@charset "utf-8";
/* CSS Document */
/*全局样式*/
html{overflow-x:hidden;position:relative;font-family:"Microsoft Yahei";}
body{font-size:14px;padding-top:88px!important;}
body,a,div,p,h1,h2,img,li,ul,i,span,dl,dd,dt,h3,h4,h5,h6,ol,strong,input,textarea,abbr,b{margin:0;padding:0;word-break:break-all;font-style: normal;box-sizing: border-box}
input,textarea{border:0 none;}
img{border:0 none;}
img { -ms-interpolation-mode: bicubic; }/*windows平台缩放图片时，可能出现图像失真现象*/
ul,li,ol{list-style-type:none;}
::selection{background-color:#3F90FF;color:#fff}
::-moz-selection{background-color:#3F90FF;color:#fff}
.overflow{overflow:hidden;}
.clear{clear:both;}
.clearfix:after ,.cf:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix,.cf{*zoom:1;}
.colorwhite,.colorwhite a{color:#fff !important; }
.overflow-nowrap{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.m_auto{margin-left: auto;margin-right: auto;}
.float-l,.floatL{float: left;}
.float-r,.floatR{float: right;}
.po-r,.relative{position: relative;}
.po-a,.absolute{position: absolute;}
.fixed{position:fixed;}
.m-auto{margin: 0 auto;}
.display-b,.displayBlock{display: block;}
.display-i,.displayIB{display:inline-block;*display:inline;*zoom:1;}
.bold{font-weight: bold}
.transition_all2{-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}
.animated, .hidden{visibility: hidden;}
.visible {visibility: visible !important;}
.displayNo{display:none}
.displayInline{display:inline}
a{text-decoration: none}
.txl{text-align: center}
.content{width:1200px;margin:0 auto;}
.mx-img img{max-width:100%;}
.flex{display:flex;align-items: center;padding: 48px 0;}
.WdisplayNo{display: none!important;}
.HdisplayNo{display: block!important;}
/* index */
#header {position:fixed;background-color: #fff;z-index:10000;width:100%;top:0;height:88px;box-shadow: 0 0 2px #ccc;}
.logo{height: 46px;margin-top: 22px;}
.logo img{height: 46px;}
.nav{margin:29px 0 0 0;}
@media screen and (max-width:1680px){
    #header .content{width:1000px}
}
@media screen and (max-width:1400px){
    .nav{margin:29px 50px 0 0;}
}
.nav>li{float:left;margin-right:55px;font-size:16px;position: relative;height:76px;}
.nav>li.last{margin-right:0}
.nav>li>a{color:#555}
.nav>li>a:hover,.nav>li.on>a{color: #1c519f;border-bottom: 1px solid #1c519f;padding-bottom:10px;}
.menuArrow{display: none}
.slideMenu{position: absolute;left:-37px;top:59px;display:none}
.slideMenu ol{width:140px;background-color:#fff;padding-bottom:10px;box-shadow: 0 2px 2px #eee;border:1px solid #f9f9f9}
.slideMenu a{color:#777;}
.slideMenu ol li{position: relative;text-align: center;font-size:14px;height:35px;line-height: 35px;}
.slideMenu a:hover{color:#1c519f}

#banner{width:100%;height:550px;padding-top:88px;box-sizing: content-box;}
#banner img{display: block;height:550px;margin: auto;}
#banner .swiper-wrapper{left: 50%;margin-left: -960px;}
#banner a{display: block;width:1920px;height:550px}
#banner em{font-style: normal;text-transform:uppercase}
.swiper-pagination-bullet{width:8px;height:8px;background-color: #999;vertical-align: middle;}
.swiper-pagination-bullet-active{width:12px;height:12px;background-color:#faa4a3}

#ind_pro{width:100%;position: relative}
#ind_pro .flex{justify-content: space-between;}
#ind_pro .flex>div{width:390px;border:1px solid #eee;overflow: hidden;}
#ind_pro img{width: 390px;display: block;}
#ind_pro .content{padding: 0 0 40px;}
.ind_title{position:relative;font-size: 24px;font-weight: 600;padding: 40px 0 23px;color: #777;margin-bottom: 18px;}
.ind_title:after{content:'';display:block;left:50%;width: 40px;background-color: #8cb3f2;position: absolute;height: 2px;bottom: 8px;margin-left: -20px;}
#ind_about{background-color: #f9f9f9;}
.ind_about{overflow: hidden;padding-bottom:50px}
.ind_about dd{width: 800px;padding:30px 0 0 60px;}
.ind_about img{width: 400px;}
.ind_about h3{font-size:18px;font-weight: 500;color: #333;line-height: 33px;margin-bottom: 15px;text-align: left;}
.ind_about_detail{text-align: left;font-size: 14px;color: #666;line-height: 1.5rem;overflow: hidden;height:10.5rem}

.ind_sceneAppliind_aboutDetail img{display: block}

#footer{background-color:#444;}
.copyRight{color:#fff;font-size:13px;line-height:21px;text-align: center;padding: 25px 0 20px;}
.copyRight a{color:rgba(255,255,255,0.7)}
.breadcrumb{height: 40px;line-height: 40px;color:#acacac;font-size: 14px;width: 100%;background: #fff;background-color: #f9f9f9;border-bottom: 1px solid #f5f5f5;}
.breadcrumb a{color:#acacac;}
.breadcrumb span.last,.breadcrumb a.last{color: #1c519f;}
.breadcrumb i{margin:0 10px;}


.securityTextarea{box-shadow: 0 1px 20px #ccc;width:1109px;margin:90px auto 138px;padding-top:68px;padding-bottom:65px;}
.securityTextarea h3{font-weight:bold;font-size:23px;color:#fff;background-color:#0a422d;height:40px;line-height: 40px;text-align: center;width:458px;margin:0 auto 54px;}
.securityInput input{width:870px;height:99px;border:1px solid #b4b4b4;text-align: center;font-size:15px;color:#777}
.securityInput{margin:0 auto;width:870px;}
.securityTextarea a{margin-top:45px;background-color:#0a422d;display: block;width:115px;height:40px;line-height:40px;text-align: center;color:#fff;font-size:21px;}
.securityTextarea a.floatR{border:2px solid #0a422d;color:#0a422d;background-color:#fff}
.shopInfor .floatL{width:450px;}
.shopInfor{margin:2rem}
.shopInfor .floatR{line-height:1.7rem;margin-right:87px;width: 404px;margin-top: 38px;}

#ind_news{margin-bottom:55px;}
#ind_news .tit{margin: 75px 0 57px;}
#ind_news dt, #ind_news dd{float: left;position: relative;}
#ind_news dl{overflow: hidden}
#ind_news ul dt, #ind_news ul dt img{width: 200px;height: 150px;}
#ind_news dd{text-align: left;padding: 14px 22px 0;border: 1px solid #EEEEEE;border-left: 0 none}
#ind_news ul dd{height: 150px;border-radius: 0 10px 10px 0;}
#ind_news ul dt{border-radius: 10px 0px 0 10px;overflow: hidden}
#ind_news h4{font-weight: 600;color: rgba(51, 51, 51, 1);line-height: 24px;font-size: 14px;margin-bottom: 4px;width: 303px;}
#ind_news p{font-size: 14px;color: #666;font-weight: 400;line-height: 1.5em;width: 303px; overflow: hidden;}
#ind_news ul time{font-size: 14px;color: rgba(153, 153, 153, 1);line-height: 20px;font-weight: 400;position: absolute;left: 21px;bottom: 16px;}
#ind_news ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
#ind_news ul li{flex:0 0 50%;margin-bottom:20px;}
#ind_news dt i{position: absolute;width: 60px;height: 60px;background: #02AAF1;border-radius: 0px 0px 10px 10px;color: rgba(255, 255, 255, 1);line-height: 60px;font-size: 20px;left: 28px;display: block}

#beautyClass{margin:auto}
#beautyClass ul{width: calc(100% + 20px);margin: 6% auto 0 -10px;display: flex;flex-wrap:wrap;}
#beautyClass ul li{flex: 0 0 33.33%;padding: 10px;margin-bottom: 20px;width: 33.33%;}
#beautyClass dl,#beautyClass dt{width:100%}
#beautyClass dt img{display:block;width:100%}
#beautyClass h4{font-size: 16px;line-height:23px;color:#525252;margin: 10px 0 3px;font-weight: 400;}
#beautyClass p{font-size:17px;line-height:21px;color:#c1c1c1;margin-bottom: 18.2%;}
#beautyClass i{display: block;color: #ccc;font-size: 14px;}
#beautyClass ul a{width:110px;height:32px;color:#fff;background-color:#0b4731;display: block;text-align: center;line-height:32px;margin-top: 6.7%;}
#beautyClass dd{width:100%;}
#beautyClass{margin-bottom: 50px;}
#beautyClass .pages{margin-top: 0;height:28px;}

#ind_infor ul{
    justify-content: space-between;
}
#ind_infor ul li{
    flex: 0 0 calc(33.33% - 10px);
}
#ind_infor li img{width:100%}
#ind_infor li.mid img{width: 3rem;margin: 0 0.4rem;}
#ind_infor li.mid .fa-weibo img{width: 3.2rem;}
#ind_infor li.mid {background-color:#eee;height: 16.7rem;margin-top: -4px;}
#ind_infor li.mid h4{
    padding: 5rem 0 1rem;
    font-size: 1.7rem;
    color: #444;
    font-weight: 400;
}

/*在线客服*/
.onlinebox{background-color:#fff;-webkit-box-shadow:0 5px 9px rgba(4,0,0,.17);box-shadow:0 5px 9px rgba(4,0,0,.17);z-index:1699;}
.onlinebox,
.onlinebox *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
.onlinebox-box{width:160px}
.onlinebox .onlinebox-top{padding:20px 20px 10px;background:#444;font-size:18px;color:#fff}
.onlinebox .onlinebox-top h4{margin: 0;color: #fff;}
.onlinebox .onlinebox-top-btn{position: absolute;top: 0;right: 10px;}
.onlinebox .onlinebox-close,
.onlinebox .onlinebox-min{float:right;color:#fff}
.onlinebox .onlinebox-close{position:relative;top:-2px}
.onlinebox .onlinebox-min{margin-right:10px}
.onlinebox .onlinebox-close:hover,
.onlinebox .onlinebox-min:hover{color:#fff;text-decoration:none}
.onlinebox .onlinebox-open,
.onlinebox.min .onlinebox-box{display:none}
.onlinebox.min .onlinebox-open{display:block;cursor:pointer;padding:0 10px;background:#444;font-size:18px;line-height:40px;color:#fff}
.onlinebox-center{padding:5px 0;margin-bottom:0}
.onlinebox .list-group-item{padding:0}
.onlinebox .list-group-item .fa,
.onlinebox .list-group-item img{width:16px;float:left;font-size:16px;line-height:16px}
.onlinebox .list-group-item img{height:16px}
.onlinebox .onlinebox-bottom{border-top:1px solid #eee;padding:.75rem 1.25rem}
.onlinebox .onlinebox-bottom p{margin-bottom:0}
.met-weixin{margin:auto;display: block;}
.onlinebox .m-b-0{color:#666;padding-bottom:15px;}

/*footer*/
#bottomNav{border-top:1px solid #f5f5f5;padding-top: 40px;margin-top: 40px;background:#555;}
.bottomNav{padding-bottom: 66px;}
.bottomNav ol{display: flex;justify-content: space-between;margin:auto}
.bottomNav dt{line-height: 20px;letter-spacing: 1px;margin-bottom:1rem;color: #fff;}
.bottomNav dd a{color: #999;font-size: 14px;font-weight: 300;line-height:1.7rem;}
.bottomNav dd a:hover{color: #02AAF1}
/*新闻资讯*/
.newsList{margin-top:103px;}
.newsList i{text-align: center;display:block;width:80px;height:80px;color:#636363;border:3px solid #d2c4a2;float:left;margin:42px 64px 0 64px;font-size:13px;}
.newsList i b{font-size:40px;display: block;margin-top:9px;line-height: 1em;font-weight: 500}
.newsList .floatR{width: 920px;}
.newsList .floatR ul{border: 1px solid #eee;padding-top: 25px;border-bottom:0 none}
.newsList .floatR li{margin-bottom: 25px;overflow: hidden;border-bottom: 1px solid #eee;padding-bottom: 25px;}
.newsList .floatR li a{display: block;width:100%;height:100%;transition: all 0.6s;}
.newsList .floatR li a:hover{background-color:#fbdecf;}
.newsList .floatR li a:hover *{color:#555!important;border-color:#fff!important;}
.newsList dl{float:left;overflow:hidden;}
.newsList dt,.newsList dd{float:left;}
.newsList dt,.newsList dt img{width: 325px;height: 166px;}
.newsList dd{margin: -3px 0 0 27px;font-size:27px;color:#636363;line-height: 33px;width: 550px;}
.newsList .floatR h4{font-size: 18px;}
.newsList .floatR p{font-size: 14px;line-height: 1.5em;}
.newsList .floatR time{color: #999;font-size: 12px;}
.pages{height:142px;background-color:#fff;text-align: center;position: relative;z-index: 100;margin-top:54px;}
.pages a{color:#828181;display: inline-block;width:25px;height:25px;vertical-align: middle;font-size:15px;line-height:25px;}
.pages a.on{color:#1c519f}
.pages a.prev,.pages a.next{border:1px solid #1c519f;width:86px;height:28px;line-height:26px;vertical-align: middle;margin:0 10px;color:#1c519f}
.newsContentBox{background-color:#fff;padding:0 103px;padding-bottom:70px;z-index:100}
.newsContentBox h3{margin: 53px 0 28px;font-size:28px;color:#2e2e2e;}
.newsContentBox>abbr{color:#717171;font-size:13px;display: block;margin-bottom:54px;}
.newsContentBox>abbr span{margin:0 15px}
.newsContentBox{margin-bottom:176px;padding: 0px 90px 115px;border-top: 1px solid #eee;}
.goBack{color:#b7b7b7;font-size:15px;margin-top: 50px;text-align: right;line-height: 2rem;}
.goBack a{color:#b7b7b7;padding-right:10px;}
.goBack i{padding-right:5px;}
.cbn{position: relative;height:350px;}
.cbn img{position: absolute;left:50%;margin-left:-960px;}
/*项目合作*/
.proj_bn,.proj_bn img{width:100%;height:412px;}
.proj_tit{width: 105px;height: 84px;background-color:#00552f;left:123px;top:-24px;font-family: Microsoft Yahei;}
.proj_tit h2{width: 80px;height: 90px;background-color:#006f3d;color:#fff;font-size:45px;line-height: 105px;left: 14px;bottom: 14px;}
.proj_summary{background: url(../images/proj_intro_bg.jpg) center top no-repeat;height: 606px;margin-top: 64px;color:#fff;}
.proj_summary .proj_tit{top: 48px;}
.proj_sum_detail>div{width: 710px;}
.proj_sum_detail{margin:75px  0  0 235px;width:662px;position: relative;z-index: 1000;}
.proj_sum_detail h3{font-size:33px;}
.proj_sum_detail p{font-size:16px;margin-top: 50px;line-height:32px;}
.greenlineBox,.graylineBox{position: absolute;width:100%;display: block;height:52px;left:0;border-bottom: 0 none;}
.greenlineBox{border:6px solid #00684d;top:0;border-bottom: 0 none;}
.graylineBox{border:6px solid #bfbfbf;bottom:0;border-top: 0 none;}
.jojnUsBox {z-index: 100;background-color: #fff;padding: 39px 60px 56px;}
.newsContentBox .detail img{height: auto !important;}
.jojnUsForm .floatL{margin:27px 0 0 42px;width:561px;}
.jojnUsForm .floatL img{width: 472px;}
.jojnUsForm .floatR{width:300px;margin:54px 43px 0 0;position: relative;z-index: 100;}
.jojnUsForm strong{color:#575858;font-size:19px;font-family: Microsoft Yahei;font-weight:400;border-bottom:1px solid #bfbfbf;padding-bottom: 21px;}
.jojnUsForm  input,.jojnUsForm  textarea{border:1px solid #aaaaaa;width: 100%;font-size:16px;padding-left: 45px;color:#c4c4c4;}
.jojnUsForm  input{height:37px;}
.jojnUsForm  input[name="name"]{background: url(../images/joinUs_form_icon_03.jpg) 5px 8px no-repeat;background-size: 29px auto;color:#cecece;font-size:13px;}
.jojnUsForm  input[name="telNum"]{background: url(../images/joinUs_form_icon_03.jpg) 11px -38px no-repeat;background-size: 26px auto;color:#cecece;font-size:13px;}
.jojnUsForm  textarea{height:128px;resize: none;padding:10px 10px 10px 64px;padding: 10px 10px 10px 45px;background: url(../images/joinUs_form_icon_03.jpg) 11px -74px no-repeat;background-size: 24px auto;color:#cecece;font-size:13px;}
.jojnUsForm  b{border-bottom:3px solid #00684d;height:1px;width:121px;margin-top: -3px;margin-bottom:26px;}
.jojnUsForm  li{margin-bottom:15px;}
.jojnUsForm  a{float: right;background-color:#00684d;color:#fff;width: 112px;height: 33px;line-height: 33px;font-size: 13px;text-align: center;margin-top:-12px;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#cecece;}
input:-moz-placeholder, textarea:-moz-placeholder {color:#cecece;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#cecece;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#cecece;}
.jojnUs{box-shadow: 0 0 40px #ccc;}
#joinUsBn,.proListbn{height:30.62vw;position: relative}
#joinUsBn img,.proListbn img{position:absolute;left:50vw;margin-left:-50vw;height:30.62vw}
.jobList{background-color:#fff;padding:79px 65px 72px 58px;}
.jobList h4{font-size:24px;color:#6f6f6f;margin-bottom: 45px;}
.jobList strong{color:#1c519f;font-size:24px;}
.jobList li{position: relative;border-bottom: 1px solid #e6e6e6;margin-bottom:57px;padding-bottom:39px;}
.jobList li p{font-size:18px;color:#828181;margin-top:23px;}
.jobList li p span{margin-right:47px}
.jobList li a{position: absolute;bottom:39px;right:0;color:#fff;width:158px;background-size: 100% auto;height:48px;line-height:48px;font-size:19px;text-align: center;background:url(../images/joinUs_list_btnBg.jpg) center no-repeat;}
.jobList li.last{border:0 none;padding-bottom:10px;}
.jojnUs{box-shadow:0 0 40px #ccc;margin-bottom:165px;}
.jojnUs .pages{height:auto}
.proListbn{height:21.98vw;}
.proListbn img{height:21.98vw}

.newsList{margin-top:50px;}
.newsList .floatL ul{width:222px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;padding:40px 0 75px;}
.newsList .floatL  ul a{color:#acacac}
.newsList .floatL  ul li{margin-bottom:16px;font-size:15px;width:100%}
.newsList .floatL  ul li.last{margin-bottom:0;}
.newsList .floatL  ul li.cur a{color:#1c519f}
.newsList .floatL  ul li.cur{position: relative}
.newsList .floatL  ul li.cur:after{position:absolute;width:20px;height:2px;background-color:#1c519f;display: block;top:6px;right:0;content:''}

.proList ol dt{animation:proAni1 2s forwards ease-in;opacity:0;flex:0 0 50%}
.proList ol dd{flex:0 0 50%}
.proList ol dt img{width: 466px;height: 312px;}
.proList ol dt img{display: block}
.proList .floatR{width:853px;overflow: hidden}
.proList ol{overflow:hidden;text-align:center;}
.proList ol li{
    background-color: #f5f5f5;
}
.proList ol li:nth-child(2n-1){
    background-color: #fff;
}
.proList ol h4{margin:0 0 9px;font-size: 20px;color:#494949;font-weight:400;text-align: left;}
.proList ol  p{color:#bababa;font-size: 15px;margin-bottom:13px;text-align: left;}
.proList ol i{color: #fff;font-size:14px;display: block;height:30px;line-height:30px;background-color: #1c519f;width: 100px;}
@keyframes proAni1{
    0%{opacity: 0;}
    100%{opacity: 1;}
}
/*.proList ol li:nth-child(2n) dl{display: block;overflow: hidden}
.proList ol li:nth-child(2n) dd{
    float:left;
    width:50%;
    margin-left:0!important;
   display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.proList ol li:nth-child(2n) dd>*{width:100%;}
.proList ol li:nth-child(2n) dt{
    float:right;
    width:50%;
}*/
.proListbn .content{left:50%;top:0;margin-left:-555px;}
.proListbn h3{margin-top:7.76vw;font-size:2.45vw;}
.proListbn strong{display: block;font-size:1.56vw;margin-top:0.94vw;font-weight: 400;}
/*产品详情*/
.proContentBox{z-index:100;}
.proMainPic{border:1px solid #eee;overflow:hidden}
.proMainPic,.proMainPic img{width: 480px;height:389px;}
.pro-intro-top{padding:92px 0 0;}
.proMainText{margin:18px 125px 0 0;width:494px;color:#3c3c3c;}
.proMainText>h3{color: #1c519f;font-size: 22px;margin:0 0 25px;font-weight: 400;width:100%;padding-bottom:18px;border-bottom: 1px solid #eee;}
.proMainText strong{color:#5e5e5e;font-size:18px;background:url(../images/proDot_03.jpg) center left no-repeat;padding-left:17px;line-height:28px;display: block}
.proRemarks{font-size:14px;color: #555;line-height:21px;}
.proMainKw{overflow:hidden}

.proPrice a{color:#fff;float: left;margin-right:52px;width:101px;background:url(../images/proPriceBg.jpg) center no-repeat;background-size:100% 100%;height:27px;line-height:27px;font-size:13px;text-align: center;cursor: default}
.proPrice{bottom:20px}
.proDetail{margin-top:125px;color: #666;}
.proDetail .detail{border-top: 1px solid #eee;}
.proDetail  h4{padding: 13px 0;font-size: 18px;color:#444;font-weight: 400}
.proTit{text-align: center;color:#014d1f;font-size:25px;position: relative;}
.proTit i{position: absolute;width: 100%;height: 1px; border-bottom:1px solid #d1d1d1;left:0;top:50%;}
.proTit h2{background-color:#fff;width:160px;margin:0 auto;position: relative;z-index:100;font-weight: lighter;font-size: 30px;}

.proMainPic .swiper-pagination-bullet{width: 32px;height:7px;background-color:#777;border-radius: 0;}
.proMainPic .swiper-pagination-bullet-active{background-color: #@charset "utf-8";
    /* CSS Document */
    /*全局样式*/
    html{overflow-x:hidden;position:relative;font-family:"Microsoft Yahei";}
    body{font-size:14px;padding-top:88px!important;}
    body,a,div,p,h1,h2,img,li,ul,i,span,dl,dd,dt,h3,h4,h5,h6,ol,strong,input,textarea,abbr,b{margin:0;padding:0;word-break:break-all;font-style: normal;box-sizing: border-box}
    input,textarea{border:0 none;}
    img{border:0 none;}
    img { -ms-interpolation-mode: bicubic; }/*windows平台缩放图片时，可能出现图像失真现象*/
    ul,li,ol{list-style-type:none;}
    ::selection{background-color:#3F90FF;color:#fff}
    ::-moz-selection{background-color:#3F90FF;color:#fff}
    .overflow{overflow:hidden;}
    .clear{clear:both;}
    .clearfix:after ,.cf:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
    .clearfix,.cf{*zoom:1;}
    .colorwhite,.colorwhite a{color:#fff !important; }
    .overflow-nowrap{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
    .m_auto{margin-left: auto;margin-right: auto;}
    .float-l,.floatL{float: left;}
    .float-r,.floatR{float: right;}
    .po-r,.relative{position: relative;}
    .po-a,.absolute{position: absolute;}
    .fixed{position:fixed;}
    .m-auto{margin: 0 auto;}
    .display-b,.displayBlock{display: block;}
    .display-i,.displayIB{display:inline-block;*display:inline;*zoom:1;}
    .bold{font-weight: bold}
    .transition_all2{-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}
    .animated, .hidden{visibility: hidden;}
    .visible {visibility: visible !important;}
    .displayNo{display:none}
    .displayInline{display:inline}
    a{text-decoration: none}
    .txl{text-align: center}
    .content{width:1200px;margin:0 auto;}
    .mx-img img{max-width:100%;}
    .flex{display:flex;align-items: center;padding: 48px 0;}
    .WdisplayNo{display: none!important;}
    .HdisplayNo{display: block!important;}
    /* index */
    #header {position:fixed;background-color: #fff;z-index:10000;width:100%;top:0;height:88px;box-shadow: 0 0 2px #ccc;}
    .logo{height: 46px;margin-top: 22px;}
    .logo img{height: 46px;}
    .nav{margin:29px 0 0 0;}
    @media screen and (max-width:1680px){
        #header .content{width:1000px}
    }
    @media screen and (max-width:1400px){
        .nav{margin:29px 50px 0 0;}
    }
    .nav>li{float:left;margin-right:55px;font-size:16px;position: relative;height:76px;}
    .nav>li.last{margin-right:0}
    .nav>li>a{color:#555}
    .nav>li>a:hover,.nav>li.on>a{color: #1c519f;border-bottom: 1px solid #1c519f;padding-bottom:10px;}
    .menuArrow{display: none}
    .slideMenu{position: absolute;left:-37px;top:59px;display:none}
    .slideMenu ol{width:140px;background-color:#fff;padding-bottom:10px;box-shadow: 0 2px 2px #eee;border:1px solid #f9f9f9}
    .slideMenu a{color:#777;}
    .slideMenu ol li{position: relative;text-align: center;font-size:14px;height:35px;line-height: 35px;}
    .slideMenu a:hover{color:#1c519f}
    
    #banner{width:100%;height:550px;padding-top:88px;box-sizing: content-box;}
    #banner img{display: block;height:550px;margin: auto;}
    #banner .swiper-wrapper{left: 50%;margin-left: -960px;}
    #banner a{display: block;width:1920px;height:550px}
    #banner em{font-style: normal;text-transform:uppercase}
    .swiper-pagination-bullet{width:8px;height:8px;background-color: #999;vertical-align: middle;}
    .swiper-pagination-bullet-active{width:12px;height:12px;background-color:#faa4a3}
    
    #ind_pro{width:100%;position: relative}
    #ind_pro .flex{justify-content: space-between;}
    #ind_pro .flex>div{width:390px;border:1px solid #eee;overflow: hidden;}
    #ind_pro img{width: 390px;display: block;}
    #ind_pro .content{padding: 0 0 40px;}
    .ind_title{position:relative;font-size: 24px;font-weight: 600;padding: 40px 0 23px;color: #777;margin-bottom: 18px;}
    .ind_title:after{content:'';display:block;left:50%;width: 40px;background-color: #8cb3f2;position: absolute;height: 2px;bottom: 8px;margin-left: -20px;}
    #ind_about{background-color: #f9f9f9;}
    .ind_about{overflow: hidden;padding-bottom:50px}
    .ind_about dd{width: 800px;padding:30px 0 0 60px;}
    .ind_about img{width: 400px;}
    .ind_about h3{font-size:18px;font-weight: 500;color: #333;line-height: 33px;margin-bottom: 15px;text-align: left;}
    .ind_about_detail{text-align: left;font-size: 14px;color: #666;line-height: 1.5rem;overflow: hidden;height:10.5rem}
    
    .ind_sceneAppliind_aboutDetail img{display: block}
    
    #footer{background-color:#444;}
    .copyRight{color:#fff;font-size:13px;line-height:21px;text-align: center;padding: 25px 0 20px;}
    .copyRight a{color:rgba(255,255,255,0.7)}
    .breadcrumb{height: 40px;line-height: 40px;color:#acacac;font-size: 14px;width: 100%;background: #fff;background-color: #f9f9f9;border-bottom: 1px solid #f5f5f5;}
    .breadcrumb a{color:#acacac;}
    .breadcrumb span.last,.breadcrumb a.last{color: #1c519f;}
    .breadcrumb i{margin:0 10px;}
    
    
    .securityTextarea{box-shadow: 0 1px 20px #ccc;width:1109px;margin:90px auto 138px;padding-top:68px;padding-bottom:65px;}
    .securityTextarea h3{font-weight:bold;font-size:23px;color:#fff;background-color:#0a422d;height:40px;line-height: 40px;text-align: center;width:458px;margin:0 auto 54px;}
    .securityInput input{width:870px;height:99px;border:1px solid #b4b4b4;text-align: center;font-size:15px;color:#777}
    .securityInput{margin:0 auto;width:870px;}
    .securityTextarea a{margin-top:45px;background-color:#0a422d;display: block;width:115px;height:40px;line-height:40px;text-align: center;color:#fff;font-size:21px;}
    .securityTextarea a.floatR{border:2px solid #0a422d;color:#0a422d;background-color:#fff}
    .shopInfor .floatL{width:450px;}
    .shopInfor{margin:2rem}
    .shopInfor .floatR{line-height:1.7rem;margin-right:87px;width: 404px;margin-top: 38px;}
    
    #ind_news{margin-bottom:55px;}
    #ind_news .tit{margin: 75px 0 57px;}
    #ind_news dt, #ind_news dd{float: left;position: relative;}
    #ind_news dl{overflow: hidden}
    #ind_news ul dt, #ind_news ul dt img{width: 200px;height: 150px;}
    #ind_news dd{text-align: left;padding: 14px 22px 0;border: 1px solid #EEEEEE;border-left: 0 none}
    #ind_news ul dd{height: 150px;border-radius: 0 10px 10px 0;}
    #ind_news ul dt{border-radius: 10px 0px 0 10px;overflow: hidden}
    #ind_news h4{font-weight: 600;color: rgba(51, 51, 51, 1);line-height: 24px;font-size: 14px;margin-bottom: 4px;width: 303px;}
    #ind_news p{font-size: 14px;color: #666;font-weight: 400;line-height: 1.5em;width: 303px; overflow: hidden;}
    #ind_news ul time{font-size: 14px;color: rgba(153, 153, 153, 1);line-height: 20px;font-weight: 400;position: absolute;left: 21px;bottom: 16px;}
    #ind_news ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
    #ind_news ul li{flex:0 0 50%;margin-bottom:20px;}
    #ind_news dt i{position: absolute;width: 60px;height: 60px;background: #02AAF1;border-radius: 0px 0px 10px 10px;color: rgba(255, 255, 255, 1);line-height: 60px;font-size: 20px;left: 28px;display: block}
    
    #beautyClass{margin:auto}
    #beautyClass ul{width: calc(100% + 20px);margin: 6% auto 0 -10px;display: flex;flex-wrap:wrap;}
    #beautyClass ul li{flex: 0 0 33.33%;padding: 10px;margin-bottom: 20px;width: 33.33%;}
    #beautyClass dl,#beautyClass dt{width:100%}
    #beautyClass dt img{display:block;width:100%}
    #beautyClass h4{font-size: 16px;line-height:23px;color:#525252;margin: 10px 0 3px;font-weight: 400;}
    #beautyClass p{font-size:17px;line-height:21px;color:#c1c1c1;margin-bottom: 18.2%;}
    #beautyClass i{display: block;color: #ccc;font-size: 14px;}
    #beautyClass ul a{width:110px;height:32px;color:#fff;background-color:#0b4731;display: block;text-align: center;line-height:32px;margin-top: 6.7%;}
    #beautyClass dd{width:100%;}
    #beautyClass{margin-bottom: 50px;}
    #beautyClass .pages{margin-top: 0;height:28px;}
    
    #ind_infor ul{
        justify-content: space-between;
    }
    #ind_infor ul li{
        flex: 0 0 calc(33.33% - 10px);
    }
    #ind_infor li img{width:100%}
    #ind_infor li.mid img{width: 3rem;margin: 0 0.4rem;}
    #ind_infor li.mid .fa-weibo img{width: 3.2rem;}
    #ind_infor li.mid {background-color:#eee;height: 16.7rem;margin-top: -4px;}
    #ind_infor li.mid h4{
        padding: 5rem 0 1rem;
        font-size: 1.7rem;
        color: #444;
        font-weight: 400;
    }
    
    /*在线客服*/
    .onlinebox{background-color:#fff;-webkit-box-shadow:0 5px 9px rgba(4,0,0,.17);box-shadow:0 5px 9px rgba(4,0,0,.17);z-index:1699;}
    .onlinebox,
    .onlinebox *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
    .onlinebox-box{width:160px}
    .onlinebox .onlinebox-top{padding:20px 20px 10px;background:#444;font-size:18px;color:#fff}
    .onlinebox .onlinebox-top h4{margin: 0;color: #fff;}
    .onlinebox .onlinebox-top-btn{position: absolute;top: 0;right: 10px;}
    .onlinebox .onlinebox-close,
    .onlinebox .onlinebox-min{float:right;color:#fff}
    .onlinebox .onlinebox-close{position:relative;top:-2px}
    .onlinebox .onlinebox-min{margin-right:10px}
    .onlinebox .onlinebox-close:hover,
    .onlinebox .onlinebox-min:hover{color:#fff;text-decoration:none}
    .onlinebox .onlinebox-open,
    .onlinebox.min .onlinebox-box{display:none}
    .onlinebox.min .onlinebox-open{display:block;cursor:pointer;padding:0 10px;background:#444;font-size:18px;line-height:40px;color:#fff}
    .onlinebox-center{padding:5px 0;margin-bottom:0}
    .onlinebox .list-group-item{padding:0}
    .onlinebox .list-group-item .fa,
    .onlinebox .list-group-item img{width:16px;float:left;font-size:16px;line-height:16px}
    .onlinebox .list-group-item img{height:16px}
    .onlinebox .onlinebox-bottom{border-top:1px solid #eee;padding:.75rem 1.25rem}
    .onlinebox .onlinebox-bottom p{margin-bottom:0}
    .met-weixin{margin:auto;display: block;}
    .onlinebox .m-b-0{color:#666;padding-bottom:15px;}
    
    /*footer*/
    #bottomNav{border-top:1px solid #f5f5f5;padding-top: 40px;margin-top: 40px;background:#555;}
    .bottomNav{padding-bottom: 66px;}
    .bottomNav ol{display: flex;justify-content: space-between;margin:auto}
    .bottomNav dt{line-height: 20px;letter-spacing: 1px;margin-bottom:1rem;color: #fff;}
    .bottomNav dd a{color: #999;font-size: 14px;font-weight: 300;line-height:1.7rem;}
    .bottomNav dd a:hover{color: #02AAF1}
    /*新闻资讯*/
    .newsList{margin-top:103px;}
    .newsList i{text-align: center;display:block;width:80px;height:80px;color:#636363;border:3px solid #d2c4a2;float:left;margin:42px 64px 0 64px;font-size:13px;}
    .newsList i b{font-size:40px;display: block;margin-top:9px;line-height: 1em;font-weight: 500}
    .newsList .floatR{width: 920px;}
    .newsList .floatR ul{border: 1px solid #eee;padding-top: 25px;border-bottom:0 none}
    .newsList .floatR li{margin-bottom: 25px;overflow: hidden;border-bottom: 1px solid #eee;padding-bottom: 25px;}
    .newsList .floatR li a{display: block;width:100%;height:100%;transition: all 0.6s;}
    .newsList .floatR li a:hover{background-color:#fbdecf;}
    .newsList .floatR li a:hover *{color:#555!important;border-color:#fff!important;}
    .newsList dl{float:left;overflow:hidden;}
    .newsList dt,.newsList dd{float:left;}
    .newsList dt,.newsList dt img{width: 325px;height: 166px;}
    .newsList dd{margin: -3px 0 0 27px;font-size:27px;color:#636363;line-height: 33px;width: 550px;}
    .newsList .floatR h4{font-size: 18px;}
    .newsList .floatR p{font-size: 14px;line-height: 1.5em;}
    .newsList .floatR time{color: #999;font-size: 12px;}
    .pages{height:142px;background-color:#fff;text-align: center;position: relative;z-index: 100;margin-top:54px;}
    .pages a{color:#828181;display: inline-block;width:25px;height:25px;vertical-align: middle;font-size:15px;line-height:25px;}
    .pages a.on{color:#1c519f}
    .pages a.prev,.pages a.next{border:1px solid #1c519f;width:86px;height:28px;line-height:26px;vertical-align: middle;margin:0 10px;color:#1c519f}
    .newsContentBox{background-color:#fff;padding:0 103px;padding-bottom:70px;z-index:100}
    .newsContentBox h3{margin: 53px 0 28px;font-size:28px;color:#2e2e2e;}
    .newsContentBox>abbr{color:#717171;font-size:13px;display: block;margin-bottom:54px;}
    .newsContentBox>abbr span{margin:0 15px}
    .newsContentBox{margin-bottom:176px;padding: 0px 90px 115px;border-top: 1px solid #eee;}
    .goBack{color:#b7b7b7;font-size:15px;margin-top: 50px;text-align: right;line-height: 2rem;}
    .goBack a{color:#b7b7b7;padding-right:10px;}
    .goBack i{padding-right:5px;}
    .cbn{position: relative;height:350px;}
    .cbn img{position: absolute;left:50%;margin-left:-960px;}
    /*项目合作*/
    .proj_bn,.proj_bn img{width:100%;height:412px;}
    .proj_tit{width: 105px;height: 84px;background-color:#00552f;left:123px;top:-24px;font-family: Microsoft Yahei;}
    .proj_tit h2{width: 80px;height: 90px;background-color:#006f3d;color:#fff;font-size:45px;line-height: 105px;left: 14px;bottom: 14px;}
    .proj_summary{background: url(../images/proj_intro_bg.jpg) center top no-repeat;height: 606px;margin-top: 64px;color:#fff;}
    .proj_summary .proj_tit{top: 48px;}
    .proj_sum_detail>div{width: 710px;}
    .proj_sum_detail{margin:75px  0  0 235px;width:662px;position: relative;z-index: 1000;}
    .proj_sum_detail h3{font-size:33px;}
    .proj_sum_detail p{font-size:16px;margin-top: 50px;line-height:32px;}
    .greenlineBox,.graylineBox{position: absolute;width:100%;display: block;height:52px;left:0;border-bottom: 0 none;}
    .greenlineBox{border:6px solid #00684d;top:0;border-bottom: 0 none;}
    .graylineBox{border:6px solid #bfbfbf;bottom:0;border-top: 0 none;}
    .jojnUsBox {z-index: 100;background-color: #fff;padding: 39px 60px 56px;}
    .newsContentBox .detail img{height: auto !important;}
    .jojnUsForm .floatL{margin:27px 0 0 42px;width:561px;}
    .jojnUsForm .floatL img{width: 472px;}
    .jojnUsForm .floatR{width:300px;margin:54px 43px 0 0;position: relative;z-index: 100;}
    .jojnUsForm strong{color:#575858;font-size:19px;font-family: Microsoft Yahei;font-weight:400;border-bottom:1px solid #bfbfbf;padding-bottom: 21px;}
    .jojnUsForm  input,.jojnUsForm  textarea{border:1px solid #aaaaaa;width: 100%;font-size:16px;padding-left: 45px;color:#c4c4c4;}
    .jojnUsForm  input{height:37px;}
    .jojnUsForm  input[name="name"]{background: url(../images/joinUs_form_icon_03.jpg) 5px 8px no-repeat;background-size: 29px auto;color:#cecece;font-size:13px;}
    .jojnUsForm  input[name="telNum"]{background: url(../images/joinUs_form_icon_03.jpg) 11px -38px no-repeat;background-size: 26px auto;color:#cecece;font-size:13px;}
    .jojnUsForm  textarea{height:128px;resize: none;padding:10px 10px 10px 64px;padding: 10px 10px 10px 45px;background: url(../images/joinUs_form_icon_03.jpg) 11px -74px no-repeat;background-size: 24px auto;color:#cecece;font-size:13px;}
    .jojnUsForm  b{border-bottom:3px solid #00684d;height:1px;width:121px;margin-top: -3px;margin-bottom:26px;}
    .jojnUsForm  li{margin-bottom:15px;}
    .jojnUsForm  a{float: right;background-color:#00684d;color:#fff;width: 112px;height: 33px;line-height: 33px;font-size: 13px;text-align: center;margin-top:-12px;}
    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#cecece;}
    input:-moz-placeholder, textarea:-moz-placeholder {color:#cecece;}
    input::-moz-placeholder, textarea::-moz-placeholder {color:#cecece;}
    input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#cecece;}
    .jojnUs{box-shadow: 0 0 40px #ccc;}
    #joinUsBn,.proListbn{height:30.62vw;position: relative}
    #joinUsBn img,.proListbn img{position:absolute;left:50vw;margin-left:-50vw;height:30.62vw}
    .jobList{background-color:#fff;padding:79px 65px 72px 58px;}
    .jobList h4{font-size:24px;color:#6f6f6f;margin-bottom: 45px;}
    .jobList strong{color:#1c519f;font-size:24px;}
    .jobList li{position: relative;border-bottom: 1px solid #e6e6e6;margin-bottom:57px;padding-bottom:39px;}
    .jobList li p{font-size:18px;color:#828181;margin-top:23px;}
    .jobList li p span{margin-right:47px}
    .jobList li a{position: absolute;bottom:39px;right:0;color:#fff;width:158px;background-size: 100% auto;height:48px;line-height:48px;font-size:19px;text-align: center;background:url(../images/joinUs_list_btnBg.jpg) center no-repeat;}
    .jobList li.last{border:0 none;padding-bottom:10px;}
    .jojnUs{box-shadow:0 0 40px #ccc;margin-bottom:165px;}
    .jojnUs .pages{height:auto}
    .proListbn{height:21.98vw;}
    .proListbn img{height:21.98vw}
    
    .newsList{margin-top:50px;}
    .newsList .floatL ul{width:222px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;padding:40px 0 75px;}
    .newsList .floatL  ul a{color:#acacac}
    .newsList .floatL  ul li{margin-bottom:16px;font-size:15px;width:100%}
    .newsList .floatL  ul li.last{margin-bottom:0;}
    .newsList .floatL  ul li.cur a{color:#1c519f}
    .newsList .floatL  ul li.cur{position: relative}
    .newsList .floatL  ul li.cur:after{position:absolute;width:20px;height:2px;background-color:#1c519f;display: block;top:6px;right:0;content:''}
    
    .proList ol dt{animation:proAni1 2s forwards ease-in;opacity:0;flex:0 0 50%}
    .proList ol dd{flex:0 0 50%}
    .proList ol dt img{width: 466px;height: 312px;}
    .proList ol dt img{display: block}
    .proList .floatR{width:853px;overflow: hidden}
    .proList ol{overflow:hidden;text-align:center;}
    .proList ol li{
        background-color: #f5f5f5;
    }
    .proList ol li:nth-child(2n-1){
        background-color: #fff;
    }
    .proList ol h4{margin:0 0 9px;font-size: 20px;color:#494949;font-weight:400;text-align: left;}
    .proList ol  p{color:#bababa;font-size: 15px;margin-bottom:13px;text-align: left;}
    .proList ol i{color: #fff;font-size:14px;display: block;height:30px;line-height:30px;background-color: #1c519f;width: 100px;}
    @keyframes proAni1{
        0%{opacity: 0;}
        100%{opacity: 1;}
    }
    /*.proList ol li:nth-child(2n) dl{display: block;overflow: hidden}
    .proList ol li:nth-child(2n) dd{
        float:left;
        width:50%;
        margin-left:0!important;
       display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    .proList ol li:nth-child(2n) dd>*{width:100%;}
    .proList ol li:nth-child(2n) dt{
        float:right;
        width:50%;
    }*/
    .proListbn .content{left:50%;top:0;margin-left:-555px;}
    .proListbn h3{margin-top:7.76vw;font-size:2.45vw;}
    .proListbn strong{display: block;font-size:1.56vw;margin-top:0.94vw;font-weight: 400;}
    /*产品详情*/
    .proContentBox{z-index:100;}
    .proMainPic{border:1px solid #eee;overflow:hidden}
    .proMainPic,.proMainPic img{width: 480px;height:389px;}
    .pro-intro-top{padding:92px 0 0;}
    .proMainText{margin:18px 125px 0 0;width:494px;color:#3c3c3c;}
    .proMainText>h3{color: #1c519f;font-size: 22px;margin:0 0 25px;font-weight: 400;width:100%;padding-bottom:18px;border-bottom: 1px solid #eee;}
    .proMainText strong{color:#5e5e5e;font-size:18px;background:url(../images/proDot_03.jpg) center left no-repeat;padding-left:17px;line-height:28px;display: block}
    .proRemarks{font-size:14px;color: #555;line-height:21px;}
    .proMainKw{overflow:hidden}
    
    .proPrice a{color:#fff;float: left;margin-right:52px;width:101px;background:url(../images/proPriceBg.jpg) center no-repeat;background-size:100% 100%;height:27px;line-height:27px;font-size:13px;text-align: center;cursor: default}
    .proPrice{bottom:20px}
    .proDetail{margin-top:125px;color: #666;}
    .proDetail .detail{border-top: 1px solid #eee;}
    .proDetail  h4{padding: 13px 0;font-size: 18px;color:#444;font-weight: 400}
    .proTit{text-align: center;color:#014d1f;font-size:25px;position: relative;}
    .proTit i{position: absolute;width: 100%;height: 1px; border-bottom:1px solid #d1d1d1;left:0;top:50%;}
    .proTit h2{background-color:#fff;width:160px;margin:0 auto;position: relative;z-index:100;font-weight: lighter;font-size: 30px;}
    
    .proMainPic .swiper-pagination-bullet{width: 32px;height:7px;background-color:#777;border-radius: 0;}
    .proMainPic .swiper-pagination-bullet-active{background-color: #1c519f;}
    .proMainPic .swiper-pagination{width: 480px!important;bottom: -30px;}
    .proMainPic .swiper-pagination-bullet{margin:0!important;cursor: pointer}
    
    .proContentBox .detail{padding:20px 0 77px}
    .proContentBox .detail img{max-width: 100%;display:block}
    .proContentBox .proListUl{width:1125px;margin-bottom:173px;}
    .proTJL{width: 375px;float:left}
    .proContentBox .proListUl dt{display: table-cell;vertical-align: middle;width: 375px;height: 306px;}
    .proContentBox .proListUl dt img{height: auto;width: 282px;max-width: 100%;}
    #proListUl .swiper-button-prev,#proListUl .swiper-button-next{z-index:100;position: absolute;top:34%;width:40px;height:40px;border:0 none;background-color:rgba(0,0,0,0.4);left:0;margin-top: -40px;color:#fff;font-family: simsun;font-size:20px;border-radius: 100%;outline: none;opacity: 0.5}
    #proListUl .swiper-button-next{right:0;left: auto}
    .proContentBox .proListUl h3{color:#014d1f;font-size:16px;font-weight:400}
    #proListUl .swiper-button-prev:after, #proListUl .swiper-button-next:after{font-size:20px;}
    #proListUl .swiper-button-prev:hover,#proListUl .swiper-button-next:hover{opacity: 1}
    #proListUl  .swiper-button-disabled{display: none}
    
    .videoList{right:0;bottom:300px;z-index:100;background:rgba(0,0,0,0.5);width:160px;padding:17px 0 7px}
    .videoList a{color:#fff;display: block}
    .videoList li{width:130px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,0.22);margin-left:auto;margin-right:auto;}
    .videoListBtn{right:36px;bottom:170px;z-index:100}
    .videoList li.last{border-bottom:0 none}
    
    .loReBtn{right:10px;top:30px;color:#ccc}
    .loReBtn a{color:#666;margin:0 6px;background-color:#fff}
    
    .login{width:100%;height: 100%;background-color:rgba(0,0,0,0.5);position:fixed;left:0;top:0;z-index:10000}
    .login>div{width:480px;height: 295px;background-color:#fff;border-radius: 5px;left:50%;top:50%;position:absolute;margin-left:-240px;margin-top:-147px}
    .loTit{border-bottom:1px solid #f5f5f5;padding: 20px 20px 15px;justify-content: space-between;align-items: center;}
    .loTit h3{font-size:1.4rem;color:#444;font-weight: 400;}
    .loTit a{color:#1c519f}
    .login ul{margin: 36px 25px 15px 0;text-align: center;}
    .login ul input{width:300px;height: 38px;border:1px solid #e2e2e2;border-radius: 3px;padding:0 5px }
    .login ul span{display:inline-block;width:70px;text-align: right;margin-right:5px;color:#666}
    .login li{margin-bottom: 10px;}
    .forgetPw{margin-left: 125px;color:#1c519f}
    .form-submit{width:302px;margin: 15px 0 15px 116px;}
    .form-submit button{border-radius: 3px;padding: 0;background: #1c519f;border-radius: 0;border: 0;line-height: 40px;font-size: 18px;color: #fff;width:100%}
    .register>div{height:423px;}
    ;}
.proMainPic .swiper-pagination{width: 480px!important;bottom: -30px;}
.proMainPic .swiper-pagination-bullet{margin:0!important;cursor: pointer}

.proContentBox .detail{padding:20px 0 77px}
.proContentBox .detail img{max-width: 100%;display:block}
.proContentBox .proListUl{width:1125px;margin-bottom:173px;}
.proTJL{width: 375px;float:left}
.proContentBox .proListUl dt{display: table-cell;vertical-align: middle;width: 375px;height: 306px;}
.proContentBox .proListUl dt img{height: auto;width: 282px;max-width: 100%;}
#proListUl .swiper-button-prev,#proListUl .swiper-button-next{z-index:100;position: absolute;top:34%;width:40px;height:40px;border:0 none;background-color:rgba(0,0,0,0.4);left:0;margin-top: -40px;color:#fff;font-family: simsun;font-size:20px;border-radius: 100%;outline: none;opacity: 0.5}
#proListUl .swiper-button-next{right:0;left: auto}
.proContentBox .proListUl h3{color:#014d1f;font-size:16px;font-weight:400}
#proListUl .swiper-button-prev:after, #proListUl .swiper-button-next:after{font-size:20px;}
#proListUl .swiper-button-prev:hover,#proListUl .swiper-button-next:hover{opacity: 1}
#proListUl  .swiper-button-disabled{display: none}

.videoList{right:0;bottom:300px;z-index:100;background:rgba(0,0,0,0.5);width:160px;padding:17px 0 7px}
.videoList a{color:#fff;display: block}
.videoList li{width:130px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,0.22);margin-left:auto;margin-right:auto;}
.videoListBtn{right:36px;bottom:170px;z-index:100}
.videoList li.last{border-bottom:0 none}

.loReBtn{right:10px;top:30px;color:#ccc}
.loReBtn a{color:#666;margin:0 6px;background-color:#fff}

.login{width:100%;height: 100%;background-color:rgba(0,0,0,0.5);position:fixed;left:0;top:0;z-index:10000}
.login>div{width:480px;height: 295px;background-color:#fff;border-radius: 5px;left:50%;top:50%;position:absolute;margin-left:-240px;margin-top:-147px}
.loTit{border-bottom:1px solid #f5f5f5;padding: 20px 20px 15px;justify-content: space-between;align-items: center;}
.loTit h3{font-size:1.4rem;color:#444;font-weight: 400;}
.loTit a{color:#1c519f}
.login ul{margin: 36px 25px 15px 0;text-align: center;}
.login ul input{width:300px;height: 38px;border:1px solid #e2e2e2;border-radius: 3px;padding:0 5px }
.login ul span{display:inline-block;width:70px;text-align: right;margin-right:5px;color:#666}
.login li{margin-bottom: 10px;}
.forgetPw{margin-left: 125px;color:#1c519f}
.form-submit{width:302px;margin: 15px 0 15px 116px;}
.form-submit button{border-radius: 3px;padding: 0;background: #1c519f;border-radius: 0;border: 0;line-height: 40px;font-size: 18px;color: #fff;width:100%}
.register>div{height:423px;}