* {margin:0;padding:0;font-family:'微软雅黑';box-sizing:border-box;-moz-box-sizing:border-box;/* Firefox */-webkit-box-sizing:border-box;/* Safari */}
html {-webkit-text-size-adjust:none;/*解决chrome浏览器下字体不能小于12px*/}
body {font-size:12px;}
dt + dd {margin-top:0;}
input,textarea,button {color:#666;vertical-align:middle;outline:none;resize:none;}
.fl {float:left;}
.fr {float:right;}
ul,li,dl,dt,dd {list-style:none;margin:0;padding:0;}
ul > li > ul,ul > li > ol,ol > li > ol,ol > li > ul {margin:0;}
a,a:hover {text-decoration:none;}
a {color:#666;}
a:hover {color:#0156a5;}
img,video{max-width:100%;height:auto !important;max-height:100% !important;vertical-align:bottom}
p {margin:0;padding:0;}
.w {width:1200px;margin:0 auto;}
.box{width:1200px;margin:0 auto;height:100%;}
.clearfix:after { content:""; display:block; height:0px; visibility:hidden; clear:both; }
.clearfix {zoom:1; }
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-weight:normal;}
[class^="bk"] {line-height:0px;display:block;font-size:0;clear:both;}
input,textarea {color:#666;vertical-align:middle;outline:none;resize:none;}
.bk0 {height:0;}
.bk10 {height:10px;}
.bk15 {height:15px;}
.bk20 {height:20px;}
.bk30 {height:30px;}
.bk35 {height:35px;}
.bk40 {height:40px;}
.bk50 {height:50px;}
.bk55 {height:55px;}
.bk60 {height:60px;}
.bk70 {height:70px;}
.bk75 {height:75px;}
.bk80 {height:80px;}
.sitelogo {display:none;}
/*pie*/.pie {width:120px;height:120px;border-radius:50%;background:#e95549;position:relative;margin-top:20px;}
.pieLeftInner,.pieRightInner {width:120px;height:120px;background-color:#e5e5e5;border-radius:100px;position:absolute;}
.pieLeftInner {clip:rect(0px,120px,120px,60px);-o-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);}
.pieRightInner {clip:rect(0px,60px,120px,0px);-o-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);}
.pieLeft,.pieRight {width:120px;height:120px;position:absolute;z-index:1;}
.pieLeft {clip:rect(0px,120px,120px,60px);}
.pieRight {clip:rect(0px,60px,120px,0px);}
.pieInner {width:80px;height:80px;margin:20px 0 0 20px;background-color:#fff;border-radius:100px;position:absolute;z-index:1;text-align:center;line-height:80px;font-size:24px;font-weight:bold;color:#e25a4a;font-family:"寰蒋闆呴粦","榛戜綋";}
/*prograss*/.prograss {background:#eee;height:15px;width:80%;position:relative;border-radius:2px;margin-top:10px;}
.prograss .bar {background:#e95549;height:100%;width:10%;border-radius:2px 0 0 2px;}
.prograss_bar_yellow {background:#f8b757 !important;}
.tips-bg {width:100%;height:100%;position:fixed;z-index:99955599;background-color:#000;opacity:0.6;top:0;left:0;}
#tips {background-color:#fff;position:fixed;left:0;right:0;top:0;bottom:0;margin:auto;z-index:999555998;overflow:hidden;}
#tips div {overflow:hidden;position:relative;color:#666;font-size:14px;height:100%;}
#tips div .btn {display:block;position:absolute;bottom:20px;right:20px;width:60px;height:30px;background-color:#0156a5;color:#fff;line-height:30px;text-align:center;cursor:pointer;}
#tips h1 {font-size:18px;margin-bottom:10px;color:#333;font-weight:normal;}
#header {height:98px;width:100%;z-index:99999;transition:all .5s;background-color:#fff}
#header .w {position:relative;height:100%;}
#header .logo {width:220px;height:60px;position:absolute;top:0;left:0;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;margin:auto;bottom:0;background:url(../images/logo1.png) no-repeat center center;display:block}
#header .logo img {width:100%;}
#header .navgation {height:100%;transition:all .5s;float:right;}
#header .navgation li {float:left;color:#888888;margin-left:10px;position:relative;}
#header .navgation li i {margin-right:8px;color:#bebebe}
#header .navgation li a {color:#666;text-transform:capitalize;font-size:14px;display:block;padding:0 24px;line-height:95px;}
#header .navgation li a:hover {color:#0156a5;border-bottom:solid 3px #0156a5;}
#header .navgation li.active a {border-bottom:solid 3px #0156a5;color:#0156a5;}
#header .navgation li b {color:#0156a5}
#header .navgation li {position:relative;}
#header .navgation li ul {position:absolute;z-index:999999;background-color:#fff;display:none;transition:all 0.4s;top:98px;}
#header .navgation li:hover ul {display:block;}
#header .navgation li ul li {white-space:nowrap;width:100%;margin:0;}
#header .navgation li ul li a {line-height:36px;border-bottom:solid 1px #eee;width:100%;}
#header .navgation li.active ul li a {border-bottom:solid 1px #eee;color:#666;}
#header .navgation li ul li a:hover {border-bottom:solid 1px #eee;}
#header .head-right {font-size:0;border-left:solid 1px #eee;}
#header .head-right .search {display:inline-block;background:url(../images/search-ico1.png) no-repeat center;width:14px;height:100%;position:relative;}
#header .head-right .search form {display:none;}
#header .head-right {height:20px;position:absolute;top:0;bottom:0;right:0;margin:auto;z-index:99999;}
#header .head-right .language {border-radius:50%;display:inline-block;height:100%;width:20px;line-height:20px;text-align:center;background:url(../images/language.png) no-repeat;margin-left:25px;}
#header .mobile-toggle {position:absolute;right:0;cursor:pointer;top:0;bottom:0;margin:auto;display:none;height:14px;z-index:99999999;background:none;border:none;}
.bar-1,.bar-2,.bar-3 {width:30px;height:3px;background:#999;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;}
.bar-2 {margin-top:8px;}
#header .mobile-toggle .bar-1 {margin-top:0px;}
#header .mobile-toggle .bar-2 {margin-bottom:0px;}
#header .cross .bar-1 {-webkit-transform:translateY(6px) rotate(-45deg);-ms-transform:translateY(6px) rotate(-45deg);transform:translateY(6px) rotate(-45deg);}
#header .cross .bar-2 {-webkit-transform:translateY(-5px) rotate(45deg);-ms-transform:translateY(-5px) rotate(45deg);transform:translateY(-5px) rotate(45deg);}
@keyframes myNav {from {margin-top:30px;opacity:0;}
to {margin-top:0;opacity:1;}
}
@-moz-keyframes myNav /* Firefox */ {from {margin-top:30px;opacity:0;}
to {margin-top:0;opacity:1;}
}
@-webkit-keyframes myNav /* Safari 和 Chrome */ {from {margin-top:30px;opacity:0;}
to {margin-top:0;opacity:1;}
}
@-o-keyframes myNav /* Opera */ {from {margin-top:30px;opacity:0;}
to {margin-top:0;opacity:1;}
}
.slide {position:relative;margin:0;width:100%;}
.link {width:1200px;margin:20px auto;font-size:16px;}
.link span {font-size:16px;font-weight:bold;}
#footer {padding:55px 0 0;overflow:hidden;background-color:#0154a1;font-size:0;}
#footer dl {padding-right:34px;display:inline-block;vertical-align:top;position:relative;margin-right:34px;}
#footer dl:after {content:'';width:1px;height:190px;background-color:#1b65ab;position:absolute;right:0;top:0;}
#footer dl dt {font-size:15px;margin-bottom:30px;position:relative;line-height:100%;text-transform:capitalize;font-weight:bold;color:#fff;}
#footer dl dt a {color:#fff;}
#footer dl dt a:hover {color:#fff;}
#footer dl dd {font-size:12px;line-height:26px;color:#bbbbbb;}
#footer dl dd p {color:#999;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#footer dl dd a {color:#a4b7d3;}
#footer dl dd a:hover {color:#fff;}
#footer dl.msg {margin:0;padding:0;margin-left:140px;}
#footer dl.msg:after {display:none;}
#footer dl.msg dt {font-size:18px;font-weight:normal;}
#footer dl.msg dd .t {line-height:22px;color:#a4b7d3;}
#footer dl.msg dd .tel {font-size:24px;color:#fff;margin-bottom:10px;}
#footer dl.msg dd .qq {background:url(../images/qq.gif) no-repeat;width:175px;height:34px;margin-bottom:15px;}
#footer dl.msg dd .share {color:#fff;font-size:0;}
#footer dl.msg dd .share b {font-size:12px;vertical-align:top;}
#footer dl.msg dd .share p {display:inline-block;width:25px;height:25px;background:url(../images/share-icon.png) no-repeat;margin-right:10px;vertical-align:top;}
#footer dl.msg dd .share:before {content:'';width:30px;height:3px;background-color:#80aad0;display:block;margin-bottom:15px;}
#footer dl.msg dd .share p a {display:block;width:100%;height:100%;}
#footer dl.msg dd .share p.xina {background-position:-35px 0;}
#footer dl.msg dd .share p.wb {background-position:-67px 0;}
#footer dl.WeChat {float:right;margin:0;padding:0;}
#footer dl.WeChat:after {display:none;}
#footer dl.WeChat img {width:120px;}
#footer dl.WeChat p {color:#fff;text-align:center;padding:10px 0;}
.copy {height:60px;font-size:12px;color:#a4b7d3;margin-top:45px;clear:both;border-top:solid 1px #1b65ab;line-height:60px;}
.copy span {float:right;}
.copy a {color:#a4b7d3;margin-left:4px;}
.copy a:hover {color:#fff;}
.Fast-nav {position:fixed;bottom:0;left:0;width:100%;background-color:rgba(38,148,209,.96);z-index:9999999;padding:10px 0;display:block;font-size:12px;display:none;}
.Fast-nav li {width:25%;float:left;text-align:center;position:relative;}
.Fast-nav li:after {content:'';position:absolute;right:0;top:0;width:1px;height:100%;background-color:#1c8bc9;}
.Fast-nav li:nth-child(4):after {display:none;}
.Fast-nav li a {color:#fff;}
#kefu {position:fixed;top:50%;margin-top:-200px;right:10px;z-index:40;text-align:center;width:140px;height:365px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;border-radius:5px;background:#0156a5;z-index:999999;}
#kefu>h2 {margin:15px 0;font-size:22px;color:#fff;line-height:22px;}
#kefu>h2>span {font-size:12px}
#kefu>ul li {line-height:30px;width:80%;cursor:pointer;margin:10px auto;background:#fff;height:25px;font-size:14px;color:#000;border-radius:5px;vertical-align:middle}
#kefu>ul li img {vertical-align:middle;position:relative;top:-4px}
#kefu>ul li span {position:relative;margin-left:5px;top:-2px}
#kefu .qr_code {width:110px;height:108px;margin:10px auto;border-radius:5px;overflow:hidden}
#kefu .qr_code>img {width:100%;height:100%;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;border-radius:5px}
#kefu .small_tel {line-height:22px;}
#kefu .small_tel .p1 {padding-left:20px;font-size:14px;color:#fff;display:inline-block;margin:0 auto}
#kefu .small_tel .p2 {font-size:16px;color:#fff;margin:5px 0;display:inline-block;width:120px}
#kefu .close {width:50px;height:50px;text-align:center;position:absolute;top:-28px;left:45px;cursor:pointer}
#kefu .close>img {max-width:100%}
.skrollable {/* * First-level skrollables are positioned relative to window */position:fixed;/* * Skrollables by default have a z-index of 100 in order to make it easy to position elements in front/back without changing each skrollable */z-index:100;}
.skrollr-mobile .skrollable {/*May cause issues on Android default browser (see #331 on GitHub).*/position:absolute;}
.skrollable .skrollable {/* * Second-level skrollables are positioned relative their parent skrollable */position:absolute;}
.skrollable .skrollable .skrollable {/* * Third-level (and below) skrollables are positioned static */position:static;}
/* ---------------------------------------------   首页样式   ------------------------------------------------ */.banner {position:relative;overflow:hidden;height:500px;width:100%}
.banner .box {width:100%;position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/a22.png) repeat;text-align:center}
.banner .box .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.banner .box .bd ul {width:100% !important;}
.banner .box .bd li {width:100% !important;overflow:hidden;text-align:center;}
.banner .box .bd li a {display:block;height:500px;}
.banner .box .hd {width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.banner .box .hd ul {text-align:center;}
.banner .box .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:30px;height:3px;margin:0px 5px;overflow:hidden;background:rgba(255,255,255,.6);line-height:999px;border-radius:100%;}
.banner .box .hd ul .on {background:#fff;}
.banner .box .prev,.banner .box .next {background:url(../images/slide-btn.png) no-repeat;width:32px;height:59px;position:absolute;top:0;bottom:0;margin:auto;z-index:9999;display:block;cursor:pointer;}
.banner .box .prev {left:3%;}
.banner .box .next {right:3%;background-position:-180px 0}
.px {position:relative;}
.px:after {content:'';width:100%;height:100%;display:block;left:0;top:0;z-index:111;position:absolute;}
#search {height:83px;line-height:83px;color:#888;}
#search b {color:#333;}
#search a {color:#888;margin:0 10px}
#search a:hover {color:#0156a5;}
#search .searchform {float:right;font-size:0;}
#search .searchform input[type="text"] {width:310px;height:30px;border:solid 1px #e2e2e2;padding-left:10px;border-right:none;font-size:12px;}
#search .searchform input[type="submit"] {width:75px;height:30px;background-color:#0154a4;color:#fff;border:none;font-size:12px;}
#field {background-color:#f7f7f7;padding:65px 0;}
#field .tit,#field .tc,#field p {text-align:center;line-height:100%;}
#field .tit {font-size:30px;color:#333;margin-bottom:15px;}
#field .tc {font-size:16px;color:#888;margin-bottom:50px;}
#field .fielist {position:relative;width:100%;}
#field .fielist .box {overflow:hidden;}
#field .fielist .prev,#field .fielist .next {background:url(../images/field-btn.png) no-repeat;width:31px;height:55px;position:absolute;top:0;bottom:0;margin:auto;z-index:9999;display:block;transition:all .3s;}
#field .fielist .prev {left:-70px;}
#field .fielist .next {right:-70px;background-position:-49px 0;}
#field .fielist ul {overflow:hidden;zoom:1;width:100%;}
#field .fielist ul dl {width:224px;float:left;overflow:hidden;margin-right:20px;}
#field .fielist ul dl dt img {background:url(../images/loading.gif) center center no-repeat;width:100%;}
#field .fielist ul dl a {position:relative;display:block;width:100%;height:100%;}
#field .fielist ul dl a:before,#field .fielist ul dl a:after {content:'';position:absolute;top:30px;right:30px;bottom:30px;left:30px;transition:all .5s ease;opacity:0;}
#field .fielist ul dl a:before {border-top:1px solid rgba(255,255,255,.7);border-bottom:1px solid rgba(255,255,255,.7);-webkit-transform:scale(0,1);-moz-transform:scale(0,1);transform:scale(0,1);}
#field .fielist ul dl a:after {border-right:1px solid rgba(255,255,255,.7);border-left:1px solid rgba(255,255,255,.7);-webkit-transform:scale(1,0);-moz-transform:scale(1,0);transform:scale(1,0);}
#field .fielist ul dl a:hover:before,#field .fielist ul dl a:hover:after {opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);box-shadow:0 0 0 30px rgba(255,255,255,0.1);}
#field .fielist ul dl dd {position:absolute;top:0;text-align:center;width:100%;height:30px;bottom:0;left:0;right:0;margin:auto;transition:all .5s ease;}
#field .fielist ul dl dd p {font-size:24px;color:#fff;line-height:100%;margin-bottom:33px;width:60%;margin:0 auto 33px;}
#field .fielist ul dl dd span {display:inline-block;border-top:solid 1px rgba(255,255,255,.5);border-bottom:solid 1px rgba(255,255,255,.5);width:105px;line-height:37px;color:#fff;opacity:0;transition:all .5s ease;}
#field .fielist ul dl a:hover dd {height:100px;}
#field .fielist ul dl a:hover dd span {opacity:1;}
#Product {padding:30px 0;overflow:hidden;background-color:#fff;width:100%;}
#Product .cate {width:268px;float:left;}
#Product .cate .tt {background:url(../images/cate-icon.png) no-repeat 30px center #0154a4;height:100px;color:#fff;padding-left:85px;padding-top:24px;line-height:18px;font-size:16px;color:#cbd6e6;}
#Product .cate .tt .t {font-size:24px;font-weight:bold;margin-bottom:8px;line-height:100%;color:#fff;}
#Product .cate .l {border-right:solid 1px #e5e5e5;border-left:solid 1px #e5e5e5;}
#Product .cate .l ul {}
#Product .cate .l ul li.level {line-height:63px;border-bottom:solid 1px #e5e5e5;}
#Product .cate .l ul li.level a {display:block;background:url(../images/cate-icon1.png) no-repeat 32px center;padding-left:60px;font-size:16px;}
#Product .cate .l ul li.level.cur {background-color:#fdfdfd;}
#Product .cate .l ul li.level.cur a {background:url(../images/cate-icon2.png) no-repeat 32px center;color:#0156a5;}
#Product .cate .l ul li.level ul {padding-bottom:20px;}
#Product .cate .l ul li.level ul li {line-height:26px;}
#Product .cate .l ul li.level ul li a {color:#666;font-size:12px;background:url(../images/cate-icon3.png) no-repeat 64px center;padding-left:82px;}
#Product .cate .l ul li.level.cur ul li a {color:#666;font-size:12px;background:url(../images/cate-icon3.png) no-repeat 64px center;padding-left:82px;}
#Product .cate .l ul li.level ul li a:hover {color:#0156a5;}
#Product .cact {background:url(../images/case-bg.jpg) no-repeat;height:288px;border:solid 1px #e5e5e5;position:relative;border-top:none}
#Product .cact .text {position:absolute;top:122px;left:116px;color:#999;font-size:12px;width:150px;}
#Product .cact .text .t {color:#0154a4;font-size:18px;font-weight:bold;margin-bottom:15px;}
#Product .cact .text h1 {color:#0154a4;font-size:18px;font-weight:bold;margin-bottom:15px;}
#Product .cact .text .tel {color:#0154a4;font-size:20px;}
#Product .list {position:relative;float:right;width:900px;}
#Product .list .tit {font-size:20px;font-weight:bold;color:#0154a4;margin-bottom:20px;}
#Product .list .tit a {float:right;font-size:12px;color:#666;font-weight:normal;}
#Product .list .tit span {color:#999;font-size:12px;font-weight:normal;}
#Product .list .box {overflow:hidden;}
#Product .list .pro-slide {position:relative;border:solid 1px #e5e5e5;border-bottom:none;width:100%;}
#Product .list .pro-slide .prev,#Product .list .pro-slide .next {background:url(../images/featured-btn.png) no-repeat;width:17px;height:28px;position:absolute;top:0;bottom:0;margin:auto;z-index:9999;display:block;}
#Product .list .pro-slide .prev {left:23px;}
#Product .list .pro-slide .next {right:23px;background-position:-54px 0}
#Product .list .pro-slide .pic {width:100%;height:400px;}
#Product .list .pro-slide .pic a {display:block;width:100%;}
#Product .list .pro-slide .pic a .img {width:450px;float:right}
#Product .list .pro-slide .pic a .text {color:#888;line-height:20px;width:260px;float:left;margin-top:73px;margin-left:60px;}
#Product .list .pro-slide .pic a .text .t {position:relative;margin-bottom:15px;color:#333;font-size:18px;color:#0154a4;}
#Product .list .pro-slide .pic a:hover .text .t {color:#007aff;}
#Product .list .pro-slide .pic a .text .t:after {content:'';background-color:#d0d0d0;height:1px;width:33px;display:block;margin-top:22px;}
#Product .list .pro-slide .pic a .text .cl {margin-bottom:28px;color:#4f4d4d;font-size:14px;}
#Product .list .pro-slide .pic a .text .des {color:#888;line-height:30px;}
#Product .list .pro-slide .pic a .text span {width:120px;height:40px;line-height:38px;border:solid 1px #8a8a8a;display:block;margin-top:50px;text-align:center;color:#333;}
#Product .list .pro-slide .pic a:hover .text span {background-color:#0154a4;border:solid 1px #0154a4;color:#fff;}
#Product .ul-box {border:solid 1px #e5e5e5;border-right:none;font-size:0;}
#Product .ul-box dl {display:inline-block;width:33.333%;vertical-align:top;border-right:solid 1px #e5e5e5;height:301px;position:relative;overflow:hidden;}
#Product .ul-box dl dt img {width:100%;}
#Product .ul-box dl dd {position:absolute;border-top:solid 1px #e5e5e5;bottom:-59px;background-color:#fff;padding:0 10px 20px}
#Product .ul-box dl dd .t {line-height:68px;font-size:16px;}
#Product .ul-box dl dd span {font-size:12px;color:#999;}
#Product .ul-box dl dd i {display:inline-block;width:24px;height:24px;position:absolute;top:23px;right:10px;background:url(../images/ul-box-icon.png) no-repeat;transition:all .3s;}
#Product .ul-box dl a:hover dd i {background:url(../images/ul-box-icon1.png) no-repeat;}
.category-filter {border:solid 1px #eee;overflow:hidden;margin-bottom:30px;line-height:40px;border-bottom:none;}
.category-filter dl {border-bottom:solid 1px #eee;overflow:hidden;position:relative;height:auto;}
.category-filter dl dt {width:15%;background-color:#f9f9f9;float:left;padding-left:20px;height:100%;position:absolute;line-height:inherit;}
.category-filter dl dd {width:85%;float:right;padding-left:20px;}
.category-filter dl dd a {display:inline-block;padding:0 10px;line-height:20px;}
.category-filter dl dd a.cur {display:inline-block;background-color:#0154a4;color:#fff;line-height:20px;}
#ad {margin-bottom:45px;}
#ad .w {background:url(../images/ad.jpg) no-repeat;height:174px;position:relative;}
#ad .w .text {text-align:center;padding-top:30px;}
#ad .w .text .t {font-size:30px;color:#fff;line-height:100%;margin-bottom:13px;}
#ad .w .text .c {font-size:16px;color:#fff;line-height:100%;}
#ad .w .text span {display:block;width:160px;height:35px;margin:0 auto;border:solid 1px #fff;color:#fff;line-height:33px;margin-top:20px;}
#why {background:url(../images/whybg.jpg) no-repeat center top;height:619px;padding-top:60px;}
#why .tit {text-align:center;font-size:30px;color:#333;}
#why .c {text-align:center;font-size:18px;color:#999;}
#why .list {position:relative;margin-top:100px;}
#why .list dl {position:absolute;width:305px;font-size:0;}
#why .list dl dt {background-color:#0154a4;color:#fff;border-radius:50%;width:34px;height:34px;text-align:center;line-height:34px;font-size:18px;margin-right:20px;float:left;}
#why .list dl dd {font-size:12px;color:#888;width:250px;float:left;}
#why .list dl dd span {font-size:18px;color:#333;line-height:100%;margin-bottom:12px;display:block}
#why .list dl dd span:after {content:'';height:3px;width:33px;background-color:#0154a4;display:block;margin-top:12px;}
#adv {padding:55px 0;}
#adv .tit {text-align:center;font-size:30px;color:#333;}
#adv .c {text-align:center;font-size:18px;color:#999;margin-bottom:55px;}
#adv .list .row {position:relative;margin-bottom:40px;height:500px;}
#adv .list .row .img {position:relative;width:700px;}
#adv .list .row .img .bd {position:relative;height:100%;z-index:0;}
#adv .list .row .img .bd li {zoom:1;vertical-align:middle;}
#adv .list .row .img .bd img {display:block;width:100%;}
#adv .list .row .img .hd {height:10px;overflow:hidden;position:absolute;bottom:10px;z-index:999;text-align:center;left:340px;}
#adv .list .row .img .hd ul {overflow:hidden;zoom:1;}
#adv .list .row .img .hd ul li {float:left;margin:0 5px;width:10px;height:10px;text-align:center;background:#fff;cursor:pointer;opacity:0.5;display:inline-block;border-radius:100%;}
#adv .list .row .img .hd ul li.on {background:#0154a4;opacity:1;}
#adv .list .row .img:after {content:'';width:60px;height:1px;background-color:#0154a4;position:absolute;bottom:155px;left:-30px;display:block;z-index:9999;}
#adv .list .row .text {background:url(../images/adv-bg.png) no-repeat;height:400px;width:600px;position:absolute;right:0;top:0;bottom:0;margin:auto;padding:75px 63px;z-index:9999;}
#adv .list .row .text:after {content:'';width:30px;height:1px;background-color:#0154a4;position:absolute;top:80px;right:-15px;display:block;}
#adv .list .row .text li {font-size:14px;color:#666;line-height:30px;margin-bottom:45px;position:relative;padding-left:20px;}
#adv .list .row .text li:before {content:'';width:5px;height:21px;background-color:#0154a4;display:block;position:absolute;top:2px;left:0;}
#adv .list .row .text span {font-size:24px;color:#333;line-height:100%;margin-bottom:20px;display:block}
#adv .list .row1 {position:relative;height:500px;}
#adv .list .row1 .img {position:relative;width:700px;float:right;}
#adv .list .row1 .img .bd {position:relative;height:100%;z-index:0;}
#adv .list .row1 .img .bd li {zoom:1;vertical-align:middle;}
#adv .list .row1 .img .bd img {display:block;width:100%;}
#adv .list .row1 .img .hd {height:10px;overflow:hidden;position:absolute;bottom:10px;z-index:999;text-align:center;left:350px;}
#adv .list .row1 .img .hd ul {overflow:hidden;zoom:1;}
#adv .list .row1 .img .hd ul li {float:left;margin:0 5px;width:10px;height:10px;text-align:center;background:#fff;cursor:pointer;opacity:0.5;display:inline-block;border-radius:100%;}
#adv .list .row1 .img .hd ul li.on {background:#0154a4;opacity:1;}
#adv .list .row1 .img:after {content:'';width:60px;height:1px;background-color:#0154a4;position:absolute;bottom:155px;right:-30px;display:block;z-index:9999;}
#adv .list .row1 .text {background:url(../images/adv-bg1.png) no-repeat;height:400px;width:600px;position:absolute;left:0;top:0;bottom:0;margin:auto;padding:75px 63px;z-index:9999;}
#adv .list .row1 .text:after {content:'';width:30px;height:1px;background-color:#0154a4;position:absolute;top:80px;left:-15px;display:block;}
#adv .list .row1 .text li {font-size:14px;color:#666;line-height:30px;margin-bottom:45px;position:relative;padding-left:20px;}
#adv .list .row1 .text li:before {content:'';width:5px;height:21px;background-color:#0154a4;display:block;position:absolute;top:2px;left:0;}
#adv .list .row1 .text span {font-size:24px;color:#333;line-height:100%;margin-bottom:20px;display:block}
#case {background-color:#f8f8f8;padding:55px 0;overflow:hidden;}
#case .tit {text-align:center;font-size:30px;color:#333;}
#case .c {text-align:center;font-size:18px;color:#999;margin-bottom:55px;}
#case .list {position:relative;height:320px;overflow:hidden;}
#case .list .box {overflow:hidden;height:280px;font-size:0;width:1300px;}
#case .list dl {width:300px;overflow:hidden;display:inline-block;vertical-align:top;}
#case .list dl a {display:block;width:600px;}
#case .list dl dt {width:300px;float:left;}
#case .list dl dt img {width:100%;}
#case .list dd {width:300px;background-color:#fff;padding:40px 28px;float:left;height:320px;font-size:12px;color:#999;line-height:24px;}
#case .list dd .t {font-size:16px;color:#0154a4;line-height:100%;margin-bottom:6px;line-height:24px;}
#case .list dd .t:after {content:'';width:30px;height:1px;display:block;background-color:#cecece;margin-top:18px;}
#case .list dd .c1 {font-size:12px;color:#999;}
#case .list dd span {display:block;width:120px;line-height:36px;background-color:#0154a4;color:#fff;border-radius:20px;margin-top:30px;text-align:center;font-size:14px;}
#case .list dl.cur {width:600px;}
.case-pagination {position:absolute;z-index:9999;text-align:center;bottom:0;width:100%;}
.case-pagination .swiper-pagination-bullet {background-color:#fff;border:solid 1px #666;width:12px;height:12px;opacity:1;margin-left:10px;}
.case-pagination .swiper-pagination-bullet-active {background-color:#0154a4;border:solid 1px #0154a4;}
#fields {padding:150px 0 60px;overflow:hidden;height:710px;background-size:cover;}
#fields h1 {text-align:center;font-size:36px;font-weight:bold;color:#fff;margin-bottom:45px;}
#fields .list {font-size:0;}
#fields .list dl {width:20%;display:inline-block;vertical-align:top;position:relative;}
#fields .list dl:after {content:'';width:1px;height:370px;background-color:#3376b3;position:absolute;right:0;top:0;}
#fields .list dl dt {height:170px;position:relative;}
#fields .list dl dt img {position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
#fields .list dl dd {text-align:center;font-size:14px;color:#b4cbe1;padding:0 8%;position:absolute;bottom:0;left:0;width:100%;}
#fields .list dl dd h2 {font-size:24px;color:#fff;text-transform:uppercase;margin-bottom:40px;font-weight:bold;}
#about {padding:60px 0;overflow:hidden;background-color:#fff;width:100%;}
#about .tit {text-align:center;font-size:30px;color:#333;line-height:100%;margin-bottom:15px;}
#about .c {text-align:center;font-size:18px;color:#999;margin-bottom:55px;}
#about .img {width:602px;float:left;background:#f3f3f3;height:337px;}
#about .img img {}
#about .text {width:550px;float:right;font-size:14px;color:#777;line-height:28px;}
#about .text .t {font-size:18px;color:#333;margin-bottom:30px;line-height:100%;}
#about .text .more {display:block;width:148px;height:55px;text-align:center;line-height:51px;font-size:14px;text-transform:uppercase;font-weight:bold;border:solid 2px #0156a5;margin-top:30px;color:#0156a5;transition:all .3s;}
#about .text .more:hover {border:solid 2px #0156a5;background-color:#0156a5;color:#fff;}
#Strength {padding:60px 0;overflow:hidden;background-color:#f8f8f8;width:100%;}
#Strength .tit {text-align:center;font-size:30px;color:#333;line-height:100%;margin-bottom:35px;}
#Strength .tit:after {content:'';width:60px;height:1px;background-color:#ccc;display:block;margin:0 auto;margin-top:20px;}
#Strength .Strelist .box {overflow:hidden;}
#Strength .Strelist {position:relative;}
#Strength .Strelist ul {width:100%;}
#Strength .Strelist ul li {background-color:#fff;width:288px;margin:0 8px;}
#Strength .Strelist ul li a {margin:8px;display:block}
#Strength .Strelist ul li img {width:100%;background:url(../images/loading.gif) center center no-repeat;}
#Strength .Strelist ul li p {line-height:60px;font-size:14px;position:relative;}
#Strength .Strelist ul li p i {display:inline-block;width:24px;height:24px;position:absolute;top:23px;right:0;background:url(../images/ul-box-icon.png) no-repeat;transition:all .3s;}
#Strength .Strelist ul li a:hover p i {background:url(../images/ul-box-icon1.png) no-repeat;}
#Strength .Strelist .prev,#Strength .Strelist .next {background:url(../images/strength-btn.png) no-repeat;width:50px;height:50px;position:absolute;top:0;bottom:0;margin:auto;z-index:9999;display:block;}
#Strength .Strelist .prev {left:-100px;}
#Strength .Strelist .next {right:-100px;background-position:-107px 0}
#info {overflow:hidden;padding:45px 0;}
#info .news {width:836px;float:left;}
#info .news ul.navs {display:block;height:52px;}
#info .news ul.navs li {width:33.333%;line-height:52px;float:left;text-align:center;font-size:18px;background-color:#f6f6f6}
#info .news ul.navs li.cur a {background-color:#0154a1;display:block;color:#fff;}
#info .news .list {border:solid 3px #f6f6f6;border-top:none;position:relative;height:393px;}
#info .news .box {position:absolute;top:0;left:0;padding:25px;width:100%;}
#info .news .list dl {width:100%;overflow:hidden;margin-bottom:30px;}
#info .news .list dl dt {position:relative;line-height:20px;width:279px;float:left;height:170px;}
#info .news .list dl dt img {width:100%;}
#info .news .list dl dt .date {position:absolute;width:85px;height:85px;background-color:#ffdf00;right:35px;bottom:-17px;text-align:center;line-height:100%;color:#000;font-style:italic;font-size:14px;}
#info .news .list dl dt .date h4 {font-size:30px;font-weight:bold;line-height:100%;padding:15px 0 5px;}
#info .news .list dd {font-size:14px;color:#999;width:480px;float:right;line-height:26px;}
#info .news .list dd .t {font-size:18px;color:#333;line-height:100%;padding:0 0 25px;}
#info .news .list dl a:hover dd .t {color:#0154a1;}
#info .news .list dd .c {font-size:14px;color:#999;line-height:26px;}
#info .news .list dd span {width:113px;height:40px;border:solid 2px #0154a1;text-align:center;line-height:36px;display:block;color:#0154a1;margin-top:30px;}
#info .news .list ul {font-size:0;list-style-type:square}
#info .news .list ul li {display:inline-block;width:50%;line-height:30px;vertical-align:top;font-size:12px;}
#info .faq {width:336px;float:right;}
#info .faq .tit {height:52px;background-color:#0154a1;font-size:18px;line-height:52px;padding:0 10px;color:#fff;}
#info .faq .tit a {font-size:12px;color:#b8c6dc;float:right;}
#info .faq .faqli {border:solid 3px #f6f6f6;padding:35px 25px;border-top:none;height:393px;}
#info .faq .faqli .boxs {height:325px;overflow:hidden;}
#info .faq .faqli .bd {height:340px;}
#info .faq .faqli .bd ul {width:100%;}
#info .faq .faqli ul .swiper-slide {border-bottom:dashed 1px #d8d8d8;}
#info .faq .faqli ul li {background:url(../images/faq-icon.gif) no-repeat;padding-left:30px;margin-bottom:10px;}
#info .faq .faqli ul li a {line-height:24px;color:#999;display:block;}
#info .faq .faqli ul li a .w {font-size:14px;color:#333;line-height:100%;margin-bottom:15px;}
#info .faq .faqli ul li a:hover .w {color:#0154a1;}
#info .faq .faqli ul li a .d {line-height:20px;}
#product {padding:54px 0;overflow:hidden;background-color:#fff;}
#product .cate {width:300px;float:left;}
#product .cate .t {text-transform:uppercase;height:90px;background-color:#0156a5;color:#fff;line-height:90px;font-size:30px;position:relative;}
#product .cate .t span {border-right:solid 1px #80d2a0;border-left:solid 1px #80d2a0;line-height:100%;display:block;width:220px;text-align:center;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:24px;font-weight:bold;}
#product .cate .lists {border:solid 1px #e9e9e9;border-top:none;border-bottom:none;}
#product .cate .lists ul {}
#product .cate .lists ul li.child1 {border-bottom:solid 1px #e9e9e9;padding:22px 20px;}
#product .cate .lists ul li.child1 a {font-size:18px;color:#333;text-indent:23px;display:block;}
#product .cate .lists ul li.child1 ul.child2 {padding-top:10px;}
#product .cate .lists ul li.child1 ul.child2 li {line-height:29px;}
#product .cate .lists ul li.child1 ul.child2 a {font-size:12px;color:#666;text-indent:38px;}
#product .cate .lists ul li.child1 ul.child2 li ul.child3 {padding:5px 0;}
#product .cate .lists ul li.child1 ul.child2 li ul.child3 li {line-height:26px;}
#product .cate .lists ul li.child1 ul.child2 li ul.child3 a {color:#888;text-indent:50px;}
#product .pro_img {float:right;width:866px;}
#product .pro_img .t {font-size:18px;color:#333;line-height:100%;margin-bottom:26px;}
#product .pro_img .t a {float:right;font-size:12px;color:#999;line-height:18px;display:block;}
#product .pro_img .pro_slide {overflow:hidden;position:relative;margin-bottom:15px;}
#product .pro_img .pro_slide .swiper-slide {position:relative;}
#product .pro_img .pro_slide .swiper-slide .text {position:absolute;bottom:0;left:0;background-color:rgba(0,0,0,.7);line-height:70px;width:100%;font-size:14px;text-indent:20px;}
#product .pro_img .pro_slide .swiper-slide a .text {color:#fff;}
#product .pro_img .pro_slide .swiper-pagination {top:0;right:43px;width:43px;height:43px;line-height:43px;color:#fff;background-color:rgba(0,0,0,.7);left:auto;}
#product .pro_img .pro_slide .slide-button-prev,#product .pro_img .pro_slide .slide-button-next {width:43px;height:43px;position:absolute;top:0;margin:auto;z-index:9999;display:block;}
#product .pro_img .pro_slide .slide-button-prev {right:86px;}
#product .pro_img .pro_slide .slide-button-next {right:0;background-position:-47px 0}
#product .pro_img .pro_slide .slide-button-prev:hover {background-position:0 -47px;}
#product .pro_img .pro_slide .slide-button-next:hover {background-position:-47px -47px;}
#product .pro_img ul {margin-right:-14px;}
#product .pro_img ul li {float:left;width:33.33%;}
#product .pro_img ul li a {margin-right:14px;display:block;}
#product .pro_img ul li h4 {height:61px;line-height:61px;border-bottom:solid 1px #e9e9e9;font-size:14px;color:#666;}
#design {height:485px;padding:130px 0;overflow:hidden;}
#design .design-bg {position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;}
#design dl {width:25%;float:left;color:#fff;text-transform:uppercase;position:relative;}
#design dl:after {content:'';position:absolute;right:0;top:0;height:250px;background-color:rgba(255,255,255,.15);width:1px;}
#design dl:nth-child(4):after {display:none;}
#design dl dt {text-align:center;padding:20px 0;}
#design dl dd {text-align:center;color:#e4dbcb;line-height:24px;}
#design dl dd h2 {padding:27px 0;color:#fff;line-height:100%;font-weight:bold;}
#about .lists .about_slide {width:595px;height:307px;position:absolute;bottom:0;left:0;}
#about .lists .about_slide .box {width:100%;height:100%;overflow:hidden;}
#about .lists .about_slide .about-slide-pagination {text-align:left;}
#about .lists .about_slide>.swiper-pagination-bullets {left:0;top:-25px;bottom:auto;position:absolute;}
#about .lists .about_slide>.swiper-pagination-bullets span {margin-right:10px;width:11px;height:11px;}
#about .lists .about_slide>.swiper-pagination-bullets span.swiper-pagination-bullet-active {background-color:#0156a5;}
#industry {background-color:#fbfbfb;}
#industry h1 {font-size:30px;color:#333;text-transform:uppercase;height:147px;line-height:147px;text-align:center;}
#industry .lists {overflow:hidden;}
#industry .lists ul {margin-right:-13px;}
#industry .lists li {width:25%;display:inline-block;vertical-align:top;margin-right:-3px;margin-bottom:24px;}
#industry .lists li a {display:block;margin-right:13px;background-color:#fff;}
#industry .lists li a .img {overflow:hidden;position:relative;}
#industry .lists li a img {width:100%;transition:all .5s;}
#industry .lists li a:hover img {transform:scale(1.1);}
#industry .lists li a p {line-height:70px;text-align:center;font-size:15px;position:relative;}
#industry .lists li a p font {position:relative;z-index:99;}
#industry .lists li a:hover p font {color:#fff;}
#industry .lists li a p:before,#industry .lists li a p:after,#industry .lists li a p span:before,#industry .lists li a p span:after {content:'';position:absolute;top:0;left:0;width:0;height:100%;background:#0156a5;-webkit-transition:0.4s;transition:0.4s;}
#industry .lists li a p:after,#industry .lists li a p span:before {left:auto;right:0;}
#industry .lists li a p span:before,#industry .lists li a p span:after {-webkit-transition-delay:0.4s;transition-delay:0.4s;}
#industry .lists li a:hover p:before,#industry .lists li a:hover p:after,#industry .lists li a:hover p span:before,#industry .lists li a:hover p span:after {width:100%;}
#industry .lists .more {display:block;text-align:center;height:70px;line-height:70px;text-transform:uppercase;font-size:18px;color:#333;}
/* ---------------------------------------------   内页样式   ------------------------------------------------ */

.nbanner{height:300px;color:#fff;}
.nbanner .box{position:relative}
.nbanner .content{position:absolute;top:50%;transform:translateY(-50%);box-sizing:border-box;}
.nbanner .content h1,.nbanner .content .title{font-size:30px;color:#fff;text-align:left;display:block;position: relative;font-weight: bold;white-space:pre-line}
.nbanner .content .slogan{ font-size:16px;color:#fff;text-align:left;margin-top:10px;}
.nbannerinfo{height:240px;}




#page-slide {height:300px;overflow:hidden;}
#page-slide .ds {position:absolute;font-size:26px;top:38%;left:3%;}
#page-slide .ds .t {font-size:30px;font-weight:bold;color:#0156a5;}
#page-slide .ds .t:after {content:'';display:block;height:1px;width:80px;background-color:#ccc;margin-bottom:15px;margin-top:15px;}
#page-slide .ds .c {}
#page-slide .dsnw {position:absolute;font-size:26px;top:37%;text-align:center;width:100%;color:#FFF;}
#page-slide .dsnw .t {font-size:30px;font-weight:bold;color:#FFF;}
#page-slide .dsnw .t:after {content:'';display:block;height:1px;width:80px;background-color:#ccc;margin:0 auto;margin-bottom:15px;margin-top:15px;}
#page-slide .dsnw .c {}

/* ---------------------------------------------   内页子菜单   ------------------------------------------------ */
.nav-box {line-height:40px;border-bottom:solid 1px #f4f4f4;background-color:#fff;}

.nav-box ul {width:100%}
.nav-box ul li {font-weight:normal;color:#666;display:inline-block;height:40px;}
.nav-box ul li.current {border-bottom:solid 3px #028cd5;}
.nav-box ul li a {padding:0 18px;font-size:14px;color:#666;display:block;}
.nav-box ul li.current a {color:#028cd5;}
.nav-box ul li a:hover {color:#028cd5;}
.detail table,td,th {border:solid 1px #eee;}
td,th {padding:10px;}
.container {padding:40px 0;overflow:hidden;}
.container .about {overflow:hidden;font-size:14px;color:#666;line-height:35px;}
.container .about #about-pic {float:right;margin-left:30px;margin-top:10px;}
.child {border-top:solid 1px #f1f1f1;padding:40px 0 85px;overflow:hidden;}
.child .w {overflow:hidden;}
.child .swiper-slide {position:relative;}
.child .swiper-slide .img {overflow:hidden;width:100%;}
.child .swiper-slide img {width:100%;transition:all .35s}
.child .swiper-slide a:hover img {transform:scale(1.1);}
.child .swiper-slide .text {height:65px;width:100%;position:absolute;bottom:0;left:0;background-color:rgba(25,142,206,.85);color:#fff;font-size:18px;transition:all .35s;padding:20px;}
.child .swiper-slide .text i {position:absolute;right:5%;top:33px;width:18px;height:10px;display:block;}
.child .swiper-slide .text p {font-size:12px;line-height:24px;margin-top:15px;transition:all .35s;opacity:0;-webkit-transition-delay:0.2s;transition-delay:0.2s;}
.child .swiper-slide a:hover .text p {opacity:1;}
.child .swiper-slide a:hover .text {height:140px;}
.list-faq {width:900px;float:right;}
.list-faq ul {margin-bottom:40px;}
.list-faq ul li {margin-bottom:30px;color:#999;border-bottom:dashed 1px #ddd;padding-bottom:30px;}
.list-faq ul li a {color:#666;font-size:14px;line-height:28px;}
.list-faq ul li .t {font-size:16px;color:#333;line-height:100%;margin-bottom:10px;}
.list-faq ul li a:hover .t {color:#0154a4;text-decoration:underline;}
.list-faq ul li .c {color:#666;font-size:14px;line-height:28px;}
.list-faq ul.sitemap li {margin-bottom:0px;padding-bottom:0px;}
/* ---------------------------------------------   内页关于我们   ------------------------------------------------ */.page .group {padding:4.8% 0 6.5%;background:#f5f5f5;font-size:14px;line-height:2;color:#777;text-align:center;}
.page .group .detail {width:82.5%;padding-top:3%;margin:0 auto;}
.page .group .detail h2 {font-size:20px;line-height:2;color:#000;margin-bottom:7px;}
.page .group .detail a {display:inline-block;width:136px;border:1px solid #035cac;background:#035cac;margin-top:4.6%;font-size:14px;line-height:38px;color:#fff;transition:all 0.5s;margin-bottom:10px;}
.page .group .detail a:hover {background:#f5f5f5;color:#035cac;}
.page .title {text-align:center;font-size:30px;line-height:36px;color:#035cac;text-transform:uppercase;position:relative;}
.page .title span {position:relative;display:inline-block;padding:0 35px;line-height:36px;}
.page .title span:before,.page .title span:after {content:"";display:inline-block;position:absolute;top:17.5px;width:27px;height:1px;background:#c8c8c8;}
.page .title span:before {left:0;}
.page .title span:after {right:0;}
.contact {padding:6% 0;overflow:hidden;}
.contact .title {text-align:center;font-size:30px;line-height:36px;color:#035cac;text-transform:uppercase;position:relative;}
.contact .title span {position:relative;display:inline-block;padding:0 35px;line-height:36px;}
.contact .title span:before,.contact .title span:after {content:"";display:inline-block;position:absolute;top:17.5px;width:27px;height:1px;background:#c8c8c8;}
.contact .title span:before {left:0;}
.contact .title span:after {right:0;}
.contact .top {font-size:0;border-bottom:solid 1px #eee;padding-bottom:4%;margin-bottom:4%;padding-top:5%;}
.contact .top div {display:inline-block;width:33.33%;position:relative;padding-left:100px;}
.contact .top div i {font-size:50px;position:absolute;left:0;top:0;height:80px;width:80px;border:solid 1px #0156a5;border-radius:50%;text-align:center;line-height:80px;bottom:0;margin:auto;color:#0156a5;}
.contact .top div h5 {font-size:20px;color:#444;/* font-weight:bold;*/padding-bottom:10px;line-height:100%;}
.contact .top div p {font-size:14px;color:#666;line-height:24px;}
.contact .top div p span {color:#0156a5;}
.contact .contam {width:100%;margin:30px auto}
.ovh {overflow:hidden;}
.por {position:relative;}
.poa {position:absolute;}
.page .white.title {color:#fff;}
.page .white.title span:before,.page .white.title span:after {background:#fff;opacity:0.8;}
.page1 {padding:3% 0;font-size:14px;line-height:30px;color:#666;}
.page1 h1 {font-size:24px;padding:10px 0}
.page .history {padding:4.6% 0 3%;background:url(../images/bg_bg03.jpg) no-repeat center center fixed;background-size:cover;}
.page .history .line {left:0;top:50%;width:100%;height:2px;background:#fff;margin-top:-1px;}
.page .history .in {background:url(../images/bg_line01.png) repeat-x center;height:514px;margin-top:20px;}
.page .history .list-box {width:1040px;height:612px;margin-left:100px;}
.page .history .list-box ul {height:612px;}
.page .history .list-box li {position:absolute;bottom:355px;width:220px;min-height:176px;padding-left:32px;background:url(../images/bg_line02.png) no-repeat left top;font-size:13px;line-height:20px;color:#cee5fa;}
.page .history .list-box li .fwn {font-size:36px;line-height:50px;color:#fff;}
.page .history .list-box li.cur .fwn {font-weight:bold;font-size:46px;line-height:60px;}
.page .history .list-box li img {display:block;max-width:100%;margin:18px 0;}
.page .history .list-box li:nth-child(2n) {bottom:auto;top:258px;padding-top:42px;background:url(../images/bg_line03.png) no-repeat left -79px;}
.page .history .list-box li:nth-child(2) {left:120px;}
.page .history .list-box li:nth-child(3) {left:330px;}
.page .history .list-box li:nth-child(4) {left:450px;}
.page .history .list-box li:nth-child(5) {left:660px;}
.page .history .list-box li:nth-child(6) {left:780px;}
.page .history .btn {top:50%;width:37px;height:37px;margin-top:-18.5px;cursor:pointer;}
.page .history .btn.prev {left:0;background:url(../images/prev01.png) no-repeat #035cac;}
.page .history .btn.next {right:0;background:url(../images/next01.png) no-repeat #035cac;}
.page .honor,.duty-wrap .honor {padding:3.3% 0 4.3%;background-color:#fff;}
.page .honor {}
.page .honor.bggray,.duty-wrap .honor.bggray {background:#f5f5f5;}
.page .honor .tips,.duty-wrap .honor .tips {font-size:14px;line-height:2;color:#666;text-align:center;}
.page .honor .list,.duty-wrap .honor .list {margin-top:5%;}
.page .honor li,.duty-wrap .honor li {position:relative;overflow:hidden;padding-bottom:5.5%;}
.page .honor li a {display:block;}
.page .honor li img,.duty-wrap .honor li img {display:block;max-width:100%;margin:0 auto;}
.page .honor .btn,.duty-wrap .honor .btn {text-align:center;}
.page .honor .btn a,.duty-wrap .honor .btn a {display:inline-block;width:136px;background:#035cac;border:1px solid #035cac;font-size:14px;line-height:38px;color:#fff;transition:all 0.5s;}
.page .honor .btn a:hover,.duty-wrap .honor .btn a:hover {background:none;color:#035cac;}
.page .honor li p {font-size:14px;text-align:center;line-height:28px;}
.page .mission,.duty-wrap .mission {padding:5.2% 0 7.8%;background:url(../images/bg_bg05.jpg) no-repeat center bottom fixed;background-size:cover;}
.page .mission .scroll-box,.duty-wrap .mission .scroll-box {width:73.5%;height:148px;margin:4.4% auto 1.8%;font-size:14px;line-height:26px;color:#666;text-align:center;}
.page .mission .scroll-box .scroll,.duty-wrap .mission .scroll-box .scroll {left:0;top:0;width:100%;}
.page .mission .scroll-box .fwn,.duty-wrap .mission .scroll-box .fwn {margin-bottom:4px;font-size:20px;line-height:2;color:#000;}
.page .mission .btns,.duty-wrap .mission .btns {height:29px;text-align:center;}
.page .mission .btns span,.duty-wrap .mission .btns span {display:inline-block;width:29px;height:29px;background:url(../images/prev02.png) no-repeat;margin:0 8px;cursor:pointer;}
.page .mission .btns span.down,.duty-wrap .mission .btns span.down {background-image:url(../images/next02.png);}
.page .mission .scroll-box,.duty-wrap .mission .scroll-box {width:73.5%;height:148px;margin:4.4% auto 1.8%;font-size:14px;line-height:26px;color:#666;text-align:center;}
.container .news {}
.container .news dl {overflow:hidden;margin-bottom:45px;}
.container .news dl dt {width:362px;float:left;}
.container .news dl dt img {width:100%;}
.container .news dl dd {width:800px;float:right;}
.container .news dl a {color:#999;font-size:14px;}
.container .news dl a dd .t {font-size:18px;font-weight:normal;color:#333;margin-bottom:15px;}
.container .news dl a:hover dd .t {color:#0156a5;}
.container .news dl a dd .c {color:#999;font-size:14px;}
.container .news dl a dd .date {margin-top:40px;}
.container .news dl a dd .date i {margin-right:10px;}
.container .appli {width:100%;}
.container .appli li {float:left;width:23%;margin:0 1% 1%;}
.container .appli li img {width:100%;}
.container .appli li p {font-size:16px;line-height:30px;text-align:center;}
.tags {}
.tags dl {overflow:hidden;margin-bottom:45px;}
.tags dl dt {width:28%;float:left;}
.tags dl dt img {width:100%;border:solid 1px #ddd;}
.tags dl dd {width:70%;float:right;}
.tags dl a {color:#999;font-size:14px;}
.tags dl a dd h2 {font-size:18px;font-weight:normal;color:#333;margin-bottom:15px;}
.tags dl a:hover dd h2 {color:#0156a5;}
.tags dl a dd .date {margin-top:40px;}
.tags dl a dd .date i {margin-right:10px;}


.side_title {padding: 15px 0;border-bottom: #f0eeee 1px solid;font-weight: bold;background: #fff;display:flex;justify-content:space-between;flex-wrap:wrap;place-items:center;}
.side_title span {font-size:20px;}
.side_title a {font-size:14px; font-weight:normal; }
.side_title a:hover{color: #666;}
.main_left{width:70%;float:left;margin-bottom:50px;}
.main_left .newlist{width:100%;display: block;margin-bottom:2%}
.main_left .newlist li {transition: all .8s;width:100%;padding:20px 0;float:left;border-bottom:#f0eeee 1px solid}
.main_left .newlist li>a{display:block;}
.main_left .newlist p { color: #777; line-height: 24px; word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2;}
.main_left .newlist h2 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0px 0 8px; line-height: 28px; font-size: 18px; }
.main_left .newlist .b_time{color: #cbcbcb;font-size:15px;display:block;padding:5px 0}
.main_left .newlist li i { display: block; overflow: hidden; width: 210px; height: 120px; float: left; margin-right: 20px; border-radius: 4px; }
.main_left .newlist .pc_list {overflow: hidden;display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 12px;}
.main_left .newlist .pc_list em { display: block; float: left; width: 31%; height: 140px; overflow: hidden; border-radius: 4px; }
.main_left .newlist .pc_list em img { width: 100%; min-height: 100%; }
.main_left .newlist li img { transition: .5s; width: 100%; min-height: 100%; }
.main_left .newlist li img:hover { transform: scale(1.1) }
.content_box { background: #fff;width:100%;}
.content_box h1 { font-size:28px; margin:15px 0;font-weight:bold}
.content_box .content_info { color: #888; font-size:15px; padding-bottom: 10px; border-bottom: #ccc 1px dotted;}
.content_box .content_info span { margin-right: 10px; }
.content_box .content_text {margin:0 0 30px;word-break: break-word;color:#333}
.content_box .content_text p { margin-bottom:16px; line-height: 26px; font-size: 16px;}
.content_box .content_text p:last-child{margin-bottom:0;}
.content_box .content_text a:hover {color:#2674de;}
.content_box .content_text strong {font-size:20px;font-weight:bold;}
.content_box .content_text img { margin: 15px auto; max-width: 100% !important; height: auto !important; }
.content_box .content_text video { height: auto !important; max-width: 100% !important; margin: auto; display: block }
.content_box .content_text iframe { width: 100%; min-height: 400px; }
.content_box .content_text ul, .content_text ol { margin: 20px 0 20px 35px; }
.content_box .content_text ul li, .content_text ol li { margin-top: 3px; line-height: 30px; list-style-type: disc; }
.content_box .content_text hr { margin: 20px 0; }
.content_box .content_text table { margin-bottom: 20px !important }
.content_box .tags {width:100%;padding:10px 0}
.content_box .tags a {color:#999;border: #e9e5e5 1px solid;padding:5px 20px;font-size:14px;margin-right:6px;display: inline-block}
.content_box .tags a:hover {color: #fff;background: #2674de;}
.content_box .info_next {margin:20px 0; border-top: #efefef 1px solid;border-bottom: #efefef 1px solid; padding:10px 0; }
.content_box .info_next p{color:#333;line-height: 34px;}
.content_box .info_next p a { }
.content_box .video-container{cursor:pointer;margin-top:20px;}
.content_box .video-container video{width:100%;}

.main_right{width:28%;float:right;position:sticky;top:0;margin-bottom:50px;}
.main_right .side_nav{width:100%;}
.main_right .side_nav ul{width:80%;margin:0 auto;padding:10px 0;}
.main_right .side_nav ul li{margin:5px 0; width:100%;line-height:40px;border-radius:10px;border:solid 1px #f0f0f0; text-align: center;background:#f0f0f0;}
.main_right .side_nav ul li a{width:100%;display:block;font-size:16px;}
.main_right .side_nav ul li:hover{background:#2674de}
.main_right .side_nav ul li:hover a{color:#fff} 
.main_right .side_nav ul li.on{background:#2674de}
.main_right .side_nav ul li.on a{color:#fff} 
.main_right .recom_case{width:100%;}
.main_right .recom_case ul {padding:10px 0;overflow: hidden;width:100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.main_right .recom_case ul li { width:49%;margin-bottom: 15px; font-size: 15px; }
.main_right .recom_case ul li a { display: block;overflow: hidden}
.main_right .recom_case ul li:nth-child(n+3){ margin-bottom: 0; }
.main_right .recom_case ul li i { display: block; width: 100%; height:inherit; overflow: hidden; margin-bottom: 5px; }
.main_right .recom_case ul li img { width: 100%; min-height: 100%; transition: all .5s }
.main_right .recom_case ul li:hover img { transform: scale(1.1) }
.main_right .recom_case ul li p{font-size:15px;}

.main_right .recom_video{width:100%;}
.main_right .recom_video .video{width:100%;}
.main_right .recom_video .video a{width:100%;position: relative;display:block;}
.main_right .recom_video .video a img{max-width:100%}
.main_right .recom_video .video a:before{content:'';background: url(../images/videoico.png) center center no-repeat;background-size:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;}
.relatednews_news {width:100%;}
.relatednews_news ul{width:100%;padding:10px 0}
.relatednews_news ul li {position: relative;padding-left: 15px;font-size:15px;line-height:30px;overflow:hidden;height:30px}
.relatednews_news ul li:before { content: ""; width: 4px; height: 4px; border-radius: 4px; position: absolute; left: 0; top: 14px; background: #a8d4d7; }
.relatednews_news ul li span{float:right;color:#666}
.relatednews_news ul li a{display:inline-block;width:calc(100% - 84px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}


.newsDetail {}
.newsDetail h1.t {text-align:center;font-size:30px;font-weight:bold;}
.newsDetail h3{    font-weight: bold;    line-height: 33px;    margin: 40px 0 15px 0;} /*ccadd*/
.newsDetail .time {text-align:center;color:#999;margin-bottom:20px;border-bottom:solid 1px #eee;padding-bottom:20px;margin-top:10px;}
.newsDetail .content {width:100%;font-size:16px;line-height:28px;color:#666;}
.newsDetail .content img {max-width:100%;display:block;margin:0 auto 0px;}
.newsDetail .content div {font-size:16px;line-height:28px;color:#666;padding:2px 0}
.newsDetail .content p {font-size:16px;line-height:28px;color:#666;padding:10px 0}
.newsDetail .content .video {max-width:100%;}
.newsDetail .content p a {color:#0156a5;}
.newsDetail .content p strong {font-size:18px;font-weight:bold;}
.caseDetail {}
.caseDetail h1.t {text-align:center;font-size:20px;font-weight:normal;}
.caseDetail .time {text-align:center;color:#999;margin-bottom:20px;border-bottom:solid 1px #eee;padding-bottom:20px;margin-top:10px;}
.caseDetail .content {line-height:28px;color:#666;font-size:16px;}
.caseDetail .content img {max-width:100%;display:block;margin:0 auto 20px;}
.factory {overflow:hidden;width:100%;padding-bottom:20px;}
.factory .des{font-size: 16px;color: #666;}
.factory .des p{margin:6px 0;line-height:1.6}
.factory .des h2{font-size:22px;font-weight:bold;margin:18px 0}
.factory ul {margin-right:-20px;font-size:0;}
.factory li a {margin-right:20px;display:block;}
.factory li {width:25%;vertical-align:top;display:inline-block;}
.factory li img {width:100%;}
.factory li p {overflow:hidden;text-align:center;font-weight:normal;line-height:36px;margin-bottom:20px;font-size:12px;}
.pat {overflow:hidden;width:100%;padding-bottom:20px;}
.pat ul {margin-right:-30px;font-size:0;}
.pat li a {margin-right:30px;display:block;}
.pat li {width:25%;vertical-align:top;display:inline-block;}
.pat li img {width:100%;border:solid 1px #ddd;}
.pat li p {overflow:hidden;text-align:center;font-weight:normal;line-height:36px;margin-bottom:20px;font-size:12px;}
.page-adv dl {overflow:hidden;margin-bottom:30px;transition:all .5s}
.page-adv dl:hover {box-shadow:0 0 15px rgba(0,0,0,.1)}
.page-adv dl dt {width:50%;float:left;overflow:hidden;}
.page-adv dl dt img {width:100%;transition:all .5s}
.page-adv dl a:hover dt img {transform:scale(1.1);}
.page-adv dl dd {width:50%;float:left;padding:5% 4%;height:100%;background-color:#fff;height:401px;font-size:15px;line-height:30px;color:#666;}
.page-adv dl dd .tit {font-size:36px;margin-bottom:20px;color:#333;}
.page-adv dl dd .c {font-size:20px;color:#333;margin-bottom:30px;}
.page-adv dl dd span {display:block;margin-top:30px;width:120px;line-height:40px;border:solid 2px #0156a5;color:#0156a5;text-align:center;}
.page-adv dl.r dt {float:right;}
.honor {overflow:hidden;width:100%;padding-bottom:20px;}
.honor ul {margin-right:-30px;font-size:0;}
.honor li a {margin-right:30px;display:block;}
.honor li {width:23%;vertical-align:top;display:inline-block;margin-bottom:0;margin:0 1%}
.honor li .img {border:solid 1px #eee;pad.factoryding:3px;}
.honor li img {width:100%;border:solid 1px #eee;padding:3px;}
.honor li  a p {overflow:hidden;text-align:center;font-weight:normal;margin-bottom:20px;font-size:12px;padding:10px 0;}
#page-product {overflow:hidden;width:100%;padding:2% 0;}
#page-product .list {width:900px;float:right;}
#page-product .ul {font-size:0;overflow:hidden;margin-right:-30px;padding-bottom:60px;}
#page-product .ul .t {font-size:18px;margin-bottom:20px;font-weight:bold}
#page-product .p {display:inline-block;vertical-align:top;width:33.33%;margin-bottom:30px;}
#page-product .p img {width:100%;border-bottom:solid 1px #eee;transition:all .3s;}
#page-product .p a {display:block;margin-right:30px;border:solid 1px #eee;transition:all .3s;}
#page-product .p a:hover {border:solid 1px #ccc;}
#page-product .p a:hover img {border-bottom:solid 1px #ccc;}
#page-product .p a p {position:relative;color:#333;font-size:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-bottom:0;margin-bottom:0;text-align:center;padding:10px 0}
#page-product .p a:hover p {color:#007aff;}
#page-product .p a p:after {display:none;}
#page-product #pro-slide {position:relative;border:solid 1px #e5e5e5;margin-bottom:20px;}
#Product .list {position:relative;float:right;width:900px;}
#page-product #pro-slide h1 {font-size:20px;font-weight:bold;color:#0154a4;margin-bottom:20px;}
#page-product #pro-slide h1 a {float:right;font-size:12px;color:#666;font-weight:normal;}
#page-product #pro-slide h1 span {color:#999;font-size:12px;font-weight:normal;}
#page-product #pro-slide .box {overflow:hidden;}
#page-product #pro-slide .swiper-slide img {width:100%;}
#page-product #pro-slide .swiper-slide a {display:block;width:100%;}
#page-product #pro-slide .swiper-slide a .text {color:#888;line-height:20px;position:absolute;top:73px;left:120px;}
#page-product #pro-slide .swiper-slide a .text .t {position:relative;margin-bottom:15px;color:#333;font-size:18px;color:#0154a4;}
#page-product #pro-slide .swiper-slide a:hover .text .t {color:#007aff;}
#page-product #pro-slide .swiper-slide a .text .t:after {content:'';background-color:#d0d0d0;height:1px;width:33px;display:block;margin-top:22px;}
#page-product #pro-slide .swiper-slide a .text .c {margin-bottom:28px;color:#4f4d4d;font-size:14px;}
#page-product #pro-slide .swiper-slide a .text .des {color:#888;line-height:30px;}
#page-product #pro-slide .swiper-slide a .text span {width:120px;height:40px;line-height:38px;border:solid 1px #8a8a8a;display:block;margin-top:50px;text-align:center;color:#333;}
#page-product #pro-slide .swiper-slide a:hover .text span {background-color:#0154a4;border:solid 1px #0154a4;color:#fff;}
#page-product #pro-slide .featured-button-prev,#page-product #pro-slide .featured-button-next {background:url(../images/featured-btn.png) no-repeat;width:17px;height:28px;position:absolute;top:0;bottom:0;margin:auto;z-index:9999;display:block;}
#page-product #pro-slide .featured-button-prev {left:23px;}
#page-product #pro-slide .featured-button-next {right:23px;background-position:-54px 0}
#page-product .cate {width:268px;float:left;}
.canav {position:sticky;top:60px;margin-bottom:50px;}
#page-product .cate .tt {background:url(../images/cate-icon.png) no-repeat 30px center #0154a4;height:100px;color:#fff;padding-left:85px;padding-top:24px;line-height:18px;font-size:16px;color:#cbd6e6;}
#page-product .cate .tt .t {font-size:24px;font-weight:bold;margin-bottom:8px;line-height:100%;color:#fff;}
#page-product .cate .l {border-right:solid 1px #e5e5e5;border-left:solid 1px #e5e5e5;}
#page-product .cate .l ul {}
#page-product .cate .l ul li.level {line-height:63px;border-bottom:solid 1px #e5e5e5;}
#page-product .cate .l ul li.level a {display:block;background:url(../images/cate-icon1.png) no-repeat 32px center;padding-left:60px;font-size:16px;}
#page-product .cate .l ul li.level.cur {background-color:#fdfdfd;}
#page-product .cate .l ul li.level.cur a {background:url(../images/cate-icon2.png) no-repeat 32px center;color:#0156a5;}
#page-product .cate .l ul li.level ul {padding-bottom:20px;}
#page-product .cate .l ul li.level ul li {line-height:26px;}
#page-product .cate .l ul li.level ul li a {color:#666;font-size:12px;background:url(../images/cate-icon3.png) no-repeat 64px center;padding-left:82px;}
#page-product .cate .l ul li.level.cur ul li a {color:#666;font-size:12px;background:url(../images/cate-icon3.png) no-repeat 64px center;padding-left:82px;}
#page-product .cate .l ul li.level ul li a:hover {color:#0156a5;}
#page-product .cact {background:url(../images/case-bg.jpg) no-repeat;height:288px;border:solid 1px #e5e5e5;position:relative;border-top:none}
#page-product .cact .text {position:absolute;top:122px;left:116px;color:#999;font-size:12px;width:150px;}
#page-product .cact .text .t {color:#0154a4;font-size:18px;font-weight:bold;margin-bottom:15px;}
#page-product .cact .text .tel {color:#0154a4;font-size:20px;}
.page-xz {padding:40px 0;}
.page-xz .ul {font-size:0;overflow:hidden;margin-right:-30px;padding-bottom:60px;}
.page-xz .p {display:inline-block;vertical-align:top;width:33.33%;margin-bottom:30px;}
.page-xz .p img {width:100%;border-bottom:solid 1px #eee;transition:all .3s;}
.page-xz .p a {display:block;margin-right:30px;border:solid 1px #eee;transition:all .3s;}
.page-xz .p a:hover {border:solid 1px #ccc;}
.page-xz .p a:hover img {border-bottom:solid 1px #ccc;}
.page-xz .p a .text {padding:30px 25px;text-align:center;color:#888;line-height:20px;font-size:12px;}
.page-xz .p a .text h2 {position:relative;padding-bottom:15px;margin-bottom:15px;color:#333;font-size:15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.page-xz .p a:hover .text h2 {color:#007aff;}
.page-xz .p a .text h2:after {content:'';background-color:#d0d0d0;height:1px;width:33px;position:absolute;bottom:0;left:0;right:0;margin:auto;}
.products-tips {width:1200px;margin:0 auto 20px;background-color:#fff;}
.products-img {width:50%;position:relative;float:left}
.products-img .deviceImage {width:100%;height:100%;position:relative;overflow:hidden;}
.products-img .deviceImage .hd {height:15px;overflow:hidden;position:absolute;left:20px;bottom:10px;z-index:1;}
.products-img .deviceImage .hd ul {overflow:hidden;zoom:1;float:left;}
.products-img .deviceImage .hd ul li {float:left;margin-right:10px;width:12px;height:12px;line-height:14px;text-align:center;background-color:#999;border-radius:50px;cursor:pointer;}
.products-img .deviceImage .hd ul li.on {background-color:#0069d2;border-radius:50px;}
.products-img .deviceImage .bd {position:relative;height:100%;z-index:0;width:100%;}
.products-img .deviceImage .bd ul {width:100%;}
.products-img .deviceImage .bd ul li {zoom:1;vertical-align:middle;width:100%;}
.products-img .deviceImage .bd img {max-width:100%}
.tooltip-arrow {position:absolute;width:0;height:0;border-color:transparent;border-style:solid;}
.products-img .img .mask .tooltip-arrow {left:50%;margin-left:-10px;/* border:8px solid transparent;border-top-color:rgba(0,0,0,.8);*/}
.products-img .img .mask .tooltip-arrow.up {border-width:10px 10px 0;border-top-color:rgba(0,0,0,.8);display:block;bottom:20px;}
.products-img .img .mask .tooltip-arrow.down {border-width:0 10px 10px 10px;border-bottom-color:rgba(0,0,0,.8);display:block;top:20px;}
.products-img .img .desc .t {font-size:15px;margin-bottom:15px;line-height:100%;color:#fff;font-weight:bold}
.products-img .img .desc .c {color:#fff}
.products-img .img img {width:100%;}
.products-img .img .desc img {margin-bottom:10px;width:50%;margin-right:2%;display:inline-block;vertical-align:top;}
.products-img .img .desc .text {display:inline-block;vertical-align:top;width:47%;}
@keyframes diandian {from {opacity:0;}
to {opacity:1;}
}
.products-info {width:50%;float:right;padding:3%;}
.products-info .tit {font-size:24px;margin-bottom:20px;line-height:100%;font-weight:bold;}
.products-info .tips {width:100%;}
.products-info .tips .titc {font-weight:bold;font-size:18px;color:#333;padding:10px 0;}
.products-info .tips .pricebox {color:#666;font-size:14px;line-height:26px;}
.products-info .tips p.tel {margin-top:15px;}
.products-info .tips p.tel b {font-size:22px;color:#0156a5;}
.download {}
.download ul {margin-right:-30px;}
.download li {width:20%;display:inline-block;vertical-align:top;}
.download li .b {margin-right:30px;border:solid 1px #eee;}
.download li img {width:100%;padding:4px;border-bottom:solid 1px #eee;}
.download li .text {text-align:center;padding:20px 0;}
.download li .text h2 {margin-bottom:10px;}
.down {overflow:hidden;width:100%;}
.down ul {width:100%;}
.down ul li {line-height:36px;color:#666;position:relative;margin-bottom:20px;width:100%;border-bottom:solid 1px #ddd;padding-bottom:30px;}
.down ul li h3 {color:#333;font-size:16px;}
.down ul li .down-btn {position:absolute;right:0;top:0;line-height:92px;font-size:18px;text-indent:50px;}
.down ul li .down-btn:hover {background-color:#fff;}
.page-case {font-size:0;width:1200px;margin:0 auto}
.page-case ul {margin-right:-20px;margin-bottom:40px;overflow:hidden;}
.page-case li {display:inline-block;vertical-align:top;width:25%;margin-bottom:20px;}
.page-case li a {display:block;margin-right:20px;}
.page-case li a .img {background-color:#fafafa;}
.page-case li a img {width:100%;}
.page-case li p {font-size:14px;padding:10px 0;text-align:center}
.gallery-top {width:100%;overflow:hidden;margin-bottom:10px;display:none;}
.gallery-top .swiper-slide {width:100%;}
.gallery-top .swiper-slide img {width:100%;}
.mob-img {width:100%;overflow:hidden;display:none;}
.mob-img .swiper-slide {width:20%;}
.mob-img .swiper-slide-active {border:solid 3px #eee;}
.mob-img img {width:100%;}
.pro-title {padding:0 0 15px;margin-bottom:20px;font-size:20px;font-weight:normal;}
.prod_xq {overflow:hidden;line-height:28px;font-size:14px;margin-bottom:10px;background-color:#fff;padding:3%;}
.prod_xq .js {width:100%;color:#656565;font-size:16px;line-height:26px;}
.prod_xq .js p {color:#656565;font-size:16px;line-height:26px;padding:4px 0}
.prod_xq .js img {max-width:100%;}
.prod_xq .js p a {color:#333}
.prod_xq .js p a:hover {color:#000}
.diog-bg {background:#000;position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999999;display:none;}
.diogBox {position:fixed;width:100%;height:100%;z-index:99999999;left:0;top:0;display:none;}
.diogBox .swiper-slide {position:relative;}
.diogBox img {max-width:30%;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;}
.diogBox .swiper-pagination-bullet {background-color:#fff;}
.relation {overflow:hidden;background:#fff;padding:10px 20px;}
.relation .tit {font-weight:normal;color:#333;margin-bottom:20px;font-size:22px;display:block}
.relation .swiper-slide a {color:#999;}
.relation .swiper-slide a .t {color:#333;padding:10px 0;font-size:1.2em;}
.relation .swiper-slide a:hover .t {color:#0156a5;}
.relation .swiper-slide a .c {color:#999;}
.relation img {width:100%;border:solid 1px #eee;}
.relation .lists {width:98%;margin:0 auto;}
.relation .lists li {width:33%;float:left;line-height:36px;font-size:15px;}
.relation2 {width:1200px;margin:20px auto;background:#fff;padding:10px 20px;}
.relation2 .tit {font-weight:normal;color:#333;margin-bottom:20px;font-size:22px;display:block}
.relation2 .lists {width:100%;}
.relation2 .lists li {width:23%;float:left;margin:0 1%}
.relation2 .lists li a .t {color:#333;padding:10px 0;font-size:1.2em;}
.relation2 .lists li a:hover .t {color:#0156a5;}
.relation2 .lists li a .c {color:#999;}
.relation2 .lists li img {width:100%;border:solid 1px #eee;}
.contact .text {width:45%;float:left;}
.contact .text .t {font-size:1.5em;}
.contact .text h2 {color:#333;font-weight:normal;}
.contact .text h3 {color:#999;font-size:12px;font-weight:normal;line-height:30px;padding:10px 0;}
.contact .text ul {}
.contact .text ul li {float:left;width:50%;line-height:36px;font-size:14px;color:#666;}
.contact .text ul li.add {width:100%;}
.contact .form {width:50%;float:right;}
.contact .form .t {padding-left:20px;font-size:1.5em;}
.contact .form .t font {font-size:12px;padding-left:10px;color:#999;}
.contact .form .line {width:50%;float:left;padding-left:20px;}
.contact .form .line label {display:block;color:#666;font-size:14px;line-height:100%;}
.contact .form .line input[type="text"] {background-color:#f6f6f6;border:none;border-radius:3px;padding:10px;width:100%;margin:10px 0;}
.contact .form .lineTextArea {width:100%;}
.contact .form .lineTextArea textarea {background-color:#f6f6f6;border:none;border-radius:3px;padding:10px;width:100%;margin-top:10px;}
.contact .form .subBox {padding-left:20px;}
.contact .form .subBox input[type="submit"] {margin-top:30px;width:87px;line-height:32px;background-color:#0156a5;color:#fff;border:none;}
.allmap {height:600px;overflow:hidden;margin-top:40px;border:solid 1px #ccc;}
#allmap {height:650px;width:100%;}
#pages {text-align:center;overflow:hidden;font-size:0}
#pages span,#pages a {border:solid 1px #eee;padding:10px 20px;color:#666;font-size:12px;margin-right:5px;vertical-align:top;display:inline-block;}
#pages .dq{
    background-color:#0156a5; color: #ffffff;
}
#pages span.cur {background-color:#0156a5;color:#fff;border:solid 1px #0156a5;}
.pagelinks {padding:15px 0;border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;}
.pagelinks p {line-height:26px;font-size:16px;}
.top-level-news .slide-new {background-color:#fff;padding:3%;position:relative;margin-bottom:20px;}
.top-level-news .slide-new .t {font-size:30px;margin-bottom:30px;}
.top-level-news .slide-new .t font {font-size:18px;color:#999;}
.top-level-news .slide-new .t a {float:right;display:inline-block;width:76px;height:28px;line-height:28px;color:#fff;background-color:#0156a5;font-size:12px;text-align:center;position:absolute;top:40px;right:0;border-bottom-left-radius:12px;border-top-left-radius:12px;}
.top-level-news .slide-new .list {overflow:hidden;position:relative;}
.top-level-news .slide-new dl {}
.top-level-news .slide-new dl dt {float:left;width:40%;}
.top-level-news .slide-new dl dt img {width:100%;}
.top-level-news .slide-new dl dd {width:56%;float:right;line-height:26px;color:#666;font-size:14px;}
.top-level-news .slide-new dl dd .t {font-size:20px;line-height:100%;color:#333;margin-bottom:30px;}
.top-level-news .slide-new dl dd .c {line-height:26px;color:#666;font-size:14px;}
.top-level-news .slide-new dl a:hover dd .t {color:#0156a5;text-decoration:underline;}
.top-level-news .slide-new dl dd  span {display:block;width:120px;height:40px;line-height:38px;border:solid 1px #0156a5;color:#0156a5;text-align:center;margin-top:50px;}
.top-level-news .slide-new dl a:hover dd  span {background-color:#0156a5;color:#fff;}
.slide-new .swiper-container-horizontal>.swiper-pagination-bullets {text-align:right}
.top-level-news .top-level-new-list {margin-bottom:20px;overflow:hidden;}
.top-level-news .top-level-new-list .new-list-left {background-color:#fff;width:68%;float:left;padding:3%;position:relative;height:548px;}
.top-level-news .top-level-new-list .new-list-left .t {font-size:25px;margin-bottom:30px;}
.top-level-news .top-level-new-list .new-list-left .t font {font-size:18px;color:#999;}
.top-level-news .top-level-new-list .new-list-left .t a {float:right;display:inline-block;width:76px;height:28px;line-height:28px;color:#fff;background-color:#0156a5;font-size:12px;text-align:center;position:absolute;top:40px;right:0;border-bottom-left-radius:12px;border-top-left-radius:12px;}
.top-level-news .top-level-new-list .new-list-left .list {}
.top-level-news .top-level-new-list .new-list-left .list dl {position:relative;padding-left:70px;display:block;margin-bottom:30px;}
.top-level-news .top-level-new-list .new-list-left .list dl dt {position:absolute;width:50px;height:30px;display:inline-block;background-color:#0156a5;color:#fff;text-align:center;line-height:30px;left:0;top:0;font-size:14px;border-radius:3px;}
.top-level-news .top-level-new-list .new-list-left .list dl dd {color:#666;line-height:24px;font-size:15px;}
.top-level-news .top-level-new-list .new-list-left .list dl dd .t1 {font-size:22px;color:#333;line-height:100%;margin-bottom:30px;}
.top-level-news .top-level-new-list .new-list-left .list dl dd .c1 {color:#666;line-height:24px;font-size:15px;}
.top-level-news .top-level-new-list .new-list-left .list dl a:hover dd .t1 {color:#0156a5;text-decoration:underline;}
.top-level-news .top-level-new-list .new-list-left .list  ul {border-left:solid 1px #ddd;padding-left:20px;}
.top-level-news .top-level-new-list .new-list-left .list  ul li {line-height:45px;border-bottom:dashed 1px #eee;font-size:14px;position:relative;}
.top-level-news .top-level-new-list .new-list-left .list  ul li span {float:right;color:#999;}
.top-level-news .top-level-new-list .new-list-left .list  ul li i {content:'';position:absolute;left:-20px;top:0;bottom:0;margin:auto;width:8px;height:8px;background-color:#0156a5;border-radius:50%;margin-left:-4px;opacity:1}
.top-level-news .top-level-new-list .new-list-left .list  ul li a:hover {text-decoration:underline;}
.top-level-news .top-level-new-list .new-list-right {background-color:#fff;width:30%;float:right;padding:3%;position:relative;height:548px;}
.top-level-news .top-level-new-list .new-list-right .t {font-size:25px;margin-bottom:30px;}
.top-level-news .top-level-new-list .new-list-right .t font {font-size:18px;color:#999;}
.top-level-news .top-level-new-list .new-list-right .t a {float:right;display:inline-block;width:76px;height:28px;line-height:28px;color:#fff;background-color:#0156a5;font-size:12px;text-align:center;position:absolute;top:40px;right:0;border-bottom-left-radius:12px;border-top-left-radius:12px;}
.top-level-news .top-level-new-list .new-list-right .list {}
.top-level-news .top-level-new-list .new-list-right .list dl {margin-bottom:10px;}
.top-level-news .top-level-new-list .new-list-right .list dl dt {}
.top-level-news .top-level-new-list .new-list-right .list dl dt img {width:100%;}
.top-level-news .top-level-new-list .new-list-right .list dl dd {line-height:22px;color:#999;}
.top-level-news .top-level-new-list .new-list-right .list dl dd h2 {padding:15px 0;text-align:center;line-height:100%;color:#333;}
.top-level-news .top-level-new-list .new-list-right .list dl a:hover dd h2 {color:#0156a5;text-decoration:underline;}
.top-level-news .top-level-new-list .new-list-right .list ul {}
.top-level-news .top-level-new-list .new-list-right .list ul li {line-height:30px;}
.top-level-news .top-level-new-list .new-list-right .list ul li a {font-size:14px;}
.top-level-news .top-level-new-list .new-list-right .list ul li:before {display:inline-block;width:5px;height:5px;background-color:#ccc;border-radius:50%;content:'';margin-right:10px;}
.top-level-news .top-level-new-list .new-list-right .list ul li a:hover {text-decoration:underline;}
.top-level-news .top-level-new-case {background-color:#fff;padding:3%;position:relative;}
.top-level-news .top-level-new-case .t {font-size:30px;margin-bottom:30px;}
.top-level-news .top-level-new-case .t font {font-size:18px;color:#999;}
.top-level-news .top-level-new-case .t a {float:right;display:inline-block;width:76px;height:28px;line-height:28px;color:#fff;background-color:#0156a5;font-size:12px;text-align:center;position:absolute;top:40px;right:0;border-bottom-left-radius:12px;border-top-left-radius:12px;}
.top-level-news .top-level-new-case .list {font-size:0;}
.top-level-news .top-level-new-case .list ul {margin-right:-20px;overflow:hidden;}
.top-level-news .top-level-new-case .list li {display:inline-block;vertical-align:top;width:25%;font-size:12px;}
.top-level-news .top-level-new-case .list li a {display:block;margin-right:20px;color:#999;}
.top-level-news .top-level-new-case .list li a img {width:100%;}
.top-level-news .top-level-new-case .list li .tit {font-size:14px;padding:10px 0;color:#333;}
.top-level-news .top-level-new-case .list li a:hover .tit {color:#0156a5}
/*404*/.main4 {width:1000px;margin:112px auto}
.main4 .main_left {width:38%;margin-left:12%;margin-top:10%;float:left;}
.main4 .main_right {width:50%;float:left;}
.main4 .main_right .main_radius {padding-top:4%;width:75%;height:130px;border-radius:50%;background:#fef2ec;font-size:18px;text-align:center;}
.main4 .main_right .text-left {margin-top:10%;margin-left:8%;}
.main4 .main_p {font-family:'华文行楷';margin:16px 0}
.main4 .main_right .text-left .button {border:solid 1px #ddd;background:transparent;border-radius:4px;font-size:14px;padding:6px 15px;margin:0 4px;display:inline-block;line-height:20px;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;color:#000;}
.main4 .main_right .text-left .button[disabled] {pointer-events:none;cursor:not-allowed;webkit-box-shadow:none;box-shadow:none;filter:alpha(opacity=50);opacity:.5;}
.main4 .main_right .text-left .button:active {background-image:none;outline:0;transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1) 0s;}
.main4 .main_right .text-left .button:hover {transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1) 0s;}
.main4 .main_right .text-left .bg-yellow {border-color:#f90;background:#f90;color:#FFF}

/*ccadd*/
@media screen and (max-width: 1439px) {
    .newsDetail {
        width: 80%;
        margin: 0 auto;
    }
    .newsDetail .content {
        width: 80%;
        padding-left: 2%;
    }
}
