@charset "utf-8";/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
html {
	font-size: 62.5%;
	height: 100%
}
body {
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	height: 100%;
	max-width: 1920px;
}
img {
	border: none;
}
ul li {
	list-style-type: none;
}
ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #333;
}
a {
	text-decoration: none;
	color: #333;
	outline: none;
	transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-webkit-transition: 0.3s;
}
h1 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #333;
}
.clear {
	clear: both;
}
.maln {
	margin-left: auto !important
}
input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	color: #333;
	border: none;
	outline: none;
}
.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;
}









::-webkit-input-placeholder {/* WebKit browsers */
 color:#1b1b1b;
}




:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#1b1b1b;
}




::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#1b1b1b;
 opacity: 1
}




:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#1b1b1b;
}
 .div3 ::-webkit-input-placeholder {/* WebKit browsers */
 color:#999999;
}
 .div3 :-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#999999;
}
 .div3 ::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#999999;
 opacity: 1
}
 .div3 :-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#999999;
}
 .sou::-webkit-input-placeholder {/* WebKit browsers */
 color:#999999;
}
 .sou:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#999999;
}
 .sou::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#999999;
 opacity: 1
}
 .sou:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#999999;
}
 @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;
}
}
 @media screen and (min-width:1220px) {
.no_margin {
	margin-left: auto!important;
}
}
 @media screen and (min-width:1000px) and (max-width:1219px) {
.no_margin {
	margin-left: auto!important;
}
}
/*********************** search *****************************/




.search {
	width: 33px;
	z-index: 9999;
	background: none;
	margin-top: 36px;
}
.sb-icon-search {
	color: #fff;
	z-index: 99;
	width: 33px;
	height: 33px;
	display: block;
}
.sb-search-submit {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: 99999;
}
.search_1000 {
}
.sb-search {
	position: relative;
	width: 0%;
	min-width: 33px;
	height: 33px;
	float: right;
	display: inline;
	overflow: hidden;
	-webkit-transition: width 0s;
	-moz-transition: width 0s;
	transition: width 0s;
	-webkit-backface-visibility: hidden;
	z-index: 99;
	border: none;
}
.sb-search-input {
	position: absolute;
	top: 0;
	left: 0px;
	outline: none;
	width: 236px;
	height: 33px;
	line-height: 26px;
	padding-left: 10px;
	border: none;
	margin: 0;
	z-index: 190;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	border-radius: 4px;
	background: none;
	color: #fff;
}
.sb-icon-search, .sb-search-submit {
	width: 33px;
	height: 33px;
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 0;
	margin: 0;
	cursor: pointer;
	background: url(../images/sousuo.png) no-repeat center;
	border: none;
}
.sb-search.sb-search-open, .no-js .sb-search {
	width: 236px;
	height: 32px;
	line-height: 26px;
	position: relative;
	right: 0px;
	top: 0px;
	z-index: 999999;
	background: #978641;
	border-radius: 17px;
}
.no-js .sb-search .sb-icon-search {
	position: absolute;
	background: url(../images/sousuo.png) no-repeat center;
	z-index: 15;
	right: 0px;
	top: 0px;
}
.no-js .sb-search .sb-search-submit {
	z-index: 91;
}
/*.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;
	cursor: pointer;
	position: fixed;
	top: -5px;
	right: 0;
	display: block;
}
.container .nav {
	overflow: hidden;
	width: 300px;
	background: rgba(0, 0, 0, 0.8);
	position: absolute;
	top: 0;
	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/sousuo2.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;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.container .nav > ul > li {
	line-height: 40px;
	font-size: 12px;
	font-size: 1.2rem;
	text-indent: 20px;
	position: relative;
}
.container .nav > ul > li .addition {
	width: 20px;
	height: 20px;
	position: absolute;
	right: 15px;
	top: 10px;
	background: url("../images/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 {
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	display: block;
	margin-right: 40px;
}
.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 {
	position: relative;
	font-size: 12px;
	font-size: 1.2rem;
	color: #fff;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 30px;
	margin-right: 40px;
}
.container .nav > ul > li .c-show1 .c-s1 > a span {
	font-size: 12px;
	font-size: 1.2rem;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}
.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 {
	text-indent: 35px;
	font-size: 12px;
	font-size: 1.2rem;
	color: #fff;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 30px;
	margin-right: 40px;
}
.container .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a span {
	font-size: 12px;
	font-size: 1.2rem;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}
.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 {
	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;
	font-family: Arial, Helvetica, sans-serif;
}
.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: 12px;
	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: #0196da;
}
 @media screen and (min-width: 768px) {
.container, .nav {
	display: none!important;
}
}
/*******lunbo*******/




div.index_focus_s {
	height: 750px;
}
div.index_focuss {
	height: 750px;
}
.index_focus {
	position: relative;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	z-index: 9;
	height: 750px;
}
.index_focusn {
	width: 1920px;
	position: absolute;
	left: 50%;
	top: 0px;
	margin-left: -960px;
	z-index: 99;
	height: 750px;
}
.index_focus .bd li {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 1920px;
	z-index: 999
}
.index_focus_post {
	z-index: 10;
}
.index_focus .pic {
	height: auto;
	display: block;
	margin: 0 auto;
}
.index_focus .pic:hover {
	text-decoration: none;
}
.index_focus_pre, .index_focus_next {
	display: none;
	position: absolute;
	width: 75px;
	height: 75px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	z-index: 5000;
	top: 50%;
	margin-top: -37px;
}
.index_focus_pre {
	left: 2%;
	background: url(../images/prev.png) no-repeat;
}
.index_focus_next {
	right: 2%;
	background: url(../images/next.png) no-repeat;
}
.index_focus .wp {
	position: absolute;
	left: 50%;
	margin-left: -600px;
	height: 14px;
	bottom: 19px;
	z-index: 9999
}
.index_focus .slide_nav {
	position: absolute;
	left: 50%;
	margin-left: -72px;
	z-index: 99999;
}
.index_focus .slide_nav a {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	cursor: pointer;
	float: left;
	margin-left: 18px;
	border: 1px solid #0196da;
}
.index_focus .slide_nav li:hover, .index_focus .slide_nav .on {
	text-decoration: none;
	background: #0196da
}
.index_focus2 {
	position: relative;
	width: 100%;
	height: 250px;
	margin: 0 auto;
	overflow: hidden;
	z-index: 9;
}
.index_focusn2 {
	width: 1920px;
	position: absolute;
	left: 50%;
	top: 0px;
	margin-left: -960px;
	z-index: 99;
	height: 250px;
}
.index_focus2 .bd li {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 1920px;
	z-index: 999
}
.index_focus_post {
	z-index: 10;
}
.index_focus2 .pic {
	height: auto;
	display: block;
	margin: 0 auto;
}
.index_focus2 .pic:hover {
	text-decoration: none;
}
.index_focus2 .slide_nav li:hover, .index_focus2 .slide_nav .on {
	text-decoration: none;
}
.index_focus_pre2, .index_focus_next2 {
	display: none;
	position: absolute;
	top: 50%;
	margin-top: -35px;
	width: 65px;
	height: 65px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	z-index: 9999
}
.index_focus_pre2 {
	left: 40px;
	background: url(../images/prev.png) no-repeat;
}
.index_focus_next2 {
	right: 40px;
	background: url(../images/next.png) no-repeat;
}
 @media screen and (min-width:1000px) and (max-width:1219px) {
.index_focus {
	height: 380px;
}
.index_focusn img {
	width: 81%;
}
.index_focus2 {
	height: 250px;
}
.index_focusn2 img {
	width: 80%;
}
}
 @media screen and (min-width:1220px) {
.clear2 {
	display: none
}
}
 @media screen and (max-width:1219px) {
.index_focus {
	display: none
}
.index_focus2 {
	display: none
}
}
 @media screen and (min-width:980px) {
}
 @media screen and (max-width:380px) {
.h-bd2 ul li a {
	padding: 0 5px;
}
}
/*************  toppart  **************/




