@charset "UTF-8";
*{margin: 0; padding: 0;}
li{list-style: none;}
img{border: none; display: block;}
input,select,textarea{outline: none; border: none; background: none;}
textarea{resize: none;}
a{text-decoration: none; color: #333;}
a:hover{color: #437de0;}
a,label{outline: none;}
i{font-style: normal;}
.fl{float: left;}
.fr{float: right;}
.w{width: 100%; min-width: 320px; max-width: 640px; margin-left: auto; margin-right: auto; }
html,body{font-family: "microsoft yahei", Aril, sans-serif; color: #333; background-color: #fff; text-align: center; -webkit-text-size-adjust: none;}
input,textarea{font-family: "microsoft yahei", Aril, sans-serif; color: #333;}
.icon{background: url(../images/icon.png) no-repeat; display: block; background-size: 5rem;}
.clear{padding: 0px; margin: 0; clear: both;}

.header{ border-top:4px solid #437de0; height: 3rem; position: fixed; top: 0; z-index: 900; background: #fff; border-bottom: 1px solid #d2d2d2;}
.header:before,.header:after{display: table; content: ""; line-height: 0;}
.header:after{clear: both;}

.header .logo{ display:block; height:2.5rem; padding:.2rem 0 0 .2rem;  overflow: hidden;}
.header .logo img{width:auto; height: 100%; font-size: .6rem;}

.header .header-tel { background:url(../images/header-tel.png) left top no-repeat; background-size:1.5rem; position:absolute; right:.2rem; top:.2rem; line-height:1.2; text-align:left; }
.header .header-tel h2 { font-size:.5rem; padding:0 0 0 1.7rem; }
.header .header-tel p { font-size:.8rem; padding:0 0 0 1.7rem; color:#d6302a; }
.header .header-tel h3 { font-size:.6rem; color:#437de0; }

.main-nav{background:#437de0; width: 100%; min-width: 320px; max-width: 640px; *zoom: 1; box-sizing: border-box; margin: 3rem auto 0px;padding:0.4rem 0;}
.main-nav:before,
.main-nav:after{display: table; content: ""; line-height: 0;}
.main-nav:after{clear: both;}
.main-nav a{display: block; float: left; width: 25%; height: 1.4rem; line-height: 1.4rem; font-size: .65rem;color:#fff; box-sizing: border-box; overflow: hidden;}
.main-nav a:nth-child(4n){background: none;}
.main-nav a:nth-child(8n){background: none;}
.main-nav a:hover,
.main-nav a.hover{background: url(../images/navhover.png) no-repeat center bottom; color: #fff;}

.banner-wrap { width: 100%; min-width: 320px; max-width: 640px; margin-left: auto; margin-right: auto; *zoom: 1; overflow: hidden; position: relative; z-index: 800;}
.banner-wrap .banner-list{position: relative; z-index: 0;}
.banner-wrap .banner-list li{width: 100%; height: 100%;}
.banner-wrap .banner-list li img{width: 100%; height: 10rem; background: url(../images/loading.gif) center center no-repeat;}
.banner-wrap .banner-icon{position: absolute; z-index: 801; height: .4rem; bottom: 0.325rem; left: 50%; margin-left: -0.55rem;}
.banner-wrap .banner-icon li{display: block; float: left; width: .4rem; height: .4rem; background-color: #437de0; margin-right: .3rem; border-radius: 100%; text-indent: -999em;}
.banner-wrap .banner-icon .on{background-color: #ffd600;}

.seacher{height: 2.075rem; background: #437de0;}
.seacher input{float: left; margin-left: 0.5rem; margin-top: 0.225rem; height: 1.65rem; line-height: 1.65rem;}
.seacher input[type=text]{background: #fff; width: 9.4rem; color: #969696; font-size: 0.6rem; padding: 0px .5rem;}
.seacher input[type=button]{background: -webkit-gradient(linear, 0 0, 0 100%, from(#333), to(#333)); width: 4.175rem; font-size: 0.75rem; color: #fff;}

.column-head{width: 100%; height: 1.45rem; margin-bottom: 0.5rem; box-sizing: border-box; position: relative; z-index: 800; margin-top: .6rem; background: -webkit-gradient(linear, 0 0, 0 100%, from(#e3e3e3), to(#d0d0d0)); line-height: 1.39rem;}
.column-head span{color: #fff; font-weight: bold; font-size: 0.6rem; background: url(../images/column-head-main.jpg) no-repeat; background-size: 5.475rem; display: block; position: absolute; width: 5.475rem; height: 1.625rem;}
.column-head a { float: right; font-size: 0.6rem; color: #1041ab; position: relative; margin:0 .5rem 0 0; color:#333; }

.imore { width:100%; clear:both; padding:.5rem 0 1rem; }
.imore a { display:block; height:1.8rem; line-height:1.8rem; margin:0 5%; font-size:.8rem; font-weight:blod; background:#f5c71c; color:#fff; border-radius:1px; }

.ipop { background:#2f79ce; position:relative; text-align:left; margin-bottom:.5rem; }
.ipop .car { width:5rem; height:5rem; background:url(../images/ipop-car.png) center center no-repeat; background-size:contain; position:absolute; left:.5rem; top:0; }
.ipop .main { margin:0 0 0 6rem; padding:.3rem 0 .4rem; }
.ipop h2 { font-size:.7rem; color:#fff; }
.ipop h3 { font-size:.6rem; color:#fff; }
.ipop .btn { margin:0 0 .2rem; }
.ipop .btn a { display:inline-block; height:1.2rem; line-height:1.2rem; background:#fff; border-radius:3px; color:#2f79ce; font-size:.6rem; font-weight:bold; padding:0 .5rem; }

.iadv { }
.iadv .head { margin-bottom:1.6rem; background:#437de0; border-bottom:8px solid #003f77; position:relative; }
.iadv .head:before, .iadv .head:after { content:''; width:0; height:0; border:30px solid transparent; border-top-color:#003f77; position:absolute; left:50%; bottom:-60px; margin-left:-30px; }
.iadv .head:after { border-top-color:#437de0; bottom:-50px; }
.iadv .head h2 { font-size:1rem; color:#fff; padding:.7rem 0; }
.iadv .list { }
.iadv .list dd { position:relative; padding:0 0 0 4.2rem; }
.iadv .list .tp { position:absolute; left:.4rem; top:0; width:3.4rem; height:1.8rem; line-height:1.8rem; font-size:.7rem; background:#f5c71c; border-radius:5px; }
.iadv .list p { font-size:.7rem; text-align:left; min-height:1.4rem; margin:0 .4rem .6rem 0; }

.iabout {}
.iabout .main { font-size:.65rem; line-height:1.8; text-align:left; padding:.3rem .5rem; text-align:justify; }

.pro-sub-list{box-sizing: border-box; width: 100%; padding: 0 .5rem; *zoom: 1;}
.pro-sub-list a{display: block; float: left; width: 49%;margin-right:1%; height: 1.425rem; line-height: 1.425rem; text-align: center;
 font-size: 0.5rem; margin-bottom: .3rem;background:#437de0; border-radius:3px; border-bottom: 4px solid #003f77; font-weight: bold; color:#fff;}
.pro-sub-list a:hover,
.pro-sub-list a.hover{border-color: #bb9507;color:#222222; background: #f5c71c;}
.product-center{width: 100%; min-width: 320px; max-width: 640px; height: auto; margin-left: auto; margin-right: auto; *zoom: 1;}
.product-center .pro-list{padding: .5rem .5rem 0;}
.product-center .pro-list .pro-item{width: 47%; float: left; border: 1px solid #e7e7e7; margin-bottom: 0.625rem;}
.product-center .pro-list .pro-item .pro-item-img{display: block; width: 100%; background:#ccc; overflow: hidden;}
.product-center .pro-list .pro-item .pro-item-img img{width: 96%; margin: 0 auto; padding:2%; display: block; height: 5.25rem;}
.product-center .pro-list .pro-item .pro-item-title{display: block; width: 100%; height: 1rem; line-height: 1rem; overflow: hidden; font-size: 0.6rem; color: #333; text-align: center; background:#ccc;}
.product-center .pro-list .pro-item:nth-child(2n){margin-left: 4%;}
.product-center .pro-list:before,
.product-center .product-center .pro-list:after{display: table; content: ""; line-height: 0;}
.product-center .pro-list:after{clear: both;}
.product-center:before,
.product-center:after{display: table; content: ""; line-height: 0;}
.product-center:after{clear: both;}
.text .texttop{font-size: 1.1rem; color: #437de0; font-weight: bold; background: #f1f1f1; height: 3rem; padding-top: 0.8rem;}
.text .texttop i{color: #ff7200; font-size: 1.1rem;}
.text .texttop p{font-size: 0.625rem; font-family: impact; color: #d1d1d1; font-weight: normal; text-transform: uppercase;}
.text ul .blue{background: #437de0;}
.text ul .e4{background: #e4e4e4;}
.text ul .blue .fl,
.text ul .blue .fr{color: #fff;}
.text ul .e4 .icon{background-position: -0.36rem -0.575rem;}
.text ul .e4 .num,
.text ul .e4 i{color: #437de0;}
.text ul .blue i{color: #ffde00;}
.text ul li{height: 3.5rem; padding: 0.5rem 0 .5rem 1rem;}
.text ul li .rem1{width: 1rem; height: 100%;}
.text ul li .rem5{width: .5rem; height: 100%;}
.text ul li .num{width: 1.625rem; line-height: 3.5rem; font-family: impact; font-size: 1.5rem; text-align: center;}
.text ul li .icon{background-position: 0px -0.575rem; height: 3.5rem; width: 0.175rem;}
.text ul li .wenzi{width: 10.75rem; text-align: left;}
.text ul li .wenzi p{font-size: 0.75rem; padding-bottom: .1rem;padding-top:0.5rem; font-weight: bold;}
.text ul li .wenzi span{font-size: 0.4rem; line-height: 0.6rem; display: block; max-height: 1.8rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.honor{*zoom: 1;}
.honor .honor-body{margin-top: .55rem; height: 8.75rem; width: 100%; box-sizing: border-box; padding-left: 2.2rem; padding-right: 2.2rem; position: relative; z-index: 800;}
.honor .honor-body .honor-view{width: 100%; height: 100%; overflow: hidden;}
.honor .honor-body .honortab ul{display: none;}
.honor .honor-body .prev,
.honor .honor-body .next{position: absolute; z-index: 801; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; width: 0.9rem; height: 1.95rem;}
.honor .honor-body .prev{background-position: -0.7rem -2.125rem; left: .85rem;}
.honor .honor-body .next{background-position: -1.725rem -2.125rem; right: .85rem;}
.honor .honor-body .honor-list{display: block; width: 600%; height: 100%; -webkit-transition: all 1s linear; -moz-transition: all 1s linear; transition: all 1s linear;}
.honor .honor-body .honor-list li{height: 8.75rem; width: 11.625rem; float: left;}
.honor .honor-body .honor-list li .honor-img{display: block; width: 100%; height: 100%; overflow: hidden; background-color: #2c643d; z-index: 800;}
.honor .honor-body .honor-list li .honor-img img{width: 100%; height: 100%; display: block;}
.honor:before,
.honor:after{display: table; content: ""; line-height: 0;}
.honor:after{clear: both;}
.about{*zoom: 1;}
.about .about-img{width: 6.675rem; height: 4.725rem; display: block; padding-left: .8rem;}
.about .about-img img{width: 100%;}
.about .about-summary{line-height: 0.6rem; text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; width: 6.75rem; padding-left: 0.5rem; font-size: 0.45rem;}
.about .about-more{width: 2.925rem; height: 0.825rem; color: #fff; background: #ff9600; float: right; text-align: center; line-height: 0.825rem; margin-top: .3rem; font-size: 0.45rem; margin-right: 1rem;}
.about:before,
.about:after{display: table; content: ""; line-height: 0;}
.about:after{clear: both;}
.about .about-body{margin: 0 4%; line-height: 1rem; font-size: .7rem; text-align: justify; *zoom: 1; }
.about .about-body:before,
.about .about-body:after{display: table; content: ""; line-height: 0;}
.about .about-body:after{clear: both;}
.about .about-body img{max-width: 100%; margin: 0 auto .5rem; }
.about .map{margin: .5rem 4%; height: 240px;}

.inews { text-align:left; margin:0 4% .5rem;  }
.inews dd { border-bottom:1px dotted #ddd; background:url(../images/news-tp.png) left center no-repeat; background-size:.6rem; }
.inews dd a { padding:.5rem 0; display:block; margin-left:.8rem; }
.inews dd h3 { font-weight:normal; font-size:.6rem; }

.news{*zoom: 1;}
.news-list { margin: .75rem 4% .75rem; *zoom: 1;}
.news-list .news-item { width: 100%; display: block; overflow: hidden; position: relative; z-index: 800; border-bottom:1px dotted #ddd; padding:.5rem 0; text-align:left; }
.news-list .news-item h3 { font-size:.7rem; margin-bottom:.3rem; }
.news-list .news-item p { height:2rem; line-height:1rem; overflow:hidden; font-size:.7rem; text-align:justify; color:#777; }
.news-list a:hover h5{color: #0C3797; }
.news-list .news-item:last-child{border-bottom: 0 none;}
.news-list:before,
.news .news-list:after{display: table; content: ""; line-height: 0;}
.news-list:after{clear: both;}
.news:before,
.news:after{display: table; content: ""; line-height: 0;}
.news:after{clear: both;}

.faq{width: 100%; min-width: 320px; max-width: 640px; height: auto; margin-left: auto; margin-right: auto; *zoom: 1;}
.faq:before,
.faq:after{display: table; content: ""; line-height: 0;}
.faq:after{clear: both;}
.faq .faq-list{margin: .75rem 4% .75rem; *zoom: 1;}
.faq .faq-list .faq-item{margin-bottom: 0.625rem; height: 2.5rem; box-sizing: border-box; border-bottom: 1px dashed #e7e7e7;}
.faq .faq-list .faq-item .item-ask,
.faq .faq-list .faq-item .item-answer{display: block; width: 100%; box-sizing: border-box; position: relative; z-index: 800; text-align: left; padding-left: 1.5rem;}
.faq .faq-list .faq-item .item-ask i,
.faq .faq-list .faq-item .item-answer i{text-align: center; display: block; width: 0.925rem; height: 0.825rem; line-height: 0.825rem; font-size: .5rem; color: #fff; position: absolute; top: 0; left: 0;}
.faq .faq-list .faq-item .item-ask{height: 0.825rem; line-height: 0.825rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; font-size: .65rem; font-weight: bold; color: #333; margin-bottom: 0.25rem;}
.faq .faq-list .faq-item .item-ask i{background-position: -0.675rem 0.025rem;}
.faq .faq-list .faq-item .item-answer{height: 0.825rem; line-height: 0.825rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: .6rem; color: #333;}
.faq .faq-list .faq-item .item-answer i{background-position: -1.825rem 0.025rem;}
.faq .faq-list .faq-item:last-child{border-bottom: 0 none; padding-bottom: 0; margin-bottom: 0;}
.faq .faq-list:before,
.faq .faq-list:after{display: table; content: ""; line-height: 0;}
.faq .faq-list:after{clear: both;}

.back-top{line-height: 1.5rem; font-size: .8rem; color: #000; position: relative; z-index: 800; cursor: pointer; width: 13.125rem; height: 1.5rem; margin: .5rem auto 0;}
.back-top:hover{}
.back-top:before,
.back-top:after{display: table; content: ""; line-height: 0;}
.back-top:after{clear: both;}

.copyright{width: 100%; min-width: 320px; max-width: 640px; height: auto; margin-left: auto; margin-right: auto; *zoom: 1; margin-bottom: 3.75rem;}
.copyright:before,
.copyright:after{display: table; content: ""; line-height: 0;}
.copyright:after{clear: both;}
.copyright .copyright-txt { text-align: center; font-size: .65rem; color: #5c5c5c; line-height: 1rem; padding: .45rem 4%; *zoom: 1;}
.copyright .copyright-txt:before,
.copyright .copyright-txt:after{display: table; content: ""; line-height: 0;}
.copyright .copyright-txt:after{clear: both;}
.copyright .copyright-txt a{color: #5c5c5c;}
.copyright .qc-img{margin-left: auto; margin-right: auto; width: 6.55rem; height: 6.55rem; padding: .5rem; border: 1px solid #cfcfcf; -webkit-border-radius: .1rem; -moz-border-radius: .1rem; border-radius: .1rem;}
.copyright .qc-img img{width: 6.55rem; height: 6.55rem;}
.footer{width: 100%; min-width: 320px; max-width: 640px; height: 3rem; margin-left: auto; margin-right: auto; *zoom: 1; background-color: #1f2228; position: fixed; bottom: 0; z-index: 900;}
.footer:before,
.footer:after{display: table; content: ""; line-height: 0;}
.footer:after{clear: both;}
.footer .footer-menu{display: block; width: 25%; height: 3rem; float: left; box-sizing: border-box; padding-top: .7rem;}
.footer .footer-menu i{display: block; margin-left: auto; margin-right: auto; background: url(../images/icon.png) no-repeat; background-size: 5rem;}
.footer .footer-menu .menu-home{height: .75rem; width: .8rem; background-position: -0.6rem -1rem;}
.footer .footer-menu .menu-map{height: .8rem; width: .65rem; background-position: -1.6rem -1rem;}
.footer .footer-menu .menu-tel{height: .85rem; width: .8rem; background-position: -2.375rem -1rem;}
.footer .footer-menu .menu-tm{height: .8rem; width: .85rem; background-position: -3.4rem -1rem;}
.footer .footer-menu span{height: .8rem; line-height: .8rem; font-size: .65rem; color: #fff;}
.footer .cur{background-color: #101114;}
@media screen and (min-width: 641px){.header, .footer{left: 50%; margin-left: -320px;}}
.detail{width: 100%; min-width: 320px; max-width: 640px; height: auto; margin-left: auto; margin-right: auto; *zoom: 1;}
.detail:before,
.detail:after{display: table; content: ""; line-height: 0;}
.detail:after{clear: both;}
.detail h1{margin: 0 4%; height:auto; line-height: 1.3; font-size: .8rem; overflow: hidden; padding:.5rem 0; width: 92%;}
.detail .pro-detail-img{margin: 0 4% .5rem; *zoom: 1; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.detail .pro-detail-img:before,
.detail .pro-detail-img:after{display: table; content: ""; line-height: 0;}
.detail .pro-detail-img:after{clear: both;}
.detail .pro-detail-img img{max-width: 14.5rem; margin-left: auto; margin-right: auto; margin-top: .5rem; margin-bottom: .5rem;}
.pro-detail-img span{font-size: 14px;}
.detail .detail-body{margin: 0 4%; line-height: 1.8; font-size: .7rem; text-align: left; *zoom: 1;}
.detail .detail-body:before,
.detail .detail-body:after{display: table; content: ""; line-height: 0;}
.detail .detail-body:after{clear: both;}
.detail .detail-body img{max-width: 100%; display:block; margin:.5rem auto; }
.detail .detail-pre-next{margin: .75rem 4%; width: 92%; height: 3rem; border-bottom: 1px solid #ccc; padding:.5rem 0; }
.detail .detail-pre-next a { }
.detail .detail-pre-next .prevLink,
.detail .detail-pre-next .nextLink{display: block; height: 1.5rem; line-height: 1.5rem; text-align: left; font-size: .7rem; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; box-sizing: border-box; float: left;}
.detail .msg-form{margin: 1rem 4%;}
.detail .msg-form input.mestxt{width: 100%; height: 1.5rem; margin-bottom: .5rem; box-sizing: border-box; border: 1px solid #e3e3e3; -webkit-border-radius: .2rem; -moz-border-radius: .2rem; border-radius: .2rem; background-color: #f1f1f1; padding: .1rem .5rem; font-size: .45rem; color: #333; -webkit-appearance: none;}
.detail .msg-form textarea{width: 100%; height: 4rem; margin-bottom: .5rem; box-sizing: border-box; border: 1px solid #e3e3e3; -webkit-border-radius: .2rem; -moz-border-radius: .2rem; border-radius: .2rem; background-color: #f1f1f1; padding: .1rem .5rem; font-size: .45rem; color: #333; -webkit-appearance: none;}
.detail .code-row{width: 100%; height: 2rem;}
.detail .code-row input[type="text"]{width: 58%; float: left;}
.detail .code-row img{max-width: 38%; height: 1.5rem; float: right;}
.detail input.sub{width: 100%; height: 1.5rem; line-height: 1.5rem; background: #f88c22; -webkit-border-radius: .2rem; -moz-border-radius: .2rem; border-radius: .2rem; font-size: .75rem; color: #fff; cursor: pointer; -webkit-appearance: none;}
input#txtImageCode{width: 58%; float: left; border: 1px solid #e3e3e3;}
.pager{display: none;}
.news-more,
.pro-more,
.case-more,
.err{background: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#ccc)); line-height: 1.375rem; width: 13.375rem; margin: 0 auto .8rem; height: 1.375rem; display: block; font-size: 0.6rem; border-radius: 3px;}
.baiduMap{height: 200px; margin: 10px 0 10px; border-radius: 2px; line-height: 120%; font-size: 0.9em;}
.BMap_bubble_title a{display: inline-block; padding: 0 10px; height: 2em; line-height: 2em; border-radius: 0.5em; background: #333; color: #FFF;}


/* 新增 */
.case-list { width:100%; margin-bottom:.5rem; }
.case-list .item { border-bottom:1px solid #ddd; }
.case-list .item a { display:block; padding:.5rem .5rem .5rem 5.4rem; height:3.3rem; position:relative; text-align:left; }
.case-list .item img { position:absolute; left:.5rem; top:.5rem; width:4.4rem; height:3.3rem; }
.case-list .item h3 { font-size:.7rem; margin-bottom:.3rem; }
.case-list .item p { height:2rem; line-height:1rem; overflow:hidden; font-size:.7rem; text-align:justify; color:#777; }

.rmd-news { }
.rmd-news .list { text-align:left; margin:0 4% .5rem; }
.rmd-news .item { background:url(../images/news-tp.png) left center no-repeat; background-size:.6rem; }
.rmd-news .item a { display:block; height:1.6rem; line-height:1.6rem; font-size:.5rem; overflow:hidden; margin:0 0 0 .8rem; }

.rmd-pro {}
.rmd-pro .list { width:100%; overflow:hidden; padding:.5rem 0 .5rem; }
.rmd-pro .item { float:left; width:47%; margin:0 0 2% 2%; }
.rmd-pro .item a { display:block; padding:5px; background:url(../images/pro-bg.png) center center repeat; }
.rmd-pro .item img { display:block; width:100%; }
.rmd-pro .item h3 { height:1.2rem; line-height:1.2rem; font-weight:normal; font-size:.6rem; background:#ccc; }
.rmd-pro .item:hover h3 { background:#437de0; color:#fff; }

.product-view { width:100%; height:auto; overflow:hidden; }
.product-view img { display:block; width:100%; height:75%; }

.banner { width:100%; overflow:hidden; position:relative; }
.banner .list { float:left; width:500%; }
.banner .list li { float:left; width:20%; }
.banner .list img { display:block; width:100%; }
.banner .tip { width:90%; height:.7rem; line-height:.7rem; text-align:center; clear:both; display:none; position:absolute; left:5%; bottom:.5rem; }
.banner .tip span { display:inline-block; vertical-align:middle; width:.62rem; height:.62rem; background:#fff; border-radius:0; margin:0 .1rem; vertical-align:middle; }
.banner .tip span.cur { background:#181713; }


/***********************************
 *** 设备适配
 **********************************/

@media (min-width:700px){
	html { font-size:40px; }
} 
@media (max-width:700px){
	html { font-size:34px; }
}
@media (max-width:500px){
	html { font-size:22px; }
} 
@media (max-width:350px){
	html { font-size:20px; }
}