@charset "utf-8";
/* CSS Document */
body {
	FONT-SIZE: 14px;
	margin:0px;
	padding: 0px;
    font-family:"微软雅黑";
	color:#666666;
	margin:0px;
	padding:0px; background-color:#fff;
	overflow-x: hidden;
	box-sizing: border-box;
	
	}
*{font-family:"微软雅黑";margin:0;padding:0}
a{text-decoration:none;}
li{list-style:none}
a{
    cursor: pointer;
    color:#666
}
.center{
    max-width: 1600px;
    min-width: 1200px;
    width: 86%;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    box-sizing: border-box;
}
h1,h2,h3,h4,h5,p{margin:0 0;padding:0 0;font-weight:500}
.f_12{ font-size:12px; }

.f_16{ font-size:16px; }

.f_18{ font-size:18px; }

.f_20{ font-size:20px; }

.f_21{font-size: 21px;}

.f_22{font-size: 22px;}

.f_23{font-size: 23px;}

.f_24{ font-size:24px; }

.f_26{ font-size:26px; }

.f_27{ font-size:27px; }

.f_28{ font-size:28px; }

.f_30{ font-size:30px; }

.f_31{ font-size:31px; }

.f_32{ font-size:32px; }

.f_34{ font-size:34px; }

.f_36{ font-size:36px; }

.f_38{ font-size:38px; }

.f_40{font-size: 40px;}

.f_42{font-size: 42px;}

.f_44{font-size: 44px;}

.f_45{font-size: 45px;}

.f_48{font-size: 48px;}

.f_50{font-size: 50px;}