.toppart {
	background: #333333;
	padding-top: 9px;
	padding-bottom: 5px;
}
.toppart p, .toppart a {
	color: #ffffff;
}
.lxp {
	padding-left: 24px;
	background: url(../images/topi.png) no-repeat left center;
	margin-left: 6px;
}
.lxp a:hover {
	color: #0196da;
}
.bsjj1 a {
	margin-left: 13px;
}
.headbanner {
	position: relative;
}
.head {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 99;
	background: #fff;
	background: rgba(255,255,255,0.9);
}
.headneiyed {
	position: static !important;
	left: 0;
	top: 0;
	width: 100%;
}
.topform {
	position: relative;
	margin-top: 29px;
}
.sou {
	width: 187px;
	padding-left: 7px;
	padding-right: 34px;
	height: 33px;
	line-height: 33px;
	border: 1px solid #0196da;
	color: #999999;
	font-size: 16px;
	font-size: 1.6rem;
	background: transparent;
}
.suo {
	width: 35px;
	height: 35px;
	background: #0196da url(../images/sousuo.png) no-repeat center center;
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
}
.logo {
	padding-top: 4px;
}
.logo img {
	max-width: 100%;
}
.navlist2 {
	display: none;
}
.navlist>li {
	float: left;
	position: relative;
	margin-left: 52px;
	padding-bottom: 8px;
}
.navlist #home {
	margin-left: 0px
}
.navlist>li>a {
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	text-transform: uppercase;
	padding: 0 7px;
	padding-bottom: 21px;
	background: url(../images/navbg.jpg) no-repeat -100px bottom;
}
.navlist>li.currentnav>a {
	color: #0196da;
	background: url(../images/navbg.jpg) no-repeat center bottom;
}
.navlist {
	padding-top: 38px;
	margin-left: 100px
}
.navlist>li:hover>a {
	color: #0196da;
	background: url(../images/navbg.jpg) no-repeat center bottom;
}
 @media screen and (min-width:1000px) and (max-width:1219px) {
.navlist>li {
	margin-left: 10px;
}
}
 @media screen and (max-width:999px) {
.navlist {
	width: 100%;
	padding-top: 20px;
	margin-left: 0px
}
.navlist>li {
	margin-left: 0;
	width: 16.16%;
	text-align: center;
}
.navlist>li>a {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 10px;
}
.head {
	position: static;
}
}
 @media screen and (max-width:767px) {
.navlist1 {
	display: none;
}
.navlist2 {
	display: block;
}
.navlist>li {
	width: 25%;
}
.navlist>li>a {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 10px;
}
.topform {
	display: none;
}
.navlist {
	width: 100%;
	float: none;
	padding-top: 40px;
}
.toppart {
	display: none;
}
}
 @media screen and (max-width:550px) {
.navlist1 {
	display: none;
}
.navlist2 {
	display: block;
}
.navlist>li {
	width: 25%;
}
.navlist>li>a {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 10px;
}
.topform {
	display: none;
}
.navlist {
	width: 100%;
	padding-top: 20px;
}
}
 @media screen and (max-width:450px) {
.navlist>li>a {
	font-size: 14px;
	font-size: 1.4rem;
}
}
/*********  yiji  ***********/




@font-face {
	font-family: 'FuturaStdBook';
	src: url('../images/futurastdbook.eot');
	src: url('../fonts/FuturaStdBook.eot') format('embedded-opentype'), url('../images/futurastdbook.woff2') format('woff2'), url('../images/futurastdbook.woff') format('woff'), url('../images/futurastdbook.ttf') format('truetype'), url('../images/futurastdbook.svg#futurastdbook') format('svg');
}
.yiji {
	width: 200px;
	background: #fff;
	background: rgba(255,255,255,0.8);
	position: absolute;
	top: -9999px;
	left: 50%;
	margin-left: -130px;
	z-index: 9999;
	padding-top: 8px;
	padding-bottom: 8px;
}
.yiji li {
	line-height: 26px;
	padding-bottom: 7px;
	padding-top: 7px;
	position: relative;
	padding-left: 21px;
	text-align: left
}
.yiji li a {
	display: block;
	color: #333;
}
.erji {
	width: 200px;
	background: #fff;
	background: rgba(255,255,255,0.8);
	position: absolute;
	top: -9999px;
	left: 100%;
	padding-top: 8px;
	padding-bottom: 8px;
}
.yiji li:hover {
	background: #0196da;
	background: rgba(1,150,218,0.8);
}
.yiji li:hover>a {
	color: #fff;
}
.navlist>li:hover .yiji {
	top: 100%;
}
.yiji>li:hover .erji {
	top: -8px;
}
 @media screen and (max-width:1219px) {
.navlist {
	padding-top: 38px;
	margin-left: 80px;
}
}
 @media screen and (max-width:999px) {
.navlist {
	padding-top: 38px;
	margin-left: 0px;
	float: none;
	clear: both
}
}
/*********  sywelcome  ***********/




.sywelcome {
	padding-top: 81px;
	padding-bottom: 50px;
	background: #f3f3f3;
}
.sywelzuo {
	width: 540px;
}
.sywelyou img {
	width: 100%;
	max-width: 604px;
	max-height: 360px;
	display: block;
	margin-left: auto;
	margin-right: auto
}
.sywelyou {
	padding-bottom: 44px;
	background: url(../images/ayinying.png) no-repeat center bottom;
	padding-top: 6px;
}
.sywelyoun {
	padding: 10px;
	background: #fff;
	border: 1px solid #c5c5c5;
}
.welp1 {
	display: block;
	font-size: 40px;
	font-size: 4rem;
	padding-bottom: 15px;
	background: url(../images/syaxian.jpg) no-repeat left bottom;
	font-family: 'FuturaStdBook';
	text-transform: uppercase;
}
.welp2 {
	display: block;
	color: #666666;
	line-height: 30px;
	margin-top: 39px;
	margin-bottom: 58px;
}
.welp3 {
	display: block;
	width: 163px;
	height: 42px;
	line-height: 42px;
	border: 1px solid #0196da;
	text-align: center;
	color: #fff;
	background: #0196da;
	text-transform: uppercase
}
.welp3:hover {
	background: transparent;
	color: #0196da;
}
.welp2:hover {
	color: #0196da;
}
.welp1:hover {
	color: #0196da;
}
 @media screen and (min-width:1000px) and (max-width:1219px) {
.sywelzuo {
	width: 500px;
}
.sywelyou {
	width: 470px;
	background-size: 100%;
	padding-bottom: 33px;
}
.welp2 {
	margin-top: 20px;
	margin-bottom: 25px;
}
}
 @media screen and (max-width:999px) {
.sywelzuo {
	width: 100%;
}
.sywelyou {
	width: 100%;
	margin-top: 20px;
}
.sywelyoun {
	max-width: 604px;
	margin: 0 auto;
}
.welp2 {
	margin-top: 20px;
	margin-bottom: 25px;
}
}
 @media screen and (max-width:767px) {
.sywelcome {
	padding-top: 40px;
}
.welp1 {
	font-size: 30px;
	font-size: 3rem;
}
.sywelyou {
	background: none;
	padding-bottom: 0;
}
}
 @media screen and (max-width:450px) {
.welp1 {
	font-size: 20px;
	font-size: 2rem;
}
}
/****************  sybiao  ***************/




.sybiao {
	background: url(../images/sybg1.jpg) no-repeat center top;
	padding-top: 18px;
	padding-bottom: 12px;
}
.sybiaozuo a {
	color: #fff;
	display: block;
}
.biaop1 {
	font-family: 'FuturaStdBook';
	font-size: 32px;
	font-size: 3.2rem;
	text-transform: uppercase;
	line-height: 65px;
}
.biaop2 {
	line-height: 30px;
}
.sybiaoyou ul li {
	float: left;
	text-align: center;
	min-width: 130px;
	margin-left: 37px;
}
.sybiaoyou ul {
	margin-right: 95px;
}
.sybiaoyou ul li a {
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	text-transform: uppercase;
	display: block;
}
.sybiaoyou ul li a:hover {
	color: #0196da;
}
.sybiaoyou ul li a img {
	margin-bottom: 13px;
}
.sybiaozuo {
	padding-top: 10px;
}
 .sybiaozuo a:hover, .sybiaozuo a:hvoer {
 text-decoration:underline
}
 @media screen and (min-width:1000px) and (max-width:1219px) {
.sybiaoyou ul {
	margin-right: 0;
}
.sybiaoyou ul li {
	float: left;
	text-align: center;
	min-width: 130px;
	margin-left: 10px;
}
}
 @media screen and (max-width:999px) {
.sybiao {
	background: #303030;
	padding-bottom: 30px;
}
.sybiaozuo {
	width: 100%;
	text-align: center;
}
.sybiaoyou ul {
	margin-right: 0;
}
.sybiaoyou {
	width: 100%;
	margin-top: 20px;
}
.sybiaoyou ul li {
	width: 25%;
	margin: 0;
}
}
 @media screen and (max-width:767px) {
.biaop1 {
	font-size: 26px;
	font-size: 2.6rem;
	line-height: 50px;
}
}
 @media screen and (max-width:600px) {
.sybiaoyou ul li {
	width: 50%;
	margin-bottom: 20px;
}
}
/*************  syglobal  *************/




.syglobal {
	background: #f3f3f3;
	padding-bottom: 39px
}
.globalzuo img {
	max-width: 100%;
}
.globalyou {
	width: 593px;
	padding-top: 62px;
}
.globalyou a {
	display: block;
}
.glop1 {
	font-family: 'FuturaStdBook';
	font-size: 36px;
	font-size: 3.6rem;
	text-transform: uppercase;
	padding-bottom: 14px;
	background: url(../images/syaxian.jpg) no-repeat left bottom;
}
.glop2 {
	color: #666666;
	line-height: 30px;
	margin-top: 32px;
	margin-bottom: 71px;
}
.glop3 {
	width: 161px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border: 2px solid #0196da;
	color: #0196da;
	text-transform: uppercase;
}
.glop1:hover {
	color: #0196da;
}
.glop2:hover {
	color: #0196da;
}
.glop3:hover {
	background: #0196da;
	color: #fff;
}
 @media screen and (min-width:1000px) and (max-width:1219px) {
.globalyou {
	width: 440px;
}
.globalzuo {
	width: 500px;
}
.glop2 {
	margin-top: 15px;
	margin-bottom: 20px;
}
}
 @media screen and (max-width:999px) {
.glop2 {
	margin-top: 15px;
	margin-bottom: 20px;
}
.globalyou {
	width: 100%;
}
.globalzuo {
	width: 100%;
	text-align: center;
}
}
 @media screen and (max-width:767px) {
.globalyou {
	padding-top: 40px;
}
.glop1 {
	font-size: 30px;
	font-size: 3rem;
}
}
/**************  syp  ***********/




