/* CSS Document */







* {

	margin: 0;

	padding: 0;

}

input[type="submit"] {

	cursor: pointer;

}

input[type="checkbox"] {

	cursor: pointer;

}

input[type="radio"] {

	cursor: pointer;

}

img.imgyzm {

	cursor: pointer;

}

.disnone {

	display: none;

}

html {

	font-size: 62.5%;

	height: 100%;

	background-color: #fff;

}

body {

	-webkit-transition: 0.5s;

	transition: 0.5s;

	margin: 0 auto;

	font-size: 14px;

	font-size: 1.4rem;

	max-width: 1920px;

	position: relative;

	overflow-x: hidden;

	font-family: Tahoma, Geneva, Arial, sans-serif;

}

img {

	border: none;

}

ul li {

	list-style-type: none;

}

a, dd, dl, dt, form, img, li, p, span, table, td, tr, ul {

	margin: 0;

	padding: 0;

	list-style: none;

	color: #333;

}

a {

	text-decoration: none;

	color: #333;

	outline: none;

	-webkit-transition: 0.3s;

	transition: 0.3s;

}

h1 {

	margin: 0;

	padding: 0;

	font-weight: normal;

	color: #333;

}

.clear {

	clear: both;

}

.maln {

	margin-left: auto !important;

}

input, textarea {

	font-size: 12px;

	font-size: 1.2rem;

	color: #333;

	border: none;

	outline: none;

	font-family: Tahoma, Geneva, Arial, sans-serif;

}

.l {

	float: left;

}

.r {

	float: right;

}

.fix {

*zoom: 1;

}

.fix:after, .fix:before {

	display: block;

	content: "clear";

	height: 0;

	clear: both;

	overflow: hidden;

	visibility: hidden;

}

.wp {

	position: relative;

}

.box {

	position: relative;

}

.mln {

	margin-left: 0 !important;

}

.mbn {

	margin-bottom: 0 !important;

}

.mtn {

	margin-top: 0 !important;

}

 @media screen and (min-width: 1220px) {

.wp {

	width: 1200px;

	margin: auto;

}

}

 @media screen and (min-width: 1000px) and (max-width: 1219px) {

.wp {

	width: 980px;

	margin: auto;

}

}

 @media screen and (max-width: 999px) {

.wp {

	width: 95%;

	margin: auto;

}

}

 .sub ::-webkit-input-placeholder { /* WebKit browsers */

color: #999;

font-size: 12px;

font-size: 1.2rem;

font-family: Tahoma, Geneva, Arial, sans-serif;

}

 .sub :-o-placeholder { /* Mozilla Firefox 4 to 18 */

color: #999;

font-size: 12px;

font-size: 1.2rem;

font-family: Tahoma, Geneva, Arial, sans-serif;

}

 .sub ::-moz-placeholder { /* Mozilla Firefox 19+ */

color: #999;

font-size: 12px;

font-size: 1.2rem;

font-family: Tahoma, Geneva, Arial, sans-serif;

opacity: 1

}

 .sub :-ms-input-placeholder { /* Internet Explorer 10+ */

color: #999;

font-size: 12px;

font-size: 1.2rem;

font-family: Tahoma, Geneva, Arial, sans-serif;

}

 .coxin ::-webkit-input-placeholder { /* WebKit browsers */

color: #333;

font-size: 14px;

font-size: 1.4rem;

font-family: Tahoma, Geneva, Arial, sans-serif;

}

 .coxin :-o-placeholder { /* Mozilla Firefox 4 to 18 */

color: #333;

font-size: 14px;

font-size: 1.4rem;

font-family: Tahoma, Geneva, Arial, sans-serif;

}

 .coxin ::-moz-placeholder { /* Mozilla Firefox 19+ */

color: #333;

font-size: 14px;

font-size: 1.4rem;

font-family: Tahoma, Geneva, Arial, sans-serif;

opacity: 1

}

 .coxin :-ms-input-placeholder { /* Internet Explorer 10+ */

color: #333;

font-size: 14px;

font-size: 1.4rem;

font-family: Tahoma, Geneva, Arial, sans-serif;

}

/*.container*/







.container {

	width: 5px;

	height: 100%;

	position: absolute;

	right: 0;

	-webkit-transition: all 0.4s ease 0s;

	transition: all 0.4s ease 0s;

	z-index: 999999999999999;

	

	position: fixed;

	top: -5px;

	right: 0;

	display: block;

}

.container .nav {

	overflow: hidden;

	width: 300px;

	background: rgba(0, 0, 0, 0.8);

	position: absolute;

	top: 0px;

	right: 0;

	display: block;

	height: auto;

	overflow: scroll;

}

.container .nav form {

	margin: 15px auto;

	width: 258px;

	height: 26px;

	border: 1px solid #fff;

}

.container .nav form .iptc {

	box-sizing: border-box;

	padding-left: 15px;

	background-color: #fff;

	width: 80%;

	height: 26px;

	line-height: 26px;

	display: block;

	float: left;

}

.container .nav form .ipsc {

	width: 20%;

	height: 26px;

	line-height: 26px;

	display: block;

	float: right;

	background: #fff url(../images/sousuo1.png) no-repeat center center;

}

.container .nav > ul {

	display: none;

	margin-top: 0px;

	margin-bottom: 0px;

	overflow: scroll;

	padding-top: 45px;

	-ms-box-sizing: border-box;

	-o-box-sizing: border-box;

	box-sizing: border-box;

}

.container .nav > ul > li {

	line-height: 40px;

	font-size: 12px;

	font-size: 1.2rem;

	 padding-left:20px;

	position: relative;

	color: #fff

}

.container .nav > ul > li .addition {

	width: 20px;

	height: 20px;

	position: absolute;

	right: 15px;

	top: 10px;

	background: url("fonts/shizi.png") no-repeat center center;

}

.container .nav > ul > li .addition.fa:before {

	margin-right: 5px;

	color: #fff;

	text-indent: 0;

}

.container .nav > ul > li > a {

	margin-right: 45px;

	color: #fff;

	font-size: 12px;

	font-size: 1.2rem;

	display: block;

}

.container .nav > ul > li > a span {

	color: #fff;

	font-size: 12px;

	font-size: 1.2rem;

}

.container .nav > ul > li .c-show {

	display: none;

	width: 100%;

}

.container .nav > ul > li .c-show1 .c-s1 {

	position: relative;

	padding-left: 15px;

}

.container .nav > ul > li .c-show1 .c-s1 > a {

	margin-right: 45px;

	position: relative;

	font-size: 12px;

	font-size: 1.2rem;

	color: #fff;

	display: block;

	padding-top: 5px;

	padding-bottom: 5px;

	line-height: 30px;

}

.container .nav > ul > li .c-show1 .c-s1 > a span {

	font-size: 12px;

	font-size: 1.2rem;

	color: #fff;

}

.container .nav > ul > li .c-show1 .c-s1 > .c-show2 {

	position: relative;

}

.container .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 {

	position: relative;

}

.container .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a {

	margin-right: 45px;

padding-left:35px;

	font-size: 12px;

	font-size: 1.2rem;

	color: #fff;

	display: block;

	padding-top: 5px;

	padding-bottom: 5px;

	line-height: 30px;

}

.container .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a span {

	font-size: 12px;

	font-size: 1.2rem;

	color: #fff;

}

.container .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 {

	position: relative;

}

.container .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a {

	margin-right: 45px;

	text-indent: 50px;

	font-size: 12px;

	font-size: 1.2rem;

	color: #fff;

	display: block;

	padding-top: 5px;

	padding-bottom: 5px;

	line-height: 30px;

}

.container .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a span {

	font-size: 12px;

	font-size: 1.2rem;

	color: #fff;

}

.container .nav > ul > dl {

	padding: 20px;

}

.container .nav > ul > dl dd {

	float: left;

	margin: 0 2px;

}

.container .menubtn {

	width: 23px;

	height: 18px;

	position: absolute;

	top: 20px;

	right: 12px;

	-webkit-transition: all 0.4s ease 0s;

	transition: all 0.4s ease 0s;

	z-index: 9999;

}

.container .menubtn span {

	display: block;

	width: 100%;

	height: 3px;

	margin-bottom: 3px;

	background-color: #333;

}

 @media screen and (min-width: 1000px) {

.container, .nav {

	display: none !important;

}

}

 @media screen and (max-width: 999px) {

.head_top {

	display: none !important;

}

}

.slide .carouse {

	width: 100%;

	overflow: hidden;

	position: relative;

}

.slide .slideItem .banner-img {

	display: block;

	width: 100%;

}

.slide .slideItem {

	display: block;

}

.slide .carouse .slideItem {

	width: 100%;

	position: absolute;

}

.slide {

	position: relative;

}

.slide .console {

	height: 57px;

	display: inline-block;

	width: 35px;

	position: absolute;

	top: 40%;

}

.slide .dotList {

	text-align: center;

	position: absolute;

	bottom: 40px;

	left: 50%;

	margin-left: -34px;

}

.slide .dotList ul li {

	display: inline-block;

	width: 9px;

	height: 25px;

	background: url(../images/yao_hui.png) no-repeat center center;

	margin-left: 4px;

	margin-right: 4px;

	cursor: pointer;

}

.slide .dotList ul li.active {

	background: url("../images/yao_1.png") no-repeat center center;

}

.slide .carousel-control {

	position: absolute;

	top: 45%;

	width: 30px;

	height: 30px;

	z-index: 999;

}

.slide .carousel-control.left {

	left: 0;

	background-position: 0px 0px;

	cursor: pointer;

}

.slide .carousel-control.right {

	right: 0;

	background-position: 0px 0px;

	cursor: pointer;

}

.slide .slidedetail {

	display: none;

}

.imgtoVideo img {

	width: 100%;

}

.imgtoVideo > div {

	padding: 1px;

	position: relative;

	cursor: pointer;

	width: 49%;

	display: inline-block;

}

.imgtoVideo > div:hover .imgtoVideoDetail {

	display: block;

}

.imgtoVideo .imgtoVideoDetail {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	padding: 1px;

	display: none;

}

.imgtoVideo .imgtoVideoDetail > div {

	background: rgba(0, 98, 197, 0.8);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8142B49, endColorstr=#C8142B49);

	width: 100%;

	height: 100%;

	text-align: center;

}

.imgtoVideo .tovideo .imgtoVideoDetail {

	display: block;

}

.imgtoVideo .tovideo .imgtoVideoDetail > div {

	background: #0C2D47;

	width: 60px;

	height: 60px;

	color: #fff;

	line-height: 60px;

	vertical-align: middle;

	margin: 0 auto;

	margin-top: 17%;

}

.imgtoVideo .imgtoVideoDetail .fa-search {

	color: #fff;

	font-size: 25px;

	margin-top: 21%;

}

.contentIV {

	position: fixed;

	top: 0;

	left: 0;

	right: 0;

	width: 100%;

	height: 100%;

	display: table;

	background: rgba(20, 43, 73, 0.8);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8142B49, endColorstr=#C8142B49);

	margin: 0 auto;

	z-index: -999;

	max-width: 1024px;

	display: none;

}

#picturetoVideo .carouse .slideItem {

	display: table;

	height: 100%;

}

#picturetoVideo .carouse .slideItem > div {

	display: table-cell;

	vertical-align: middle;

	text-align: center;

}

#picturetoVideo .carouse .slideItem .banner-img {

	max-width: 100%;

	width: auto;

}

.closeContentIV {

	position: absolute;

	top: 10px;

	right: 10px;

	font-size: 25px;

	color: #fff;

	font-weight: bold;

	cursor: pointer;

	z-index: 999;

}

@font-face {

	font-family: 'FuturaStdBook';

	src: url("fonts/FuturaStdBook.eot");

	src: url("fonts/FuturaStdBook.eot") format("embedded-opentype"), url("fonts/FuturaStdBook.woff2") format("woff2"), url("fonts/FuturaStdBook.woff") format("woff"), url("fonts/FuturaStdBook.ttf") format("truetype"), url("fonts/FuturaStdBook.svg#FuturaStdBook") format("svg");

}

@font-face {

	font-family: 'FuturaStdHeavy';

	src: url("fonts/FuturaStdHeavy.eot");

	src: url("fonts/FuturaStdHeavy.eot") format("embedded-opentype"), url("fonts/FuturaStdHeavy.woff2") format("woff2"), url("fonts/FuturaStdHeavy.woff") format("woff"), url("fonts/FuturaStdHeavy.ttf") format("truetype"), url("fonts/FuturaStdHeavy.svg#FuturaStdHeavy") format("svg");

}

@font-face {

	font-family: 'FuturaStdMedium';

	src: url("fonts/FuturaStdMedium.eot");

	src: url("fonts/FuturaStdMedium.eot") format("embedded-opentype"), url("fonts/FuturaStdMedium.woff2") format("woff2"), url("fonts/FuturaStdMedium.woff") format("woff"), url("fonts/FuturaStdMedium.ttf") format("truetype"), url("fonts/FuturaStdMedium.svg#FuturaStdMedium") format("svg");

}

