@charset "utf-8";

html {font-size: 62.5%;height: 100%}
body {margin: 0 auto; font-family:Verdana;font-size: 12px;font-size: 1.2rem;height: 100%;font-weight: normal;}
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:Verdana, Geneva, sans-serif;font-size: 12px;font-size: 1.2rem;color:#333;border: none;outline: none;}
.fl{ float:left;}
.fr{ float:right;}


::-webkit-input-placeholder {/* WebKit browsers */
 color:#333;}
:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#333;}
::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#333;}
:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#333;}
 
@media screen and (min-width:1220px) {.zong {width: 1200px;margin: auto;}}
@media screen and (min-width:1000px) and (max-width:1219px) {.zong {width: 980px;margin: auto;}}
@media screen and (max-width:999px) {.zong {width: 95%;margin: auto;}}


/*  head  */
.head{ border-bottom: 1px solid #ddd;background:#fff;/* url(../img/hebei.jpg) no-repeat top center; background:rgba(255,255,255,0.78) url(../img/hebei.jpg) no-repeat top center;*/ width:100%; left:0px; top:0px; z-index:999}
.head .zong{ position:relative;}

.logo{ width:178px; float:left; margin-top:19px;}
.logo a{ display:block; text-align:center;}
.logo a img{ width:100%; max-width:178px; max-height:76px;}


/*  sousuo  */
.search{width:31px;z-index:9999; position:absolute;background:none; top:47px; right:100px;}
.sb-icon-search {color: #fff;z-index: 99;width:31px;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: 31px;height: 33px;float: right;display:inline;overflow: hidden;-webkit-transition: width 0s;-moz-transition: width 0s;transition: width 0s;-webkit-backface-visibility: hidden; border-radius:17px; z-index:99; border:none;}
.sb-search-input {position: absolute;top: 0;left:0px;outline: none;width:236px;height: 33px;line-height:33px;padding-left:10px;border:none;margin: 0;z-index: 190;font-family:Arial, Helvetica, sans-serif; color:#333; border-radius:4px; background:none;}
.sb-icon-search,.sb-search-submit{width: 31px;height: 33px;display: block;position: absolute;right: 0px;top:0px;padding: 0;margin: 0;cursor: pointer;background: url(../img/sousuo.png) no-repeat center;border:none;}

.sb-search.sb-search-open,
.no-js .sb-search {width: 236px;height:33px;line-height:33px;position:relative;right:0px;top:0px; z-index: 999999;border-radius:17px; background:#f2f2f2;}
.no-js .sb-search .sb-icon-search {position:absolute;background:url(../img/sousuo.png) no-repeat center;z-index: 15;right:0px;top:0px;}
.no-js .sb-search .sb-search-submit{z-index:91;}


.daohang{ float:right; margin-right:145px; margin-top:28px;}
.daohang>li{float:left; position:relative; z-index:999; margin-left:22px; padding-bottom:17px;}
.daohang>li>a{ display:block; font-size:16px; line-height:67px; background:url(../img/daohang.png) no-repeat center 75px;}
.daohang>li:hover>a{ color:#fa8106; background:url(../img/daohang.png) no-repeat center bottom;}
.dangqiandao{ font-weight:bold; color:#fa8106; background:url(../img/daohang.png) no-repeat center bottom !important;}

.yiji{ width:253px; position:absolute; top:-9999px; left:-30px; background:#fff; background:rgba(255,255,255,0.78); text-align:left; padding-top:8px; padding-bottom:8px; z-index:9999999}
.yiji li{ position:relative; z-index:9999}
.yiji li a{ display:block; font-size:14px; line-height:26px; color:#000; padding:5px 0; padding-left:39px; background:url(../img/xiala.png) no-repeat -18px 12px;}
.yiji li:hover>a{ background:#fa8106 url(../img/xiala.png) no-repeat 8px 12px; color:#fff}
.daohang>li:hover .yiji{ top:84px;}
.erji{ width:183px; position:absolute; top:-9999px; left:253px; background:#fff; background:rgba(255,255,255,0.78); text-align:left; padding-top:8px; padding-bottom:8px; z-index:99999999}
.yiji li:hover .erji{ top:0px;}
.sanji{ width:183px; position:absolute; top:-9999px; left:183px; background:#fff; background:rgba(255,255,255,0.78); text-align:left; padding-top:8px; padding-bottom:8px; z-index:99999999}
.erji li:hover .sanji{ top:0px;}
.yiji .dangqiandao {background: #fa8106 url(../img/xiala.png) no-repeat 8px 12px !important;color: #fff !important;}
/*lun bo*/


@media screen and (min-width:1000px) and (max-width:1219px) {
.daohang>li{ margin-left:32px;}
}
@media screen and (min-width:1000px) {.carousel,.clear2{display: none}}
@media screen and (max-width:999px) {
.clear2{ clear:both;}
.yiji {display: none}
.head{ position:relative;}
.daohang{ float:none; text-align:center; margin-right:auto; margin-top:20px;}
.daohang li{ float:none; display:inline-block; *float:left; margin:0 10px;}
}
@media screen and (max-width:799px) {
.daohang li a{ font-size:14px; font-size:1.4rem; line-height:40px;}

}
@media screen and (min-width:640px) {.container,.nav{ display:none}}
@media screen and (max-width:639px) {
.head{ padding-bottom:15px;}
.search{ right:50px; top:44px;}
.logo{ width:180px}

.container{ width:5px; height:100%;position:absolute; right:0px;transition:all 0.4s ease 0s; z-index:999999; cursor:pointer;}
.menubtn{width: 35px;height: 30px;position: absolute;top:47px;right:10px;transition:all 0.4s ease 0s; z-index:9999}
.menubtn span{display: block;width: 100%;height: 5px;margin-bottom: 5px;background-color: #fa8106;}
.nav{width:250px;height:100%;background:rgba(0,0,0,0.8);position: absolute;bottom: 0;right: 0;display: none;}
.nav ul {display: none; margin-top:10px;}
.nav ul li{line-height: 40px;font-size: 12px; font-size:1.2rem;text-indent: 30px;}
.nav ul li a{ color:#fff;}

.daohang{ display:none}

}

/*  main1  */
@font-face {
    font-family: 'kartikab';
    src: url('../fonts/kartikab.eot');
    src: url('../fonts/kartikab.eot') format('embedded-opentype'),
         url('../fonts/kartikab.woff2') format('woff2'),
         url('../fonts/kartikab.woff') format('woff'),
         url('../fonts/kartikab.ttf') format('truetype'),
         url('../fonts/kartikab.svg#kartikab') format('svg');
}

.main1{ background:#fff; /*url(../img/m1bei.jpg) no-repeat center bottom; */background-attachment:fixed; padding-top:38px; }
.m1biao{ display:block; text-align:center; font-size:30px; font-size:3rem; color:#333333; background:url(../img/m1biao.jpg) no-repeat bottom center;font-family: 'Verdana'; padding-bottom:20px;}
.m1p a{ display:block; font-size:14px; font-size:1.4rem; line-height:30px; color:#545454; text-align:center; margin-top:6px;}
.mal1{ margin-left:16px !important;}
.m1lie{ width:310px; float:left; margin-left:127px; margin-top:33px;}
.m1tu{ display:block; text-align:center;}
.m1tu img{ width:100%; max-width:112px; max-height:112px; -webkit-transition: .6s all;-moz-transition: .6s all;-ms-transition: .6s all;transition: .6s all;}
.m1lie:hover .m1tu img{  -webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}
.m1zi{ display:block; font-size:18px; font-size:1.8rem;  color:#333; text-align:center; background:url(../img/m1biao2.jpg) no-repeat bottom center;font-family: 'Verdana'; padding-bottom:13px; margin-top:26px;}
.m1lie p a{ display:block; font-size:14px; font-size:1.4rem; line-height:24px; color:#545454; text-align:center; margin-top:21px; height:141px; overflow:hidden;}
.main1 a:hover{ color:#fa8106}
@media screen and (min-width:1000px) and (max-width:1219px) {
.m1lie{ width:310px; float:left; margin-left:25px; margin-top:73px;}
.mal1{ margin-left:0px !important;}
}
@media screen and (max-width:999px) {
.main1{padding-top:28px; padding-bottom:20px;}
.m1biao{ font-size:20px; font-size:2rem;}
.m1p a{ font-size:14px; font-size:1.4rem; line-height:24px; margin-top:15px;}
.m1lie{ width:99%; float:left; margin-left:0.5% !important; margin-right:0.5%; margin-top:33px;}
.m1zi{ font-size:16px; font-size:1.6rem;}
.m1lie p a{ font-size:12px; font-size:1.2rem; height:auto;}
}

/*  main2  */
.main2{ background:#f0f0f0; position:relative;}
.m2l{ width:240px; position:absolute; left:50%; margin-left:-458px; top:135px;}
.m2ltu{ display:block; text-align:center;}
.m2ltu img{ width:164px; height:206px;}
.m2l p a{ display:block; font-size:20px; font-size:2rem; line-height:24px; font-weight:bold; color:#898989;font-family: 'kartikab'; background:url(../img/m2lvtiao.jpg) no-repeat left top; padding-top:14px; margin-top:26px;}

.m2r{ width:55.8%; float:right; background:#fafafa url(../img/m2bei.jpg) repeat-y left; padding-top:64px; padding-bottom:58px;}

.img-scroll {position: relative; z-index:9}
.img-scroll .prev, .img-scroll .next {position: absolute;display: block;width:34px;height:81px; top:50%; margin-top:-24px; z-index:99}
.img-scroll .prev {left: 0;cursor: pointer; background:url(../img/m2left.jpg)}
.img-scroll .next {right: 0;cursor: pointer; background:url(../img/m2right.jpg)}
.img-list {position: relative;width: 601px; margin:auto; overflow: hidden; z-index:15}
.img-list ul {width: 10000%;}
.img-list li {float: left;display: inline;width: 1%;margin-right: 10px;}
.m2tu{ background:url(../img/m2yinying.png) no-repeat center bottom; padding-bottom:52px;}
.m2tun{ position:relative;}
.m2tun>a{ display:block; text-align:center; border:5px solid #000000;}
.m2tun>a img{ width:100%; max-width:592px; max-height:365px;}
.m2zi{ background:#fa8106; background:rgba(0,124,191,0.5); position:absolute; width:100%; height:62px; left:0px; bottom:0px; line-height:62px;}
.m2zi a{ display:block; width:96%; margin-left:2%;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; font-size:16px; font-size:1.6rem; color:#fff; text-align:center;}
.m2mor{ display:block; width:160px; height:49px; background:#fff; border:1px solid #fa8106; text-align:center; line-height:49px; font-size:18px; font-size:1.8rem; font-weight:bold; color:#fa8106;font-family: 'kartikab'; margin:auto; margin-top:22px;}
.m2mor:hover{ background:#fa8106; color:#fff;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.m2r{ width:65%;}
}
@media screen and (max-width:999px) {
	.yuyan{display:none;}
.m2r{ width:auto; float:none; background:none;}
.img-list { width:100%; max-width:601px;}
.m2l{ position:relative; left:auto; top:auto; margin:auto; padding-top:30px;}
.img-scroll .prev, .img-scroll .next { margin-top:-80px;}
}
@media screen and (max-width:639px) {
.m2tu{ background:none; padding-bottom:0px;}
}

/*  main3  */
.main3{ padding-top:76px; padding-bottom:43px;}
.m3tu{ width:50%; *width:49%; float:left;}
.m3zi{ width:50%; float:right; /*background:#fa8106;*/}
.m3tu a{ display:block; float:right;}
.m3tu a img{ width:100%; max-width:821px; max-height:684px;}
.m3r{ width:600px; float:left;}
.m3rn{ padding-left:43px;  padding-bottom:65px;}
.m3rn>a{ /*padding-left: 60px;*/display:block; font-size:30px; font-size:3rem; line-height:36px; color:#333333; font-family: 'Verdana';}
.m3zin{ background:url(../img/m3xvxian.jpg) no-repeat 16px 20px; margin-top:45px;}
.m3zin p{ /*margin-left:60px;*/padding-left: 30px; font-size:14px; font-size:1.4rem; line-height:24px; color:#545454; margin-top:10px;}
.m3zin p span{ display: block;float: right;}
.m31{ background:url(../img/m31.jpg) no-repeat 7px;border-bottom: 1px dashed #ddd;}
.m32{ background:url(../img/m32.jpg) no-repeat 7px top;}
.m33{ background:url(../img/m33.jpg) no-repeat 7px top;}
.m34{ background:url(../img/m34.jpg) no-repeat 7px top;}
.m35{ background:url(../img/m35.jpg) no-repeat 7px top;}
.m36{ background:url(../img/m36.jpg) no-repeat 7px top;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.main3{ padding-top:36px;}
.m3r{ width:490px;}
.m3rn{ padding-left:20px; padding-top:23px; padding-bottom:25px;}
.m3tu{ margin-top:50px;}
.m3zin p{ margin-top:9px;}
.m3zin{ margin-top:15px; background:none}
}
@media screen and (max-width:999px) {
.main3{ padding-top:16px;}
.m3tu{ width:100%; float:none;}
.m3tu a{ float:none; text-align:center;}
.m3zi{ width:100%; float:none; /*background:#fa8106;*/ margin-top:20px;}
.m3r{ width:100%; float:none;}
.m3rn{ padding-left:10px; padding-right:10px; padding-top:23px; padding-bottom:25px;}
.m3zin p{ margin-top:9px; padding-left:30px;margin-left:10px;}
.m3zin{ margin-top:15px; background:none}
.m3rn>a{ font-size:20px; font-size:2rem;padding-left:17px;}
}

/*  main4  */
.main4{ background:#f7f7f7; padding-bottom:77px;}
.main4 .zong{ position:relative; padding-top:45px;}
.main4 .zong .titlel{position:absolute;width:24%;height:auto;left:0%;top:20%;}
.main4 .zong .titlel h3{font-size: 36px !important;}
.main4 .zong .titlel p{font-size: 14px !important;display: block;margin-bottom: 30px;font-weight: bold;}
.main4 .zong .titlel a{font-size: 14px;padding:10px;border: 1px solid #ccc;font-weight: normal;background: #fff;color:#000;float: right;}
.main4 .zong .titlel a:hover{font-size: 14px;padding:10px;border: 1px solid #000;background: #fa8106;color:#fff;}

.main4 .zong .titler{position:absolute;width:24%;height:auto;right:0%;top:20%;}
.main4 .zong .titler h3{font-size: 36px !important;}
.main4 .zong .titler p{font-size: 14px !important;display: block;margin-bottom: 30px;font-weight: bold;}
.main4 .zong .titler a{font-size: 14px;padding:10px;border: 1px solid #ccc;font-weight: normal;background: #fff;color:#000;}
.main4 .zong .titler a:hover{font-size: 14px;padding:10px;border: 1px solid #000;background: #fa8106;color:#fff;}

.m4biao{ display:block; padding:0 75px; font-size:30px; font-size:3rem; text-align:center;font-family: 'Verdana';}
.m4mor{ display:block; width:70px; height:24px; border-radius:12px; background:#fa8106; text-align:center; line-height:24px; font-size:14px; font-size:1.4rem; color:#fff; position:absolute; right:0px; top:52px;}
.m4lie{ width:282px; float:left; margin-left:16px; margin-top:50px;}
.m4tu{ display:block; text-align:center;}
.m4tu img{ width:100%; max-height:235px; max-width:364px;min-height:235px; }
.m4tu img:hover{ transform: scale(1.05); transition: all 0.6s; }
.m4zi{ display:block; font-size:16px; font-size:1.6rem; line-height:24px; color:#333; margin-left:7px; height:24px; overflow:hidden; margin-top:10px;}
.m4lie p a{ display:block; margin-left:7px; font-size:14px; font-size:1.4rem; line-height:24px; color:#545454; height:72px; overflow:hidden; margin-top:8px;}
.m4mor2{ display:block; width:93px; height:27px; border:1px solid #fa8106; background:#fff; margin-left:7px; border-radius:14px; text-align:center; line-height:27px; color:#fa8106; margin-top:19px; float:left;}
.m4lie span{ display:block; float:right; background:url(../img/m4shizhong.jpg) no-repeat left center; padding-left:15px; margin-top:26px;}
.m4lie p a:hover{ color:#fa8106;}
.m4mor2:hover{ background:#fa8106; color:#fff;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.m4lie{ width:237px; margin-left:10px;}
}
@media screen and (max-width:999px) {
.m4lie{ width:48%; margin-left:1% !important; margin-right:1%;}

.main4 .zong .titlel{position:absolute;width:200px;height:100px;left:5%;top:2%;}
.main4 .zong .titlel h3{font-size: 18px !important;}
.main4 .zong .titlel p{display: none;}
.main4 .zong .titlel a{font-size: 10px;}
.main4 .zong .titlel a:hover{font-size: 10px;padding:5px;border: 1px solid #000;background: #fa8106;color:#fff;}
.main4 .zong .titler{position:absolute;width:200px;height:100px;right:5%;top:2%;}
.main4 .zong .titler h3{font-size: 18px !important;}
.main4 .zong .titler p{display: none;}
.main4 .zong .titler a{font-size: 10px;}
.main4 .zong .titler a:hover{font-size: 10px;padding:5px;border: 1px solid #000;background: #fa8106;color:#fff;}

}
@media screen and (max-width:529px) {
.main4{ padding-bottom:37px;}
.m4mor{ top:80px;}
.m4biao{ padding:0px; font-size:26px; font-size:2.6rem;}
.m4lie{ width:98%; margin-left:1% !important; margin-right:1%;}
.main4 .zong .titlel{position:absolute;width:200px;height:100px;left:5%;top:2%;}
.main4 .zong .titlel h3{font-size: 18px !important;}
/*.main4 .zong .titlel p{font-size: 14px !important;display: block;margin-bottom: 30px;font-weight: bold;}*/
.main4 .zong .titlel a{font-size: 10px;padding:5px;border: 1px solid #ccc;font-weight: normal;background: #fff;}
.main4 .zong .titlel a:hover{font-size: 10px;padding:5px;border: 1px solid #000;background: #fa8106;color:#fff;}

.main4 .zong .titler{position:absolute;width:200px;height:100px;right:5%;top:2%;}
.main4 .zong .titler h3{font-size: 18px !important;}
/*.main4 .zong .titler p{font-size: 14px !important;display: block;margin-bottom: 30px;font-weight: bold;}*/
.main4 .zong .titler a{font-size: 10px;padding:5px;border: 1px solid #ccc;font-weight: normal;background: #fff;}
.main4 .zong .titler a:hover{font-size: 10px;padding:5px;border: 1px solid #000;background: #fa8106;color:#fff;}

}

/*  foot  */
.foot{ background-color: #333; /*background:url(../img/hebei.jpg) no-repeat center bottom;*/ padding-top:34px; padding-bottom:12px;}
.ful1{ width:220px; float:left;}
.ful2{ width:350px; float:left; margin-left:148px;}
.ful3{ width:350px; float:right;}

.fbiao{ color: #ddd;font-size:18px;/* font-size:2.2rem; font-weight:bold;*/ line-height:36px;font-family: 'Verdana';}
.ful1 ul{ margin-top:12px;}
.ful1 li a{ color: #ddd;display:block; width:110px;/* padding-left:20px;*/  float:left; font-size:14px;  line-height:30px; /*background:url(../img/fquan.jpg) no-repeat left 10px;*/ }

.ful2 ul{ margin-left:4px; margin-top:10px;}
.ful2 ul li{ color: #ddd;/*padding-left:28px;*/ font-size:14px; font-size:1.4rem; line-height:30px;}
.ful2 ul li a{ color: #ddd;}/*
.fs{ background:url(../img/fs.jpg) no-repeat left 6px;}
.fshouji{ background:url(../img/fshouji.jpg) no-repeat left 7px;}
.fdianhua{ background:url(../img/fdianhua.jpg) no-repeat left 5px;}
.fxinfeng{ background:url(../img/fxinfeng.jpg) no-repeat left 9px;}
.fdingwei{ background:url(../img/fdingwei.jpg) no-repeat left 6px;}*/

.flogo{ display:block; margin-top:6px; margin-bottom:16px;}
.flogo img{ width:100%; max-height:79px; max-width:78px;}
.ful3 p{ color: #ddd;font-size:14px; font-size:1.4rem; line-height:30px;}
.ful3 p a{color:#fa8106;}
.shejiao{ margin-top:17px;}
.shejiao a{ display:block; float:left; margin-left:5px; margin-right:11px;}

.youlian{ margin-top:8px;}
.youlian p{ color: #ddd;font-size:16px; font-size:1.6rem; line-height:36px; float:left;}
.youlian a{ color: #ddd;display:block; float:left; font-size:14px; font-size:1.4rem; line-height:36px; margin:0 10px;}

.ful1 li a:hover,.ful2 ul li a:hover,.ful3 p a:hover,.youlian a:hover{ color:#fa8106;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.ful2{ margin-left:28px;}
}
@media screen and (max-width:999px) {
.ful1{ width:46%; float:left;}
.ful2{ width:50%; float:right; margin-left:0px;}
.ful3{ width:100%; float:none;}
}
@media screen and (max-width:639px) {
.youlian{ display:none}
.foot{ padding-bottom:30px;}
}
@media screen and (max-width:509px) {
.ful1{ width:100%; float:none;}
.ful2{ width:100%; float:none; margin-left:0px; margin-top:30px;}
}

/**********************************************************************  product  *********************************************************************/
/*  mianbao  */
.mianbao{ line-height:22px; padding-top:5px; font-size:14px; font-size:1.4rem; color:#333;}
.mianbao a:hover{ color:#fa8106;}
.co02{ color:#fa8106 !important;}
/*  zifenlei  */
.zifenlei {padding: 0.23rem 0;border-top: solid 1px #999;}
.zifenlei ul{background-color: #fff;}
.zifenlei ul li{display: inline-block;padding:0 20px;margin:15px 0px;font-size: 1.8rem;background: url(../img/zifenlei.png) no-repeat center left}
.zifenlei ul li a{}
.zifenlei ul li a:hover{color: #fa8106;border-bottom: solid 1px #fa8106;}
.dangqianfenlei {color: #fa8106;border-bottom: solid 1px #fa8106;}

.prmain{ padding-bottom:27px;}
.prl{ width:260px; float:left;}
.prr{ width:899px; float:right;}
.prrr{ width:1200px; }

@font-face {
    font-family: 'GillSansMTProHeavyItalic';
    src: url('../fonts/GillSansMTProHeavyItalic.eot');
    src: url('../fonts/GillSansMTProHeavyItalic.eot') format('embedded-opentype'),
         url('../fonts/GillSansMTProHeavyItalic.woff2') format('woff2'),
         url('../fonts/GillSansMTProHeavyItalic.woff') format('woff'),
         url('../fonts/GillSansMTProHeavyItalic.ttf') format('truetype'),
         url('../fonts/GillSansMTProHeavyItalic.svg#GillSansMTProHeavyItalic') format('svg');
}

.subNavBox{ margin-top:7px;}
.prltbiao{ display:block; border-top:2px solid #eee; font-size:22px; font-size:2.2rem; color:#333; line-height:42px;font-family: 'Verdana';}
.subNav{border:solid 1px #d2d2d2;cursor:pointer; margin-bottom:9px; font-size:14px; font-size:1.4rem; padding-left:38px; padding-right:13px; background:#eeeeee url(../img/prltjia.png) no-repeat left center;}
.subNav a{ display:block; border-left:1px solid #d2d2d2; line-height:20px; padding:10px 0; padding-left:8px; color:#000;}
.subNav:hover{background:#fa8106 url(../img/prltjiah.png) no-repeat left center; border:1px solid #fa8106;}
.subNav:hover a{color:#fff;}
.currentDd a{color:#fff; border-left:1px solid #fff;}
.currentDt{background:#fa8106 url(../img/prltjiah.png) no-repeat left center; border:1px solid #fa8106;}
.navContent{display: none;border:solid 1px #dcdcdc; margin-bottom:9px; margin-top:-9px; padding-top:5px; padding-bottom:8px;}
.navContent>li a{display:block; font-size:14px; font-size:1.4rem; line-height:36px; background:url(../img/prjian.jpg) no-repeat left 14px; padding-left:47px;}
.navContent>li a:hover{color:#029702;}
.navContent>li{ position:relative;}
.erji3{ position:absolute; left:258px; width:200px; top:-9999px; z-index:9999;  padding-top:4px; padding-bottom:8px; background:#fff; }
.navContent>li:hover .erji3{ top:-10px; }

.prlb{ margin-top:31px;}
.prlbbiao{ display:block; border-top:2px solid #eee; border-bottom:1px solid #eee; margin-bottom:13px; padding-left:7px;}
.prlbbiaon{ display:block; float:left; font-size:22px; font-size:2.2rem; color:#333;  line-height:43px;font-family: 'Verdana';}
.prlbmor{ width:18px; height:18px; float:right; margin-right:4px; margin-top:14px;}
.prlbmor img{ width:18px; height:18px;}
.prlblie{ border-bottom:1px solid #eee; font-family:Verdana, Helvetica, sans-serif; padding-bottom:6px; margin-bottom:6px; padding-left:8px;}
.prlblie span{ display:block; padding-left:23px; background:url(../img/shizhong.jpg) no-repeat left; line-height:24px; }
.prlblie p a{ display:block; font-size:14px; font-size:1.4rem; line-height:24px;}
.prlb a:hover{color:#fa8106;}

.chanlie{ width:390px; float:left; margin-left:5px; margin-right:5px; margin-top:5px; margin-bottom:33px;}
.chanlien{ max-width:445px; margin:auto; border:2px solid #c9c9c9; z-index:9; overflow:hidden; transition:0.5s;}
.chantu{ position:relative; z-index:9; overflow:hidden;}
.chantun{ display:block;}
.chantun img{ width:100%; max-width:445px; max-height:376px;min-height:376px;}
.chanfu{ position:absolute; width:100%; height:100%; left:0px; top:100%; transition:0.5s; z-index:15; background:#000; background:rgba(0,0,0,0.5);}
.chanmor{ display:block; width:92px; height:30px; background:#fa8106; border-radius:16px; position:absolute; left:50%; margin-left:-55px; top:50%; margin-top:-15px; text-align:center; line-height:32px; font-size:12px; font-size:1.2rem; color:#fff;}
.chanin{ display:block; font-size:14px; font-size:1.4rem; position:absolute; color:#fff; border-bottom:1px solid #fff; left:50%; margin-left:-50px; top:50%; margin-top:28px;}
.chanzi{ height:40px; background:#c9c9c9; line-height:40px; position:relative; transition:0.5s;}
.chanzi input{ position:absolute; left:3px; top:50%; margin-top:-7px;}
.chanzi a{ display:block; font-size:14px; font-size:1.4rem; padding:0 23px; text-align:center;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.chanlie:hover .chanlien{ border:2px solid #fa8106;}
.chanlie:hover .chanzi{ background:#fa8106;}
.chanlie:hover .chanzi a{ color:#fff;}
.chanlie:hover .chanfu{ top:0px;}

.fenye{}
.fenyen{ float:left; margin-top:35px;}
.fenyen a{ display:inline-block; width:25px; height:25px; text-align:center; line-height:23px; border-radius:50%; background:#333; margin:0 5px 0 6px; font-size:14px; font-size:1.4rem; font-family:Verdana, Geneva, sans-serif; margin-bottom:10px; color:#fff;}
.sx{ width:auto !important; background:none !important; font-size:12px !important; font-size:1.2rem !important; color:#333 !important;}
.fenyen a:hover{ background:#fa8106; color:#fff;}
.sx:hover{ color:#fa8106 !important;}
.fenyen a.no,.fenyen a.no:hover{ color:#333 !important;}
.dangqianfen{ background:#fa8106 !important; color:#fff !important;}
.fuxuan{ background:url(../img/fuxuan.jpg) no-repeat left center; padding-left:30px; float:right; font-size:16px; font-size:1.6rem; color:#4b4b4b; margin-top:29px;}
.fuxuan input{ width:102px; height:32px; background:#fa8106; border:none; color:#fff; margin-left:13px; cursor:pointer; font-size:14px; font-size:1.4rem;}
.fuxuan11{width:152px; height:32px; background:#fa8106; border:none; color:#fff; margin-left:13px; cursor:pointer; font-size:14px; font-size:1.4rem; display:block; line-height:32px; text-align:center; float:left;} 
.fuxuan input:hover,.fuxuan11:hover{ background:#333;}

@media screen and (min-width:1000px) and (max-width:1219px) {
.prl{ width:260px; float:left; margin-top:9px;}
.prr{ width:706px; float:right;}
.prrr{ width:100%; }
.chanlie{ width:228px; float:left; margin-left:10px; margin-top:16px; margin-bottom:22px;}
.chantun img{ width:100%; max-width:445px; max-height:276px;min-height:276px;}
}
@media screen and (max-width:999px) {
.prl{ width:35%; float:left; margin-top:9px;}
.prr{ width:62%; float:right;}
.prrr{ width:100%; }
.chanlie{ width:48%; margin-left:1% !important; margin-right:1%; margin-top:13px; margin-bottom:10px;}
.chanlien{}
.prltbiao{ font-size:18px; font-size:1.8rem;}
.prlbbiaon{ font-size:20px; font-size:2rem;}

.chanfu{ position:relative; padding:10px; top:auto; left:auto; width:auto; height:auto; background:none;}
.chanmor{ color:#fff; position:relative; left:auto; top:auto; margin:auto;}
.chanin{ position:relative; left:auto; top:auto; margin:auto; border:none; color:#333; text-align:center; margin-top:10px;}
.chanlie:hover .chanfu{height:auto;}
.chanlie:hover .chana{ top:auto; margin-top:auto;}
.chanlie:hover .chanmor{ top:auto; margin-top:auto;}
.fenyen{ float:none;}
.fuxuan{ float:none; margin-top:10px;}
.chantun img{ width:100%; max-width:445px; max-height:276px;min-height:276px;}
}
@media screen and (max-width:639px) {
.prmain{ padding-bottom:4px;}
.prl{ width:100%; float:none; margin-top:29px;}
.prr{ width:100%; float:none;}
.prrr{ width:100%; float:none;}
.chantun img{ width:100%; max-width:445px; max-height:176px;min-height:176px;}
}
@media screen and (max-width:369px) {
.chanlie{ width:98%;}
}

/*************************************************************************  product2  *****************************************************************/
.prmain2{ padding-bottom:16px;}

#tsShopContainer li,#tsShopContainer img{vertical-align:top;}
#tsShopContainer{width:449px;position:relative; float:left; margin-top:6px;}
#tsShopContainer #tsImgS{text-align:center;width:100%;position:relative;}
#tsShopContainer #tsImgS a{display:block;text-align:center;margin:0px auto; padding:2px; background:url(../img/wangge.jpg);}
#tsShopContainer #tsImgS img{border:0px;}
#tsShopContainer #tsPicContainer{width:100%;height:69px;position:relative; margin-top:15px;}
#tsShopContainer #tsPicContainer #tsImgSArrL{width:24px;height:24px;background:url(../img/prleft.jpg) no-repeat left center;position:absolute;top:21px;left:0px;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSArrR{width:24px;height:24px;background:url(../img/prright.jpg) no-repeat right center;position:absolute;top:21px;right:0px;cursor:pointer;} 
#tsShopContainer #tsPicContainer #tsImgSCon{position:absolute;left:46px;width:1px;height:69px;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon li{width:125px;float:left;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon li a{ display:block; width:109px;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{border:2px solid #ebebeb;display:block;width:105px;height:65px;}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img{border:2px solid #fa8106;}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg a{ background:url(../img/zhizhen.jpg) no-repeat 37px top;}

.MagicZoomBigImageCont{border:1px solid #ccc;background:#FFF;}
.MagicZoomPup{border:0px solid #aaa;background:#ffffff;}
.MagicZoomMain{text-align:center !important;width: 92px;}

.jianjie{ width:418px; float:right;}
.jianjie h1{ font-size:24px; font-size:2.4rem; color:#222; line-height:30px; margin-top:2px;}
.jianjie ul{font-size:14px; font-size:1.4rem; line-height:24px; margin-top:13px; color:#000000;}
.jianjiea{ display:block; font-size:16px; font-size:1.6rem; line-height:24px; font-weight:bold;}

.jielie{ width:70px; float:left; text-align:center; margin-left:17px; margin-top:48px;}
.jielie a{ display:block; text-align:center;}
.jielie a img{ width:46px; height:34px;}
.jielie p{ margin-top:8px; font-size:14px; font-size:1.4rem; line-height:20px; height:40px;}

.inno{ margin-top:22px;}
.inno a{ display:block; width:136px; height:34px; border:1px solid #fa8106; float:left; text-align:center; line-height:31px; color:#fa8106; font-size:14px; font-size:1.4rem; margin-right:22px;}
.inno a:hover{ background:#fa8106; color:#fff}

.share{ margin-top:25px; float:left;}
.share span{ display:block; float:left; font-size:14px; font-size:1.4rem; line-height:26px; color:#0093d8;}
.share a{ display:block; float:left; margin-left:6px;}

.chanxbiao{ margin-top:41px;border-bottom: 1px solid #ccc;}
.chanxbiao span{  border-bottom: 2px solid #4d9058;font-size:18px; font-size:1.8rem; color:#4d9058; font-family: 'Verdana';}
.chanxiang{font-size:14px; font-size:1.4rem; line-height:26px; padding-top:29px;}
.chanxiang img{ max-width:100%;}
.chanxianga{ display:block; font-size:20px; font-size:2rem; font-weight:bold; margin-bottom:9px;}
.chanxiang table td{}
.chanxiang table,.nex table{ width:97%; border-collapse:collapse; line-height:24px; word-break:break-all;}
.chanxiang tr td,.nex tr td{ line-height:24px; padding:2px;}
.chanxiang a,.nex a{ color:#fa8106;}
.img-scroll2 {position: relative; z-index:9}
.renav{ width:65px; height:28px; position:absolute; right:6px; top:-33px; z-index:99}
.img-scroll2 .prev2, .img-scroll2 .next2 {position: absolute;display: block;width: 27px;height: 27px;}
.img-scroll2 .prev2 {left: 0;cursor: pointer; background:url(../img/releft.jpg)}
.img-scroll2 .next2 {right: 0;cursor: pointer; background:url(../img/reright.jpg)}
.img-scroll2 .prev2:hover { background:url(../img/relefth.jpg)}
.img-scroll2 .next2:hover { background:url(../img/rerighth.jpg)}
.img-list2 {position: relative;width: 100%;overflow: hidden; z-index:15}
.img-list2 ul {width: 9999px;}
.img-list2 li {float: left;display: inline;width: 283px;margin-right: 25px; margin-top:29px;}
.img-list2 li .chanlie{ margin-left:auto; width:100%; margin-bottom:auto;}
.img-list2 li .chanzi{ line-height:38px; height:38px;}

@media screen and (min-width:1000px) and (max-width:1219px){
#tsShopContainer{ float:none; margin:auto;}
.MagicZoomBigImageCont,.MagicZoomPup{ display:none !important;}
.jianjie{ width:100%; float:none; padding-top:10px;}
.jianjie h1{ margin-top:20px; background-position:bottom center;}
.inno{ text-align:center; margin-top:20px;}
.inno a{ float:none; display:inline-block; *float:left;}
.img-list2 li {width: 227px;margin-right: 10px;}
}
@media screen and (min-width:1000px){
.chanx{ display:none}
}
@media screen and (max-width:999px){
#tsShopContainer{ display:none}
.chanx{ width:100%;}
.chanx a{ display:block; width:48%; margin-left:1%; margin-right:1%; float:left; margin-top:18px;}
.chanx a img{ width:100%; max-width:445px; max-height:276px; border:1px solid #ddd}
.jianjie{ width:100%; float:none; margin-top:20px;}

.jianjie h1{ margin-top:10px;}
.jielie{ margin-left:5px;}
.inno{ text-align:center; margin-top:20px;}
.inno a{ float:none; display:inline-block; *float:left; margin:0 3px; width:100px; font-size:14px; font-size:1.4rem;}
.img-list2 ul {width: 10000%;}
.img-list2 li {width: 0.49%;margin-right: 0.01%;}
}
@media screen and (max-width:409px){
.chanx a{ width:97%;}
.relie{ width:98%;}
.img-list2 li {width: 1%;margin-right: 0.01%;}
.renav{ top:8px;}
}

/*********************************************************************  news  **********************************************************************/
.nemain{ padding-bottom:58px;}
@font-face {
    font-family: 'kalinga';
    src: url('..//kalinga.eot');
    src: url('../fonts/kalinga.eot') format('embedded-opentype'),
         url('../fonts/kalinga.woff2') format('woff2'),
         url('../fonts/kalinga.woff') format('woff'),
         url('../fonts/kalinga.ttf') format('truetype'),
         url('../fonts/kalinga.svg#kalinga') format('svg');
}

.nelie{ position:relative; min-height:235px; margin-top:6px; margin-bottom:36px;}
.netu{ width:364px; position:absolute; left:0px; top:1px;}
.netu a{ display:block; text-align:center;}
.netu a img{ width:100%; max-width:364px; max-height:235px;}
.nezi{ margin-left:388px;}
.nebiao{ display:block; font-size:20px; font-size:2rem; line-height:34px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.nezi p a{ display:block; font-size:16px; font-size:1.6rem; line-height:24px; color:#999999; margin-top:13px; height:72px; overflow:hidden; margin-left:2px;}
.nemor{ display:block; width:108px; height:30px; border:1px solid #fa8106; color:#fa8106; text-align:center; line-height:30px; float:left; border-radius:15px; font-size:14px; font-size:1.4rem; margin-top:68px; margin-left:2px;}
.nezi span{ float:right; display:block; font-size:14px; font-size:1.4rem; line-height:24px; background:url(../img/neshizhong.jpg) no-repeat left center; padding-left:21px; margin-top:69px;}
.nebiao:hover,.nezi p a:hover{ color:#fa8106;}
.nemor:hover{ background:#fa8106; color:#fff;}

.jvzhong{ float:none; text-align:center; padding-top:52px;}
.jvzhong a{ float:none; display:inline-block; *float:left;}

.hotmain{ background:#f5f7f9; padding-top:39px; padding-bottom:66px;}
.hotbiao{ display:block; font-size:30px; font-size:3rem;  color:#fa8106; line-height:40px;font-family: 'Verdana';}
.img-scroll3 {position: relative; z-index:9}
.hotnav{ width:65px; height:28px; position:absolute; right:0px; top:-1px; z-index:99}
.img-scroll3 .prev3, .img-scroll3 .next3 {position: absolute;display: block;width: 28px;height: 28px;}
.img-scroll3 .prev3 {left: 0;cursor: pointer; background:url(../img/hotleft.jpg)}
.img-scroll3 .next3 {right: 0;cursor: pointer; background:url(../img/hotright.jpg)}
.img-scroll3 .prev3:hover { background:url(../img/hotlefth.jpg)}
.img-scroll3 .next3:hover { background:url(../img/hotrighth.jpg)}
.img-list3 {position: relative;width: 100%;overflow: hidden; z-index:15}
.img-list3 ul {width: 9999px;}
.img-list3 li {float: left;display: inline;width: 377px;margin-right: 34px; margin-top:38px;}
.img-list3 li .chanlie{ margin-left:auto; width:100%; margin-bottom:auto;}
.img-list3 li .chanzi{ line-height:50px; height:50px;}
.img-list3 li .chanzi a{ font-size:16px !important; font-size:1.6rem !important;}
.img-list3 li .chanmor{ width:123px; height:40px; margin-left:-61px; line-height:40px; border-radius:20px; margin-top:-20px;}

@media screen and (min-width:1000px) and (max-width:1219px){
.img-list3 li {width: 320px;margin-right: 10px;}
}
@media screen and (max-width:999px){
.nebiao{ font-size:16px; font-size:1.6rem;}
.nezi p a{ font-size:14px; font-size:1.4rem;}
.img-list3 ul {width: 10000%;}
.img-list3 li {width: 0.32333%;margin-right: 0.013%;}
.img-list3 li .chanmor{ margin:auto;}
}
@media screen and (max-width:739px){
.netu{ position:relative; left:auto; top:auto; margin:auto; width:auto;}
.nezi{ margin-left:auto; margin-top:30px;}
.nezi p a{ height:auto;}
.nemor{ margin-top:20px;}
.nezi span{ margin-top:20px;}
.img-list3 li {width: 0.49%;margin-right: 0.015%;}
}
@media screen and (max-width:439px){
.hotnav{ top:40px;}
.img-list3 li {width: 1%;margin-right: 0.015%;}
}

/***************************************************************  news2  *********************************************************************/
.nemain2{ padding-top:29px; padding-bottom:49px;}
.nemain2 h1{ font-size:30px; font-size:3rem; line-height:30px; text-align:center;}
.riqi{ display:block; width:100px; margin:auto; padding-left:21px; background:url(../img/neshizhong.jpg) no-repeat left center; font-size:14px; font-size:1.4rem; line-height:30px; margin-top:4px;}

.img-scroll4 {position: relative;width:795px; margin:auto; margin-top:60px; z-index:1}
.img-scroll4 .prev4, .img-scroll4 .next4 {position: absolute;display: block;width: 40px;height: 54px; z-index:9; top:50%; margin-top:-30px;}
.img-scroll4 .prev4 {left: 0;cursor: pointer; background:url(../img/neleft.jpg)}
.img-scroll4 .next4 {right: 0;cursor: pointer; background:url(../img/neright.jpg)}
.img-list4 {position: relative; max-width: 594px; margin:auto;overflow: hidden; z-index:5}
.img-list4 ul {width: 10000%;}
.img-list4 li {float: left;display: inline;width: 1%;margin-right: 10px; position:relative;}
.nextu{ display:block; width:100%;}
.nextu img{ width:100%; max-width:594px; max-height:383px; display:block;}
.nexzi{ position:absolute; width:100%; left:auto; bottom:0px; background:#000; background:rgba(0,0,0,0.5);}
.nexzi a{ display:block; font-size:14px; font-size:1.4rem; color:#fff; line-height:20px; padding:15px 17px;}

.nex{ font-size:14px; font-size:1.4rem; line-height:24px; color:#999999; padding-top:34px; margin-top:15px;}
.nex p,.nex span{ color:#333;overflow: hidden;}
.nex a{ color:#fa8106;}
.nex img{ max-width:100%;}
.fanpian{ border-top:1px solid #d6d6d6; padding-top:21px; margin-top:75px;}
.fanpian li{ line-height:30px; position:relative;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; padding-left:102px; margin-top:14px; font-size:16px; font-size:1.6rem;}
.fanpian li span{ display:block; width:84px; height:28px; line-height:28px; border:1px solid #696969; text-align:center; position:absolute; left:0px; top:0px; font-size:14px; font-size:1.4rem;}
.fanpian li a:hover{ color:#fa8106;}

@media screen and (max-width:839px){
.img-scroll4 { width:auto; padding-bottom:60px;}
.nexzi a{ font-size:12px; font-size:1.2rem;}
.img-scroll4 .prev4, .img-scroll4 .next4 { top:auto; bottom:0px;}
.img-scroll4 .prev4 {left:50%; margin-left:-45px;}
.img-scroll4 .next4 {right:50%; margin-right:-45px;}
}

/****************************************************************  about  ********************************************************/
@font-face {
    font-family: 'GillSansMTStdBold';
    src: url('../fonts/GillSansMTStdBold.eot');
    src: url('../fonts/GillSansMTStdBold.eot') format('embedded-opentype'),
         url('../fonts/GillSansMTStdBold.woff2') format('woff2'),
         url('../fonts/GillSansMTStdBold.woff') format('woff'),
         url('../fonts/GillSansMTStdBold.ttf') format('truetype'),
         url('../fonts/GillSansMTStdBold.svg#GillSansMTStdBold') format('svg');
}
.ab1{}
.abshipin{ width:636px; float:right; margin-top:9px;}
.abshipin a{ display:block; text-align:center;}
.abshipin video{  width:100%; height:372px;}
.abshipin a img{ width:100%; max-width:636px; max-height:372px;}
.ab1zi{ width:530px; float:left; margin-top:41px;}
.ab1biao{ display:block; background:url(../img/abbiao.jpg) no-repeat 5px bottom; font-size:36px; font-size:3.6rem; text-transform:uppercase; line-height:40px;font-family: 'GillSansMTStdBold'; padding-bottom:15px;}
.ab1a{ display:block; font-size:30px; font-size:3rem; text-transform:uppercase; color:#007abe; font-family: 'GillSansMTStdBold'; margin-top:37px;}
.ab1zi p{ font-size:16px; font-size:1.6rem; line-height:26px; margin-left:5px; margin-top:18px;}
.ab1mor{ background:url(../img/abjian.jpg) no-repeat right center; width:142px; padding-right:48px; margin-top:26px;}
.ab1mor a{ display:block; width:140px; height:47px; border:1px solid #007abe; text-align:center; line-height:47px; font-size:16px; font-size:1.6rem; text-transform:uppercase; color:#007abe;}
.ab1mor a:hover{ background:#007abe; color:#fff;}

.ab2{ padding-top:70px;}
.ab2biao{ display:block; background:url(../img/abxian.jpg) no-repeat center; text-align:center; font-size:30px; font-size:3rem; text-transform:uppercase; color:#007abe; font-family: 'GillSansMTStdBold';}
.ab2n{}
.ab2n p{ font-size:14px; font-size:1.4rem; line-height:24px; padding-left:31px; background:url(../img/abfang.jpg) no-repeat left 5px; margin-top:20px;}
.ab2n a{ display:block; font-size:16px; font-size:1.6rem; font-weight:bold; color:#007abe; line-height:24px; margin-top:16px;}
.ab2n ul{ margin-top:10px; margin-bottom:33px;}
.ab2n ul li{ font-size:14px; font-size:1.4rem; line-height:30px;}

.ab3{ background:url(../img/ab3bei.jpg) no-repeat center; margin-top:50px;}
.ab3n{ height:360px; vertical-align: middle; display: table-cell;}
.ab3n a{ display:block; font-size:36px; font-size:3.6rem; text-transform:uppercase; color:#eeeeee; line-height:40px; font-family: 'GillSansMTStdBold';}
.ab3n p{ padding-right:360px; font-size:16px; font-size:1.6rem; color:#fff; line-height:24px; margin-top:18px;}

.ab4{ padding-top:61px; padding-bottom:24px;}
.ab4 p{ font-size:14px; font-size:1.4rem; line-height:26px; margin-top:26px;}
.ablie{ width:373px; float:left; margin-left:40px; margin-top:42px;}
.ablie p{ margin-top:20px; height:52px; font-size:16px; font-size:1.6rem; color:#007abe;}
.ablie a{ display:block; text-align:center;}
.ablie a img{ width:100%; max-width:373px; max-height:253px;}


@media screen and (min-width:1000px) and (max-width:1219px){
.abshipin{ width:536px; margin-top:19px;}
.ab1zi{ width:430px; margin-top:10px;}
.ablie{ width:320px; float:left; margin-left:10px; margin-top:39px;}
}
@media screen and (max-width:999px){
.abshipin{ width:100%; float:none; text-align:center; margin-top:19px;}
.ab1zi{ width:100%; float:none; margin-top:20px;}
.ab1biao{ font-size:30px; font-size:3rem;}
.ab1a{ font-size:20px; font-size:2rem; margin-top:15px;}
.ab2{ padding-top:30px;}
.ab3n p{ padding-right:0px;}

.ablie{ width:49%; float:left; margin-left:0.5% !important; margin-right:0.5%; margin-top:39px;}
.ab4 p{ font-size:12px; font-size:1.2rem;}
.ab4{ padding-top:24px; padding-bottom:31px;}
}
@media screen and (max-width:609px){
.ablie{ width:99%;}
.ablie p{ height:auto;}
}
@media screen and (max-width:489px){
.ab4lie{ width:99%; padding-top:30px;}
}

/****************************************************************  Quily  ********************************************************/
.qu1{ padding-top:52px;}
.qulogo{ display:block; text-align:center; margin-bottom:42px;}
.qulogo img{ width:100%; max-width:227px; max-height:31px;}
.qu1 p{ font-size:16px; font-size:1.6rem; line-height:30px; margin-top:30px;}

#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)}}

.qu2{ background:url(../img/qu2bei.jpg) no-repeat center bottom; padding-top:40px; padding-bottom:40px; margin-top:93px;}
.abbiao2{ display:block; font-size:30px; font-size:3rem; text-transform:uppercase; color:#fff; margin-left:10px; font-family: 'GillSansMTStdBold';}
.img-scroll5 { position:relative; z-index:9}
.abnav{ width:65px; height:28px; position:absolute; right:2px; top:6px; z-index:999}
.img-scroll5 .prev5,.img-scroll5 .next5{position:absolute;display:block;width:28px;height:28px; z-index:9999}
.img-scroll5 .prev5 { left:0;cursor:pointer; background:url(../img/quleft.png)}
.img-scroll5 .next5 { right:0;cursor:pointer; background:url(../img/quright.png)}
.img-scroll5 .prev5:hover { left:0;cursor:pointer; background:url(../img/qulefth.png)}
.img-scroll5 .next5:hover { right:0;cursor:pointer; background:url(../img/qurighth.png)}
.img-list5 { position:relative; width:auto; margin-left:7px; margin-right:4px; overflow:hidden; z-index:99}
.img-list5 ul { width:9999px;}
.img-list5 li { float:left; display:inline; width:246px; margin-right:67px; background:url(../img/muban.jpg) no-repeat center top; margin-top:44px;}
.zhengshu{ margin:5px; position:relative; overflow:hidden; z-index:9}
.zhengtu{}
.zhengtu img{ width:100%; max-width:236px; max-height:324px;}
.zhengfu{ background:#000; background:rgba(0,0,0,0.6); position:absolute; width:100%; height:100%; top:100%; left:0px; transition:0.5s;}
.fangda2{ display:block; position:absolute; width:100%; height:100%; z-index:99}
.fangda2 img{ width:32px; height:32px; position:absolute; left:50%; margin-left:-16px; top:50%; margin-top:-49px;}
.zhengfu p{ position:absolute; width:80%; left:10%; text-align:center; font-size:16px; font-size:1.6rem;  line-height:30px; color:#fff; top:50%; z-index:10; margin-top:-2px;}
.img-list5 li:hover .zhengfu{ top:0px;}

.qu3{ background:url(../img/qu3bei.jpg) no-repeat center top; background-attachment:fixed; padding-top:90px; padding-bottom:126px;}
.qu3biao{ display:block; text-align:center; font-size:30px; font-size:3rem; text-transform:uppercase; color:#0076bc; font-family: 'GillSansMTStdBold'; margin-bottom:17px;}
.qu3lie{ width:369px; float:left; margin-left:34px; position:relative; margin-top:36px; overflow:hidden;}
.qu3tu{ display:block; text-align:center;}
.qu3tu img{ width:100%; max-width:369px; max-height:252px;}
.qu3zi{ width:100%; height:100%; position:absolute; top:100%; transition:0.5s; left:0px; background:#000; background:rgba(0,0,0,0.8);}
.qu3zi a{ display:block; position:absolute; width:96%; left:2%; font-size:16px; font-size:1.6rem; line-height:30px; color:#fff; text-align:center; height:60px; top:50%; margin-top:-30px;}
.qu3lie:hover .qu3zi{ top:0px;}

.qu4{ background:url(../img/qu4bei.jpg) no-repeat center; background-attachment:fixed; padding-top:67px; padding-bottom:69px;}
.qu4tu{ display:block; text-align:center; margin-top:71px;}
.qu4tu img{ width:100%; max-width:468px; max-height:935px;}

@media screen and (min-width:1000px) and (max-width:1219px){
.img-list5 li { width:246px; margin-right:110px;}
.qu3lie{ width:320px; margin-left:10px;}
}
@media screen and (max-width:999px){
.img-list5 ul { width:1000%;}
.img-list5 li { width:2.4%; margin-right:0.1%; background:none}
.zhengshu{ margin:auto;}
.zhengfu{ top:0px;}
.zhengfu p{ font-size:12px; font-size:1.2rem; line-height:20px;}
.qu3{ padding-top:30px; padding-bottom:36px;}
.qu3biao{ font-size:20px; font-size:2rem; margin-bottom:auto;}
.qu3lie{ width:32.333%; margin-left:0.5% !important; margin-right:0.5%;}
.qu3zi{ position:relative; left:auto; top:auto; background:none; height:auto;}
.qu3zi a{ position:relative; left:auto; top:auto; margin:auto; color:#333; margin-top:10px; width:auto; font-size:14px; font-size:1.4rem; line-height:20px; height:40px;}
.qu4{ padding-top:37px; padding-bottom:39px;}
.qu4tu{ margin-top:15px;}
}
@media screen and (max-width:729px){
.img-list5 li { width:3.2333%; margin-right:0.1%;}
}
@media screen and (max-width:529px){
.img-list5 li { width:4.9%; margin-right:0.1%;}
.zhengfu p{ width:96%; left:2%;}
.qu3lie{ width:49%;}
.qu3zi a{ font-size:12px; font-size:1.2rem;}
}

/***********************************************************************************  exhibition  *******************************************************************/
.exmain{ padding-bottom:28px;}
.exlie{ width:580px; margin-top:7px; margin-bottom:32px;}
.ext{ position:relative; background:#a0a0a0; padding:5px; transition:0.5s;}
.extu{ display:block; text-align:center;}
.extu img{ width:100%; max-width:570px; max-height:266px;}
.exzi{ display:block; padding-left:22px; font-size:16px; font-size:1.6rem; color:#000000; line-height:30px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; padding-top:7px; padding-bottom:8px;}
.ext span{ position:absolute; width:197px; height:38px; border-radius:5px; background:#007bbe; padding-left:13px; line-height:38px; left:29px; top:37px; font-size:16px; font-size:1.6rem; color:#fff; font-family:Arial, Helvetica, sans-serif; display:none}
.ext:hover{ background:#007bbe;}
.ext:hover .exzi{ color:#fff;}
.ext:hover span{ display:block}
.exriqi{ font-size:14px; font-size:1.4rem; line-height:20px; padding:14px 30px 15px 65px; background:#f4f4f4 url(../img/exrili.jpg) no-repeat 19px 13px;}
.exdingwei{ font-size:14px; font-size:1.4rem; line-height:20px; padding:12px 30px 19px 65px; background:#f4f4f4 url(../img/exdingwei.jpg) no-repeat 19px 13px; margin-top:12px;}
.exdingwei a{ display:block; height:40px; overflow:hidden; font-family:Verdana, Geneva, sans-serif;}
.mat2{ margin-top:0px; padding-top:43px;}
@media screen and (min-width:1000px) and (max-width:1219px){
.exlie{ width:480px;}
}
@media screen and (max-width:999px){
.exlie{ width:49%;}
.ext span{ display:block;}
}
@media screen and (max-width:769px){
.exlie{ width:100%; float:none; max-width:570px; margin:auto; margin-top:20px;}
.exzi{ padding-left:0px;font-size:14px; font-size:1.4rem;}
.exriqi{ padding:14px 10px 15px 35px; background:#f4f4f4 url(../img/exrili.jpg) no-repeat 5px 13px;}
.exdingwei{ padding:12px 10px 19px 35px; background:#f4f4f4 url(../img/exdingwei.jpg) no-repeat 5px 13px;}
.ext span{ left:19px; top:17px;}
}

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

.comain{padding-top:23px; background:url(../img/quanqiu.png) no-repeat top center; padding-bottom:35px;} 
.con{ margin:auto;}
.colie{ float:left; text-align:center; margin-top:44px;}
.codianhua{ width:170px; float:left;}
.coshouji{ width:180px; float:left; margin-left:62px;}
.coxinfeng{ width:185px; float:left; margin-left:54px;}
.cochuanzhen{ width:170px; float:left; margin-left:62px;}
.codingwei{ width:266px; float:right;}
.cotu{ display:block;}
.cotu img{ width:79px; height:79px;}
.colie p{ font-size:16px; font-size:1.6rem; line-height:28px; color:#fa8106; text-transform:uppercase; margin-top:14px;}
.colie li{ font-size:16px; font-size:1.6rem; line-height:28px; height:112px; overflow:hidden;}
.colie li a:hover{ color:#fa8106;}
.codingwei li{ font-size:14px; font-size:1.4rem; line-height:30px; text-align:left}

.cubiao{ margin-bottom:43px; text-align:center; margin-top:19px;}
.cubiao a{ display:block; font-size:36px; font-size:3.6rem; line-height:22px;}
.cubiao p{ font-size:14px; font-size:1.4rem; line-height:30px; color:#4d4d4d; padding-top:33px; margin:auto;}

.cuxin{ width:1004px; margin:auto;}
.xinl{ width:493px; float:left;}
.cuxin .int1{ padding-left:15px; margin-top:19px;}
.cuxin .xing{ background:url(../img/xing.jpg) no-repeat left 22px;}
.cuxin .int1 input{ width:464px; height:50px; border:1px solid #a0a0a0; padding-left:11px; font-size:14px; font-size:1.4rem; line-height:50px; background:none;}
.cuxin .int2{padding-left:15px; margin-top:19px;width:478px; float:right;}
.cuxin .int3{padding-left:15px; margin-top:16px;}
.cuxin textarea{ width:465px; height:197px; border:1px solid #a0a0a0; padding-left:11px; font-size:14px; font-size:1.4rem; line-height:46px;background:none;}
.cuxin .int4{width:213px; height:50px; border:1px solid #a0a0a0; padding-left:11px; font-size:14px; font-size:1.4rem; line-height:50px; float:left; background:none;}
.cuxin .cuyanzheng{ width:226px; height:54px; float:left; margin-left:25px; cursor:pointer;}
.cuxin .int5{ width:478px; height:54px; border:none; background:#1ebdf1; float:right; cursor:pointer; font-size:14px; font-size:1.4rem; text-transform:uppercase; color:#fff;}
.cuxin .int5:hover{ background:#0ea4d5;}
.ditu{ display:block; margin:auto; border:1px solid #a0a0a0; max-width:985px; margin-left:113px; margin-top:49px;}
.ditu img{ width:100%; max-width:985px; max-height:372px;}


@media screen and (min-width:1000px) and (max-width:1219px){
.cuxin{ width:auto;}
.cuxin .int2{padding-left:15px; margin-top:19px;width:413px; float:right;}
.cuxin textarea{ width:400px;}
.cuxin .int4{width:220px;}
.cuxin .int5{ width:410px;}
.ditu{ margin-left:auto;width:100%; height:auto;}
.cubiao p{ width:auto;}
.codianhua{ width:170px; float:left;}
.coshouji{ width:170px; float:left; margin-left:10px;}
.coxinfeng{ width:180px; float:left; margin-left:10px;}
.cochuanzhen{ width:170px; float:left; margin-left:10px;}
.codingwei{ width:256px; float:right;}
.colie li{ font-size:14px; font-size:1.4rem;}
}
@media screen and (max-width:999px){
.comain{ background-attachment:fixed;}
.con{ width:auto; margin:auto;}
.cubiao p{ width:auto;}
.colie{ width:33.333% !important; margin-left:auto; float:left; margin-top:auto;}
.colie li{ font-size:12px; font-size:1.2rem; text-align:center}
.cotr{ width:100%;}
.cotr ul{ float:left; margin-left:15px;}

.cuxin{ width:auto; margin-top:30px;}
.xinl{ width:100%; float:none;}
.cuxin .int2{width:auto; float:none;}
.cuxin .int1 input{ width:95%;}
.cuxin textarea{ width:95%;}
.cuxin .int4{width:25%;}
.cuxin .int5{ width:25%; float:left; margin-left:10px;}
.ditu{ margin-left:auto;width:100%; height:auto; max-width:1181px; max-height:512px;}
}
@media screen and (max-width:639px){
.xinl{ width:100%;}
.xinr{ width:100%;}
.cuxin .int1 input{ width:90%;}
.cuxin textarea{ width:90%;}
.cuxin .int4{width:25%;}
.colie{ width:50% !important;}

.cuxin .cuyanzheng{ float:left; margin-left:10px;}
.cuxin .int5{ width:93%; margin-top:20px; margin-left:auto;}
.ditu{ margin-left:auto;}
.cotrbiao{ margin-left:9px;}
.cokefu{ margin-left:9px;}
.cotr ul{ float:left; margin-left:5px;}
.cubiao a{ font-size:20px; font-size:2rem;}
.cubiao p{ font-size:12px; font-size:1.2rem;}
}
@media screen and (max-width:419px){
.colie{ width:100% !important;}
.cul ul{ width:97%; margin-left:1.5%; margin-right:1.5%; margin-bottom:20px;}
.cuxin .int4{width:90%;}
.cuxin .cuyanzheng{ margin-left:auto; margin-top:20px;}
}






/*-----最新轮播-----*/
.index_banner{position:relative;}
.index_banner ul{overflow:hidden;}
.index_banner li{position:absolute;top:0;left:0;overflow:hidden;width:100%;}
.index_banner li a{display:block;margin:0 auto;}
.index_banner cite{position:absolute;bottom:10px;left:50%;z-index:999;display:block;margin-left:-72px;width:144px;height:15px;_display:none;}
.index_banner cite span{float:left;display:block;margin:0 4px;width:40px;height:4px;background-color:#e5e5e5;text-indent:-999em;opacity:.8;cursor:pointer;border-radius: 5px;}
.index_banner cite span:hover{background-color:#f5f5f5;}
.index_banner cite span.cur{background-color:#fa8106;cursor:default;}