@charset "utf-8";
/* CSS Document */

.clearfix:after{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.mian{ position: relative; margin-left: auto; margin-right: auto; min-width: 320px; max-width: 640px; overflow: hidden; background-color: #fff; font-family: Microsoft YaHei;}
a{text-decoration: none; color: #666;}
@media screen and (min-width:320px){ body{font-size: 75%;}}
@media screen and (min-width:375px){ body{font-size: 87.5%;}}
@media screen and (min-width:480px){ body{font-size: 87.5%;}}
@media screen and (min-width:540px){ body{font-size: 112.5%;}}
@media screen and (min-width:550px){ body{font-size: 125%;}}
@media screen and (min-width:640px){ body{font-size: 150%;}}
.titlediv{ text-align: center; margin-bottom: 16px;}
.titlediv a{ display: block; font-size: 1.5rem;  color: #29417e; text-transform: uppercase;}
.titlediv i{display: block; font-size: 1.12rem; text-transform: uppercase; color: #FFF; height: 2.45rem; line-height: 3rem; text-align: center; background: url(../../images/mobile/titlebg.png) no-repeat center;}


/*header*/
header .headerrx{ color: #fff; font-size: 1.09em; height: 2.294em; line-height: 2.294em; background: #29417e; text-align: center;}
header .topic{overflow: hidden;width: 96%;margin: 1em auto;}
header .topic a{display: inline-block;vertical-align: middle; width: 22%;}
header .topic img{ display: block; width: 86%;}
header h2{display: inline-block;vertical-align: middle;width: 73%;font-size: 1.3em;}
header h2 b{ font-weight: normal; font-size: 0.85em; color: #333;}
header h2 p{ font-size: 1em; font-weight: bold; margin-bottom: 0.2em; color: #333;}
header h2 p>span{color: #29417e;}

/*banner*/
.banner{ overflow: hidden; width: 100%; line-height: 0;}
.focus{ width: 100%; margin: 0 auto; position: relative; overflow: hidden;}
.focus .hd{ width: 100%; height: 5px; position: absolute; z-index: 1; bottom: 0; text-align: center;}
.focus .hd ul{ overflow: hidden; display: -moz-box; display: -webkit-box; display: box; height: 5px; background-color: rgba(51, 51, 51, 0.5);}
.focus .hd ul li{ -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1;font-size: 0}
.focus .hd ul .on{ background: #29417e;}
.focus .bd{ position: relative; z-index: 0;}
.focus .bd li img{ width: 100%; height: 205px;}
.focus .bd li a{ -webkit-tap-highlight-color: #0b85ec;}
.focus .btnnr{ position: absolute; bottom: 0; width: 100%; text-align: center; margin: 0 auto;}
.focus .btnnr .btn{ display: inline-block; vertical-align: middle; width: 31.25%; height: 30px;}
.focus .btnnr .prev{ background: url(../mobile/bannerbtnz1.png)no-repeat;}
.focus .btnnr .prev:active{ background: url(../mobile/bannerbtnz2.png)no-repeat;}
.focus .btnnr .next{ background: url(../mobile/bannerbtny1.png)no-repeat;}
.focus .btnnr .next:active{ background: url(../mobile/bannerbtny2.png)no-repeat;}

/*search*/
.search{ overflow: hidden; width: 92%; margin: 1.25em auto; border: 2px solid #4b9c03;}
.search input{ display: block; float: left; width: 70%; height: 4em; line-height: 4em; font-size: 1em; color: #666; padding: 0 5%; outline: none; border: none;}
.search span{ display: block; width: 20%; height: 4em; background: url(../images/Index/search.jpg) no-repeat center; background-size: cover; float: right}

/*nav*/
.navHome{overflow: hidden; width: 100%; margin: 1em 0 0; background: #9a9191;}
.navHome ul li{ display: block; width: 33%; height: 4.15em;float: left; line-height: 4.15em;  margin-right: 0.333333%; background: #474747; text-align: center;}
.navHome ul li a{font-size: 1.12em; color: #fff;}
.navHome a:active,nav .cur{ background: #29417e;}

/*pro*/
.pro{ overflow: hidden; width: 100%; margin: 2em 0 0;}
.pro .menu{ overflow: hidden; width: 96%; margin: 0 auto; margin-bottom: 0.8em;}
.pro .menu li{ float: left; width: 50%; text-align: center; font-size: 1.25em; color: #333; padding: 1.2em 0; background-color: #fff;}
.pro .menu img{ width: 1.2em; margin-right: 0.2em; position: relative; top: 3px;}
.pro .menu .img02{ display: none}
.pro .menu li:nth-child(1){ position: relative; left: -1px;}
.pro .menu li.on{ background: #8EBA3E; background-size: cover; color: #fff;}
.pro .menu li.on .img01{ display: none}
.pro .menu li.on .img02{ display: inline-block}
.pro .pbox{ overflow: hidden; width: 96%; margin: 0 auto}
.pro .pbox ul{ overflow: hidden; width: 100%;}
.pro .pbox li{ float: left; width: 48%; overflow: hidden; background-color: #fff; margin-bottom: 0.8em;}
.pro .pbox li .product-img img{ display: block; width: 100%; height: 124px;}
.pro .pbox li:nth-child(2n){ margin-left: 4%;}
.pro .pbox .product-img{ border: 1px solid #29417e; padding: 0.25em; overflow: hidden;}
.pro .pbox li .products-title{ background: #29417e; padding: 0.5em 0.9em; overflow: hidden;}
.pro .pbox li .products-title a{ display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; font-size: 1.12em; color: #fff; text-align: center;}
.pro .pbox li .products-title a i{ line-height: 0; text-align: right;}
.pro .pbox li .products-title a i img{ width: 60%;}
.pro .more{ width: 96%; margin: 1rem auto 0; height: 2.5em; line-height: 2.5em; background: #29417e; text-align: center; border-radius: 5px;}
.pro .more img{ width: 7%; vertical-align: middle; margin: -3px 0.5em 0 0;}
.pro .more a{ display: block; font-size: 1.12em; color: #fff;}


/*鍥涘ぇ浼樺娍*/
.ys{margin: 1em 0 0; background: #f1f1f1; padding-top: 18px;}
.ys .top{ width: 100%; text-align: center; line-height: 0;}
.ys .nr{padding: 0em 1em 0 1em;}
.ys .nr .one-bt img{ display: inline-block;}
.ys .nr .bz h2{ text-transform: uppercase; font-size: 0.1em;}
.ys .nr .pic-1 img{ width: 100%; height: 210px;}
.ys .nr .one-bt{ color: #000!important; padding: 0.8em;}
.ys .nr .one-bt p{ padding-top: 13px; font-size: 1.12em;}
.ys .one span{ font-family: '寰蒋闆呴粦 Bold', '寰蒋闆呴粦 Regular', '寰蒋闆呴粦';font-weight: 700; font-size: 24px;color: #29417e;  vertical-align: middle;}
.ys .one span font{font-size: 13px;}
.ys .btn ul li{display: inline-block; width: 25%; height: 5px; background: #474747; font-size:0;}
.ys .btn ul .on{background: #29417e;}

/*鍏徃鐩稿唽*/
.gsxc{position: relative; margin: 2em 0 0;}
.gsxc .gsxc_nr{overflow: hidden; background: #fff; width: 96%; margin: 0 auto; text-align: center;}
.gsxc .bd ul li{ float: left; width: 49%; margin: 0 2% 1em 0; text-align: center; overflow: hidden;}
.gsxc .bd ul li img{ width: 100%; vertical-align: middle;}
.gsxc .bd ul li p{ display: block; font-size: 1.12em; color: #ffffff; padding: 5px 0; background: #29417e;}
.gsxc .bd ul li:nth-child(2n){ margin-right: 0;}
.gsxc .hd{ height:20px; overflow:hidden; font-size:0; }
.gsxc .hd ul{ display:inline-block; padding-top:5px; }
.gsxc .hd li{ display:inline-block; width:8px; height:8px; background:#D0D0D0; margin:0 5px; vertical-align:top; overflow:hidden; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.gsxc .hd .on{ background:#29417e;  }
.gsxc .prev,.gsxc .next{ display:inline-block; width:25px; height:20px;  overflow:hidden; margin:0 5px;  vertical-align:top; }
.gsxc .next{ background-position:-105px 0; }

/*picture*/
.picture{ margin: 1em 0 0;}
.picture .tabnr{ overflow: hidden; width: 96%; margin: 0 auto}
.picture .scrollBox{ margin:10px auto; text-align:center;}
.picture .scrollBox .bd li{ width:50%; float:left; font-size: 1.12em;}
.picture .scrollBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }  /* 鍘绘帀閾炬帴瑙︽懜楂樹寒 */
.picture .scrollBox .bd li img{ width:160px;height: 216px;}
.picture .scrollBox .hd{ height:20px; overflow:hidden; font-size:0; }
.picture .scrollBox .hd ul{ display:inline-block; padding-top:5px; }
.picture .scrollBox .hd li{ display:inline-block; width:8px; height:8px; background:#D0D0D0; margin:0 5px; vertical-align:top; overflow:hidden; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.picture .scrollBox .hd .on{ background:#29417e;  }
.picture .scrollBox .prev, .picture .scrollBox .next{ display:inline-block; width:25px; height:20px;  overflow:hidden; margin:0 5px;  vertical-align:top; }
.picture .scrollBox .next{ background-position:-105px 0; }

/*case*/
.case{ margin: 3em 0 0;}
.case .tabnr{ overflow: hidden; width: 96%; margin: 0 auto}
.case .tabnr .hd{ width: 100%; margin-right: 2%;}
.case .tabnr .hd ul li,.case .tabnr .hd ul .tsli{ float: left; cursor: default; width: 48%; height: 3em; line-height: 3em; background: #474747; text-align: center; color: #fff; font-size: 1.12em; margin: 0 3% 3% 0;}
.case .tabnr .hd ul li:nth-child(2n),.case .tabnr .hd ul .tsli{ margin-right: 0;}
.case .tabnr .hd ul li.on,.case .tabnr .hd ul .tsli:active{ background: #29417e;}
.case .tabnr .bd ul li{ overflow: hidden;}
.case .tabnr .bd ul li .pic{ width: 100%; overflow: hidden;margin-bottom: 0.5rem;}
.case .tabnr .bd ul li .pic img{ width: 100%; height: 256px;}
.case .tabnr .bd ul li dd{padding: 0.5em 0 0.5em 0.8em; overflow: hidden;}
.case .tabnr .bd ul li dd p{ margin: 0.4em 0 0; font-size: 1.12em; line-height: 1.50em; color: #333;}
.case .tabnr .bd ul li dd p a{ color: #29417e;}
.case .tabnr .bd ul li dd h2{ font-size: 1.5em; font-weight: bold; color: #29417e;}

/*about*/

.about{ margin: 3em 0 0;}
.about .nr{ overflow: hidden; width: 96%; margin: 0 auto}
.about .nr .img{ width: 100%; line-height: 0;}
.about .nr .img img{ width: 100%; height: 100%;}
.about .nr .js{ width: 100%; text-align: center; background: url(../../images/mobile/gywmbg.jpg) no-repeat center; padding: 14px 0;}
.about .nr .js h2{ font-weight: bold; color: #ffffff; font-size: 1.5em;}
.about .nr .js h2 i{ display: block; font-family: arial; font-style: normal;}
.about .nr .js p{ color: #ffffff; font-size: 1.12em; line-height: 1.5em; margin:3px 10px; text-align: left;}
.about .nr .js a{ color: #ffffff;margin-top: 8px; display: inline-block; font-size: 1.12em;}

/*new*/
.new{ margin: 3em 0 3em;}
.new .menu{ overflow: hidden; width: 96%; margin: 0 auto; margin-bottom: 0.8em;}
.new .menu li{ float: left; width: 32%; background: #474747; color: #fff; font-size: 1.15em; height: 2.143em; line-height: 2.143em; text-align: center; margin-right: 2%;}
.new .menu li.on{ background: #29417e; background-size: cover;}
.new .newdq{ width: 96%; margin: 1em auto 0; overflow: hidden; padding: 0 13px;}
.new .bd ul li{ width: 60%; height: 1.12em; margin-bottom: 1.12em; line-height: 1.12em; white-space: normal; text-overflow: ellipsis; overflow: hidden;}
.new .bd ul li a{ font-size: 1.12em; color: #666; line-height: 1.12em;}
.new .bd ul li:active a{ color: #89bc46;}

/* gsinfo */
.gsinfo{text-align: center;  border-top: 1px solid #474747; padding-bottom: 20px;}
.gsinfo p{display: block; font-size: 0.8rem; font-weight: normal; color: #666666; text-align: center; line-height: 1.8rem;}

/*foot*/
.main img{ width: auto; height: auto; max-width: 100%; max-height: 100%;}
.footer{ height: 3.6rem; overflow: hidden;}
.foot_nav{ padding: 0.5rem 0 0.1rem; position: fixed; bottom: 0; min-width: 320px; max-width: 640px; width: 100%;z-index: 999; background: #29417e;}
.foot_nav li{ width: 25%; float: left; text-align: center; font: 1.15em/1.65em "Microsoft Yahei";}
.foot_nav li em{ width: 1.8em; height: 1.8em; display: block; margin: 0 auto;}
.foot_nav li img{ width: 1.8em;}
.foot_nav li a{ color: #fff;}