@font-face {

	font-family: 'FuturaStdBookOblique';

	src: url("fonts/FuturaStdBookOblique.eot");

	src: url("fonts/FuturaStdBookOblique.eot") format("embedded-opentype"), url("fonts/FuturaStdBookOblique.woff2") format("woff2"), url("fonts/FuturaStdBookOblique.woff") format("woff"), url("fonts/FuturaStdBookOblique.ttf") format("truetype"), url("fonts/FuturaStdBookOblique.svg#FuturaStdBookOblique") format("svg");

}

/* header */







.header {

	width: 100%;

	background: url(../images/herbj.jpg) no-repeat center top;

}

.header .logo {

	margin-top: 15px;

	margin-bottom: 11px;

}

.header .logo img {

	display: block;

	max-width: 178px;

	width: 100%;

}

.header_right {

	width: 905px\0;

}

.header_ul1 {

	padding-top: 29px;

}

.header_ul1 > li {

	float: left;

	margin-right: 30px;

	position: relative;

	padding-bottom: 15px;

}

.header_ul1 > li > a {

	font-family: 'FuturaStdBook';

	text-transform: uppercase;

	color: #fff;

	line-height: 30px;

	padding-bottom: 17px;

	border-bottom: 2px solid transparent;

}

.header_ul1 > li:hover > a, .header_ul1 li.on > a {

	color: #e50012;

	border-color: #e50012;

}

.header_ul1 > li:hover .dan_header {

	display: block;

}

.dan_header {

	display: none;

	width: 234px;

	position: absolute;

	left: -25px;

	top: 100%;

	background: #000;

	background: rgba(0, 0, 0, 0.8);

	z-index: 999999;

}

.dan_header > li {

	border-bottom: 1px dashed #c2c2c2;

	line-height: 25px;

	padding-left: 10px;

	padding-right: 10px;

	position: relative;

	padding-top: 7px;

	padding-bottom: 8px

}

.dan_header > li:last-child {

	border: 0px;

}

.dan_header > li > a {

	font-size: 14px;

	font-size: 1.4rem;

	color: #fff;

	display: block;

}

.dan_header > li:hover {

	background: #e50012;

	color: #fff;

	border-color: transparent;

}

.dan_header > li:hover > a {

	background: #e50012;

	color: #fff;

}

.dan_header > li:hover .dan_sanheader {

	display: block;

}

.dan_sanheader {

	display: none;

	width: 200px;

	position: absolute;

	left: 100%;

	top: 0px;

	background: #000;

	background: rgba(0, 0, 0, 0.8);

	z-index: 999999;

}

.dan_sanheader {

	display: none;

	width: 200px;

	position: absolute;

	left: 100%;

	top: 0px;

	background: #000;

	background: rgba(0, 0, 0, 0.8);

	z-index: 999999;

}

.dan_sanheader > li {

	border-bottom: 1px dashed #c2c2c2;

	line-height: 40px;

	padding-left: 10px;

	padding-right: 10px;

	position: relative;

}

.dan_sanheader > li:last-child {

	border: 0px;

}

.dan_sanheader > li > a {

	font-size: 14px;

	font-size: 1.4rem;

	color: #fff;

	line-height: 40px;

	display: block;

}

.dan_sanheader > li:hover {

	background: #e50012;

	color: #fff;

	border-color: transparent;

}

.dan_sanheader > li:hover > a {

	background: #e50012;

	color: #fff;

}

.dan_sanheader > li:hover .dan_siheader {

	display: block;

}

.dan_siheader {

	display: none;

	width: 200px;

	position: absolute;

	left: 100%;

	top: 0px;

	background: #000;

	background: rgba(0, 0, 0, 0.8);

	z-index: 999999;

}

.dan_siheader {

	display: none;

	width: 200px;

	position: absolute;

	left: 100%;

	top: 0px;

	background: #000;

	background: rgba(0, 0, 0, 0.8);

	z-index: 999999;

}

.dan_siheader > li {

	border-bottom: 1px dashed #c2c2c2;

	line-height: 40px;

	padding-left: 10px;

	padding-left: 10px;

	position: relative;

}

.dan_siheader > li:last-child {

	border: 0px;

}

.dan_siheader > li > a {

	font-size: 14px;

	font-size: 1.4rem;

	color: #fff;

	line-height: 40px;

	display: block;

}

.dan_siheader > li:hover {

	background: #e50012;

	color: #fff;

	border-color: transparent;

}

.dan_siheader > li:hover > a {

	background: #e50012;

	color: #fff;

}

.header_form {

	margin-top: 14px;

	margin-left: 20px;

	margin-right: 110px;

	border: 1px solid #333333;

	width: 209px;

	height: 30px;

	line-height: 30px;

	position: relative;

	border-radius: 50px;

}

.header_form .tex {

	text-indent: 14px;

	width: 100%;

	line-height: 30px;

	height: 30px;

	display: inline-block;

	color: #999999;

	font-family: Tahoma;

	border-radius: 50px;

	background: none

}

.header_form .sub {

	position: absolute;

	top: 0px;

	right: 0px;

	height: 33px;

	width: 32px;

	font-size: 0px;

	cursor: pointer;

	z-index: 99;

	background: url(../images/suosou.png) no-repeat right -2px;

	border-radius: 50px;

}

.head_top .shejiao {

	padding-top: 13px;

}

.head_top .shejiao a {

	display: inline-block;

	margin-left: 14px;

}

.head_top p {

	padding-top: 13px;

}

.head_top p a {

	display: inline-block;

	margin-right: 10px;

}

.head_top p span {

	line-height: 26px;

	display: inline-block;

	color: #999999;

	font-size: 12px;

	font-size: 1.2rem; margin-right:3px;

	font-family: 'FuturaStdMedium';

}

/* nav_head */







.nav_head {

	width: 100%;

	display: none;

}

.nav_head li {

	text-align: center;

	width: 25%;

	float: left;

}

.nav_head li a {

	font-size: 18px;

	font-size: 1.8rem;

	color: #333;

	line-height: 30px;

}

.nav_head li.on a {

	color: #e50012;

}

.nav_head li:hover a {

	color: #e50012;

}

 @media screen and (max-width: 999px) {

.nav_head {

	display: block;

}

}

 @media screen and (max-width: 640px) {

.nav_head li a {

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	line-height: 30px;

}

}

 @media screen and (max-width: 1219px) {

.header .logo {

	width: 140px;

	margin-top: 30px;

}

.header_right {

	width: 85%;

}

.header_form {

	width: 183px;

	margin-right: 50px

}

.header_ul1 > li {

	margin-right: 20px;

}

.head_top .shejiao a {

	margin-left: 5px;

}

}

 @media screen and (max-width: 999px) {

.header {

	background: #fff;

}

.header_right {

	width: auto;

	margin-right: 50px;

	margin-left: 20px;

}

.header_ul1 {

	display: none;

}

.header_form {

	display: none;

}

.head_top .shejiao {

	display: none;

}

.hertiou {

	margin-top: 50px;

}

.slide .dotList {

	bottom: 20px;

}

.slide .dotList.dandotList {

	bottom: 20px;

}

.header .logo {

	margin-top: 5px;

	width: 200px;

}

}

 @media screen and (max-width: 640px) {

.header_right {

	width: 100%;

	margin: 0 auto;

}

.head_top {

	float: none;

}

.head_top p {

	padding-top: 5px;

}

.slide .dotList {

	bottom: 20px;

}

}

/* footer */







.footer {

	background: #000000;

}

.footer a:hover {

	color: #e50012;

}

.footer .title a:hover {

	color: #e50012;

}

.footer .title {

	padding-top: 49px;

	font-size: 24px;

	font-size: 2.4rem;

	color: #fff;

	text-transform: uppercase;

	line-height: 30px;

	font-family: 'FuturaStdHeavy';

}

.footer .title a {

	font-size: 24px;

	font-size: 2.4rem;

	color: #fff;

	text-transform: uppercase;

	line-height: 30px;

}

.footer_left {

	float: left;

	width: 39%;

}

.footer_center {

	float: left;

	width: 30%;

}

.footer_right {

	float: right;

	width: 26.2%;

}

.footer ul {

	margin-top: 19px;

}

.footer ul li {

	line-height: 26px;

	color: #fff;

}

.footer ul li a {

	color: #fff;

}

.footer_center ul li {

	line-height: 30px;

	padding-left: 33px;

}
.footer_center ul li.gc {

	background: url(../images/coms.png) no-repeat left center;

}
.footer_center ul li.ren {

	background: url(../images/ren.png) no-repeat left center;

}
.footer_center ul li.li1 {

	background: url(../images/fli1.png) no-repeat left center;

}

.footer_center ul li.li2 {

	background: url(../images/fli2.png) no-repeat left center;

}

.footer_center ul li.li3 {

	background: url(../images/fli3.png) no-repeat left center;

}

.footer_center ul li.li4 {

	background: url(../images/fli4.png) no-repeat left center;

}

.footer_center ul li.li5 {

	background: url(../images/fli5.png) no-repeat left center;

}

.footer_center ul li.li6 {

	background: url(../images/fli6.png) no-repeat left center;

}

.footer_center ul li.li7 {

	background: url(../images/fli7.png) no-repeat left center;

}

.footer_center ul li.li8 {

	background: url(../images/fli8.png) no-repeat left center;

}

.footer_center ul li.li9 {

	background: url(../images/fli9.png) no-repeat left 8px;

}

.footer_center ul li.liqq {

	background: url(../images/dibuqq.png) no-repeat left center;

}



.footer_right .img {

	display: block;

	margin-top: 16px;

}

.footer_right .img img {

	display: block;

	max-width: 100%;

}

.footer_right p {

	line-height: 30px;

	color: #fff;

}

.footer_right p a {

	line-height: 30px;

	color: #fff;

}

.footer_right p span {

	display: block;

	color: #fff;

}

.footer_right p a.cnzz {

	padding-left: 5px;

	display: inline-block;

	position: relative;

	top: 3px;

}

.footer_right .shejiao {

	margin-top: 29px;

	margin-bottom: 15px;

}

.footer_right .shejiao a {

	display: block;

	float: left;

	margin-left: 18px;

}

.fott_bot {

	text-align: left;

	font-size: 16px;

	font-size: 1.6rem;

	background: #000;

	color: #fff;

	margin-top: 35px

}

.fott_bot p {

	color: #fff;

	line-height: 30px;

}

.fott_bot a {

	color: #fff;

	line-height: 30px;

	padding-left: 6px;

	padding-right: 10px; display:inline-block

}

 @media screen and (max-width: 1219px) {

.footer .title {

	font-size: 20px;

	font-size: 2rem;

}

.footer_left {

	float: left;

	width: 30%;

	margin-right: 1%;

}

.footer_center {

	float: left;

	width: 30%;

	margin-right: 1%;

}

.footer_right {

	float: right;

	width: 30%;

}

.footer ul {

	margin-top: 10px;

}

.footer ul li {

	font-size: 14px;

	font-size: 1.4rem;

}

.footer ul li a {

	font-size: 14px;

	font-size: 1.4rem;

}

}

 @media screen and (max-width: 1219px) {

.slide .dotList {

	text-align: center;

	position: absolute;

	bottom: 20px;

}

}

 @media screen and (max-width: 999px) {

.footer_right .shejiao a {

	margin-left: 6px;

}

.fott_bot p {

	line-height: 41px;

}

.fott_bot p a {

	line-height: 41px;

}

}

 @media screen and (max-width: 768px) {

.footer_left {

	display: none;

}

.footer_center {

	display: none;

}

.footer_right {

	width: 100%;

	padding: 10px 0px;

}

.footer .title {

	display: none;

}

.footer_right .img {

	display: none;

}

.footer_right .shejiao {

	display: none;

}

.fott_bot {

	display: none;

}

}

.main1 {

	padding-top: 90px;

}

.main1 .m1_wrap {

	padding: 15px 12px 16px;

	background: url(../images/main1bj.png) no-repeat center top;

}

.main1 .m1_l {

	padding-left: 42px;

	padding-top: 50px;

	width: 474px;

}

.main1 .m1_l img {

	display: block;

	max-width: 100%;

	margin-bottom: 21px;

}

.main1 .m1_l p a {

	max-height: 210px;

	overflow: hidden;

	display: block;

	line-height: 30px;

	color: #fff;

	font-size: 16px;

	font-size: 1.6rem;

}

.main1 .m1_l a.more {

	padding-top: 36px;

	padding-bottom: 32px;

	display: block;

	color: #fff;

	font-size: 16px;

	font-size: 1.6rem;

	text-transform: uppercase;

}

.main1 .m1_r {

	width: 602px;

	margin-top: 66px;

}

.main1 .m1_r img {

	display: block;

	max-width: 602px;

	width: 100%;

	margin: 0 auto;

}

.main1 .m1_l:hover a {

	color: #e50012;

}

 @media screen and (max-width: 1219px) {

.main1 .m1_wrap {

	background-size: 100% 100%;

}

.main1 .m1_l {

	width: 40%;

}

.main1 .m1_r {

	width: 53%;

	margin-top: 90px;

}

}

 @media screen and (max-width: 999px) {

.main1 {

	padding-top: 30px;

}

.main1 .m1_wrap {

	background: none;

}

.main1 .m1_l {

	padding: 20px;

	width: calc( 100% - 40px);

	background-color: #333333;

}

.main1 .m1_r {

	width: 100%;

	margin-top: 10px;

}

.main1 .m1_l a.more {

	padding: 10px 0px;

}

}

 @media screen and (max-width: 768px) {

.main1 {

	padding-top: 20px;

}

.main1 .m1_l p a {

	font-size: 14px;

	font-size: 1.4rem;

}

.main1 .m1_l a.more {

	font-size: 14px;

	font-size: 1.4rem;

}

}