.syp {
	padding-top: 61px;
	padding-bottom: 58px;
	background: url(../images/sybg2.jpg) no-repeat center top;
}
.sybt {
	text-align: center;
	padding-bottom: 16px;
	background: url(../images/sybtxian.jpg) no-repeat center bottom;
}
.sybt a {
	color: #fff;
	font-family: 'FuturaStdBook';
	font-size: 40px;
	font-size: 4rem;
	text-transform: uppercase;
}
.sybt a:hover {
	color: #0196da;
}
.sypbox {
	width: 280px;
	float: left;
	margin-left: 26px;
	margin-top: 40px;
	margin-bottom: 11px;
}
.sypcon {
	position: relative;
	overflow: hidden;
}
.syptu img {
	display: block;
	width: 100%;
	max-width: 365px;
	max-height: 408px;
}
.sypcover {
	position: absolute;
	left: 0;
	bottom: -100%;
	width: 100%;
	height: 100%;
	background: url(../images/sypcover.png);
}
.sypcover img {
	width: 65px;
	height: 66px;
	position: absolute;
	left: 50%;
	margin-left: -33px;
	top: 50%;
	margin-top: -33px;
}
.nex p {
	padding-bottom: 15px;
}
.sypp {
	background: #fff;
	line-height: 40px;
	font-size: 16px;
	font-size: 1.6rem;
	padding: 0 10px;
	text-align: center;
}
.sypp a {
	display: block;
	color: #333333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-transform: uppercase
}
.sypbox:hover .sypcover {
	bottom: 0;
}
.sypbox:hover .sypp {
	background: #0196da;
}
.sypbox:hover .sypp a {
	color: #fff;
}
 @media screen and (min-width:1000px) and (max-width:1219px) {
.sypbox {
	width: 225px;
}
}
 @media screen and (max-width:999px) {
.sypbox {
	width: 31.333%;
	margin: 0 1%;
	margin-top: 30px;
}
.sypcover {
	display: none;
}
.syp {
	background: #25a4de;
}
}
 @media screen and (max-width:767px) {
.sybt a {
	font-size: 28px;
	font-size: 2.8rem;
}
.syp {
	padding-top: 35px;
}
}
 @media screen and (max-width:550px) {
.sypbox {
	width: 48%;
	margin-top: 20px;
}
}
 @media screen and (max-width:380px) {
.sypbox {
	width: 98%;
}
.sybt a {
	font-size: 24px;
	font-size: 2.4rem;
}
}
/*************************/




.syn {
	padding-top: 59px;
	padding-bottom: 68px;
}
.sybt2 {
	background: url(../images/syaxian.jpg) no-repeat center bottom;
	padding-bottom: 19px;
}
.sybt2 a {
	color: #333333;
}
.synbox {
	width: 370px;
	float: left;
	margin-left: 45px;
	margin-top: 41px;
	background: #f3f3f3;
}
.synbox img {
	width: 100%;
	max-width: 370px;
	max-height: 240px;
}
.synp1 {
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 30px;
	padding-top: 10px;
	margin-bottom: 9px;
}
.synp2 {
	color: #666666;
	line-height: 30px;
	display: block;
	margin-top: 11px;
	height: 90px;
	overflow: hidden;
}
.synbox span {
	color: #666666;
	padding-left: 23px;
	background: url(../images/sybiao.png) no-repeat left center;
}
.synp2:hover {
	color: #0196da;
}
.synp1:hover {
	color: #0196da;
}
.synxia {
	padding: 0 24px;
	padding-bottom: 16px;
}
 @media screen and (min-width:1000px) and (max-width:1219px) {
.synbox {
	margin-left: 40px;
	width: 300px;
}
}
 @media screen and (max-width:999px) {
.synbox {
	width: 31.333%;
	margin: 0 1%;
	margin-top: 20px;
}
}
 @media screen and (max-width:767px) {
.synxia {
	padding-left: 10px;
	padding-right: 10px;
}
}
 @media screen and (max-width:600px) {
.synbox {
	float: none;
	width: auto;
	max-width: 370px;
	margin: 0 auto;
	margin-top: 20px;
}
.syadvantage {
	padding-top: 30px;
	padding-bottom: 45px;
}
.syn {
	padding-top: 40px;
}
}
/***********  bottom  ************/




.bottom {
	padding-top: 35px;
	padding-bottom: 2px;
	background: #242424;
}
.bottom li, .bottom span, .bottom a, .bottom p {
	color: #999999;
}
.bottom a:hover {
	color: #fff;
}
.div>a, .div>span {
	display: block;
	font-size: 24px;
	font-size: 2.4rem;
	color: #fff;
	text-transform: uppercase;
	font-family: 'FuturaStdBook';
	margin-bottom: 18px;
}
.div>a:hover {
	text-decoration: underline
}
.div2 {
	margin-right: 137px;
}
.div2 li {
	line-height: 30px;
	padding-left: 16px;
	background: url(../images/lingxing.png) no-repeat left center;
}
.div1 {
	width: 298px;
}
.div1 li {
	line-height: 30px;
	padding-left: 23px;
}
.bli1 {
	background: url(../images/bi1.png) no-repeat left 8px;
}
.bliwap {
	background: url(../images/whatsapp.png) no-repeat left 8px;
}
.bli2 {
	background: url(../images/bi2.png) no-repeat left 8px;
}
.bli3 {
	background: url(../images/bi3.png) no-repeat left 8px;
}
.bli4 {
	background: url(../images/dibuweix.png) no-repeat left 8px;
}
.bli5 {
	background: url(../images/bi5.png) no-repeat left 8px;
}
.bli6 {
	background: url(../images/bi6.png) no-repeat left 8px;
}
.bliskype {
	background: url(../images/skype.png) no-repeat left 8px;
}
.bliwx {
	background: url(../images/dibuweix.png) no-repeat left 8px;
}
.bliapp {
	background: url(../images/dibwaapp.png) no-repeat left 8px;
}
.bliqq {
	background: url(../images/dibuqq.png) no-repeat left 8px;
}
.bsjj2 {
	padding-top: 22px;
}
.bsjj2 a {
	margin-right: 12px;
	position: relative;
	top: 0;
}
.bsjj2 a:hover {
	top: -10px;
}
.div3 {
	width: 497px;
}
.div3 form {
	padding-top: 12px;
}
.xing {
	padding-left: 13px;
	background: url(../images/syxing.png) no-repeat left 21px;
	margin-bottom: 15px;
}
.xing input {
	height: 40px;
	line-height: 40px;
	color: #999999;
	padding-left: 10px;
}
.intbox1 input {
	width: 210px;
}
.intbox2 input {
	width: 474px;
}
.intbox3 textarea {
	width: 474px;
	padding-left: 10px;
	line-height: 26px;
	padding-top: 7px;
	height: 86px;
}
.intbox4 input.syint1 {
	width: 150px;
	float: left;
}
.intbox4 input.syint2 {
	padding: 0;
	width: 144px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #0196da;
	color: #fff;
	font-size: 18px;
	font-size: 1.8rem;
	float: right;
	cursor: pointer;
}
.intbox4 img {
	margin-left: 20px;
	cursor: pointer;
}
.link {
	line-height: 30px;
	min-height: 30px;
	margin-top: 32px;
}
.link a {
	padding: 0 10px;
}
.cupyright {
	line-height: 30px;
	background: #1a1a1a;
	text-align: center;
	padding-top: 9px;
	padding-bottom: 9px;
	border-top: #2b2b2b solid 2px
}
.cupyright p, .cupyright a {
	color: #999999;
}
.cupyright a:hover {
	color: #fff;
}
 @media screen and (min-width:1000px) and (max-width:1219px) {
.div2 {
	margin-right: 30px;
}
.div1 {
	width: 270px;
}
}
 @media screen and (max-width:999px) {
.div2 {
	width: 30%;
	margin: 0;
}
.div1 {
	width: 70%;
}
.div3 {
	margin-top: 20px;
}
}
 @media screen and (max-width:767px) {
.bottom {
	display: none;
}
.syn {
	padding-bottom: 40px;
}
}
/******************  product1  ***************/




