/*Huang CSS Document QQ:1353256889 */
/*
 * @author: Huang zhenghua
 * @QQ:1353256889
*/
*{margin:0;padding:0;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
html{border:none;width:100%;}
body{ border:none; margin:0px; padding:0px;font-size:14px;font-family:"Arial","weiruanyahei","Microsoft YaHei"!important;color:#333; background-color:#f0f0f0;}
html, body { min-height: 100%;}
form{margin:0px;}
img{border:none;}
ul,li { list-style:none; border:none;}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
a{outline: medium none;transition:all 0.2s linear 0s;
-moz-transition:all 0.2s linear 0s;
-webkit-transition:all 0.2s linear 0s;
-o-transition:all 0.2s linear 0s;}
a:link {color:#333;text-decoration:none;}
a:visited {text-decoration:none;color:#000;}
a:hover {text-decoration:underline;color:#F30;}
a:active {text-decoration:none;color:#F30;}
img, input, select {vertical-align:middle;outline: medium none;}
.clear{ float:none !important;clear:both!important; overflow:hidden!important; padding:0px!important; height:0px!important;}
.clearfix:after { content: ""; display: block; clear: both;}
textarea{ font-size:12px;outline: medium none;}
i,em{ font-style:normal;}
input {vertical-align: middle;color: inherit;font-family: inherit;font-size: inherit;}

.indexbody{background-color: #f0f0f0;}
header.m-hd{ width:100%;height:84px;margin:0 auto;z-index:888; position:absolute; left:0; right:0; }
header.m-hd .box{width:100%;height:84px;max-width:1200px;margin:0 auto; position:relative;padding-top:38px;}
header.m-hd .m-logo{height:45px;verflow:hidden;display:block; float:left;}

header.m-hd nav{ float:right;z-index:888;}
header.m-hd nav .am-nav{height:34px; float:right; margin-top:10px;}
header.m-hd nav .am-nav > li{padding:0;margin:0;}
header.m-hd nav .am-nav > li.am-active{}
header.m-hd nav .am-nav > li > a{ color:#fff; text-decoration:none; display:block; line-height:34px; height:34px; width:100%; text-align:center;padding:0 22px; }
.am-nav > li.am-active > a, .am-nav > li.am-active > a:hover, .am-nav > li.am-active > a:focus,.am-nav > li > a:hover{color:#fff; background-color: transparent;border-bottom:3px #FFFFFF solid;}
header.m-hd nav .am-nav > li.am-active > a{color:#fff; border-bottom:3px #FFFFFF solid;}

header.m-hd nav .am-nav > li.nm{position:relative;}
header.m-hd nav .am-nav > li.nm > a{ }
header.m-hd nav .am-nav > li.nm .nav{ width:180%; border-radius: 4px;  overflow:hidden; position:absolute; left: -40%;top:0;display:block;z-index:888;height:0; background-color:#fff;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
header.m-hd nav .am-nav > li.nm .nav a{ text-decoration:none;width:100%; overflow:hidden; display:block; color:#333333; text-align:center;line-height:38px; height:38px;}
header.m-hd nav .am-nav > li.nm .nav a:hover,
header.m-hd nav .am-nav > li.nm .nav a.hover{ background-color:#0a4899; color:#fff;}
header.m-hd nav .am-nav > li.nm:hover .nav{height:auto; top:34px;}
header.m-hd nav .am-nav > li.nm:hover{ background-color:transparent;color:#fff; border-bottom:3px #FFFFFF solid;}



header.m-hd .am-dropdown{ position:absolute; top:10px; right:15px;}
header.m-hd .am-btn-primary,header.m-hd .am-active .am-btn-primary{ background-color:transparent !important; border:0;font-size:12px; color:#fff !important; margin-top:-4px;}
header.m-hd .country  em{ float:left; font-style:normal; line-height:22px; color:#fff; padding-right:10px;}
header.m-hd .country  span{line-height:22px; color:#dfdfdf;}
header.m-hd .country .am-dropdown-content{ min-width:130px; text-align:center;}
header.m-hd .country .am-dropdown-content a{ padding:5px;}
header.m-hd .country .am-dropdown-content i{ margin-top:2px;}
header.m-hd .country .am-icon-caret-down:before{ color:#fff;}

header.m-hd nav li{ransition: all 0.2s linear 0s; text-align:center;}


header.m-hd2{ position:relative;-webkit-box-shadow:0 10px 20px rgba(0, 0, 0, 0.2);  -moz-box-shadow:0 10px 20px rgba(0, 0, 0, 0.2);  box-shadow:0 0 20px rgba(0, 0, 0, 0.2); border-bottom:1px #dcdbdb solid;} 
header.m-hd2 .m-logo{ height:39px;}
header.m-hd2 nav .am-nav > li > a{ color:#000; text-decoration:none; display:block; line-height:34px; height:34px; width:100%; text-align:center;padding:0 22px; }
header.m-hd2 .am-nav > li.am-active > a,header.m-hd2 .am-nav > li.am-active > a:hover,header.m-hd2 .am-nav > li.am-active > a:focus,header.m-hd2 .am-nav > li > a:hover{color:#0a4899;border-bottom:3px #0a4899 solid;background-color: transparent;}
header.m-hd2 nav .am-nav > li.am-active > a{color:#0a4899; border-bottom:3px #0a4899 solid;}
header.m-hd2 .country  em{ color:#000;}
header.m-hd2 .country .am-icon-caret-down:before{ color:#000;}


.am-offcanvas-content{ padding:15px 0;}
.am-offcanvas-content .logo{ text-align:center; margin-bottom:30px; display:block; padding:0 10px;}
.am-offcanvas-content .logo img{ max-width:100%;margin:0 auto; display:block;}

.am-offcanvas-bar{}
.am-offcanvas-content  div a{height:40px;width:100%; line-height:40px;display:block;color:#232323; font-size:14px; text-align:center;}
.am-offcanvas-content  div a{ color:#fff;}
.am-offcanvas-content  div.am-active a{ background-color:#1f50ba; color:#fff;}
.am-offcanvas-content  div.nav{ width:100%; overflow:hidden;}
.am-offcanvas-content  div.nav a{ width:50%; float:left;}



.common_box{ width:100%; max-width:1200px; margin:48px auto 0 auto; overflow:hidden;}
.common_ad{width:100%; overflow:hidden;  background-color:#1f50ba;}
.common_ad .box{ max-width:1200px;position:relative; overflow:hidden; margin:0 auto; height:304px; background-position:right center; background-repeat:no-repeat; background-size:auto 100%;}
.common_ad .title{border-radius: 5px; line-height:42px;height:42px; padding:0 17px; font-weight:bold;background-color:#fff; font-size:36px;left:58px;top:50%;  margin-top:-21px;position:absolute; color:#0a4899; display:block;}
.common_ad nav{ position:absolute; font-size:12px; bottom:10px; padding-left:30px;left:58px; background:url(../images/d9.png) left center no-repeat; height:20px; line-height:20px; color:#fff;}
.common_ad nav a{ color:#fff;}
.common_ad.st1{ background-color:#3576ca;}
.common_ad.st1 .title { background-color:#f0f0f0;}

.common_leftnav{ width:208px;font-family:Arial, Helvetica, sans-serif; z-index:88; top:0; left:0; position:absolute;}
.common_leftnav .htitle{ width:100%; overflow:hidden; height:32px; line-height:32px; background-color:#0a4899; margin-bottom:6px; color:#fff;font-weight:bold; font-size:18px; display:none; padding-left:10px;}
.common_leftnav .htitle i{ float:right; height:32px; width:32px;background:url(../images/d21.png) center center no-repeat; margin-right:10px; display:inline-block;}
.common_leftnav .htitle.hover i{ background-image:url(../images/d22.png);}


.common_leftnav dl{ width:100%; overflow:hidden; margin-bottom:20px;}
.common_leftnav dl dt,.common_leftnav dl dd{ line-height:24px; overflow:hidden;color:#0a4899;}
.common_leftnav dl dt{ font-size:18px; padding-left:10px; font-style:oblique}
.common_leftnav dl dd{ font-size:12px;}
.common_leftnav dl dd a{ width:100%; display:block;padding-left:10px; color:#0a4899; text-decoration:none;}
.common_leftnav dl dd a:hover,.common_leftnav dl dd a.hover{ background-color:#c62122; color:#fff;}
.common_leftnav dl dd .snav{ overflow:hidden;}
.common_leftnav dl dd .snav a{ padding-left:20px;}

.contact-box{ margin-bottom:136px;}
.contact-infolist{ padding:0 45px; float:left; width:50%;}
.contact-infolist dl{ padding:0 0 0 140px; overflow:hidden; width:100%;height:102px; margin-top:65px;}
.contact-infolist dl dt,.contact-infolist dl dd{overflow:hidden; width:100%;}
.contact-infolist dl dt{ color:#c62122; font-size:24px; font-weight:400;}
.contact-infolist dl dd{ color:#999999; margin:0; font-size:12px; line-height:21px;}

.contact-infolist dl.address { background:url(../images/d14.png)  no-repeat;}
.contact-infolist dl.tel{ background:url(../images/d13.png)  no-repeat;}
.contact-infolist dl.email{ background:url(../images/d12.png) no-repeat;}

.contact-form{ padding:0 45px; float:left; width:50%; margin-top:55px;}
.contact-form li { width:100%; overflow:hidden; margin-top:10px;}
.contact-form li .itxt{height: 58px;line-height: 58px;padding: 0 10px;font-size:22px;width: 100%;border:1px #dcdcdc solid; border-radius:4px; background-color:#FFF; color:#5e5e5e;}
.contact-form li .textarea{ height:210px;}
.contact-form .sbut {width:100%;height:78px;margin:0 auto;display: block;border-radius:4px;background-color: #0a4899;border: 0;font-size:24px;color: #FFF;text-align: center; margin-top:10px;}


.common-more{ width:176px; height:48px; background:url(../images/d3.jpg) no-repeat;display:block; font-size:24px; line-height:48px; text-align:center; text-decoration:none; color:#FFF; margin-top:80px;}
.common-more:before {content: "\f105";display: inline-block;font: normal normal normal 1.8rem/1 "FontAwesome", sans-serif;font-size:28px;text-rendering: auto;line-height:27px;margin-left:10px; position:relative; top:2px;}


.common-nav{ margin:0 auto; text-align:center; overflow:hidden;}
.common-nav li{ display:inline-block; padding:0 15px;}
.common-nav li a{ height:50px; line-height:43px; font-size:18px; font-weight:bold; text-decoration:none; display:block; letter-spacing:1px; padding:0 3px;}
.common-nav li.hover a,.common-nav li a:hover{ border-bottom:6px #0a4899 solid; color:#0a4899;}


.swiper-button-next, .swiper-button-prev{ width:27px; height:55px;}
.indextopad-box{ background-color:#0b4899; overflow:hidden; width:100%; position:relative;}
.indextopad-box .swiper-button{width:100%; max-width:1200px; margin:0 auto; left:0; right:0; top:50%; margin-top:-27px; position:absolute; background:#096}

.indextopad{ width:100%; max-width:1200px; margin:0 auto; height:860px; z-index:600; overflow:hidden;}
.indextopad .swiper-slide{height:860px;}
.indextopad .swiper-pagination-bullet{width:58px; border-radius:0; height:1px;opacity:1; background-color:#fff; margin-top:10px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.indextopad .swiper-pagination-bullet-active{ background-color:#fff; height:7px; border:0;}
.indextopad-box .swiper-button-prev{ background:url(../images/d1.png) center center no-repeat; left:-40px;}
.indextopad-box .swiper-button-next{ background:url(../images/d2.png) center center no-repeat; right:-40px;}

.indextopad .box{ width:355px; height:430px; position:absolute; top:230px; left:0; background-color:rgba(0,0,0,.33); padding:50px 27px 0 27px; color:#FFF;}
.indextopad .box dt{ font-size:28px; line-height:110%; border-bottom:1px #FFF solid; padding-bottom:36px;}
.indextopad .box dd{ line-height:180%; overflow:hidden; font-size:18px; margin-top:30px;}
.indextopad .box dd .more{ width:168px; height:48px; border:1px #FFF solid; display:block; font-size:24px; line-height:46px; text-align:center; text-decoration:none; color:#FFF; margin:30px auto 0 auto;}
.indextopad .box dd .more i:before {content: "\f105";display: inline-block;font: normal normal normal 1.6rem/1 "FontAwesome", sans-serif;font-size: inherit;text-rendering: auto;}
/**/


.nlist{ overflow:hidden; }
.nlist li{ padding:17px 20px; overflow:hidden;}
.nlist li a{ width:100%; overflow:hidden; display:block;color:#333333;}
.nlist li a:hover{ color:#253c99;}
.nlist li .pic{ width:25%; float:left; border-radius: 4px;}
.nlist li .content{ width:75%;  font-size:24px; float:right; line-height:180%; padding-left:30px; padding-bottom:41px; background:url(../images/d4.png)  right bottom no-repeat;}
.nlist li .content span{ display:block; overflow:hidden; height:86px;}



.index-introduce{ width:100%; overflow:hidden;}
.index-introduce .aboutus{ width:40%; float:left; background:url(../images/bg1.jpg) no-repeat;}
.index-introduce .title{ font-size:48px; line-height:110%;padding-bottom:36px; margin-top:150px; color:#0a4899; font-weight:100;}
.index-introduce .aboutus dd{ line-height:220%; color:#333333; overflow:hidden; font-size:18px; margin-top:30px;}
.index-introduce .aboutus dd .more{ width:176px; height:48px; background:url(../images/d3.jpg) no-repeat;display:block; font-size:24px; line-height:48px; text-align:center; text-decoration:none; color:#FFF; margin-top:80px;}
.index-introduce .aboutus dd .more i:before {content: "\f105";display: inline-block;font: normal normal normal 1.8rem/1 "FontAwesome", sans-serif;font-size:28px;text-rendering: auto;line-height:27px;margin-left:10px; position:relative; top:2px;}
.index-introduce .news{ width:50%; float:right;}





.index-main{ background-color:#f0f0f0; margin-top:200px;width:100%; overflow:visible;}
.index-main .common_box{top:-116px; position:relative;}
.index-main .list{  overflow:hidden;}
.index-main .list li a{ text-decoration:none;}
.index-main .list li .pic img{ width:100%;}
.index-main .list li dl{ background-color:#FFF; color:#666666; overflow:hidden; padding:10px 12px; border-left:1px #e9e9e9 solid;}
.index-main .list li dl dt{ font-size:36px; font-weight:100;}
.index-main .list li dl dd{ font-size:14px;}
.index-main .list li dl dd i{ height:48px; background:url(../images/d5.png) right center no-repeat; padding-right:74px; line-height:48px; display:inline-block; float:right;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.index-main .list li a:hover dl dd i{ color:#0b4899; background-image:url(../images/d6.png)}
.index-main .list li:nth-last-of-type(1) dl{ border-right:1px #e9e9e9 solid;}


.solutions-box{ margin:100px auto;}
.solutions-box .list{ margin:0 -4px;}
.solutions-box .list li{ margin-top:25px; padding:0 4px;}
.solutions-box .list li img{ width:100%;}
.solutions-box .list li a{ color:#000; font-size:30px; display:block; width:100%; overflow:hidden; text-decoration:none; border-bottom:11px #f0f0f0 solid;}
.solutions-box .list li a:hover{ color:#0a4899; border-bottom:11px #0a4899 solid;}
.solutions-box .list li span{ height:108px; display:block; background-color:#fff; text-align:center; line-height:108px; width:100%;}

.solutions2-box{ background-color:#FFF; margin-top:0; padding:60px 90px 110px 90px; margin-bottom:100px;border-bottom:11px #0a4899 solid; }
.solutions2-box{ width:100%; overflow:hidden;}
.solutions2-box .htitle{ font-size:18px; color:#c62122; width:100%; margin-top:40px; overflow:hidden; font-weight:600}
.solutions2-box .txt{ width:100%;}
.solutions2-box .txt img{ width:100%;}
.solutions2-box .txt dd{ line-height:24px; color:#0a4899; overflow:hidden; font-size:12px; margin-top:10px; width:50%; float:left;}
.solutions2-box .txt dd .more{ width:176px; height:48px; background:url(../images/d3.jpg) no-repeat;display:block; font-size:24px; line-height:48px; text-align:center; text-decoration:none; color:#FFF; margin-top:50px;}
.solutions2-box .txt dd .more i:before {content: "\f105";display: inline-block;font: normal normal normal 1.8rem/1 "FontAwesome", sans-serif;font-size:28px;text-rendering: auto;line-height:27px;margin-left:10px; position:relative; top:2px;}
.solutions2-box .txt dd:nth-child(2){ padding-right:42px;}
.solutions2-box .txt dd:nth-child(3){ padding-left:42px;}

.solutions2-box .slist{ margin:0 -32px 0 -32px;}
.solutions2-box .slist li{ padding:0 32px; margin-top:60px;}
.solutions2-box .slist li a{ display:block; width:100%; text-decoration:none;color:#0a4899; text-align:center; }
.solutions2-box .slist li a:hover{ color:#333;}
.solutions2-box .slist li .pic{ max-width:100%; width:200px; border:8px #0a4899 solid; border-radius:100px; background-color:;display:block; margin:0 auto;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}

.solutions2-box .slist li p{ margin-top:30px; height:60px; display:block; width:100%;line-height:20px; font-size:16px; text-align:left; font-weight:500}
.solutions2-box .slist li .more{ width:100%; margin:20px auto 0 auto; max-width:176px; height:48px; background:url(../images/d3.jpg) no-repeat;display:block; font-size:18px; line-height:48px; text-align:center; text-decoration:none; color:#FFF;}
.solutions2-box .slist li .more i:before {content: "\f105";display: inline-block;font: normal normal normal 1.8rem/1 "FontAwesome", sans-serif;font-size:28px;text-rendering: auto;line-height:27px;margin-left:10px; position:relative; top:2px; font-weight:100;}
.solutions2-box .slist li:hover .pic{ border-color:#c62122; background-color:#0a4899;}




.news-box{ padding-bottom:50px;}
.news-box .nlist{ margin:0 -32px;}
.news-box .nlist li{padding:17px 32px;}
.news-box .hont{ margin:50px auto 100px auto;}
.news-box .hont li{padding:0 56px;}
.news-box .hont li .pic{ width:38%;}
.news-box .hont li .content{ width:62%; font-size:36px; line-height:42px; padding:40px 0 70px 80px;}
.news-box .hont li .content span{ height:auto;}


.news-show{ margin-bottom:80px; max-width:1010px; width:100%; margin:60px auto 150px auto;}
.am-article-hd{ border-bottom:1px #0f6d51 solid;color:#333333; text-align:center; padding-bottom:25px;}
.am-article-title{  font-size:24px;}
.am-article-meta{ line-height:24px;  margin-top:4px;}


.am-article-bd{ margin-top:20px; line-height:200%; color:#333333; border-bottom:1px #0a4899 solid; padding-bottom:35px;}
.am-article .paging{ overflow:hidden; width:100%; margin-top:24px; font-size:18px;}
.am-article .paging  i{ padding:0 10px;}
.am-article .paging a{ color:#333333;}
.am-article .paging a:hover{ color:#1f50ba;}



.download-box { margin-bottom:150px;}
.download-box .d-list{ margin:0 -15px;}
.download-box .d-list li{ overflow:hidden; padding:15px;}
.download-box .d-list li  a{ overflow:hidden; width:100%; display:block; position:relative; background-color:#FFF; border-bottom:11px #0a4899 solid;}
.download-box .d-list li .pic{ width:100%;opacity:0;transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;-o-transition:all 0.3s linear 0s;}
.download-box .d-list li figure{text-align:center;height:100%; width:100%;color:#fff;letter-spacing:2px; position:absolute; top:0; left:0;background:rgba(0, 0, 0, 0.2); overflow:hidden;opacity:0; margin:0;transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;-o-transition:all 0.3s linear 0s;}
.download-box .d-list li dl{vertical-align: middle;width:100%;margin:-50px auto 0 auto; top:50%; position:absolute; text-align:center;color:#0a4899;}
.download-box .d-list li dt{font-size:30px; font-weight:400; }
.download-box .d-list li dd{font-size:12px;}
.download-box .d-list li.hot .pic{opacity:1;}
.download-box .d-list li.hot  figure{opacity:1;}
.download-box .d-list li.hot  dl { color:#fff;}



/*.download-box .d-list li  a{ overflow:hidden; width:100%; display:block; position:relative; background-color:#FFF; border-bottom:11px #0a4899 solid;}
.download-box .d-list li .pic{ width:100%;opacity:0;transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;-o-transition:all 0.3s linear 0s;}
.download-box .d-list li figure{text-align:center;height:100%; width:100%;color:#fff;letter-spacing:2px; position:absolute; top:0; left:0;background:rgba(0, 0, 0, 0.2); overflow:hidden;opacity:0; margin:0;transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;-o-transition:all 0.3s linear 0s;}
.download-box .d-list li dl{vertical-align: middle;width:100%;margin:-50px auto 0 auto; top:50%; position:absolute; text-align:center;color:#0a4899;}
.download-box .d-list li dt{font-size:30px; font-weight:400; }
.download-box .d-list li dd{font-size:12px;}
.download-box .d-list li:hover .pic{opacity:1;}
.download-box .d-list li:hover figure{opacity:1;}
.download-box .d-list li:hover dl { color:#fff;}
*/

.download-box .d-box{ background-color:#FFF; width:100%; overflow:hidden; border-bottom:11px #0a4899 solid; padding-bottom:100px; margin-top:20px;}
.download-box .d-box .title{ height:106px; background:url(../images/d10.png) center center no-repeat;}
.download-box .d-box .list li{ padding:18px 48px; overflow:hidden; width:100%;color:#0a4899; position:relative;}
.download-box .d-box .list li span{ font-size:16px; font-weight: bold; line-height:36px; }
.download-box .d-box .list li p{ font-size:18px; line-height:24px; margin-top:8px;}
.download-box .d-box .list li .but{ width:142px; height:36px; line-height:36px;  padding-left:44px; background:#0a4899 url(../images/d11.png) 15px center no-repeat; font-size:18px; color:#fff; text-decoration:none; position:absolute; right:50px; top:50%; margin-top:-18px;}
.download-box .d-box .list li:nth-child(odd){ background-color:#f6f6f6;}


.about-box { margin-bottom:170px;}
.about-box .fleft{ float:left; width:40%; overflow:hidden; padding-left:60px;}
.about-box .fleft li{ margin:50px 0; width:100%; font-size:18px ; color:#0a4899; line-height:36px; overflow:hidden; float:left; font-weight:400}
.about-box .fright{ float:right; width:53%; max-width:642px; overflow:hidden;}
.about-box .fright img{ width:100%;}

.about-box .title{ font-size:36px; color:#0a4899; text-align:center; margin-top:140px; font-weight:bold; width:100%;}
.about-box .services{ margin:20px -24px 0 -24px;}
.about-box .services li{ padding:0 24px; margin-top:60px;}
.about-box .services li a{ display:block; width:100%; text-decoration:none;color:#0a4899; text-align:center; border-bottom:1px #c62122 solid; padding-bottom:10px;}
.about-box .services li a:hover{ color:#333;}
.about-box .services li .pic{ max-width:100%; display:block; margin:0 auto;}
.about-box .services li span{ margin-top:40px; display:block; width:100%; height:42px; line-height:20px; font-size:18px; }





.products-box{ padding-left:220px; min-height:690px; margin-top:50px; position:relative;}
.pr-list{ margin:0 -8px;}
.pr-list li{ padding:0 8px; margin-bottom:30px;}
.pr-list li a{ display:block; width:100%; text-decoration:none;color:#0a4899; background-color:#FFF;text-align:center; padding:12px 12px 18px 12px; position:relative;}
.pr-list li a:hover{ color:#333;}
.pr-list li .pic{ width:200px;max-width:100%; display:block; margin:0 auto; position:relative; z-index:8;}
.pr-list li dl{ width:100%; overflow:hidden; z-index:8; position:relative; margin-top:28px; text-align:left;}
.pr-list li dl dt{ height:60px; line-height:20px; overflow:hidden;}
.pr-list li dl dd{ line-height:14px; font-size:12px; color:#666666; height:42px;}
.pr-list li figure{width:100%; height:11px; bottom:0; position:absolute;overflow:hidden;transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;-o-transition:all 0.3s linear 0s; background-color:#0a4899; z-index:1; margin:0; left:0;}
.pr-list li:hover figure{ height:100%;}
.pr-list li:hover a{ color:#fff;}
.pr-list li:hover dl dd{ color:#f0f0f0;}

.product-details{ margin-bottom:80px;}
.product-details .basic-info{ width:100%; overflow:hidden; padding-right:66px;}
.product-details .analysis-picshow{overflow:hidden; float:left;width:52%;}
.product-details .analysis-picshow .slider-nav{width:100%; margin:20px auto 0 auto;}
.product-details .analysis-picshow .slider-nav .slick-slide{  padding:5px;}
.product-details .analysis-picshow .slider-nav .slick-slide img{ width:100%; background-color:#fff;}
.product-details .analysis-picshow .slider-nav .slick-current img{ border:1px #CCCCCC solid;}
.product-details .analysis-picshow .slider-for{ width:100%; margin:0 auto; padding:0 70px;}
.product-details .analysis-picshow .slider-for .slick-slide img{ width:100%;}
.product-details .analysis-picshow .slick-prev { left:0; z-index:88; background:url(../images/d19.png) center center no-repeat;}
.product-details .analysis-picshow .slick-prev:before{ display:none;}
.product-details .analysis-picshow .slick-next{ right:0;z-index:88; background:url(../images/d20.png) center center no-repeat;}
.product-details .analysis-picshow .slick-next:before{display:none;}
.product-details .analysis-picshow .slick-next,.product-details .analysis-picshow  .slick-prev{ height:100%; width:20px; top:0; margin-top:0; }

.product-details .h-box{ float:right; overflow:hidden;width:35%; text-align:center; max-width:360px; padding-top:30px;}
.product-details .h-box h1{ width:100%; font-size:30px; color:#000;overflow:hidden; margin-top:30px;}
.product-details .h-box dl{ margin-top:22px;}
.product-details .h-box dt{ font-size:18px; color:#0a4899;}
.product-details .h-box dd{ font-size:14px; color:#666666; margin-top:44px; font-weight:bold;}
.product-details .h-box .but{ height:50px; width:100%;  overflow:hidden; font-size:18px; background-color:#0a4899; color:#fff; border:0; margin-top:70px; letter-spacing:1px;}

.product-details .content-box{ width:100%; background-color:#fff; margin-top:26px; padding:46px; overflow:hidden; border-bottom:11px #0a4899 solid; padding-bottom:100px;}
.product-details .content{ width:100%; background-color:#fff; margin-top:26px; padding:46px; overflow:hidden; line-height:180%; color:#222;}
.product-details .content img{ max-width:100%;}

.product-details .c-data{ width:100%; overflow:hidden; margin-top:20px;}
.product-details .c-data dt{ font-size:22px; }
.product-details .c-data dd{width:100%; overflow:hidden;}


.product-details  table.clist{ width:100%; margin-top:15px;}
.product-details  table.clist td{padding:10px; border:1px #d7d7d7 solid; color:#000;font-weight:600; }

.product-details  table.dlist{ width:100%; margin-top:15px; font-weight:600; text-align:center;}
.product-details  table td,.product-details  table th{padding:10px; border:1px #d7d7d7 solid; color:#000;}
.product-details  table.dlist th{ color:#1abdfc; width:25%;text-align:center;}
.product-details  table.dlist td{ width:37.5%; color:#abaaaa;}
.product-details  table.dlist .dt{ color:#000;} 

.product-details .pr-title{ font-size:24px; color:#c62122; font-weight:bold; padding:0 51px; margin-top:100px;}
.product-details .pr-list{ margin:50px auto 0 auto; padding:0 33px;}
.product-details .pr-list li{ padding:0 18px; margin-bottom:36px;}
.product-details .pr-list li a{ background-color:#f0f0f0;}

/*Huang CSS Document QQ:1353256889 */
/*
 * @author: Huang zhenghua
 * @QQ:1353256889
*/



.paginationa{clear:both; height:auto; padding:20px 0 15px 0;color:#666666; margin:50px auto;font-size:15px; text-align:center;}
.paginationa ul{display: flex; justify-content: center;}
.paginationa ul li{flex-direction: row; }
.paginationa a,.paginationa span{ min-width:42px;height:42px; line-height:42px;font-family:Arial; color:#666666; display:inline-block;overflow:hidden; border-radius:2px;text-align:center;}
.paginationa a:hover,.paginationa a.on,.paginationa li.active,.paginationa li.active span{color:#fff;text-decoration:none;background-color:#0a4899;}
.paginationa a.but{ color:#666666; line-height:42px;font-family:SimHei; margin-left:6px;}
.paginationa a.but:hover{ color:#FFF;}


footer.footer{color:#999999;overflow:hidden; width:100%; background:#333333; border-bottom:5px #003399 solid; padding:50px 10px 30px 10px;}
footer.footer .box{overflow:hidden; width:100%;max-width:1840px; margin:0 auto; position:relative; font-size:16px;}
footer.footer .nav{ overflow:hidden; width:65%; float:left;}
footer.footer .nav  dl{ width:16.6%; float:left;}
footer.footer .nav  dl dt{ line-height:30px; padding-left:15px; background:url(../images/d7.png) left 5px no-repeat; font-size:20px; font-weight:200; color:#FFF;}
footer.footer .nav  dl dd{ font-size:14px;padding-left:15px;}
footer.footer .nav a{overflow:hidden;color:#999999;text-decoration:none; display:block; width:100%;}
footer.footer .nav a:hover{ color:#fff;}


footer.footer .contact{ float:right; width:30%; overflow:hidden;}
footer.footer .logo{ float:right; display:block; clear:both;}
footer.footer .cbox{ padding:7px; width:100%; border-bottom:1px #0b4899 solid; overflow:hidden; margin-top:12px; float:right;clear:both;}
footer.footer .url{ padding-left:27px;overflow:hidden;color:#a4a4a4; line-height:30px;float:left; height:19px; line-height:19px; text-decoration:none; font-size:12px;margin-top:8px;}
footer.footer .mail{ background:url(../images/mail.png) no-repeat;}
footer.footer .tel{margin-right:30px; background:url(../images/tel.png) no-repeat;}
footer.footer .share{ float:right; margin-left:32px; width:38px; height:37px; }
footer.footer .facebook{ background:url(../images/facebook.png) no-repeat;}
footer.footer .linkin{ background:url(../images/linkin.png) no-repeat;}
footer.footer .twitter{ background:url(../images/twitter.png) no-repeat;}


footer.footer .copyright{ width:100%; padding-top:10px; font-size:14px; color:#999999; overflow:hidden;clear:both; text-align:right;}




.topback-wrapper{ bottom:220px; width:68px; right:10px; position:fixed;overflow:hidden; padding:10px; z-index:889;}
.topback-wrapper a{ display:block;width:48px; height:48px; overflow:hidden; margin-bottom:18px;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.4);  -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.4);  box-shadow:0 0 10px rgba(0, 0, 0, 0.4); border-radius:50px;}
.topback-wrapper .top{  background:url(../images/d8.png) no-repeat;}
.topback-wrapper .mail{  background:url(../images/mail-1.png) no-repeat;}
.topback-wrapper .tel{  background:url(../images/tel-1.png) no-repeat;}



@media only screen and (max-width:1660px){
	footer.footer .ct{ width:100%; overflow:hidden; text-align:right; display:block; margin-bottom:10px;}
	footer.footer .ct .url{ float:none; display:inline-block;}
	}



@media only screen and (max-width:1400px){
.indextopad{height:760px;}
.indextopad .swiper-slide{height:760px; background-size:auto 100%; background-position:right center; background-repeat:no-repeat;}
.indextopad .box{ top:22%;}
footer.footer .nav dl dt{ font-size:18px;}
}

@media only screen and (max-width:1366px){
.indextopad{height:668px;}
.indextopad .swiper-slide{height:668px; }
.indextopad .box{ top:26%;padding: 30px 15px 30px 15px; height:auto;}
.indextopad .box dt{ font-size:20px;}
.indextopad .box dd{ font-size:14px;}
.indextopad .box dd .more{ font-size:14px;}

.index-introduce .title{ font-size:18px;}
.index-introduce .aboutus dd{ font-size:16px; line-height:200%; margin-top:20px;}
.index-introduce .aboutus dd .more{ margin-top:50px;}
.nlist li .content{ font-size:14px;}
.nlist li{padding:10px 20px;}
.news-box .hont li .content{ font-size:24px;}
.news-box .hont li .pic{ width:30%;}
.news-box .hont li .content{ width:70%;}


.index-main .list li dl dt{ font-size:28px;}
.index-main .list li a dl dd i{ height:30px; line-height:30px; padding-right:40px; background-size:30px;}

footer.footer .nav dl dt{ font-size:16px;}
footer.footer .nav dl dd{ font-size:13px;}
footer.footer .share{ width:32px; height:32px; background-size:100%;}
footer.footer .logo{ width:140px; }

header.m-hd .m-logo{margin-left:30px;}
header.m-hd nav .am-nav > li > a{ padding:0 12px;}

.common_box{ max-width:1100px;}

}


@media only screen and (max-width:1270px){
.indextopad-box .swiper-button-prev{left:10px;}
.indextopad-box .swiper-button-next{ right:10px;}
.indextopad-box .swiper-button{ z-index:800;}
}

@media only screen and (max-width:1225px){
	
}

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

.indextopad .box{ left:60px;}

.index-introduce .aboutus{ padding-left:20px;}
.index-introduce{ margin-top:10px;}
.am-article{ padding:0 10px;}
footer.footer .nav dl dt{ font-size:14px;}
}

@media only screen and (max-width:1200px){
footer.footer .nav{ width:70%;}
footer.footer .contact{ width:26%;}

}


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

.indextopad{height:660px;}
.indextopad .swiper-slide{height:660px;}
.indextopad .box{ top:25%; height:auto;    padding:30px 20px 20px 20px; width:300px;}
.indextopad .box dt{ font-size:26px;}
.indextopad .box dd .more{ margin-top:0;}
.m-hd{ height:50px;}
.m-hd a{ color:#fff;}
header.m-hd nav{ float:none;}
header.m-hd2{ background-color:#1f50ba; height:50px;}

footer.footer .nav,footer.footer .contact{ width:100%;}
footer.footer .contact{ margin-top:30px;}
footer.footer .logo{ margin:0 auto; float:none;}
footer.footer .ct{ text-align:center;}
footer.footer .ct .url{ margin:0 10px;}
footer.footer .cbox{ text-align:center;}
footer.footer .share{ float:none; margin:0 10px; display:inline-block;}
footer.footer .copyright{ text-align:center;}
}

@media only screen and (max-width:820px){
.indextopad{height:560px;}
.indextopad .swiper-slide{height:560px;}
.indextopad .box{ top:18%;}
}

@media only screen and (max-width:768px){
.index-introduce .news{ width:60%;}
.index-introduce .aboutus dd .more{ margin-top:20px;}
.news-box .hont li .pic{ width:100%;}
.news-box .hont li .content{ width:100%; padding:10px 10px 30px 10px; font-size:18px; line-height:160%;}

.product-details .basic-info{ padding:0 10px;}
.product-details .analysis-picshow{ width:100%;}
.product-details .h-box{ width:100%; overflow:hidden; max-width:100%;}
.product-details .h-box .but{ margin-top:10px;}
.product-details .h-box h1{ margin-top:10px;}
.solutions2-box{ padding:30px;}
.download-box .d-box .list li{ padding:18px;}
.download-box .d-box .list li .but{ right:18px;}


}

@media only screen and (max-width:750px){
.indextopad{height:460px;}
.indextopad .swiper-slide{height:460px;}
.indextopad .box dt{ font-size:20px;}
.indextopad .box dd{ font-size:14px; line-height:140%; margin-top:10px;}
.indextopad .box{ top:26%;}
	
.nlist li .pic{ width:30%;}
.nlist li .content{ font-size:18px; padding-left:15px; line-height:24px; width:70%;}
.nlist li .content span{ height:48px;}


.solutions2-box{padding:30px 10px 40px 10px;}
.common-nav li{ padding:0 10px;}


}



@media only screen and (max-width:640px){
.indextopad{height:300px; padding-top:50px;}
.indextopad .swiper-slide{height:250px;}

.swiper-button-next, .swiper-button-prev{ width:16px; height:33px; background-size:100% !important;}
.indextopad-box .swiper-button{ margin-top:10px;}

.indextopad .box{ top:30%;height:auto;padding:10px; left:40px;width:170px;}
.indextopad .box dt{ font-size:16px; padding-bottom:0; border-bottom:0;}
.indextopad .box dd{ font-size:12px; line-height:120%; display:none;}
.indextopad .box dd .more{ width:100%; height:32px; line-height:30px; font-size:18px;}

.index-introduce .aboutus,.index-introduce .news{ width:100%; padding-left:0;}
.index-introduce .aboutus{ background-size:auto 100%;}
.index-introduce .aboutus dd{ margin-top:0; line-height:160%; padding-left:20px;}
.index-introduce .title{ padding-bottom:10px;}
.index-introduce .aboutus dd .more{ margin-top:10px;}
.index-introduce .title{ margin-top:10px; padding-left:20px;}


.index-main .common_box{ top:0;}
.index-main{  margin:10px 0 50px 0;}
.index-main .common_box{ margin-top:0}
.index-main .list li dl dt{ font-size:28px; text-align:center;}
.index-main .list li dl dd{text-align:center;}
.index-main .list li dl{ padding:5px;}

footer.footer{ padding:20px 10px;}
footer.footer .nav dl{ width:100%;}
footer.footer .nav a{ width:50%; float:left;}

.common_ad .box{ height:180px;}
.common_ad .title,.common_ad nav{ left:20px;}
.common_ad nav{ padding-left:18px;}
.contact-form{ margin-top:20px;}
.contact-box{ margin-top:10px; margin-bottom:20px;}
.contact-infolist,.contact-form{ width:100%; padding:0 20px; }
.contact-infolist dl{ margin-top:10px; padding-left:120px;}

.about-box{ margin:0 0 30px 0;}
.about-box .fleft{ width:100%; padding:0 10px;}
.about-box .fleft li{ margin:15px auto 0 auto; font-size:14px; line-height:160%;}
.about-box .fright{ width:100%; padding:10px;}
.about-box .title{ margin-top:20px;}
.about-box .services{ margin:0;}
.about-box .services li{ margin-top:20px; padding:0 10px;}
.about-box .services li .pic{ max-width:70%;}
.about-box .services li span{ font-size:14px; margin-top:10px;}


.news-box{ padding-bottom:10px;}
.news-box .nlist{ margin:0;}
.news-box .nlist li{ padding:10px;}



.paginationa{ margin:20px auto;}
.am-article-bd{ padding:0 10px;}
.am-article-title{ font-size:20px;}
.am-article .paging i{ display:none;}
.am-article .paging a{ display:block; width:100%;}
.news-show{margin:40px auto 40px auto;}

.products-box{ padding:0 10px; margin-top:20px;}
.products-box .common_leftnav{ position:static; width:100%;}
.products-box .common_leftnav .htitle { display:block;}
.products-box .common_leftnav .content{ display:none;}

.product-details .content-box{ padding:10px;}
.product-details table.clist td,.product-details table.dlist td, .product-details table.dlist th{ padding:8px 5px;}
.product-details .pr-list{ padding:0;}
.product-details .pr-title{ margin-top:30px;}

.solutions-box{ margin:30px auto;}
.solutions-box .list li span{ font-size:20px; height:80px; line-height:80px;}

.solutions2-box{ margin-bottom:50px;}
.solutions2-box .txt dd{ width:100%; padding:0 !important;}
.solutions2-box .slist{ margin:0 -10px;}
.solutions2-box .slist li{ padding:0 10px;}
.solutions2-box .slist li .pic{ border-width:5px;}

.solutions2-box .slist li p{ height:80px; font-size:14px; overflow:hidden;}
.solutions2-box .txt dd .more{ margin:20px auto 0 auto;}

.common-nav li{ width:50%; display:block; float:left; padding:0 5px; }
.common-nav li a{font-size:16px; letter-spacing:0;}

.download-box{ margin-bottom:50px; margin-top:10px; padding:0 10px;}
.download-box .d-box{ padding-bottom:40px;}
.download-box .d-box .title{ height:80px;}
.download-box .d-box .list li{ padding:16px; text-align:center;}
.download-box .d-box .list li .but{ position: static; display:block; margin:10px auto 0 auto;}



}