body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,img{
    margin:0;padding:0;
    outline:none;
}
a{text-decoration:none;outline:none;cursor: pointer;}
h1,h2,h3,h4,h5,h6,p{font-weight: normal;}
ul,li{list-style:none;}
html{position:relative;width:100%;font-family: Noto Sans CJK SC, Source Han Sans SC,  , Source Han Sans CN, sans-serif,Arial !important;}
body{position:absolute;width:100%;overflow-x:  hidden; transition: all 0.4s ease-in-out;left: 0;}
.container{position:relative;width:100%;font-size:14px;color:#666;line-height:26px;-webkit-text-size-adjust: none;}
input {outline:none;}
input[type=submit],input[type=button] {
    -webkit-appearance: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
strong{font-weight:bold}
.clearfix{*zoom: 1;}
.fl{float:left;}
.fr{float: right;}
.clearfix:after{content: '';display: block;clear: both;height: 0;visibility: hidden;overflow: hidden;}
.clfix{overflow: hidden;}
.container{
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}
.page-cen{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}
.header{
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    height: 100px;
    border-bottom: 1px solid #f2f2f2;
    box-sizing: border-box;
    background: #fff;
}

.header .header-con{
    width: 100%;
    box-sizing: border-box;
    position: relative;
    height: 100%;

}
.header .logo{
    width: 160px;
    height: 100px;
    float: left;
  line-height: 100px;
}
.header .logo img{width: 100%;vertical-align: middle;}
.herder_right{
    float: right;
}
.herder_right .hearder_nav li{
    float: left;
    margin-left: 15px;
    text-align: center;
}
.herder_right .hearder_nav ul{
    padding-top: 50px;
}

.herder_right .hearder_nav li a{
    font-size: 18px;
    color: #333;
    padding: 20px 0;
}
.herder_right .hearder_nav li .topnav{display: block;padding: 0 10px;}
.herder_right .hearder_nav .menuUl{display: none;
    background-color: #fff;text-align: center; padding:0; border-top: 2px solid #1ea3e5;margin-top: 22px;
}
.herder_right .hearder_nav li:hover a,.herder_right .hearder_nav li.active a{color: #1ea3e5;}
.herder_right .hearder_nav li:hover .menuUl{
    opacity: 1;height:inherit;
}
.herder_right .hearder_nav .menuUl li{float: none;margin-left: 0;padding: 10px 0;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s ;
    -ms-transition: all 0.6s ;
    -o-transition: all 0.6s ;
    transition: all 0.6s ;}
.herder_right .hearder_nav .menuUl li a{color: #333;}
.herder_right .hearder_nav .menuUl li:hover a{color: #fff;}
.herder_right .hearder_nav .menuUl li:hover{background-color: #1ea3e5;}

.home-banner .header{
    position: absolute;
}
.home-banner .header.fixed{
    position: fixed;
}
.scale_img{
    overflow: hidden;
    cursor: pointer;
}
.scale_img img{
    display: inline-block;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -ms-transition: -ms-transform 1s;
    transition: transform 1s;

}
.scale_img:hover img{
    -moz-transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
}


.footer{
    width: 100%;
    background: #2e2e2e;
}

.footer-nav-left{
    width: 100%;
    padding:50px 0;
    box-sizing: border-box;
}
.footer-nav-left .link-left{
    float: left;
}
.footer-nav-left .link-left a{
    color:  #aaaaaa;
}
.footer-nav-left .link-left  span{
    padding: 0 15px;
}
.footer-nav-left .link-right{
    float: right;
}
.footer-nav-left .link-right a{
    color:  #fff;
}
.footer-nav-left .link-right  span{
    padding: 0 15px;
}

.footer-nav-right{
    width: 100%;
    float: left;
    margin-top: 65px;
    margin-bottom: 50px;
    overflow: hidden;
}
.footer-nav-right ul{
    /*max-width: 1200px;*/
    /*margin-right: 0px;*/
    margin:0 -24px;

}
.footer-nav-right ul li{
 text-align:left;float: left;
    /*margin-right: 72px;*/
    width: 12.666%;
    padding:0 2%;
}
.footer-nav-right ul li a{
    color: #fff;
    display: block;
}
.footer-nav-right ul li a:hover{
    color: #1ea3e5;
}
.footer-nav-right ul li .foot-title{
    padding-bottom: 10px;
    margin-bottom: 10px;
    /*background: url(../images/footerline.png) bottom repeat-x;*/
}
.footer-nav-right ul li .foot-title a{
    font-size: 14px;
}
.footer-nav-right ul li .foot-list {
    /*padding-right: 64px;*/
    border-top: 1px solid #434343;
    padding-top: 30px;
}
.footer-nav-right ul li .foot-list a{
    font-size: 12px;
    color: #aaaaaa;
}
.foot-widlist a{
    width: 50%;float: left;
}
.footer-nav-right ul li .foot-list a:hover{
    color: #1ea3e5;
}
.copyright{
    border-top: 1px solid #434343;
    box-sizing: border-box;
    background: #242424;
}
.copyright .copyright-text{
    float: left;
    text-align: left;
}
.copyright .copyright-text p{
    color: #aaa;
    padding: 20px 0;
     font-size: 12px;
}
.copyright .copyright-text p a{
    color: #aaa;
   
}
.copyright .copyright-text p a:hover{
    text-decoration: underline;
}
.copyright-icon{
   float: right;    
   margin-top: 15px;

}
.copyright-icon .item{
     width: 36px;
     height: 36px;
     float: left;
     margin-left: 30px;
    position: relative;
}
.copyright-icon .item a{
     display: block;
}
.copyright-icon .item .link-pic{
    position: absolute;
    bottom: 0;
    right: 48px;width: 140px;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
    visibility: hidden;
    height: 0;
    overflow: hidden;}
.copyright-icon .item .link-pic img{width:100%;}
.copyright-icon .item:hover .link-pic{height: 140px;visibility: visible;}
.copyright-icon .weixin{
    background: url(../images/logo_content_01.png) center no-repeat;
}
.copyright-icon .youxiang{
    background: url(../images/logo_content_02.png) center no-repeat;
}
.yiiPager{   max-width: 1200px;
    margin: 50px auto 0;
    text-align: center;}
.yiiPager li {
    display: inline-block;
    border: 1px solid #ccc;
    margin: 0 5px;
    cursor: pointer;
}
.yiiPager li a{color: #999;display: block;padding: 0 10px;padding:0 10px;}
.yiiPager li:hover,.yiiPager .page.selected {
    border-color: #0168b7;
    background-color: #0168b7;
}
.yiiPager .page.selected a ,.yiiPager li:hover a{
    color: #fff;
}




.gotop{
    width: 50px;
    height: 50px;
    cursor: pointer;
    position: fixed;
    right: 30px;
    bottom: 20%;
    z-index: 99999;
    background: url(../images/go_top.png) no-repeat 0px 0px;
    transition: background .3s ease-in;
    -moz-transition: background .3s ease-in;
    -webkit-transition: background .3s ease-in;

}
.gotop:hover{
    background: url(../images/go_top.png) no-repeat 0px -50px;

}
.bblank{
    width: 100%;
    height: 100px;

}
.hbanner{
    width: 100%;
    height: 360px;
    position: relative;
    overflow: hidden;
}
.hbanner .hbanner-img{
    position: absolute;
    width: 1920px;
    left: 50%;
    margin-left: -960px;
    top: 0;
    z-index: -1;
}
.hbanner .hbanner-img .hb-img{
    width: 100%;
    margin: 0 auto;
}
.hbanner .hbanner-img .hb-img img{
    width: 100%;
    display: inherit;
}
.hbanner-con{
    width: 100%;
    z-index: 2;
    margin-top: 110px;
}
.hbanner .page-cen{text-align: center;}
.hbanner-title{
    display: inline-block;
    color: #fff;
    margin: 0 auto;

}
.hbanner-title-left{
    float: left;
    padding-right: 20px;
    border-bottom: 1px solid #fff;text-align:center;
}
.hbanner-title-right{
    float: left;
    padding-top: 18px;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;text-align:center;
}

.hbanner-title-right img{display: block;height:32px;}
.hbanner-title h2{
    font-size: 36px;
    /*font-weight: bold;*/
    line-height: 60px;
    color: #fff;
}
.hbanner-title p{
    padding-top: 15px;
    font-size: 18px;
    /*font-weight: bold;*/
    color: #fff;
}
.green .hbanner-title-left,.green .hbanner-title-right{border-color:#3d7a10;}
.green .hbanner-title-left h2{color:#3d7a10;}
.hbanner-title .title-right .wfEditorMode{
    position: absolute;
    left: 140px;
    top: 20px;
}
.hbanner-nav{
    width: 100%;
    height: 60px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #f9f9f9;
    text-align: center;
}
.hbanner-nav .nav-list{
    float: left;
    line-height: 58px;
    text-align: left;
}





.hbanner-nav .nav-list .list{
    display: inline-block;
}
.hbanner-nav .nav-list a{
    font-size: 14px;
    color: #666;
    box-sizing: border-box;
    display: block;
    padding: 0 20px;
   
}

.hbanner-nav .nav-list a:hover,.hbanner-nav .nav-list a.current{
    color: #0a62a9;    
    border-bottom: 2px solid #0a62a9;
}

.nav-crumbs {
    float: right;
    line-height: 60px;
    color: #666;
}
.nav-crumbs a{
    color: #666;
}
.nav-crumbs span{
    padding: 0 5px;
}
.nav-crumbs a.active,.nav-crumbs a:hover{
    text-decoration: none;
}
.page-title{
    text-align: center;
    padding-top: 100px;
    padding-bottom: 50px;
}
.page-title h2{
    /*font-weight: bold;*/
    font-size: 30px;
    color: #000;
    padding-bottom: 10px;
}
.page-title p{
    color: #c9c9c9;
    font-size: 16px;
}
.page-title2 h2{
    color: #fff;
}
.page-title2 p{
    color: #fff;
}
.page-text p{padding-bottom:32px;color:#333;font-size: 13px;}
.page-text p span{color:#0168b7;}
.border-bottom{border-bottom: 1px solid #e2e2e2;}
.border-top{border-top: 1px solid #e2e2e2;}


.company{
    padding: 0 72px;
}
.company img{width: 100%;height: auto;}
.relative{position:relative;}
.company p{color: #333;font-size: 13px;line-height: 29px;margin-bottom: 32px;text-align: center;}
.join,.contact,.solutions{padding: 60px 0;}
.company-item {padding: 60px 0;overflow: hidden;max-width:1056px;margin: 0 auto;}
.company-item ul{margin-left: -10px;margin-right: -10px;}
.company-item ul li{float: left;width:18%;margin:0 1% 10px;height: 75px;}
.company-item ul li img{float: left;}
.company-item ul .company-info{ padding: 10px 0px 10px 10px;float: left;}
.company-item ul .company-info span{font-size: 30px;color: #333;}
.company-item ul .company-info p{font-size: 13px;color: #666;}
.company-item .item-2{margin-left: -4px;margin-right: -4px;}
.company-item .item-2 .item{float: left;margin: 0 0.5% 10px;width: 49%;}
.company-item .item-2 .item img{width: 100%}
.qualification{margin-bottom: 50px;}
.qualification p{color: #666;font-size: 13px;line-height:29px;text-align: center;}
.video-box{height: 145px;width: 450px;position: absolute;top:50%;left: 50%;margin-top: -72px;margin-left: -225px;}
.video-box .video-play{width:70px;height: 70px;background:url(../images/play.png) no-repeat center center;margin: 0 auto 8px;}
.video-box .video-text{}
.video-box .video-text h2{padding: 30px 0;color: #fff;text-align: center;font-size: 30px;letter-spacing:12px;}
.video-box .video-text p{color:#c9c9c9;font-size: 16px;text-align: center;font-weight: 600;letter-spacing: 2px;}
.video-image img{width: 100%;min-height: 240px;display: block;}
.csscontrol{position: absolute;text-align: center;
    bottom:0;width: 200px;left: 50%;margin-left: -100px;}
.csscontrol div{
    display: inline-block;
    margin: 0 10px;width: 36px;height: 36px;
}
.csscontrol{display: none;}
.csscontrol .jp-play{
    background:url(../images/jp_play.png) no-repeat center;
}
.csscontrol .jp-pause{
    background:url(../images/jp_pause.png) no-repeat center;
}
.csscontrol .jp-stop{
    background:url(../images/jp_stop.png) no-repeat center;
}
.about-slider{position: relative;}

.about-slider li{width:264px;float: left;margin: 0 15px;height: 260px;overflow: hidden;text-align: center;}
.about-slider li img{height: 180px}
.about-slider li h4{text-align: center;font-size: 14px;line-height: 18px;}
.sider-pre {
    position: absolute;
    width: 36px;
    height: 36px;
    top: 38%;
    margin-top: -18px;
    left: -16px;
    background: url(../images/pre_01.png) center no-repeat;
    transition: background .3s ease-in;
    -moz-transition: background .3s ease-in;
    -webkit-transition: background .3s ease-in;
    cursor: pointer;
}
.sider-pre:hover{
    background: url(../images/pre_02.png) center no-repeat;
}
.sider-next{
    position: absolute;
    width: 36px;
    height: 36px;
    top: 38%;
    margin-top: -18px;
    right: -16px;
    background: url(../images/next_01.png) center no-repeat;
    transition: background .3s ease-in;
    -moz-transition: background .3s ease-in;
    -webkit-transition: background .3s ease-in;
    cursor: pointer;
}
.sider-next:hover{
    background: url(../images/next_02.png) center no-repeat;
}
.padd-b130{padding-bottom: 130px;}
.page-culture{background: url(../images/about-culture.jpg) no-repeat center center;padding: 100px 0 130px;background-size: cover;}
.culture-box{padding: 0 80px;text-align: center;}
.culture-box .culture-title{padding-bottom: 50px;}
.culture-box .culture-title h2{color: #fff;font-size:30px;padding-bottom: 10px;}
.culture-box .culture-title p{color: #c9c9c9;font-size: 16px;}
.culture-text{max-width: 640px;text-align: center;color: #fff;font-size: 13px;margin: 0 auto;}
.culture ul{text-align: center;padding-top: 80px;display: inline-block;margin: 0 auto;}
.culture ul li{margin:0 30px;display:block;float: left;}
.culture .culture-icon{width: 50px;height: 50px;float:left;padding:6px;padding-right: 20px;border-right: 1px solid #fff;}
/*.culture .culture-icon.icon-1{background:url(../images/culture-01.png) no-repeat left center;}
.culture .culture-icon.icon-2{background:url(../images/culture-02.png) no-repeat left center;}*/
.culture-info{text-align: left;float: left;margin-left:20px;width: 314px; }
.culture-info h2{font-size: 20px;color: #fff;line-height: 30px;}
.culture-info p{font-size: 12px;color: #fff;line-height: 14px;}
.page-news{padding-bottom: 74px;}
.news{padding-top: 60px;padding-bottom: 28px;}
.news .news-imgage{width:36%;height:250px;float: left;overflow: hidden;line-height: 250px;background-color: #ccc;text-align: center;}
.news .news-imgage img{display: block;width: 100%;height: 100%;}
.news .news-info{float: left;width: 60%;margin-left: 4%;}
.news .news-info{line-height: 28px;padding-top: 24px;}
.news .news-info .news-title{font-size: 18px;line-height: 38px;font-weight:600;}
.news .news-info .news-date{color:#999999;line-height: 32px;}
.news .news-info .news-link{padding-top: 34px;}
.news-title a{color: #666;}
.news .news-info .news-link a{color:#0168b7;}
.news-list{padding: 30px 0; }
.news.news-list .news-imgage{width:200px;height: 130px;text-align: center;line-height: 130px;background-color: #ccc;}
.news.news-list .news-info{float: left;width:970px;margin-left: 30px;}
.news.news-list .news-info{line-height: 28px;padding-top:0;}
.news.news-list .news-info .news-title{font-size: 14px;font-weight:600;color: #666;}
.news.news-list .news-info .news-date{color:#999999;line-height: 32px;}

.news.news-list .news-info .news-text span{overflow: hidden;
    display: block;
    height: 60px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
.news.news-list .news-info .news-text a{color:#0168b7;}
.page-environmental .environmental{padding: 58px 0 20px;}
.page-environmental .environmental1{padding: 58px 100px 20px;}
.page-environmental .environmental .env-item{padding-bottom: 80px;}
.env-item .env-image{text-align: center}
.env-item .env-image,.env-item p{width: 560px;}
.env-item .env-image img{max-width: 100%;}
.env-item .imgtitle{text-align: center;}
.env-item .imgcont{text-align: center;max-width: 801px;margin:100px auto 0;}
.env-item .imgtitle img{width: 250px;height: auto}
.env-item .imgcont img{width: 100%;height: auto;}
.bgec{background-color: #eceef6;}
.env-item .envlist{margin: 0 -24px 0 0;padding: 80px 0;}
.env-item .envlist li{/*float: left;*/display:inline-block;width: 31%;
    margin-left:-4px;padding: 0 1% 24px;vertical-align: top;}

.env-item .envlist li .title{color:#015c9e;font-weight: 600;}
.env-item .envlist li p{width: 100%;}
.env-productDetails .detail-title{padding-bottom: 20px;}
.env-productDetails .detail-title h4{font-size: 18px;color:#0168b7; line-height: 100%;}
.case-detail .detail-title h4{font-size: 22px;line-height:24px;text-align: center;color: #333;}
.env-productDetails .detail-image{text-align: center;margin-top: 20px;}
.env-productDetails.details .detail-title h4{font-size: 24px;text-align: center;color: #333;max-width: 800px;margin: 0 auto;line-height: 30px;}
.env-productDetails .detail-cont{padding: 40px 0;}
.env-productDetails .detail-cont .detail-imageList{margin: 0 -24px;}
.env-productDetails .detail-cont .detail-imageList li{width: 368px;margin: 0 24px 24px;float: left;}
.env-productDetails .detail-cont .detail-imageList li img{width: 100%;}
.env-productDetails .detail-cont .equipment{width: 1200px;}
.env-productDetails .detail-cont .flowchart{text-align: center;}
.env-productDetails .detail-cont .text{max-width:1200px;margin:0 auto;}
.env-productDetails .detail-cont .text p{line-height: 28px;color: #666666;}
.env-productDetails .detail-cont .text p img{max-width: 1200px;max-height: none;height: auto;margin: 0;}
.page-environmental .development .text{padding: 0 90px;}

.development-slider{position: relative;margin: 0 -16px;}
.development-slider .development-wrap{margin:0 -15px;overflow: hidden;}
.development-slider .sider-pre {left:-30px;background: url(../images/pre_11.png) center no-repeat;}
.development-slider .sider-pre:hover{ background: url(../images/pre_12.png) center no-repeat;}
.development-slider .sider-next{right:-30px; background: url(../images/next_11.png) center no-repeat;}
.development-slider .sider-next:hover{background: url(../images/next_12.png) center no-repeat;}
.development-slider li{width:23%;float: left;margin: 0 1%;overflow: hidden;}
.development-slider li img{width: 100%;}
.page-advantage{background-color: #f7f7f7;}
.page-advantage .advantage .page-text{padding:0;}
.page-advantage .advantage1 .page-text{padding:0 100px;}
.page-advantage .page-title h2{color: #000;}
.page-advantage .page-title p{color: #999999;}
.advantage-list{text-align: center;margin-bottom: 100px;}
.advantage-list li{display:inline-block;margin: 0 80px 20px;vertical-align: top;width: 180px;font-size: 12px;}
.advantage-list li .list-icon{height: 64px;margin-bottom: 20px;}
.advantage-list li p{color: #666;text-align: left;}
.advantage-list li .list-icon{text-align: left;}
.advantage-list li .list-icon img{vertical-align: middle;}
.advantage-list li .list-icon .text{margin-left: 16px;display: inline-block;vertical-align: middle;}
.advantage-list li .list-icon .text h4{font-size: 14px;color:#333;line-height: 100%;}
.advantage-list li .list-icon .text span{font-size: 12px;color: #999;}
.solutions .solutions-list{margin: 0 -24px;}
.solutions .solutions-list li{position: relative;width: 29.333%;margin-bottom: 22px;/*float: left;*/display: inline-block;margin-right: -3px;padding: 0 2%;}
.solutions .solutions-list li .solution-image{overflow: hidden;max-height: 260px;}
.solutions .solutions-list li img{display: block;width: 100%;
    -webkit-transition: -webkit-transform 1s ease-out;
    -moz-transition: -moz-transform 1s ease-out;
    -ms-transition: -ms-transform 1s ease-out;
    transition: transform 1s ease-out;}
.solutions .solutions-list .solution-title{height: 78px;border-top:5px solid #e3e3e3;color: #666;font-size: 16px;line-height: 78px;text-align: center;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;}
.solutions .solutions-list li a:hover img{
    -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}
.solutions .solutions-list li a:hover .solution-title{
    border-top-color:#0168b7;color: #0168b7;
    -webkit-box-shadow: 0px 1px 12px 2px #e3e3e3;
    -moz-box-shadow:0px 1px 12px 2px #e3e3e3;
    box-shadow:0px 1px 12px 2px #e3e3e3;}
.page-case .line-end{height: 1px;background-color:#CCC;margin: 60px 0;}
.page-case .line-end .page-cen{height: 1px;}
.page-case .line-end .caseLIst-btn{position:absolute;right:0;top:-15px;/*width: 80px;*/height: 30px;background-color: #fff;padding: 0 30px;color: #666}
/*.page-case .line-end .caseLIst-btn:after{content: '';position: absolute;top:0;margin-top:0;right: 0;background:url(../images/case-1.png) no-repeat center;width: 74px;height: 30px;background-color: #fff;}*/
.page-case .line-end .caseLIst-btn.active:after{background-image: url(../images/case-2.png);}
.page-case .pageBox{margin-bottom: 40px;}
.join{margin: 0 auto;}
.join .list-item3 ul{
    text-align: center;margin: 0 auto;
}
.join .list-item3 ul li{
    display: inline-block;
    vertical-align:top;
    margin:0 30px 20px;
    width: 220px;
}
.join .list-item3 ul li div{
    padding-top: 80px;
}
.join .list-item3{margin: 40px 0;}
.join .list-item3 ul li h4{font-size: 16px;color: #000;padding:20px 0;line-height: 100%; }
.join .list-item3 ul li p{font-size: 12px;color: #666;}
.join .list-item3 .phone{background:url(../images/phone.png) no-repeat center top;}
.join .list-item3 .tel{background:url(../images/tel.png) no-repeat center top;}
.join .list-item3 .email{background:url(../images/email.png) no-repeat center top;}
.join .list-item3 .address{background:url(../images/address.png) no-repeat center top;}
.join-title h4{text-align: center;font-size: 18px;color: #000;}
.join-info p{margin-bottom: 24px;line-height: 24px;font-size: 14px;color: #333;}
.join-foot{text-align: right;padding-bottom: 26px;}

.join-foot span{vertical-align: middle;}
.join-foot img{vertical-align: middle;}
.contact .contact-us{width: 38%;margin-right: 2%;float: left;color: #000;}
.contact .map{width:60%;float: left;height: 370px;}
.contact .contact-us h2{font-size: 30px;line-height: 90px;}
.contact .contact-us p{font-size: 18px;line-height: 38px;}
.contact .contact-us li{font-size: 14px;color: #666;height: 40px;line-height: 24px;padding-left: 46px;background: url(../images/contact_icon.png) no-repeat;margin-bottom: 10px;margin-top: 20px;}
.contact .contact-us li.tel{background-position: 0 0;}
.contact .contact-us li.fax{background-position: 0 -41px;}
.contact .contact-us li.email{background-position: 0 -82px;}
.contact .contact-us li.address{background-position: 0 -122px;}
.contact .contact-us li.zip{background-position: 0 -163px;}
.page-form{margin-bottom: 116px;}
.page-form .list.error .item{
    border:1px solid red;
}
.page-form .item {
    width: 46%;margin:2%;height: 50px;line-height: 50px;background-color:#fff;outline: none;border:1px solid #93989d;float: left;padding: 0 2%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
.page-form textarea{
    resize: none;width: 96%;
    margin:2%;height: 150px;line-height: 30px;background-color:#fff;outline: none;border:1px solid #93989d;float: left;padding:10px 1%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
.page-form .submit_btn{text-align: center;}
.page-form .submit_btn button{width: 200px;height: 60px;line-height: 60px;color: #fff;font-size: 16px;border:none;outline: none;background-color:#0168b7;border-radius: 6px;}
.recruit-item{padding: 24px 24px 0;background-color:#f7f7f7;margin-bottom: 30px;border:1px solid #dae2e9;cursor: pointer;}
.recruit-item .recruit-box{background: url(../images/arrow_d_b.png) no-repeat right bottom;}
.recruit-item.active .recruit-box{background:url(../images/arrow_u_b.png) no-repeat right bottom;}
.recruit-item .recurit-title,.recruit-recuritment,.recruit-welfare,.recruit-description .des-item{margin-bottom: 24px;}
.recruit-item .recurit-title h4{font-size: 18px;color: #0168b7;line-height: 100%;}
.recruit-item .recruit-view{display: none}
.recruit-recuritment li{float: left;width: 20%}
.recruit-welfare li{float:left;padding:12px 50px;margin-right: 20px;text-align: center;border:1px solid #0168b7;margin-bottom: 20px;}
.recruit-description{color: #333;font-size: 13px;}
.recruit-description .des-title h4{font-weight: 600; }

.search-area {text-align: center;margin-top: 100px}
.search-area form{display: inline-block;}
.search-area .search_input{   float: left; border: 1px solid rgb(150,150,150);width: 417px;font-size: 16px;height: 30px;line-height: 30px;padding: 2px 53px 2px 5px;}
.search-area .btn{width: 116px;
    height: 36px;
    float: left;
    border: 0;
    cursor: pointer;
    color: #fff;
    background: rgb(200,200,200)

}
.search-error,.search-result-empry{text-align: center;width: 100%;padding: 50px 0;max-width:1200px;margin:0 auto;}
.search-result-content{max-width:1200px;margin:auto;}
.search-item{padding: 20px 0;border-bottom:1px dashed #333;}
.videoPlay1{position: absolute;top:0;left:0;width: 100%;height: 100%}
.organ-structure .company{text-align: center;}
.organ-structure .company img{max-width: 800px;}


.solutions .solutions-list li a.wfEditorMode{position: absolute;right:15px;z-index: 9}
.nopadding{padding: 0 !important;}
.caselist{width: 100%;}
.caselist .w100{width: 10%;}
.caselist .w200{width:12%;}
.caselist thead tr{background-color:#0962aa;color: #fff;}
.caselist tr{border-bottom: 1px solid #999;}
.caselist tbody tr:nth-of-type(n){background-color:#d4d3e1;color: #666;}
.caselist tbody tr:nth-of-type(2n){background-color:#acb3d3;color: #fff;}
.caselist td,.caselist th{border-left:1px solid #999;border-right:1px solid #999;padding: 10px;text-align: center;}
.casemore-btn{display: inline-block;padding: 6px 26px;line-height: 36px;background-color:#0962aa;color: #fff;margin: 30px 16px;}
.case-list ul li{padding-top: 30px;}
.case-list li .list-image{position:relative;width:360px;height: 200px;overflow: hidden;float: left;}
.case-list li .list-image img{width: 100%;position: absolute;
    top:0;left: 0;right: 0;bottom: 0;margin: auto;}
.case-list li .list-text{width:780px;float: right; }
.case-list li .list-text .list-title{font-weight: 600;line-height: 30px;font-size: 18px;height: 30px;overflow: hidden;margin: 30px 0 15px;color: #333;}
.case-list li .list-text .list-info{height:80px;overflow: hidden;font-size: 14px;line-height: 20px;color: #666;word-wrap:break-word;white-space: normal;display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;}
.case-list li .list-text .list-link{color:#0168b7;}


