@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(../image/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 }

}

.pt50{ padding-top: 50px }
.bgw{ background:#fff !important  }
.p80{ padding: 80px 0 }
.f48{ font-size: 48px }
.f44{ font-size: 44px }
.f40{ font-size: 38px }
.f34{ font-size: 34px }
.f30{ font-size: 30px }
.f25{ font-size: 25px }
.f24{ font-size: 24px }
.f22{ font-size: 22px }
.f20{ font-size: 20px }
.f18{ font-size: 18px }
.f17{ font-size: 17px }
.f16{ font-size: 16px }
.f15{ font-size: 15px }
.f14{ font-size: 14px }
.f12{ font-size: 12px }
.relative{ position: relative; }
.pc-block { display: block !important;}
.mb-block { display: none !important;}

@media screen and (max-width:1320px) {
.p80{ padding:40px 0 }
.f50{ font-size: 40px }
.f48{ font-size: 38px }
.f44{ font-size: 34px }
.f40{ font-size: 30px }
.f34{ font-size: 24px }
.f30{ font-size: 20px }
.f25{ font-size: 20px }
.f24{ font-size: 18px }
.f22{ font-size: 18px }
.f20{ font-size: 17px }
.f18{ font-size: 16px }
.f17{ font-size: 15px }
.f16{ font-size: 15px }
.f15{ font-size: 14px } 
}

@media screen and (max-width: 1024px) {
.p80{ padding:30px 0 }
}

@media (max-width:1150px){
.p80{ padding: 40px 0 }
.p60{ padding: 30px 0 }
}

@media only screen and (max-width:1400px){
.inner,.wrap{width:92%;margin: 0 auto;}
}




@media (max-width:992px) {
.inner,.wrap{width:92%;margin: 0 auto;}
.pc-block { display: none !important;}
.mb-block { display: block !important;}
.p80{ padding: 20px 0 }
.f50{ font-size: 22px }
.f48{ font-size: 22px }
.f44{ font-size: 20px }
.f40{ font-size: 18px }
.f34{ font-size: 18px }
.f30{ font-size: 18px }
.f25{ font-size: 16px }
.f24{ font-size: 15px }
.f22{ font-size: 15px }
.f20{ font-size: 14px }
.f18{ font-size: 14px }
.f17{ font-size: 14px }
.f16{ font-size: 14px }
.f15{ font-size: 14px }
.f14{ font-size: 12px }
.f12{ font-size: 11px }
img{ width: 100%}
}

/*顶部*/
.header{width: 100%;height:90px;position: fixed;top: 0;left: 0;/*background: #fff;border-bottom: 1px solid #E5E5E5;*/padding: 0 120px;padding-left: 50px; z-index:99999; background:linear-gradient(to bottom, rgba(0,80,170,1), rgba(0,80,170,0)); /*border-bottom:1px #74a3d6 solid;*/ }
.header_scroll{ background:rgba(0,80,170,.8) }
.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: #fff; font-size:24px; font-family:Montserrat; padding-left:40px; display: block; position: relative;}

.hot_tel::after{width:35px;height:35px;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/ss01.png) no-repeat center;float: left;margin-top:5px;}
.header-nav{float: left;margin-right: 30px;}
.header-nav li{display: inline-block;margin-right:50px; }
.header-nav li.relative{position: relative;}
.header-a{display: inline-block;font-size: 17px;color: #fff;line-height: 90px;position: relative;transition: all .3s;-webkit-transition: all .3s; }
.header-a:after{content: '';width: 0%;height: 0px;background: #f47c0a;position: absolute;left: 0;bottom: 0;transition: all .3s;;
-webkit-transition: all .3s;}
.header-a:hover{color: #f47c0a;transition: all .3s;;
-webkit-transition: all .3s; font-weight: bold;}
.header-a:hover:after{width: 100%;transition: all .3s;;
-webkit-transition: all .3s;}
.header-a:hover{color: #f47c0a;
	transition: all .3s;;
-webkit-transition: all .3s;}
.header-a:hover:after{width: 100%;transition: all .3s;;-webkit-transition: all .3s;}
.header-b{width: 140px;height: auto;padding:0 0px;text-align: center;position: absolute;left: 50%;top:90px;background: rgba(255,255,255,.95);display: none; margin-left: -70px}
.header-bb{padding-right: 0;}
.header-b.on{display: block;}
.header-b a{display:block;text-align: center;max-width: ;font-size: 16px;color: #333;line-height: 20px;position: relative;top: 0px;margin:10px 0 10px;transition: all .3s;;
    -webkit-transition: all .3s;}
.header-bb a{margin: 0 20px;}
.header-b a>div{display: inline-block;border: 1px solid rgba(255,255,255,.2);overflow: hidden; }
.header-b a:hover{top: -5px;transition: all .3s;;-webkit-transition: all .3s; text-decoration: underline;}
.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}