.bannerf {
	height: 400px;
	background: url(../images/bannerf.jpg) no-repeat center top;
}
.dabt {
	font-size: 30px;
	font-size: 3rem;
	color: #fff;
	padding-top: 215px;
}
.bread {
	color: #fff;
	padding-top: 20px;
}
.bread a {
	color: #fff;
}
.bread a:hover {
	color: #0196da;
}
.bread a.currentbread {
	color: #0196da;
}
.bread a.active {
	color: #0196da;
}
.fymain {
	padding-top: 77px;
	padding-bottom: 100px;
}
.pzuo {
	width: 269px;
}
.pyou {
	width: 895px;
}
.title1 {
	text-align: center;
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 60px;
	background: #333;
	font-weight: bold;
}
.zitib {
	text-transform: uppercase;
	color: #fff;
}
.subNav {
	line-height: 26px;
	padding-bottom: 8px;
	padding-top: 8px;
	background: #f3f3f3 url(../images/cejt1.png) no-repeat 95% center;
	padding-left: 15px;
	margin-bottom: 5px;
}
.subNav a {
	display: block;
	padding-right: 15px;
}
.subNav:hover {
	background: #0196da url(../images/cejt2.png) no-repeat 95% center;
}
.subNav:hover a {
	color: #fff;
}
.subNav.currentDd {
	background: #0196da url(../images/cejt2.png) no-repeat 95% center;
}
.subNav.currentDd a {
	color: #fff;
}
.navContent {
	background: #f3f3f3;
	padding-top: 8px;
	padding-bottom: 14px;
	margin-top: -5px;
	margin-bottom: 5px;
	display: none;
}
.navContent p {
	line-height: 34px;
	padding-left: 33px;
}
.navContent p a {
	display: block;
	color: #666666;
}
.navContent p.currentp a {
	color: #0196da;
}
.navContent p:hover a {
	color: #0196da;
}
.pbox {
	width: 280px;
	float: left;
	margin-left: 27px;
	margin-bottom: 47px;
	text-align: center;
}
.pcon {
	position: relative;
	overflow: hidden;
}
.pcover {
	position: absolute;
	left: 0;
	bottom: -100%;
	width: 100%;
	height: 100%;
	background: url(../images/sypcover.png);
}
.pcover img {
	width: 65px;
	height: 66px;
	position: absolute;
	left: 50%;
	margin-left: -33px;
	top: 50%;
	margin-top: -33px;
}
.ptu {
	display: block;
}
.ptu img {
	width: 100%;
	max-width: 438px;
	max-height: 438px;
	display: block;
}
.pp1 {
	display: block;
	line-height: 40px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
	background: #e7e7e7;
	font-size: 16px;
	font-size: 1.6rem;
	padding: 0 10px;
}
.pbox:hover .pp1 {
	background: #0196da;
	color: #fff;
}
.pbox:hover .pcover {
	bottom: 0;
}
.pp2 {
	position: relative;
	margin-top: 18px;
}
.pp2 input {
	position: absolute;
	left: 67px;
	top: 10px;
	cursor: pointer;
}
.pp2 a {
	display: block;
	width: 118px;
	height: 33px;
	line-height: 33px;
	border: 1px solid #0196da;
	color: #0196da;
	text-align: center;
	margin: 0 auto;
	position: relative;
	left: 15px;
}
.pp2 a:hover {
	background: #0196da;
	color: #fff;
}
.no:hover {
	border: 1px solid #e5e5e5 !important;
	color: #333 !important;
	background: #eeeeee !important;
}
.title2 {
	line-height: 60px;
	background: #333;
	padding-left: 24px;
	margin-top: 46px;
}
.title2 a {
	color: #fff;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
	text-transform: uppercase;
}
.cenlist li {
	position: relative;
	padding-top: 21px;
	border-bottom: 1px solid #d4d4d4;
	min-height: 74px;
	padding-bottom: 25px;
}
.cenlist li.noborder {
	border: none;
}
.cenlist {
	background: #f3f3f3;
	padding-left: 9px;
	padding-right: 8px;
	padding-top: 5px;
}
.centu {
	width: 114px;
	position: absolute;
	left: 0;
	top: 21px;
}
.centu img {
	width: 100%;
	max-width: 114px;
	max-height: 74px;
}
.cennr {
	display: block;
	padding-left: 123px;
	line-height: 30px;
	height: 60px;
	overflow: hidden;
}
.cennr:hover {
	color: #0196da;
}
.ms_ye {
	text-align: center;
	margin-top: 4px;
}
.ms_ye a {
	display: inline-block;
	width: 33px;
	line-height: 28px;
	border: 1px solid #e5e5e5;
	background: #eeeeee;
	text-align: center;
	margin: 0 2.5px;
	font-size: 12px;
	font-size: 1.2rem;
}
.ms_sx {
	width: 59px!important;
}
.ms_ye .ms_current_ye {
	border: 1px solid #0196da;
	color: #fff;
	background: #0196da;
}
.ms_ye a:hover {
	border: 1px solid #0196da;
	color: #fff;
	background: #0196da;
}
.xiangshang {
	position: absolute;
	left: 0;
	bottom: 0;
	padding-left: 20px;
	background: url(../images/xiangshang.png) no-repeat left 7px;
}
.xiangshang input {
	width: 168px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	background: #0196da;
	cursor: pointer;
}
.ms_ye2 {
	text-align: right;
	position: relative;
}
 @media screen and (min-width:1000px) and (max-width:1219px) {
.pyou {
	width: 675px;
}
.pbox {
	margin-left: 18px;
	width: 213px;
}
.pp2 input {
	left: 28px;
}
}
 @media screen and (max-width:999px) {
.pyou {
	width: 100%;
}
.pzuo {
	width: 100%;
	margin-top: 30px;
}
.pbox {
	width: 31.333%;
	margin: 0 1%;
	margin-bottom: 30px;
}
.title1 {
	background: #0196da;
	position: relative;
	margin-bottom: 10px;
	line-height: 48px;
}
.fymain {
	padding-top: 30px;
	padding-bottom: 40px;
}
.ms_ye a {
	margin-bottom: 10px;
}
.pp2 input {
	left: 0;
}
.synfy {
	padding-top: 35px;
}
.xiangshang {
	display: inline-block;
	position: static;
}
.ms_ye {
	text-align: center;
}
}
 @media screen and (max-width:767px) {
.title1 p {
	display: block;
	position: absolute;
	right: 10px;
	bottom: 10px;
}
.title1 p span {
	display: block;
	width: 30px;
	height: 5px;
	margin-bottom: 3px;
	background: #fff;
}
.subNavBox {
	display: none;
}
.title1 {
	text-align: left;
	padding-left: 15px;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 48px;
}
.pp1 {
	font-size: 14px;
	font-size: 1.4rem;
}
}
 @media screen and (max-width:550px) {
.pbox {
	width: 48%;
}
}
 @media screen and (max-width:350px) {
.pbox {
	width: 98%;
}
}
/*************  product2  **************/




.phui {
}
.img980 {
	display: none;
}
#showArea {
	margin-top: 15px;
	margin-bottom: 15px;
}
#showArea img {
	cursor: pointer;
	width: 123px;
	height: 110px;
}
#showArea a {
	display: block;
	text-align: right;
	margin-bottom: 29px;
	border: 1px solid #f0f0f0;
}
/* #showArea a:hover img{} */




#main_img {
	cursor: pointer;
	display: block;
}
#gotop {
	cursor: pointer;
	display: block;
	width: 21px;
	height: 12px;
	background: url(../images/top.png) no-repeat center top;
	margin: 0 auto;
}
#gobottom {
	cursor: pointer;
	display: block;
	width: 21px;
	height: 12px;
	background: url(../images/bottom.png) no-repeat center bottom;
	margin: 0 auto;
}
#gotop:hover {
	background: url(../images/topon.png) no-repeat center top;
}
#gobottom:hover {
	background: url(../images/bottomon.png) no-repeat center bottom;
}
#showArea {
	height: 395px;
	overflow: hidden;
}
.MagicZoomBigImageCont {
	background: #FFF;
}
.MagicZoomBigImageCont img {
	width: 600px!important;
	height: 534.94px!important;
	display: block;
}
.MagicZoomPup {
	border: 0px solid #aaa;
	background: #ffffff;
}
.left-pro {
	width: 640px;
	text-align: left;
	margin-bottom: 27px;
	margin: 0 auto;
}
.left-pro .t1 {
	width: 125px;
	float: left;
}
.left-pro .t2 {
	width: 500px;
	text-indent: 0;
	float: right;
}
.left-pro .t2 a {
	display: block;
	margin-bottom: 0px;
	border: 1px solid #f0f0f0;
}
.left-pro .t2 img {
	text-indent: 0;
	display: block;
}
.titleh1 {
	padding-bottom: 18px;
}
.titleh1 h1 {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 28px;
	color: #0196da;
	padding-bottom: 12px;
	border-bottom: 1px solid #0196da;
}
.content {
	width: 514px;
}
.btn {
	padding-top: 50px;
}
.btn a, .btn span {
	display: inline-block;
	width: 209px;
	height: 41px;
	line-height: 41px;
	text-align: center;
	color: #0196da;
	transition: 0.5s;
	font-size: 16px;
	font-size: 1.6rem;
	border: 1px solid #0196da;
}
.btn a:hover {
	background: #0196da;
	color: #fff;
}
.btn1 {
	margin-left: 52px;
}
.share {
	padding-top: 27px;
}
.share .share1 {
	line-height: 26px;
	color: #999999;
	padding-right: 10px;
}
.cpxx {
	line-height: 30px;
	color: #666666;
}
.cpxx p, .cpxx li, .cpxx soan, .cpxx b {
	color: #666666;
}
.cpxx a {
}
.des {
	border-bottom: 1px solid #0196da;
	margin-top: 52px;
	margin-bottom: 26px;
}
.des span {
	display: inline-block;
	line-height: 39px;
	padding: 0 14px;
	background: #0196da;
	color: #fff;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	text-transform: uppercase;
}
.chanpinx strong {
	font-size: 18px;
	font-size: 1.8rem;
	color: #0196da;
	font-weight: bold;
	margin-bottom: 3px;
}
.chanpinx {
	line-height: 40px;
	padding-bottom: 21px;
}
.chanpinx a {
	color: #0196da;
}
.chanpinx img {
	max-width: 100%;
}
.chanpinx iframe {
	max-width: 100%;
}
/*.chanpinx table,.nex table,cpxx table{ width:97%; border-collapse:collapse; line-height:24px;}




.chanpinx tr td,.nex tr td,cpxx tr td{ line-height:24px; padding:2px;}




*/









