@font-face {
	font-family: iconfont;
	src: url(//at.alicdn.com/t/font_1102410_ytzieeqkl4.eot);
	src: url(//at.alicdn.com/t/font_1102410_ytzieeqkl4.eot?#iefix) format('embedded-opentype'), url(//at.alicdn.com/t/font_1102410_ytzieeqkl4.woff2) format('woff2'), url(//at.alicdn.com/t/font_1102410_ytzieeqkl4.woff) format('woff'), url(//at.alicdn.com/t/font_1102410_ytzieeqkl4.ttf) format('truetype'), url(//at.alicdn.com/t/font_1102410_ytzieeqkl4.svg#iconfont) format('svg')
}

@font-face {
	font-family: CondensedBold;
	src: url(../font/CondensedBold.ttf) format('truetype')

}

body,html {
background-color: #fff;color: #222;font-family: 'Microsoft YaHei';-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none
}

.flex{flex-direction:row;flex-wrap: nowrap; justify-content:space-between; display: -webkit-flex; /* Safari */
  display: flex; align-items: flex-start}
.inner{width:92%; max-width: 1680px; margin: 0 auto}
body.scrollbar {overflow: hidden;height: 100vh}

.ptn{text-align:center;position:absolute;top:50%;left:50%;width:100px;height:100px;transition:ease .5s;border-radius:50%;cursor:pointer;transform:translate(-50%,-50%);-webkit-transition:all .5s;box-shadow:0 0 15px rgba(0,0,0,.1);background: #db261d;}
.ptn:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;border:2px solid rgba(255,255,255,.5);transform:translate(-50%,-50%) scale(.9);transition:all .5s cubic-bezier(.215,.61,.355,1) 0s;opacity:0}
.ptn:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;border:1px solid rgba(255,255,255,.25);transform:translate(-50%,-50%) scale(.9);transition:all .4s cubic-bezier(.215,.61,.355,1) 50ms;opacity:0}
.ptn span{width:30px;height:30px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);display:block;background:url(../images/ptn_icon.png?v=1) no-repeat;background-size:60px auto}
.ptn.active{-webkit-transform:scale(.5);left:-50px;}
.ptn.active span{background-position:-30px 0}

.detailVideo{position: relative;display: block;margin: 0px auto;width: 640px;}

.vmscroll {position: fixed;width: 10px;height: 100vh;right: 0;top: 0;z-index: 20;mix-blend-mode: difference;opacity: .4}
.backTop {z-index: 30}
.vmscroll div {background-color: #fff;width: 100%;left: 0;top: 0;position: absolute}
.clearfix:after {display: table;clear: both;content: ''}
body::-webkit-scrollbar {display: none}



* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.clearfix>* {float: left}
._clear {position: relative}
._clear::after {clear: both;display: block;content: ''}

a,a:hover {color: inherit;text-decoration: inherit}



img {max-width: 100%;vertical-align: middle;}
.white{position: relative;overflow: hidden;}
.white:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg); }
.white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.imgbig { display: block;overflow: hidden; position: relative;transition: all .4s; overflow: hidden;  }
.imgbig img{transition: all .3s;-webkit-transform: scale(1); width: 100%}
.pb80{ padding-bottom: 80px }
@media(max-width:998px){

.pb80{ padding-bottom:20px }

}