.main2 {

	margin-bottom: 56px;

	padding-top: 5px;

}

.m4tu {

	width: 61.7%;

*width: 58.5%;

	float: left;

	margin-top: 101px;

}


.main2 .m4tu {

	margin-top: 66px;
	width: 50.76%;

*width: 48.5%;


}

.m4zi {

	width: 35%;

*width: 39.5%;

	float: right;

}

.main4 .m4tu {

	margin-top: 90px;
		width: 52.5%;

*width: 50%;

	float: left;

}
.m4tu a {

	display: block;

}

.m4tu a img {

	display: block;

	margin: auto;

	max-width: 100%;

}

.main4 .m4tu a img {

	display: block;

	margin: auto;

	max-width: 100%;

}

.main4 .m4zi {

	margin-top: 154px;

}

.m4zin {

	width: 344px;

	margin-left: -10px;

	padding-top: 0px;

	float: left;

}

.main2 .m4zin {

	width: 325px;

	margin-left: 0px;

	padding-top: 64px;

	float: left;

}

.main4 .m4zin {

	width: 380px;

	margin-left: 0px;

	padding-top: 0px;

	float: left;

}

.m4biao {

	display: block;

	font-size: 90px;

	font-size: 9rem;

	color: #333333;

	line-height: 97px;

	font-family: 'FuturaStdBookOblique';

	background: url(../images/m121.jpg) no-repeat left bottom;

}

.m4a {

	padding-top: 22px;

	display: block;

	font-size: 30px;

	font-size: 3rem;

	color: #e50012;

	line-height: 40px;

	font-family: 'FuturaStdHeavy';

	text-transform: uppercase;

}

.m4zi p a {

	display: block;

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

	margin-top: 5px;

}

.m4zin a:hover {

	color: #e50012;

}

.m4zin a.m4mor:hover {

	color: #fff;

}

.m4zin .m4a:hover {

	color: #333;

}

.m2zin .m2a:hover {

	color: #333;

}

/* main3 */







.main3 {

	margin-bottom: 0px;

}

.m2tu {

	width: 60%;

*width: 57.5%;

	float: right;

}

.main3 .m2tu {

	width: 56.51%;

*width: 54.0%;

	float: right;

}

.m2zi {

	width: 40%;

*width: 40.5%;

	float: left;

}
.main3 .m2zi {

	width: 38.95%;

*width: 36.5%;

	float: left;

}
.m2tu a {

	display: block;

}

.m2tu a img {

	display: block;

	margin: auto;

	max-width: 100%;

}

.m2zin {

	width: 364px;

	width: 387px\0;

	margin-right: 45px;

	padding-top: 0px;

	float: right;

}

.m2biao {

	display: block;

	font-size: 90px;

	font-size: 9rem;

	color: #333333;

	line-height: 97px;

	font-family: 'FuturaStdBookOblique';

	background: url(../images/m121.jpg) no-repeat left bottom;

}

.m2a {

	padding-top: 27px;

	display: block;

	font-size: 30px;

	font-size: 3rem;

	color: #e50012;

	line-height: 36px;

	font-family: 'FuturaStdHeavy';

	text-transform: uppercase;

}

.m2zi p a {

	display: block;

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

	margin-top: 6px;

}

.m2zin a:hover {

	color: #e50012;

}

.m2zin a.m2mor:hover {

	color: #fff;

}

 @media screen and (min-width: 1000px) and (max-width: 1219px) {

.main2 {

	margin-bottom: 10px;

	padding-top: 10px;

}

.m2zin {

	width: 80%;

	

}

.m2zi {

	width: 35%;

	float: right;

	padding-top: 0px;

}

.m2biao {

	font-size: 70px;

	font-size: 7rem;

	padding-top: 0px;

}

.m2a {

	font-size: 16px;

	font-size: 1.6rem;

	padding-top: 5px;

	line-height: 28px;

}

.m2mor {

	margin-top: 20px;

}

.m2zi p a {

	margin-top: 0px;

	font-size: 14px;

	font-size: 1.4rem;

}

.main3 {

	margin-bottom: 0px;

}

.m4zin {

	width: 90%;

	margin-left: 5%;

}

.m4zi {

	width: 35%;

	float: right;

	padding-top: 0px;

}

.m4biao {

	font-size: 70px;

	font-size: 7rem;

	padding-top: 0px;

}

.m4a {

	font-size: 16px;

	font-size: 1.6rem;

	padding-top: 0px;

}

.m4mor {

	margin-top: 20px;

}

.m4zi p a {

	margin-top: 0px;

	font-size: 14px;

	font-size: 1.4rem;

}

.m4tu {

	margin-top: 40px;

}

.main4 .m4zi {

	margin-top: 0px;

}

}

.dan_himg {

	display: none;

}

.main4 .m4zi p a {

	display: block;

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

	margin-top: 24px;

}

 @media screen and (max-width: 999px) {

.main4 .m4zi {

	margin-top: 0px;

}

.main4 {

	width: 95%;

	margin: 0 auto;

}

.main3 {

	width: 95%;

	margin: 0 auto;

}

.main2 {

	width: 95%;

	margin: 0 auto;

}

.main2 {

	padding-bottom: 20px;

}

.m2tu {

	width: 100%;

	float: none;

	padding-top: 0px;

	margin: 0 auto;

}

.m2zi {

	width: 100% !important;

	float: none !important;

	padding-top: 0px;

	margin: 0 auto;

}

.m2zin {

	width: 100%;

	margin: 20px auto; float:none

}

.main2 .m4zin, .main4 .m4zin {

	width: 100%;

	margin: 20px auto;

}

.m2mor {

	margin-top: 10px;

}

.m2zi p a {

	margin-top: 0px;

}

.m2biao {

	padding-top: 0px;

}

.m4tu {

	width: 100%;

	float: none;

	padding-top: 0px;

	margin: 0 auto;

}

.m4zi {

	width: 100%;

	float: none;

	padding-top: 0px;

	margin: 0 auto;

}

.m4zin {

	width: 100%;

	margin: 0 auto;

}

.m4mor {

	margin-top: 10px;

}

.m4zi p a {

	margin-top: 0px;

}

.m4biao {

	padding-top: 0px;

}

.m4tu {

	display: none;

}

.m2tu {

	display: none;

}

.dan_himg {

	display: block;

}

.dan_himg img {

	display: block;

	max-width: 100%;

	margin: 0 auto;

}

}

 @media screen and (max-width: 768px) {

.main2 {

	padding-top: 8px;

}

.m2biao {

	font-size: 30px;

	font-size: 3rem;

	line-height: 38px;

}

.m4biao {

	font-size: 30px;

	font-size: 3rem;

	line-height: 38px;

}

.m2a {

	font-size: 18px;

	font-size: 1.8rem;

	line-height: 28px;

	padding-top: 5px;

}

.m4a {

	font-size: 18px;

	font-size: 1.8rem;

	line-height: 28px;

	padding-top: 5px;

}

}

 @media screen and (max-width: 640px) {

.m2zi p a {

	font-size: 14px;

	font-size: 1.4rem;

}

.m4zi p a {

	font-size: 14px;

	font-size: 1.4rem;

}

}

.main5 {

	padding-bottom: 15px;

	margin-top: 224px

}

.main5 .title {

	padding-top: 62px;

	padding-bottom: 20px;

	text-align: center;

	font-family: 'FuturaStdHeavy';

}

.main5 .title a {

	font-size: 40px;

	font-size: 4rem;

	color: #fff;

	text-transform: uppercase

}

.main5 .m5_ul li {

	float: left;

	width: 392px;

	margin-left: 12px;

	padding-bottom: 34px;

}

.main5 .m5_ul li:hover .fu {

	top: 0px;

}

.main5 .m5_ul .m5_wrap {

	position: relative;

	overflow: hidden;

	max-width: 392px;

	width: 100%;

	margin: 0 auto;

}

.main5 .m5_ul img {

	display: block;

	max-width: 392px;

	max-height: 249px;

	width: 100%;

}

.main5 .m5_ul .fu {

	position: absolute;

	top: 100%;

	left: 0px;

	width: 100%;

	height: 100%;

	background: #000000;

	background: rgba(0, 0, 0, 0.4);

}

.main5 .m5_ul .fu span {

	position: absolute;

	left: 50%;

	margin-left: -60.5px;

	top: 50%;

	margin-top: -20px;

	border: 1px solid #fff;

	display: block;

	width: 121px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	color: #fff;

	font-size: 18px;

	font-size: 1.8rem;

}

.main5 .m5_ul a.wen {

	padding-top: 10px;

	line-height: 30px;

	display: block;

	max-width: 392px;

	width: 100%;

	margin: 0 auto;

	text-align: center;

	font-size: 16px;

	font-size: 1.6rem;

	color: #fff;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.main5 .m5_ul a.wen:hover {

	color: #e50012;

}

 @media screen and (max-width: 1219px) {

.main5 .m5_ul li {

	width: 31%;

	margin-left: 1% !important;

	margin-right: 1%;

	padding-bottom: 10px;

}

}

 @media screen and (max-width: 999px) {

.main5 .m5_ul li .fu {

	display: none;

}

.main5 {

	margin-top: 20px;

}

}

 @media screen and (max-width: 768px) {

.main5 .title {

	padding-top: 30px;

}

.main5 .title a {

	font-size: 30px;

	font-size: 3rem;

}

.main5 .m5_ul a.wen {

	font-size: 14px;

	font-size: 1.4rem;

	padding-top: 5px;

}

}

 @media screen and (max-width: 340px) {

.main5 .m5_ul li {

	width: 48%;

}

.main5 .title a {

	font-size: 24px;

	font-size: 2.4rem;

}

}

.main6 {

	padding-bottom: 98px;

}

.main6 .title {

	padding-top: 58px;

	padding-bottom: 35px;

	text-align: center;

	font-family: 'FuturaStdHeavy';

}

.main6 .title a {

	font-size: 40px;

	font-size: 4rem;

	color: #e50012;

	text-transform: uppercase;

}

.main6 .m6_ul li {

	float: left;

	margin-left: 30px;

	width: 380px;

}

.main6 .m6_ul li .more a:hover {

	background: #e50012;

	color: #fff;

}

.main6 .m6_ul .m6_wrap {

	max-width: 380px;

	width: 100%;

	margin: 0 auto;

	background: #f2f1f1;

}

.main6 .m6_ul img {

	display: block;

	max-width: 380px;

	max-height: 248px;

	width: 100%;

	margin: 0 auto;

}