.chanpinx table, .cpxx table {
	width: 100%;
	border-collapse: collapse;
	line-height: 22px;
	border: 1px solid #ccc;
}
.chanpinx table tr td, .cpxx table tr td {
	padding: 3px;
	border: 1px solid #ccc;
}
 @media screen and (max-width:1000px) {
.chanpinx .table {
	width: 100%;
	overflow: scroll;
}
.chanpinx table {
	width: 885px;
}
}
.cpxx table {
	width: 100%;
	border-collapse: collapse;
	line-height: 22px;
	border: 1px solid #ccc;
}
.cpxx table tr td {
	padding: 3px;
	border: 1px solid #ccc;
}
 @media screen and (max-width:1000px) {
.cpxx .table {
	width: 100%;
	overflow: scroll;
}
.cpxx table {
	width: 885px;
}
}
.img-scroll2 {
	position: relative;
	margin: 0 auto;
	width: 100%;
}
.img-scroll2 .prev2, .img-scroll2 .next2 {
	position: absolute;
	display: block;
	width: 12px;
	height: 20px;
	top: 40%;
	color: #fff;
	text-align: center;
	line-height: 100px
}
.img-scroll2 .prev2 {
	left: 0;
	cursor: pointer;
	background: url("../images/zjs.png") no-repeat;
}
.img-scroll2 .next2 {
	right: 0;
	cursor: pointer;
	background: url("../images/zjx.png") no-repeat;
}
.img-list2 {
	position: relative;
	width: 90%;
	overflow: hidden;
	margin: 0 auto;
}
.img-list2 ul {
	width: 10000%;
}
.img-list2 li {
	float: left;
	display: inline;
	width: 0.31%;
	margin: 0 0.01%;
	position: relative;
	position: relative;
	text-align: center;
}
.img-list2 li span, .img-list2 li a {
	color: #fff;
	display: block;
}
.img-list2 li img {
	width: 100%;
	max-width: 390px;
	max-height: 390px;
}
 @media screen and (min-width:1000px) and (max-width:1219px) {
.content {
	width: 315px;
}
.btn1 {
	margin-left: 3px;
}
.btn a, .btn span {
	width: 145px;
}
}
 @media screen and (max-width:999px) {
.left-pro {
	display: none;
}
.img980 {
	display: block;
}
.content {
	width: 100%;
	margin-top: 30px;
}
.img-list2 li a {
	border: 1px solid #e3e3e3;
}
}
 @media screen and (max-width:979px) {
.btn {
	padding-top: 40px;
}
}
 @media screen and (max-width:767px) {
#tab li {
	width: 19%;
}
}
 @media screen and (max-width:600px) {
.img-list2 li {
	width: 0.48%;
}
.btn a, .btn span {
	margin-bottom: 10px;
}
.titleh1 h1 {
	font-size: 16px;
	font-size: 1.6rem;
}
.btn1 {
	margin-left: 0;
}
#tab li {
	font-size: 14px;
	font-size: 1.4rem;
}
}
 @media screen and (max-width:500px) {
#tab li {
	width: 33.333%;
	border: none;
}
}
 @media screen and (max-width:450px) {
.img-list2 li {
	width: 0.98%;
}
}
/************  news1  ************/




.news1 .synbox {
	margin-top: 0;
	margin-bottom: 59px;
}
.hotbt {
	background: url(../images/hotxian.jpg) repeat-x center center;
	margin-top: 58px;
}
.hotbt a {
	display: inline-block;
	padding-right: 10px;
	background: #fff;
	font-size: 30px;
	font-size: 3rem;
	font-weight: bold;
	color: #0196da;
	text-transform: uppercase;
}
.fypbox {
	width: 280px;
	float: left;
	margin-left: 26px;
	margin-top: 58px;
}
.fypbox a {
	display: block;
}
.fypbox img {
	width: 100%;
	max-width: 498px;
	max-height: 444px;
	display: block;
}
.fypp {
	padding: 0 10px;
	line-height: 40px;
	text-align: center;
	background: #e7e7e7;
	font-size: 16px;
	font-size: 1.6rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.fypbox:hover .fypp {
	background: #0196da;
	color: #fff;
}
 @media screen and (min-width:1000px) and (max-width:1219px) {
.fypbox {
	margin-left: 20px;
	width: 230px;
}
}
 @media screen and (max-width:999px) {
.fypbox {
	width: 23%;
	margin: 0 1%;
	margin-top: 30px;
}
.fypp {
	font-size: 14px;
	font-size: 1.4rem;
}
}
 @media screen and (max-width:767px) {
.hotbt a {
	font-size: 20px;
	font-size: 2rem;
}
}
 @media screen and (max-width:670px) {
.fypbox {
	width: 48%;
}
}
 @media screen and (max-width:370px) {
.fypbox {
	width: 98%;
	margin-top: 20px;
}
}
/****************  news2  ****************/




.nzuo {
	width: 870px;
}
.nyou {
	width: 280px;
}
.nzuo h1 {
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 30px;
	margin-bottom: 15px;
}
.nxsj {
	color: #666666;
	padding-left: 24px;
	background: url(../images/rili.png) no-repeat left center;
}
.nex {
	line-height: 30px;
	padding-top: 19px;
	padding-bottom: 50px;
	border-top: 2px solid #0196da;
	margin-top: 15px;
}
.nex a {
	color: #0196da;
}
.nex img, .nex iframe {
	max-width: 100%;
}
.nex table {
	width: 100%;
	border-collapse: collapse;
	line-height: 22px;
	border: 1px solid #ccc;
}
.nex table tr td {
	padding: 3px;
	border: 1px solid #ccc;
}
.xwsx {
	line-height: 32px;
	color: #666666;
}
.xwsx>span {
	color: #666;
	padding-left: 24px;
	display: inline-block;
}
.xws>span {
	background: url(../images/xws.png) no-repeat left center;
}
.xwx>span {
	background: url(../images/xwx.png) no-repeat left center;
}
.xws {
	background: url(../images/xwxxu.jpg) repeat-x center bottom;
}
.xwsx a {
	color: #666666;
}
.xwsx span {
	color: #666666;
}
.item-title {
	background: none !important;
	padding-left: 0px!important;
}
.xwsx a:hover {
	color: #0196da;
}
.back {
	display: block;
	margin: 0 auto;
	width: 222px;
	height: 51px;
	line-height: 51px;
	text-align: center;
	color: #fff;
	background: #0196da;
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
	border-radius: 10px;
}
.pshare {
	text-align: center;
	padding-top: 34px;
}
.pshare1 {
	display: inline-block;
	font-size: 16px;
	font-size: 1.6rem;
	color: #666666;
	position: relative;
	top: -10px;
	padding-right: 10px;
}
.pshare2 {
	display: inline-block;
}
.youcen {
	border: 1px solid #dcdcdc;
	padding-left: 12px;
	padding-right: 11px;
	padding-top: 14px;
	margin-top: 23px;
}
.cenbt {
	margin-bottom: 5px;
	padding-left: 12px;
	background: url(../images/nshu.jpg) no-repeat left center;
}
.cenbt a {
	display: block;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	color: #0196da;
}
.ycentu {
	display: block;
	margin-bottom: 9px;
}
.ycentu img {
	max-width: 100%;
}
.cenp1 {
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 26px;
}
.cenp2 {
	line-height: 30px;
	display: block;
	margin-bottom: 5px;
	color: #666666;
}
.cenp2:hover {
	color: #0196da;
}
.cenp1:hover {
	color: #0196da;
}
.cenp3:hover {
	color: #0196da;
}
.ycenlist li {
	padding-bottom: 11px;
	padding-top: 9px;
}
 @media screen and (min-width:1000px) and (max-width:1219px) {
.nzuo {
	width: 630px;
}
}
 @media screen and (max-width:999px) {
.nex .table {
	overflow: scroll
}
.nex table {
	width: 800px
}
.nzuo {
	width: 60%;
}
.nyou {
	width: 35%;
}
.cenp1 {
	font-size: 16px;
	font-size: 1.6rem;
}
.nzuo h1 {
	font-size: 18px;
	font-size: 1.8rem;
}
.bannerf {
	height: 250px;
}
.dabt {
	padding-top: 70px;
}
.bread a.currentbread {
	color: #333;
}
.bread a:hover {
	color: #333;
}
}
 @media screen and (max-width:767px) {
.nzuo {
	width: 100%;
}
.nyou {
	width: 100%;
	margin-top: 50px;
}
.ycentu {
	max-width: 280px;
	margin: 0 auto;
	margin-bottom: 10px;
}
.ycenlist li {
	text-align: center;
}
.bannerf {
	height: 200px;
}
.dabt {
	padding-top: 50px;
}
}
 @media screen and (max-width:450px) {
.dabt {
	font-size: 20px;
	font-size: 2rem;
	padding-top: 30px;
}
.bannerf {
	height: 200px;
}
}
/**********  about1  ***********/




.abnav {
	background: url(../images/abbiao.jpg) repeat-x left 54px;
	text-align: center;
	padding-bottom: 30px;
}
.abnav a {
	display: inline-block;
 *float:left;
	width: 20%;
	padding-top: 130px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 24px;
	height: 48px;
	text-transform: uppercase;
	margin-left: auto;
	margin-right: auto
}
.ab1 {
	background: url(../images/abbiao1.jpg) no-repeat center top;
}
.ab2 {
	background: url(../images/abbiao2.jpg) no-repeat center top;
}
.ab3 {
	background: url(../images/abbiao3.jpg) no-repeat center top;
}
.ab4 {
	background: url(../images/abbiao4.jpg) no-repeat center top;
}
.ab3:hover {
	background: url(../images/abbiao3h.jpg) no-repeat center top;
}
.ab4:hover {
	background: url(../images/abbiao4h.jpg) no-repeat center top;
}
.abnav a:hover {
	color: #0196da;
}
.ab1.dangqianab {
	background: url(../images/abbiao1h.jpg) no-repeat center top !important;
}
.ab2.dangqianab {
	background: url(../images/abbiao2h.jpg) no-repeat center top;
}
.ab3.dangqianab {
	background: url(../images/abbiao3h.jpg) no-repeat center top;
}
.ab4.dangqianab {
	background: url(../images/abbiao4h.jpg) no-repeat center top;
}
.dangqianab {
	color: #0196da !important;
}
.ayou {
	padding-right: 15px;
	padding-top: 16px;
	background: url(../images/lankuai.jpg) no-repeat right top;
	margin-left: 20px;
	margin-top: 89px;
}
.ayou img {
	width: 100%;
	max-width: 591px;
	max-height: 434px;
}
.ap1 {
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	color: #0196da;
	text-transform: uppercase;
	padding-left: 26px;
	background: url(../images/abg1.png) no-repeat left center;
}
.ap2 {
	font-size: 32px;
	font-size: 3.2rem;
	color: #333;
	text-transform: uppercase;
	padding-bottom: 17px;
	background: url(../images/abg2.jpg) no-repeat left bottom;
	margin-top: 33px;
	margin-bottom: 25px;
}
.ap3 {
	line-height: 30px;
	padding-bottom: 15px;
}
.ap4 {
	line-height: 30px;
	padding-top: 23px;
	padding-bottom: 53px;
}
.azuo2 img {
	width: 100%;
	max-width: 490px;
	max-height: 360px;
}
.azuo2 {
	margin-right: 26px;
	margin-top: 55px;
}
.ap5 {
	line-height: 30px;
	margin-bottom: 23px;
}
.abg {
	background: url(../images/abg3.jpg) no-repeat center top;
	padding-top: 124px;
	padding-bottom: 110px;
	margin-top: 70px;
}
.abg p {
	color: #fff;
	line-height: 30px;
	text-align: center;
}
.ap6 {
	line-height: 30px;
	padding-top: 27px;
}
.ap7 {
	padding-top: 39px;
}
 @media screen and (min-width:1000px) and (max-width:1219px) {
.ayou {
	width: 500px;
}
.ap2 {
	font-size: 28px;
	font-size: 2.8rem;
}
.abg {
	padding-top: 90px;
}
}
 @media screen and (max-width:999px) {
.ayou {
	float: none;
	width: auto;
	max-width: 591px;
	margin: 0 auto;
}
.azuo {
	margin-top: 20px;
}
.ap2 {
	margin-top: 20px;
}
.azuo2 {
	width: 400px;
	margin-top: 10px;
}
.ap4 {
	padding-bottom: 30px;
}
.abg {
	padding-top: 50px;
	padding-bottom: 50px;
	margin-top: 30px;
}
.abnav {
	background: none
}
.abnav a {
	float: left;
	width: 45%;
	padding-top: 130px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 24px;
	height: 48px;
	text-transform: uppercase;
	margin-left: 2.5%;
	margin-right: 2.5%;
}
}
 @media screen and (max-width:767px) {
.ap2 {
	font-size: 22px;
	font-size: 2.2rem;
}
.abnav a {
	margin: 0 10px;
}
.azuo2 {
	float: none;
	width: auto;
	max-width: 490px;
	margin: 0 auto;
	margin-bottom: 20px;
}
.abg {
	background: #0b0e12;
}
}
 @media screen and (max-width:600px) {
.abnav a {
	margin: 0;
	float: left;
	width: 50%;
}
.abnav {
	background: none;
}
}
/********  about2  ********/




.vilie {
	width: 825px;
	margin: 0 auto;
	margin-bottom: 16px;
}
.vitu {
	position: relative;
	padding-bottom: 62.78%;
	height: 0;
	overflow: hidden;
}
.vitu iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}
.vitu iframe body {
	margin: 0px !important;
}
.vizi {
	text-align: center;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 26px;
	margin-top: 16px;
}
.a2box {
	width: 380px;
	float: left;
	margin-left: 30px;
	margin-top: 53px;
}
.a2box img {
	width: 100%;
	max-width: 380px;
	max-height: 238px;
	display: block;
}
.a2box p {
	text-align: center;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 26px;
	min-height: 52px;
	margin-top: 11px;
}
 @media screen and (min-width:1000px) and (max-width:1219px) {
.a2box {
	width: 306px;
}
}
 @media screen and (max-width:999px) {
.a2box {
	width: 31.333%;
	margin: 0 1%;
	margin-top: 30px;
}
}
 @media screen and (max-width:900px) {
.vilie {
	width: 80%;
}
}
 @media screen and (max-width:650px) {
.vilie {
	width: 100%;
}
.a2box {
	width: 48%;
}
}
 @media screen and (max-width:350px) {
.a2box {
	width: 98%;
}
}
/**************** about3 *****************/