.header-nav .childPro {width:100%; margin: 0 auto; left:0; }
.header-nav .childPro .box {width:14.6666666%;text-align: center; float: left; margin: 0 1% 20px 1%;}
.header-nav .childPro .box .pic { overflow:hidden;}
.header-nav .childPro .box .pic img {-webkit-transition: all .5s;transition: all .5s; width: 100%}
.header-nav .childPro .box .t {color: #333;font-size: 15px;font-weight: normal;height: 40px;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.header-nav .childPro .box .box:hover .t {color: #0559bc}
.header-nav .childPro .box .box:hover img {-webkit-transform: scale(1.1);transform: scale(1.1)}
.header-nav li:hover .childPro{ padding: 30px}


@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:rgba(0,0,0,.9);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 #3b3b3b;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; background:#fff; height:70px}
.logo {padding-top:10px;  width:48%}
.logo img{ max-height: 65px !important; width:auto !important; }
.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:60px;height:100vh !important;z-index:999;float:none;}
.header-ch-g{margin-top:0px;background: url(../image/ico35.png) no-repeat center;}
.header-ch-d{margin-top:7px;}
.header-dx { margin-top:23px}

}



/*banner*/
.banner{ position: relative;width: 100%;  background: #666; overflow: hidden; }
.banner video {position: relative;}
.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);
    }
}



.bannerSwiper{ position:relative}
.bannerimg{ width:100%; overflow:hidden}
.banner-pagination{ bottom:5%;}



@media (max-width:998px) {
.banner{   margin-top:60px;   }
.banner img{ width:100%;  }
}