.main6 .m6_ul .tit2 {

	line-height: 30px;

	padding-top: 19px;

	padding-bottom: 16px;

	display: block;

	max-width: 335px;

	width: 95%;

	margin: 0 auto;

	font-size: 16px;

	font-size: 1.6rem;

	color: #e50012;

	font-weight: bold;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.main6 .m6_ul p {

	display: block;

	max-width: 335px;

	width: 95%;

	margin: 0 auto;

}

.main6 .m6_ul p a {

	height: 78px;

	overflow: hidden;

	display: block;

	color: #4d4d4d;

	line-height: 26px;

	overflow: hidden

}

.main6 .m6_ul .more {

	padding-top: 30px;

	padding-bottom: 41px;

}

.main6 .m6_ul .more a {

	display: block;

	width: 135px;

	line-height: 36px;

	text-align: center;

	height: 36px;

	color: #e50012;

	background: #fff;

	margin: 0 auto;

}

.main6 .m6_ul a:hover {

	color: #e50012;

}

.main6 .m6_ul .tit2:hover {

	color: #333;

}

.main6 .title a:hover {

	color: #333;

}

 @media screen and (max-width: 1219px) {

.main6 .m6_ul li {

	width: 31%;

	margin-left: 1% !important;

	margin-right: 1%;

}

.main6 .m6_ul .tit2 {

	width: 90%;

}

.main6 .m6_ul p {

	width: 90%;

}

}

 @media screen and (max-width: 999px) {

.main6 {

	padding-bottom: 58px;

}

}

 @media screen and (max-width: 768px) {

.main6 .title {

	padding: 20px 0px;

}

.main6 .title a {

	font-size: 30px;

	font-size: 3rem;

}

.main6 {

	padding-bottom: 48px;

}

.main6 .m6_ul .tit2 {

	padding: 5px 0px;

}

.main6 .m6_ul .more {

	padding-top: 10px;

	padding-bottom: 20px;

}

}

 @media screen and (max-width: 600px) {

.main6 .m6_ul li {

	width: 98%;

	margin-left: 1% !important;

	margin-right: 1%;

	padding-bottom: 20px;

}

.main6 .m6_ul p a {

	height: auto !important;

	min-height: auto !important

}

}

 @media screen and (max-width: 340px) {

.main6 .title {

	padding: 10px 0px;

}

.main6 .title a {

	font-size: 24px;

	font-size: 2.4rem;

}

.main6 {

	padding-bottom: 8px;

}

}

/* banner_top */







.banner_top {

	padding-top: 34px;

	padding-bottom: 19px;

	background: url(../images/borek.jpg) no-repeat top center;

	text-align: center;

}

.banner_top p {

	text-align: center;

	color: #333;

	line-height: 30px;

	padding-top: 3px;

	color: #fff;

}

.banner_top .title2 {

	padding-bottom: 0px;

}

.banner_top .title2 span {

	text-transform: uppercase;

	font-size: 24px;

	font-size: 2.4rem;

	color: #333;

	line-height: 30px;

	font-family: 'FuturaStdHeavy';

}

.banner_top p {

	font-size: 16px;

	font-size: 1.6rem;

	color: #333;

	line-height: 30px;

	font-family: 'FuturaStdBook';

}

.banner_top p a {

	font-size: 16px;

	font-size: 1.6rem;

	color: #333;

	line-height: 26px;

	font-family: 'FuturaStdBook';

}

.banner_top p a.on {

	text-decoration: underline;

}

.banner_top p a:hover {

	text-decoration: underline;

}

.about {

	padding-top: 41px;

}

.azuo {

	width: 580px;

	padding-top: 23px;

}

.au {

	font-size: 22px;

	font-size: 2.2rem;

	text-transform: uppercase;

	padding-left: 29px;

	margin-bottom: 46px;

	background: url("../images/xie.jpg") no-repeat left 6px;

	color: #e50012;

	font-family: 'FuturaStdHeavy';

}

.wel {

	font-size: 40px;

	font-size: 4rem;

	color: #e50012;

	padding-bottom: 2px;

	background: url("../images/hongxian.jpg") no-repeat left bottom;

	margin-top: 17px;

	margin-bottom: 13px;

	text-transform: uppercase;

	font-family: 'FuturaStdHeavy';

}

.whylist2 {

	padding-bottom: 70px;

}

.aboutp1 {

	font-size: 16px;

	font-size: 1.6rem;

	color: #333;

	line-height: 30px;

	margin-bottom: 31px;

}

.aboutp2 {

	margin-bottom: 13px;

}

.aboutp3 {

	margin-bottom: 45px;

}

.oc {

	font-size: 30px;

	font-size: 3rem;

	color: #e50012;

	padding-left: 34px;

	background: url("../images/xie.jpg") no-repeat left 9px;

	text-transform: uppercase;

	margin-bottom: 34px;

}
.ayou {width: 599px}
.ayou img {

	width: 100%;

	max-width: 599px;

	max-height: 390px;

}

.ab_top p {

	padding-left: 17px;

	background: url(../images/andan.png) no-repeat left 15px;

	font-size: 16px;

	font-size: 1.6rem;

	color: #333;

	line-height: 35px;

}

.ab_top p b, .ab_top p strong {

	font-style: italic;

	font-size: 20px;

	font-size: 2rem;

	color: #333;

}

.ab_4 {

	margin-top: 22px;

	margin-bottom: 52px;

	font-size: 16px;

	font-size: 1.6rem;

	color: #333;

	line-height: 30px;

}

.ab_title5 {

	padding-bottom: 5px;

	font-size: 30px;

	font-size: 3rem;

	color: #e50012;

	text-transform: uppercase;

	border-bottom: 2px solid #e50012;

	font-family: 'FuturaStdHeavy';

}

.about .ab5n {

	margin-top: 59px;

	margin-bottom: 40px;

}

.about .img-scroll {

	position: relative;

	z-index: 9;

}

.about .img-scroll .prev {

	left: 0px;

	cursor: pointer;

	background: url(../images/ableft.jpg) no-repeat;

}

.about .img-scroll .next {

	right: 0px;

	cursor: pointer;

	background: url(../images/abright.jpg) no-repeat;

}

.about .img-scroll .prev:hover {

	left: 0px;

	cursor: pointer;

	background: url(../images/ablefth.jpg) no-repeat;

}

.about .img-scroll .next:hover {

	right: 0px;

	cursor: pointer;

	background: url(../images/abrighth.jpg) no-repeat;

}

.about .ab5n .img-scroll .prev, .about .ab5n .img-scroll .next {

	position: absolute;

	display: block;

	width: 40px;

	height: 104px;

	top: 50%;

	margin-top: -76px;

	z-index: 99;

}

.about .ab5n .img-list {

	position: relative;

	width: 1038px;

	margin-left: 82px;

	overflow: hidden;

	z-index: 90;

}

.about .ab5n .img-list ul {

	width: 10000%;

}

.about .ab5n .img-list li {

	float: left;

	display: block;

	width: 321px;

	margin-right: 46px;

}

.about .ab5n .zhengshu {

	display: block;

	position: relative;

	overflow: hidden;

}

.about .ab5n .zhengshun {

	display: block;

	margin: auto;

	width: 100%;

	max-width: 321px;

	max-height: 229px;

}

.about .ab5n .fangda {

	display: block;

	width: 41px;

	height: 41px;

	position: absolute;

	left: 50%;

	margin-left: -20px;

	top: 100%;

	margin-top: 0px;

	-webkit-transition: 0.5s;

	transition: 0.5s;

}

.about .ab5n .zhengzi {

	display: block;

	text-align: center;

	font-size: 18px;

	font-size: 1.8rem;

	line-height: 30px;

	margin-top: 19px;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.about .ab5n .img-list li:hover .fangda {

	top: 50%;

	margin-top: -20px;

}

.about .ab6n {

	margin-top: 38px;

	padding-bottom: 82px;

}

.about .ab6n .img-scroll .prev, .about .ab6n .img-scroll .next {

	position: absolute;

	display: block;

	width: 40px;

	height: 104px;

	top: 50%;

	margin-top: -81px;

	z-index: 99;

}

.about .ab6n .img-list {

	position: relative;

	width: 1038px;

	margin-left: 82px;

	overflow: hidden;

	z-index: 90;

}

.about .ab6n .img-list ul {

	width: 9999px;

}

.about .ab6n .img-list li {

	float: left;

	display: block;

	width: 226px;

	margin-right: 43px;

}

.about .ab6n .zhengshu {

	display: block;

	position: relative;

	overflow: hidden;

}

.about .ab6n .zhengshun {

	display: block;

	margin: auto;

	width: 100%;

	max-width: 226px;

	max-height: 310px;

}

.about .ab6n .fangda {

	display: block;

	width: 41px;

	height: 41px;

	position: absolute;

	left: 50%;

	margin-left: -20px;

	top: 100%;

	margin-top: 0px;

	-webkit-transition: 0.5s;

	transition: 0.5s;

}

.about .ab6n .zhengzi {

	display: block;

	text-align: center;

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

	margin-top: 13px;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.about .ab6n .img-list li:hover .fangda {

	top: 50%;

	margin-top: -20px;

}

 @media screen and (min-width: 1000px) and (max-width: 1219px) {

.azuo {

	width: 470px;

	padding-top: 0;

}

.ayou {

	width: 500px;

}

.wel {

	margin-top: 10px;

	margin-bottom: 20px;

}

.aboutp1 {

	margin-bottom: 10px;

}

.about .ab5n .img-list ul {

	width: 10000%;

}

.about .ab6n .img-list ul {

	width: 1000%;

}

.about .ab5n .img-list {

	width: 90%;

	margin: 0 auto;

}

.about .ab6n .img-list {

	width: 90%;

	margin: 0 auto;

}

.about .ab5n .img-list li {

	width: .325%;

	margin-right: .01%;

}

.about .ab6n .img-list li {

	width: 3.25%;

	margin-right: .1%;

}

}

 @media screen and (max-width: 999px) {

.about .ab6n .img-list li .fangda {

	top: 50%;

	margin-top: -20px;

}

.about .ab5n .img-list li .fangda {

	top: 50%;

	margin-top: -20px;

}

.aboutp1 {

	margin: 5px auto;

}

.au {

	margin-bottom: 10px;

}

.azuo {

	width: 100%;

}

.about .whylist2 {

	padding-bottom: 0;

}

.ayou {

	width: 100%;

	text-align: center;

	margin-top: 10px;

}

.about .ab5n .img-list ul {

	width: 10000%;

}

.about .ab6n .img-list ul {

	width: 1000%;

}

.about .ab5n .img-list {

	width: 90%;

	margin: 0 auto;

}

.about .ab6n .img-list {

	width: 90%;

	margin: 0 auto;

}

.about .ab5n .img-list li {

	width: .325%;

	margin-right: .01%;

}

.about .ab6n .img-list li {

	width: 3.25%;

	margin-right: .1%;

}

}

 @media screen and (max-width: 768px) {

.about .ab5n .img-list {

	width: 85%;

	margin: 0 auto;

}

.about .ab6n .img-list {

	width: 85%;

	margin: 0 auto;

}

.about .ab5n .img-list li {

	width: 4.44%;

	margin-right: 1%;

}

.about .ab6n .img-list li {

	width: 4.44%;

	margin-right: 1%;

}

.about .ab5n .zhengzi {

	margin-top: 13px;

}

}

 @media screen and (max-width: 640px) {

.about {

	padding-top: 0px;

}

.ab_title5 {

	font-size: 20px;

	font-size: 2rem;

}

.about .ab5n {

	margin: 20px 0px;

	padding: 0px;

}

.about .ab6n {

	margin: 20px 0px;

	padding: 0px;

}

.about .img-scroll {

	width: 100%;

	max-width: 418px;

	margin: 0 auto;

}

.about .ab6n .img-scroll {

	width: 100%;

	max-width: 321px;

	margin: 0 auto;

}

.about .ab5n .img-list {

	width: 100%;

	max-width: 321px;

	margin: 0 auto;

}

.about .ab6n .img-list {

	width: 100%;

	max-width: 226px;

	margin: 0 auto;

}

.about .ab5n .img-list li {

	width: 10%;

	margin-right: 1%;

}

.about .ab6n .img-list li {

	width: 10%;

	margin-right: 1%;

}

.wel {

	font-size: 20px;

	font-size: 2rem;

}

.au {

	font-size: 16px;

	font-size: 1.6rem;

}

.aboutp1 {

	font-size: 14px;

	font-size: 1.4rem;

}

.ab_top p {

	font-size: 14px;

	font-size: 1.4rem;

}

.ab_4 {

	font-size: 14px;

	font-size: 1.4rem;

	margin: 5px 0px;

}

.about .ab5n .zhengzi {

	font-size: 14px;

	font-size: 1.4rem;

}

.about .ab6n .zhengzi {

	font-size: 14px;

	font-size: 1.4rem;

}

.banner_top {

	padding-top: 1.5rem;

	padding-bottom: 19px;

	background: url() #dadada;

	text-align: center;

}

.banner_top .title2 span {

	font-size: 14px;

	font-size: 1.4rem

}

}

 @media screen and (max-width: 400px) {

.oc {

	font-size: 22px;

	font-size: 2.2rem;

}

}

/* ===============================================================product====================================================== */







/*goods*/







.product {

	padding-top: 42px;

}

.product .xiangqing .goods {

	width: 830px;

}

.product .xiangqing .goods .box1 {

	width: 100%;

}

.product .xiangqing .goods .box1 ul {

	width: 100%;

	padding-bottom: 48px;

}

.product .xiangqing .goods .box1 ul li {

	float: left;

	margin-left: 7px;

	width: 272px;

	margin-bottom: 44px;

}

.product .xiangqing .goods .box1 ul li .libox {

	border: 1px solid #dadada;

}

.product .xiangqing .goods .box1 ul li .img {

	width: 100%;

}

.product .xiangqing .goods .box1 ul li .img > a {

	display: block;

	width: 100%;

	position: relative;

	overflow: hidden;

}

.product .xiangqing .goods .box1 ul li .img > a img {

	display: block;

	width: 100%;

	height: 100%;

}

.product .xiangqing .goods .box1 ul li .img > a .przz {

	position: absolute;

	top: 100%;

	left: 0;

	width: 100%;

	height: 100%;

	background: url(../images/przz.png) repeat center center;

	transition: 0.5s;

	-moz-transition: 0.5s;

	-o-transition: 0.5s;

	-webkit-transition: 0.5s;

}

.product .xiangqing .goods .box1 ul li .img > a .przz span {

	display: block;

	width: 113px;

	height: 36px;

	line-height: 36px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	background-color: #fff;

	text-align: center;

	margin: 70px auto 0;

	transition: 0.5s;

	-moz-transition: 0.5s;

	-o-transition: 0.5s;

	-webkit-transition: 0.5s;

}

.product .xiangqing .goods .box1 ul li .img > a .przz span:hover {

	color: #e50012;

}

.product .xiangqing .goods .box1 ul li .img > a:hover .przz {

	top: 0;

}

.product .xiangqing .goods .box1 ul li .wenzi1 {

	text-align: center;

	padding-top: 6px;

	padding-bottom: 15px;

	border-top: 1px solid #dadada;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.product .xiangqing .goods .box1 ul li .wenzi1 a {

	font-size: 16px;

	font-size: 1.6rem;

	color: #333;

}

.product .xiangqing .goods .box1 ul li .wenzi1 a:hover {

	color: #e50012;

}

.product .xiangqing .goods .box1 ul li .wenzi {

	width: 116px;

	height: 28px;

	margin: 0 auto 10px;

}

.product .xiangqing .goods .box1 ul li .wenzi a {

	display: block;

	float: right;

	width: 95px;

	height: 26px;

	border-radius: 13px;

	line-height: 26px;

	color: #e50012;

	border: 1px solid #e50012;

	font-size: 14px;

	font-size: 1.4rem;

	text-align: center;

}

.product .xiangqing .goods .box1 ul li .wenzi a:hover {

	color: #fff;

	background-color: #e50012;

}

.product .xiangqing .goods .box1 ul li .wenzi input {

	cursor: pointer;

	display: block;

	float: left;

	margin-top: 7px;

}

/*page*/







.page {

	position: relative;

	margin: 0px auto 159px;

}

.page {

	text-align: center;

}

.page a {

	display: inline-block;

	background-color: #fff;

	color: #333;

	margin-left: 5px;

	width: 33px;

	height: 28px;

	line-height: 28px;

	border: 1px solid #e5e5e5;

	text-align: center;

	font-size: 12px;

	font-size: 1.2rem;

	border-radius: 0px;

}

.page a.on, .page a:hover {

	color: #e50012;

	border: 1px solid #e50012;

}

.page a.first {

	width: 59px;

	margin-left: 0;

}

.page a.last {

	width: 59px;

}

.page span {

	display: inline-block;

	width: 50px;

	text-align: center;

	font-size: 16px;

	font-size: 1.6rem;

	color: #333;

	height: 28px;

	line-height: 28px;

	border: 1px solid #e5e5e5;

	text-align: center;

	font-size: 12px;

	font-size: 1.2rem;

	border-radius: 0px;

}

.page img {

	display: inline-block;

	position: relative;

	top: 1px;

	margin-left: 0px;

}

.ins {

	width: 149px;

	display: inline-block;

	height: 30px;

	line-height: 28px;

	text-align: center;

	border: none;

	outline: none;

	background-color: #e50012;

	color: #fff;

	font-size: 12px;

	font-size: 1.2rem;

	cursor: pointer;

}

/*list*/







.product .xiangqing .list {

	width: 320px;

	margin-bottom: 30px;

}

.product .xiangqing .list .title1 {

	width: 100%;

	margin-bottom: 10px;

}

.product .xiangqing .list .title1 a {

	display: block;

	padding-left: 10px;

	font-size: 26px;

	font-size: 2.6rem;

	height: 49px;

	font-family: 'FuturaStdHeavy';

	line-height: 49px;

	border-bottom: 1px solid #e50012;

	color: #e50012;

	text-transform: uppercase;

	background-color: #eeeeee;

}

.product .xiangqing .list .subNavBox {

	width: 100%;

}

.product .xiangqing .list .subNav {

	cursor: pointer;

	background: #fff;

	margin-top: 4px;

}

.product .xiangqing .list .subNav.div1 {

	margin-top: 0px;

	padding-top: 4px;

}

.product .xiangqing .list .subNav a {

	display: block;

	line-height: 30px;

	padding-top: 6px;

	padding-bottom: 5px;

	padding-left: 13px;

	padding-right: 25px;

	background: #e4e5e6 url(../images/parrow.png) no-repeat 95.5% 14px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #333333;

	-webkit-transition: 0s;

	transition: 0s;

}

.product .xiangqing .list .subNav:hover a {

	background: #e50012 url(../images/parrowon.png) no-repeat 95.5% 14px !important;

	color: #fff !important;

}

.product .xiangqing .list .currentDd a {

	background: #e50012 url(../images/parrowon.png) no-repeat 95.5% 14px;

	color: #fff;

}

.product .xiangqing .list .navContent .dandl {

	padding: 3px 0px;

}

.product .xiangqing .list .navContent .dandl a {

	padding-left: 48px;

	color: #666666;

	line-height: 24px;

	display: block;

}

.product .xiangqing .list .navContent .dandl a:hover {

	color: #e50012;

}

.product .xiangqing .list .navContent {

	margin-bottom: 13px;

	background-color: #ffffff;

	padding-top: 9px;

	padding-bottom: 11px;

	display: none;

	position: relative;

	top: 0px;

}

.product .xiangqing .list .navContent > li a {

	display: block;

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 30px;

	color: #333;

	padding-left: 38px;

	background: url(../images/xian.png) no-repeat 16px center;

}

.product .xiangqing .list .navContent > li a:hover, .yansee5 {

	color: #e50012 !important;

}

.product .xiangqing .list .title2 {

	width: 100%;

	margin-top: 34px;

	margin-bottom: 1px;

	font-family: 'FuturaStdHeavy';

}

.product .xiangqing .list .title2 a {

	display: block;

	text-align: left;

	font-size: 22px;

	font-size: 2.2rem;

	height: 46px;

	line-height: 46px;

	border-top: 2px solid #e50012;

	color: #e50012;

	text-transform: uppercase;

	background-color: #eeeeee;

	padding: 0 15px;

	font-family: 'FuturaStdHeavy';

}

.product .xiangqing .list dl {

	background-color: #eeeeee;

	padding: 0 18px;

	margin-bottom: 1px;

	padding-bottom: 10px;

}

.product .xiangqing .list dl.dan_wer dd:first-child {

	border: 0px;

}

.product .xiangqing .list dl dd {

	border-bottom: 1px solid #fff;

}

.product .xiangqing .list dl dd .dd1 {

	padding: 2px;

	margin-bottom: 9px;

	margin-top: 17px;

}

.product .xiangqing .list dl dd .dd1 a {

	display: block;

}

.product .xiangqing .list dl dd .dd1 a img {

	display: block;

	max-width: 100%;

}

.product .xiangqing .list dl dd .time span {

	color: #999999;

}

.product .xiangqing .list dl dd .dd2 {

	margin-bottom: 7px;

}

.product .xiangqing .list dl dd .dd2 span {

	display: block;

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	font-weight: bold;

}

.product .xiangqing .list dl dd .dd2 a {

	display: block;

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	font-weight: bold;

}

.product .xiangqing .list dl dd .dd3 {

	margin-bottom: 14px;

}

.product .xiangqing .list dl dd .dd3 a {

	display: block;

	font-size: 14px;

	font-size: 1.4rem;

	color: #666;

	line-height: 24px;

}

.product .xiangqing .list dl dd .dd3 a:hover {

	color: #e50012;

}

.product .xiangqing .list dl dd .dd4 {

	margin-bottom: 10px;

}

.product .xiangqing .list dl dd .dd4 a {

	display: block;

	font-size: 14px;

	font-size: 1.4rem;

	color: #666;

}

.product .xiangqing .list dl dd .dd4 a:hover {

	color: #e50012;

}

.product .xiangqing .list dl dd.dl6 {

	padding-bottom: 17px;

}

.product .xiangqing .list dl dd .dd5 {

	margin-bottom: 5px;

	padding-top: 17px;

}

.product .xiangqing .list dl dd .dd5 span {

	display: block;

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	font-weight: bold;

}

.product .xiangqing .list dl dd .dd5 a {

	display: block;

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	font-weight: bold;

}

.product .xiangqing .list dl dd .dd2 a:hover {

	color: #e50012;

}

.product .xiangqing .list dl dd .dd5 a:hover {

	color: #e50012;

}

/* ===============================================================product1====================================================== */







/*goods1*/







.product .xiangqing .goods1 {

	width: 834px;

}

#showArea {

	margin-top: 10px;

	margin-bottom: 6px;

}

#showArea img {

	cursor: pointer;

	display: block;

	width: 107px;

	height: 66px;

	margin-bottom: 10px;

	border: 1px solid #bfbfb6;

}

#showArea a {

	display: block;

}