.f_57{font-size: 57px;color:#05857d}

.f_58{font-size: 58px;}

.f_61{font-size: 61px;}

.f_70{font-size: 70px;}

.p_80_120{padding: 80px 0 120px;}

.p_80_0{padding: 80px 0 0;}

.p_95_60{padding: 95px 0 60px;}

.p_100_0{padding: 100px 0 0;}

.p_100{padding: 50px 0;}

.p_100_120{padding: 100px 0 120px;}

.p_120{padding: 120px 0;}

.ctrl span{ float:left; cursor:pointer;}
.act .hdbg{background:url(../images/rgba_g9.png) !important;}
input,textarea,select{outline:none;font-family:"微软雅黑";}
img{
    border:none;
    display: block;
}
.cursor_pointer{
	cursor:pointer;
}
button{
	    cursor: pointer;
width: 65px;
height: 43px;
background: #05857d;
border: none;
}
.float_l{
    float: left;
}

.float_r{
    float: right;
}
.clear{
    clear:both;
}
.sr-bdimgshare .bdimgshare-content{
    display: none;
}
.sr-bdimgshare-black .bdimgshare-bg{
    display: none;
}
select::-ms-expand{ display: none; }
select{
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
/* 电脑站侧边 */
.panel {
    display: none;
}
.phone_none{
    display: none;
}
/* 首页头部底部 */

.header_place{height: 100px;}

.header{position: fixed;top: 0;left: 0;width: 100%;z-index: 1111;}

.header .box{display: flex;justify-content: space-between;}

.header .logo{position: relative;padding: 22px 0;}

.header .logo img:nth-child(2){opacity: 0;position: absolute;left: 0;top: 22px;}

.header .fr{display: flex;align-items: center;}

.header .nav{display: flex;}

.header .nav .li{margin-right: 50px;position: relative;}

.header .nav .lv1{display: block;line-height: 99px;color: #fff;position: relative;}

.header .nav .lv1 s{position: absolute;left: 0;bottom: -1px;width: 100%;height: 2px;background: #05857d;transform: scaleX(0);transform-origin: center;}

.header .nav .li:hover .lv1 s,
.header .nav .li.act .lv1 s{transform: scaleX(1);}

.header .line{height: 12px;width: 1px;background: #333;}

.header .en{display: block;width: 40px;height: 40px;text-align: center;line-height: 38px;border: 1px solid rgba(255,255,255,0.2);color: #fff;border-radius: 50%;}

.header .en:hover{background: #05857d;border-color: #05857d;}

.header .ss_img{position: relative;width: 40px;height: 40px;border: 1px solid rgba(0,0,0,0.2);margin: 0 20px 0 50px;border-radius: 50%;}

.header .ss_img input{padding:0 40px 0 20px;width:100%;height:40px;color:#000;font-size:14px;line-height:40px;border:none;border-radius:20px;box-sizing:border-box;background:none;position:absolute;top:50%;right:0;transform:translateY(-50%);z-index:3;outline: none;display: none;}

.header .ss_img .close{position: absolute;left: 1px;top: 1px;width: 38px;height: 38px;display: flex;align-items: center;justify-content: center;}

.header .ss_img .close img:nth-child(2){position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);opacity: 1;z-index: 4;}

.header .ss_img:hover input{width: 165px;background-color: #eeeeee;}

.header .ss_img:hover{background: #05857d;border-color: #05857d;}

.header .ss_img:hover .close img:nth-child(1){opacity: 1 !important;}

.header .ss_img:hover .close img:nth-child(2){opacity: 1 !important;}

.header .hdbg{position: absolute;left: 0;top: 0;width: 100%;height: 100px;background:url(../images/rgba_g9.png) !important;box-shadow: 0 0 20px rgba(26,22,22,0.12);opacity: 1;z-index: -10;}

.header.act4 .hdbg,
.header.act2 .hdbg,
.header.act .hdbg{opacity: 1;}

.header.act4 .logo img:nth-child(1),
.header.act2 .logo img:nth-child(1),
.header.act .logo img:nth-child(1){opacity: 0;}

.header.act3 .logo img:nth-child(1){opacity: 0;}

.header.act4 .logo img:nth-child(2),
.header.act2 .logo img:nth-child(2),
.header.act .logo img:nth-child(2){opacity: 1;}

.header.act3 .logo img:nth-child(2){opacity: 1;}
.header.act .logo img:nth-child(1){opacity: 0;}
.header.act .logo img:nth-child(2){opacity: 1;}

.header.act4 .nav .lv1,
.header.act2 .nav .lv1{color: #fff;}
.header.act .nav .lv1{color: #fff;}
.header.act4 .ss_img,
.header.act2 .ss_img,
.header.act .ss_img{border-color:rgb(52, 52, 52,0.2);}

.header.act4 .line,
.header.act2 .line,
.header.act .line{background: #333;}

.header.act4 .ss_img .close img:nth-child(1),
.header.act2 .ss_img .close img:nth-child(1),
.header.act .ss_img .close img:nth-child(1){opacity: 0;}

.header.act4 .ss_img .close img:nth-child(2),
.header.act2 .ss_img .close img:nth-child(2),
.header.act .ss_img .close img:nth-child(2){opacity: 1;}

.header.act4 .en,
.header.act2 .en,
.header.act .en{border-color:rgb(52, 52, 52,0.2);color: #333;}

.header.act4 .en:hover,
.header.act2 .en:hover,
.header.act .en:hover{color: #fff;}

.header .lv2box{position: absolute;top: 100%;left: 50%;width: 134px;transform: translateX(-50%);background: #fff;border-radius: 0 0 4px 4px;overflow: hidden;padding-top: 1px;display: none;transition: none;}

.header .lv2box .lv2{text-align: center;line-height: 26px;padding: 10px 0;border-bottom: 1px solid #f5f5f5;}

.header .lv2box .lv2:last-child{border-bottom: none;}

.header .lv2box .lv2:hover{background: #05857d;}

.header .lv2box .lv2:hover a{color: #fff;}

/* pc二级 */
.headej{position: fixed;width: 100%;top: 100px;left: 0;height: auto !important;z-index: 9;background:#fff ;box-shadow: 0px 0px 9px 0px rgba(27, 42, 58, 0.1);-webkit-box-shadow: 0px 0px 9px 0px rgba(27, 42, 58, 0.1);-woz-box-shadow: 0px 0px 9px 0px rgba(27, 42, 58, 0.1);display: none;}

.headej .ul1{position: relative;}

.headej .ul1 li{position: relative;}

.headej .ul1 li .lbox{position: relative;width: 1114px;margin: 0 auto;padding: 40px 0 50px;overflow:hidden}

.headej .ul1 li .lbox .llt{width: 332px;float: left;padding:0 70px 0 0 ;border-right: 1px solid #ccccc9;}

.headej .ul1 li .lbox .llt dl dd{display: flex;cursor: pointer;margin-top: 20px;align-items: center;align-content: center;}

.headej .ul1 li .lbox .llt dl dd:nth-child(1){margin-top: 0;}

.headej .ul1 li .lbox .llt dl dd .ico{position: relative;width: 30px;overflow: hidden;}

.headej .ul1 li .lbox .llt dl dd .ico img{display: block;width: 100%;position: relative;top: 0;}

.headej .ul1 li .lbox .llt dl dd .ico img:nth-child(2){position: absolute;top: 30px;left: 0;z-index: 2;opacity: 0;}

.headej .ul1 li .lbox .llt dl dd .wz{width: calc(100% - 30px);padding: 0 25px;background:url(../images/r_hui.png) center right no-repeat;background-size: 12px;}

.headej .ul1 li .lbox .llt dl dd.act .ico img:nth-child(1){opacity: 0;top: -30px;}

.headej .ul1 li .lbox .llt dl dd.act .ico img:nth-child(2){opacity: 1;top: 0;}

.headej .ul1 li .lbox .llt dl dd.act .wz{background:url(../images/r_cai.png) center right no-repeat;background-size: 12px;color: #05857d;}

.headej .ul1 li .lbox .lrt{float:left;padding: 0 0 0 55px;}

.headej .ul1 li .lbox .lrt dl{width: 100%;height: 100%;}

.headej .ul1 li .lbox .lrt dl dd {width: 100%;height: 100%;display: none;}

.headej .ul1 li .lbox .lrt dl dd .dox{display: flex;justify-content: space-between;align-content: flex-start;width: 100%;height: 100%;position: relative;left: 50px;opacity: 0;-webkit-transition: all .3s cubic-bezier(.4,0,.2,1); -moz-transition: all .3s cubic-bezier(.4,0,.2,1); transition: all .3s cubic-bezier(.4,0,.2,1);}

.headej .ul1 li .lbox .lrt dl dd .dox.act{left: 0;opacity: 1;}

.headej .ul1 li .lbox .lrt dl dd .dlt{width: 278px;height: 100%;overflow: auto;border-right: 1px solid #ccccc9;}

.headej .ul1 li .lbox .lrt dl dd .dlt a{display: block;line-height: 30px;margin-bottom: 20px;}

.headej .ul1 li .lbox .lrt dl dd .dlt a:last-child{margin-bottom: 0;}

.headej .ul1 li .lbox .lrt dl dd .dlt a:hover{color: #05857d;}

.headej .ul1 li .lbox .lrt dl dd .drt{width: 327px;}

.headej .ul1 li .lbox .lrt dl dd .drt .img{display: block;width: 100%;overflow: hidden;margin-bottom: 20px;}

.headej .ul1 li .lbox .lrt dl dd .drt .img img{display: block;width: 100%;transform: scale(1.00000001);-webkit-transform: scale(1.00000001); -webkit-transition: all .3s cubic-bezier(.4,0,.2,1); -moz-transition: all .3s cubic-bezier(.4,0,.2,1); transition: all .3s cubic-bezier(.4,0,.2,1);}

.headej .ul1 li .lbox .lrt dl dd .drt a:hover .img  img{transform: scale(1.1);-webkit-transform: scale(1.1);}

.headej .ul1 li .lbox2{position: relative;width: 1114px;margin: 0 auto;display: flex;justify-content: flex-end;line-height: 60px;}

.headej .ul1 li .lbox2 a{display: block;margin-left: 50px;color: #666;font-size: 16px;}

.headej .ul1 li .lbox2 a:hover{color: #05857d;}
.banner_pc{margin-top:100px;    position: relative;}
.sstou{position:fixed;width:100%;height:100vh;background:rgba(0,0,0,0.5);z-index:999;display:none}
.sstou-input{
	    width: 100%;
    height: 100%;
    position: relative;
}
.quxiao{position: absolute;
    left: 50%;
    top: 240px;
    margin-left: 185px;

    border-radius: 50px;
    background: #d3d3d3;  }
.quxiao img{width:50px}
.quxiao:hover{background: #fff;  cursor: pointer;} 
.sstou-input2{position:absolute;left:50%;top:300px;    margin-left: -185px;}
.sstou-input2 button{height: 53px !important;}
.sstou-input1{    height: 50px;
    line-height: 50px;
    width: 300px;} 
	.banner_pc .container {display: table;height: 100%;position: absolute;
    z-index: 2;
    width: 100%;}
	.banner_pc .wrap {
    text-align: center;
    padding: 30px 50px;
    color: #fff;
    margin-top: 50px;
    display: table;
    margin: 50px auto 0;
    background: rgba(5, 133, 125, 0.7);
}
	.banner_pc h3 {margin: 0;font-size: 30px;font-weight: normal;text-align:center}
.banner_pc h4 {margin: 0;font-size: 35px;font-weight: normal;text-align:center}
.banner_pc h5 {margin-bottom: 15px;font-size: 60px;text-transform: uppercase;text-align:center;font-weight:600}
.foot-link{padding:15px 0;background:#fff;overflow:hidden}
.foot-link-fl{float:left;font-size:18px;font-weight:600;color:#333;}
.foot-link-fr{float:left;}
.foot-link-fr a{    font-size: 15px;
    line-height: 30px;
    margin: 0 5px;color:#666}
.foot-link-fr a:hover{color:#05857d}
.footer{background: url(../images/rgba_g9.png) ;padding-bottom:45px}



.footer .con1 .box{display: flex;justify-content: space-between;padding-bottom: 20px;}

.footer .con1 .con_le{width: 550px;}

.footer .con1 .con_le .ul{margin-top: 58px;}

.footer .con1 .con_le .ul .li{display: flex;align-items: center;line-height: 30px;margin-bottom: 20px;}

.footer .con1 .con_le .ul .li:first-child{margin-bottom: 23px;}

.footer .con1 .con_le .ul .li:last-child{margin-bottom: 0;}

.footer .con1 .con_le .ul .li .ico{width: 42px;min-width: 42px;display: flex;align-items: center;}

.footer .con1 .con_le .ul .li .txt{color: #fff;}

.footer .con1 .con_le .ul .li .txt a{color: #fff;}

.footer .con1 .con_le .ul .li .txt a:hover{color: #05857d;}

.footer .ewm{width: 180px;margin-top: 32px;float:right;text-align:center}
.footer .ewm img{display:initial}
.footer .ewm p{line-height:45px;font-size:18px;color:#fff}
.footer .con1 .con_re{width: 55%;float:left} 

.footer .con1 .con_re .nav{display: flex;}
.footer .con1 .con_re .nav li{flex:1;margin:0 10px;}
.footer .con1 .con_re .nav a{color: #fff;}

.footer .con1 .con_re .nav a:hover{color: #fff;}  

.footer .con1 .con_re .nav .lv1{font-weight: bold;}

.footer .con1 .con_re .nav .lv1 s{display: block;width: 20px;height: 2px;background: #05857d;margin-top: 20px;}

.footer .con1 .con_re .nav .lv2box{margin-top: 28px;}

.footer .con1 .con_re .nav .lv2{margin-bottom: 20px;}

.footer .con1 .con_re .nav .lv2:last-child{margin-bottom: 0;}

.footer .con2{padding: 31px 0 41px;    background: #666}

.footer .con2 .box{display: flex;justify-content: space-between;}

.footer .con2 .con_le{color: rgba(255,255,255,0.5);line-height: 33px;}

.footer .con2 .con_le a{color: rgba(255,255,255,0.5);}

.footer .con2 .con_le a:hover{color: #05857d;}

.footer .con2 .con_re{margin-right: 10.9375%;position: relative;}

.footer .con2 .con_re .c_top{position: relative;padding: 0 20px;line-height: 31px;width: 210px;color: rgba(255,255,255,0.5);border: 1px solid rgba(255,255,255,0.2);cursor: pointer;}

.footer .con2 .con_re .c_top span{position: absolute;right: 20px;top: 0;display: flex;align-items: center;height: 100%;}

.footer .con2 .con_re .c_bot{position: absolute;left: 0;bottom: 100%;width: 100%;border: 1px solid rgba(255,255,255,0.2);padding: 0 20px;display: none;background: rgba(255,255,255,0.1);}

.footer .con2 .con_re .c_bot .item{line-height: 20px;padding: 10px 0;}

.footer .con2 .con_re .c_bot .item a{color: rgba(255,255,255,0.5);}

.footer .con2 .con_re .c_bot .item a:hover{color: #05857d;}
  
.mhead{display: none;width: 100%;height: 50px;position: fixed;top: 0;left: 0;z-index: 20;top: 0;left: 0;background:#fff ;border-bottom: 1px solid #eee;}

.mhead .menu{height: 50px;padding-left: 35px;background:url(../images/m1.png) center right no-repeat ;background-size: 30px;float: right;}

.mhead .logo{display: block;position: absolute;top: 0;left: 0;z-index: 3;}

.mhead .logo img{display: block;height: 30px;margin-top: 11px;}

.mhead .ss{display: block;width: 50px;height: 50px;float: right;background: url(../images/ss_m.png) center no-repeat;background-size: 20px;}

.mhead.act{-moz-box-shadow:0px 1px 5px #ddd; -webkit-box-shadow:0px 1px 5px #ddd; box-shadow:0px 1px 5px #ddd;}

.mnav {position: fixed;width: 100%;height: 100%;top: 0;left: -100%;z-index:25;display: block;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

.mnav .hei{display: block;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.7) ;position: absolute;top: 0;left: 0;z-index: 1;}

.mnav .mbox{width: 80%;height: 100%;overflow: auto;background:url(../images/rgba_g9.png) !important ;position: relative;z-index: 2;left: -100%;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

/* .mnav .mbox .ul1{padding-top: 50px;} */

.mnav .mbox .ul1 li .ltop{position: relative;line-height: 50px;padding: 0 50px 0 15px;border-bottom: 1px solid #ddd; }

.mnav .mbox .ul1 li .ltop a{display: block;width: 100%;color:#fff} 

.mnav .mbox .ul1 li .ltop span{display: block;width: 30%;height: 50px;position: absolute;top: 0;right: 0;z-index: 2;}

.mnav .mbox .ul1 li .ltop span::after{width: 16px;height: 2px;background: #fff;content: "";position: absolute;right: 15px;top: calc(50% - 1px);}

.mnav .mbox .ul1 li .ltop span::before{width: 2px;height: 16px;background: #fff;content: "";position: absolute;right: 22px;top: 17px;}

.mnav .mbox .ul1 li .ltop span.act::before {opacity: 0;} 

.mnav .mbox .ul1 li .lbtm{display: none;border-bottom: 1px solid #ddd;padding: 10px 0;}

.mnav .mbox .ul1 li .lbtm a{display: block;width: 100%;padding: 0 15px;line-height: 30px;font-size: 12px;color: #f5f5f5;}

.mnav.act{left: 0;}

.mnav.act .mbox{left: 0;transition-delay: .15s;-webkit-transition-delay: .15s;}

.mnav2 {position: fixed;width: 100%;height: 100%;top: 0;left: -100%;z-index: 200;display: block;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

.mnav2 .hei{display: block;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.1) ;position: absolute;top: 0;left: 0;z-index: 1;}

.mnav2 .mbox{width: 80%;height: 100%;overflow: auto;background:#fff ;position: relative;z-index: 2;left: -100%;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

.mnav2 .mbox .dl1 dd .dtop{position: relative;line-height: 50px;padding: 0 50px 0 15px;border-bottom: 1px solid #ddd; }

.mnav2 .mbox .dl1 dd .dtop a{display: block;width: 100%;}

.mnav2 .mbox .dl1 dd .dtop span{display: block;width: 100%;height: 50px;position: absolute;top: 0;right: 0;z-index: 2;}

.mnav2 .mbox .dl1 dd .dtop span::after{width: 16px;height: 2px;background: #444444;content: "";position: absolute;right: 15px;top: calc(50% - 1px);}

.mnav2 .mbox .dl1 dd .dtop span::before{width: 2px;height: 16px;background: #444444;content: "";position: absolute;right: 22px;top: 17px;}

.mnav2 .mbox .dl1 dd .dtop span.act::before {opacity: 0;}

.mnav2 .mbox .dl1 dd .dbtm{display: none;border-bottom: 1px solid #ddd;padding: 10px 0;}

.mnav2 .mbox .dl1 dd .dbtm a{display: block;width: 100%;padding: 0 15px;line-height: 30px;font-size: 12px;color: #666;}

.mnav2.act{left: 0;}

.mnav2.act .mbox{left: 0;transition-delay: .15s;-webkit-transition-delay: .15s;}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.youshi{padding:60px 0 70px;background:#f3f3f3;}
.youshi .ys_span{margin-top:45px;text-align:center;}
.youshi .ys_span .swiper-pagination{position:relative;}
.youshi .ys_span .swiper-pagination-bullet{width:auto;height:auto;opacity:1;background:transparent;margin-left:107px;outline:none;}
.youshi .ys_span .swiper-pagination-bullet:first-child{margin-left:0;}
.youshi .ys_span i{display:inline-block;width:88px;height:88px;background-repeat:no-repeat;background-position:center center;background-size:100% 100%;}
.youshi .ys_span i.icon1{background-image:url(../images/ys_icon1.png);}
.youshi .ys_span i.icon2{background-image:url(../images/ys_icon2.png);}
.youshi .ys_span i.icon3{background-image:url(../images/ys_icon3.png);}
.youshi .ys_span i.icon4{background-image:url(../images/ys_icon4.png);}
.youshi .ys_span i.icon5{background-image:url(../images/ys_icon5.png);}
.youshi .ys_span p{font-size:24px;height:27px;line-height:27px;font-weight:bold;color:#666;margin-top:11px;}
.youshi .ys_span em{display:inline-block;border-top:8px solid #05857d;border-left:8px solid transparent;border-right:8px solid transparent;margin-top:10px;opacity:0;}
.youshi .ys_span .swiper-pagination-bullet.swiper-pagination-bullet-active em{opacity:1;}
.youshi .ys_span .swiper-pagination-bullet.swiper-pagination-bullet-active p{color:#05857d}
.youshi .ys_ul{
	overflow:hidden;padding:0 13.5%;margin-top:40px;position:relative;}
.youshi .ys_ul .swiper-slide{padding-bottom:10px;}
.youshi .ys_ul .ys_li{position:relative;}
.youshi .ys_ul .ys_li:before{content:'';width:94%;height:100%;background:rgba(0,0,0,.59);position:absolute;left:0;top:0;z-index:2;}
.youshi .ys_ul .ys_left{width:50%;float:left;}
.youshi .ys_ul .ys_img{width:100%;position:relative;z-index:1;}
.youshi .ys_ul .ys_right{width:50%;height:100%;position:absolute;right:0;top:0;background:#FFF;
    box-shadow:2px 2px 5px rgba(0,0,0,.08);
    -webkit-box-shadow:2px 2px 5px rgba(0,0,0,.08);
    -moz-box-shadow:2px 2px 5px rgba(0,0,0,.08);
    -o-box-shadow:2px 2px 5px rgba(0,0,0,.08);
}
.youshi .ys_ul .ys_right .ys_txt{padding:0 15% 0 11%;position:absolute;top:10%;}
.youshi .ys_ul .ys_right .ys_txt .ys_title{}
.youshi .ys_ul .ys_right .ys_txt .ys_title .ys_num{display:inline-block;font-size:67px;height:67px;line-height:67px;color:#05857d;font-family:Arial;font-weight:bold;}
.youshi .ys_ul .ys_right .ys_txt .ys_title .ys_p{display:inline-block;font-size:30px;height:54px;line-height:54px;color:#333333;font-weight:bold;vertical-align:bottom;}
.youshi .ys_ul .ys_right .ys_txt p{font-size:16px;line-height:32px;color:#666;}
.youshi .ys_ul .ys_right .ys_txt span{font-size:26px;height:1em;line-height:1em;font-weight:bold;color:#989898;font-family:Arial;font-weight:bold;margin-top:14px;text-transform:uppercase;}
.youshi .ys_ul .ys_right .ys_txt i{display:block;width:43px;height:2px;margin:29px 0 16px;background:#05857d;}
.youshi .ys_ul .ys_right .ys_txt a{display:block;width:150px;height:52px;line-height:50px;margin-top:62px;border:1px solid #dcdcdc;font-size:14px;color:#999;text-align:center;font-style:normal;}
.youshi .ys_ul .swiper-slide.swiper-slide-active .ys_li:before{content:none;}
.youshi .ys_ul .swiper-slide.swiper-slide-active .ys_right .ys_img{display:none;}
.youshi .ys_ul .swiper-button-prev,.youshi .ys_ul .swiper-button-next{width:91px;height:56px;background-image:url(../images/ys_jiantou.png);background-size:100% 100%;margin-top:-28px;}
.youshi .ys_ul .swiper-button-prev{left:11.5%;}
.youshi .ys_ul .swiper-button-next{right:11.5%;
    transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);}
.swiper-button-prev:after{content:none;}
.swiper-button-next:after{content:none;}

.banner_pc .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    margin: 0 5px;
    display: inline-block;
    border-radius: 100%;
    background: url("../images/dian1.png") center center no-repeat;
    opacity: 1;
}
.banner_pc .swiper-pagination-bullet-active {
    opacity: 1;
    background: url("../images/dian2.png") center center no-repeat;
}

.biaoti p:nth-child(1){
    font-size: 36px;
    color: #333333;
    font-weight: 600;
    line-height: 62px;
    padding-top: 86px;
    text-align: center;
}
.biaoti p:nth-child(1) text{
    color: #05857d;
}
.biaoti p:nth-child(2){
    font-size: 16px;
    color: #aeacac;
    line-height: 28px;
    text-align: center;
    text-transform:uppercase;
    background: url("../images/biaoti1.png") center center no-repeat;
}
/*pb_title*/
.pb_title{text-align:center;position:relative;padding-top:51px;}
.pb_title i{display:block;position:absolute;left:0;top:0;width:100%;text-align:center;font-size:57px;height:1em;line-height:1em;color:rgba(3,0,0,.1);font-family:Impact;font-style:normal;text-transform:uppercase;}
.pb_title .h_t{font-size:48px;color:#030000;height:58px;line-height:58px;position:relative;font-weight:bold;display:inline-block; top: -30px; letter-spacing: 2px;}

.youshi .neigong{
    padding-top: 62px;
}
.youshi .neigong .float_l{
    width: calc(16.666% - 64px);
    padding: 0 27px;
    height: 207px;
    position: relative;
    cursor: pointer;
    transition:all 0.3s ease-in-out;
	background:#f3f3f3;
	margin-right:10px;
	text-align:center;
	border-radius: 5%;
   /* background: url("../images/youshi1.png") center center no-repeat;*/
}
.youshi .neigong .float_l:hover {
    /*background: url("../images/youshi2.png") center center no-repeat;*/
background:#05857d;
}
.youshi .neigong .float_l .text{
    font-size: 14px;
    color: #888888;
    line-height: 28px;
    transition:all 0.3s ease-in-out;
	text-transform:uppercase;
}
.youshi .neigong .float_l:hover .text{
    color: #fff;
}
.youshi .neigong .float_l .shu{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: absolute;
    top: -22px;
    left: 50%;
    background: #05857d;
    margin-left: -30px;
    text-align: center;
    line-height: 60px;
    color: #fff;
    font-size: 30px;
    transition:all 0.3s ease-in-out;
}
.youshi .neigong .float_l:hover .shu{
    background: #05857d;
}
.youshi .neigong .float_l .bt{
    font-size: 24px;
    color: #333333;
    line-height: 64px;
    text-align: center;
    padding-top: 52px;
    transition:all 0.3s ease-in-out;
}
.youshi .neigong .float_l:hover .bt{
    color: #fff;
}
.ind1 .con1{background: url(../images/ind1_bg.png) no-repeat center bottom;}


.box {
    max-width: 1600px;
    min-width: 1200px;
    width: 86%;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    box-sizing: border-box;
}
.t_cen{text-align: center;}
.more{display: flex;position: relative;width: 150px;height: 50px;align-items: center;border: 1px solid #fff;border-radius: 25px;}

.more .m_txt{position: relative;z-index: 2;line-height: 48px;color: #fff;margin: 0 23px 0 24px;}

.more .m_ico{position: relative;z-index: 2;}

.more .m_ico img:nth-child(1){opacity: 0;}

.more .m_ico img:nth-child(2){position: absolute;left: 0;top: 50%;transform: translateY(-50%);opacity: 1;}

.more s{position: absolute;top: -2px;left: -2px;width: calc(100% + 4px);height: calc(100% + 4px);background: #05857d;z-index: 1;border-radius: 25px;transform: scale(0);}

.more:hover s{transform: scale(1);}

.more_green s{transform: scale(1);}

.more_green:hover s{transform: scale(0);}

.more2{border-color: #05857d;}


.more2 .m_txt{color: #05857d;}

.more2 .m_ico img:nth-child(1){opacity: 1;}

.more2 .m_ico img:nth-child(2){opacity: 0;}

.more2:hover .m_txt{color: #fff;}

.more2:hover .m_ico img:nth-child(1){opacity: 0;}

.more2:hover .m_ico img:nth-child(2){opacity: 1;}

.ind1 .con1 .t1{color: #05857d;line-height: 33px;margin: 1em 0;}

.ind1 .con1 .t1 img:nth-child(1){display: inline-block;vertical-align: top;margin-right: 28px;}

.ind1 .con1 .t1 img:nth-child(2){display: inline-block;vertical-align: bottom;margin-left: 21px;}

.ind1 .con1 .t2{line-height: 2;}

.ind1 .con1 .more{margin: 42px auto 0;}

.ind1 .ul{display: flex;}

.ind1 .ul .li{position: relative;width: calc((100% - 6px)/3);margin-right: 3px;}

.ind1 .ul .li:last-child{margin-right: 0;}

.ind1 .ul .li .img{overflow: hidden;}

.ind1 .ul .li .img img{width: 100%;transition: all 0.5s;}

.ind1 .ul .li:hover .img img{transform: scale(1.1);}

.ind1 .ul .li .txt{position: absolute;top: 0;z-index: 2;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;color: #fff;}

.ind1 .ul .li .t1 sup{vertical-align: baseline;margin-left: 6px;}

.ind1 .ul .li:first-child .t1 sup{vertical-align: super;}

.ind1 .ul .li .t2{margin-top: 12px;}
.ind2 {
    background: #f7f7f7;overflow: hidden;
}

.ind2 .li_swh{margin-top: 20px;}

.li_swh{display: flex;position: relative;}

.li_swh .swh_le{display: flex;}

.li_swh .swh_le a{line-height: 60px;
   
    position: relative;
    margin-right: 40px;
    background: #05857d ;
    color: #fff ;
    width: 165px;
    height: 60px;
    text-align: center;}

.li_swh .swh_le a s{position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: #05857d;transform: scaleX(0);transform-origin: center;}

.li_swh .swh_le a:hover,
.li_swh .swh_le a.act{color: #fff;font-weight: bold;}

.li_swh .swh_le a:hover s,
.li_swh .swh_le a.act s{transform: scaleX(1);}

.li_swh .swh_re{position: absolute;right: 0;top: 0;line-height: 22px;}

.li_swh .swh_re a{color: #05857d;display: none;}

.li_swh .swh_re a.act{display: flex;align-items: center;}

.li_swh .swh_re img{vertical-align: top;margin-left: 15px;display: inline-block;}

.li_swh .swh_re a:hover img{margin-left: 20px;}

.ind2 .li_con .item{display: none;}

.ind2 .li_con .item.act{display: block;}

.ind2 .ul{padding-top: 10px;flex-wrap: wrap;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);opacity: 0;position: relative;top: 30px;}

.ind2 .li_con .item.act .ul.act{opacity: 1;top: 0;}

.ind2 .ul .li{margin: 10px 0;}

.ind2 .li a{display: block;position: relative;box-shadow: 0 0 20px rgba(26,22,22,0.15);background: #fff;overflow: hidden;    padding: 10px;}

.ind2 .li s{position: absolute;left: 0;bottom: 0;width: 100%;height: 5px;background: #05857d;transform: scaleY(0);z-index: 5;transform-origin: bottom center;}


.news-left{ width:40%; overflow:hidden; position:relative; float:left;margin-top: 20px; } 
.news-right{float:right ;    width: 57%;} 
.news-left .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.news-left .hd ul{ overflow:hidden; zoom:1; float:left;  }
.news-left .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.news-left .hd ul li.on{ background:#f00; color:#fff; }
.news-left .bd{ position:relative; height:100%; z-index:0;   }
.news-left .bd li{ zoom:1; vertical-align:middle; }
.news-left .bd li img{ width: 100%;height: 370px; }
.news-left .bd li p{line-height: 45px;
    height: 45px;
    background: #06bfb4;
    text-indent: 1rem;
    font-size: 18px;color:#fff
}
.news-left .bd li:hover p{   background: #05857d}
	.news-left .prev,
		.news-left .next{ position:absolute; left:3%; top:45%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.news-left .next{ left:auto; right:3%; background-position:8px 5px; }
		.news-left .prev:hover,
		.news-left .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.news-left .prevStop{ display:none;  }
		.news-left .nextStop{ display:none;  }
.ind2 .ul .li1{width: 100%}
.ind2 .ul .li1 .img{float:left;    width: 20%;}
.ind2 .ul .li1 .txt{float:right;    width: 78%;}
.ind2 .ul .li1 .txt .txt-1{overflow:hidden}
.ind2 .ul .li1 .txt .f_en{float:right;    width: 15%;margin-top: 16px;}
 
.ind2 .ul .li2{width: 23.06%;}

.ind2 .li .img img{width: 100%;height:110px;}





.ind2 .li .t1 span{line-height: 32px;    font-size: 24px}

.ind2 .li .t1 sub{color: #999;vertical-align: super;margin-left: 10px;}

.ind2 .li .t2{color: #222;;font-size: 18px;width:85%;float:right;
display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

.ind2 .li .tline{margin: 25px 0 23px;height: 1px;background: #e3e3e3;}

.ind2 .li .t3{line-height: 24px;height: 48px;}
 

.ind2 .li.li2:hover .txt{bottom: 0;}

.ind2 .li:hover .t2{color: #05857d;}

.ind2 .li:hover s{transform: scaleY(1);}





.ind2 .li.li1 .txt .t2{height: 36px;margin-top: 16px;}

.ind2 .li.li1 .txt .tline{position: absolute;left: 110px;width: 1px;height: 42px;background: #dcdcdc;margin: 0;top: 70px;}

.ind2 .li.li1 .txt .t3{display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;}
.ind4{position: relative;}
.yd{display: none;}
.ind4 .img{position: relative;}

.ind4 .img s{position: absolute;top: 0;width: 100%;left: 0;height: 100%;background: #000;opacity: 0.4;}

.ind4 .img img{width: 100%;}

.ind4 .mk_tit{position: absolute;top: 12.32%;left: 0;width: 100%;color: #fff;z-index: 5;}
.ind4 .mk_tit .f_57{    display: table;
    margin: auto;
    padding: 10px 50px;
    background: rgba(5, 133, 125, 0.4);
    color: #fff;
}

.ind4 .ul{position: absolute;z-index: 3;top: 0;width: 100%;left: 0;height: 100%;display: flex;}

.ind4 .ul .li{width: calc(75% / 7);position: relative;border-left: 1px solid rgba(255,255,255,0.3);}

.ind4 .ul .li:first-child{border: none;}

.ind4 .ul .li .imgs{position: absolute;z-index: 1;left: 0;top: 0;width: 100%;height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;opacity: 0;}

.ind4 .ul .li .imgs img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}

.ind4 .ul .li .txt{position: absolute;top: 0;left: 0;width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: flex-end;bottom: 44.23%;color: #fff;z-index: 3;}

.ind4 .ul .li .txt .t1{width: 54px;}

.ind4 .ul .li .txt .t2{width: 0;height: 1px;background: #fff;margin: 16px auto;}

.ind4 .ul .li .txt .more{visibility: hidden;pointer-events: none;opacity: 0;}

.ind4 .ul .li.act{width: 25%;transition:all 0.5s}

.ind4 .ul .li.act .imgs{opacity: 1;}

.ind4 .ul .li.act .txt{bottom: 12.44%;}

.ind4 .ul .li.act .txt .t1{width: 64px;}

.ind4 .ul .li.act .txt .t2{width: 30px;margin: 20px auto;}

.ind4 .ul .li.act .txt .more{margin-top: 40px;visibility: visible;pointer-events: visible;opacity: 1;}

.ind4 .ul .li.act{border-color: rgba(255,255,255,0);}

.ind4 .ul .li.act + .li{border-color: rgba(255,255,255,0);}
.about1{background: url(../images/about1_bg.jpg) no-repeat bottom center;background-size: cover;}

.about1 .con1{display: flex;justify-content: space-between;padding-bottom: 50px;border-bottom: 1px dashed #e2e2e2;align-items: flex-start;}
 
.about1 .con1 .con_le{width: 48.75%;padding-top: 72px;}

.about1 .con1 .con_le .t1{color: #05857d;line-height: 33px;margin: 55px 0 50px;}

.about1 .con1 .con_le .t1 img:nth-child(1){display: inline-block;vertical-align: top;margin-right: 28px;}

.about1 .con1 .con_le .t1 img:nth-child(2){display: inline-block;vertical-align: bottom;margin-left: 21px;}

.about1 .con1 .con_le .t2{line-height: 36px;}

.about1 .con1 .con_re{width: 40.3125%;position: relative;}

.about1 .con1 .con_re .img{position: relative;z-index: 2;}

.about1 .con1 .con_re .img img{width: 100%;border-radius: 10px;}

.about1 .con1 .con_re s{position: absolute;height: 77.52%;width: 92.6%;background: #bbe2e5;border-radius: 10px;right: -16px;bottom: -16px;}

.about1 .con2{margin-top: 47px;display: flex;justify-content: space-between;align-items: center;}

.about1 .con2 .line{width: 1px;background: #80cbd1;opacity: 0.5;height: 108px;}

.about1 .con2 .item .inline{display: inline-block;position: relative;}

.about1 .con2 .item .inline span{line-height: 0.94em;color: #05857d;text-shadow: 3px 5.2px 10px rgba(17,134,143,0.13);}

.about1 .con2 .item .inline p{width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;background: #fff;border: 1px solid #05857d;border-radius: 50%;position: absolute;bottom: 8px;right: -15px;}

.about1 .con2 .item sub{vertical-align: top;margin-left: 10px;color: #05857d;line-height: 18px;}

.about1 .con2 .item:last-child .inline p{right: -8px;}

.about1 .con2 .item .it_bot{margin-top: 22px;color: #05857d;}

.about2{background-position: center;background-repeat: no-repeat;background-size: cover;}

.about2 .mk_tit{color: #fff;}

.about2 .mk_tit .en{opacity: 1;}

.about2 .ul{display: flex;margin-top: 16px;}

.about2 .ul .li{width: 33.333%;display: flex;align-items: center;justify-content: center;text-align: center;color: #fff;height: 500px;background: url(../images/about2_line.png) no-repeat right center;transition:all 0.5s;}
.about2 .ul .li .ss {transition:all 0.5s;}

.about2 .ul .li:last-child{background: none;}

.about2 .ul .li .ico{width: 120px;margin: 0 auto;border:1px solid rgba(255,255,255,0.2);border-radius: 50%;margin-bottom: 58px;}

.about2 .ul .li .tline{margin: 25px auto;width: 40px;height: 1px;background: rgba(255,255,255,0.3);}
.sou2{height:38px}
.about2 .ul .li:hover .ss{transform: translateY(-20px);}

.about5{background: url(../images/about5_bg.jpg) no-repeat top center;background-size: cover;}

.about5 .swiper-container{margin-top: 35px;padding: 40px 0;}

.about5 .swiper-slide a{cursor: auto;}

.about5 .swiper-slide .img{position: relative;box-shadow: -4.5px -1.5px 9.4px 0.6px rgba(0,0,0,0.05);}

.about5 .swiper-slide .img s{position: absolute;left: 0;bottom: 0;width: 100%;height: 3px;transform: scaleX(0);z-index: 1;background: #05857d;}

.about5 .swiper-slide .img img{width: 100%;}

.about5 .swiper-slide .img:hover s{transform: scaleX(1);}
 @media (max-width:1030px) {
  .f_12{font-size: 12px;}
  .f_16{font-size: 14px;}
  .f_18{font-size: 16px;}
  .f_20{font-size: 16px;}
  .f_21{font-size: 16px;}
  .f_22{font-size: 16px;}
  .f_23{font-size: 16px;}
  .f_24{font-size: 16px;}
  .f_26{font-size: 16px;}
  .f_27{font-size: 18px;}
  .f_28{font-size: 18px;}
  .f_30{font-size: 18px;}
  .f_31{font-size: 20px;}
  .f_32{font-size: 20px;}
  .f_34{font-size: 20px;}
  .f_36{font-size: 20px;}
  .f_38{font-size: 20px;}
  .f_40{font-size: 22px;}
  .f_42{font-size: 22px;}
  .f_44{font-size: 22px;}
  .f_45{font-size: 22px;}
  .f_48{font-size: 24px;}
  .f_50{font-size: 24px;}
  .f_57{font-size: 24px;}
  .f_58{font-size: 24px;}
  .f_61{font-size: 26px;}
  .f_70{font-size: 28px;}

  .p_80_120{padding: 40px 0;}

  .p_80_0{padding: 40px 0 0;}

  .p_95_60{padding: 40px 0;}

  .p_100_0{padding: 40px 0 0;}

  .p_100{padding: 40px 0;}

  .p_100_120{padding: 40px 0;}

  .p_120{padding: 40px 0;}

  body{min-width: 200px;padding-top: 50px;}
  
	.box {
    width: 95% !important;
    min-width: 100px !important;
    padding: 0;
}

  .a_dw{top: -50px;}

  .jzgd{display: flex;}

  .header{display: none;}

  .wow{opacity: 1;}

  .mhead{display: block;}
  .banner_pc .container {
  display: table;vertical-align: middle;}
  .banner_pc .wrap{margin-top:10px;    padding: 15px;}
  .banner_pc h4 {
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
}
.banner_pc h5 {
  margin-bottom:0;
font-size: 18px;}
  .pc{display: none;}

  .yd{display: block;}

  .sbxh{display: none;}

  .ind_ban .txt{left: 5%;bottom: 30%;}

  .more{height: 36px;width: 120px;justify-content: center;}

  .more .m_txt{line-height: 34px;margin: 0 10px 0 0;font-size: 14px;}

  .sbtn_fy{left: 50%;bottom: 10%;transform: translateX(-50%);}

  .ind1 .con1 .t1 img:nth-child(1){margin-right: 15px;}

  .ind1 .con1 .t1 img:nth-child(2){margin-left: 10px;}

  .footer .con1 .con_re{display: none;}
  .footer .ewm{display: none;}

  .ind1 .con1 .t2{text-align: left;}

  .ind1 .con1 .more{margin: 20px auto 0;}

  .ind1 .ul{flex-wrap: wrap;}

  .ind1 .ul .li{width: 100%;margin: 0 0 10px 0;}

  .ind1 .ul .li:last-child{margin-bottom: 0;}
.li_swh .swh_le a {
    line-height: 45px;
    position: relative;
    margin-right: 40px;
    background: #05857d;
    color: #fff;
   width: auto; 
    height: 45px;
    padding: 0 18px;
    text-align: center;font-size: 14px;
}

  .li_swh .swh_re{display: none;}

  .ind2 .ul{padding-top: 0;width:100%}
 .ind2 .ul .li1 .img{display:none}
 .ind2 .ul .li1 .txt{width:100%;    padding-left: 0;    float: none;}
 .ind2 .ul .li1 .txt .f_en{display:none}
  .ind2 .ul .li{margin: 5px 0 0;width: 100%;}

  .ind2 .li a{padding-bottom: 0;}







  .ind2 .li .t1 sub{vertical-align: baseline;}
  
  .ind2 .li.li1 .txt .t2{margin-top: 5px;height: auto;width:100%;    font-size: 15px;}

  .ind2 .li.li1 .txt .tline{display: none;}

  .ind2 .li.li1 .txt .t3{margin-top: 10px;font-size: 13px;color: #999;}

  .ind2 .li.li2 .txt{bottom: 0;height: auto;}

  .ind2 .li .t2{height: auto;margin-top: 5px;}

  .ind2 .li .t3{margin-top: 10px;display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;}

  .ind2 .li .tline{display: none;}

  .mk_tit .en{margin-top: 15px;}

  .ind3 .switch .swiper-slide{padding: 30px 0 9px;}

  .ind3 .con2 .ss .txt{left: 0;}

  .ind3 .con2 .ss .txt .t_le{width: 48%;}

  .ind3 .con2 .ss .txt .t_re{width: 50%;}

  .ind4 .ul{overflow-x: scroll;}

  .ind4 .ul .li,
  .ind4 .ul .li.act{width: 75%;min-width: 75%;border: none;}

  .ind4 .ul .li .imgs,
  .ind4 .ul .li.act .imgs{opacity: 1;}
  
  .ind4 .ul .li .txt,
  .ind4 .ul .li.act .txt{bottom: 8%;}
  
  .ind4 .ul .li .txt .t1,
  .ind4 .ul .li.act .txt .t1{width: 50px;}
  
  .ind4 .ul .li .txt .t2,
  .ind4 .ul .li.act .txt .t2{width: 30px;margin: 10px auto;}
  
  .ind4 .ul .li .txt .more,
  .ind4 .ul .li.act .txt .more{margin-top: 20px;visibility: visible;pointer-events: visible;opacity: 1;}

  .ind5 .map .img{display: none;}

  .ind5 .ul{display: flex;flex-wrap: wrap;width: 100%;justify-content: space-between;padding: 20px 10% 0;}

  .ind5 .li{position: relative;left: 0 !important;top: 0 !important;right: 0 !important;bottom: 0 !important;width: 120px;margin: 15px 0;text-align: center;}

  .ind5 .li .ss{width: 100%;height: 120px;}

  .ind5 .li.li1 .ss{width: 100%;height: 120px;}

  .ind5 .li.li2 .ss{width: 100%;height: 120px;}

  .ind5 .more{margin-top: 20px;}

  .footer .con2 .con_re{display: none;}

  .footer .con2{padding: 25px 0;}

  .footer .con1 .con_le .ul .li:first-child{margin-bottom: 10px;}

  .footer .con1 .con_le .ul .li{margin-bottom: 10px;}

  .footer .con1 .con_le .ul{margin-top: 30px;}

  .about1 .con1{display: block;padding-bottom: 50px;}

  .about1 .con1 .con_le{width: 100%;padding-top: 0;text-align: center;}

  .about1 .con1 .con_le .t1{margin: 20px 0;}

  .about1 .con1 .con_le .t1 img:nth-child(1){margin-right: 15px;}

  .about1 .con1 .con_le .t1 img:nth-child(2){margin-left: 10px;}

  .about1 .con1 .con_le .t2{line-height: 30px;}

  .about1 .con1 .con_re{width: 100%;margin-top: 20px;}

  .about1 .con2{margin-top: 0;flex-wrap: wrap;}

  .about1 .con2 .item{width: 50%;text-align: center;margin-top: 20px;}

  .about1 .con2 .line{display: none;}

  .about1 .con2 .item .it_bot{margin-top: 0;}

  .about1 .con2 .item .inline span{line-height: 50px;}

  .about1 .con2 .item .inline p{width: 20px;height: 20px;}

  .about1 .con2 .item .inline p img{max-width: 50%;}

  .about2 .ul .li{height: auto;width: 100%;background: none;margin-top: 30px;}

  .about2 .ul{flex-wrap: wrap;margin-top: 0;}

  .about2 .ul .li .ico{width: 80px;margin-bottom: 20px;}

  .about2 .ul .li .tline{margin: 10px auto;}

  .about3 .con1{margin-top: 30px;}

  .about3 .con1 .li .ss{flex-wrap: wrap;}

  .about3 .con1 .li .li_le{width: 100%;}

  .about3 .con1 .li .li_re{width: 100%;padding: 30px 20px;}

  .about3 .con1 .li_re .tline{margin: 20px 0;}

  .about3 .con1 .li_re p{margin-bottom: 10px;}

  .about3 .con1 .li_re .txt{max-height: 172px;}

  .about3 .con2{margin-top: 30px;}

  .about3 .con2 .swiper-container{width: 100%;}

  .about3 .con2::before{width: 100%;left: 0;}

  .about3 .con2 .swp_line_btn{display: none;}

  .about4 .con2{padding-left: 5%;}

  .about4{background-size: cover;}

  .about4 .con2 .swiper-slide .ss{padding: 20px 10px 10px;}

  .about5 .swiper-container{margin-top: 0;}

  .about4 .con3{display: none;}

  .about5 .swp_line_btn{display: none;}

  .about4 .con2 .swiper-container{padding-bottom: 10px;}

  .about5 .swiper-container{padding-bottom: 10px;}

  .fy{display: none;}

  .header_place{display: none;}

  .mbnav{align-items: flex-start;padding: 20px 0;}

  .mbnav .line{margin-right: 10px;}

  .mbnav span{margin: 4px 5px 0;width: 9px;min-width: 9px;}
  .headej .ul2{display: flex;justify-content: space-between;overflow-x: auto;padding: 20px 0 35px;}

.headej .ul2 .li{min-width: 130px;margin-right: 20px;}

.headej .ul2 .li:last-child{margin-right: 0;min-width: 120px;}

.headej .ul2 .li .dt{margin: 12px 0 15px;line-height: 30px;}

.headej .ul2 .li .dt a{color: #212121;}

.headej .ul2 .li .dt a:hover{color: #00aac6;}

.headej .ul2 .li .dd{margin-top: 10px;line-height: 26px;}

.headej .ul2 .li .dd a{color: #4b4b4b;}

.headej .ul2 .li .dd a:hover{color: #00aac6;}
.ind1 .ul .li {
    width: 50%; 
    margin: 0 0 10px 0;
}
.center{width:100% !important;    min-width: 100%;}
.footer .con1 .con_le {
    width: 100%;
}
.ft_logo img{width:100%}
.index_product{padding-top:0 !important}
.banner_pc {display:block !important}
.banner_pc2 {display:none !important}
.mhead .logo img {
    display: block;
    height: 40px;
    margin-top: 5px;
}
.banner_pc {
     margin-top: 0;
}
 }
.index_product{
    background: #f6f6f6;
}
.index_product .fenlei{
    padding: 40px 0;
}
.index_product .fenlei a{
    display: block;
    width: 165px;
    height: 60px;
    background: #ffffff;
    font-size: 16px;
    color: #333333;
    margin: 0 5px 10px 5px;
    text-align: center;
    line-height: 60px;
    transition:all 0.3s ease-in-out;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
	float:left;
}
.cur{
    background: #05857d !important;
    color: #fff !important;
}
.index_product .fenlei .float_l{
    background: #05857d !important;
    color: #fff !important;
}
.index_product .fenlei a:hover{
    color: #fff;
    background: #05857d;
}
.index_product .swiper-slide a{
    width: calc(25% - 20px);
    margin: 0 10px;
    background: #fff;
    display: block; margin-bottom:20px
}
.index_product .swiper-slide a img{
    width: 100%; 
}
.index_product .swiper-slide a .text{
    width: calc(100% - 80px);
    margin: auto;
    padding-bottom: 18px;
}
.index_product .swiper-slide a .text p:nth-child(1){
    font-size: 18px;
    color: #333333;
    text-align: center;
    line-height: 30px;
    height: 30px;
    padding-top: 14px;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
}
.index_product .swiper-slide a .text p:nth-child(2){
    font-size: 14px;
    color: #888888;
    text-align: center;
    line-height: 28px;
    height: 28px;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
}
.index_product .swiper-slide{
    padding-bottom: 60px;
}
.index_product{
    padding-top: 20px; 
}
.index_product .swiper-pagination-bullet{
    width: 60px;
    height: 6px;
    display: inline-block;
    border-radius: 0;
    background: #05857d;
    opacity: 1;
    margin: 0 9px;
}
.index_product .swiper-pagination-bullet-active {
    background: #05857d;
}
.index_product .swiper-button-prev-product{
    width: 35px;
    height: 36px;
    top: auto;
    bottom: 240px;
    margin-left: -19px;
    transition:all 0.3s ease-in-out;
    background: url("../images/product_l1.png") center center no-repeat;
}
.index_product .swiper-button-prev-product:hover{
    background: url("../images/product_l2.png") center center no-repeat;
}
.index_product .swiper-button-next-product{
    width: 35px;
    height: 36px;
    top: auto;
    bottom: 240px;
    margin-right: -19px;
    transition:all 0.3s ease-in-out;
    background: url("../images/product_r1.png") center center no-repeat;
}
.index_product .swiper-button-next-product:hover{
    background: url("../images/product_r2.png") center center no-repeat;
}
.index_product .center{
    position: relative;
}
.page_img1{
    width: 100%;
    height: 284px;
    background: url("../images/page_img1.png") center center no-repeat;
}
.reason{
    height: 929px;
    background: #f3f3f3;
}
.reason .biaoti{
    height: 341px;
    background: url("../images/reason.png") top center no-repeat;
}
.reason .biaoti p:nth-child(1) {
    font-size: 40px;
    color: #fff;
}
.reason .biaoti p:nth-child(1) text{
    font-size: 40px;
    color: #fdde0f;
}
.reason .biaoti p:nth-child(2) {
    color: #fff;
    background: url("../images/biaoti2.png") center center no-repeat;
}
.reason .preview{
    width: 100%;
    height: 234px;
    background: #ffffff;
    position: relative;
    margin-top: -118px;
}
.reason .preview .swiper-slide{
    width: calc(25% - 1px);
    height: 234px;
    cursor: pointer;
    position: relative;
    border-left: solid 1px #eeeeee;
}
.reason .preview .swiper-slide .h6{
    font-size: 24px;
    color: #333333;
    line-height: 47px;
    padding-top: 61px;
    text-align: center;
}
.reason .preview .swiper-slide p{
    font-size: 16px;
    color: #888888;
    line-height: 29px;
    text-align: center;
}
.reason .preview .swiper-slide .xian{
    width: 26px;
    height: 1px;
    background: #c9c9c9;
    margin: auto;
    margin-top: 42px;
    opacity: 1;
    /* transition:all 0.3s ease-in-out; */
}
.reason .preview .swiper-slide:hover .xian{
    opacity: 0;
}
.reason .preview .swiper-slide .img{
    position: absolute;
    top: 162px;
    left: 50%;
    margin-left: -14px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    opacity: 0;
    transition:all 0.3s ease-in-out;
    background: url("../images/reason_icon.png") center center no-repeat;
}
.reason .preview .swiper-slide:hover .img{
    opacity: 1;
}
.reason .preview .active-nav .img{
    opacity: 1;
}
.reason .preview .active-nav .xian{
    opacity: 0;
}
.reason .view .swiper-slide{
    padding: 0 87px;
    width: calc(100% - 174px) !important;
}
.reason .view .right{
    width: 558px;
    height: 234px;
    margin-top: 88px;
    position: relative;
}
.reason .view .right .view_icon{
    position: absolute;
    top: -7px;
    right: 30px;
}
.reason .view .left{
    width: 570px;
    padding-top: 15px;
}
.reason .view .left .shi .zi{
    font-size: 66px;
    color: #05857d;
    line-height: 116px;
    font-weight: 600;
}
.reason .view .left .shi .xian{
    width: 35px;
    height: 2px;
    margin-top: 68px;
    background: #05857d;
}
.reason .view .left .bt{
    font-size: 18px;
    color: #888888;
    font-weight: 500;
    height: 50px;
    line-height: 50px;
    margin-bottom: 16px;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
}
.reason .view .left .bt text{
    font-size: 36px;
    color: #333333;
    font-weight: 600;
    text-transform:uppercase;
}
.reason .view .left .text{
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    text-align: justify;
}
.reason .swiper-pagination-reason{
    text-align: center;
    margin-top: 64px;
}
.reason .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: url("../images/reason_dian1.png") center center no-repeat;
    opacity: 1;
}
.reason .swiper-pagination-bullet-active {
    opacity: 1;
    background: url("../images/reason_dian2.png") center center no-repeat;
}
.view .arrow-left{
    background: url("../images/reason_l1.png") no-repeat center center;
    position: absolute;
    left: 50%;
    bottom: 4px;
    width: 6px;
    height: 11px;
    z-index: 10;
    margin-left: -73px;
    transition:all 0.3s ease-in-out;
}
.view .arrow-left:hover{
    background: url("../images/reason_l2.png") no-repeat center center;
}
.view .arrow-right{
    background: url("../images/reason_r1.png") no-repeat center center;
    position: absolute;
    right: 50%;
    bottom: 4px;
    width: 6px;
    height: 11px;
    z-index: 10;
    margin-right: -73px;
    transition:all 0.3s ease-in-out;
}
.view .arrow-right:hover{
    background: url("../images/reason_r2.png") no-repeat center center;
}
.index_case{
   
}
.index_case .biaoti p:nth-child(2){
    background: none;
}
.index_case .case_nav{
    height: 1px;
    width: 100%;
    background: #dfdfdf;
    text-align: center;
    margin-top: 45px;
    margin-bottom: 93px;
}   
.index_case .case_nav a{
    display: inline-block;
    width: 158px;
    line-height: 25px;
    padding-top: 37px;
    margin-top: -8px;
    font-size: 16px;
    color: #333333;
    transition:all 0.3s ease-in-out;
    background: url("../images/case_nav_icon1.png") center top no-repeat;
}
.index_case .case_nav .xuanzhong{
    font-size: 16px;
    color: #05857d;
    font-weight: 600;
    background: url("../images/case_nav_icon2.png") center top no-repeat;
}
.index_case .case_nav a:hover{
    font-size: 16px;
    color: #05857d;
    font-weight: 600;
    background: url("../images/case_nav_icon2.png") center top no-repeat;
}
.index_case .swiper-container-case{
    padding-bottom: 60px;
}
.index_case .swiper-container-case .swiper-slide .float_l{
    width: calc(25% - 20px);
    margin: 0 10px;
    cursor: pointer;
    display: block;
}
.index_case .swiper-container-case .swiper-slide .float_l img{
    width: 100%;
}
.index_case .swiper-container-case .swiper-slide .float_l .text{
    height: 82px;
    padding: 0 10%;
    width: 80%;
    text-align: center;
    transition:all 0.3s ease-in-out;
}
.index_case .swiper-container-case .swiper-slide .float_l:hover .text{
    background: #05857d;
}
.index_case .swiper-container-case .swiper-slide .float_l .text .name{
    font-size: 18px;
    color: #333333;
    line-height: 36px;
    padding-top: 6px;
    transition:all 0.3s ease-in-out;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
}
.index_case .swiper-container-case .swiper-slide .float_l:hover .text .name{
    color: #fff;
}
.index_case .swiper-container-case .swiper-slide .float_l .text .p{
    line-height: 22px;
    font-size: 14px;
    color: #888888;
    transition:all 0.3s ease-in-out;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
}
.index_case .swiper-container-case .swiper-slide .float_l:hover .text .p{
    color: #fff;
}
.index_case .swiper-pagination-bullet {
    width: 60px;
    height: 6px;
    display: inline-block;
    border-radius: 0;
    background: #05857d;
    opacity: 1;
}
.index_case .swiper-pagination-bullet-active {
    background: #05857d;
}
.index_about{
    padding-bottom: 100px;
    background: url("../images/index_about.jpg") center center no-repeat;
}
.index_about .label_page{
    position: relative;
}
.index_about .label_page .label_page_each .about_text{
    width: calc(100% - 750px);
}
.index_about .label_page .label_page_each .about_text .bt{
    font-size: 26px;
    color: #333333;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 24px;
}
.index_about .label_page .label_page_each .about_text .p{
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:6;
}
.index_about .label_page .label_page_each .about_text .xiangqing{
    display: block;
    width: 185px;
    height: 62px;
    text-align: center;
    line-height: 62px;
    font-size: 16px;
    color: #333333;
    border: solid 1px #d9dada;
    margin-top: 32px;
    transition:all 0.3s ease-in-out;
}
.index_about .label_page .label_page_each .about_text .xiangqing:hover{
    color: #05857d;
    border: solid 1px #05857d;
}
.index_about .label_page .label_page_each .about_img{
    position: relative;
    width: 663px;
    height: 419px;
}
.index_about .label_page .label_page_each .about_img .about_icon{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
}
.index_about .label_page .label_page_each{
    padding-top: 82px;
}
.index_about .biaoti p:nth-child(1){
    padding-top: 70px;
}
.index_about .swiper-pagination-bullet{
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 100%;
    background: url("../images/index_about1.png") center center no-repeat;
    opacity: 1;
}
.index_about .swiper-pagination-bullet-active {
    opacity: 1;
    background: url("../images/index_about2.png") center center no-repeat;
}
.index_about .swiper-pagination{
    text-align: right;
}
.index_about .label_page .label_nav{
    position: absolute;
    bottom: 0;
    left: 0;
}
.index_about .label_page h4{
    width: 240px;
    height: 69px;
    font-size:20px;
    color: #ffffff;
    text-align: center;
    line-height: 69px;
    background: #05857d;
    margin-right: 5px;
    cursor: pointer;
    transition:all 0.3s ease-in-out;
}
.index_about .label_page h4:hover{
    background: #05857d;
}
.index_about .label_page .on{
    background: #05857d;
}
.shuzi_gd{
    height: 234px;
    text-align: center;
    background: url("../images/shuzi_gd.jpg") center center no-repeat;
}
.shuzi_gd .float_l{
    width: calc(25% - 1px);
    height: 97px;
    margin-top: 74px;
    border-right: solid 1px #eeeeee;
}
.shuzi_gd .float_l:nth-child(1){
    width: calc(25% - 2px);
    border-left: solid 1px #eeeeee;
}
.shuzi_gd .float_l .counter{
    display: inline-table;
    font-size:60px;
    color: #ffffff;
    line-height: 53px;
    padding: 0 35px;
    margin-bottom: 18px;
}
.shuzi_gd .float_l p{
    font-size: 16px;
    color: #ffffff;
}
.shuzi_gd .float_l:nth-child(1) .counter{
    background: url("../images/counter1.png") right top no-repeat;
}
.shuzi_gd .float_l:nth-child(2) .counter{
    background: url("../images/counter2.png") right top no-repeat;
}
.shuzi_gd .float_l:nth-child(3) .counter{
    background: url("../images/counter3.png") right top no-repeat;
}
.shuzi_gd .float_l:nth-child(4) .counter{
    background: url("../images/counter4.png") right top no-repeat;
}
.index_news{
    padding-bottom: 60px;
	    background: #f6f6f6;
}
.index_news .more{
    display: block;
    width: 185px;
    height: 62px;
    text-align: center;
    line-height: 62px;
    margin: auto;
    font-size: 16px;
    color: #333333;
    border: solid 1px #dfdfdf;
    transition:all 0.3s ease-in-out;
}
.index_news .more:hover{
    color: #05857d;
    border: solid 1px #05857d;
}
.index_news .news_l{
    width: calc(50% - 36px);
}
.index_news .news_r{
    width: calc(50% - 36px);
}
.index_news .news{
    padding: 58px 0 50px 0;
}
.index_news .news_l .first{
    display: block;
    border-bottom: dashed 1px #bbbbbb;
}
.index_news .news_l .first .img{
    overflow: hidden;
}
.index_news .news_l .first .img img{
    width: 100%;
    height: 262px;
    transition:all 0.3s ease-in-out;
}
.index_news .news_l .first:hover .img img{
    transform: scale(1.1);
}
.index_news .news_l .first .jianjie{
    padding: 18px 0 26px 0;
}
.index_news .news_l .first .jianjie .xian{
    width: 15px;
    height: 2px;
    background: #05857d;
    margin-top: 42px;
    margin-left: 6px;
    margin-right: 5px;
}
.index_news .news_l .first .jianjie .text{
    width: calc(100% - 36px);
}
.index_news .news_l .first .jianjie .text .biaoti .bt{
    font-size: 16px;
    color: #333333;
    line-height: 46px;
    width: calc(100% - 130px);
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
    transition:all 0.3s ease-in-out;
}
.index_news .news_l .first:hover .jianjie .text .biaoti .bt{
    color: #05857d;
}
.index_news .news_l .first .jianjie .text .biaoti .sj{
    font-size: 16px;
    color: #333333;
    line-height: 46px;
}
.index_news .news_l .first .jianjie .text .biaoti .xq{
    font-size: 14px;
    color: #888888;
    line-height: 30px;
    text-align: justify;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.index_news .news_l .list_news .each .border{
    width: 15px;
    height: 2px;
    background: #05857d;
    margin-top: 20px;
    margin-left: 6px;
    margin-right: 8px;
}
.index_news .news_l .list_news .each .p{
    font-size: 16px;
    color: #333333;
    line-height: 38px;
    width: calc(100% - 130px);
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
    transition:all 0.3s ease-in-out;
}
.index_news .news_l .list_news .each:hover .p{
    color: #05857d;
}
.index_news .news_l .list_news .each .shijian{
    font-size: 16px;
    color: #333333;
    line-height: 38px;
}
.index_news .news_l .list_news{
    padding: 16px 0;
}
.index_news .news_r .each{
    display: block;
    padding: 28px 0;
    border-bottom: dashed 1px #bbbbbb;
}
.index_news .news_r .each:nth-child(1){
    padding-top: 0;
}
.index_news .news_r .each .img{
    overflow: hidden;
}
.index_news .news_r .each img{
    width: 194px;
    transition:all 0.3s ease-in-out;
}
.index_news .news_r .each:hover img{
    transform: scale(1.1);
}
.index_news .news_r .each .text{
    width: calc(100% - 220px);
    margin-left: 25px;
    padding-top: 10px;
}
.index_news .news_r .each .text .bt{
    width: calc(100% - 110px);
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
    font-size: 16px;
    color: #333333;
    line-height: 46px;
    height: 46px;
    transition:all 0.3s ease-in-out;
}
.index_news .news_r .each:hover .text .bt{
    color: #05857d;
}
.index_news .news_r .each .text .rq{
    font-size: 16px;
    color: #333333;
    line-height: 46px;
}
.index_news .news_r .each .text .p{
    font-size: 14px;
    color: #888888;
    line-height: 30px;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.banner_pc .banner_img_ny{
    height: 350px;
}
.neiye .sousuo{
    position: relative;
    z-index: 2;
    box-shadow: 0px 6px 12.09px 0.91px rgba(0, 0, 0, 0.03);
	line-height:43px;
}
.renmen a{margin:0 5px;color:#ff9900}
.position{
    background: #f6f6f6;
}
.position .bt{
    padding-top: 44px;
}
.position .bt .float_l{
    font-size: 30px;
    color: #333333;
    line-height: 52px;
    font-weight: 600;
}
.position .bt .float_r{
    font-size: 16px;
    color: #888888;
    line-height: 52px;
    padding-left: 30px;
    background: url("../images/neiye_icon1.png") top 15px left no-repeat;
}
.position .p{
    line-height: 34px;
    font-size: 16px;
    color: #888888;
    background: url("../images/neiye_icon2.png") center left 238px no-repeat;
}
.index_product .fenlei {
    padding-top: 34px;
    margin-bottom: 0;
}
.neiye .index_product .swiper-slide a{
    margin-bottom: 23px;
}
.fanye{
    text-align: center;
}
.fanye .pagebar{
    display: inline-flex;
}
.fanye .pagebar a{
    display: block;
    padding: 0 20px;
    height: 46px;
    line-height: 46px;
    background: #fff;
    margin: 0 4px;
    font-size: 16px;
    color: #333333;
    transition:all 0.3s ease-in-out;
}
.fanye .pagebar a:hover{
    color: #fff;
    background: #05857d;
}
.fanye .pagebar .xuanzhong{
    color: #fff;
    background: #05857d;
}
.neiye .index_product {
    /* padding-bottom: 78px; */
}
.neiye .index_product .swiper-slide {
    padding-bottom: 40px;
}
.white_bj{
    background: #f6f6f6;
}
.white_bj .position {
    background: #f6f6f6;
}
.list_show_html .sousuo{
    box-shadow: none
}
.white_bj .single_html .bt{
    text-align: center;
    font-size: 30px;
    color: #333333;
    font-weight: 600;
    line-height: 66px;
    padding-top: 56px;
    margin-bottom: 26px;
}
.white_bj .single_html .text{
    padding-bottom: 135px;
}
.white_bj .single_html .text p{
    font-size: 16px;
    color: #333333;
    text-indent: 2rem;
    line-height: 36px;
    text-align: justify;
}
.white_bj .single_html .text img{
    width: 100%;
    display: block;
    margin: 30px 0;
}
.single_html {padding-bottom:80px; }

.single_html .center{
	line-height:42px;
	font-size:16px;
	
	
	}

.list_show_html .left{
    width: calc(100% - 430px);
}
.list_show_html .position .center{
    width: auto;
}
.list_show_html .list_show .bt{
    padding-top: 46px;
    padding-bottom: 10px;
    text-align: center;
}
.list_show_html .list_show .bt .p{
    font-size: 30px;
    color: #333333;
    line-height: 64px;
	font-weight:bold
}
.list_show_html .list_show .bt .pagebar{
    display: inline-flex;
}
.list_show_html .list_show .bt .pagebar div{
    font-size: 14px;
    color: #888888;
    line-height: 44px;
    margin: 0 16px;
}
.list_show_html .list_show .text{
    border-top: dashed 1px #dedfdf;
    border-bottom: solid 1px #dedfdf;
    padding-top: 25px;
    padding-bottom: 50px;
}
.list_show_html .list_show .text p{
    font-size: 15px;
    color: #333333;
    line-height: 36px;
    text-align: justify;
}
.list_show_html .list_show .text img{
    width: 100%;
    display: block;
    margin: 30px 0;
}
.list_show_html .list_show .diehaun{
    padding-bottom: 66px;
}
.list_show_html .list_show .diehaun a{
    display: block;
    width: calc(45% - 75px);
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
    height: 82px;
    line-height: 82px;
    font-size: 16px;
    color: #333333;
}
.list_show_html .list_show .diehaun .float_l{
    padding-left: 75px;
    background: url("../images/list_l.jpg") left 22px center no-repeat;
}
.list_show_html .list_show .diehaun .float_r{
    padding-right: 75px;
    text-align: right;
    background: url("../images/list_r.jpg") right 22px center no-repeat;
}
.list_show_html .right_nav{
    width: 276px;
    padding-top: 20px;
    padding-bottom: 86px;
}
.list_show_html .right_nav .title_r{
    font-size: 18px;
    color: #333333;
    line-height: 47px;
    padding-top: 26px;
    padding-left: 12px;
}
.list_show_html .right_nav .list_r a{
    display: block;
    width: calc(100% - 42px);
    padding: 0 20px;
    border: solid 1px #dedfdf;
    height: 54px;
    line-height: 54px;
    border-top: none;
    text-align: center;
    font-size: 16px;
    color: #333333;
    background: #fff;
    transition:all 0.3s ease-in-out;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
}
.list_show_html .right_nav .list_r a:hover{
    color: #fff;
    background: #05857d;
    border: solid 1px #05857d;
    border-top: none;
}
.list_show_html .right_nav .list_r a:nth-child(1){
    border-top: solid 1px #dedfdf;
}
.list_show_html .right_nav .list_r a:nth-child(1):hover{
    border-top: solid 1px #05857d;
}
.list_show_html .right_nav .list_p{
    border: solid 1px #dedfdf;
    padding: 20px 0 30px;
	background:#fff;
}
.list_show_html .right_nav .list_p p{
    width: calc(100% - 42px);
    padding: 0 20px;
    line-height: 30px;
    font-size: 14px;
    color: #333333;
    background: #fff;
}
.list_show_html .right_nav .list_r2 a{
    display: block;
    width: calc(100% - 42px);
    padding: 12px 20px;
    border: solid 1px #dedfdf;
    line-height: 32px;
    border-top: none;
    font-size: 14px;
    color: #333333;
    background: #fff;
    transition:all 0.3s ease-in-out;
}
.list_show_html .right_nav .list_r2 a:hover{
    color: #fff;
    background: #05857d;
    border: solid 1px #05857d;
    border-top: none;
}
.list_show_html .right_nav .list_r2 a:nth-child(1){
    border-top: solid 1px #dedfdf;
}
.list_show_html .right_nav .list_r2 a:nth-child(1):hover{
    border-top: solid 1px #05857d;
}
.show_html .position .center{
    width: 1400px;
}
.product_show{
    padding-bottom: 82px;
    background: #f6f6f6;
    padding-top: 45px;
}

.product_show .pc-slide .view{
    width: 537px;
}
.product_show .view .swiper-container {
    width: 537px;
    height: 537px;
}
.product_show .view .swiper-container img{
    width: 537px;
    height: 537px;
}
.product_show .preview{
    width: calc(100% - 624px);
    position: relative;
}
.product_show .preview .product_text .title .name{
    font-size: 30px;
    color: #333333;
    line-height: 66px;
    height: 66px;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
}
.product_show .preview .product_text .title .time{
    font-size: 14px;
    color: #888888;
    line-height: 36px;
    height: 36px;
    padding-bottom: 15px;
    border-bottom: solid 1px #eeeeee;
}
.product_show .preview .product_text .title .time span{
    margin: 0 30px;
}
.product_show .preview .product_text .text{
    font-size: 14px;
    color: #333333;
/*     line-height: 36px; */
    padding: 16px 5px;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
}
.product_show .preview .bt{
    font-size: 18px;
    color: #333333;
    line-height: 66px;
    margin-top: 35px;
}
.product_show .preview .swiper-container {
    width: calc(100% - 236px);
    margin-left: 0;
}
.product_show .preview .swiper-slide {
    width: 172px;
    height: 172px;
    cursor:pointer;
    margin-right: 8px;
}
.product_show .preview .swiper-slide img{
    width: 172px;
    height: 172px;
}
.product_show .preview .arrow-left{
    position: absolute;
    right: 22px;
    bottom: 117px;
    width: 177px;
    height: 55px;
    z-index: 10;
    text-align: center;
    background: #05857d;
    font-size: 16px;
    color: #ffffff;
    line-height: 55px;
    transition:all 0.3s ease-in-out;
}
.product_show .preview .arrow-left:hover{
    color: #fff;
    background: #fda30f;
}
.product_show .preview .arrow-right{
    position: absolute;
    right: 22px;
    bottom: 52px;
    width: 177px;
    height: 55px;
    z-index: 10;
    text-align: center;
    background: #05857d;
    font-size: 16px;
    color: #ffffff;
    line-height: 55px;
    transition:all 0.3s ease-in-out;
}
.product_show .preview .arrow-right:hover{
    color: #fff;
    background: #fda30f;
}
.show_html .xiangqing{
    width: 276px;
    height: 52px;
    font-size:16px;
    color: #ffffff;
    text-align: center;
    line-height: 52px;
    background: #05857d;
    margin-top: 40px;
}
.show_html .text{
    border-top: solid 1px #dedfdf !important;
}
.news_list{
    padding-bottom: 40px;
}
.news_list a{
    display: block;
    width: calc(50% - 79px);
    padding: 0 32px;
    margin-right: 30px;
    background: #fff;
    margin-top: 28px;
}
.news_list a:nth-child(2n){
    margin-right: 0;
}
.news_list a .bt{
    padding-top: 10px;
}
.news_list a .bt .p{
    font-size: 18px;
    color: #333333;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
    max-width: calc(100% - 40px);
    height: 48px;
    line-height: 48px;
}
.news_list a .bt .border{
    height: 3px;
    width: 0px;
    background: #e6a001;
    margin-top: 22px;
    margin-right: 0px;
    transition:all 0.3s ease-in-out;
}
.news_list a:hover .bt .border{
    width: 17px;
    margin-right: 12px;
}
.news_list a .text{
    font-size: 14px;
    color: #888888;
    line-height: 30px;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    margin-top: 7px;
}
.news_list a .time .float_l{
    font-size: 14px;
    color: #888888;
    line-height: 36px;
    height: 36px;
    margin-right: 20px;
    padding-left: 26px;
}
.news_list a .time .float_l:nth-child(1){
    background: url("../images/news_icon3.png") center left 3px no-repeat;
}
.news_list a .time .float_l:nth-child(2){
    background: url("../images/news_icon4.png") center left 3px no-repeat;
}
.news_list a .button_xq{
    line-height: 88px;
    height: 88px;
    font-size: 16px;
    color: #333333;
    width: 123px;
    background: url("../images/news_icon1.png") center right no-repeat;
    transition:all 0.4s ease-in-out;
}
.news_list a:hover .button_xq{
    margin-left: calc(100% - 123px);
    color: #05857d;
    background: url("../images/news_icon2.png") center right no-repeat;
}
.box_shadow .sousuo{
    box-shadow: none
}
.contact_html{
    padding-top: 52px;
}
.contact_html .contact_title{
    font-weight: 600;
    font-size: 30px;
    color: #333333;
    line-height: 64px;
    text-align: center;
}
.contact_html .contact_text{
    font-size: 18px;
    color: #333;
    line-height: 40px;
    text-align: center;
    width: 1200px;
    margin: auto;
}
.contact_html .contact_icon{
    width: 1070px;
    margin: auto;
    padding: 62px 0 56px;
}
.contact_html .contact_icon .icon{
    width: 160px;
    margin: 0 27px;
}
.contact_html .contact_icon .icon img{
    display: block;
    margin: auto;
}
.contact_html .contact_icon .icon p:nth-child(2){
    font-size:16px;
    color: #000000;
    text-align: center;
    line-height: 35px;
    padding-top: 15px;
}
.contact_html .contact_icon .icon p:nth-child(3){
    font-size:16px;
    color: #000000;
    text-align: center;
    line-height: 21px;
}
.contact_html .message .bt{
    font-size: 30px;
    color: #333333;
    line-height: 140px;
    font-weight: 600;
    text-align: center;;
}
.contact_html .message .input input{
    width: calc(33.333% - 82px);
    display: block;
    border: solid 1px #d7d7d7;
    padding: 0 30px;
    height: 49px;
    line-height: 59px;
    margin-right: 30px;
    margin-bottom: 29px;
    border-radius: 5px;
    font-size: 16px;
    color: #999999;
}
.contact_html .message .input input:nth-child(3n){
    margin-right: 0px;
}
.contact_html .message .input input::-webkit-input-placeholder{
    color:#999999;
}
.contact_html .message .input input::-moz-placeholder{   
    color:#999999;
}
.contact_html .message .input input:-moz-placeholder{    
    color:#999999;
}
.contact_html .message .input input:-ms-input-placeholder{
    color:#999999;
}
.contact_html .message textarea{
    width: calc(100% - 62px);
    display: block;
    border: solid 1px #d7d7d7;
    padding: 12px 30px;
    height: 200px;
    line-height: 28px;
    margin-right: 30px;
    margin-bottom: 35px;
    border-radius: 5px;
    font-size: 16px;
    color: #999999;
}
.contact_html .message textarea::-webkit-input-placeholder{
    color:#999999;
}
.contact_html .message textarea::-moz-placeholder{ 
    color:#999999;
}
.contact_html .message textarea:-moz-placeholder{ 
    color:#cccccc;
}
.contact_html .message textarea:-ms-input-placeholder{ 
    color:#999999;
}
.contact_html .message .button{
    text-align: center;
    width: 100%;
}
.contact_html .message .button a{
    display: inline-block;
    width: calc(50% - 300px);
    font-size: 18px;
    color: #ffffff;
    line-height: 56px;
    height: 56px;
    background: #05857d;
    text-align: center;
    border-radius: 5px;
    margin: 0 15px;
    transition:all 0.3s ease-in-out;
}
.contact_html .message .button a:hover{
    background: #05857d;
}
.contact_html .message{
    padding-bottom: 76px;
}
/*麦 站 网分页样式*/
.pages{padding: 20px 0;width:100%;text-align: center;clear: both;}
.pages a,.pages span{color: #666;padding: 0 15px;margin: 0 3px;display: inline-block;vertical-align: middle;line-height: 34px;background: #f9f9f9;border: 1px solid #f2f2f2;}
.pages a:hover{display:inline-block;color: #fff;background: #05857d;border-color: #05857d;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}
.pages span{display:inline-block;color: #666;}
.pages a.page-num-current{display:inline-block;color: #fff;background: #05857d;border-color: #05857d;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}
.text-secondary{text-align: center; padding:10px 0}