.lunboa {
	padding-bottom: 22px;
}
.lunboa .ban .ban2 ul li {
	position: relative;
}
.lunboa .ban .ban2 ul li .mzz {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	display: block;
	text-align: center;
	height: 32px;
	color: #fff;
	line-height: 32px;
	background: rgba(0,0,0,0.7);
	font-family: Verdana, Geneva, Tahoma, sans-serif
}
.lunboa .ban .ban2 ul li .mzz a {
	width: 100%;
}
.lunboa .ban .ban2 img {
	cursor: default
}
.lunboa {
	position: relative;
}
img {
	border: 0;
}
/*1*/




.ban {
	width: 864px;
	height: 729px;
	position: relative;
	/*overflow:hidden;*/




	margin: 5px auto 0 auto;
}
.ban2 {
	width: 864px;
	height: 564px;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	right: 0px;
	box-shadow: 0px 4px 10px 2px #d8d8d8;
}
.ban2 ul {
	position: absolute;
	left: 0;
	top: 0;
}
.ban2 ul li {
	width: 845px;
	height: 546px;
	padding-left: 10px;
	padding-right: 9px;
	padding-top: 9px;
	padding-bottom: 9px;
	background: #fff;
}
.prev {
	float: left;
	cursor: pointer;
}
/*2*/




.num {
	height: 147px;
	overflow: hidden;
	width: 864px;
	position: relative;
	float: left;
}
.min_pic {
	padding-top: 12px;
}
.num ul {
	position: absolute;
	left: 0;
	top: 0;
}
.num ul li {
	width: 199px;
	height: 123px;
	margin-right: 23px;
	padding: 0px;
	padding-top: 8px;
}
.num ul li a {
	display: block;
	background: transparent;
	padding: 3px;
	padding-right: 2px;
}
.num ul li a img {
	width: 193px;
	height: 123px;
}
.num ul li.on a {
	background: #0196da;
}
.num ul li.on {
	background: url(../images/sjt.png) no-repeat center top;
}
.prev_btn1 {
	width: 16px;
	text-align: center;
	height: 21px;
	margin-top: 47px;
	margin-right: 30px;
	cursor: pointer;
	float: left;
}
.next_btn1 {
	width: 16px;
	text-align: center;
	height: 21px;
	margin-top: 47px;
	cursor: pointer;
	float: right;
}
.prev1 {
	position: absolute;
	top: 260px;
	left: -60px;
	width: 24px;
	height: 45px;
	z-index: 9;
	cursor: pointer;
	background: url("../images/lbs.png") no-repeat;
}
.next1 {
	position: absolute;
	top: 260px;
	right: -60px;
	width: 24px;
	height: 45px;
	z-index: 9;
	cursor: pointer;
	background: url("../images/lbx.png") no-repeat;
}
.mhc {
	z-index: 99999;
	background: #000;
	width: 100%;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(Opacity=50);
	position: fixed;
	left: 0;
	top: 0;
	display: none;
}
/*3*/