#main_img {

	cursor: pointer;

	display: block;

}

#gotop {

	cursor: pointer;

	display: block;

	margin: auto;

}

#gobottom {

	cursor: pointer;

	display: block;

	margin: auto;

}

#showArea {

	height: 224px;

	overflow: hidden;

}

.MagicZoomBigImageCont {

	background: #FFF;

}

.MagicZoomBigImageCont img {

	width: 490px !important;

	height: 311px !important;

	display: block;

}

.MagicZoomPup {

	border: 0px solid #aaa;

	background: #ffffff;

}

.left-pro {

	width: 612px;

	text-align: left;

	margin: 0px auto 18px;

}

.left-pro .t1 {

	width: 109px;

	float: right;

}

.left-pro .t2 {

	width: 488px;

	text-indent: 0;

	float: left;

	border: 1px solid #bfbfb6;

}

.left-pro .t2 a {

	display: block;

	margin-bottom: 0px;

}

.left-pro .t2 img {

	text-indent: 0;

	display: block;

}

.goods1 .content .title {

	max-width: 304px;

	width: 100%;

	margin: 0 auto;

	padding-top: 2px;

}

.goods1 .content .title h1 {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

	color: #333;

	text-align: center;

	font-weight: normal;

}

.goods1 .content .btn {

	width: 381px;

	margin: 0 auto;

	margin-top: 25px;

	margin-bottom: 33px;

}

.goods1 .content .btn a, .goods1 .content .btn span.span {

	display: block;

	font-size: 16px;

	font-size: 1.6rem;

	color: #e50012;

	width: 168px;

	height: 44px;

	line-height: 44px;

	text-align: center;

	border: 1px solid #e50012;

}

.goods1 .content .btn a {

	color: #fff;

	background-color: #e50012;

}

.goods1 .content .share1 {

	width: 228px;

	margin: 0 auto;

	padding-bottom: 27px;

}

.goods1 .content .share1 .span {

	font-size: 14px;

	font-size: 1.4rem;

	color: #e50012;

	height: 26px;

	line-height: 26px;

}

.at-resp-share-element .at-icon {

	width: 26px !important;

	height: 26px !important;

}

.at-style-responsive .at-share-btn {

	padding: 0 !important;

	border-radius: 2px !important;

}

.at-resp-share-element .at-share-btn .at-icon-wrapper {

	width: 26px !important;

	height: 26px !important;

}

.at-resp-share-element .at-share-btn {

	margin-bottom: 0 !important;

	margin-right: 3px !important;

}

.protitle1 {

	background: #eeeeee;

	width: 100%;

	margin-bottom: 30px;

	margin-top: 30px;

}

.protitle1 a {

	height: 48px;

	line-height: 48px;

	text-transform: uppercase;

	font-size: 18px;

	font-size: 1.8rem;

	color: #000;

	display: block;

	width: 292px;

	text-indent: 13px;

	background: #f8f8f8 url(../images/xian1.png) repeat-x bottom center;

}

.goods1 .wenzi p {

	line-height: 30px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #000;

}

.goods1 .wenzi span {

	line-height: 30px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #000;

}

.goods1 .wenzi p img {

	display: block;

	max-width: 100%;

}

.goods1 .wenzi a {

	line-height: 30px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #e50012;

}

.goods1 .wenzi table {

	width: 97%;

	border-collapse: collapse;

	line-height: 24px;

	;

}

.goods1 .wenzi tr td {

	line-height: 24px;

	padding: 2px;

	border: 1px solid #ccc;

	white-space: nowrap;

}

.protitle2 {

	background: #eeeeee;

	width: 100%;

	margin-bottom: 20px;

	margin-top: 30px;

}

.protitle2 a {

	height: 48px;

	line-height: 48px;

	text-transform: uppercase;

	font-size: 18px;

	font-size: 1.8rem;

	color: #000;

	display: block;

	width: 236px;

	text-indent: 13px;

	background: #f8f8f8 url(../images/xian1.png) repeat-x bottom center;

}

.protitle4 {

	width: 100%;

	margin-bottom: 17px;

	margin-top: 20px;

	text-align: center;

	font-family: 'FuturaStdHeavy';

}

.protitle4 a {

	font-size: 30px;

	font-size: 3rem;

	color: #e50012;

	text-transform: uppercase;

}

ul.rel-pro {

	margin-bottom: 90px;

}

ul.rel-pro li {

	float: left;

	margin-left: 12px;

	width: 267px;

	border: 1px solid #dadada;

	margin-bottom: 20px

}

/* ul.rel-pro li .libox{} */







ul.rel-pro li .img > a {

	display: block;

	width: 100%;

	position: relative;

	overflow: hidden;

}

ul.rel-pro li .img > a img {

	display: block;

	width: 100%;

	height: 100%;

}

ul.rel-pro li .img > a .przz {

	position: absolute;

	top: 100%;

	left: 0;

	width: 100%;

	height: 100%;

	background: url(../images/przz.png) repeat center center;

	transition: 0.5s;

	-moz-transition: 0.5s;

	-o-transition: 0.5s;

	-webkit-transition: 0.5s;

}

ul.rel-pro li .img > a .przz span {

	display: block;

	width: 113px;

	height: 36px;

	line-height: 36px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	background-color: #fff;

	text-align: center;

	margin: 89px auto 0;

	transition: 0.5s;

	-moz-transition: 0.5s;

	-o-transition: 0.5s;

	-webkit-transition: 0.5s;

}