/*顶部*/
header{width: 100%;height:90px;position: fixed;top: 0;left: 0;z-index: 39;background: #fff;border-bottom: 1px solid #E5E5E5;padding: 0 120px;padding-left: 50px; z-index:99999}
.logo{float: left; padding-top:20px}


.header-rt{float: right;position: relative;}
.header-ch{float: left;padding-top: 22px;overflow: hidden;}
.header-ch a{display: inline-block;float: left;}

.hot_tel{ height: 40px;   line-height: 38px; color: #ff6000; font-size: 21px; font-family:Montserrat; padding-left: 30px; display: block; position: relative;}

.hot_tel::after{width:28px;height:28px;background:url(../image/tel_icon.png) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;content:'';position:absolute;left:0px;top:50%;-webkit-transform:translateY(-50%)}

.header-ch-d{width: 1px;height: 15px;margin: 0 15px;margin-top:13px;background: #E5E5E5;float: left;}
.header-ch a:hover{color: #222;}
.header-ch-f{position: relative;margin-left: 40px;width: 60px;text-align: center;}
.header-ch-g{width: 30px;height: 30px;background: url(../image/ico35.png) no-repeat center;float: left;margin-top:5px;}
.header-nav{float: left;margin-right: 30px;}
.header-nav li{display: inline-block;margin-right: 40px;}
.header-a{display: inline-block;font-size: 16px;color: #222;line-height: 90px;position: relative;transition: all .3s;-webkit-transition: all .3s; font-weight: 600}
.header-a:after{content: '';width: 0%;height: 2px;background: #ff6000;position: absolute;left: 0;bottom: 0;transition: all .3s;;
-webkit-transition: all .3s;}
.header-a:hover{color: #ff6000;transition: all .3s;;
-webkit-transition: all .3s;}
.header-a:hover:after{width: 100%;transition: all .3s;;
-webkit-transition: all .3s;}
.header-a:hover{color: #ff6000;
	transition: all .3s;;
-webkit-transition: all .3s;}
.header-a:hover:after{width: 100%;transition: all .3s;;-webkit-transition: all .3s;}
.header-b{width: 100%;height: auto;padding:0 20px;text-align: center;position: absolute;left: 0;top:90px;background: rgba(0,0,0,.5);display: none;}
.header-bb{padding-right: 0;}
.header-b.on{display: block;}
.header-b a{display: inline-block;text-align: center;max-width: ;font-size: 16px;color: #fff;line-height: 20px;position: relative;top: 0px;margin:20px 25px 15px;transition: all .3s;;
    -webkit-transition: all .3s;}
.header-bb a{margin: 0 20px;}
.header-b a>div{display: inline-block;border-radius: 100%;border: 1px solid rgba(255,255,255,.2);overflow: hidden; }
.header-b a:hover{top: -10px;transition: all .3s;;-webkit-transition: all .3s;}
.header-dx{width: 30px;margin-top: 27px;text-align: right;margin-left:15px ;overflow: hidden;display: none;}
.header-dx1,.header-dx2,.header-dx3{width: 100%;height:3px;margin-bottom:7px;background: #000;float: right;}
.header-dx2{/*	width: 80%;*/}
.header-dx div{transition: all .5s; }
.header-dx.cli .header-dx1{-webkit-transform: rotate(44deg);-ms-transform: rotate(44deg);transform: rotate(44deg);transform-origin:0%;-ms-transform-origin:0%;-webkit-transform-origin:0%; -moz-transform-origin:0%;transition: all .5s; }
.header-dx.cli .header-dx2{opacity: 0;transition: all .5s; }
.header-dx.cli .header-dx3{-webkit-transform: rotate(-44deg);-ms-transform: rotate(-44deg);transform: rotate(-44deg);position: relative;top:1px;transform-origin:0%;
  -ms-transform-origin:0%;-webkit-transform-origin:0%;-moz-transform-origin:0%;transition: all .5s; }
.header-ss{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 11;background: rgba(0,0,0,.8);display: none;}
.header-ss-a{width: 600px;margin: 0 auto;height: 50px;line-height: 50px;position: absolute;top: 50%;left: 50%;margin-top: -25px;margin-left: -300px;}
.header-ss-a .int1{width: 540px;height: 50px;line-height: 50px;background: none;border: none;border-bottom: 1px solid #fff;font-size: 18px;color: #fff;padding:  0 10px;padding-right: 60px;}
.header-ss-a .int2{width: 50px;height: 50px;border: none;background: no-repeat center;background-image: url(../image/ss01.png);position: absolute;top: 0;right: 60px;cursor: pointer;}
.header-ss-x{width: 50px;height: 50px;background: url(../image/x01.png) no-repeat center;position: absolute;top: 0;right: 0;cursor: pointer; background-size:cover}


@media(max-width:1600px){
	header{/*height: 70px;*/padding: 0 30px;}
	.logo{/*line-height: 70px;*/}
	.header-ch-d{margin-left: 8px;margin-right: 8px;}
	.header-ch-f{margin-left: 20px;width: 40px;}
	.header-nav li{margin-right: 20px;}
	.header-b a{font-size: 14px;margin: 0 25px;}
	.header-bb a{margin: 0 12px;}
	.header-nav{margin-right: 15px;}
}

.header-j{display: none;}

@media(max-width:1200px){
header{padding:0 30px;height:70px}
.header-nav{width: 100%;height: calc(100% - 70px);position: fixed;top: 70px;left: 0;background: #fff;padding: 30px;display: none;}
.header-dx{display: block;margin-left: 30px;}
.header-nav li{width: 100%;margin: 0;position: relative;}
.header-c{width: 100%;height: 80px;position: absolute;top: 0;left: 0;}
.header-a{width: 100%;border-bottom: 1px solid #E5E5E5;position: relative;}
.header-a:after{display: none;}
.header-a:before{content: '';width: 18px;height: 80px;float: right;background: url(../img/ico82.png) no-repeat right center;transition: all .3s;-webkit-transition: all .3s;}
.header-nav li.on .header-a:before{transform: rotate(45deg);transition: all .3s;-webkit-transition: all .3s;}
.header-b{/*display: block;*/position: relative;top: initial;left: inherit;background: initial;padding: 0;}
.header-b a>div{display: none;}
.header-b a{color: #333;width: 100%;border-bottom: 1px solid #E5E5E5;padding: 0 20px;line-height: 50px;text-align: left;margin: 0;}
.header-ch-a{display: none;}
.header-j{display: block;font-size: 16px;line-height: 80px;display: block;border-bottom: 1px solid #E5E5E5;}
}


@media (max-width:998px) {
 header{padding:0 10px; }
.logo {padding-top:15px;  width:58%}
.header-ss-a{ width:90%;left:90%;}
.header-ss-a .int1{width: 100%;height: 40px;line-height: 40px;font-size: 14px;padding:0 5px;padding-right: 40px;}
.header-ss-a .int2{width: 20px;height: 20px;right: 60px;cursor: pointer; background-size:20px 20px; top:12px}
.header-c{height:0px;}
.header-a { line-height:50px;  height:50px;font-size:17px;font-weight:normal; }
.header-b{ padding-bottom:15px}
.header-b p{ line-height:2.4; }
.header-nav {top:70px;height:100vh !important;z-index:999;float:none;}
.header-ch-g{margin-top:0px;}
.header-ch-d{margin-top:7px;}
.header-dx { margin-top:23px}

}



/*banner*/
.banner{ position: relative;width: 100%; height: 100vh; background: #666; overflow: hidden; }
.banner video {position: relative;}
#plv_48146eecfdaedb920625eb2289f56c64_4{ position: relative;   height: 100vh}
#plv_48146eecfdaedb920625eb2289f56c64_4:after{  height: 100%; width: 100%; content: ''; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.55);}
video.pv-video{ width: 100% !important; height: auto !important;}
video { width: 100% !important; height: auto !important; }


.bannerimg img{
  width: 100%;
    -webkit-animation: banner_inside 8s ease infinite forwards alternate;
       -moz-animation: banner_inside 8s ease infinite forwards alternate;
         -o-animation: banner_inside 8s ease infinite forwards alternate;
            animation: banner_inside 8s ease infinite forwards alternate;
}
@-webkit-keyframes banner_inside {
    from {
        -webkit-transform: scale(1.15);
                transform: scale(1.15);
    }
    to {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
@-moz-keyframes banner_inside {
    from {
        -moz-transform: scale(1.15);
             transform: scale(1.15);
    }
    to {
        -moz-transform: scale(1);
             transform: scale(1);
    }
}
@-o-keyframes banner_inside {
    from {
        -o-transform: scale(1.15);
           transform: scale(1.15);
    }
    to {
        -o-transform: scale(1);
           transform: scale(1);
    }
}
@keyframes banner_inside {
    from {
        -webkit-transform: scale(1.15);
           -moz-transform: scale(1.15);
             -o-transform: scale(1.15);
                transform: scale(1.15);
    }
    to {
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
}


.banner.active video {opacity: 1;-webkit-filter: contrast(100%) brightness(100%);filter: contrast(100%) brightness(100%)}
.ban-txt{ text-align: center; position: absolute; top: 30%; color: #fff; width: 100%}
.ban-txt .ban-txt-a{ font-weight: bold;  font-size: 72px; font-family: "微软雅黑"; margin-bottom: 10px }
.ban-txt .ban-txt-b{ font-weight: bold;  font-size: 26px ;}
.ban-txt .ban-txt-c{ font-weight: lighter;  font-size: 14px; text-transform: uppercase; color: rgba(255,255,255,.6);}
.ban-txt .ban-txt-d{ font-weight: bold;  font-size: 18px;   padding: 10px 0; background: #0076e3; border-radius: 30px; width: 160px; margin:60px auto 0; transition:all .3s}
.ban-txt .ban-txt-d:hover{ width: 200px }
.bannerSwiper{ position:relative}
.bannerimg{ width:100%; overflow:hidden}
.banner-pagination{ bottom:unset; top:78%}

.bannerSwiper .ban-txt-a{top: 15px;opacity: 0;position: relative;}
.bannerSwiper .ban-txt-b{position: relative;top: 15px;opacity: 0;}
.bannerSwiper .ban-txt-c{position: relative;top: 15px;opacity: 0;}
.bannerSwiper .ban-txt-d{position: relative;top: 15px;opacity: 0;}



.bannerSwiper .swiper-slide-active .ban-txt-a{top: 0;opacity: 1;transition: all .5s linear .1s;-webkit-transition:all all .5s linear .1s;}
.bannerSwiper .swiper-slide-active .ban-txt-b{top: 0;opacity: 1;transition: all .5s linear .4s;-webkit-transition:all all .5s linear .4s;}
.bannerSwiper .swiper-slide-active .ban-txt-d{top: 0;opacity: 1;transition: all .5s linear .6s;-webkit-transition:all all .5s linear .8s;}
.bannerSwiper .swiper-slide-active .ban-txt-c{top: 0;opacity: 1;transition: all .5s linear .6s;-webkit-transition:all all .5s linear .8s;}



@media (max-width:998px) {
.banner{ height:60vh;  margin-top:60px;  overflow:hidden;   }
.ban-txt{  top: 25%; }
.ban-txt .ban-txt-a{  font-size:26px;  margin-bottom: 5px }
.ban-txt .ban-txt-b{  font-size:16px ;  line-height:1.5}
.ban-txt .ban-txt-c{  font-size: 12px; }
.ban-txt .ban-txt-d{ font-size: 14px;   padding: 8px 0; border-radius: 25px; width:120px; margin:30px auto 0; }
.ban-txt .ban-txt-d:hover{ width: 150px }
.banner img{ width:100%;  }
}



.index .box2 {background:#fff url(../image/cp_bg.jpg) no-repeat top right;padding-top: 80px; position: relative;}
.PartnerTitle{ padding:0px 10px 50px ; position: relative;}
.PartnerTitle h2 {font-size:48px;text-align: center; font-weight:600; color: #222;text-align: center;z-index: 2; position: relative;}
.PartnerTitle em{ color:#e9e9e9;  font-style: normal;  text-transform: uppercase; display: block; font-size:90px;font-family: "EngraversGothic BT";text-align: center; position: absolute; top: -60px; padding: 0; width: 100%; z-index: 1;}
.PartnerTitle p {color:#444;text-align: center; font-size: 18px; line-height: 1}



.por-fl{ text-align:center;width:92%; max-width: 1680px; margin: 0 auto}
.por-fl .porthumbs{ width: 100% }
.por-fl .porthumbs .swiper-wrapper{ text-align: center;justify-content:center }

.por-fl .porthumbs .swiper-slide{cursor:pointer; display: inline-block;  color: #111;  font-size: 20px;font-weight:600; border: 1px #ccc solid; border-right: 0; line-height: 45px;position: relative;}
.por-fl .porthumbs .swiper-slide:last-child{ border-right: 1px #ccc solid;}
.por-fl .porthumbs .swiper-slide:after{ position: absolute; width: 100%; content: "";background:#0062c7 url(../image/cp_hbg.jpg) no-repeat bottom center/cover;  bottom: 0px; height: 0; left: 0;z-index: -1; transition: all .3s;   }
.por-fl .porthumbs .swiper-slide:hover{ color: #fff }
.por-fl .porthumbs .swiper-slide-thumb-active,.por-fl .porthumbs .swiper-slide:hover:after{color: #fff; height: 45px;background:#0062c7 url(../image/cp_hbg.jpg) no-repeat bottom center;}

.por-fl .porthumbs .swiper-slide:hover,.por-fl .porthumbs .swiper-slide.active{ color: #fff }
.por-fl .porthumbs .swiper-slide-thumb-active,.por-fl .porthumbs .swiper-slide:hover:after,.por-fl .porthumbs .swiper-slide.active:after{color: #fff; height: 45px;background:#0062c7 url(../image/cp_hbg.jpg) no-repeat bottom center;}



.por_box{ position: relative; padding: 80px 0 80px 0; margin-top: 35px; }
.por_box:before{ position: absolute;  bottom: 0; left: 0; height: 100%; width:42%;background:#eff3f3; content: "" }
.por_box .porSwiper{ overflow: hidden;width:92%; max-width: 1680px; margin: 0 auto}
.por_box .porSwiper .l_txt{ width: 26%; }
.por_box .porSwiper .l_txt .t1{ font-size: 35px; font-weight: 35px; padding-bottom: 10px }
.por_box .porSwiper .l_txt p{ line-height: 1.75; font-size:16px  }
.por_box .porSwiper .l_txt p.t2{ font-size: 18px;  color: #ff6000; padding-bottom: 15px }
.por_box .porSwiper .l_txt .m{ display: block; width: 140px; height: 40px; line-height: 40px; color: #fff;  background:#0062c7; font-size: 17px; text-align: center; border-radius: 20px; transition: all .3s;margin-top:35px }
.por_box .porSwiper .l_txt .m:hover{ width: 180px; }

.por_box .swiper-button-disabled{ opacity: 0.65 }
.swiper-por-prev,.swiper-por-next{  width: 50px; height: 50px; line-height: 50px; border:1px #999 solid; border-radius: 50%; text-align: center; }
.swiper-por-prev:after,.swiper-por-next:after{ font-size: 20px; color: #555 }
.swiper-por-prev{ bottom:120px; top:unset;left:130px;  }
.swiper-por-next{  bottom:120px;  top:unset; left:200px }


.por_box .porSwiper .r_pic{ width: 68%;  }
.por_box .porSwiper .r_pic .item{ width: 48%; flex-shrink:0; text-align: center; }
.por_box .porSwiper .r_pic .item h2{ padding-top:10px }
.por_box .porSwiper .r_pic .item .pro-img { display: block;overflow: hidden; position: relative;transition: all .4s; overflow: hidden; border: 5px #e9e9e9 solid  }
.por_box .porSwiper .r_pic .item .pro-img img{transition: all .3s;-webkit-transform: scale(1); width: 100%}
.por_box .porSwiper .r_pic .item:hover .pro-img img{transition: all .3s;-webkit-transform: scale(1.15);}



@media (max-width:998px) {
.index .box2 {padding-top:30px;padding-bottom:0px; background-size:80%; border-top:5px #0062c7 solid}

.PartnerTitle{ padding:0px 0 15px }
.PartnerTitle h2 {font-size: 22px;}
.PartnerTitle em{font-size: 30px;top: -15px;}
.PartnerTitle p {font-size: 12px; max-width: 100%; color:#777; }


.por-fl{width:92%; margin:8px 4% 15px}

.por-fl .porthumbs .swiper-wrapper{ text-align: center;flex-wrap:wrap;justify-content: flex-start; background:#e4f0fe}
.por-fl .porthumbs .swiper-slide{  font-size:14px;border: 1px #fff solid;border-right:0;  line-height: 40px;position: relative; width:25% !important;  background:#e4f0fe;  color:#333}
.por-fl .porthumbs .swiper-slide:nth-child(4n){border-right:1px #fff solid;}
.por-fl .porthumbs .swiper-slide:nth-child(1),.por-fl .porthumbs .swiper-slide:nth-child(2),.por-fl .porthumbs .swiper-slide:nth-child(3),.por-fl .porthumbs .swiper-slide:nth-child(4),.por-fl .porthumbs .swiper-slide:nth-child(5),.por-fl .porthumbs .swiper-slide:nth-child(6),.por-fl .porthumbs .swiper-slide:nth-child(7),.por-fl .porthumbs .swiper-slide:nth-child(8){ border-bottom:0}
.por-fl .porthumbs .swiper-slide:after{ background:#0062c7 url(../image/cp_hbg.jpg) no-repeat bottom center/cover; }
.por-fl .porthumbs .swiper-slide:hover{ color: #fff }
.por-fl .porthumbs .swiper-slide-thumb-active,.por-fl .porthumbs .swiper-slide:hover:after,.por-fl .porthumbs .swiper-slide.active:after,.por-fl .porthumbs .swiper-slide.active{height:40px;background:#0062c7 url(../image/cp_hbg.jpg) no-repeat bottom center/cover; color:#fff}




.por_box{padding:20px 0 35px 0; margin-top: 10px; }
.por_box:before{ width:100%;}
.por_box .porSwiper{width:92%; margin: 0 3%; padding-bottom: 25px;}
.por_box .porSwiper .l_txt{ width:100%; float: none; text-align: center; }
.por_box .porSwiper .l_txt .t1{ font-size:20px; padding-bottom:0px }
.por_box .porSwiper .l_txt p{ line-height: 1.75; font-size:14px  }
.por_box .porSwiper .l_txt p.t2{ font-size: 14px; padding-bottom:0px }
.por_box .porSwiper .l_txt .m{ width: 35%; height: 35px; line-height: 35px;  font-size: 14px; margin:8px auto 15px}
.por_box .porSwiper .l_txt .m:hover{ width: 40%; }

.swiper-por-prev,.swiper-por-next{  width:35px; height:35px; line-height: 35px;  border-radius: 3px;  }
.swiper-por-prev:after,.swiper-por-next:after{ font-size:15px;  }
.swiper-por-prev{ bottom:25px; top:unset;left:50%; margin-left:-40px  }
.swiper-por-next{  bottom:25px;  top:unset; left:50%;margin-left:0px}


.por_box .porSwiper .r_pic{width:100%; float: none; margin-bottom:10px }
.por_box .porSwiper .r_pic .item{ width: 49%; flex-shrink:0; text-align: center; }
.por_box .porSwiper .r_pic .item h2{ display: none; }
.por_box .porSwiper .r_pic .item .pro-img { border:3px #e9e9e9 solid  }





}



/*公司*/
.index .box3 {background: url(../image/about_Bg.jpg) no-repeat top/cover;background-attachment: fixed;overflow: hidden;position: relative;height:80vh;}
.index .box3 .iabout{ border-left:1px rgba(255,255,255,.35) solid;border-right:1px rgba(255,255,255,.35) solid;height: 100% ; }
.index .box3 ._fl{width: 48%;height: 100%}
.index .box3 .aboutlist{  text-align: center; visibility: inherit;display: flex; justify-content: space-between;height: 100%;}
.index .box3 .aboutlist li{ width: 33.33333%;display: inline-block;  border-right: 1px solid rgba(255,255,255,.35) ; color: #222; position: relative;  padding-top:160px; font-size: 16px}
.index .box3 .aboutlist li em{ display: block; font-size:44px; font-family:Montserrat; font-style: normal; font-weight: bold;}
.index .box3 .aboutlist li b{ font-size: 24px; font-weight: bold;  display: block; }

.index .box3 .aboutlist li .n{ height:180px;position: absolute;  bottom: 0;   left: 0px; background:rgba(92,78,62,.88);transition:all 0.3s; padding-top: 50px; font-size:18px; color: #fff; width: 100%   }
.index .box3 .aboutlist li:nth-child(3) .n{background:rgba(109,92,73,.88);}

.index .box3 .aboutlist li .n:hover{ height: 220px; transition:all 0.3s }
.index .box3 .aboutlist li .n i{ display: block; width:45px; height:45px; margin: 0 auto 5px;}
.index .box3 .aboutlist li .n i img{ max-width:45px; display: block;  margin:0px auto 0  }
.index .box3 .aboutlist li .n.b1{ background:rgba(0,115,234,.96); }
.index .box3 .aboutlist li .n.b2{ background:rgba(0,98,199,.96); }
.index .box3 .aboutlist li .n.b3{ background:rgba(0,80,163,.96); }


.index .box3 ._fr {width: 52%; position: relative; height: 100% }
.index .box3 ._fr ._company{  padding:50px 35px;  background: rgba(255,255,255,.88); position: absolute; right: 0; bottom: 0;z-index:2; width: 100%;}
.index .box3 ._fr ._company h1{ font-size: 35px; position: relative;  padding: 20px 50px 40px 40px;}
.index .box3 ._fr ._company p{ font-size: 22px;  line-height: 1.5; font-weight: normal;}
.index .box3 ._fr ._company h1::before{ position: absolute; left: -40px; top:0px; content:"“"; font-size: 70px; text-align: left; }
.index .box3 ._fr ._company h1::after{ position: absolute; right: 0; bottom: 0; content:"”"; font-size: 70px }


.lclist{ font-size: 20px; font-weight: bold; }
.lclist span{ display: inline-block; padding:0 10px 20px 25px; position: relative;  }
.lclist span::before{ position: absolute; left: 0px; top:8px; content:"";  width: 20px; height: 20px;background: url(../image/icon_l.png) no-repeat; background-size: cover; }

.index .box3 ._fr ._company .txt{ padding-bottom: 120px;  font-size: 16px ; line-height: 2  }
.index .box3 ._fr ._company .more{ position: absolute; right:40px;  bottom:8%; background: #0050a3; height: 38px; line-height: 38px; display: block; width: 150px; transition:all 0.3s; color: #fff; text-align: center; }
.index .box3 ._fr ._company .more:hover{ transition:all 0.3s;  width:180px  }







@media (max-width:998px) {
.index .box3 {height:70vh;}
.index .box3 ._fr {width:100%; float: none; }
.index .box3 ._fr ._company{  padding:20px 4%;}
.index .box3 ._fr ._company h1{ font-size: 20px;padding: 0px 30px 5px 0px; }
.index .box3 ._fr ._company p{ font-size:14px;padding:0px 0px 5px 0;  }
.index .box3 ._fr ._company h1::before{ display: none}
.index .box3 ._fr ._company h1::after{display: none}
.index .box3 ._fr ._company .txt{ padding-bottom:50px;font-size: 14px ;  line-height:1.75}
.index .box3 ._fr ._company .more{ right:50%;  bottom:4%; height: 30px; line-height: 30px; width:100px;  margin-right: -50px; }
.index .box3 ._fr ._company .more:hover{  width:100px  }


.lclist{ font-size:15px; }
.lclist span{ padding:0 5px 5px 15px; position: relative;  }
.lclist span::before{  left: 0px; top:5px; width:15px; height:15px; }

}




/*案例*/
.index .box4.case {padding:90px 0 80px; width:92%; max-width: 1680px; margin: 0 auto; position: relative;}
.PartnerTitle {align-items:center}
.PartnerTitle ._fl h2 {text-align: left;  z-index:99; }
.PartnerTitle ._fl em{ text-align: left; z-index:88; }
.PartnerTitle .more{ font-size: 18px; z-index:99; position:relative}
.casebox{  overflow: hidden; }
.caseSwiper .item:hover .imgbig img{transition: all .3s;-webkit-transform: scale(1.15);}
.caseSwiper .item{display: block; position: relative; }
.caseSwiper .item .tit{ font-size: 24px; color: #fff; position: absolute; left: 0; bottom: 0; width: 100%;  line-height: 80px; background: rgba(0,0,0,.50); padding: 0 30px }
.caseSwiper .item .imgbig{ max-height:520px}
.caseSwiper .item .tit span{ background: #0062c7; width: 40px; line-height: 40px; color: #fff; border-radius: 50%; display: block; float: right; font-family:宋体;text-align: center; margin-top: 20px; margin-right: 0px; transition: all .3s }
.caseSwiper .item:hover span{margin-right: 30px;}

.case-pagination{ text-align: center;  position: relative; margin-top:35px  }
.case-pagination .swiper-pagination-bullet{ width:80px; border-radius: 0; height: 5px; margin-right: 3px }








@media (max-width:998px) {
.index .box4.case {padding:45px 0 20px; width:94%; margin: 0 3%; }
.PartnerTitle .more{ font-size: 14px;}

.caseSwiper .item .tit{ font-size: 16px;padding: 0 3%;line-height:45px;  }
.caseSwiper .item .tit span{width: 30px; line-height: 30px;  margin-top:6px;  }
.caseSwiper .item:hover span{margin-right: 10px;}

.case-pagination{margin-top:0px  }
.case-pagination .swiper-pagination-bullet{ width:10px;  height: 3px; margin-right: 2px }


}




/*新闻*/
.index .box5.news {padding:80px 0 80px; background: #f9f9f9;}

.index .box5.news .news-slide{ display: inline-block; width: 23.5%;  position: relative; background: #fff}

.index .box5.news .text {width: 100%;z-index: 3;-webkit-transition: all .25s cubic-bezier(.77, 0, .175, 1);-o-transition: all .25s cubic-bezier(.77, 0, .175, 1);-moz-transition: all .25s cubic-bezier(.77, 0, .175, 1);transition: all .25s cubic-bezier(.77, 0, .175, 1);  padding: 30px 30px 25px}
.index .box5.news .text .t {font-size: 16px;color: #db261d;line-height: 1;margin-bottom: 18px;-webkit-transition: color .25s cubic-bezier(.77, 0, .175, 1);-o-transition: color .25s cubic-bezier(.77, 0, .175, 1);-moz-transition: color .25s cubic-bezier(.77, 0, .175, 1);transition: color .25s cubic-bezier(.77, 0, .175, 1)}
.index .box5.news .text .t span {display: inline-block;width: 12px;height: 12px;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;border: 1px solid #db261d;margin-top: 2px;margin-right: 10px;-webkit-transition: all .25s cubic-bezier(.77, 0, .175, 1);-o-transition: all .25s cubic-bezier(.77, 0, .175, 1);-moz-transition: all .25s cubic-bezier(.77, 0, .175, 1);transition: all .25s cubic-bezier(.77, 0, .175, 1)}
.index .box5.news .text h3 {font-size: 20px;line-height:20px;text-align: justify; color: #2a2a2a}
.index .box5.news .text .jj{ font-size: 14px; color:#666; line-height: 1.5; padding-top:10px  }
.index .box5.news .img { display: block; max-height: 220px; overflow: hidden; position: relative;transition: all .3s; overflow: hidden;}

.index .box5.news .news-slide .img img{transition: all .3s;-webkit-transform: scale(1); width: 100%}
.index .box5.news .news-slide:hover .img img{transition: all .3s;-webkit-transform: scale(1.15);}
.index .box5.news .text .date{  font-size:16px; color:#888; padding-top:15px; display: block; font-family:Montserrat;   }
.index .box5.news .news-slide::after{height: 1px; width:0;transition: all .5s;background: #0062c7;  content: "";  bottom: 0; left: 0; position: absolute;}
.index .box5.news .news-slide:hover:after{width: 100%;transition: all .5s;}

.index .box5.news .news-slide em{ background: #0062c7; width: 40px; line-height: 40px; color: #fff; border-radius: 50%; display: block;  font-family:宋体;text-align: center; margin-top: 20px;transition: all .3s; font-style: normal; }
.index .box5.news .news-slide:hover em{margin-left:10px;}






@media (max-width:998px) {
.index .box5.news {padding:40px 0 40px}


.index .box5.news .dynamic{ padding-top:6px; display: block; }

.index .box5.news .news-slide{ display:block; width:100%;margin:0 0 12px; height:auto; overflow:hidden; background:none; border-bottom:1px #eee solid; padding-bottom:3%;  }
.index .box5.news .news-slide:nth-child(1){border-top:1px #eee solid; padding-top:3%}
.index .box5.news .img { max-height: 100%; width:27%; border-radius:5px; overflow:hidden; float:right; }
.index .box5.news .text {padding:3% 4% 2% 0; width:73%; float:left}
.index .box5.news .text .t {font-size: 14px;}
.index .box5.news .text h3 {font-size:15px;line-height:22px;}
.index .box5.news .text .jj{ font-size: 12px;padding-top:6px; display:none; }
.index .box5.news .text .date{  font-size: 12px; color:#999; padding-top:5px; display: block; font-family:Montserrat;   }


}




.footer {clear: both; height: auto; overflow: hidden; background:#232630 url(../image/footer_bg.jpg) no-repeat top/100%;background-attachment: fixed;overflow: hidden;position: relative; }
.footer .inner{ padding: 80px 0 120px}
.footer .ind-msg{ width:54%}

.footer .lx-tit{ position: relative; font-size: 40px; color: #fff }
.footer .lx-tit p{ font-weight: normal; line-height: 1; padding-top:0px; font-size: 18px }
.footer .ind-msg .msg-icon{ margin: 30px auto 20px; text-align: center;display: -webkit-flex; display: flex;  flex-wrap: nowrap;justify-content:flex-start; }
.footer .ind-msg .msg-icon span{ display:inline-block; border-radius: 20px;background: -moz-linear-gradient(left, #0084ff 0%,#396eff 100%);
    background: -webkit-gradient(linear,left,right, color-sleft(0%,#0084ff), color-sleft(100%,#0054ff));
    background: -webkit-linear-gradient(left, #0084ff 0%,#0054ff 100%);
    background: -o-linear-gradient(left, #0084ff 0%,#0054ff 100%);
    background: -ms-linear-gradient(left, #0084ff 0%,#0054ff 100%);
    background: linear-gradient(to right, #0084ff 0%,#0054ff 100%);  color: #fff; margin: 0 3% 0 0; float: left; font-size: 18px; width:20%; line-height: 40px; }

.footer .ind-msg .msgbox{position:relative; width: 100%; height: auto; overflow: hidden; }
.footer .ind-msg .msgbox form{ width: 96%; }
.footer .ind-msg .msgbox form .same{margin:0 2% 20px 0;float: left; width: 48%}
.footer .ind-msg .msgbox form .txt{width: 98%}
.footer .ind-msg .msgbox form .same input,.footer .ind-msg .msgbox form .same textarea,.same select{width:100%;height:45px;border:none;font-size:14px;color:#999;background:#ffffff;border:1px #adadad solid;border-radius:4px; padding-left:10px;}
.footer .ind-msg .msgbox form .same textarea{ height: 90px;padding-top: 5px }
.footer .ind-msg .msgbox form .submit_box{ width: 100%; }
.footer .ind-msg .msgbox .msgtxt{ font-size: 14px; color: #fb782f; text-align: center; display: block; margin: 15px 0 }
.footer .ind-msg .msgbox form .submit input{width:98%;height:45px;background:#396eff;border:none;font-size:15px;color:#fff;font-weight:400;cursor:pointer;border-radius:3px; text-align: center; }
 .footer  .lx-pic{ position: absolute; top: 0; right: 0 }

.ind-lx{ font-size: 17px;  width: 45%; color:#fff}
.ind-lx .bot_tel{ margin: 25px 0 10px 0; position: relative; padding-left:35px }
.ind-lx .bot_tel b{ font-size: 26px;font-family: Montserrat; font-weight: normal; }
.ind-lx .bot_tel:after{  width: 30px; height: 30px; background: #e64c00 url(../image/bot_tel.png) no-repeat center center/cover; border-radius: 50%; position: absolute; content:""; top: 8px; left: 0}
.ind-lx .bot_ewm{ text-align: center;justify-content:flex-start; margin-top: 35px  }
.ind-lx .bot_ewm .botwx{  max-width: 150px; margin-right:4% }
.ind-lx .bot_ewm .botwx img{ width: 100%; border:5px #fff solid; }
.footer .bqsy{ color: #999; font-weight: none;font-size: 14px;  text-align: center;  background: #1b1b1c; line-height: 60px; position: absolute;bottom: 0; width: 100%}
.footer .bqsy a{ color:#999; }







@media (max-width:998px) {

.footer {padding:20px 0 0 0;background:#232630 url(../image/footer_bg.jpg) no-repeat top/cover;}
.footer ._fl,.footer ._fr{ width: 100%; float: none }

.footer .inner{ padding:20px 0 90px}
.footer .ind-msg{ width:100%}



.footer .lx-tit{font-size:20px;}
.footer .lx-tit p{font-size:14px }
.footer .ind-msg .msg-icon{ margin:10px auto 7px; }
.footer .ind-msg .msg-icon span{margin: 0 2% 0 0; font-size: 14px; width:30%; line-height: 30px;border-radius: 15px; }

.footer .ind-msg .msgbox form .same{margin:0 2% 8px 0;float: left; width: 48%}
.footer .ind-msg .msgbox form .same input,.footer .ind-msg .msgbox form .same textarea,.same select{height:35px;font-size:14px; padding-left:5px;}
.footer .ind-msg .msgbox form .same textarea{ height:65px;padding-top: 5px }
.footer .ind-msg .msgbox .msgtxt{ margin: 8px 0 }
.footer .ind-msg .msgbox form .submit input{height:35px;font-size:14px; }
.footer .ind-msg .msgbox form .txt { width:100%}

.ind-lx{ font-size: 14px;  width: 100%;  margin-top: 25px}
.ind-lx .bot_tel{ margin: 10px 0 6px 0; padding-left:27px }
.ind-lx .bot_tel b{ font-size: 22px; }
.ind-lx .bot_tel:after{  width: 25px; height: 25px; top: 4px; }


.ind-lx .bot_ewm{margin-top: 10px;}
.footer .botwx{  margin:15px 2% 0; display: inline-block; width: 30%}
.footer .botwx p{ line-height:1.8; }
.footer .botwx img{ width:100px !important; height:100px; margin:0px auto 8px auto; border: 3px solid #fff }
.footer .bqsy{ font-size: 12px;line-height: 1.7; padding: 15px }

}






/*关于我们页面*/
.w1400{width: 98%; max-width: 1550px;  margin: 0 auto}
.w1300{width: 98%; max-width: 1550px;  margin: 0 auto}
.inBanner {height: 550px;position: relative;background: #000;border-radius: 0 0 50px  50px; }

.inBanner .about_title {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%); color: #fff; font-size:38px; font-weight: bold; text-align: center;}
.inBanner .about_title p{ font-size: 16px; text-align: center;    letter-spacing: 2px; font-weight: normal; }
.box1 .inBanner .pic {position: absolute;top: 0;width: 100%;height: 100%;opacity: .8; border-radius: 0 0 50px  50px; background-size:100% }

.inBanner .scNav{position: absolute;width: 100%;left: 0px;bottom: 0px;display: flex;justify-content: center; text-align:center}
.inBanner .scNav a{padding: 0px 2%;line-height: 70px;background: #fff;font-size: 16px;font-weight: bold;color: #3e3e3e;margin: 0px 15px;border-top-left-radius: 5px; border-top-right-radius: 5px;letter-spacing:5px; display:inline-block}
.inBanner .scNav a:hover,.inBanner .scNav a.active{background: #0062c7;color: #fff;}
/*.about .section {color: #666;font-size: 16px;text-align: center;padding: 80px 0}
h2._PlateTitle {text-align: center;font-size: 36px;margin-bottom: 15px}*/
.contentAbout{ position: relative;  height: auto; overflow: hidden; }
.contentAbout .summary.gushi{ width: 100%;  margin: 0 auto 50px; }
.contentAbout .summary h3 {font-size: 30px;color: #3e3e3e;font-family: Montserrat;text-transform: uppercase; line-height: 1.2}
.contentAbout .summary.gushi h3{ line-height: 1.5 }
.contentAbout .summary .text {line-height: 1.85;font-size: 16px;margin-top: 30px;opacity: .95}
.contentAbout .summary .text p{ line-height: 1.85 }
.contentAbout .about_pic{ width: 100%; border-radius: 25px; overflow: hidden; margin: 25px 0}
.contentAbout .about_pic img{ width: 100% }

.aboutlclist{ padding: 30px 0; text-align: center; }

.wmdys{ padding-top: 30px }
.wmdys .ys_item {transition: 0.3s;overflow: hidden;position: relative;border: 1px solid #d7d7d7;padding: 2%;
/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center; width: 49%; float: left;}
.wmdys .ys_item .pic{ float: left; width: 20%; text-align: center;  border-radius:5px; overflow: hidden;  margin-right: 2%}
.wmdys .ys_item .pic img{width: 100%; filter: drop-shadow(-8px 5px 8px rgba(8, 43, 83, 0.1)); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.wmdys .ys_item .float-left{ width: 75%;}
.wmdys .ys_item h3{ color: #000; font-weight:bold; font-size: 22px; padding-bottom:0px}
.wmdys .ys_item h4{ color: #ff5400; font-weight:normal; font-size: 18px; padding-top:5px}
.wmdys .ys_item span{ display: block; padding-top:5px; color: #555; font-size: 15px;}
.wmdys .ys_item:hover .pic img{ -webkit-animation: swing 1 1s linear; -o-animation: swing 1 1s linear; animation: swing 1 1s linear; filter: drop-shadow(8px -5px 8px rgba(8, 43, 83, 0.1));}
.wmdys .ys_item:hover{ background: #eee }
.wmdys h3{ font-size: 28px; padding-bottom: 25px }

@media (max-width:998px) {

.w1400{width: 92%;  margin: 0 4%}
.w1300{width: 92%;  margin: 0 4%}
.inBanner {height:34vh;border-radius: 0 0 30px  30px;  }
.inBanner .about_title { font-size:22px;  text-align: center; top:60%}
.inBanner .about_title p{ font-size: 13px;  }
.box1 .inBanner .pic{ border-radius: 0 0 30px 30px;background-size:240% }

.inBanner .scNav a{padding:8px 3%;line-height: 1.6;font-size: 14px;font-weight:normal;margin: 0px 1%;border-top-left-radius: 3px; border-top-right-radius: 3px;letter-spacing:0px;}

.contentAbout .summary.gushi{ width: 100%;  margin:25px auto 20px; }
.contentAbout .summary h3 {font-size: 18px;}
.contentAbout .summary .text {line-height: 1.8;font-size: 14px;margin-top:15px;}
.contentAbout .summary .text p{ line-height: 1.8;font-size: 15px; }
.contentAbout .summary .img1{ margin-top: 10px }

.contentAbout .about_pic{  border-radius: 10px;  margin: 8px 0}


.wmdys{ padding-top:15px }
.wmdys .ys_item {width: 100%; float: none; display: block; margin-bottom:15px;padding:4% 3%;}
.wmdys .ys_item .pic{ width: 30%; }
.wmdys .ys_item .float-left{ width: 100%;}
.wmdys .ys_item h3{font-size: 15px;padding-top:0;padding-bottom:5px}
.wmdys .ys_item h4{  font-size:13px; padding-top:0; line-height:1;padding-bottom:5px }
.wmdys .ys_item span{  font-size: 10px;padding-top:1%; line-height:1.5}
.wmdys h3{ font-size: 18px; padding-bottom: 6px }


}





/*新闻*/
.three_cat {height: auto;display: flex;justify-content: center;padding:0 0 50px 0}
.three_cat a {height: auto;line-height: 40px;text-align: center;display: block;padding: 0 25px;transition: all .46s ease 0s;display: block;background: #fff;border: 1px solid #333;color: #000;border-radius: 40px;font-size: 16px;margin: 0px 10px;}
.three_cat a.hover,.three_cat a.active{border: 1px solid #0062c7;color: #0062c7;}
.news_list ul li {width: 31%;height: auto;float: left;margin-right: 3%;margin-bottom: 25px}
.news_list ul li:nth-child(3n) {margin-right: 0}
.news_list ul li a {display: block;width: 100%;height: auto}
.news_list ul li .thum {width: 100%;height: auto;position: relative;margin-bottom: 15px;background: #000;overflow: hidden;}
.news_list ul li .thum .pic{width: 100%;background: center center no-repeat;background-size: cover;transition: ease 1s}
.news_list ul li:hover .pic{-webkit-transform: scale(1.05);opacity: .5;-webkit-filter: blur(5px);}
.news_list ul li .title {width: 100%;height: 30px;font-size: 18px;line-height: 30px;overflow: hidden;margin: 15px 0 0}
.container.b{background: #f3f5f8;}
.news_list ul li .date {width: 100%;height: 20px;font-size: 12px;line-height: 20px;overflow: hidden;position: relative;opacity: .5;margin-bottom: 15px;overflow: hidden}
.news_list ul li .des {width: 100%;height: 50px;font-size: 14px;line-height: 25px;opacity: .7;overflow: hidden}
.news_list ul li .borderR {position: absolute;width: 80%;height: 60%;border: 1px solid rgba(255, 255, 255, .3);top: 20%;left: 10%;opacity: 0;transition: ease .5s}
.news_list ul li .borderR .picTxt {color: #fff;font-size: 18px;line-height: 1.7;text-align: center;height: auto;overflow: hidden;width: 90%;display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.news_list ul li:hover .borderR {opacity: 1;}

.case_list ul li {width: 31%;height: auto;float: left;margin-right: 3%;margin-bottom: 25px}
.case_list ul li:nth-child(3n) {margin-right: 0}
.case_list ul li a {display: block;width: 100%;height: auto}
.case_list ul li .thum {width: 100%;height: auto;position: relative;margin-bottom: 15px;background: #000;overflow: hidden;}
.case_list ul li .thum .pic{width: 100%;background: center center no-repeat;background-size: cover;transition: ease 1s}
.case_list ul li:hover .pic{-webkit-transform: scale(1.05);opacity: .5;-webkit-filter: blur(5px);}
.case_list ul li .title {width: 100%;height: 30px;font-size: 18px;line-height: 30px;overflow: hidden;margin: 15px 0 0}
.case_list ul li .date {width: 100%;height: 20px;font-size: 12px;line-height: 20px;overflow: hidden;position: relative;opacity: .5;margin-bottom: 15px;overflow: hidden}
.case_list ul li .des {width: 100%;height: 50px;font-size: 14px;line-height: 25px;opacity: .7;overflow: hidden}
.case_list ul li .borderR {position: absolute;width: 80%;height: 60%;border: 1px solid rgba(255, 255, 255, .3);top: 20%;left: 10%;opacity: 0;transition: ease .5s}
.case_list ul li .borderR .picTxt {color: #fff;font-size: 18px;line-height: 1.7;text-align: center;height: auto;overflow: hidden;width: 90%;display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.case_list ul li:hover .borderR {opacity: 1;}

._PageTurningNumber {color: #6b6b6b}
._PageTurningNumber a.active {background: #0062c7}
._PageTurningNumber span input {border: 1px solid #dedede;background: rgba(255, 255, 255, 0)}

._PageTurningNumber a {background: rgba(255, 255, 255, 0)}

/*新闻详细*/
.next-box{ border-top: 1px #ddd solid; margin-top: 30px }
.next-box p{ padding-top: 10px }
.newsxg h3{ font-size: 28px; padding-bottom: 25px }

/*图片*/
.case{ margin: 0  auto 10px !important}
.contentpic .case-list{position:relative;z-index:3;color:#262626;display:flex;}
.contentpic .case-list {flex-wrap:wrap}
.contentpic .case-list .item{position:relative;box-shadow:0 0 15px rgba(0,0,0,0);width:25%;overflow: hidden;}
.contentpic .case-list .item:nth-child(n+4){display:none}
.contentpic .case-list .item:nth-child(n+4){display:block}
.contentpic .case-list .item .name{position:absolute;font-size:20px;text-transform:uppercase;bottom:-40px;left:0px;transition:all .25s;z-index:5; background: rgba(0,0,0,.45); width: 100%;padding-left: 20px; line-height: 40px}
.contentpic .case-list .item .img-box{clip-path:inset(5px 5px 5px 5px);transition:clip-path .25s;background-position:center center;background-size:cover}
.contentpic .case-list:before{width:100%;height:90%;content:'';position:absolute;z-index:-1;left:0;top:5%;background-color:#fff}
.contentpic .case-list .item:hover{z-index:3;box-shadow:0 0 15px rgba(0,0,0,.3);transition:box-shadow 0s .25s}
.contentpic .case-list .item:hover .name{color:#fff;bottom:0px}
.contentpic .case-list .item:hover .img-box{clip-path:inset(0 0 0 0)}
.more-icon.left .icons:hover .a{width:32px}
._news_detail .description p{ font-size: 16px; line-height: 2 }
.txtcent{ text-align: center !important; }


@media (max-width:998px) {
.three_cat {padding:0 0 30px 0}
.three_cat a {height: 30px;line-height: 30px;padding: 0 0;border-radius:20px;font-size: 13px;margin: 0px 1%;; width: 25%}

.news_list ul li {width:100%;float: none;margin-right: 0;margin-bottom: 0; height:auto; overflow:hidden; padding:3% 0 0 0;  border-top:1px #eee solid}
.news_list ul li .thum { width:28%; float:left; border-radius:3px; overflow:hidden}
.news_list ul li .txt{ float:right; width:72%; padding:0 0 0 3%}
.news_list ul li .title {width: 100%;height: 28px;font-size: 16px;line-height:1.6;margin:2px 0 0}
.news_list ul li .date {width: 100%;height: 20px;font-size: 12px;line-height: 1;margin-bottom:6px;overflow: hidden}
.news_list ul li .des {font-size: 13px;line-height:1.7;opacity: .7;overflow: hidden; height: auto; display:none}
.news_list ul li:hover .borderR {opacity: 0;}


.case_list ul li {width: 47%;margin:10px 1.5% 8px; }
.case_list ul li:nth-child(3n) {margin-right:1.5%}
.case_list ul li .thum {width: 100%;height: auto;position: relative;margin-bottom: 6px;background: #000;overflow: hidden; border-radius:5px; }
.case_list ul li .title {height: 20px;font-size: 15px;line-height:1;margin:8px 0 0; text-align:center}
.case_list ul li .date {height: auto;font-size: 11px;line-height: 1;margin-bottom: 5px;display:none}
.case_list ul li .des {display:none}
.case_list ul li .borderR { display:none}
.case_listn{ padding-top:15px}
.case_listn ul li {width: 100%;margin:10px 0 15px; float:none}
.case_listn ul li:nth-child(3n) {margin-right:0}



/*新闻详细*/
.next-box{ border-top: 1px #ddd solid; margin-top: 20px }
.next-box p{ padding-top: 6px }
.newsxg h3{ font-size:18px; padding-bottom:6px }
._news_detail .description p{ font-size: 14px; line-height:2 }
.usetdate{ font-size:12px; color:#888}

/*形象图片*/
.case{ margin: 0  auto 10px !important}
.contentpic .case-list .item{width:48%; margin: 0 1% 10px}
.contentpic .case-list .item .name{position:relative;font-size:14px;top:0;left:0; text-align: left; padding-bottom: 4px}
.contentpic .case-list .item,.contentpic .case-list .item:hover{z-index:3;box-shadow:0 0 0 rgba(0,0,0,.3);transition:box-shadow 0s .25s}
.contentpic .case-list .item .name{color:#333;top:0px}
.contentpic .case-list .item .img-box{clip-path:inset(0 0 0 0)}
.more-icon.left .icons:hover .a{width:32px}
.contentpic .case-list .item:hover .name{color:#333;top:0px}

}





/*产品*/

.container {width: 100%;height: auto;position: relative;z-index: 5;background: #fff}
.container::after {width: 100%;height: 1px;clear: both;display: block;content: ''}
.screening-box {width: 18%;height: auto;float: left;background: #fff;margin-top: 50px;}

.sp_list {width: 100%;height: auto;padding: 25px;border-top: 1px solid #eee;overflow: hidden}
.sp_item {width: 70%;height: auto;position: relative;margin-left: 30%;border-bottom: 1px solid #eee}
.sp_item .item_name {font-size: 18px;line-height: 60px;position: relative;color: #121212;cursor: pointer; padding-left: 18px}

.sp_item .item_name::after {width: 10px;height: 2px;position: absolute;left: 0;top: 50%;margin-top: -1px;content: '';background: #444}
.sp_item .item_name::before {width: 2px;height: 10px;position: absolute;left: 4px;top: 50%;margin-top: -5px;content: '';background: #444;opacity: 1;transition: ease .5s}
.sp_item .item_name::before {transform: rotate(-90deg)}

.sp_item .item_name.active{ color:#0062c7;  font-weight: bold;  }
.sp_item .item_list,
.sp_item .item_list.color_list {width: 100%;height: auto;position: relative;padding-bottom: 15px;display: none}
.sp_item .item_list.active {display: block}
.sp_item .item_list a {height: auto;display: block;padding: 7px 0;line-height: 25px;position: relative;padding-left: 20px}
.sp_item .item_list.color_list a {width: 25px;height: 25px;float: left;padding: 0;border-radius: 50%;box-shadow: 0 0 15px rgba(0, 0, 0, .05);margin-right: 15px;margin-bottom: 10px}
.sp_item .item_list.color_list a img {width: 100%;border-radius: 50%;overflow: hidden}
.sp_item .item_list.color_list a.active {border: 1px solid red}
.sp_item .item_list.color_list a.active::after {display: none}
.sp_item .item_list::after {width: 100%;height: 1px;clear: both;content: '';display: block}
.sp_item .item_list.color_list a::before {display: none}
.sp_item .item_list a::before {content: "";display: inline-block;position: absolute;top: 13px;left: 0;width: 10px;height: 10px;border-radius: 50%;border: 1px solid #9e9e9e;background-color: #fff}
.sp_item .item_list a::after {width: 6px;height: 6px;left: 2.5px;top: 16.5px;background: #333;content: '';border-radius: 50%;position: absolute;opacity: 0}
.sp_item .item_list a.active::after {opacity: 1}
.sp_item .item_list a:hover,.sp_item .item_list a.on {color: #0062c7;}
.sp_item .item_list a.on::before{border: 1px solid #0062c7; background: #debb85}
.pt30{ padding-top: 30px }



.warp {width:76%;float: left;background: #f3f5f8;padding: 50px 0 50px 50px}
.productLIST {margin-bottom: 55px}
.product_list {width: 100%;height: auto;position: relative; padding-top: 40px}
.product_list ul li {width: 31%;height: auto;float: left;margin-right: 2.5%;margin-bottom: 35px;transition: ease .5s;position: relative}
.data-set {font-size: 13px;margin-top: 3px;opacity: .8}
.product_list ul li:nth-child(3n) {margin-right: 0}
.product_list ul li .thum {width: 100%;height: auto;overflow: hidden;background: #fff center center no-repeat;background-size: cover;transition: ease-out .5s}
.product_list ul li img {width: 100%; transition: all .6s;}
.product_list ul li .name {width: 100%;height: auto;position: relative;margin-top: 15px}
.product_list ul li .name b {font-size: 20px;line-height: 1.7;color: #3a3a3a;font-weight: 400;display: block}
.product_list ul li .name p {font-size: 14px;line-height: 1.7;opacity: .7}
.product_list ul li:hover img{transition: all .6s;     -webkit-transform: scale(1.25);-moz-transform: scale(1.25);-ms-transform: scale(1.25);-o-transform: scale(1.25);transform: scale(1.1); }

/*产品详细*/
.product_show{ background: #fff; padding: 60px }
.product .dqwz{ border-bottom: 1px #ddd solid; padding-bottom: 25px }
.product .listdqwz{ padding-top: 20px }
.product .product_show h1{ padding: 25px 0; text-align:center;  }
.product .product_show .porn_pic{ width:600px; margin:0 auto 25px;}
.product .product_show .porn_pic img{ width:100%}
.product .product_show .porcontent{ font-size: 16px; line-height: 2; padding-bottom:50px}
.product .product_show .porcontent img{ width: 100%; max-width: 1200px; padding-top: 15px; display: block;  }
.porcontent .porvideo{ width:100%}
.porcontent .porvideol{ width:48% !important}
.porcontent .porvideor{ width:48% !important}
.porxglist ul{ margin-left:-3%}
.porxglist ul li{width:30%;float: left;margin-left:3%;margin-bottom: 15px}
.porxglist ul li img{ width:100%}
.porxglist ul li .title {width: 100%;font-size:16px;line-height:1;margin:15px 0 0 0}

.gsjj_gg{ background: url("../image/jj_gg_bj.jpg") no-repeat center fixed; overflow: hidden;}
.gsjj_gg .inner{ padding: 2% 0; text-align: center; color: #fff;}
.gsjj_gg h2{ font-size: 36px; font-weight: bold !important; }
.gsjj_gg p{ font-size: 16px; line-height: 50px;}
.gsjj_gg .more{ display: inline-block; padding: 0 5%; font-size: 22px;height: 45px; line-height: 45px; background:#ff6000; border-radius: 25px; font-family: "Montserrat"}

/*问答*/
.mqanda{padding:5% 4%;background-color:#f4f4f4; margin:10px auto}
.mqanda .qanda-name{margin-bottom:5px; position:relative}
.mqanda .qanda-name span{font-size:14px;color:#FFF;padding:0 8px;line-height:30px;background:#d81803;background:-webkit-linear-gradient(left,#d81803 0,#fc7809 100%);background:-moz-linear-gradient(left,#d81803 0,#fc7809 100%);background:-ms-linear-gradient(left,#d81803 0,#fc7809 100%);background:-o-linear-gradient(left,#d81803 0,#fc7809 100%);background:linear-gradient(to right,#d81803 0,#fc7809 100%);-webkit-border-radius:5px; position:absolute; right:5px; top:0px}

.mqanda li{margin-top:15px;line-height:24px;padding:3% 2%;background-color:#FFF;-webkit-box-shadow:0 0 5px rgba(165,208,243,.2);-moz-box-shadow:0 0 5px rgba(165,208,243,.2);-ms-box-shadow:0 0 5px rgba(165,208,243,.2);-o-box-shadow:0 0 5px rgba(165,208,243,.2);box-shadow:0 0 5px rgba(165,208,243,.2);-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px}

.mqanda li i{display:inline-block;font-style:normal;width:20px;height:20px;text-align:center;color:#FFF;font-size:12px;position:absolute;left:0;top:4px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px}
.mqanda li .mqanda-wen i{background:#eb2e12;background:-webkit-linear-gradient(left,#fd9166 0,#eb2e12 100%);background:-moz-linear-gradient(left,#fd9166 0,#eb2e12 100%);background:-ms-linear-gradient(left,#fd9166 0,#eb2e12 100%);background:-o-linear-gradient(left,#fd9166 0,#eb2e12 100%);background:linear-gradient(to right,#fd9166 0,#eb2e12 100%)}
.mqanda li .mqanda-da i{background:#12c4c8;background:-webkit-linear-gradient(left,#5fdead 0,#12c4c8 100%);background:-moz-linear-gradient(left,#5fdead 0,#12c4c8 100%);background:-ms-linear-gradient(left,#5fdead 0,#12c4c8 100%);background:-o-linear-gradient(left,#5fdead 0,#12c4c8 100%);background:linear-gradient(to right,#5fdead 0,#12c4c8 100%)}
.mqanda li .mqanda-wen{position:relative;padding-left:28px;color:#21252e;font-size:15px;font-weight:700}
.mqanda li .mqanda-da{position:relative;padding-left:28px;color:#999;font-size:13px;margin-top:7px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}



@media screen and (max-width:1200px){
    .gsjj_gg h2{ font-size: 30px;}
}
@media screen and (max-width:998px){
    .gsjj_gg .inner{ padding:5% 0; }
    .gsjj_gg h2{ font-size: 17px; line-height：1.4; padding-bottom:12px}
    .gsjj_gg p{ font-size: 13px; line-height: 25px;}
    .gsjj_gg .more{ font-size: 18px;}
}



@media (max-width:998px) {
.screening-box {width:100%;float: none;margin-top:20px;}

.sp_list {width: 100%;height: auto;padding:0px;border-top: 1px solid #eee;overflow: hidden}

.sp_item .item_name::after {opacity:0;}
.sp_item .item_name::before {opacity:0;}


.sp_item {width: 94%;margin-left:4%;}
.sp_item .item_name {font-size: 16px;line-height: 40px; padding-left: 0;}

.sp_item .item_list a {display: inline-block;padding:4px 15px 4px 15px;line-height: 20px;position: relative;}

.sp_item .item_list a::before {content: "";display: inline-block;position: absolute;top: 8px;left: 0;width: 10px;height: 10px;border-radius: 50%;border: 1px solid #9e9e9e;background-color: #fff}
.sp_item .item_list a::after {width: 6px;height: 6px;left: 2.5px;top: 16.5px;background: #333;content: '';border-radius: 50%;position: absolute;opacity: 0}
.sp_item .item_list a.active::after {opacity: 1}
.sp_item .item_list a:hover,.sp_item .item_list a.on {color: #0062c7;}
.sp_item .item_list a.on::before{border: 1px solid #0062c7; background: #debb85}



.warp {width:100%;float: none;padding:0}
.productLIST {margin-bottom:25px}

.product_list {padding-top:10px; width:94%; margin:0 3%}
.product_list ul li {width: 47%;margin:0 1.5% 15px;}
.data-set {font-size: 12px;margin-top:3px;opacity: .8; float:right}

.product_list ul li .name {margin-top: 5px}
.product_list ul li .name b {font-size:15px; float:left}
.product_list ul li .name p {font-size: 12px;line-height: 1.6;}
.plr3{ padding-left:4%;padding-right:4%}
.product_show{ padding:0 }
.product .dqwz{  display: none; }
.product .listdqwz{ padding-top:10px }
.product .product_show h1{ padding:15px 0 10px 0; font-size: 22px; text-align: center;}
.product .product_show .porcontent img{padding-top: 10px; width:100% !important; }
.product .product_show .porcontent{ font-size: 14px; line-height:1.75;padding:20px 3%}
.product .product_show .porn_pic{  width:100%; margin:0 auto}
.porcontent video{ width:100%; height:auto}
.porcontent .porvideol{ width:100% !important; margin-bottom:20px}
.porcontent .porvideor{ width:100% !important}
.porxglist ul li{width:30%;float: left;margin-left:3%;margin-bottom: 15px}
.porxglist ul li img{ width:100%}
.porxglist ul li .title {width: 100%;font-size:13px;line-height:1;margin:6px 0 0 0}
.pt30{ padding-top:10px}	
}



/*联系*/
.contactbox {align-items:stretch;}
.contactbox .cont-item{ background: #fff; text-align: center; padding:4% 3%; border: 1px solid #efefef; box-shadow: 0 0 10px rgba(0,0,0,0.08); width: 23%}
.contactbox .cont-item .tit{ font-size: 22px; color: #333; font-weight: bold;}
.contactbox .cont-item .pic{ padding: 8% 0;}
.contactbox .cont-item .pic i{ font-size: 50px; color:#0062c7;}
.contactbox .cont-item .pic2 img{ width: 120px; border:5px #ddd solid;  margin: 0 auto }
.contactbox .cont-item .con{ color: #444; font-size: 16px}


.contactmsg .common-title {color: #fff; text-align: center; font-size:30px; font-weight: bold;}
.contactmsg {padding-top: 85px;padding-bottom: 80px; background: url(../image/footer_bg.jpg) no-repeat top center/cover; color: #fff}

.IB > * {display: inline-block;vertical-align: top;font-size: 14px;}
.contactmsg input {height: 35px;border: none;outline: 0;width: -webkit-calc(100% - 65px);width: calc(100% - 65px);color: #fff;font-size: 15px;background-color: transparent}
.contactmsg input::placeholder{ color: rgba(255,255,255,.8); }
.contactmsg li {width: -webkit-calc((100% - 100px) / 3);width: calc((100% - 100px) / 3);font-size: 18px;border-bottom: 1px solid #fff;padding-bottom: 7px;position: relative}
.contactmsg li .tips {color: #fff;font-size: 13px;position: absolute;bottom: -28px;display: none}
.contactmsg li.onerr .tips {display: block}
.contactmsg li span {display: inline-block;width: 40px}
.contactmsg ul {margin-top: 60px}
.contactmsg li + li {margin-left: 40px}
.contactmsg li.w100 {margin-left: 0;margin-top: 100px;width: 100%}
.contactmsg .more {margin-left: auto;margin-right: auto;margin-top: 75px; background: #0062c7; color: #fff;  padding: 10px 0;  font-size: 22px; width: 150px; text-align: center; border-radius: 20px; font-weight: bold;}

@media (max-width:998px) {


.contactbox { display:block}
.contactbox .cont-item{  width:100%; margin-bottom:15px}
.contactbox .cont-item .pic{ padding:0% 0;}
.contactmsg .common-title {font-size:20px; font-weight: normal;}
.contactmsg {padding-top:35px;padding-bottom: 30px; }

.contactmsg input {height: 35px;border: none;outline: 0;width: -webkit-calc(100% - 45px);width: calc(100% - 45px);color: #fff;font-size: 14px;background-color: transparent}
.contactmsg input::placeholder{ color: rgba(255,255,255,.8); }
.contactmsg li {width: 100%;font-size: 14px;margin-bottom: 25px}
.contactmsg li .tips {color: #fff;font-size: 13px;position: absolute;bottom: -28px;display: none}

.contactmsg li span {display: inline-block;width: 40px}
.contactmsg ul {margin-top: 10px}

.contactmsg li + li {margin-left: 0px; }
.contactmsg li.w100 {margin-top: 60px;}
.contactmsg .more {margin-top: 45px; background: #222; color: #fff;  padding: 10px 0;  font-size:16px; width: 100px;  border-radius: 30px; font-weight: normal;}

}

/*服务*/

/* ============ 服务支持  ==========*/ 

.pro-top { position: relative;width:98%;margin:0 auto }

 .top-text { margin-top: 30px; width:100%; }
 .top-text h1, .top-text strong { font-size: 42px; line-height: 45px; color: #222; margin-bottom: 26px; }
 .top-text p { font-size: 18px; color: #444; line-height: 2em; margin-bottom: 50px; }
 .more-a {background: #cf3535;background: -moz-linear-gradient(left, #fd4c4c 0%, #cf3535 100%);
    background: -webkit-linear-gradient(left, #fd4c4c 0%, #cf3535 100%);
    background: -o-linear-gradient(left, #fd4c4c 0%, #cf3535 100%);
    background: -ms-linear-gradient(left, #fd4c4c 0%, #cf3535 100%);
    background: linear-gradient(to right, #fd4c4c 0%, #cf3535 100%);
    background-position: left center;
    background-size: 200% 100%;
    background-repeat: no-repeat;
    transition: background-position .6s ease; border-radius:5px; color:#fff; text-align:center}
 .top-text .more-a { display: inline-block; width: 200px; height: 60px; line-height: 60px; font-size: 18px; font-weight: bold; cursor: pointer; }
 .top-text .more-a img { margin-left: 10px; vertical-align: middle; margin-top: -2px; }
 .top-text .lx-a { margin-right: 20px; cursor: pointer; }

 .service-top .top-text { width:100%; }
 
 .fw-one { position: relative; z-index: 1; }
 .fw-one ul { overflow: hidden; background-color: #ffffff; border-radius: 4px; border-bottom: 5px solid #1396db; -webkit-box-shadow: 6px 3px 29px rgba(21, 0, 0, 0.1); -moz-box-shadow: 6px 3px 29px rgba(21, 0, 0, 0.1); -ms-box-shadow: 6px 3px 29px rgba(21, 0, 0, 0.1); -o-box-shadow: 6px 3px 29px rgba(21, 0, 0, 0.1); box-shadow: 6px 3px 29px rgba(21, 0, 0, 0.1); padding: 48px 0 40px ; width:98%;margin:0 auto}
 .fw-one li { float: left; width: 16.66%; text-align: center; position: relative; }
 .fw-one li .img { margin:0 auto 14px; width:64px; }
 .fw-one li p { font-size: 20px; line-height: 30px; color: #333; }
 .fw-one li:before { content: ''; width: 36px; height: 10px; background: url(../image/fw-dot.png) no-repeat; position: absolute; left: -18px; bottom: 54px; }
 .fw-one li:first-child:before { display: none; }
 .fw-two { padding-top:60px; position: relative;  padding-bottom:60px;width:98%;margin:0 auto }
 .goods-ul { overflow: hidden; margin-left: -3.33%; }
 .goods-ul li { float: left; width: 30%; margin-left: 3.33%;background-color: #f1f3f6; padding:30px;  }
 .goods-ul li .img img { display: block; border-radius: 4px; width:100%; }
 .goods-ul li strong { display: block; text-align: left; font-size: 22px; color: #111; line-height: 32px; font-weight: 600; position: relative; margin-top: 25px; margin-bottom: 34px; padding-left:15px; }
 .goods-ul li strong:before { content: ''; width: 6px; height: 25px; background: #e3674f; background: -moz-linear-gradient(left, #d53242 0%, #e3674f 100%); background: -webkit-linear-gradient(left, #d53242 0%, #e3674f 100%); background: -o-linear-gradient(left, #d53242 0%, #e3674f 100%); background: -ms-linear-gradient(left, #d53242 0%, #e3674f 100%); background: linear-gradient(to right, #d53242 0%, #e3674f 100%); position: absolute; top: 3px; left: 0; }
 .goods-ul li p { font-size: 18px; color: #333; line-height: 34px; }



@media (max-width:998px) {
    
 .top-text { margin-top: 10px;  }
 .top-text h1, .top-text strong { font-size:20px; line-height: 24px;  margin-bottom: 20px; }
 .top-text p { font-size:14px; line-height:24px; margin-bottom: 0px; }  
  .fw-two { padding-top:30px; position: relative;  padding-bottom:20px;width:98%;margin:0 auto }
 .goods-ul { margin-left:0; }
 .goods-ul li { float: none; width: 96%; margin:0 2% 15px;padding:10px;   border-radius:8px; overflow:hidden}
 .goods-ul li strong {font-size: 18px;  line-height: 24px; margin-top: 10px; margin-bottom:10px; text-align:left; padding-left:8px;font-weight: normal; }
 .goods-ul li strong:before {  width: 4px; height: 20px;top: 3px; left: 0; }
 .goods-ul li p { font-size: 14px;  line-height: 24px; }

}