.index .box2 {padding:90px 0 80px; width:92%; max-width: 1680px; margin: 0 auto; position: relative;}
.PartnerTitle{ padding:0px 10px 50px ; position: relative;}
.PartnerTitle h2 {font-size:48px;text-align: center; font-weight:600; color: #222;z-index: 2; position: relative;}
.PartnerTitle em{ color:#e9e9e9;  font-style: normal;  text-transform: uppercase; display: block; font-size:80px;font-family: "arial";text-align: center; position: absolute; top:-40px; padding: 0; width: 100%; z-index: 1; font-weight: bold;}
.PartnerTitle p {color:#444;text-align: center; font-size: 18px; line-height: 1}
.PartnerTitleL{ padding:0px 10px 50px ; position: relative;}
.PartnerTitleL ._fl{ width:260px; text-align: left; }
.PartnerTitleL h2 {font-size:48px;font-weight:600; color: #222;z-index: 2; position: relative;}
.PartnerTitleL em{ color:#e9e9e9;  font-style: normal;  text-transform: uppercase; display: block; font-size:80px;font-family: "arial"; position: absolute; top:-40px; padding: 0; width: 100%; z-index: 1; font-weight: bold;}
.PartnerTitleL ._fr{ float: right; width: 130px; text-align: center; font-size: 17px }
.PartnerTitleL ._fr a{ display: block; background: #efefef; line-height: 45px; }


.box2 .iflleft{ width: 18%; float: left; }
.box2 .iflleft .por-fl{ background: #f5f5f5; border-radius: 5px; width: 100%; overflow: hidden;}
.box2 .iflleft .por-fl .tit{ text-align: center; font-size: 34px; color: #fff; padding: 20px 0 35px; background:url(../image/fl_bg.jpg); background-size: cover; width: 100%; line-height: 1  }
.box2 .iflleft .por-fl .tit span{ font-family: arial; color: rgba(255,255,255,.25); text-transform: uppercase; font-size: 16px; display: block;  line-height: 1 }
.box2 .iflleft .por-fl .tit b{ display: block;}
.box2 .iflleft .por-fl .porthumbs{ padding: 15px 20px }
.box2 .iflleft .por-fl .thumbs-li{ height: 45px; line-height: 45px; background: #084fa6; margin-bottom:5px; position: relative;  font-size: 17px; color: #fff; padding-left:40px; border-radius: 3px}
.box2 .iflleft .por-fl .thumbs-li a{ display: block;  line-height: 45px}
.box2 .iflleft .por-fl .thumbs-li:before{ position: absolute; left: 15px; top: 50%; width: 4px; height: 4px; border-radius: 50%; margin-top: -2px; border:2px #ffa800 solid; content: "" }
.box2 .iflleft .por-fl .thumbs-li:hover,.box2 .iflleft .por-fl .thumbs-li.on{background: #079179;background: linear-gradient(to right, #079179, #084fa6);}

.box2 .iflleft .ilxleft{background: #f5f5f5; border-radius: 5px; padding:5% 4%; margin-top: 10px; position: relative; padding-left: 95px; width: 100%}
.box2 .iflleft .ilxleft span{ display: block; font-size: 15px; color: #888; line-height: 1 }
.box2 .iflleft .ilxleft b{ display: block; font-family: arial; font-size:22px; color: #ffa800;line-height: 1 ; padding-bottom: 8px}
.box2 .iflleft .ilxleft a{ display: block; background: #084fa6;background: linear-gradient(to right, #079179, #084fa6); color: #fff; line-height: 40px; border-radius: 5px; text-align: center;  max-width: 180px }
.box2 .iflleft .ilxleft:before{ position: absolute; left: 15px; top: 50%; width:60px; height: 100px; margin-top: -50px;content: "";background:url(../image/lx_lbg.png); background-size: cover;}


.box2 .iporbox{ width: 81%; float: right; }
.box2 .iporbox .item{ width:31.3333%; flex-shrink:0; text-align: center; margin: 0 0 25px 2%; padding:8px; background:#f5f5f5  }
.box2 .iporbox .item h2{ padding:22px;font-weight:300; line-height: 1; color: #222 }
.box2 .iporbox .item h2 span{ font-size: 17px; color: #069d62;  display: block; padding-top:0px;;font-weight: normal; }
.box2 .iporbox .item .pro-img { display: block;overflow: hidden; position: relative;transition: all .4s; overflow: hidden;   }
.box2 .iporbox .item .pro-img img{transition: all .3s;-webkit-transform: scale(1); width: 100%; max-height: 300px}
.box2 .iporbox .item:hover .pro-img img{transition: all .3s;-webkit-transform: scale(1.15);}



@media (max-width:998px) {
.index .box2 {padding-top:20px;padding-bottom:10px;}

.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; }

.PartnerTitleL{ padding:0px 0px 15px ;}
.PartnerTitleL ._fl{ width:100%; float:none; text-align:center; }
.PartnerTitleL h2 {font-size:22px;}
.PartnerTitleL em{font-size:30px; top:-15px; }
.PartnerTitleL ._fr{  display:none; }

.box2 .iflleft{ width: 100%; float: none; }
.box2 .iflleft .por-fl{ background: #fff; }
.box2 .iflleft .por-fl .tit{ display:none}
.box2 .iflleft .por-fl .porthumbs{ padding: 10px 0px; height:auto; overflow:hidden; }
.box2 .iflleft .por-fl .thumbs-li{ height: 40px; line-height: 40px;font-size: 14px; padding-left:0px;  width:31.6666%; margin:8px 2% 0 0;background: #079179;background: linear-gradient(to right, #079179, #084fa6); text-align:center; float:left}
.box2 .iflleft .por-fl .thumbs-li a{  line-height: 40px}
.box2 .iflleft .por-fl .thumbs-li:before{ display:none; }
.box2 .iflleft .por-fl .thumbs-li:nth-child(3n){ margin-right:0}
.box2 .iflleft .ilxleft{display:none}
.box2 .iporbox{ width: 100%; float: none; }
.box2 .iporbox .item{ width:48%; margin: 0 2% 10px 0; padding:4px; background:#f5f5f5  }
.box2 .iporbox .item:nth-child(2n){ margin-right:0}
.box2 .iporbox .item h2{ padding:8px; font-size:14px}
.box2 .iporbox .item h2 span{ font-size: 10px;  }
.box2 .iporbox .item .pro-img img{t max-height: 180px}
}


/*首页优势*/
.box7{  }
.ysbox { height: 75vh }
.ysbox .iys_li{ width: 25%; transition: all .3s; height: 100%; position: relative; }
.ysbox .iys_li:after{background: linear-gradient(to top, #000, rgba(0,0,0,0)); position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; content: '';z-index: 1}
.ysbox .iys_li .ico{ display: block; height:50px; width:50px; text-align: center; line-height:50px; background:#f47c0a; cursor: pointer; font-size: 25px; border-radius: 50%; color: #fff; font-style: normal; position: absolute; top:30%; left: 10%}
.ysbox .iys_li .tit{ position: absolute; bottom: 3%; left: 10%;z-index: 3}
.ysbox .iys_li .tit b{ font-size: 35px; color: #fff;display: block; line-height: 1; position: relative; margin-bottom:10px; padding-bottom: 20px}
.ysbox .iys_li .tit b:after{ width: 30px; height: 5px; left: 0; bottom: 0; position: absolute; content: ''; background: #ffa800;  }
.ysbox .iys_li .tit em{ font-size:24px; font-family: arial; color: rgba(255,255,255,.7); text-transform: uppercase; display: block;  font-style: normal;}
.ysbox .iys_li.cur{ width:40% }
.ysbox .iys_li.cur .tit { opacity: 0; display: none; }
.ysbox .iys_li .conh{ height: 0; overflow: hidden; position: absolute; background:rgba(255,255,255,.95); width: 90%; border-radius: 0 50px 0 0; left: 0; bottom: 0;  font-size: 16px  }
.ysbox .iys_li .conh .tith{font-size: 35px; color: #0050b3;display: block; line-height: 1; position: relative; margin-bottom:10px; padding-bottom: 20px}
.ysbox .iys_li .conh .tith:after{ width: 30px; height: 5px; left: 0; bottom: 0; position: absolute; content: ''; background: #ffa800;  }
.ysbox .iys_li .conh span{ font-weight: bold; color: #ffa800 }
.ysbox .iys_li.cur .conh{ height: 220px;padding: 30px}
.ysbox .iys_li.cur:after{ background: none }

@media (max-width:998px) {
 .box7{  width:92%; margin:25px auto; }
.ysbox { height:auto; display:block; }
.ysbox .iys_li{ width: 100%; height:280px; margin-bottom:15px;  }
.ysbox .iys_li:after{ display:none}
.ysbox .iys_li .ico{  display:none}
.ysbox .iys_li .tit{ display:none}
.ysbox .iys_li .tit b{display:none}
.ysbox .iys_li .tit b:after{ display:none;  }
.ysbox .iys_li .tit em{ font-size:24px; font-family: arial; color: rgba(255,255,255,.7); text-transform: uppercase; display: block;  font-style: normal;}
/*.ysbox .iys_li.cur{ width:100% }*/
/*.ysbox .iys_li.cur .tit { opacity: 0; display: none; }*/
.ysbox .iys_li .conh{ height: 120px;  width: 95%; border-radius: 0 20px 0 0;  font-size: 12px ;padding: 10px; line-height:1.5; }
.ysbox .iys_li .conh .tith{font-size: 18px;  margin-bottom:5px; padding-bottom: 10px}
.ysbox .iys_li .conh .tith:after{ width: 20px; height: 3px;   }
.ysbox .iys_li.cur .conh{ height: 120px;padding: 10px}
.ysbox .iys_li.cur:after{ background: none } 
    
}



/*首页合作流程*/
.box6{background: linear-gradient(to right, #079179, #0e4e9d);padding:50px 0}
.box6.hezuo .list{ width:92%; max-width: 1680px; margin:25px auto 0; position: relative;}
.home_title2 { color: #fff !important }
.home_title2 .title{ font-size: 35px; line-height: 1 }
.home_title2 .text{ font-size: 17px; color: rgba(255,255,255,.8); display: block; margin-top: 5px }
.box6 .list{ margin-top:40px; color: #fff}
.box6 .list li{   float: left; vertical-align: bottom;}
.box6 .list .item{ width:7.9%;text-align: center; font-size: 24px }
.box6 .list .line{ width:5.07777777%;  position: relative; height:200px }
.box6 .list .line:after{ width: 94%; left: 3%; height: 1px; border-top:1px #5477b0 dashed; top: 50%;z-index: 3; position: absolute; content: ''}
.box6 .list .line:before{ width: 8px; height: 8px; left: 50%; top: 50%; margin-left: -5px; margin-top: -5px;transform: rotate(-135deg); border-left:4px solid #fff; border-bottom:4px solid #fff;z-index:4;position: absolute; content: ''}

.box6 .list .item .icon{ display: block; height:140px; width: 100%; background: #fff; border-radius:150px 150px 0 0; padding:30px 0 10px; margin-bottom:10px; text-align: center; color: #d4d4d4; font-family:arial; position: relative;transition:all .3s }
.box6 .list .item .icon figure{text-align: center; position: relative; margin-bottom: 5px }
.box6 .list .item .icon figure img{ display: block;  margin: 0 auto;}
.box6 .list .item .icon .num{ font-size: 30px; font-style: normal; }
.box6 .list .item .icon:after{ height: 3px; width: 0; background: #0b3781; left: 0; bottom: 0; transition:all .3s }
.box6 .list .item:hover .icon:after{ width: 100% }
.box6 .list .item:hover .icon{ color: #1b4995; box-shadow: 0 0 10px rgba(0,0,0,.45);  }
.box6 .list .item:hover{ font-weight: bold; }
.box6 .list .item:hover .icon{ padding-top:15px  }



@media screen and (max-width:1440px) {
.box6{ padding:35px 0 }
}


@media screen and (max-width:1240px) {
.box6{ padding:25px 0 }
}

@media (max-width:998px) {
.box6{ padding:20px 0; }   

.box6.hezuo .list{ width:92%;  margin:8px auto 0; }

.home_title2 .title{ font-size: 22px;  }
.home_title2 .text{ font-size:12px;  margin-top: 3px }
.box6 .list{ margin-top:10px;}
.box6 .list .line{display: none; }
.box6 .list .item{ width:22%; margin:0 1% 10px; font-size:12px; }
.box6 .list .item .icon{ height:68px; width: 100%;border-radius:5px; padding:8px 0 8px; margin-bottom:4px;  }
.box6 .list .item .icon figure{margin-bottom: 5px; width: 35px; margin: 0 auto }
.box6 .list .item .icon figure img{  width:100%}
.box6 .list .item:hover .icon{ height: 85px;padding-top:10px }
.box6 .list .item .icon .num{ font-size: 18px; }
}



/*案例*/
.index .box4.case {padding:90px 0 80px; width:92%; max-width: 1680px; margin: 0 auto; position: relative;}
.casebox{  overflow: hidden; }

.casebox .list .item{position: relative; padding: 0 1%; text-align: center; }
.casebox .list .item a{ display: block; position: relative; z-index: 6 }
.casebox .list .item figure{ overflow: hidden; margin:0 auto; border-radius: 10px; overflow: hidden;}
.casebox .list .item figure img { width: 100%;transition: all linear 0.4s  }
.casebox .list .item .tit{ display: block;  line-height: 68px; font-size: 22px}
.casebox .list .item:hover img { transform: scale(1.1) }
.casebox .list .item:before{ width: 100%; height: 90%; background: #efefef; left: 0; bottom: 0; border-radius:15px 15px 0 0; z-index:1; position: absolute;content: '' }
.casebox .list .item:after{ width: 100%; height:0; background: #005eac; left: 0; bottom: 0; border-radius:15px 15px 0 0; z-index:2;transition: all 0.4s;position: absolute;content: ''; }
.casebox .list .item:hover:after{ height: 90%; }
.casebox .list .item:hover .tit{ color: #fff;  }
.index .box4 .swiper-bnt {position: absolute;width: 56px;height: 56px;background: #343434;top: 54%;color: #fff;font-size: 16px;line-height: 56px;text-align: center;transition: .5s ease; z-index: 99;font-family: "宋体" !important ; font-size: 22px;cursor: pointer;}
.index .box4 .swiper-case-prev{right: -4%;}
.index .box4 .swiper-case-next{left: -4%;}


@media (max-width:998px) {
.index .box4.case {padding:45px 0 20px; width:94%; margin: 0 3%; }
.casebox .list .item{ width: 100%;margin:0; }
.casebox .list .item .tit{ display: block;  line-height: 35px; }
.casebox .list .item:before{border-radius:7px 7px 0 0; }
.casebox .list .item:after{ border-radius:7px 7px 0 0; }
.casebox .list .item .tit{ font-size: 14px }

.index .box4 .swiper-bnt {width:30px;height:30px;background: #343434;top: 54%;font-size:16px;line-height: 30px;}
.index .box4 .swiper-case-prev{right:0%;}
.index .box4 .swiper-case-next{left:0%;}
}

/*公司*/
.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;transition:all 0.3s; padding-top: 50px; font-size:18px; color: #fff; width: 100%;background: linear-gradient(to right bottom, #079179, #0e4e9d);}

.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 ._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: #0050aa; 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 .box5.news {padding:80px 0 80px;}

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

.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;   }

}




/*获取方案 css*/
.ind-msg{  position: relative;  background: #2d5cb6 url(../image/msg_bg.jpg) no-repeat; padding:40px;  background-size: cover;}
.msg-tit{ color: #fff; position: relative; font-weight: normal; }
.msg-tit span{ font-size: 15px }
.ind-msg .w100{ width: 100% }
.msg-box{ position: relative; z-index: 22; text-align: center;  padding: 20px 0; width: 100%}
.msg-box .same{ display: inline-block;  margin:0 1% 0 0; width:28%  }
.msg-box .submit{ width: 10%; margin: 0 0 }
.msg-box .same input{  height: 50px;  line-height: 50px; border-radius:3px;padding: 0 15px; width:100%; background: #fff; border: 0;  color: #888}
.msg-box .same .btn{ height: 52px;  line-height: 52px; border-radius:5px; text-align: center; color: #fff;cursor:pointer; border:0; background: #f47c0a; width: 100%}
/*footer*/
.footer {height:auto;background: #0b0e18 url(../image/fot.jpg) no-repeat top center;color: #cacaca;margin:-80px auto 0; padding-top: 125px; background-size: cover;}
.footerny{ padding-top:50px ;margin:0px auto 0;}
.fimg{ display:block; width: 100% }
.footer-cont {margin: 0 auto;}
.footer-cont ul {padding: 45px 0;height: auto; overflow: hidden;}
.footer-cont ul li{  float: left;  padding: 0 0 0 2%}
.footer-cont ul li:nth-child(1){ width: 17%; text-align: center;}
.footer-cont ul .logob img{ max-width:190px; display: block; margin: 0 0 10px;  }
.footer-cont ul .logob b{ color: #fff }
.footer-cont ul li:nth-child(2){ width:9%;}
.footer-cont ul li:nth-child(3){ width:9%; }
.footer-cont ul li:nth-child(4){ width:20%; }
.footer-cont ul li:nth-child(5){ width:25% }
.footer-cont ul li:nth-child(6),.footer-cont ul li:nth-child(7){ width:9% ;text-align: center; float: right}
.footer-cont ul li:nth-child(6) img,.footer-cont ul li:nth-child(7) img{ display: block; border:5px #fff solid; width: 100%; margin: 10px auto}
.footer-cont ul li:nth-child(7){ margin-right: 0; }
.footer-cont h2{ font-size: 18px; color: #fff; position: relative;  padding: 0 0 25px 0; margin-bottom: 30px; font-weight: normal;}
.footer-cont h2:after{ position: absolute; content: ""; left: 0; bottom: 0; height:2px; width:25px; background:#3a6aec; }
.footer-cont ul li a,.footer-cont ul li span {color: #cacaca;display: block;font-size: 14px;margin-bottom: 15px; display: block; }
.footer-cont ul li a{width: 50%;float: left;color:#cacaca}
.footer-cont ul li a:hover{color: #246ACE;}
.footer-cont ul li:nth-child(2) a,.footer-cont ul li:nth-child(3) a{ width:100%;}
.footer-cont .bt3 p{ padding-bottom: 6px; line-height: 1.6 }
.footer-cont .tel{ font-family: arial; padding-bottom:20px !important }
.footer-cont .tel i{ display: inline-block; width: 40px; line-height: 40px; height: 40px; float: left; background: url(../image/tel_icon.png) no-repeat; background-size: 100%}
.footer-cont .tel b{ display: inline-block; float: left; color: #fff;line-height: 40px; padding-left:5px;}

.line-footer {width: 1px;height: 200px;background: rgba(204, 204, 204,0.15); }
.footer-cont ul li a.footer-chat {width: 180px;height: 40px;line-height: 40px;color: #FFFFFF;background: -webkit-linear-gradient(270deg, rgba(36, 106, 206, 1), rgba(56, 142, 239, 1));background: -moz-linear-gradient(270deg, rgba(36, 106, 206, 1), rgba(56, 142, 239, 1));background: -o-linear-gradient(270deg, rgba(36, 106, 206, 1), rgba(56, 142, 239, 1));background: linear-gradient(270deg, rgba(36, 106, 206, 1), rgba(56, 142, 239, 1));border-radius: 3px;text-align: center; margin-top: 15px}
.footer-cont ul li a:hover .footer-chat {color: #FFFFFF;}
.bei-an {height: 60px;margin: 0 auto;background-color:#0b0e18;}
.bei-an-cont {margin: 0 auto; text-align: center;}
.bei-an-cont .copy {line-height: 60px; width:100%;color:rgba(255,255,255,0.3);}
.bei-an-cont .copy a {color:rgba(255,255,255,0.4);margin-left: 10px;}

.footerlink{ border-top:1px #141414 solid; color: rgba(255,255,255,0.1);  padding:15px 0 ; background:#0b0e18; text-align: center; }
.footerlink a{ color: rgba(255,255,255,0.3); padding:0 10px; }

@media screen and (max-width:1420px) {
.footer-cont ul li:nth-child(3){ width:30%; }
.footer-cont ul li:nth-child(4){ width:22% }
}

@media screen and (max-width:1320px) {
.footer {margin:-60px auto 0; padding-top:95px}
.footer-cont ul li a{ font-size: 12px }
.footer-cont ul li:nth-child(3){ width:30%; }
.footer-cont ul li:nth-child(4){ width:22% }
    
}

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


}



@media (max-width:992px) {
.bei-an {height: auto; text-align: center; line-height: 1.5}
.bei-an-cont .copy {line-height: 1.5;}
}


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

.inBanner .about_title {position: absolute;top: 53%;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; 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:18vh;border-radius: 0; margin-top:70px;  }
.inBanner .about_title { font-size:22px;  text-align: center; top:33%; line-height:1}
.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; text-align: center;}
.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:20px; margin-bottom: 20px; margin-left: 1% }
.product .listdqwz{ padding-top:15px }
.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:4% 0%;background-color:#f4f4f4;  width:100%}
.mqanda .qanda-name{margin-bottom:5px; position:relative; line-height:1}
.mqanda .qanda-name span{font-size:16px;color:#FFF;padding:0 15px;line-height:40px;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 .qanda-name h3{ padding-bottom:0}
.mqanda li{margin-top:15px;line-height:24px;padding:2% 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; display:inline-block; width:49%; margin-right:1.7%}
.mqanda li:nth-child(2n){ margin-right:0}
.mqanda li i{display:inline-block;font-style:normal;width:28px;height:28px;text-align:center;color:#FFF;font-size:14px;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:35px;color:#21252e;font-size:18px;font-weight:700}
.mqanda li .mqanda-da{position:relative;padding-left:35px;color:#999;font-size:16px;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:5px 0 5px 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}	


.mqanda{padding:4% 0%;width:100%}
.mqanda .qanda-name{margin-bottom:5px; position:relative; line-height:1}
.mqanda .qanda-name span{ display:none}
.mqanda .qanda-name h3{ padding-bottom:0}
.mqanda li{margin-top:8px;line-height:24px;padding:2% 2%;display:block; width:100%; margin-right:0}

.mqanda li i{width:20px;height:20px;font-size:12px;}

.mqanda li .mqanda-wen{padding-left:25px;font-size:14px;}
.mqanda li .mqanda-da{padding-left:25px;font-size:13px;margin-top:4px;}

}



/*联系*/
.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; }

}



/*分页*/
._PageTurningNumber { text-align: center; padding: 20px 0px; }
._PageTurningNumber a:link, ._PageTurningNumber a:visited { color: #666666; }
._PageTurningNumber span.current, ._PageTurningNumber a:hover { color: #fff; background-color: #333; border-color: #222; }
._PageTurningNumber a, ._PageTurningNumber span { padding: 7px 13px; border: 1px solid #d1d1d1; margin: 0px 2px; }
.lction{ height: 40px; line-height: 40px;  background-color: #f5f5f5; color: #333 }


/*产品详情*/
.pro_Mone{ background:#161d27 url(../image/mian_bg.jpg) no-repeat top center; padding: 170px 0 90px;position:relative;z-index:66; background-size: cover; }
.pro_Mone .por1-l{ width: 44%;  float: left; }
.pro_Mone .por1-l img{ width: 100%; border:8px #ddd solid; border-radius:0}
.pro_Mone .por1-r{ width:52%; color: #fff;font-size: 16px; padding-top: 40px; float: right; }
.pro_Mone .por1-r .t1{ font-size: 44px; font-weight: bold; position: relative;  padding: 20px 0 0}

.pro_Mone .por1-r .t2{  margin:30px 0   }
.pro_Mone .por1-r .t2 span{ display: inline-block; width: 48% }
.pro_Mone .por1-r .t2 span b{ font-size: 25px;font-family: Arial; display: block; padding-top: 3px;  }
.pro_Mone .por1-r .t3{ padding-top:25px; line-height:26px; }
.pro_Mone .por1-r .t3 a{ color: #fff }
.pro_Mone .por1-r .t3 a:hover{ color:#f47c0a; text-decoration: underline;  }
.pro_Mone .por1-r .icon{ font-size: 22px; margin:45px 0; }
.pro_Mone .por1-r .icon span{ display: inline-block;position: relative;  padding:0 20px 0 20px  }
.pro_Mone .por1-r .icon span:nth-child(4){ padding-right: 0 }
.pro_Mone .por1-r .icon span:before{  position: absolute; content: ""; left: 0; top: 50%; width: 15px; height:4px; background: #f47c0a; margin-top: -2px}
.por_lx{  }
.por_lx a{ display: block; float: left; margin-right: 20px ;color: #fff; }
.por_lx a.lx_zx{   line-height: 55px; width: 180px; background: #f47c0a; background-image:linear-gradient(to right,#f47c0a,#f47c0a); font-size: 18px; text-align: center; transition: all .3s }
.por_lx a.lx_zx:hover{ width: 200px }
.por_lx a.lx_tel{   position:relative; padding-left:40px}
.por_lx a.lx_tel:before{content:"";width:30px;height:30px;background:url(../image/headerteltb.png) no-repeat;background-size:100%; position:absolute; left:0; top:50%;transform:translateY(-50%)}
.por_lx a.lx_tel b{ display: block; font-family: arial; font-size: 26px; color: #f47c0a; padding-top:3px;  line-height: 1 }
.por_lx a.chat{ height: 55px;  line-height: 55px; border-radius:5px; text-align: center; color: #fff;cursor:pointer; border:0; background: #f47c0a; width:180px; margin-top: 8px; color: #000; margin-left: 10px; font-size:20px}
.pro_Mone .por1-r .icon2{  margin:35px 0;  }
.pro_Mone .por1-r .icon2 span{ display: inline-block;position: relative;  padding:0 30px 0 20px;color: #eee  }
.pro_Mone .por1-r .icon2 span:before{  position: absolute; content: ""; left: 0; top: 50%; width:8px; height:8px; background: #da251d; margin-top: -4px; border:3px #f0bab9 solid; border-radius: 50%}

.pro_Mtwo{ position:relative;z-index: 88;  }
.pro_Mtwo .por_nav{  line-height:70px;  font-size: 20px; position:relative;z-index:99;background:#f1f1f1;  overflow:hidden;height:70px;}
.pro_Mtwo .por_nav a{ text-align: center; width: 25%;position:relative;  float:left; display:block; line-height:70px}
.pro_Mtwo .por_nav a:after{position:absolute; content:""; width:1px; height:30px; right:0; top:20px; background:#ddd}
.pro_Mtwo .por_nav a:hover{ color: #f47c0a }

.pro_Mtwo .por_box{ padding:40px 0 10px }
.pro_Mtwo .por_box .por_nrl{ width: 100%;  }
.pro_Mtwo .por_box .por_nrl .porjs .tit{  margin-bottom: 15px; color: #22284a; position: relative;   font-weight: bold; }
.pro_Mtwo .por_box .por_nrl .porjs{ line-height:1.75; font-size: 17px; color: #444; }
.pro_Mtwo .por_box .por_nrl img{ MAX-WIDTH:100% !important;HEIGHT:auto !important;_width:expression(this.width > 100% ? "100%" :this.width) !important; }
.pro_Mtwo .por_box .por_nrl .porjs2{margin:40px 0 0px }
.pro_Mtwo .por_box .por_nrl .porjs2 img{ margin-bottom: 35px }
.pro_Mtwo .por_box .por_nrr{ width: 19%;}
.pro_Mtwo .por_box .por_nrl .jieshao p{ text-indent:0; line-height:2; font-size:17px; color: #333}


.por_nrr .cftj_r{background:url(../image/cppage-bg.jpg) repeat;padding:34px 0 20px 0;border-radius:30px 0 0 0;margin:45px 0 45px;box-shadow:0 0 40px #d4dbde}
.por_nrr .cftj_r .tit{background:#e6eef1;font-size:24px;color:#000;text-align:center;font-weight:700;line-height:56px;position:relative;left:-8px}
.por_nrr .cftj_r .tit:before{content:"";width:0;border-top:0 solid transparent;border-bottom:8px solid transparent;border-right:8px solid #7fb4c5;position:absolute;left:0;bottom:-8px}
.por_nrr .cftj_r ul{padding:19px 20px 0}
.por_nrr .cftj_r li{border:1px solid #ddd;margin-top:20px; background: #fff}
.por_nrr .cftj_r li .t1{font-size:18px;color:#494d56;text-align:center;padding:20px 0;display:block;   background: #f2f2f2}
.por_nrr .cftj_r li a:hover{color:#00479d}


.por_nrr .cpfl_r{ background: #f1f1f1; border-radius:5px;  padding:34px 0 30px 0; }
.por_nrr .cpfl_r .tit{background:#00479d;font-size:24px;color:#fff;text-align:center;font-weight:700;line-height:56px;position:relative;left:-8px; margin-bottom:20px}
.por_nrr .cpfl_r .tit:before{content:"";width:0;border-top:0 solid transparent;border-bottom:8px solid transparent;border-right:8px solid #111;position:absolute;left:0;bottom:-8px}
.por_nrr .cpfl_r li{ font-size:18px; color: #21252d; font-weight: normal;  height: 48px; line-height: 48px; background:#fff; width: 90%; margin:10px auto 0;position: relative; padding-left:15px;  }
.por_nrr .cpfl_r li:before{ position: absolute; content: "+"; right:15px; top:0px; color:#104fb6; }
.por_nrr .cpfl_r li a{ display: block; }
.por_nrr .cpfl_r li:hover{  background:#00479d; color: #fff  }



@media (max-width:998px) {
.pro_Mone{ padding: 80px 0 30px;}
.pro_Mone .por1-l{ width: 100%;  float: none; }
.pro_Mone .por1-l img{ border:4px #ddd solid; border-radius: 10px 0 10px 0}
.pro_Mone .por1-r{ width:100%; font-size: 14px; padding-top: 20px }
.pro_Mone .por1-r .t1{ font-size:22px;   padding:6px 0}
.pro_Mone .por1-r .t1:before{  width: 3px; height: 10px;  margin-top: -5px}
.pro_Mone .por1-r .t2{  margin:5px 0;   }
.pro_Mone .por1-r .t2 span{  display: none !important;}
.pro_Mone .por1-r .t3{ padding-top:0px; line-height:1.5;color:rgba(255,255,255,.8);  }

.pro_Mone .por1-r .icon{ font-size: 14px; margin:5px 0 8px; }
.pro_Mone .por1-r .icon span{ padding:0 10px 0 10px  }
.pro_Mone .por1-r .icon span:nth-child(4){ padding-right: 0 }
.pro_Mone .por1-r .icon span:before{  position: absolute; content: ""; left: 0; top: 50%; width:4px; height:4px; background: #f47c0a; margin-top: -2px}


.por_lx a{ margin-right:0;}

.por_lx a.lx_tel{ width: 55%; margin-left: 0 }
.por_lx a.lx_tel b{  font-size:20px;padding-top: 3px }
.por_lx a.chat{ height: 40px;  line-height:40px; border-radius:2px;  width:40%; margin-top: 2px;margin-left: 10px; font-size:15px; }
.pro_Mone .por1-r .icon2{  margin:20px 0;  }
.pro_Mone .por1-r .icon2 span{  padding:0 10px 0 15px;font-size: 11px  }
.pro_Mone .por1-r .icon2 span:before{ width:8px; height:8px;margin-top: -4px; border:1px #f0bab9 solid;}

.pro_Mtwo{ top:-20px;   }
.pro_Mtwo .por_nav{  line-height: 50px; border-radius:5px; font-size:14px; height:50px;  }
.pro_Mtwo .por_nav a{ line-height:50px}
.pro_Mtwo .por_nav a:after{height:20px; top:50%; margin-top:-10px}


.pro_Mtwo .por_box{ padding:40px 0 10px }
.pro_Mtwo .por_box .por_nrl{ width:100%;  float: none; }
.pro_Mtwo .por_box .por_nrl .porjs .tit{  margin-bottom: 10px; font-size:20px; }

.pro_Mtwo .por_box .por_nrl .porjs{ line-height:2; font-size: 14px; }
.pro_Mtwo .por_box .por_nrl img{ width: 100% !important; max-width: 100% !important; }
.pro_Mtwo .por_box .por_nrl .porjs2{margin:20px 0 0px }
.pro_Mtwo .por_box .por_nrl .porjs2 img{ margin-bottom: 8px }
.pro_Mtwo .por_box .por_nrr{  width: 100%;  float: none; display: none;}
.pro_Mtwo .por_box .por_nrl .jieshao p{ text-indent:0; line-height:1.65; font-size:15px}
.casebox .list .xgcpitem{ width:48.5% !important; margin-right:2%; float:left; margin-bottom:10px; }
.casebox .list .xgcpitem:nth-child(2n){ margin-right:0}
}



.n_info_con2{ position: relative; padding: 40px 0 }
.n_info_con2 .t04{ padding-bottom: 10px }
.n_info_con2 .item{ width: 24%; margin-right: 1% }
.nyqtfl{  margin-bottom:40px}
.nyflbox{ overflow:hidden; margin-top:15px;}
.nyqtfl .nyfl-li{ width:9.5%; float:left; background: linear-gradient(to right, #079179, #0e4e9d); border-radius:15px; overflow:hidden; margin-right:.5%}
.nyqtfl .nyfl-li .t{ display:block; line-height:40px; color:#fff; text-align:center; font-size:16px}

@media (max-width:998px) {
    
    
   .n_info_con2{padding: 20px 0 }
.n_info_con2 .t04{ padding-bottom:8px }

.nyqtfl{  margin-bottom:20px}
.nyflbox{ margin-top:10px;}
.nyqtfl .nyfl-li{  border-radius:5px; }
.nyqtfl .nyfl-li .t{line-height:35px;  font-size:13px} 
    
    
}