ul.rel-pro li .img > a .przz span:hover {

	color: #e50012;

}

ul.rel-pro li .img > a:hover .przz {

	top: 0;

}

ul.rel-pro li .wenzi1 {

	text-align: center;

	padding-top: 33px;

	padding-bottom: 29px;

	border-top: 1px solid #dadada;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	margin-bottom: 20px

}

ul.rel-pro li .wenzi1 a {

	font-size: 16px;

	font-size: 1.6rem;

	color: #333;

}

ul.rel-pro li .wenzi1 a:hover {

	color: #e50012;

}

.img980 {

	display: none;

}

.img980 ul li {

	width: 23%;

	margin: 1%;

	float: left;

}

.img980 ul li a {

	display: block;

	width: 100%;

}

.img980 ul li a img {

	display: block;

	width: 100%;

}















/*pro media zhuyemian*/







@media screen and (max-width: 1219px) {

.product .xiangqing .list {

	width: 260px;

}

.product .xiangqing .goods {

	width: 700px;

}

.product .xiangqing .goods .box1 ul li {

	width: 31%;

	margin: 0 1% 2% 1% !important;

}

}

 @media screen and (max-width: 999px) {

.product .xiangqing .goods {

	width: 650px;

}

.goods1 .wenzi .table {

	overflow: scroll

}

.goods1 .wenzi table {

	width: 1000px;

	;

	border-collapse: collapse;

	line-height: 24px;

	;

}

}

 @media screen and (max-width: 979px) {

.page {

	margin-bottom: 30px;

}

.page .l {

	float: none;

}

.page a {

	margin-bottom: 10px;

}

.page .add {

	float: none;

}

.product .xiangqing .goods {

	width: 100%;

}

.product .xiangqing .goods .box1 ul li {

	width: 23%;

	margin: 0 1% 2% 1% !important;

}

.product .xiangqing .list {

	width: 100%;

}

.product .xiangqing .goods .box1 ul li .img > a .przz {

	display: none;

}

.product .xiangqing .list dl dd .dd1 {

	border: none;

	border-bottom: 1px solid #b5b5b5;

}

}

 @media screen and (max-width: 900px) {

.product .xiangqing .goods .box1 ul li {

	width: 31%;

	margin: 0 1% 2% 1% !important;

}

}

 @media screen and (max-width: 500px) {

.product .xiangqing .goods .box1 ul li {

	width: 48%;

	margin: 0 1% 2% 1% !important;

}

}

 @media screen and (max-width: 320px) {

.product .xiangqing .goods .box1 ul li {

	width: 100%;

	margin: 0 0% 2% 0% !important;

}

}















/*pro media xiangqingyemian*/







@media screen and (max-width: 1219px) {

.product .xiangqing .goods1 {

	width: 700px;

}

.MagicZoomPup, .MagicZoomBigImageCont {

	display: none !important;

}

.MagicZoom {

	cursor: auto !important;

}

.product .xiangqing .goods1 .content {

	width: 100%;

}

ul.rel-pro li {

	width: 30%;

	margin: 1% !important;

}

}

 @media screen and (max-width: 999px) {

.product .xiangqing .goods1 {

	width: 650px;

}

}

 @media screen and (max-width: 979px) {

ul.rel-pro li .wenzi1 {

	padding: 10px 0px;

}

.img980 {

	display: block;

}

.left-pro {

	display: none;

}

.product .xiangqing .goods1 {

	width: 100%;

}

ul.rel-pro {

	margin-bottom: 40px;

}

ul.rel-pro li .img > a .przz {

	display: none;

}

}

 @media screen and (max-width: 640px) {

.protitle1 {

	margin: 10px 0px;

}

.goods1 .content .btn {

	margin: 0px auto 20px;

}

.protitle4 a {

	font-size: 22px;

	font-size: 2.2rem;

}

.product .xiangqing .list .title1 a {

	font-size: 22px;

	font-size: 2.2rem;

}

ul.rel-pro li {

	width: 47%;

	margin: 1% !important;

}

.product .xiangqing .goods1 .img980 ul li {

	width: 48%;

	margin: 0 1% 2% 1% !important;

}

}

 @media screen and (max-width: 410px) {

.goods1 .content .btn {

	width: 100%;

}

.goods1 .content .btn a, .goods1 .content .btn span.span {

	float: none;

	margin: 15px auto 0;

}

}

 @media screen and (max-width: 320px) {

ul.rel-pro li {

	width: 98%;

	margin: 1% !important;

}

}

/***************************************************************************  download  *******************************************************************/







.domain {

	padding-bottom: 0px;

	padding-top: 42px;

}