.pop_up {
	width: 845px;
	height: 546px;
	padding: 10px;
	background: #fff;
	position: fixed;
	-position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -498px;
	margin-top: -273px;
	display: none;
	z-index: 9999999;
}
.pop_up_xx {
	width: 40px;
	height: 40px;
	position: absolute;
	top: -40px;
	right: 0;
	cursor: pointer;
}
.pop_up2 {
	width: 500px;
	height: 500px;
	position: relative;
	overflow: hidden;
}
.pop_up2 {
	width: 845px;
	height: 546px;
	position: relative;
	overflow: hidden;
	float: left;
}
.pop_up2 ul {
	position: absolute;
	left: 0;
	top: 0;
}
.pop_up2 ul li {
	width: 845px;
	height: 546px;
	float: left;
}
.tukuang {
	position: relative;
	display: block;
}
.lunboa {
	padding-bottom: 0px;
}
.lunboa .ban .ban2 ul li {
	position: relative;
}
.lunboa .ban .ban2 ul li .mzz {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	display: block;
	text-align: center;
	height: 39px;
	color: #fff;
	line-height: 39px;
	background: rgba(0,0,0,0.5);
	font-size: 16px;
	font-size: 1.6rem;
}
.lunboa .ban .ban2 ul li .mzz a {
	width: 100%;
}
.lunbob {
	display: none;
}
.lunbob ul li {
	width: 48%;
	position: relative;
	float: left;
	margin: 20px 1%!important;
}
.lunbob ul li a {
	display: block;
}
.lunbob ul li a img {
	display: block;
	width: 100%;
}
.lunbob ul li .mzz {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.lunbob ul li .mzz a {
	width: 100%;
	display: block;
	text-align: center;
	height: 44px;
	font-size: 16px;
	font-size: 1.6rem;
	color: #fff;
	line-height: 44px;
}
.xiaoping {
	display: none;
}
.xiaoping li {
	width: 48%;
	margin: 0 1%;
	margin-bottom: 20px;
	float: left;
}
.xiaoping li img {
	width: 100%;
	max-width: 845px;
	max-height: 546px;
}
.xiaoping li p {
	text-align: center;
	margin-top: 10px;
}
 @media screen and (min-width:1000px) and (max-width:1219px) {
.renbox {
	margin: 0 39px;
	margin-bottom: 60px;
	margin-top: 40px;
}
.about2 {
	padding-bottom: 50px;
}
}
 @media screen and (max-width:999px) {
.lunboa {
	display: none;
}
.xiaoping {
	display: block;
}
.renbox {
	width: 48%;
	margin: 0 1%;
	margin-bottom: 60px;
	margin-top: 40px;
}
.about2 {
	padding-bottom: 30px;
}
}
 @media screen and (max-width:750px) {
.renbox {
	width: 90%;
	margin: 0 5%;
	margin-bottom: 40px;
	margin-top: 40px;
}
}
 @media screen and (max-width:639px) {
.about2 {
	padding-bottom: 10px;
	padding-top: 20px;
}
}
 @media screen and (max-width:400px) {
.renboxn span {
	position: static;
}
.renboxn {
	padding: 0 15px;
}
.renbox {
	padding-top: 66px;
}
}
/********  about4  ********/




.ablie {
	width: 246px;
	float: left;
	margin-left: 72px;
	margin-bottom: 48px;
	margin-top: 3px;
}
.abtu {
	position: relative;
	overflow: hidden;
}
.abtu>img {
	width: 100%;
	max-width: 246px;
	max-height: 334px;
}
.fangda {
	background: #000;
	background: rgba(0,0,0,0.5);
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 100%;
	left: 0px;
	transition: 0.5s;
}
.fangda img {
	width: 32px;
	height: 32px;
	position: absolute;
	left: 50%;
	margin-left: -16px;
	top: 50%;
	margin-top: -16px;
}
.ablie p {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 30px;
	text-align: center;
	margin-top: 7px;
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
}
.ablie:hover .fangda {
	top: 0px;
}
.mat {
	margin-top: 57px;
}
/*********************fangdaxiaoguo**********************/




#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,.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;
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,.6);
	-moz-box-shadow: 0 0 8px rgba(0,0,0,.6);
	box-shadow: 0 0 8px rgba(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,.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, -moz-transform .4s ease;
	transition: left .4s ease, 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;
	-moz-border-radius: 15%;
	border-radius: 15%;
	background-color: #323232;
	background-color: rgba(50,50,50,.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,.9)
}
.baguetteBox-button#next-button {
	right: 2%
}
.baguetteBox-button#previous-button {
	left: 2%
}
.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%;
	-moz-border-radius: 50%;
	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);
 -moz-transform:scale(0);
 transform:scale(0)
}
 50% {
 -webkit-transform:scale(1);
 -moz-transform:scale(1);
 transform:scale(1)
}
}
 @media screen and (min-width:1000px) and (max-width:1219px) {
.ablie {
	margin-left: 35px;
	width: 218px;
}
}
 @media screen and (max-width:999px) {
.ablie {
	width: 23%;
	margin: 0 1%;
	margin-bottom: 30px;
}
.fangda {
	display: none;
}
}
 @media screen and (max-width:650px) {
.ablie {
	width: 31%;
	margin: 0 1%;
	margin-bottom: 30px;
}
}
 @media screen and (max-width:450px) {
.ablie {
	width: 48%;
	margin: 0 1%;
	margin-bottom: 30px;
}
}
/**********  QA&QC  **********/




.qcfc {
	text-align: center;
	font-size: 26px;
	font-size: 2.6rem;
	color: #0196da;
	font-weight: bold;
}
.fybiao img {
	max-width: 100%;
}
.fybiao {
	padding-top: 70px;
}
 @media screen and (max-width:767px) {
.qcfc {
	font-size: 20px;
	font-size: 2rem;
}
.fybiao {
	padding-top: 40px;
}
}
/**********  contact  ***********/




.lxlist li {
	width: 31%;
	display: inline-block;
	margin-left: 1%;
	margin-right: 1%
}
.lxlist {
	text-align: center;
}
.lxlist li p {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 30px;
	height: 133px;
	overflow: hidden
}
.lxlist li img {
	margin-bottom: 29px;
}
.lxlist li p a:hover {
	color: #0196da;
}
.cp1 {
	text-align: center;
	font-size: 24px;
	font-size: 2.4rem;
	color: #0196da;
	text-transform: uppercase;
	padding-top: 61px;
	line-height: 36px;
}
.cp2 {
	text-align: center;
	font-size: 16px;
	font-size: 1.6rem;
	color: #666666;
	line-height: 25px;
}
.cuxin {
	margin-top: 18px;
}
.xinl {
	width: 462px;
	float: left;
}
.xinr {
	width: 662px;
	float: right;
}
.cuxin .int1 {
	padding-left: 18px;
	margin-top: 19px;
}
.cuxin .xing {
	background: url(../images/xing.jpg) no-repeat left 22px;
}
.cuxin .int1 input {
	width: 439px;
	height: 48px;
	border: 1px solid #bbbbbb;
	padding-left: 40px;
	line-height: 48px;
}
.cuxin .curen {
	background: #fff url(../images/coren.jpg) no-repeat left center;
}
.cuxin .cuxinfeng2 {
	background: #fff url(../images/coxinfeng.jpg) no-repeat left center;
}
.cuxin .cudianhua2 {
	background: #fff url(../images/codianhua.jpg) no-repeat left center;
}
.cuxin .cufangzi2 {
	background: #fff url(../images/cofang.jpg) no-repeat left center;
}
.cuxin .int2 {
	padding-left: 18px;
	margin-top: 19px;
}
.cuxin .int3 {
	padding-left: 18px;
	margin-top: 18px;
}
.cuxin textarea {
	width: 600px;
	height: 186px;
	border: 1px solid #bbbbbb;
	padding-left: 40px;
	line-height: 48px;
	background: #fff url(../images/cobiji.jpg) no-repeat left top;
}
.cuxin .int4 {
	width: 229px;
	height: 48px;
	border: 1px solid #bbbbbb;
	padding-left: 11px;
	line-height: 48px;
	float: left;
}
.cuxin .cuyanzheng {
	width: 161px;
	height: 50px;
	float: left;
	margin-left: 8px;
	cursor: pointer;
}
.cuxin .int5 {
	width: 200px;
	height: 50px;
	border: none;
	background: #0196da;
	float: right;
	cursor: pointer;
	color: #fff;
	padding-left: 0;
	font-size: 16px;
	font-size: 1.6rem;
}
.ditu {
	width: 1198px;
	height: 483px;
	margin-top: 45px;
}
.cuxin .int5:hover {
	background: #0c90cc;
}
 @media screen and (min-width:1000px) and (max-width:1219px) {
.cot {
	background: none
}
.cot ul {
	width: 190px;
	margin-left: 5px;
}
.xinl {
	width: 400px;
}
.xinr {
	width: 564px;
}
.cuxin .int1 input {
	width: 337px;
}
.cuxin textarea {
	width: 503px;
}
.cuxin .int4 {
	width: 179px;
}
.cuxin .int5 {
	width: 150px;
}
.ditu {
	margin-left: auto;
	width: 100%;
	height: auto;
	max-width: 1198px;
	max-height: 483px;
}
}
 @media screen and (max-width:999px) {
.cot {
	background: none
}
.cot ul {
	width: 32%;
	margin-left: 1%;
	margin-top: 20px;
}
.xinl {
	width: 100%;
}
.xinr {
	width: 100%;
}
.cuxin .int1 input {
	width: 92.3%;
}
.cuxin textarea {
	width: 92.3%;
}
.cuxin .int4 {
	width: 30%;
}
.cuxin .int5 {
	width: 30%;
	float: left;
	margin-left: 10px;
}
.ditu {
	margin-left: auto;
	width: 100%;
	height: auto;
	max-width: 1181px;
	max-height: 512px;
}
.coc li {
	display: block;
	text-align: left;
	margin: 10px 0;
}
.lxlist li {
	width: 225px;
}
}
 @media screen and (max-width:767px) {
.lxlist li p {
	font-size: 14px;
	font-size: 1.4rem;
}
.lxlist li {
	width: 195px;
}
.lxlist li img {
	margin-bottom: 15px;
}
.cp1 {
	padding-top: 35px;
}
}
 @media screen and (max-width:639px) {
.cuxin .int1 input {
	width: 88.5%;
}
.cuxin textarea {
	width: 88.5%;
}
.cuxin .int4 {
	width: 30%;
}
.cuxin .cuyanzheng {
	float: left;
	margin-left: 10px;
}
.cuxin .int5 {
	width: 100%;
	margin-top: 20px;
	margin-left: auto;
}
.ditu {
	margin-left: auto;
}
.cot ul {
	width: 49%;
	margin-left: 1%;
	margin-top: 20px;
}
.comain {
	padding-top: 30px;
	padding-bottom: 30px;
}
.lxlist li {
	width: 90%;
	margin-bottom: 20px;
}
.lxlist p {
	height: auto !important
}
}
 @media screen and (max-width:419px) {
.cuxin .int1 input {
	width: 84.5%;
}
.cuxin textarea {
	width: 84.5%;
}
.cot ul {
	width: 99%;
}
}
.hdtop {
	position: fixed;
	right: 0px;
	bottom: -100px;
	transition: 1s;
	cursor: pointer;
	z-index: 99999999;
	border-radius: 50%;
}
.hdtop img {
	display: block;
}
/************cekefu***********/




