blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;outline: none;}
abbr,acronym,fieldset,img{border:0}
ol,ul{list-style:none}
caption,th{text-align:left}
.clearfix:after {content: "";height: 0;line-height: 0;display: block;visibility: hidden;clear: both}
.clearfix {zoom: 1;}
.dn{display:none}
input,select,textarea{font-size:16px;color:#bebebe;font-family:"Microsoft Yahei",sans-serif;outline:0;border:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}
::-webkit-input-placeholder{color:#bebebe}
::-moz-placeholder{color:#bebebe}
::-ms-input-placeholder{color:#bebebe}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
    box-shadow: 0 0 0px 1000px #fff inset !important;
    -webkit-text-fill-color: #bebebe!important;
}
body{color:#333333;font-size:16px;line-height:1.7;font-family: "Microsoft Yahei",'Roboto'; min-width: 1024px;}
*{-wekit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a,img{-ms-transition:.20s;-moz-transition:.20s;-webkit-transition:.20s;-o-transition:.20s;transition:.20s;}
img,video{width: auto;height: auto;max-width: 100%;vertical-align: middle;}
a{color: #666666;text-decoration: none;border:none;outline: none;cursor: pointer;}
a:hover{color: #3e94d1;}
textarea {resize: none;}
.dn{display: none;}
.wrap{max-width: 1400px;width: 92%;margin: 0 auto;}
.wp{max-width: 1600px;width: 92%;margin: 0 auto;}
.col-l{float: left;}
.col-r{float: right;}
.BMapLib_sendToPhone{display: none;}
/* =================== header ===================== */

.header{text-align: center;-webkit-box-shadow: 0 0 1px rgba(0, 0, 0,.1);-moz-box-shadow: 0 0 1px rgba(0, 0, 0,.1);-ms-box-shadow: 0 0 1px rgba(0, 0, 0,.1);-o-box-shadow: 0 0 1px rgba(0, 0, 0,.1);box-shadow: 0 0 1px rgba(0, 0, 0,.1);padding-bottom: 30px;}
.header .logo{float: left;margin-top: 16px;}

.header .nav{display: inline-block;margin-top: 40px;}
.header .nav li{float: left;margin:0 20px;}
.header .nav li a{display: block;font-size: 18px;color: #666;line-height: 40px;position: relative;}
.header .nav li a:after{content:'';width: 100%;height: 4px;background: url(../images/nav-line.png) no-repeat center;position: absolute;left: 0;bottom: 0;-webkit-transform: scale(0);-moz-transform: scale(0); -o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.header .nav li.on a,.header .nav li:hover a{color: #3e94d1;}
.header .nav li.on a:after,.header .nav li:hover a:after{-webkit-transform: scale(1);-moz-transform: scale(1); -o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}

.head-tel{float: right;text-align: right;padding-top: 36px;padding-right: 76px;position: relative;}
.head-tel p{font-size: 16px;color: #03406a;line-height: 20px;}
.head-tel a{display: block;}
.head-tel:after{content:'';width: 56px;height: 89px;background: url(../images/head-tel1.png) no-repeat top center #0a64a4;border-radius: 0 0 13px 13px;position: absolute;right: 0;top: 0;}

/* =================== footer ===================== */

.footer{background-color: #03406a;line-height: 60px;text-align: center;font-size: 16px;color: #a4b1be;}
.footer a{display: inline-block;margin-left: 6px;color: #a4b1be;}
.footer a:hover{color: #fff;}

/* =================== 首页 ===================== */

.index-top{background: url(../images/index-bg.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;margin-bottom: 76px;}
.index-slick {height: 618px;overflow: hidden;}
.index-slick .item{padding-top: 53px}
.index-slick .text{float: left;width: 30%;margin-top: 55px;}
.index-slick .text strong{display: block;margin-bottom: 35px;}
.index-slick .text strong p{letter-spacing:20px;font-size: 40px;color: #FFF;}
.index-slick .text .txt{margin-bottom: 40px;}
.index-slick .text .txt span{display: inline-block;font-size: 18px;color: #fefefe;width: 144px;height: 33px;border-radius: 16.55px;border:1px dashed #fff;text-align: center;line-height: 31px;margin-left: -12px;}
.index-slick .text .txt span:first-child{margin-left: 0;}
.index-slick .img{float: right;width: 74%;position: relative;margin-right: -4%;position: relative;}
.index-slick .img img{display: block;width: 100%;}
.index-slick .img .tit{display: block;font-size: 26px;color: #0f1448;line-height: 36px;position: absolute;left: 50%;top: 0;transform: translateX(-80px);}
.index-slick .img .tit:hover{color: #fff;}


.index-slick .gn{background-image: url(../images/index-bg.png);-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-left: 114px;padding-top: 35px;border:1px solid #6b6671;border-radius: 2px;position: relative;background-repeat: no-repeat;background-position:center;background-color: rgba(255,255,255,0.05);}
.index-slick .gn p{color: #fff;font-size: 22px;line-height: 92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index-slick .gn p:before{content:'';width: 15px;height: 2px;border-radius: 1px;background-color: #fff;margin-right: 10px;display: inline-block;vertical-align: middle;}
.index-slick .gn .tit{width: 66px;position: absolute;top:0;left:0;bottom:0;background-color: rgba(255,255,255,0.4);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffff, endcolorstr=#ffffff);padding:0 26px 0 20px;border-radius: 2px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;text-align: center;}
.index-slick .gn .tit a{color:#333333;font-size:22px;line-height:1em;height: 100%; writing-mode: vertical-lr;writing-mode: tb-lr;}
.index-slick .gn .tit:hover{background-color:#fff}


.index-slick .slick-dots{padding-left: 13.5%;bottom: 10px;position: absolute;}
.index-slick .slick-dots li{display: inline-block;margin-right: 8px;}
.index-slick .slick-dots li button{font-size: 0;border:none;outline: none;width: 10px;height: 13px;border-radius: 50%;background-color: #87888c;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;cursor: pointer;}
.index-slick .slick-dots .slick-active button{width: 26px;border-radius: 6px;background-color: #ffffff;}

.index-pro{margin-bottom: 125px;}
.index-pro h1{text-align: center;font-size: 48px;line-height: 58px;color: #0d4e7b;background-image: -webkit-gradient(linear,0 0 , 0 bottom, from(#3587c1), to(#0d4e7b));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;font-weight: normal;margin-bottom: 10px;}
.index-pro h1 em{font-weight: bold;font-style: normal;}
.index-pro .wrap>p{text-align: center;font-size: 18px;color: #174769;line-height: 30px;margin-bottom: 74px;}

.pro-ul{margin-left: -2%;}
.pro-ul li{float: left;width: 48%;margin-left: 2%;background: url(../images/index-bg1.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-bottom: 32px;border-radius: 10px;margin-bottom: 32px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.pro-ul li .pic{display: block;width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 52.75%;}
.pro-ul li .pic img{position: absolute;top: 0; left: 0;width: 100%; height: 100%;}
.pro-ul li .text{padding-left: 36px;padding-right: 150px;position: relative;}
.pro-ul li .tit{font-size: 14px;color: #666666;line-height: 34px;}
.pro-ul li .tit a{display: inline-block;font-size: 24px;color: #03406a;font-weight: bold;margin-right: 5px;}
.pro-ul li .ability{font-size: 18px;color: #c3987c;line-height: 24px;}
.pro-ul li p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pro-ul li:hover{-webkit-box-shadow: 0 10px 20px rgba(35,77,124,0.2);-moz-box-shadow: 0 10px 20px rgba(35,77,124,0.2);-ms-box-shadow: 0 10px 20px rgba(35,77,124,0.2);-o-box-shadow: 0 10px 20px rgba(35,77,124,0.2);box-shadow: 0 10px 20px rgba(35,77,124,0.2);}
.pro-ul li .tit a:hover{color: #c3987c;}

.pro-ul li .more{display: block;position: absolute;font-size: 18px;color: #ffffff;line-height: 58px;right: 0;bottom: 0;background:#2f9ae4;background: -moz-linear-gradient(left, #2c8cd0 0%, #2f9ae4 100%);background: -webkit-linear-gradient(left, #2c8cd0 0%,#2f9ae4 100%);background: -o-linear-gradient(left, #2c8cd0 0%,#2f9ae4 100%);background: -ms-linear-gradient(left, #2c8cd0 0%,#2f9ae4 100%);background: linear-gradient(to right, #2c8cd0 0%,#2f9ae4 100%);padding:0 32px 0 48px;border-radius: 28px 0 0 28px;-webkit-box-shadow: 0 2px 5px rgba(6,108,181,0.4);-moz-box-shadow: 0 2px 5px rgba(6,108,181,0.4);-ms-box-shadow: 0 2px 5px rgba(6,108,181,0.4);-o-box-shadow: 0 2px 5px rgba(6,108,181,0.4);box-shadow: 0 2px 5px rgba(6,108,181,0.4);background-size:200% 100%;}
.pro-ul li .more:hover{background-position:right center;}


.pro-ul1 li{width: 31.3%;background: url(../images/index-bg2.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}
.pro-ul1 li .tit{display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 22px;color: #03406a;font-weight: bold;line-height: 32px;}
.pro-ul1 li .pic{display: block;width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 48.89%;}
.pro-ul1 li .pic img{position: absolute;top: 0; left: 0;width: 100%; height: 338px;}

.index-video{background: url(../images/index-bg3.jpg) no-repeat bottom center;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;padding-bottom: 34px;margin-bottom: 120px;}

.index_product{margin-left: 0px;display: flex;width: 100%;flex-flow: row wrap;justify-content: space-between;}
.index_product li{width: 450px;margin-left: 0px;padding-bottom: 10px;}
.index_product li .pic{height: 338px;margin-bottom: 10px;}



.index-title{text-align: center;margin-bottom: 76px;}
.index-title h2,.index-title h2 a{font-size: 40px;line-height: 50px;color: #03406a;background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#3e94d1), to(#03406a));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.index-title h2{position: relative;z-index: 1;margin-top: -36px;margin-bottom: 8px;}
.index-title h2:before{content:'';width: 10px;height: 10px;background: url(../images/index-tag.png) no-repeat;display: inline-block;vertical-align: top;margin-right: 6px;}
.index-title p{font-size: 20px;color: #2570a5;line-height: 30px;}
.video-box{padding:0 160px;position: relative;}
.tab-ul{margin-left: 43%;}
.tab-ul li{float: left;color: #246195;line-height: 60px;font-size: 24px;}
.tab-ul li span{display: block;width: 100%;padding:0 50px;cursor: pointer;}
.tab-ul li.active span{background-color: #3e94d1;color: #fff;font-weight: bold;}
.tab-video .video{position: relative;border: 4px solid #21557a;}
.tab-video .video .play{display: block;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);cursor: pointer;}
.tab-video video,.tab-video img{display: block;width: 100%;height: auto;}
.video-box p{width: 36px;font-size: 36px;color: #fff;font-weight: bold;line-height: 1.1;position: absolute;right: 86px;top: 50%;-webkit-transform: translateY(-160px);transform: translateY(-160px);}

.key-question{margin-top:30px;}
.key-question .index-key{float: left;margin-left:45px;background: url(../images/xz-bg.png) no-repeat top center;width:144px;height: 144px;padding-top: 24px;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;margin-top: 10px;}
.index-key strong{display:block;font-size:30px;text-align: center;line-height: 1.47em;letter-spacing: 5px;color: #2bbfe4;background-image: -webkit-gradient(linear, 0 0, right 0, from(#3baeff), to(#2bbfe4));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;-webkit-text-shadow: 0 2px 5px rgba(6,108,181,0.4);text-shadow: 0 2px 5px rgba(6,108,181,0.4);}
.key-question .wt-list{float: right;width: 75%;}
.wt-list li{overflow: hidden;padding-right: 86px;position: relative;font-size: 18px;line-height: 40px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.wt-list li .tit{display: block;float: left;width:66%;color: #fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.wt-list li .date{float: right;display: block;font-size: 16px;color: #7cabd4;position: relative;}
.wt-list li .date:before{content:'';width: 123px;height: 1px;background-color: #90bfe1;position: absolute;left: -140px;top: 20px;}
.wt-list li .more{display: block;width: 22px;height: 22px;background: url(../images/xz-icon.png) no-repeat;position: absolute;right: 18px;top: 10px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;border-radius: 50%;}
.wt-list li:hover .tit{color: #ffdb9d;-webkit-text-shadow: 0 2px 5px rgba(6,108,181,0.4);text-shadow: 0 2px 5px rgba(6,108,181,0.4);font-weight: bold;}
.wt-list li:hover .date{color: #ffdb9d;text-shadow: 0 2px 5px rgba(6,108,181,0.4);}
.wt-list li:hover .date:before{background:#ffdb9d;}
.wt-list li:hover .more{background: url(../images/xz-icon1.png) no-repeat;-webkit-box-shadow: 0 2px 5px rgba(6,108,181,0.4);box-shadow: 0 2px 5px rgba(6,108,181,0.4);}

.index-case{margin-bottom: 120px;}
.case-ul {margin-left: -2%;}
.case-ul li{float: left;width: 48%;margin-left: 2%;padding-right: 20px;position: relative;margin-bottom: 30px;}
.case-ul li:after{content:'';position: absolute;top: 20px; left: 20px;right: 0;bottom: 0;background: url(../images/index-bg4.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;border-radius: 10px;-webkit-box-shadow: 0 10px 20px rgba(35,77,124,0.2);-moz-box-shadow: 0 10px 20px rgba(35,77,124,0.2);-ms-box-shadow: 0 10px 20px rgba(35,77,124,0.2);-o-box-shadow: 0 10px 20px rgba(35,77,124,0.2);box-shadow: 0 10px 20px rgba(35,77,124,0.2);z-index: -1;}
.case-ul li .img{display: block;width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 59.82%;}
.case-ul li .img img{display: block;position: absolute;top: 0; left: 0;width: 100%; height: 100%;}
.case-ul li .price{position: absolute;right: 0;bottom: 0;background: url(../images/index-img.png) no-repeat;padding:32px 26px 24px 86px;text-align: right;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;}
.case-ul li .price p{font-size: 18px;color: #ffffff;line-height: 20px;}
.case-ul li .price strong{display: block;font-size: 36px;color: #ffc273;line-height: 46px;text-shadow: 0 2px 5px rgba(0,0,0,0.4);}
.case-ul li .text{padding:25px 200px 26px 38px;box-sizing: border-box;position: relative;}
.case-ul li .text .tit{display: block;font-size: 24px;color: #333333;line-height: 34px;font-weight: bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.case-ul li .text p{font-size: 15px;color: #666666;line-height: 25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.case-ul li .text .btn{position: absolute;right: 0;top: 25px;}
.btn-a{display: block;width: 180px;height: 55px;line-height: 55px;text-align: center;font-size: 18px;color: #ffffff;font-weight: bold;background:#2f9ae4;background: -moz-linear-gradient(left, #2c8cd0 0%, #2f9ae4 100%);background: -webkit-linear-gradient(left, #2c8cd0 0%,#2f9ae4 100%);background: -o-linear-gradient(left, #2c8cd0 0%,#2f9ae4 100%);background: -ms-linear-gradient(left, #2c8cd0 0%,#2f9ae4 100%);background: linear-gradient(to right, #2c8cd0 0%,#2f9ae4 100%);border-radius: 10px;-webkit-box-shadow: 0 2px 5px rgba(6,108,181,0.4);-moz-box-shadow: 0 2px 5px rgba(6,108,181,0.4);-ms-box-shadow: 0 2px 5px rgba(6,108,181,0.4);-o-box-shadow: 0 2px 5px rgba(6,108,181,0.4);box-shadow: 0 2px 5px rgba(6,108,181,0.4);  -webkit-transform: translateZ(0);transform: translateZ(0);}
.btn-a:before, .btn-a:after {pointer-events: none;position: absolute;content: '';left: 0;width: 100%;box-sizing: border-box;background-repeat: no-repeat;height: 5px;opacity: 0;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: opacity;transition-property: opacity;}
.btn-a:before {bottom: 100%;background: radial-gradient(ellipse at 50% 150%, rgba(6,108,181, 0.6) 0%, rgba(6,108,181, 0) 80%); }
.btn-a:after {top: 100%;background: radial-gradient(ellipse at 50% -50%, rgba(6,108,181, 0.6) 0%, rgba(6,108,181, 0) 80%);}

.case-ul li .text .tit:hover{color: #ffc273;}
.btn-a:hover{color: #ffc273;}
.btn-a:hover:before,.btn-a:hover:after{opacity: 1;}


.index-area h3{font-size: 32px;line-height: 42px;color: #03406a;background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#3e94d1), to(#03406a));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;float: left;margin-right: 130px;}
.index-area h3:before{content:'';width: 10px;height: 10px;background: url(../images/index-tag.png) no-repeat;display: inline-block;vertical-align: top;margin-right: 6px;}
.index-area .box-msg{overflow: hidden;background: url(../images/index-bg5.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;-webkit-box-shadow: 0 0 10px #f3f5f8;-moz-box-shadow: 0 0 10px #f3f5f8;-ms-box-shadow: 0 0 10px #f3f5f8;-o-box-shadow: 0 0 10px #f3f5f8;box-shadow: 0 0 10px #f3f5f8;padding:12px 20px 10px 20px;}

.box-msg .str1{height: 35px;}
.str_wrap {overflow:hidden;width:100%;font-size:12px;line-height:16px;position:relative;-moz-user-select: none;-khtml-user-select: none;user-select: none; white-space:nowrap;}
.str_wrap.str_active {background:transparent;}
.str_move { white-space:nowrap;position:absolute; top:0; left:0;}
.str_move_clone {display:inline-block;vertical-align:top;position:absolute; left:100%;top:0;padding-left: 4px;}
.str_vertical .str_move_clone {left:0;top:100%;}
.str_down .str_move_clone {left:0;bottom:100%;}
.str_vertical .str_move,.str_down .str_move {white-space:normal;width:100%;}
.str_static .str_move,.no_drag .str_move,.noStop .str_move{cursor:inherit;}
.str_wrap img {max-width:none !important;}

.box-msg .str_wrap p{font-size: 22px;color: #666666;padding-left: 68px;background: url(../images/customer.png) no-repeat left center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 50px;}

.img-area{padding-left: 13.5%;position: relative;overflow: hidden;padding-bottom: 16px;}

.img-area:after{content:'';position: absolute;bottom:0; right: 0;width: 100%; height:29px;background: url(../images/index-line.png) no-repeat right;z-index: -1;}
.str-img{height: 323px;overflow: hidden;}
.str-img img{display: block;width: 100%;}


.index-new {margin-bottom: 90px;}
.index-new .news-top{overflow: hidden;margin-bottom: 35px;}
.index-new .col-l{width: 49%;position: relative;border-radius: 10px;}
.index-new .col-l .img{display: block;}
.index-new .col-l .img img{display: block;width: 100%;border-radius: 10px;}
.index-new .col-l .text{position: absolute;width: 100%;left: 0;bottom: 0;z-index: 1;padding:0 18px;}
.index-new .col-l .text .tit{display: block;font-size: 18px;color: #ffffff;line-height: 52px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float: left;width: 80%;}
.index-new .col-l .text .date{display: block;float: right;font-size: 15px;color: #c3987c;font-weight: bold;line-height: 52px;}
.index-new .col-l .text .tit:hover{color: #c3987c;}

.index-new .col-r{width: 49%;}
.index-new .col-r li{overflow: hidden;}
.index-new .col-r li:first-child{margin-bottom: 34px;}
.index-new .col-r li .img{display: block;width: 263px;height: 176px;object-fit: cover;float: left;margin-right: 16px;border-radius: 10px;}
.index-new .col-r li .img img{display: block;width: 100%;border-radius: 10px;}
.index-new .col-r li .text .tit{display: block;font-size: 18px;color: #333333;line-height: 28px;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-weight: bold;margin-bottom: 6px;}
.index-new .col-r li .text p{font-size: 16px;color: #666666;line-height: 26px;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height:52px;}
.index-new .col-r li .text .date{display: block;font-size: 16px;color: #c3987c;line-height: 26px;margin-top: 34px;}
.index-new .col-r li .text .tit:hover{color: #c3987c;}

.new-list{margin-left: -2%;}
.new-list li{float: left;width: 48%;margin-left: 2%;overflow: hidden;margin-bottom: 30px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.new-list li .text{float: left;width: 80%;}
.new-list li .text .tit{display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 20px;color: #333333;line-height: 30px;padding-left: 20px;background: url(../images/index-icon.png) no-repeat left center;}
.new-list li .text span{display: inline-block;font-size: 16px;color: #24577b;line-height: 26px;}
.new-list li .text p{padding-left: 20px;}
.new-list li .date{float: right;text-align: center;}
.new-list li .date em{display: block;font-style: normal;font-weight: bold;font-size: 18px;color: #c3987c;line-height: 28px;}
.new-list li .date span{display: block;font-size: 16px;color: #c3987c;line-height: 26px;}
.new-list li:hover .text .tit{color: #c3987c;}
.new-list li:hover {padding-left: 8px;}


.index-goods{background: url(../images/index-bg6.jpg) no-repeat bottom center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-bottom: 24px;}
.index-goods .wrap{position: relative;}
.index-goods .col-1{width: 162px;position: absolute;left: 0;bottom: -24px;}
.index-goods .col-2{float: left;width: 258px;margin-left:200px;margin-top: 60px;}
.index-goods .col-3{float: left;width: 35%;margin-top: 65px;}
.index-goods .col-3 p{font-size: 26px;color: #ffffff;line-height: 52px;margin-bottom: 16px;}
.index-goods .col-3 p strong{display: inline-block;font-size: 42px;color: #ffb788;margin-right: 16px;}
.index-goods .col-3 p strong i{display: inline-block;font-style: normal;font-size: 34px;}
.index-goods .col-3 .p1{padding-left: 50px;}
.index-goods .col-3 .p2{padding-left: 96px;}
.index-goods .col-3 .p3{padding-left: 108px;}
.index-goods .col-3 .p4{padding-left: 84px;}
.index-goods .col-4{float: right;width: 31%;margin-top: 146px;}
.index-goods .col-4 strong{display: block;font-size: 42px;color: #ffffff;line-height: 52px;margin-bottom: 30px;}
.index-goods .col-4 .btn{text-align: center;}
.index-goods .col-4 .btn a{display: inline-block;font-size: 22px;color: #ffffff;line-height: 56px;border-radius: 10px;padding:0 28px 0 38px;background:#2485c8;background: -moz-linear-gradient(left, #78c2f5 0%, #2485c8 100%);background: -webkit-linear-gradient(left, #78c2f5 0%,#2485c8 100%);background: -o-linear-gradient(left, #78c2f5 0%,#2485c8 100%);background: -ms-linear-gradient(left, #78c2f5 0%,#2485c8 100%);background: linear-gradient(to right, #78c2f5 0%,#2485c8 100%);-webkit-box-shadow:0 4px 20px rgba(0,0,0,0.4);-moz-box-shadow:0 4px 20px rgba(0,0,0,0.4);-ms-box-shadow:0 4px 20px rgba(0,0,0,0.4);-o-box-shadow:0 4px 20px rgba(0,0,0,0.4);box-shadow:0 4px 20px rgba(0,0,0,0.4);position: relative;-webkit-transform: translateZ(0);
transform: translateZ(0);}
.index-goods .col-4 .btn a:hover{ -webkit-animation-name: pop;animation-name: pop;-webkit-animation-duration: 0.3s;animation-duration: 0.3s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;}

@-webkit-keyframes pop {
    50% {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
    }
  
    100% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }
  
  @keyframes pop {
    50% {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
    }
  
    100% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }

.index-link{background-color: #24577b;padding:25px 0;}
.index-link strong{display: block;font-size: 16px;color: #ffffff;line-height: 26px;margin-bottom: 6px;}
.index-link a{margin-bottom: 3;font-size: 16px;color: #ffffff;line-height: 26px;display: inline-block;margin-right: 18px;}
.index-link a:hover{color: #ffb788;}

/* =================== 面包屑 ===================== */

.crumbs{padding-top: 54px;padding-left: 18px;padding-bottom: 10px;}
.crumbs a{display: inline-block;font-size: 14px;color: #ffffff;line-height: 24px;}
.crumbs a:first-child{background: url(../images/case-tag.png) no-repeat left center;padding-left: 20px;}
/*.crumbs li a{color: #fff;}*/
.crumbs a:hover{color: #3e94d1;}


/* =================== 案例列表 ===================== */

.case-grid{background: url(../images/case-bg.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-bottom: 194px;}
.top-content{max-width: 810px;width: 100%;margin: 88px auto 0;text-align: center;color: #fff;}

.top-content h1{font-size: 40px;color: #ffffff;line-height: 50px;margin-bottom: 6px;}
.lb-title{text-align: center;}
.lb-title h1{position: relative;margin-top: -50px;}
.lb-title h1:before{content:'';width: 10px;height: 10px;background: url(../images/lb-title.png) no-repeat;display: inline-block;vertical-align: top;margin-right: 6px;}

.top-content p{font-size: 18px;line-height: 36px;margin-bottom: 40px;}
.top-content .btn{display: inline-block;width: 260px;height: 50px;line-height: 50px;font-size: 22px;color: #fff;border-radius: 10px;background:#1ea3ff;background: -moz-linear-gradient(left, #2c8cd0 0%, #1ea3ff 100%);background: -webkit-linear-gradient(left, #2c8cd0 0%,#1ea3ff 100%);background: -o-linear-gradient(left, #2c8cd0 0%,#1ea3ff 100%);background: -ms-linear-gradient(left, #2c8cd0 0%,#1ea3ff 100%);background: linear-gradient(to right, #2c8cd0 0%,#1ea3ff 100%);  -webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-property: transform;transition-property: transform;-webkit-transform: translateZ(0);transform: translateZ(0);}
.top-content .btn:hover{-webkit-transform: translateY(-6px);transform: translateY(-6px);-webkit-animation-name: hover;animation-name: hover;-webkit-animation-duration: 1.5s;animation-duration: 1.5s;-webkit-animation-delay: 0.3s;animation-delay: 0.3s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-direction: alternate;animation-direction: alternate;color: #ffb788;}
@-webkit-keyframes hover {
    50% {
      -webkit-transform: translateY(-3px);
      transform: translateY(-3px);
    }
  
    100% {
      -webkit-transform: translateY(-6px);
      transform: translateY(-6px);
    }
  }
  
  @keyframes hover {
    50% {
      -webkit-transform: translateY(-3px);
      transform: translateY(-3px);
    }
  
    100% {
      -webkit-transform: translateY(-6px);
      transform: translateY(-6px);
    }
  }

.case-box{background: url(../images/case-bg1.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;border-radius: 10px;position: relative;margin-top: -64px;margin-bottom: 84px;}
.ul-tab li{float: left;width: 20%;text-align: center;}
.ul-tab li a{display: block;font-size: 22px;color: #666666;line-height: 42px;padding:34px 0;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.ul-tab li a:before{content:'';width: 15px;height: 15px;background: url(../images/case-icon.png) no-repeat;display: inline-block;vertical-align: middle;margin-right: 10px;margin-top: -2px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.ul-tab li.on a,.ul-tab li:hover a{color: #000;color: #1f557b;font-weight: bold;}
.ul-tab li.on a:before,.ul-tab li:hover a:before{opacity: 1;filter:alpha(opacity=100);}

.case-lists{margin-bottom: 54px;}
.case-item{margin-left: -3%;}
.case-item li{float: left;width: 30.3%;margin-left: 3%;padding-right: 11px;margin-bottom: 82px;position: relative;}
.case-item li:after{content:'';position: absolute;top: 11px;left: 11px;width: 100%;height: 100%;background: url(../images/case-bg2.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;border-radius: 20px;z-index: -1;-webkit-box-shadow: 0 10px 20px rgba(35,77,124,0.2);-moz-box-shadow: 0 10px 20px rgba(35,77,124,0.2);-ms-box-shadow: 0 10px 20px rgba(35,77,124,0.2);-o-box-shadow: 0 10px 20px rgba(35,77,124,0.2);box-shadow: 0 10px 20px rgba(35,77,124,0.2);}
.case-item li .img{display: block;width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 70%;}
.case-item li .img img{display: block;position: absolute;top: 0; left: 0;width: 100%; height: 100%;}
.case-item li .text{padding: 25px 0 20px 24px;position: relative;}
.case-item li .text .tit{display: block;font-size: 20px;color: #333333;line-height: 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight: bold;margin-bottom: 10px;}
.case-item li .text p{font-size: 16px;color: #666666;line-height: 26px;margin-bottom: 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right: 114px;}
.case-item li .text p strong{color: #333333;}
.case-item li .text .more{display: block;position: absolute;right: 0;bottom: 26px;font-size: 18px;color: #ffffff;font-weight: bold;line-height: 34px;border-radius: 17px;background:#2f9ae4;background: -moz-linear-gradient(left, #2c8cd0 0%, #2f9ae4 100%);background: -webkit-linear-gradient(left, #2c8cd0 0%,#2f9ae4 100%);background: -o-linear-gradient(left, #2c8cd0 0%,#2f9ae4 100%);background: -ms-linear-gradient(left, #2c8cd0 0%,#2f9ae4 100%);background: linear-gradient(to right, #2c8cd0 0%,#2f9ae4 100%);padding:0 20px;}
.case-item li .text .more:hover{color: #ffb788;}
.case-item li .text .tit:hover{color: #2c8cd0;} 


/* =================== 产品聚合页 ===================== */

.pro-grid{background: url(../images/pro-bg.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;-webkit-box-shadow: 0 10px 20px rgba(55,93,178,0.43);-moz-box-shadow: 0 10px 20px rgba(55,93,178,0.43);-ms-box-shadow: 0 10px 20px rgba(55,93,178,0.43);-o-box-shadow: 0 10px 20px rgba(55,93,178,0.43);box-shadow: 0 10px 20px rgba(55,93,178,0.43);margin-bottom: 80px;}

.pro-grid strong{display: block;font-size: 18px;color: #ffcda6;line-height: 28px;background: url(../images/fire.png) no-repeat left center;padding-left: 28px;margin-top: 20px;margin-bottom: 18px;}

.pro-slick {height: 534px;overflow: hidden;}
.pro-slick .item{position: relative;padding-bottom: 84px;margin:0 10px;}
.pro-slick .text{float: left;width: 50%;padding-right: 11%;}
.pro-slick .text .tit{line-height: 48px;margin-bottom: 52px;}
.pro-slick .text .tit a{display: inline-block;font-size: 38px;color: #f9caa5;font-weight: bold;text-transform: uppercase;margin-right: 50px;}
.pro-slick .text .tit span{display: inline-block;font-size: 20px;color: #ffffff;font-weight: bold;padding-right: 24px;}
.pro-slick .text .tit a:hover{color: #fff;}
.pro-slick .piece{margin-bottom: 46px;}
.pro-slick .piece dl{float: left;width: 47%;text-align: center;color: #162c47;background: url(../images/pro-bg.png) no-repeat center;padding:15px 0 21px;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;border-radius: 10px;-webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.2);-moz-box-shadow: 0 10px 10px rgba(0,0,0,0.2);-ms-box-shadow: 0 10px 10px rgba(0,0,0,0.2);-o-box-shadow: 0 10px 10px rgba(0,0,0,0.2);box-shadow: 0 10px 10px rgba(0,0,0,0.2);}
.pro-slick .piece dl:first-child{margin-right: 4%;}
.pro-slick .piece dt{font-size: 28px;font-weight: bold;line-height: 38px;}
.pro-slick .piece dd{font-size: 20px;line-height: 30px;}
.pro-slick .text p{font-size: 20px;line-height: 2em;color: #fff;}
.pro-slick .more-a{display: block;position: absolute;background: url(../images/more-a.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;border-radius: 8px;width: 180px;height: 50px;line-height: 50px;text-align: center;right: 0;bottom: 26px;font-size: 18px;color: #ffffff;letter-spacing: 2px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.pro-slick .more-a>img{margin-left: 18px;vertical-align: middle;display: inline-block;margin-top: -2px;}
.pro-slick .more-a:hover img{margin-left: 26px;}


.pro-slick .pic{float: right;width: 50%;}
.pro-slick .pic img{display: block;width: 100%;}

.pro-slick .slick-dots{position: absolute;width: 80%;bottom: 24px;}
.pro-slick .slick-dots li{display: inline-block;margin:0 6px;}
.pro-slick .slick-dots li button{font-size: 0;outline: none;border: none;width: 16px;height: 4px;border-radius: 2px;background-color: #829bad;cursor: pointer;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.pro-slick .slick-dots li.slick-active button{background-color: #ffffff;width: 45px;}

.pro-title{position: relative;margin-bottom: 35px;}
.pro-title h2 {position: relative;color: #c3987c;padding-top: 15px;float: left;}
.pro-title h2 a{display: inline-block;color: #c3987c;font-size: 40px;line-height: 50px;}
.pro-title h2:before{content:'';width: 220px;height: 51px;background: url(../images/pro-txt.png) no-repeat;position: absolute;top: 0;left: 0;z-index: -1;}
.pro-title h2 a:hover{color: #2c8cd0;}
.pro-title .see-more{display: block;position: absolute;right: 0;top: 34px;font-size: 16px;color: #2a93dc;line-height: 26px;}
.pro-title .see-more::before,.pro-title .see-more::after{content:'';width: 0;height: 1px;background-color: #c3987c;position: absolute;left: 0;-webkit-transform: scale(0);-moz-transform: scale(0); -o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.pro-title .see-more::before{top:0}
.pro-title .see-more::after{bottom:0;}
.pro-title .see-more:hover{color: #c3987c;}
.pro-title .see-more:hover::before,.pro-title .see-more:hover::after{-webkit-transform: scale(1);-moz-transform: scale(1); -o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);width: 100%;}
.pro-title .ul-tit{float: left;overflow: hidden;margin-top: 30px;}
.pro-title .ul-tit li{float: left;font-size: 18px;color: #999999;line-height: 28px;padding:0 18px;position: relative;}
.pro-title .ul-tit li:before{content:'';width: 1px;height: 13px;background-color: #999999;position: absolute;left: 0;top: 7px;}
.pro-title .ul-tit li:first-child:before{display: none;}
.pro-title .ul-tit li a{display: block;color: #999999;}
.pro-title .ul-tit li a:hover{color: #2a93dc;}


.cp-list{margin-left: -3.3%;margin-bottom: 45px;}
.cp-list li{float: left;width: 30%;margin-left: 3.3%;padding-right: 38px;position: relative;margin-bottom: 40px;}
.cp-list li:after{content:'';position: absolute;top: 38px; left: -30px;width:115%; height: 100%;background: url(../images/por-bg.png) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;z-index: -1;}
.cp-list li .pic{position: relative;}
.cp-list li .pic a{display: block;width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 75%;border-radius: 20px;-webkit-box-shadow: 0 0 10px #bcd2e2;-moz-box-shadow: 0 0 10px #bcd2e2;-ms-box-shadow: 0 0 10px #bcd2e2;-o-box-shadow: 0 0 10px #bcd2e2;box-shadow: 0 0 10px #bcd2e2;}
.cp-list li .pic a img{position: absolute;top: 0; left: 0;width: 100%; height: 100%;}
.cp-list li .pic span{display: block;width: 18px;font-size: 18px;color: #74b7e6;line-height: 1.1;position: absolute;right: -32px;top: 92px;text-align: center;}
.cp-list li .text{padding:15px 0 18px 25px;position: relative;}
.cp-list li .text .tit{display: block;font-size: 24px;color: #174769;font-weight: bold;line-height: 42px;margin-bottom: 5px;}
.cp-list li .text p{font-size: 18px;color: #c3987c;line-height: 40px;padding-right: 110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cp-list li .text .tit:hover{color: #c3987c;}
.cp-list li .text .more-a{display: block;position: absolute;right: -44px;bottom:36px;font-size: 18px;color: #fff;padding:0 30px 0 48px;line-height: 58px;background:#2f9ae4;background: -moz-linear-gradient(left, #2c8cd0 0%, #2f9ae4 100%);background: -webkit-linear-gradient(left, #2c8cd0 0%,#2f9ae4 100%);background: -o-linear-gradient(left, #2c8cd0 0%,#2f9ae4 100%);background: -ms-linear-gradient(left, #2c8cd0 0%,#2f9ae4 100%);background: linear-gradient(to right, #2c8cd0 0%,#2f9ae4 100%);border-radius: 29px 0 0 29px;-webkit-box-shadow: 0 2px 5px rgba(6,108,181,0.4);-moz-box-shadow: 0 2px 5px rgba(6,108,181,0.4);-ms-box-shadow: 0 2px 5px rgba(6,108,181,0.4);-o-box-shadow: 0 2px 5px rgba(6,108,181,0.4);box-shadow: 0 2px 5px rgba(6,108,181,0.4);}
.cp-list li .text .more-a:hover{color: #f9caa5;}

/* =================== 产品列表 ===================== */

.pro-top{background: url(../images/pro-top.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-bottom: 232px;}

.pro-lb{position: relative;margin-top: -138px;margin-bottom: 124px;}
.tab-pro{margin:0 -2%;}
.tab-pro li{float: left;width: 179px;text-align: center;margin:0 2%;background: url(../images/cp-bg.png) no-repeat bottom center;padding-bottom: 12px;position: relative;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.tab-pro li p{font-size: 30px;color: #9f6b49;line-height: 38px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.tab-pro li:last-child .img{padding-left: 10px;}
.tab-pro li:after{content: '';width: 100%;height: 26px;background: url(../images/cp-line.png) no-repeat center;position: absolute;bottom: -20px;left: 0;}
.tab-pro li.on,.tab-pro li:hover{background: url(../images/cp-bg1.png) no-repeat bottom center;}
.tab-pro li.on p,.tab-pro li:hover p{color: #fff;}

.pro-box{margin-bottom: 60px;}
.product-list{margin-left: -3.3%;}
.product-list li{float: left;width: 30%;margin-left: 3.3%;padding-right: 26px;position: relative;margin-bottom: 70px;}
.product-list li .img{display: block;width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 74.23%;border-radius: 30px;-webkit-box-shadow: 0 4px 10px rgba(127,181,243,0.51);-moz-box-shadow: 0 4px 10px rgba(127,181,243,0.51);-ms-box-shadow: 0 4px 10px rgba(127,181,243,0.51);-o-box-shadow: 0 4px 10px rgba(127,181,243,0.51);box-shadow: 0 4px 10px rgba(127,181,243,0.51);}
.product-list li .img img{display: block;position: absolute;top: 0; left: 0;width: 100%; height: 100%;}
.product-list li .text{position: relative;padding-left: 84px;}
.product-list li .text .tit{display: block;font-size: 22px;color: #174769;line-height: 68px;padding-right: 72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product-list li .text .more{display: block;position: absolute;bottom: 0;right: -8px;}
.product-list li:after{content:'';position: absolute;top: 88px; left: 9px;width: 100%; height: 100%;background: url(../images/cp-bg2.png) no-repeat;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;z-index: -1;}
.product-list li .text .tit:hover{color: #c3987c;}

/* =================== 产品内页 ===================== */

.pro-inner{background: url(../images/pro-top1.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-bottom: 160px;}

.base-inner{margin-top: 50px;background: url(../images/pro-bg3.png) no-repeat right bottom;}
.base-inner .base-img{float: left;width: 47%;}
.base-img .img{border-radius: 0 8px 8px 0;box-shadow:2px 2px 5px #b3cada;margin-bottom: 35px;}
.base-img .img img{display: block;width: 100%;border-radius: 0 8px 8px 0;}
.base-img p {padding-left: 92px;padding-bottom: 20px;}
.base-img p span{display: inline-block;font-size: 16px;line-height: 26px;padding-left: 26px;background: url(../images/pro-icon1.png) no-repeat left center;margin-right: 54px;}

.base-inner .base-text{float: right;width: 53%;margin-top: 104px;padding-left: 48px;padding-right: 148px;position: relative;padding-bottom: 102px;}
.base-text h1{font-size: 36px;color: #1f557b;line-height: 46px;margin-bottom: 38px;}
.base-text .ability dl{float: left;width: 48%;color: #162c47;text-align: center;padding: 19px 0;background: url(../images/pro-bk.png) no-repeat center;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;position: relative;margin-bottom: 38px;}
.base-text .ability dl:first-child{margin-right: 2%;}
.base-text .ability dl dt{font-size: 27px;line-height: 37px;}
.base-text .ability dl dt sup{font-size: 12px;line-height: 14px;}
.base-text .ability dl dd{font-size: 22px;font-weight: bold;line-height: 32px;}
.base-text .ability dl:after{content:'';width: 100%;height: 16px;background: url(../images/pro-line.png) no-repeat center;position: absolute;left: 0;bottom: -12px;}
.base-text p{font-size: 18px;color: #1f557b;line-height: 36px;position: relative;}
.base-text p.one{margin-bottom: 15px;}
.base-text p:before{content:'';width: 35px;height: 35px;background: url(../images/pro-icon2.png) no-repeat;position: absolute;left: -35px;top: 0;}

.sub-tel{position: absolute;right: 0;bottom: 0;}
.sub-tel strong{background-color: #e8caaa;padding-left: 32px;font-size: 18px;color: #162c47;line-height: 41px;border-top-left-radius: 18px;float: left;display: block;margin-top: 17px;padding-right: 50px;}
.sub-tel span{display: block;line-height: 58px;color: #ffffff;float: left;padding:0 120px 0 62px;position: relative;z-index: 1;margin-left: -64px;font-size: 22px;cursor: pointer;}
.sub-tel span:after{content:'';position: absolute;top: -21px; left: 0;width: 100%; bottom: 0;background: url(../images/pro-bg2.png) no-repeat;z-index: -1;}
.sub-tel span:before{content:'';width: 94px;height: 94px;background: url(../images/pro-pic1.jpg) no-repeat;position: absolute;right: -18px;bottom: -12px;border-radius: 50%;border:4px solid #fff;}
.sub-tel span img{position:absolute;left:58%;top:19px;width:24px;height:auto}
.sub-tel span:hover img{-webkit-animation:fadeio .3s forwards;-moz-animation:fadeio .3s forwards;-ms-animation:fadeio .3s forwards;-o-animation:fadeio .3s forwards;animation:fadeio .3s forwards}
@-webkit-keyframes fadeio{
    0%{top:19px}
    33%{top:2px;left:65%}
    66%{top:-22px;left:70%;opacity:1}
    100%{top:-44px;left:80%;opacity:0}
}
@keyframes fadeio{
    0%{top:19px}
    33%{top:2px;left:65%}
    66%{top:-22px;left:70%;opacity:1}
    100%{top:-44px;left:80%;opacity:0}
}

.base-r{position: absolute;width: 32px;right: 18px;top: 16px;font-size: 20px;line-height: 1;text-align: center;color: #ffa972;}
.base-r span{display: block;padding:22px 0 20px;background:#ff3a2d;background: -moz-linear-gradient(top, #ff7738 0%, #ff3a2d 100%);background: -webkit-linear-gradient(top, #ff7738 0%,#ff3a2d 100%);background: -o-linear-gradient(top, #ff7738 0%,#ff3a2d 100%);background: -ms-linear-gradient(top, #ff7738 0%,#ff3a2d 100%);background: linear-gradient(to bottom, #ff7738 0%,#ff3a2d 100%);color: #fff;border-radius: 6px 26px 6px 26px;-webkit-box-shadow: 0 0 20px #fec8c2;-moz-box-shadow: 0 0 20px #fec8c2;-ms-box-shadow: 0 0 20px #fec8c2;-o-box-shadow: 0 0 20px #fec8c2;box-shadow: 0 0 20px #fec8c2;margin-bottom: 20px;}
.base-r strong{display: block;margin-bottom: 16px;}
.base-r:before{content:'';width: 78px;height: 123px;background: url(../images/pro-ys.png) no-repeat;position: absolute;top:-40px;right: -30px;}

.pro-wrapper{position: relative;margin-top: -70px;border-radius: 10px;-webkit-box-shadow: 0 10px 20px rgba(73,83,110,0.1);-moz-box-shadow: 0 10px 20px rgba(73,83,110,0.1);-ms-box-shadow: 0 10px 20px rgba(73,83,110,0.1);-o-box-shadow: 0 10px 20px rgba(73,83,110,0.1);box-shadow: 0 10px 20px rgba(73,83,110,0.1);}


.main-content {margin-bottom: 60px;}
.main-content .main-left{float: left;width: 72%;font-size: 18px;color: #5b6770;line-height: 2.5em;}
.side-h{display: block;}
.main-content .main-left h2,.side-h,.main-content .main-left h3{font-size: 30px;color: #1f557b;line-height: 40px;padding-left: 48px;background: url(../images/pro-icon3.png) no-repeat left 10px;margin: 35px 0;}
.main-content .main-left img,.main-content .main-left video{max-width: 800px;}
.main-content .main-left p{margin-bottom: 15px;}
.img-title{text-align: center;color: #c3987c;}
.img-title:before,.img-title:after{content:'';width: 58px;height: 31px;display: inline-block;vertical-align: middle;margin-top: -2px;}
.img-title:before{background: url(../images/pro-msg.png) no-repeat center;}
.img-title:after{background: url(../images/pro-msg1.png) no-repeat center;}

.pro-trait{position: relative;background: url(../images/pro-bg4.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;border-radius: 10px;padding:28px 20px;position: relative;margin: 50px 0 60px;}
.main-content .pro-trait h2,.main-content .pro-trait h3{position: absolute;top: -54px;left: 99px;right: 99px;background:#35719b;background: -moz-linear-gradient(left, #0f3d5d 0%, #35719b 100%);background: -webkit-linear-gradient(left, #0f3d5d 0%,#35719b 100%);background: -o-linear-gradient(left, #0f3d5d 0%,#35719b 100%);background: -ms-linear-gradient(left, #0f3d5d 0%,#35719b 100%);background: linear-gradient(to right, #0f3d5d 0%,#35719b 100%);text-align: center;padding-left: 0;color: #ffffff;line-height: 70px;border-radius: 0 0 20px 20px;}
.main-content .pro-trait h2:before,.main-content .pro-trait h2:after,.main-content .pro-trait h3:before,.main-content .pro-trait h3:after{content:'';width: 23px;height: 21px;position: absolute;top: 0;}
.main-content .pro-trait h2:before,.main-content .pro-trait h3:before{background: url(../images/pro-arr1.png) no-repeat left center;left: -23px;}
.main-content .pro-trait h2:after,.main-content .pro-trait h3:after{background: url(../images/pro-arr2.png) no-repeat left center;right:-22px}
.main-content .main-left table td{padding: 5px 2px;word-break: break-all;}
.pro-trait .con{padding:46px 38px 26px;background-color: rgba(223,236,248,0.6);border:1px solid #ffffff;border-radius: 10px;}
.pro-trait strong{display: block;font-size: 20px;color: #c3987c;line-height: 30px;padding-left: 32px;background: url(../images/pro-tag.png) no-repeat left 8px;margin-bottom: 16px;}

.advisory{display: inline-block;background:#2485c8;background: -moz-linear-gradient(left, #2b98e4 0%, #2485c8 100%);background: -webkit-linear-gradient(left, #2b98e4 0%,#2485c8 100%);background: -o-linear-gradient(left, #2b98e4 0%,#2485c8 100%);background: -ms-linear-gradient(left, #2b98e4 0%,#2485c8 100%);background: linear-gradient(to right, #2b98e4 0%,#2485c8 100%);font-size: 20px;color: #ffffff;border-radius: 16px;line-height: 35px;padding:0 28px 0 18px;margin:0 18px;cursor: pointer;-webkit-box-shadow:0 0 15px rgba(131,178,255,0.9);-moz-box-shadow:0 0 15px rgba(131,178,255,0.9);-ms-box-shadow:0 0 15px rgba(131,178,255,0.9);-o-box-shadow:0 0 15px rgba(131,178,255,0.9);box-shadow:0 0 15px rgba(131,178,255,0.9);position: relative;}
.advisory:before{content:'';position: absolute;top: -5px;bottom: -5px;right: -5px;left: -5px;border:1px dashed #2485c8;border-radius: 22px;}
.advisory:after{content:'';width: 25px;height: 16px;background: url(../images/btn2.gif) no-repeat;position: absolute;right: 0;top: 12px;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;}

.pro-cs{margin-bottom: 40px;}
.tab-cs{margin-bottom: 48px;}
.tab-cs li{float: left;margin-right: 40px;background:#35719b;background: -moz-linear-gradient(left, #0f3d5d 0%, #35719b 100%);background: -webkit-linear-gradient(left, #0f3d5d 0%,#35719b 100%);background: -o-linear-gradient(left, #0f3d5d 0%,#35719b 100%);background: -ms-linear-gradient(left, #0f3d5d 0%,#35719b 100%);background: linear-gradient(to right, #0f3d5d 0%,#35719b 100%);border:1px dashed #fff;border-radius: 10px;cursor: pointer;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;margin-bottom: 20px;}
.tab-cs li span{display: block;line-height: 61px;padding: 0 45px;background-color: #fff;border-radius: 8px;}
.tab-cs li.on,.tab-cs li:hover{border-style: solid;color: #fff;}
.tab-cs li.on span,.tab-cs li:hover span{background-color: transparent;}

.pro-cs table{margin-bottom: 30px;color: #1f557b;}
.pro-cs table td{line-height: 25px;padding:8px 2px;word-break: break-all;}

.main-case{margin-top: 70px;}
.case-device{margin-left: -2%;}
.case-device li{float: left; width: 48%;margin-left: 2%;margin-bottom: 88px;position: relative;}
.case-device li .img{display: block;width: 53%;float: left;border-radius: 30px;-webkit-box-shadow: 0 0 15px #c8dffa;-moz-box-shadow: 0 0 15px #c8dffa;-ms-box-shadow: 0 0 15px #c8dffa;-o-box-shadow: 0 0 15px #c8dffa;box-shadow: 0 0 15px #c8dffa;}
.case-device li .img img{display: block;width: 100%;border-radius: 30px;}
.case-device li .text{float: right;width: 47%;padding-left: 15px;}
.case-device li .text .btn{text-align: right;margin-bottom: 25px;margin-top: 6px;padding-right: 12px;}
.case-device li .text .btn a{font-size: 16px;color: #fff;line-height: 31px;padding:0 10px 0 26px;background: url(../images/cp-case1.png) no-repeat;display: inline-block;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;}
.case-device li .text .tit{display: block;font-size: 22px;color: #174769;line-height: 32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight: bold;margin-bottom: 10px;}
.case-device li .text p{font-size: 20px;color: #c3987c;line-height: 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.case-device li:before{content: '';position: absolute;top: 0; left: 66px;background: url(../images/cp-case.png) no-repeat;width: 100%;height: 120%;z-index: -1;}

.case-device li .text .btn a:hover{color: #ffb788;}
.case-device li .text .tit:hover{color: #c3987c;}

.side-bar{float: right;width: 23%;}
.side-bar .side-pro,.side-news{background: url(../images/s-bg.png);position: relative;padding-bottom: 1px;-webkit-box-shadow: 0 0 10px rgba(60,143,201,0.35);-moz-box-shadow: 0 0 10px rgba(60,143,201,0.35);-ms-box-shadow: 0 0 10px rgba(60,143,201,0.35);-o-box-shadow: 0 0 10px rgba(60,143,201,0.35);box-shadow: 0 0 10px rgba(60,143,201,0.35);}
.side-bar .side-pro:after,.side-news:after{content: '';width: 174px;height: 192px;background: url(../images/side-bg.png) no-repeat;top: 0;right: 0;position: absolute;}
.side-bar strong{display: block;font-size: 20px;color: #ffffff;text-align: center;line-height: 27px;background:#03406a;background: -moz-linear-gradient(top, #3e94d1 0%, #03406a 100%);background: -webkit-linear-gradient(top, #3e94d1 0%,#03406a 100%);background: -o-linear-gradient(top, #3e94d1 0%,#03406a 100%);background: -ms-linear-gradient(top, #3e94d1 0%,#03406a 100%);background: linear-gradient(to bottom, #3e94d1 0%,#03406a 100%);margin-bottom: 40px;padding:16px 0 18px;position: relative;z-index: 1;}
.side-bar strong:before{content:'';width: 10px;height: 10px;background: url(../images/base-icon.png) no-repeat;display: inline-block;vertical-align: top;margin-right: 10px;}

.side-pro ul{padding:0 22px;position: relative;z-index: 1;}
.side-pro li{background-color: #ffffff;margin-bottom: 40px;}
.side-pro li .tit{display: block;color: #333333;font-size: 18px;line-height: 40px;text-align: center;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.side-pro li .tit:hover{color: #2994df;font-weight: bold;}

.side-new {margin-bottom: 86px;}
.new-lists{margin-left: -3%;}
.new-lists li{float: left;width: 47%;margin-left: 3%;padding:35px 0 32px 32px;background: url(../images/base-new.png) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;margin-bottom: 25px;}
.new-lists li .tit{display: block;font-size: 20px;color: #1f557b;line-height: 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 20px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.new-lists li p{overflow: hidden;}
.new-lists li span{display: block;}
.new-lists li .tag{float: left;font-size: 20px;color: #c3987c;line-height: 30px;background: url(../images/base-icon1.png) no-repeat left center;padding-left: 50px;width: 60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.new-lists li .date{float: right;font-size: 16px;color: #afc1d6;line-height: 30px;padding-left: 26px;background: url(../images/base-time.png) no-repeat left center;}
.new-lists li .tit:hover{color: #c3987c;}

#allmap{height: 389px;}
#allmap img {max-width: none;}
.map-img{width: 100%;}
.BMap_bubble_content {font-size: 16px;line-height: 26px;}
.BMap_bubble_title {font-size: 20px;margin-bottom: 10px;}

.show-message{padding-bottom: 25px;margin-bottom: 100px;position: relative;z-index: 1;}
.show-message:before{content: '';position: absolute;top: 96px; left: 0;bottom: 0;right: 0;background:#0b5a92;background: -moz-linear-gradient(left, #013458 0%, #0b5a92 100%);background: -webkit-linear-gradient(left, #013458 0%,#0b5a92 100%);background: -o-linear-gradient(left, #013458 0%,#0b5a92 100%);background: -ms-linear-gradient(left, #013458 0%,#0b5a92 100%);background: linear-gradient(to right, #013458 0%,#0b5a92 100%);z-index: -1;border-top-left-radius: 20px;}
.show-message .col-left{float: left;width: 50%;padding-left: 25px;}
.show-message .msg-box{background:#002443;background: -moz-linear-gradient(left, #4791d6 0%, #002443 100%);background: -webkit-linear-gradient(left, #4791d6 0%,#002443 100%);background: -o-linear-gradient(left, #4791d6 0%,#002443 100%);background: -ms-linear-gradient(left, #4791d6 0%,#002443 100%);background: linear-gradient(to right, #4791d6 0%,#002443 100%);border-radius: 30px 0 0 60px;position: relative;padding-top: 54px;padding-bottom: 42px;}
.msg-box strong{display: block;font-size: 36px;color: #ffffff;line-height: 46px;padding-left: 52px;margin-bottom: 36px;}
.msg-box span{font-size: 20px;color: #e9aa82;display: block;line-height: 30px;padding-left: 52px;}
.msg-box p{padding-left: 52px;font-size: 22px;color: #ffffff;line-height: 32px;margin-bottom: 65px;}
.msg-box p em{font-style: normal;font-weight: bold;color: #f5ca00;}
.msg-box .get-btn{position: absolute;right: 2px;top: 50px;}
.msg-box .get-btn a{display: block;font-size: 18px;color: #fff;line-height: 48px;padding:0 20px 0 38px;background: url(../images/msg-btn.png) no-repeat;position: relative;z-index: 1;}
.msg-box .get-btn:after{content:'';width: 123px;height: 115px;background: url(../images/msg-gr.png) no-repeat;position: absolute;left: -44px;bottom: 0;}
.msg-box ul{padding:0 85px 0 15px;}
.msg-box ul li{position: relative;padding-left: 40px;margin-bottom: 36px;}
.msg-box ul li img{position: absolute;left: -0;top: 12px;}
.msg-box ul li input,.msg-box ul li textarea{width: 100%;padding:0 16px;border-radius: 10px 0 10px 10px;}
.msg-box ul li input{line-height: 60px;height: 60px;}
.msg-box ul li textarea{height: 124px;line-height: 36px;padding-top: 12px;}
.msg-btn{position: absolute;width: 250px;height: 60px;bottom: -35px;right: 0;}
.msg-btn input{text-align: center;line-height: 60px;font-size: 22px;color: #ffffff;background:#298bd0;background: -moz-linear-gradient(left, #2b98e4 0%, #298bd0 100%);background: -webkit-linear-gradient(left, #2b98e4 0%,#298bd0 100%);background: -o-linear-gradient(left, #2b98e4 0%,#298bd0 100%);background: -ms-linear-gradient(left, #2b98e4 0%,#298bd0 100%);background: linear-gradient(to right, #2b98e4 0%,#298bd0 100%);display: inline-block;border-radius: 10px 0 0 40px;-webkit-box-shadow: 0 4px 10px rgba(6,108,181,0.4);-moz-box-shadow: 0 4px 10px rgba(6,108,181,0.4);-ms-box-shadow: 0 4px 10px rgba(6,108,181,0.4);-o-box-shadow: 0 4px 10px rgba(6,108,181,0.4);box-shadow: 0 4px 10px rgba(6,108,181,0.4);display: block;width: 100%;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.msg-btn:after{content:'';width: 12px;height: 23px;background: url(../images/msg-arr.png) no-repeat;position: absolute;left: -6px;top: 21px;z-index: -1;}
.msg-btn input:hover{color: #e9aa82;}
.show-message .col-left>p{font-size: 18px;color: #d0ecff;line-height: 28px;padding-left: 16px;margin-top: 25px;}
.show-message .col-left>p:after{content:'';width: 380px;height: 15px;background: url(../images/msg-line.png) no-repeat;display: inline-block;vertical-align: middle;margin-left: 12px;}

.show-message .col-right{float: right;width: 50%;padding:0 46px}
.col-right .top{margin-top: 15px;margin-bottom: 70px;}
.col-right .top li{display: inline-block;font-size: 20px;font-weight: bold;color: #162c47;}
.col-right .top li:first-child{margin:0 40px 0 26px;}
.col-right .top li strong{font-family: "Impact";font-size: 42px;display: inline-block;vertical-align: middle;color: #306a92;background-image: -webkit-gradient(linear, 0 0, right 0, from(#144465), to(#306a92));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.col-right .top li span{vertical-align: middle;}
.col-right .top li strong i{font-style: normal;}
.col-right>strong{display: block;text-align: center;font-size: 34px;color: #c3987c;line-height: 44px;margin-bottom: 50px;position: relative;}
.col-right>strong:before{content:'';width: 100%;height: 37px;background: url(../images/msg-txt.png) no-repeat center;position: absolute;left: 0;top: -2px;}
.col-right p{font-size: 17px;color: #d0ecff;line-height: 27px;margin-top: 32px;}

.base-wrap{position: relative;z-index: 1;}
.base-wrap:after{content:'';position: absolute;top: 30px; left: 0;bottom:290px;width: 100%;background: url(../images/s-bg.png);z-index: -1; }

/* =================== 新闻列表 ===================== */

.new-top{background: url(../images/new-bg.jpg) no-repeat top center;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;margin-bottom: 75px;}

.news-area{margin-top: 30px;}
.news-area .col-l{width: 57%;}
.new-slick{height: 748px;overflow: hidden;border-radius: 10px;-webkit-box-shadow: 0 0 30px rgba(10,100,164,0.2);-moz-box-shadow: 0 0 30px rgba(10,100,164,0.2);-ms-box-shadow: 0 0 30px rgba(10,100,164,0.2);-o-box-shadow: 0 0 30px rgba(10,100,164,0.2);box-shadow: 0 0 30px rgba(10,100,164,0.2);}
.new-slick .item{background:url(../images/s-bg.png);}
.new-slick .img{display: block;width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 66.25%;border-radius: 10px;}
.new-slick .img img{position: absolute;top: 0; left: 0;width: 100%; height: 100%;}

.new-slick .text{padding:35px 0 24px 40px;}
.new-slick .tit{display: block;font-size: 26px;line-height: 36px;font-weight: bold;color: #333333;margin-bottom: 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.new-slick p{font-size: 16px;color: #666666;line-height: 32px;padding-right: 40px;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 8px;height: 64px;}
.new-slick span{display: block;}
.new-slick .hot{float: left;width:60px;height:30px;border-radius: 4px;background:#ff3a2d;background: -moz-linear-gradient(top, #ff7738 0%, #ff3a2d 100%);background: -webkit-linear-gradient(top, #ff7738 0%,#ff3a2d 100%);background: -o-linear-gradient(top, #ff7738 0%,#ff3a2d 100%);background: -ms-linear-gradient(top, #ff7738 0%,#ff3a2d 100%);background: linear-gradient(to bottom, #ff7738 0%,#ff3a2d 100%);text-align: center;font-size: 20px;color: #ffffff;line-height: 30px;-webkit-box-shadow: 0 2px 10px rgba(255,68,47,0.5);-moz-box-shadow: 0 2px 10px rgba(255,68,47,0.5);-ms-box-shadow: 0 2px 10px rgba(255,68,47,0.5);-o-box-shadow: 0 2px 10px rgba(255,68,47,0.5);box-shadow: 0 2px 10px rgba(255,68,47,0.5);margin-top: 7px;}
.new-slick .more{float: right;font-size: 20px;font-weight: bold;color: #ffffff;line-height: 48px;padding:0 40px;background:#2d9ce9;background: -moz-linear-gradient(top, #1b7bbd 0%, #2d9ce9 100%);background: -webkit-linear-gradient(top, #1b7bbd 0%,#2d9ce9 100%);background: -o-linear-gradient(top, #1b7bbd 0%,#2d9ce9 100%);background: -ms-linear-gradient(top, #1b7bbd 0%,#2d9ce9 100%);background: linear-gradient(to bottom, #1b7bbd 0%,#2d9ce9 100%);border-radius: 8px 0 0 8px;-webkit-box-shadow: 0 0 10px rgba(6,108,181,0.4);-moz-box-shadow: 0 0 10px rgba(6,108,181,0.4);-ms-box-shadow: 0 0 10px rgba(6,108,181,0.4);-o-box-shadow: 0 0 10px rgba(6,108,181,0.4);box-shadow: 0 0 10px rgba(6,108,181,0.4);}
.new-slick .date{float: right;font-size: 16px;color: #c3987c;line-height: 48px;padding-left: 36px;background: url(../images/time.png) no-repeat left center;margin-right: 40px;}
.new-slick .tit:hover{color: #c3987c;}
.new-slick .more:hover{color: #c3987c;}
.new-slick .slick-dots{position: absolute;bottom:244px;left: 40px;}
.new-slick .slick-dots li{display: inline-block;margin-right: 7px;}
.new-slick .slick-dots li button{border:none;outline: none;font-size: 0;width: 25px;height: 7px;border-radius: 3.5px;cursor: pointer;background-color: #ffffff;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.new-slick .slick-dots li.slick-active button{background-color: #3e94d1;width: 14px;}

.news-area .col-r{width: 40%;}
.news-area .col-r .top{background: url(../images/new-bg1.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding:40px 0 52px 30px;border-radius: 10px;margin-bottom: 40px;}
.news-area .col-r .top h2{font-size: 40px;color: #efb592;line-height: 50px;margin-bottom: 10px;}
.news-area .col-r .top p{font-size:22px;color: #ffebde;line-height: 32px;}
.news-area .col-r .hot-news{background: url(../images/s-bg.png);border-radius: 10px;padding:26px 18px 40px 30px;border-radius: 10px;    -webkit-box-shadow: 0 0 30px rgba(10,100,164,0.2);-moz-box-shadow: 0 0 30px rgba(10,100,164,0.2);-ms-box-shadow: 0 0 30px rgba(10,100,164,0.2);-o-box-shadow: 0 0 30px rgba(10,100,164,0.2);box-shadow: 0 0 30px rgba(10,100,164,0.2);}
.hot-news .title{margin-bottom: 30px;}
.hot-news .title strong{display: block;float: left;font-size:20px;color: #1f81c6;line-height: 45px;font-weight: normal;}
.hot-news .title a{display: block;float: right;font-size: 18px;color: #ffffff;font-weight: bold;line-height: 45px;padding:0 26px;background:#2485c8;background: -moz-linear-gradient(left, #78c2f5 0%, #2485c8 100%);background: -webkit-linear-gradient(left, #78c2f5 0%,#2485c8 100%);background: -o-linear-gradient(left, #78c2f5 0%,#2485c8 100%);background: -ms-linear-gradient(left, #78c2f5 0%,#2485c8 100%);background: linear-gradient(to right, #78c2f5 0%,#2485c8 100%);border-radius: 4px;-webkit-box-shadow: 0 4px 20px rgba(6,108,181,0.4);-moz-box-shadow: 0 4px 20px rgba(6,108,181,0.4);-ms-box-shadow: 0 4px 20px rgba(6,108,181,0.4);-o-box-shadow: 0 4px 20px rgba(6,108,181,0.4);box-shadow: 0 4px 20px rgba(6,108,181,0.4);}
.hot-news .title a:hover{color: #ff3a2d;}

.hot-ul li {margin-bottom: 18px;position: relative;padding-right: 20px;}
.hot-ul li i{font-style: normal;font-size: 18px;color: #666666;display: block;width: 37px;line-height:36px;float: left;margin-right: 26px;text-align: center}
.hot-ul li a{display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 16px;line-height: 36px;color: #666666;}
.hot-ul li span{display: block;position: absolute;width: 18px;height:16px;text-align: center;line-height: 16px;border-radius: 4px;background-color: #ff5732;font-size: 14px;color: #ffffff;line-height: 16px;right: 0;top: 10px;}
.hot-ul li span.update{background-color: #2d8bcd;}
.hot-ul li a:hover{color: #1f81c6;}
.hot-ul li.li1 i{background: url(../images/new-icon.png) no-repeat center 0;color: #fff;}
.hot-ul li.li2 i{background: url(../images/new-icon1.png) no-repeat center 0;color: #fff;}
.hot-ul li.li3 i{background: url(../images/new-icon2.png) no-repeat center 0;color: #fff;}

.pager-box{position: relative;}
.page {margin:120px 0;text-align: center;}
.page a{color: #333;}
.page li {display: inline-block;height: 24px;line-height: 24px;margin: 0 10px;font-size: 16px;}
.page li.page-btn {padding: 0 20px;border: 1px solid #3a70ab;border-radius:5px;line-height: 24px;cursor: pointer;}
.page li.page-btn span {color: #298fd5;}
.t-pages{position:absolute;left:0;width:100%;bottom:50px;background-color:#fff;border:1px solid #666666;padding:40px 28px;border-radius:6px;z-index:999;text-align:center;display: none;}
.t-pages:after{content:'';width:0;height:0;border-right:10px solid transparent;border-left:10px solid transparent;border-top:14px solid #2db1ef;position: absolute;left:50%;bottom: -14px;transform: translateX(-10px);}
.ul-page li{display:inline-block}
.ul-page li a{display:block;background:#e1e1e1;line-height:30px;font-size:16px;color:#333;width:30px;margin:0 6px;cursor:pointer;}

.ul-tab-page{overflow:hidden;margin-top:40px}
.ul-tab-page li{float:left;width:20%;text-align:center;margin-bottom:10px}
.ul-tab-page li a{display:block;font-size:18px;color:#333;line-height:46px;margin:0 10px;border-radius:2px;background:#e1e1e1;}
.ul-page li.on a,.ul-page li:hover a,.ul-tab-page li.on a,.ul-tab-page li:hover a{background-color:#2db1ef;-webkit-box-shadow: 1px 0 3px rgba(0,155,228,0.57);-moz-box-shadow: 1px 0 3px rgba(0,155,228,0.57);-ms-box-shadow: 1px 0 3px rgba(0,155,228,0.57);-o-box-shadow: 1px 0 3px rgba(0,155,228,0.57);box-shadow: 1px 0 3px rgba(0,155,228,0.57);color: #fff;}
.t-pages .close{font-size:20px;position:absolute;right:0;top:0;width:30px;height:30px;line-height:30px;color:#333;cursor:pointer}



/* =================== 案例内页 ===================== */

.case-inner{background: url(../images/case-inner.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-bottom: 110px;}

.case-container{margin-top: 32px;background: url(../images/case-bg3.png) no-repeat right bottom;position: relative;}
.case-img{float: left;width: 47%;padding-bottom: 28px;}
.case-img .img{-webkit-box-shadow:0 4px 15px rgba(55,123,170,0.5);-moz-box-shadow:0 4px 15px rgba(55,123,170,0.5);-ms-box-shadow:0 4px 15px rgba(55,123,170,0.5);-o-box-shadow:0 4px 15px rgba(55,123,170,0.5);box-shadow:0 4px 15px rgba(55,123,170,0.5);}
.case-img .img img{display: block;width: 100%;}
.case-img .case-qt{padding-left: 70px;margin-top: 20px;font-size: 20px;color: #c3987c;line-height: 32px;}
.case-qt span{display: inline-block;padding:0 22px 0 20px;background:#ff3a2d;background: -moz-linear-gradient(top, #ff7738 0%, #ff3a2d 100%);background: -webkit-linear-gradient(top, #ff7738 0%,#ff3a2d 100%);background: -o-linear-gradient(top, #ff7738 0%,#ff3a2d 100%);background: -ms-linear-gradient(top, #ff7738 0%,#ff3a2d 100%);background: linear-gradient(to bottom, #ff7738 0%,#ff3a2d 100%);color: #fff;border-radius: 6px 26px 6px 26px;-webkit-box-shadow: 0 0 20px #fec8c2;-moz-box-shadow: 0 0 20px #fec8c2;-ms-box-shadow: 0 0 20px #fec8c2;-o-box-shadow: 0 0 20px #fec8c2;box-shadow: 0 0 20px #fec8c2;margin-right: 16px;}
.case-qt strong{display: inline-block;margin-right: 5px;}
.case-text{float: right;width:53%;padding-left: 30px;}
.case-text .content{margin-top: 35px;padding-right: 130px;padding-left:20px;position: relative;}
.case-text h1{font-size:32px;line-height: 42px;color: #333333;margin-bottom: 30px;}
.case-text .content>p{font-size: 18px;color: #1f557b;line-height: 36px;position: relative;padding-left: 25px;margin-bottom: 8px;}
.case-text .content>p:before{content:'';width: 35px;height: 35px;background: url(../images/pro-icon2.png) no-repeat;position: absolute;left:-10px;top: 0;}
.case-text table tr{line-height: 36px;}
.case-text table td{word-break: break-all;}
.case-text .firstRow{color: #1f557b;}

.case-text p.one{margin-top: 27px;line-height: 47px;background: url(../images/case-p.png) no-repeat;padding-left: 60px;}
.case-text p.one span{display: inline-block;font-size: 16px;padding-left: 26px;background: url(../images/pro-icon1.png) no-repeat left center;margin-right: 54px;}
.case-text .col-p{position: absolute;width: 80px;padding:0 30px;right: 0;top: 0;}
.case-text .col-p p{font-size: 20px;color: #2b97e3;line-height: 1;}
.case-text .col-p:before{content:'';width: 78px;height: 123px;background: url(../images/pro-ys.png) no-repeat;position: absolute;top:-40px;right: -10px;}


.pro-book{border:1px dashed #dcc4b4;border-radius: 40px 20px 40px 38px;-webkit-box-shadow: 0 0 10px rgba(195,152,124,0.26) inset,0 0 10px rgba(195,152,124,0.26);-moz-box-shadow: 0 0 10px rgba(195,152,124,0.26) inset,0 0 10px rgba(195,152,124,0.26);-ms-box-shadow: 0 0 10px rgba(195,152,124,0.26) inset,0 0 10px rgba(195,152,124,0.26);-o-box-shadow: 0 0 10px rgba(195,152,124,0.26) inset,0 0 10px rgba(195,152,124,0.26);box-shadow: 0 0 10px rgba(195,152,124,0.26) inset,0 0 10px rgba(195,152,124,0.26);padding:38px 48px 38px 90px;position: relative;margin-bottom: 80px;margin-top: 60px;}
.main-content .main-left .pro-book h2,.main-content .main-left .pro-book h3{width: 75px;height: 199px;font-size: 28px;text-align: center;line-height: 1;position: absolute;left: -12px;top: -34px;color: #ffffff;font-weight: normal;background: url(../images/case-fk.png) no-repeat;padding: 30px 25px 0;margin:0;}
.pro-book p{font-size: 26px;color: #162c47;line-height: 2em;}


.call-slick{position: relative;-webkit-box-shadow: 0 0 15px rgba(37,136,204,0.23);-moz-box-shadow: 0 0 15px rgba(37,136,204,0.23);-ms-box-shadow: 0 0 15px rgba(37,136,204,0.23);-o-box-shadow: 0 0 15px rgba(37,136,204,0.23);box-shadow: 0 0 15px rgba(37,136,204,0.23);}
.call-slick .one-item img{display: block;width: 100%;z-index: 1;position:relative;}
.call-slick img{position: absolute;left:0;top:0;width: 100%;}
.call-slick.slick-slider img{position: relative;}

.call-slick .slick-list img{display: block;width: 100%;max-width: 100%;}
.call-slick .slick-arrow{font-size: 0;position: absolute;bottom:16px;width: 35px;height: 35px;outline: none;border:none;z-index: 1;cursor: pointer;}
.call-slick .slick-prev{right:115px;background: url(../images/call-prev.png) no-repeat;}
.call-slick .slick-next{right:40px;background: url(../images/call-next.png) no-repeat;}
.call-slick .slick-prev:hover{background: url(../images/call-prev01.png) no-repeat;}
.call-slick .slick-next:hover{background: url(../images/call-next01.png) no-repeat;}


.case-call{background:#35719b;background: -moz-linear-gradient(left, #0f3d5d 0%, #35719b 100%);background: -webkit-linear-gradient(left, #0f3d5d 0%,#35719b 100%);background: -o-linear-gradient(left, #0f3d5d 0%,#35719b 100%);background: -ms-linear-gradient(left, #0f3d5d 0%,#35719b 100%);background: linear-gradient(to right, #0f3d5d 0%,#35719b 100%);margin-bottom:30px;}
.case-call .col-l{float: left;width: 47%;padding:12px 0 22px 16px;position: relative;}
.case-call .col-l p{font-size: 16px;color: #7dc7fc;line-height: 26px;margin-bottom: 6px;padding-left: 35px;background: url(../images/case-icon1.png) no-repeat left center;}
.case-call .col-l p strong{color: #fff;}
.case-call .col-l span{display: block;font-size: 18px;color: #114061;font-weight: bold;width: 200px;height: 40px;line-height: 40px;text-align: center;position: absolute;right: 0;bottom: 0;background-color: #f3dcc4;border-radius: 20px 20px 0 0;}

.case-call .col-r{float: right;width: 48.5%;padding:11px 18px 0 0;position: relative;}
.case-call .con{background:#c09377;background: -moz-linear-gradient(left, #c09377 0%, #c09377 100%);background: -webkit-linear-gradient(left, #c09377 0%,#c09377 100%);background: -o-linear-gradient(left, #c09377 0%,#c09377 100%);background: -ms-linear-gradient(left, #c09377 0%,#c09377 100%);background: linear-gradient(to right, #c09377 0%,#c09377 100%);border-radius: 22px 46px 54px 22px;padding:10px  0;position: relative;}
.case-call .con strong{display: block;font-size: 26px;color: #162c47;line-height: 36px;padding-left: 94px;}
.case-call .con .qt{padding-left: 86px;}
.case-call .con .qt span{display: inline-block;font-size: 16px;color: #334760;line-height: 28px;border:1px solid #dbbca4;border-radius: 10px;padding:0 10px 0 18px;margin:0 -8px;}
.case-call .con .qt span:first-child{padding:0 16px 0 10px}
.case-call .col-r:after{content:'';width: 98px;height: 109px;background: url(../images/case-pic.png) no-repeat;position: absolute;bottom: -18px;left: -10px;}
.case-call .con .btn{display: block;position: absolute;top: -8px;right: 0;border-radius: 50%;-webkit-box-shadow: 0 10px 21px rgba(158,96,57,0.57);-moz-box-shadow: 0 10px 21px rgba(158,96,57,0.57);-ms-box-shadow: 0 10px 21px rgba(158,96,57,0.57);-o-box-shadow: 0 10px 21px rgba(158,96,57,0.57);box-shadow: 0 10px 21px rgba(158,96,57,0.57); -webkit-transform: translateZ(0);transform: translateZ(0);}
.case-call .con .btn:hover{  -webkit-animation-name: push;animation-name: push;-webkit-animation-duration: 0.3s;animation-duration: 0.3s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;}

@-webkit-keyframes push {
    50% {
      -webkit-transform: scale(0.8);
      transform: scale(0.8);
    }
  
    100% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }
  
  @keyframes push {
    50% {
      -webkit-transform: scale(0.8);
      transform: scale(0.8);
    }
  
    100% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }
  

/* =================== 新闻内页 ===================== */

.new-inner{background: url(../images/new-inner.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-bottom: 25px;margin-bottom: 80px;}
.news-content{margin-top: 25px;}
.news-content h1{font-size: 40px;line-height: 50px;color: #fff;margin-bottom: 75px;}
.news-content p{font-size: 16px;color: #ffffff;line-height: 26px;}
.news-content p span{display: inline-block;}
.news-content p .date{margin:0 120px 0 95px}
.main-left p a{display: inline-block;margin:0 2px;color: #e20606;}
.main-left>p a:hover{text-decoration: underline;}

.hot-line{background: url(../images/new-bg2.png) no-repeat center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;line-height: 40px;border-radius: 8px;color: #fff;padding:16px 10px 1px 42px;margin-bottom: 28px;}
.hot-line p{margin-bottom:0;}
.hot-line p a{display: block;float: right;width: 184px;text-align: center;color: #fff;background: url(../images/new-bg3.png) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;position: relative;color:#fff}
.hot-line p a:after{content:'';width: 79px;height: 78px;background: url(../images/new-kf.png) no-repeat;position: absolute;top: -78px;left: 54px;}
.hot-line p a:hover{color: #ffa829;}

.side-news{margin-bottom: 78px;}
.side-news ul{padding:0 10px;position: relative;z-index: 1;}
.side-news li{position: relative;padding-right: 0;margin-bottom: 48px;}
.side-news li i{position: absolute;left: 0;top: -8px;font-size: 14px;}
.side-news li a{display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;padding-left: 40px; white-space: normal;line-height: 20px;}
.side-bar .side-news strong:before{display: none;}


.pager-ul{margin-top: 58px;border-radius: 10px;-webkit-box-shadow:0 0 10px rgba(46,55,98,0.1);-moz-box-shadow:0 0 10px rgba(46,55,98,0.1);-ms-box-shadow:0 0 10px rgba(46,55,98,0.1);-o-box-shadow:0 0 10px rgba(46,55,98,0.1);box-shadow:0 0 10px rgba(46,55,98,0.1);padding:0 30px;margin-bottom: 120px;}
.pager-ul li{font-size: 20px;color: #666666;padding:29px 30px 25px 60px;overflow: hidden;line-height: 62px;}
.pager-ul li em{font-style: normal;float: left;font-weight: bold;color: #1f557b;}
.pager-ul li a{color: #5b6770;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;}
.pager-ul li.prev{background: url(../images/new-prev.png) no-repeat left center;border-bottom:1px dashed #d0d0d0;}
.pager-ul li.next{background: url(../images/new-next.png) no-repeat left center;}
.pager-ul li:hover a{color: #1f557b;}

/* =================== 404 ===================== */

.error-box{background: url(../images/erorr.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;text-align: center;padding-top: 230px;padding-bottom: 308px;}
.error-box .p1{font-size: 24px;color: #ffffff;line-height: 34px;margin-top: 35px;margin-bottom: 28px;}
.error-box .p2{font-size: 16px;color: #ffffff;line-height: 26px;margin-bottom: 62px;}
.error-box .p2 a{color: #fff;}
.error-box .p2 a:hover{color: #ff5732;}
.error-box .re-home{display: inline-block;font-size: 24px;color: #f4fbff;width: 250px;height: 48px;line-height: 46px;text-align: center;border:1px solid #fff;border-radius: 24px;background-color: rgba(255, 255, 255, 0.15);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.error-box .re-home:hover{background-color:#fff;color: #ff5732;}

/* =================== 联系我们 ===================== */

.contact-box{background: url(../images/lx-bg.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-bottom: 50px;margin-bottom: 120px;}
.contact-top{width: 60%;margin-top: 8px;}
.contact-top h1{font-size: 48px;color: #fff;line-height: 58px;margin-bottom: 10px;}
.contact-top>p{font-size: 24px;color: #fff;line-height: 34px;margin-bottom: 34px;}
.lx-grid{padding-right: 36px;margin-bottom: 65px;position: relative;}
.lx-grid .grid{background: url(../images/s-bg.png);padding:45px 0 48px 20px;}
.lx-grid .grid>div{float: left;width: 50%;}
.lx-grid .grid span{display: block;font-size: 18px;color: #c3987c;line-height: 28px;}
.lx-grid .grid a,.lx-grid .grid strong{display: block;font-size: 30px;font-weight: bold;color: #0a4168;line-height: 40px;cursor: pointer;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.lx-grid .grid .tel{padding-left: 80px;background: url(../images/lx-icon1.png) no-repeat left center;}
.lx-grid .grid .msg{padding-left: 80px;background: url(../images/lx-icon2.png) no-repeat left center;}
.lx-grid .grid>.info{display: block;line-height: 74px;padding:0 136px 0 140px;background: url(../images/lx-bg1.png) no-repeat bottom center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;position: absolute;font-size: 26px;color: #fff;font-weight: bold;right: 36px;bottom: -74px;cursor: pointer;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.lx-grid .grid a:hover,.lx-grid .grid strong:hover{color: #c3987c;}
.lx-grid .grid>.info:hover{color: #0a4168;}

.contact-top .qt p{font-size: 20px;color: #ffffff;line-height: 30px;padding-left: 38px;margin-bottom: 8px;background: url(../images/lx-icon.png) no-repeat left center;}

.contact-one{margin-bottom: 120px;}
.contact-one .inner-title{margin-bottom: 80px;}
.inner-title{text-align: center;}
.inner-title h2{font-size: 40px;line-height: 50px;color: #c3987c;}
.inner-title h2{position: relative;z-index: 1;margin-top: -36px;margin-bottom: 8px;}
.inner-title p{font-size: 18px;color: #333333;line-height: 28px;}

.contact-ul {margin-left: -2%;}
.contact-ul li{float: left;width: 31.3%;margin-left: 2%;}
.contact-ul li strong{display: block;font-size: 26px;line-height: 36px;color: #666666;margin-bottom: 14px;}
.contact-ul li .img{padding-right: 22px;margin-bottom: 12px;position: relative;}
.contact-ul li .img img{display: block;width: 100%;border-radius: 20px;}
.contact-ul li .img:after{content:'';position: absolute;top: 18px; left: 84px;right: 0; height: 100%;background: url(../images/s-bg.png);z-index: -1;-webkit-box-shadow:0 0 30px rgba(4,66,108,0.15);-moz-box-shadow:0 0 30px rgba(4,66,108,0.15);-ms-box-shadow:0 0 30px rgba(4,66,108,0.15);-o-box-shadow:0 0 30px rgba(4,66,108,0.15);box-shadow:0 0 30px rgba(4,66,108,0.15);}
.contact-ul li p{font-size: 16px;color: #424a57;line-height: 32px;}

/* =================== 售后服务 ===================== */

.service-box{background: url(../images/fw-bg.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-bottom: 126px;margin-bottom: 100px;overflow: hidden;}
.fw-top{text-align: center;margin-top: 84px;color: #fff;margin-bottom: 56px;}
.fw-top h1{font-size: 40px;color: #ffffff;font-weight: bold;line-height: 50px;margin-bottom: 16px;}
.fw-top p{font-size: 18px;line-height: 2em;}
.fw-list {margin-left: -1%;position: relative;}
.fw-list li{float: left;width: 24%;margin-left: 1%;background:#37739e;background: -moz-linear-gradient(left, #0f3d5d 0%, #37739e 100%);background: -webkit-linear-gradient(left, #0f3d5d 0%,#37739e 100%);background: -o-linear-gradient(left, #0f3d5d 0%,#37739e 100%);background: -ms-linear-gradient(left, #0f3d5d 0%,#37739e 100%);background: linear-gradient(to right, #0f3d5d 0%,#37739e 100%);border-radius: 58px 10px 10px 9px;position: relative;padding:10px 0 10px 108px;-webkit-box-shadow:0 4px 10px rgba(0,36,76,0.49);-moz-box-shadow:0 4px 10px rgba(0,36,76,0.49);-ms-box-shadow:0 4px 10px rgba(0,36,76,0.49);-o-box-shadow:0 4px 10px rgba(0,36,76,0.49);box-shadow:0 4px 10px rgba(0,36,76,0.49);}
.fw-list li .img{position: absolute;left: 10px;top: -26px;}
.fw-list li .text{overflow: hidden;background-color: #fff;height: 58px;border-radius: 26px 0 0 26px;}
.fw-list li .text p {float: left;width: 81%;padding-left: 36px;margin-top: 3px;}
.fw-list li .text p span{display: block;font-size: 17px;color: #c3987c;font-weight: bold;line-height: 24px;}
.fw-list li .text i{display: block;float: right;width: 42px;line-height: 58px;text-align: center;font-style: normal;font-size: 24px;color: #326c95;position: relative;}
.fw-list li .text i:before{content:'';width: 1px;height: 39px;background: url(../images/fw-line.png) no-repeat;position: absolute;left: 0;top: 10px;}
.fw-list:before{content:'';position: absolute;left:-130px;right:-135px;top:43px;border:1px dashed #3b81c9;}

.service-one{margin-bottom: 156px;}
.service-one ul{margin-top: 30px;margin-left: -2%;}
.service-one li{float: left;width: 31.3%;margin-left: 2%;position: relative;}
.service-one li .img{border-radius: 10px;width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 83.98%;}
.service-one li .img img{position: absolute;top: 0; left: 0;width: 100%; height: 100%;}
.service-one li .text{padding-left: 56px;position: relative;margin-top: -26px;}
.service-one li .text p{background-color: #0a4168;text-align: center;font-size: 20px;color: #fff;line-height: 54px;}
.service-one li .pic{position: absolute;left: -8px;bottom:-28px;}

.service-two{margin-bottom: 120px;}
.service-two .col-l{width: 43%;}
.service-two .col-l h2{font-size: 40px;color: #c3987c;line-height: 50px;padding-top: 10px;position: relative;margin-bottom: 20px;}
.service-two .col-l h2:before{content:'';width: 298px;height: 33px;background: url(../images/fw-txt.png) no-repeat;position: absolute;top: 0;left: 10px;}
.service-two .col-l p{font-size: 26px;line-height: 52px;color: #333333;margin-bottom: 58px;}
.service-two .col-l span{display: block;font-size: 22px;line-height: 32px;margin-bottom: 20px;padding-left: 55px;background: url(../images/fw-icon1.png) no-repeat left center;}

.service-two .col-r{width: 53%;padding:0 20px 40px 0;position: relative;}
.service-two .col-r img{display: block;width: 100%;}
.service-two .col-r:after{content:'';position: absolute;top: 20px; left: 12px;right: 0; bottom:0;background: url(../images/s-bg.png);z-index: -1;-webkit-box-shadow:0 0 30px rgba(4,66,108,0.15);-moz-box-shadow:0 0 30px rgba(4,66,108,0.15);-ms-box-shadow:0 0 30px rgba(4,66,108,0.15);-o-box-shadow:0 0 30px rgba(4,66,108,0.15);box-shadow:0 0 30px rgba(4,66,108,0.15);}

.service-three{background-color: #03406a;padding:72px 0 123px;}
.service-three p{color: #fff;}
.service-three .inner-title{margin-bottom: 35px;}
.service-three ul{overflow: hidden;margin:0 -10px;}
.service-three li{float: left;width: 33.3%;padding:0 10px;}
.service-three li img{display: block;width: 100%;}

/* =================== 关于我们 ===================== */

.about-box{background: url(../images/ab-bg.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-bottom: 70px;margin-bottom: 114px;}

.about-top{margin-top: 85px;}
.about-top h1{font-size: 40px;color: #ffffff;line-height: 50px;text-align: center;margin-bottom: 5px;}
.about-top p{font-size: 18px;color: #ffffff;line-height: 36px;text-align: center;margin-bottom: 45px;}
.about-top ul{width: 1003px;margin: 0 auto;position: relative;z-index: 1;}
.about-top ul:before{content:'';position: absolute;top: 68px; left: 0;width: 100%; height: 88px;background: url(../images/ab-line.png) no-repeat;z-index: -1;}
.about-top ul li{float: left;width: 16.6%;text-align: center;}
.about-top ul li span{display: block;font-size: 20px;color: #ffc273;line-height: 30px;}
.about-top ul li.li1{margin-top: 30px;}
.about-top ul li.li2{margin-top: 82px;}
.about-top ul li.li4{margin-top: 100px;}
.about-top ul li.li6{margin-top: 52px;}


.about-one{margin-bottom: 150px;}
.about-one .col-l{width: 37%;}
.about-h2{font-size: 40px;line-height: 50px;color: #c3987c;padding-top: 10px;position: relative;}
.about-one .col-l h2{padding-left: 38px;margin-bottom: 60px;}
.about-one .col-l h2:before{content:'';width: 434px;height: 42px;background: url(../images/ab-txt2.png) no-repeat;position: absolute;left: 0;top: 0;}
.about-one .col-r{width: 63%;}
.about-one .col-l ul{overflow: hidden;}
.about-one .col-l li{float: left;width: 50%;margin-bottom: 60px;}
.about-one .col-l li strong{font-size: 20px;color: #0f3d5d;background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#37739e), to(#0f3d5d));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;font-family: "Impact";display: block;}
.about-one .col-l li strong em{font-style: normal;font-size: 90px;line-height:100px;}
.about-one .col-l li p{font-size: 24px;color: #333333;line-height: 34px;}
.about-one .col-l li:nth-child(odd){padding-left: 30px;}
.about-one .col-l li:nth-child(even){padding-left: 68px;}
.about-one .col-r{padding:0 20px 20px 0;position: relative;}
.about-one .col-r:after{content:'';position: absolute;right: 0;top: 20px;bottom: 0;left: 148px;background: url(../images/s-bg.png);z-index: -1;border-radius: 10px;-webkit-box-shadow:0 0 30px rgba(4,66,108,0.15);-moz-box-shadow:0 0 30px rgba(4,66,108,0.15);-ms-box-shadow:0 0 30px rgba(4,66,108,0.15);-o-box-shadow:0 0 30px rgba(4,66,108,0.15);box-shadow:0 0 30px rgba(4,66,108,0.15);}

.about-one .col-r .img{position: relative;}
.about-one .col-r .img img{display: block;width: 100%;}
.about-one .col-r .play{display: block;position: absolute;top: 50%;left: 50%;cursor: pointer;margin-left: -62px;margin-top: -62px;}

.pop-video{position: fixed;width: 100%;height: 100%;left: 0;top:-100%;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;z-index: 9999;opacity: 0;filter: alpha(opacity=0);}
.pop-video .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);}
.pop-video .close{position: absolute;right: 20px;top: 20px;width: 50px;height: 50px;background: url(../images/about-gb.png) center no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;cursor: pointer;}
.pop-video video{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);max-width: 90%;}
.pop-video.open{top:0;opacity: 1; filter: alpha(opacity=100);}

.about-two{margin-bottom: 150px;}
.about-two .inner-title{margin-bottom: 38px;}
.about-two li{float: left;width: 21.7%;position: relative;}
.about-two li .img{display: block;background: url(../images/ab-bg1.png) no-repeat center;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-ms-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%;}
.about-two li.on{margin:164px -30px 0;}
.about-two li .tit{display: block;text-align: center;font-size: 24px;line-height: 34px;position: absolute;width: 100%;bottom:50px;font-weight: bold;color: #ffc273;text-shadow: 0 7px 10px rgba(0,0,0,0.38);}
.about-two li:after{content:'';position: absolute;bottom: -55px; left: 0;width: 100%; height: 82px;background: url(../images/ab-bg2.png) no-repeat center;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;}
.about-two li .tit:hover{color: #ffe1a8;}

.about-three{background-color: #03406a;padding:100px 0;}
.about-three .inner-title{margin-bottom: 35px;}
.about-three li{float: left;}
.about-three li.left{width: 39.75%;}
.about-three li.left p{font-size: 18px;color: #ffffff;line-height: 2em;margin-bottom: 30px;}
.about-three li.center{width: 25.9%;margin:0 60px;}
.about-three li.right{width: 26%;}
.about-three li img{display: block;width: 100%;}
.about-three li.right p{font-size: 24px;color: #ffc273;line-height: 40px;}
.about-three li.right p strong{font-size: 54px;}
.about-three li.right img{margin-bottom: 50px;}

.about-four{background: url(../images/ab-bg3.jpg) no-repeat left center;padding:142px 0 158px;}
.about-four .img{float: left;width: 53%;padding-left: 40px;}
.about-four .img img{display: block;width: 100%;}
.about-four .text{float: right;width: 40.75%;margin-top: 56px;}
.about-four .text h2:before{content:'';width: 359px;height: 51px;background: url(../images/ab-txt1.png) no-repeat;position: absolute;left: 0;top: 0;}
.about-four .text h2{margin-bottom: 40px;}
.about-four .text p{font-size: 18px;color: #5b6770;line-height: 2em;}
.about-four .text a{display: inline-block;width: 266px;height: 60px;border-radius: 30px;font-size: 20px;line-height: 60px;text-align: center;color: #fff;background:#2f9ae4;background: -moz-linear-gradient(left, #2c8cd0 0%, #2f9ae4 100%);background: -webkit-linear-gradient(left, #2c8cd0 0%,#2f9ae4 100%);background: -o-linear-gradient(left, #2c8cd0 0%,#2f9ae4 100%);background: -ms-linear-gradient(left, #2c8cd0 0%,#2f9ae4 100%);background: linear-gradient(to right, #2c8cd0 0%,#2f9ae4 100%);margin-top: 40px;-webkit-box-shadow: 0 2px 5px rgba(6,108,181,0.4);-moz-box-shadow: 0 2px 5px rgba(6,108,181,0.4);-ms-box-shadow: 0 2px 5px rgba(6,108,181,0.4);-o-box-shadow: 0 2px 5px rgba(6,108,181,0.4);box-shadow: 0 2px 5px rgba(6,108,181,0.4);font-weight: bold;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.about-four .text a:hover{border-radius: 0;}


/* =================== 商务通 ===================== */

.t-top{width: 150px;height: 40px;border:1px solid #0094fb;line-height: 38px;border-radius: 4px;background-color: #fff;text-align: center;position: fixed;right: 10px;bottom: 80px;z-index: 9999;cursor: pointer;display: none;font-size: 18px;color: #057dd0;}
.t-top img{margin-right: 16px;vertical-align: middle;margin-top: -4px;}


.swt-right{position: fixed;right: 10px;z-index: 9999;bottom:20%;width: 150px;background: url(../images/s-bg.png);border-radius: 10px;padding-top:5px;border: 1px solid #1594ee;padding-bottom: 5px;}
.swt-right:after {content: '';width: 70px;height: 128px;background: url(../images/swt-bj.png) no-repeat;position: absolute;right: 0;bottom: 0;z-index: -1;}

.swt-right li{position: relative;margin-bottom: 10px;padding:0 5px;text-align: center;}
.swt-kf img{display: block;width: 100%;border-radius: 10px;-webkit-box-shadow: 0 4px 15px rgba(55,123,170,0.5);-moz-box-shadow: 0 4px 15px rgba(55,123,170,0.5);-ms-box-shadow: 0 4px 15px rgba(55,123,170,0.5);-o-box-shadow: 0 4px 15px rgba(55,123,170,0.5);box-shadow: 0 4px 15px rgba(55,123,170,0.5);cursor: pointer;}
.swt-right li span,.swt-right li a{display: block;background:#085d99;background: -moz-linear-gradient(right, #0097ff 0%, #085d99 100%);background: -webkit-linear-gradient(right, #0097ff 0%,#085d99 100%);background: -o-linear-gradient(right, #0097ff 0%,#085d99 100%);background: -ms-linear-gradient(right, #0097ff 0%,#085d99 100%);background: linear-gradient(to left, #0097ff 0%,#085d99 100%);line-height: 40px;font-size: 18px;color: #ffffff;cursor: pointer;border-radius: 10px;}
.swt-right li span img{vertical-align: middle;margin-top: -4px;}
.swt-right .tel-box{overflow: hidden;width: 260px;height: 103px;background-color: #fff;border: 1px solid #008df1;border-radius: 4px;position: absolute;right:150px;z-index: 1;display: none;}
.swt-right .tel-box .img{float: left;width: 36%;padding:3px 0 4px 2px;}
.swt-right .tel-box img{display: block;width: 100%;}
.swt-right .tel-box{top: 0;display: none;}
.swt-right .right{float: left;margin-top: 23px;width: 64%;}
.swt-right .tel-box .right{text-align: center;}
.swt-right .tel-box p{font-size: 16px;line-height: 26px;color: #333333;}
.swt-right .tel-box p em{font-style: normal;font-weight: bold;color: #066db4;}
.swt-right .tel-box strong{display: block;font-size: 20px;line-height: 30px;color: #066db4;}



@media screen and (min-width:2000px){
    .index-slick .slick-dots{padding-left: 22.5%;}
    .index-slick{height: 830px;}
    .index-slick .item{padding-top: 200px;}
    .video-box{padding: 0 28px;}
    .img-area:after{display: none;}
    .video-box p{right: -40px;}
    .index-video{padding-bottom: 60px;}
    .str-img{height: 484px;}
}
@media screen and (max-width:1800px){
    .fw-list:before{left: -30px;right: -35px;}
    .img-area{padding-left: 6.5%;}
    .img-area:after{background-size: 80%;}
    .about-four .img{padding-left: 0;}
   
    .swt-right,.t-top{width: 110px;}
    .swt-right li span, .swt-right li a{font-size: 16px;}
    .swt-right .tel-box, .swt-right .ewm-box{right: 110px;}
}
@media screen and (max-width:1599px){
    .index-slick .text .txt span{font-size: 14px;width: 130px;}
    .tab-ul{margin-left: 36%;}
    .video-box p{-webkit-transform: translateY(-50px);transform: translateY(-50px);}
    .index-goods .col-2{margin-left: 150px;}
    .index-goods .col-4 strong{font-size: 40px;}
    .about-three li.center{margin: 0 50px;}
    .case-text p.one{margin-top: 0px;}
    .lx-grid .grid a, .lx-grid .grid strong{font-size: 26px;}
    .col-right .top li:first-child{margin: 0 20px 0 0px;}
    .col-right p{font-size: 16px;}
    .new-slick .slick-dots{bottom: 258px;}
    .new-lists li{-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;}
    .pager-ul li{padding: 20px 30px 16px 60px;}
    .new-lists li{-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;}
    .pro-slick .text .tit a{display: block;}
    .pro-slick .text .tit{margin-bottom: 36px;}
    .pro-slick .text p{font-size: 16px;}
    .cp-list li .text p{font-size: 16px;padding-right: 90px;}
    .cp-list li .text .more-a{right: -48px;padding: 0 20px 0 34px;line-height: 46px;}
    .base-text .ability dl:after{bottom: -6px;}
    .base-img p{padding-left: 10px;}
    .tab-pro li{margin: 0 1.5%;}
    .fw-list li .text p{width: 100%;}
    .img-area:after{display: none;}

}
@media screen and (max-width:1439px){
    .index-slick .text .txt span{width: 124px;}
    .pro-ul li .more{line-height: 44px;padding: 0 20px 0 30px;}
    .tab-ul{margin-left: 32%;}
    .box-msg .str_wrap p{font-size: 20px;}
    .index-goods .col-4 strong{font-size: 38px;}
    .about-one .col-l li:nth-child(even),.about-one .col-l li:nth-child(odd){padding-left: 0;}
    .pro-book p{font-size: 20px;}
    .contact-top>p{font-size: 20px;}
    .new-slick{height: 692px;}
    .news-area .col-r .hot-news{padding: 26px 18px 1px 30px;}
    .hot-line{padding: 16px 10px 1px 18px;}
    .hot-line p a{width: 140px;}
    .hot-line p a:after{left: 32px;}
    .case-call .col-l span{width: 182px;font-size: 16px;}
    .case-call .col-l p{font-size: 14px;}
    .case-call .con strong{font-size: 22px;}
    .case-call .con .qt span{font-size: 14px;}
    .cp-list li .text .tit{font-size: 30px;}
    .base-text .ability dl:after{bottom: -2px;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;}
    .show-message .col-left>p:after{display: none;}
    .tab-pro li{margin: 0px 1%;}
    .service-two .col-l p{font-size: 18px;line-height: 2em;}
    .service-two .col-l span{font-size: 18px;}
    .about-three li.left p{font-size: 16px;}
    .main-content .main-left img, .main-content .main-left video{width: 100%;}
}
@media screen and (max-width:1359px){
    .header .nav li{margin: 0 12px;}
    .index-slick .text .txt span{width: 116px;}
    .index-slick .gn p{font-size: 18px;}
    .index-slick .gn{padding-top: 24px;}
    .index-slick .slick-dots{padding-left: 4.5%;}
    .tab-ul{margin-left: 26%;}
    .index-goods .col-3 p{font-size: 20px;}
    .index-goods .col-3 p strong{font-size: 34px;}
    .index-goods .col-3 .p1{padding-left: 20px;}
    .index-goods .col-3 .p2{padding-left: 60px;}
    .index-goods .col-3 .p3{padding-left: 80px;}
    .index-goods .col-3 .p4{padding-left: 60px;}
    .index-goods .col-3{width: 31%;}
    .index-goods .col-4 strong{font-size: 34px;}
    .about-three li.center{margin: 0px 44px;}
    .about-one .col-l h2{padding-left: 20px;}
    .about-one .col-l li strong em{font-size: 60px;line-height: 70px;}
    .about-one .col-l li p{font-size: 18px;line-height: 28px;}
    .case-device li:before{-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;left: 30px;}
    .case-device li .text p{font-size: 16px;}
    .pro-book p{font-size: 18px;}
    .col-right .top li{font-size: 18px;}
    .lx-grid .grid a, .lx-grid .grid strong{font-size: 20px;}
    .lx-grid .grid .msg,.lx-grid .grid .tel{padding-left: 70px;}
    .lx-grid .grid>.info{line-height: 66px;padding: 0 110px 0 108px;bottom: -64px;}
    .contact-top .qt p{font-size: 18px;}
    .new-slick{height: auto;}
    .hot-ul li{margin-bottom: 14px;}
    .main-content .main-left{font-size: 16px;}
    .pro-slick .text{padding-right: 0%;}
    .cp-list li:after{-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;}
    .cp-list li .text .more-a{right: -38px;}
    .cp-list li .pic span{right: -28px;}
    .col-right .top li strong{font-size: 30px;}
    .col-right .top li{font-size: 18px;}
    .base-inner .base-text{padding-right: 68px;}
    .base-img p span{margin-right: 30px;}
    .base-text p.one{margin-bottom: 0px;}
    .base-text p{font-size: 16px;line-height: 2em;}
    .case-device li .text .btn a{font-size: 14px;}
    .product-list li .text .more{right: -16px;}
    .fw-list li .text p{padding-left: 20px;}
    .service-one li .text p{font-size: 18px;}

}
@media screen and (max-width:1279px) and (min-width:1024px){
    .index-slick .img{width: 66%;}
    .index-slick .text{width: 38%;}
    .pro-ul li .text{padding-left: 10px;padding-right: 128px;}
    .pro-ul li .ability{font-size: 16px;}
    .tab-ul{margin-left: 0;}
    .video-box p{font-size: 24px;width: 24px;-webkit-transform: translateY(-28px);transform: translateY(-28px);}
    .header .nav li a{font-size: 16px;}
    .header .nav li{margin: 0 2px;}
    .btn-a{width: 120px;height: 40px;line-height: 40px;}
    .case-ul li .text .btn{top: 45px}
    .case-ul li .text{padding: 25px 130px 26px 38px;}
    .index-new .col-l .text .tit{width: 74%;}
    .about-three li.center{margin: 0px 35px;}
    .about-top ul{width: 100%;}
    .about-h2{font-size: 32px;}
    .new-lists li .tag{font-size: 14px;}
    .case-device li .text .btn{margin-bottom: 8px;}
    .case-device li .text .btn a{padding: 0 3px 0 12px;line-height: 22px;}
    .case-device li .text .tit{font-size: 18px;line-height: 28px;}
    .lx-grid .grid{padding: 35px 0 38px 10px;}
    .lx-grid .grid a, .lx-grid .grid strong{font-size: 18px;}
    .lx-grid .grid span{font-size: 16px;line-height: 26px;}
    .col-right .top li{line-height: 28px;}
    .msg-box strong,.msg-box span,.msg-box p{padding-left: 28px;}
    .msg-box p{font-size: 18px;}
    .hot-news .title a{padding: 0 10px;}
    .news-area .col-r .top h2{font-size: 34px;line-height: 44px;}
    .news-area .col-r .top p{font-size: 18px;line-height: 28px;}
    .news-area .col-r .top{padding: 30px 0 42px 20px;}
    .news-area .col-r .hot-news{padding: 26px 18px 1px 20px;}
    .hot-ul li i{margin-right: 12px;}
    .side-bar .side-pro:after, .side-news:after{width: 120px;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;}
    .cp-list li .text{padding: 15px 0 18px 5px;}
    .cp-list li .text p{line-height: 28px}
    .cp-list li .pic span{bottom: 0px;}
    .cp-list li .text .more-a{padding: 0 15px 0 24px;line-height: 40px;    right: -32px;}
    .base-inner .base-text{margin-top: 40px;}
    .base-text .ability dl dt{font-size: 20px;line-height: 30px;}
    .base-text .ability dl dd{font-size: 16px;line-height: 26px;}
    .base-inner{-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}
    .base-text h1{margin-bottom: 18px;}
    .base-r strong{margin-bottom: 0px;font-size: 15px;}
    .base-r{font-size: 18px;}
    .base-inner .base-img{width: 42%;}
    .base-inner .base-text{width: 58%;}
    .sub-tel strong{font-size: 15px;}
    .new-lists li{-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}
  
    .tab-pro li p{font-size: 24px;line-height: 32px;}
    .product-list li .text{padding-left: 60px;}
    .product-list li:after{top: 67px}
    .product-list li .text .more{right: -25px;}
    .fw-list li .img{width: 68px;}
    .fw-list li{padding: 10px 0 10px 76px;}
    .hot-line p a{display: none;}
}

@media \0screen {
    .tab-video .video{height: 602px;}
    .ie8-p,.ie8-p a{color: #333;}
    .ie8-p a:hover{color: #d60404;}
    .cp-list Li:after{left: -12px;}
    .product-list li:after{top:108px;}
}
    .slick-niu img{height: 100%;-webkit-object-fit: cover;object-fit: cover;}
    @media screen and (min-width:2000px){
        .slick-niu img{width: 100%;height: 830px;}
    }