.domain .dolie {

	border-bottom: 1px solid #d8d8d8;

	position: relative;

	padding-bottom: 28px;

	margin-top: 21px;

}
.dozi > a {
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 30px;    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.domain .page {

	margin-top: 91px;

}

.domor {

	display: block;

	width: 118px;

	height: 26px;

	border: 1px solid #e50012;

	border-radius: 13px;

	text-align: center;

	line-height: 26px;

	position: absolute;

	right: 0px;

	top: 0px;

	font-size: 14px;

	font-size: 1.4rem;

	text-transform: uppercase;

	color: #e50012;

	margin-top: 31px;

}

.xiazai {

	display: block;

	width: 27px;

	position: absolute;

	right: 140px;

	top: 0px;

	margin-top: 31px;

}

.xiazai img {

	width: 27px;

	height: 28px;

}

.dozi .biaoti {

	display: block;

	font-size: 18px;

	font-size: 1.8rem;

	line-height: 30px;

	cursor: default;

}

.dozi p {

	color: #666666;

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 30px;

	margin-top: 5px;

}

.dozi p a:hover, .dozi > a:hover {

	color: #e50012;

}

.domor:hover {

	background: #e50012;

	color: #fff;

}

 @media screen and (max-width: 999px) {

.domain .page {

	margin-top: 40px;

}

}

 @media screen and (max-width: 768px) {

.domain .page {

	margin-top: 40px;

}

}

 @media screen and (max-width: 639px) {

.domain .page {

	margin-top: 40px;

}

.domain {

	padding-top: 20px;

}

.dozi {

	padding-right: 0px;

}

.domain .dolie {

	padding-bottom: 20px;

}

.domor {

	position: relative;

	right: auto;

	top: auto;

	float: left;

	margin-top: 10px;

}

.xiazai {

	position: relative;

	right: auto;

	top: auto;

	float: left;

	margin-left: 15px;

	margin-top: 10px;

}

}

/******************************************  news1  ******************************************/







.news1 {

	padding-top: 39px;

	padding-bottom: 0px;

}

.news_bt {

	font-size: 20px;

	font-size: 2rem;

	margin-bottom: 22px;

}

.news_bt a {

	display: block;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}

.news_bt:hover a {

	color: #e50012;

}

.new_w {

	width: 842px;

}

.news_nr {

	line-height: 24px;

	overflow: hidden;

	margin-bottom: 48px;

	font-size: 16px;

	font-size: 1.6rem;

}

.news_nr a {

	display: block;

	color: #666666;

	max-height: 72px;

	overflow: hidden;

}

.news_nr:hover a {

	color: #e50012;

}

.v_m {

	display: inline-block;

	width: 108px;

	line-height: 30px;

	text-align: center;

	border: 1px solid #e50012;

	border-radius: 50px;

	position: relative;

	top: 10px;

	background: #e50012;

	color: #fff;

}

.v_m:hover {

	color: #e50012;

	background: transparent;

}

.news_list {

	padding-bottom: 51px;

}

.news_list li {

	margin-bottom: 39px;

	

}

.new_sj {

	padding-left: 25px;

	background: url("../images/news2biao.png") no-repeat 5px center;

	position: relative;

	top: 10px;

	position: relative;

	top: 25px;

}

.new_t img {

	width: 100%;

	max-width: 325px;

}

.news_nr2 {

	margin-bottom: 34px;

	line-height: 24px;

	height: 24px;

	overflow: hidden;

}

.ye {

	text-align: center;

}

.ye a {

	display: inline-block;

	width: 25px;

	line-height: 25px;

	border-radius: 50%;

	background: #333;

	text-align: center;

	color: #fff;

	margin: 0 3px;

}

.ye .current_ye {

	background: #e50012;

}

.ye a:hover {

	background: #e50012;

}

.sx {

	width: auto !important;

	background: none !important;

	color: #333 !important;

	font-size: 1.2rem;

	margin: 0 5px !important;

}

.news1 .ye {

	margin-bottom: 59px;

}

.news_list li.zuidi {

	margin-bottom: 24px;

}

.news1 .ye {

	margin-top: 138px;

}

 @media screen and (min-width: 1000px) and (max-width: 1219px) {

.new_w {

	width: 630px;

}

}

 @media screen and (max-width: 999px) {

.news_list {

	padding-bottom: 30px;

}

.news_bt {

	margin-bottom: 10px;

}

.news_nr {

	margin-bottom: 0px;

}

.new_t {

	width: 30%;

}

.new_w {

	width: 68%;

}

.lli1 {

	left: 26%;

}

.lli2 {

	right: 24.5%;

}

}

 @media screen and (max-width: 768px) {

.news_bt {

	margin-bottom: 10px;

}

}

 @media screen and (max-width: 639px) {

.news_nr a {

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

}

.news_nr {

	margin-bottom: 10px;

}

.new_t {

	width: 100%;

	text-align: center;

	margin-bottom: 20px;

}

.new_w {

	width: 100%;

}

.lli1 {

	left: 8%;

}

.lli2 {

	right: 7.5%;

}

}

/*******************************  news2  *************************************/







.news2 {

	padding-top: 38px;

}

.nbt {

	text-align: center;

	font-size: 20px;

	font-size: 2rem;

	color: #e50012;

}

.nsj {

	text-align: center;

	margin-top: 12px;

	margin-bottom: 38px;

}

.nsj span {

	padding-left: 20px;

	background: url("../images/news2biao.png") no-repeat left center;

}

.nex2x {

	line-height: 24px;

	color: #333;

	font-size: 1.6rem;

	padding-bottom: 42px;

}

.nex2x p, .nex2x li, .nex2x span {

	color: #333;

}

.nex2x table {

	width: 97%;

	border-collapse: collapse;

	line-height: 24px;

}

.nex2x tr td {

	line-height: 24px;

	padding: 2px;

	border: 1px solid #ccc;

	white-space: nowrap;

}

.nex2x a {

	color: #e50012;

}

.nex2x img {

	max-width: 100%;

}

.updown {

	padding: 7px;

	border: 1px solid #b9b9b9;

	margin-bottom: 62px;

}

.updown .up {

	margin-top: 0px;

	margin-bottom: 2px;

}

.updown p {

	line-height: 32px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

}

.updown p .img {

	display: inline-block;

	padding-right: 5px;

}

.updown p .img img {

	display: inline-block;

	position: relative;

	top: 5px;

}

.updown p .on {

	color: #e50012;

}

.updown p a, .updown p span {

	font-size: 14px;

	font-size: 1.4rem;

	color: #888888;

}

.updown p a:hover {

	color: #e50012;

}

.protitle5 {

	width: 100%;

	margin-bottom: 20px;

	text-align: center;

	font-family: 'FuturaStdHeavy';

}

.protitle5 a {

	font-size: 30px;

	font-size: 3rem;

	color: #e50012;

	text-transform: uppercase;

}

ul.rel-pro2 {

	margin-bottom: 89px;

}

ul.rel-pro2 li {

	float: left;

	margin-left: 16px;

	width: 286px;

	border: 1px solid #dadada;

}

/* ul.rel-pro2 li .libox{} */







ul.rel-pro2 li .img > a {

	display: block;

	width: 100%;

	position: relative;

	overflow: hidden;

}

ul.rel-pro2 li .img > a img {

	display: block;

	width: 100%;

	height: 100%;

}

ul.rel-pro2 li .wenzi1 {

	text-align: center;

	padding-top: 15px;

	padding-bottom: 15px;

	border-top: 1px solid #dadada;

}

ul.rel-pro2 li .wenzi1 a {

	font-size: 16px;

	font-size: 1.6rem;

	color: #333;

	display: block;

	line-height: 25px;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

ul.rel-pro2 li .wenzi1 a:hover {

	color: #e50012;

}

 @media screen and (max-width: 1219px) {

ul.rel-pro2 li {

	width: 22%;

	margin-left: 1% !important;

	margin-right: 1%;

}

}

 @media screen and (max-width: 999px) {

.updown {

	margin-bottom: 50px;

}

ul.rel-pro2 {

	margin-bottom: 50px;

}

.nex2x .table {

	overflow: scroll

}

.nex2x table {

	width: 1000px;

}

}

 @media screen and (max-width: 768px) {

ul.rel-pro2 li .wenzi1 a {

	font-size: 14px;

	font-size: 1.4rem;

	height: 25px;

	line-height: 25px;

	overflow: hidden

}

ul.rel-pro2 {

	margin-bottom: 30px;

}

.protitle5 a {

	font-size: 22px;

	font-size: 2.2rem;

}

.updown {

	margin-bottom: 30px;

}

ul.rel-pro2 li .wenzi1 {

	padding: 10px 0px;

}

ul.rel-pro2 li {

	width: 47%;

	margin-left: 1% !important;

	margin-right: 1%;

	margin-bottom: 20px;

}

}

.vi_ul1 {

	margin-bottom: 70px;

	background: url(../images/m3ruri.jpg) no-repeat center 41px;

}

.vi_ul1 li {

	width: 554px;

	padding-bottom: 13px;

	margin-top: 41px;

}

.vi_ul1 li .wen {

	line-height: 30px;

	margin-top: 12px;

	min-height: 30px;

	font-size: 16px;

	font-size: 1.6rem;

	color: #333;

	text-align: center;

}

.video .litop {

	position: relative;

	padding-bottom: 68%;

	height: 0;

	overflow: hidden;

}

.video .litop iframe {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	border: none;

}

.video .litop iframe body {

	margin: 0px !important;

}

 @media screen and (max-width: 1219px) {

.vi_ul1 li {

	width: 48%;

}

}

 @media screen and (max-width: 999px) {

.vi_ul1 li {

	width: 48%;

	padding-bottom: 0px;

	margin-top: 40px;

}

}

 @media screen and (max-width: 768px) {

.vi_ul1 {

	background: none;

	margin-bottom: 30px;

}

}

 @media screen and (max-width: 540px) {

.vi_ul1 li {

	width: 98%;

	padding-bottom: 0px;

	margin-top: 20px;

}

}

/********  contact  ********/







.contact {

	padding-top: 35px;

	padding-bottom: 92px;

}

.love {

	text-align: center;

	font-size: 24px;

	font-size: 2.4rem;

	color: #000000;

	margin-bottom: 43px;

}

.coxin .int1 {

	padding-left: 18px;

	background: url(../images/xing.jpg) no-repeat left 14px; float:left

}

.mat4 {

	margin-top: 21px;

}

.coxin .int1 input {

	width: 308px;

	height: 32px;

	line-height: 32px;

	border: 1px solid #cccccc;

	float: left;

	padding-left: 11px;

	margin-left: 109px;

	font-size: 14px;

}
.xingxin {

    padding-left: 18px;
    background: url(../images/xing.jpg) no-repeat left 14px;
    float: left;
    margin-left: 90px;

}

.coxin .xingxin input {

width: 308px;

	height: 32px;

	line-height: 32px;

	border: 1px solid #cccccc;

	float: left;
    padding-left: 11px;
 
    font-size: 16px;
    font-size: 1.6rem;

}
.coxin .int5 {

	padding-left: 18px;

	background: url(../images/xing.jpg) no-repeat left 14px;

	float: left;

	margin-right: 91px;

}

.coxin .int5 input {

	width: 308px;

	height: 32px;

	line-height: 32px;

	border: 1px solid #cccccc;

	padding-left: 11px;

	font-size: 14px;

}

.coxin .int2 {

	padding-left: 18px;

	background: url(../images/xing.jpg) no-repeat left 6px;

	margin-top: 20px;

}

.coxin .int2 textarea {

	width: 1168px;

	height: 132px;

	line-height: 32px;

	border: 1px solid #cccccc;

	padding-left: 11px;

	font-size: 14px;

}

.coxin .int3 {

	padding-left: 18px;

	background: url(../images/xing.jpg) no-repeat left 14px;

	margin-top: 20px;

	float: left;

	margin-right: 50px;

}

.coxin .int3 input {

	width: 362px;

	height: 32px;

	line-height: 32px;

	border: 1px solid #cccccc;

	padding-left: 11px;

	font-size: 14px;

}

.coxin .int4 {

	width: 323px;

	height: 34px;

	float: right;

	margin-top: 21px;

	background: #e50012;

	font-size: 16px;

	font-size: 1.6rem;

	color: #fff;

	cursor: pointer;

	text-transform: uppercase;

}

.coxin .yanzheng {

	width: 117px;

	height: 34px;

	float: left;

	margin-top: 21px;

	cursor: pointer;

}

.coxin .int4:hover {

	background: #333;

}

.con {

	margin: 0 auto;

	margin-top: 75px;

}

.colie {

	float: left;

	text-align: center;

}

.con ul{ width:23%; margin-left:1%; margin-right:1%}



.cotu {

	display: block;

}

.cotu img {

	width: 79px;

	height: 79px;

}

.colie p {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 28px;

	color: #e50012;

	margin-top: 16px;

	text-transform: uppercase;

}

.colie li {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 24px;

	color: #000000;

	overflow: hidden;

}

.colie li a {

	color: #000000;

}

.colie li a:hover {

	color: #e50012;

}

.codingwei li {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 24px;

	color: #000000;

}

.ditu {

	margin-top: 86px;

}

.ditu iframe {

	width: 100%;

	max-width: 1200px;

	max-height: 415px;

}

 @media screen and (min-width: 1000px) and (max-width: 1219px) {

.col {

	width: 440px;

	float: left;

	padding-top: 12px;

}

.cor {

	width: 520px;

	float: right;

	margin-top: 61px;

}

.lxfs li {

	margin-left: 110px;

}

.codianhua {

	width: 150px;

	float: left;

}

.coshouji {

	width: 150px;

	float: left;

	margin-left: 40px;

}

.coxinfeng {

	width: 204px;

	float: left;

	margin-left:40px;

}

.cochuanzhen {

	width: 150px;

	float: left;

	margin-left: 40px;

}

.codingwei {

	width: 100px;

	margin-left: 30px;

}

.codingwei {

	width: 100px;

}

}

 @media screen and (max-width: 999px) {

.love {

	line-height: 30px;

	margin-bottom: 20px;

}

.col {

	width: 100%;

	float: none;

	padding-top: 12px;

}

.cor {

	width: 100%;

	float: none;

	margin: auto;

	margin-top: 61px;

	max-width: 561px;

}

.lxfs li {

	width: 31.3333%;

	margin: 0 1%;

}

.lxfs {

	padding-top: 40px;

}

.ditu {

	margin-top: 40px;

}

.contact {

	padding-bottom: 35px;

}

.comain {

	background-attachment: fixed;

}

.con {

	width: auto;

	margin-top: 30px;

}

.colie p {

	margin-top: 5px;

}

.cubiao p {

	width: auto;

}

.colie {

	width: 23% !important;



	float: left;

	margin-top: auto;

	min-height: 140px;

	margin-bottom: 10px;

}

.colie li {

	font-size: 12px;

	font-size: 1.2rem;

	text-align: center;

}

.cotr {

	width: 100%;

}

.cotr ul {

	float: left;

	margin-left: 15px;

}

}

 @media screen and (max-width: 800px) {

.lxfs li {

	width: 100%;

	margin: 0;

	margin-bottom: 20px;

}

.love {

	font-size: 20px;

	font-size: 2rem;

	line-height: 30px;

	margin-bottom: 0px;

}

}

 @media screen and (max-width: 639px) {

.xinl {

	width: 100%;

}

.xinr {

	width: 100%;

}

.cuxin .int4 {

	width: 25%;

}

.colie {

	width: 48% !important;

}

.colie {

	min-height: auto;

}

}

 @media screen and (max-width: 419px) {

.cul ul {

	width: 97%;

	margin-left: 1.5%;

	margin-right: 1.5%;

	margin-bottom: 20px;

}

}

 @media screen and (max-width: 1219px) {

.coxin .int1 input {

	width: 273px;

}

.coxin .int1 input {

	margin-left: 50px;

}

.coxin .int5 input {

	width: 273px;

}

.coxin .int5 {

	margin-right: 32px;

}

.coxin .int2 {

	width: calc( 100% - 18px);

}

.coxin .int2 textarea {

	width: calc( 100% - 13px);

}
.coxin .xingxin input {

width: 289px;



}
.xingxin {

    padding-left:18px;
    background: url(../images/xing.jpg) no-repeat left 14px;
    float: left;
    margin-left: 15px;

}

}

 @media screen and (max-width: 999px) {

.coxin .int1 {

    width: calc( 100% - 18px);

	background: url(../images/xing.jpg) no-repeat left 34px; float:none;margin-bottom:21px;

}

.coxin .int1 input {

	width: calc( 100% - 13px);

	float: none;

}

.coxin .int1 input {

	margin-left: 0px;

	margin-top: 20px;

}
.xingxin {
	  width: calc(100% - 18px);
    padding-left: 18px;
    background: url(../images/xing.jpg) no-repeat left 14px;
    float: left;
    margin-left: 0px;
}
.coxin .xingxin input {

    width: calc(100% - 13px);

}
/*.coxin .xingxin  {

    width: calc( 100% - 20px);

	margin-left: auto; float:none; background:#000

}



*/.coxin .int5 {

	width: calc( 100% - 20px);

}

.coxin .int5 input {

	width: calc( 100% - 13px);

	float: none;

}

.coxin .int5 {

	margin-right: 0px;

}

.coxin .int2 {

	width: calc( 100% - 20px);

}

.coxin .int2 textarea {

	width: calc( 100% - 13px);

}

.coxin .int3 {

	width: calc( 56% - 20px);

	margin-right: 10px;

}

.coxin .int3 input {

	width: calc( 100% - 13px);

	float: none;

}

.coxin .int4 {

	width: calc( 100% - 20px);

	margin-right: 0px;

}

}

 @media screen and (max-width: 640px) {

.ditu {

	margin-top: 20px;

}

}

.service {

	margin-top: 40px;

}

.ser_l {

	width: 440px;

	padding-top: 82px;

}

.ser_l p {

	font-size: 18px;

	font-size: 1.8rem;

	color: #333;

	line-height: 30px;

}

.ser_l .ul {

	margin-top: 31px;

}

.ser_l .ul .li {

	text-transform: capitalize;

	font-size: 16px;

	font-size: 1.6rem;

	width: 160px;

	float: left;

	line-height: 30px;

	padding-left: 30px;

	margin-top: 23px;

}

.ser_l .ul .li.li1 {

	background: url(../images/seli1.png) no-repeat left center;

}

.ser_l .ul .li.li2 {

	background: url(../images/seli2.png) no-repeat left center;

}

.ser_l .ul .li.li3 {

	background: url(../images/seli3.png) no-repeat left center;

}

.ser_l .ul .li.li4 {

	background: url(../images/seli4.png) no-repeat left center;

}

.ser_l .ul .li.li5 {

	background: url(../images/seli5.png) no-repeat left center;

}

.ser_l .ul .li.li6 {

	background: url(../images/seli6.png) no-repeat left center;

}

.ser_r img {

	display: block;

	max-width: 725px;

	max-height: 435px;

	width: 100%;

}

.se_di2 {

	padding-top: 62px;

	padding-bottom: 30px;

}

.se_di2 p {

	font-size: 18px;

	font-size: 1.8rem;

	color: #333;

	line-height: 30px;

}

.se_di2 p a {

	font-weight: bold;

	color: #e50012;

}

.se2_l { width:calc(98% - 2px); width:90%\9;

	border: 1px solid #e5e5e5; padding-bottom:20px;

	

	background: #eeeeee;

}

.se2_r {

	width: 339px;

	border: 1px solid #e5e5e5;

	min-height: 413px;

	background: #eeeeee;

}

.se2_l .title {

	padding: 0px 53px;

	font-size: 18px;

	font-size: 1.8rem;

	font-weight: bold;

	line-height: 39px;

	color: #fff;

	background: #e50012;

}

.se2_wp {

	border-top: 1px solid #e5e5e5;

	background: #eeeeee;

	width:calc(95% - 2px); width:90%\9; margin:0 auto



	

}

.se2_wp p {

	

	color: #666;

	line-height: 30px;

}

.se2_wp p b {

	display: block;

	color: #666;

}

.se2_wp p span {

	display: block;

	color: #666;

	line-height: 24px;

}

.se2_r .title {

	border-bottom: 1px solid #e5e5e5;

	font-size: 18px;

	font-size: 1.8rem;

	font-weight: bold;

	line-height: 39px;

	background: #e50012;

}

.se2_r .title strong {

	display: block;

	width: 153px;

	margin: 0 auto;

	color: #fff;

}

.se2_r p {

	color: #666;

	line-height: 30px;

}

.se2_r p strong {

	display: block;

	width: 153px;

	margin: 0 auto;

	color: #666;

	line-height: 30px;

}

.se_wrap3 {

	margin-top: 47px;

	padding-bottom: 70px;

}

.se3_ul .li {

	margin-left:1%; margin-right:1%;

	min-height: 166px;

	width:calc(23% - 2px); width:20%\9;

	border: 1px solid #e5e5e5;

	float: left;

	background: #eeeeee;

}

.se3_ul .li .title {

	margin-bottom: 5px;

	border-top: 1px solid #e5e5e5;

	padding: 0px 10px;

	font-size: 18px;

	font-size: 1.8rem;

	font-weight: bold;

	line-height: 39px;

	color: #fff;

	background: #e50012;

}

.se3_ul .li .title strong {

	display: block;

	margin: 0 auto;

	color: #fff;

}

.se3_wp {

	background: #eeeeee;

	

	width:95%; margin:0 auto;

}

.se3_ul p,.se3_ul p a ,.se2_wp p,.se2_wp p a{ 

	color: #666 !important;

	line-height: 30px; 

}
.se3_ul p a:hover,.se2_wp p a:hover{ color:#e50012 !important}
.se3_ul p b {

	display: block;

	width: 153px;

	margin: 0 auto;

	color: #666;

	line-height: 30px;

}

.se3_l {

	width: 45%;

}

.se3_r {

	width: 35%;

}

.se3_ul .li:first-child p {

	width: 95%;

	color: #666;

	line-height: 30px;

	margin: 0 auto;

}

.se3_ul .li:first-child p b {

	display: block;

	color: #666;

}

.se3_ul .li:first-child p span {

	display: block;

	color: #666;

	line-height: 24px;

}

.se3_ul .li:first-child .title {

	border-top: 1px solid #e5e5e5;

	font-size: 18px;

	font-size: 1.8rem;

	font-weight: bold;

	line-height: 39px;

	color: #fff;

	background: #e50012;

}

.se3_ul .li:first-child .title strong {

	display: block;

	width: 153px;

	margin: 0 auto;

	color: #fff;

}



.se3_ul .li:last-child p {

	width: 95%;

	color: #666;

	line-height: 30px;

	margin: 0 auto;

}

.se3_ul .li:last-child p b {

	display: block;

	color: #666;

}

.se3_ul .li:last-child p span {

	display: block;

	color: #666;

	line-height: 24px;

}

.se3_ul .li:last-child .title {

	font-size: 18px;

	font-size: 1.8rem;

	font-weight: bold;

	line-height: 39px;

	color: #fff;

	background: #e50012;

}

.se3_ul .li:last-child .title span {

	display: block;

	width: 153px;

	margin: 0 auto;

	color: #fff;

}

.se4_l {

	width: 496px;

}

.se4_l img {

	display: block;

	max-width: 496px;

	max-height: 338px;

	width: 100%;

}

.se4_r {

	width: 659px;

}

.se4_r p {

	padding-bottom: 22px;

	margin-bottom: 28px;

	border-bottom: 1px solid #cccccc;

	font-size: 18px;

	font-size: 1.8rem;

	color: #333;

	line-height: 30px;

}

.se4_r .ul .li {

	color: #666666;

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 36px;

	position: relative;

	left: 0px;

	padding-left: 36px;

	background: url(../images/sebj.png) no-repeat left 9px;

}

.se_wrap5 {

	margin-top: 52px;

	margin-bottom: 86px;

}

.se_wrap5 p {

	font-size: 18px;

	font-size: 1.8rem;

	color: #333;

	line-height: 30px;

}

 @media screen and (max-width: 1219px) {

.ser_l {

	width: 49%;

	padding-top: 32px;

}

.ser_r {

	width: 49%;

}

.se2_l {

	width: 65%;

}

.se2_r {

	width: 30%;

}

.se3_ul .li {

	margin-left: 5px;

}

.se4_l {

	width: 45%;

}

.se4_r {

	width: 50%;

}

}

 @media screen and (max-width: 999px) {

.ser_l {

	width: 49%;

	padding-top: 2px;

}

.se2_wp {

	background: none;

}

.se3_wp {

	background: none;

}

.se3_ul .li {

	width: 43%;

	margin-left: 1% !important;

	margin-right: 1%; min-height:235px;

}



.se2_wp p {

	width: 100%;

}

.se3_wp {

	background: none;

	width: 90%;

	padding: 0px;

	margin: 0 auto;

}

.se3_ul .li .title {

	width: 100%;

	padding: 0px;

}

.se3_ul .li .title strong {

	width: 90%;

}

.se3_ul p b {

	width: 100%;

}

.se3_ul .li:first-child .title strong {

	width: 90%;

}

.se3_ul .li:first-child p {

	width: 90%;

}

.se3_ul .li:last-child .title span {

	width: 90%;

}

.se3_ul .li:last-child p {

	width: 90%;

}

.se3_l {

	width: 48%;

}

.se3_r {

	width: 48%;

}

.se4_l {

	width: 100%;

	float: none;

	margin: 0 auto;

	padding-bottom: 10px;

}

.se4_r {

	width: 100%;

	float: none;

	margin: 0 auto;

}

.ser_l {

	width: 100%;

	float: none;

	margin: 0 auto;

	padding-bottom: 10px;

}

.ser_r {

	width: 100%;

	float: none;

	margin: 0 auto;

}

.ser_l .ul {

	margin-top: 0px;

}

}

 @media screen and (max-width: 768px) {

.se_di2 {

	padding: 20px 0px;

}

.se2_wp {

	background: none;

	padding: 0px 10px 10px;

}

.se3_wp {

	background: none;

	padding-bottom: 10px;

}

.se_wrap5 {

	margin: 20px 0px;

}

.se_wrap3 {

	margin: 20px 0px;

	padding-bottom: 0px;

}

.ser_l p {

	font-size: 16px;

	font-size: 1.6rem;

	color: #333;

}

.ser_l .ul {

	margin-top: 0px;

}

.ser_l .ul .li {

	margin-top: 10px;

}

.se_wrap5 p {

	font-size: 16px;

	font-size: 1.6rem;

}

.se4_r p {

	font-size: 16px;

	font-size: 1.6rem;

	margin-bottom: 10px;

}

.se_di2 p {

	font-size: 16px;

	font-size: 1.6rem;

}

.se2_l .title {

	padding: 0px 10px;

}

.se2_r .title strong {

	width: 90%;

}

.se2_r p strong {

	width: 90%;

}

.ser_l .ul .li {

	font-size: 14px;

	font-size: 1.4rem;

}

.se2_l {

	width: 98%;

	margin: 0 auto;

	float: none;

	margin-bottom: 10px;

}

.se2_r {

	width: 98%;

	margin: 0 auto;

	float: none;

}

.service {

	margin-top: 20px;

}

}

 @media screen and (max-width: 767px) {

.se3_ul .li {

	width: 47%;

	margin-left: 1% !important;

	margin-right: 1%;

	margin-bottom: 10px;

}

.se3_ul .li:first-child {

	width: 47%;

	margin-left: 1% !important;

	margin-right: 1%;

}

.se3_ul .li:last-child {

	width: 47%;

	margin-left: 1% !important;

	margin-right: 1%;

}

}

 @media screen and (max-width: 600px) {

.se_wrap5 p {

	font-size: 14px;

	font-size: 1.4rem;

}

.se4_r p {

	font-size: 14px;

	font-size: 1.4rem;

	margin-bottom: 10px;

	padding-bottom: 5px;

}

.se_di2 p {

	font-size: 14px;

	font-size: 1.4rem;

}

.ser_l p {

	font-size: 14px;

	font-size: 1.4rem;

}

.se4_r .ul .li {

	font-size: 14px;

	font-size: 1.4rem;

}

.se3_ul .li {

	width: 97%;

	margin-left: 1% !important;

	margin-right: 1%;

}

.se3_ul .li:first-child {

	width: 97%;

	margin-left: 1% !important;

	margin-right: 1%;

}

.se3_ul .li:last-child {

	width: 97%;

	margin-left: 1% !important;

	margin-right: 1%;

}

}

.ziti {

	font-family: 'FuturaStdBook';

}

.ziti1 {

	font-family: 'FuturaStdHeavy';

}

.ziti2 {

	font-family: 'FuturaStdMedium';

}

.ziti3 {

	font-family: 'FuturaStdBookOblique';

}

#baguetteBox-overlay {

	display: none;

	opacity: 0;

	position: fixed;

	overflow: hidden;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: #222;

	background-color: rgba(0, 0, 0, 0.8);

	-webkit-transition: opacity .5s ease;

	transition: opacity .5s ease;

	z-index: 99999999999999999999999999999999999999;

}

#baguetteBox-overlay.visible {

	opacity: 1;

}

#baguetteBox-overlay .full-image {

	display: inline-block;

	position: relative;

	width: 100%;

	height: 100%;

	text-align: center;

}