.cekefu {
	border: 1px solid #0199e2;
	background: #eee;
	width: 136px;
	position: fixed;
	right: 0;
	top: 30%;
	z-index: 999999999;
}
.cekefu>p {
	background: #0199e2;
	text-align: center;
	color: #fff;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	text-transform: uppercase;
	line-height: 28px;
}
.kefuxia {
	padding-left: 13px;
	padding-right: 12px;
	padding-top: 5px;
}
.kefuxia ul li {
	padding-left: 22px;
	line-height: 24px;
	font-size: 12px;
	font-size: 1.2rem;
}
.kefuxia ul {
	padding-top: 10px;
	padding-bottom: 14px;
}
.kefuxia ul li a:hover {
	color: #0199e2;
}
.guanbi {
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}




/*




font-family: 'FuturaStdBook';




*/









@media screen and (min-width:1000px) and (max-width:1219px) {
}
 @media screen and (max-width:999px) {
}
.at-resp-share-element .at-icon {
	width: 24px!important;
	height: 24px!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: 24px!important;
	height: 24px!important;
}
.at-resp-share-element .at-share-btn {
	margin-bottom: 0!important;
	margin-right: 3px!important;
}
/**********  xiugai  **********/




.cekefu li {
	position: relative;
	cursor: pointer;
}
.cekefu li .ewm {
	position: absolute;
	right: 100%;
	top: -9999px;
}
.cekefu li:hover .ewm {
	top: 0;
}
.kefuxia ul li.weixin {
}
.kefu2 {
	display: none;
}
.kefu2 a {
	position: relative;
}
.kefu2 .ewm {
	position: absolute;
	left: 0;
	bottom: -9999px;
}
.kefu2 a:hover .ewm {
	bottom: 100%;
}
 @media screen and (max-width:767px) {
.cekefu {
	display: none;
}
.kefu2 {
	display: block;
	position: fixed;
	width: 100%;
	left: 0;
	bottom: 0;
	background: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
}
.kefu2 a {
	display: block;
	width: 50%;
	float: left;
	text-align: center;
}
}
.list_cart a {
	background: #0196da;
	text-align: center;
	padding: 8px;
	color: #fff;
	float: left;
	width: 130px;
	margin-right: 10px;
	display: block
}
 @media screen and (max-width:420px) {
.list_cart a {
	float: none;
	width: calc(90% - 16px);
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	display: block
}
}
.shuxp_c {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 25px;
	color: #333
}
.juse {
	color: #0196da !important
}
.ce {
	position: fixed;
	right: 1px;
	top: 30%;
	width: 53px;
	z-index: 999999;
}
.ce li {
	height: 53px;
	margin-bottom: 1px;
	transition: 0.5s;
}
.ce li a {
	display: block;
	height: 53px;
}

 @media screen and (max-width:767px) {
.ce {
	bottom: 0;
	top: auto;
	width: 100%;
}
.ce li {
	width: 33%;
	margin: 0;
	float: left;
}
}
.slide {
	position: relative;
}
.slide .carouse {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.slide .carouse .slideItem {
	width: 100%;
	position: absolute;
	cursor: pointer;
}
.slide .carouse .slideItem .banner-img {
	width: 100%;
	display: block
}
.slide .console {
	height: 57px;
	display: inline-block;
	width: 35px;
	position: absolute;
	top: 40%;
}
.slide .dotList {
	position: absolute;
	width: 100%;
	bottom: 20px;
	text-align: center;
}
.slide .dotList ul li {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 0 8px;
	cursor: pointer;
}
.slide .dotList ul li.active {
	background: #0196da;
	width: 28px;
}
.slide .carousel-control {
	position: absolute;
	top: 50%;
	width: 52;
	height: 52px;
	z-index: 999;
	margin-top: -45px;
}
.slide .carousel-control.left {
	left: 5%;
	width: 52px;
	height: 52px;
	background: url(../images/bnbtnl.png) no-repeat center center;
}
.slide .carousel-control.right {
	right: 5%;
	width: 52px;
	height: 52px;
	background: url(../images/bnbtnr.png) no-repeat center center
}
.slide .dotList ul li {
	width: 18px;
	height: 18px;
	cursor: pointer;
	margin-right: 9px;
	margin-left: 9px;
	border: 1px solid #0196da;
	border-radius: 50%;
}
.slide .dotList ul li.active {
	width: 18px;
	height: 18px;
	cursor: pointer;
	margin-right: 9px;
	margin-left: 9px;
	text-decoration: none;
	background-color: rgba(1, 150, 218, 0.8);
	background-color: #0196da \9;
	border-color: #0196da;
	border-radius: 50%;
}
.slide .slidedetail {
	display: none;
}
 @media screen and (max-width:767px) {
.slide .carousel-control.left {
	left: 5%;
	width: 30px;
	height: 30px;
	background: url(../images/bnbtnl.png) no-repeat center center;
	background-size: 100%
}
.slide .carousel-control.right {
	right: 5%;
	width: 30px;
	height: 30px;
	background: url(../images/bnbtnr.png) no-repeat center center;
	background-size: 100%
}
.slide .dotList ul li {
	width: 10px;
	height: 10px;
	cursor: pointer;
	margin-right: 9px;
	margin-left: 9px;
	border: 1px solid #0196da;
	border-radius: 50%;
}
.slide .dotList ul li.active {
	width: 10px;
	height: 10px;
	cursor: pointer;
	margin-right: 9px;
	margin-left: 9px;
	text-decoration: none;
	background-color: rgba(1, 150, 218, 0.8);
	background-color: #0196da \9;
	border-color: #0196da;
	border-radius: 50%;
}
}
.title1 a:hover, .title2 a:hover {
	color: #0196da;
}
.hotbt a:hover {
	color: #333
}
.qc_du img {
	max-width: 100%;
	display: block
}
.ce {
	position: fixed;
	right: 1px;
	top: 10%;
	width: 45px;
	z-index: 999;
}
.ce li {
	height: 45px;
	margin-bottom: 2px;
	transition: 0.5s;
}
.ce li a {
	display: block;
	height: 45px;
}
.ce2 {
	background: #0196da url(../images/ce2.png) no-repeat center center;
}
.ce3 {
	background: #0196da url(../images/ce3.png) no-repeat center center;
}
.ce4 {
	background: #0196da url(../images/ce4.png) no-repeat center center;
}
.ce5 {
	background: #0196da url(../images/ce5.png) no-repeat center center;
}
.ce2 {
	position: relative;
}
.ce2 img {
	max-width: 155px;
}
.weixin {
	position: relative;
	cursor: pointer;
}
.ewm {
	position: absolute;
	top: -999999px;
	max-width: 100px !important;
}
 @media screen and (min-width:768px) {
.weixin:hover .ewm {
	top: 0px;
	right: 72px;
}
}
 @media screen and (min-width:768px) and (max-width:1320px) {
.ce {
	position: fixed;
	right: 1px;
	top: 30%;
	width: 40px;
	z-index: 99;
}
.ce li {
	height: 40px;
	margin-bottom: 2px;
	transition: 0.5s;
	border-radius: 10px;
}
.ce li a {
	display: block;
	height: 40px;
}
}
 @media screen and (max-width:767px) {
.ce {
	bottom: 0;
	top: auto;
	width: 100%;
}
.ce li {
	width: 25%;
	margin: 0;
	float: left;
	border-radius: 0;
}
.cupyright {
	padding-bottom: 80px;
}
.ewm {
	display: none;
	background: #00C;
	top: -100px;
}
.ce li a {
	height: 40px;
}
.ce li {
	height: 40px;
}
}

.catdesc{text-align: left; margin: 0 auto; padding-bottom: 30px; font-size: 16px; font-size: 1.6rem; line-height: 23px;}
.catdesc h1{font-size: 20px; font-size: 2rem;}
.catdesc h2{font-size: 16px;font-size: 1.6rem;}