#baguetteBox-overlay .full-image figure {

	display: inline;

	margin: 0;

	height: 100%;

}

#baguetteBox-overlay .full-image img {

	display: inline-block;

	width: auto;

	height: auto;

	max-height: 100%;

	max-width: 100%;

	vertical-align: middle;

	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);

}

#baguetteBox-overlay .full-image figcaption {

	display: block;

	position: absolute;

	bottom: 0;

	width: 100%;

	text-align: center;

	line-height: 1.8;

	color: #ccc;

	background-color: #000;

	background-color: rgba(0, 0, 0, 0.6);

	font-family: Verdana, Geneva, sans-serif;

}

#baguetteBox-overlay .full-image:before {

	content: "";

	display: inline-block;

	height: 50%;

	width: 1px;

	margin-right: -1px;

}

#baguetteBox-slider {

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	white-space: nowrap;

	-webkit-transition: left .4s ease, -webkit-transform .4s ease;

	transition: left .4s ease, -webkit-transform .4s ease;

	transition: left .4s ease, transform .4s ease;

	transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease;

}

#baguetteBox-slider.bounce-from-right {

	-webkit-animation: bounceFromRight .4s ease-out;

	animation: bounceFromRight .4s ease-out;

}

#baguetteBox-slider.bounce-from-left {

	-webkit-animation: bounceFromLeft .4s ease-out;

	animation: bounceFromLeft .4s ease-out;

}

.baguetteBox-button#next-button, .baguetteBox-button#previous-button {

	top: 50%;

	top: calc(50% - 30px);

	width: 44px;

	height: 60px;

}

.baguetteBox-button {

	position: absolute;

	cursor: pointer;

	outline: 0;

	padding: 0;

	margin: 0;

	border: 0;

	border-radius: 15%;

	background-color: #323232;

	background-color: rgba(50, 50, 50, 0.5);

	color: #ddd;

	font: 1.6em sans-serif;

	-webkit-transition: background-color .4s ease;

	transition: background-color .4s ease;

}

.baguetteBox-button:hover {

	background-color: rgba(50, 50, 50, 0.9);

}

.baguetteBox-button#next-button {

	right: 2%;

	display: block !important;

}

.baguetteBox-button#previous-button {

	left: 2%;

	display: block !important;

}

.baguetteBox-button#close-button {

	top: 20px;

	right: 2%;

	right: calc(2% + 6px);

	width: 30px;

	height: 30px;

}

.baguetteBox-button svg {

	position: absolute;

	left: 0;

	top: 0;

}

.spinner {

	width: 40px;

	height: 40px;

	display: inline-block;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-top: -20px;

	margin-left: -20px;

}

.double-bounce1, .double-bounce2 {

	width: 100%;

	height: 100%;

	border-radius: 50%;

	background-color: #fff;

	opacity: .6;

	position: absolute;

	top: 0;

	left: 0;

	-webkit-animation: bounce 2s infinite ease-in-out;

	animation: bounce 2s infinite ease-in-out;

}

.double-bounce2 {

	-webkit-animation-delay: -1s;

	animation-delay: -1s;

}

 @-webkit-keyframes bounceFromRight {

0% {

margin-left: 0;

}

 50% {

margin-left: -30px;

}

 100% {

margin-left: 0;

}

}

 @keyframes bounceFromRight {

0% {

margin-left: 0;

}

 50% {

margin-left: -30px;

}

 100% {

margin-left: 0;

}

}

 @-webkit-keyframes bounceFromLeft {

0% {

margin-left: 0;

}

 50% {

margin-left: 30px;

}

 100% {

margin-left: 0;

}

}

 @keyframes bounceFromLeft {

0% {

margin-left: 0;

}

 50% {

margin-left: 30px;

}

 100% {

margin-left: 0;

}

}

 @-webkit-keyframes bounce {

0%, 100% {

-webkit-transform: scale(0);

 transform: scale(0);

}

 50% {

-webkit-transform: scale(1);

 transform: scale(1);

}

}

 @keyframes bounce {

0%, 100% {

-webkit-transform: scale(0);

 transform: scale(0);

}

 50% {

-webkit-transform: scale(1);

 transform: scale(1);

}

}

.top20du, .shuxp_c {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 25px;

	margin-bottom: 1rem

}

.shuxp_c {

	margin-top: 5px;

	margin-bottom: 5px

}

.shuxp_c a {

	color: #e50012

}

.listcart {

	width: 100%;

	margin-top: 1rem;

	font-family: Tahoma, Geneva, Arial, sans-serif;

	margin-bottom: 1rem

}

.listcart a {

	display: inline-block;

	height: 30px;

	width: 150px;

	line-height: 30px;

	cursor: pointer;

	border: none;

	overflow: hidden;

	color: #fff;

	cursor: pointer;

	background: #e50012;

	padding-left: 10px;

	padding-right: 10px;

	text-align: center;

	font-size: 14px;

	font-size: 1.4rem;

	margin-left: 10px;

}

 @media screen and (max-width:999px) {

.listcart a {

	width: 40%;

	margin-left: 2.5%;

	margin-right: 2.5%;

	padding-left: 0px;

	padding-right: 0px

}

.listcart {

	width: 100%;

	margin-top: 1rem;

	margin-bottom: 1rem

}

}

 @media screen and (max-width:420px) {

.listcart a {

	width: 95% !important;

	float: none;

	overflow: hidden;

	margin-bottom: 1rem;

	margin-top: 1rem

}

}