@charset "UTF-8";

body, h1, h2, h3, h4, h5, h6, p, form{margin:0;}
body{min-width: 1300px;}
ol,ul{margin:0; padding:0;}
ul{margin:0; padding:0;}
ul li{list-style: none; }
img{-webkit-transition: all 0.3s ease;-moz-transition:  all 0.3s ease;transition:  all 0.3s ease;}
a{text-decoration: none; color: #303030;-webkit-transition: all 0.2s ease;-moz-transition:  all 0.2s ease;transition:  all 0.2s ease;}
a:hover{text-decoration: none; color: #2dafbc; }
*{box-sizing: border-box;}
body {
    background: #fff;
    font-family:  "Microsoft YaHei","微软雅黑","Open Sans", Arial, SimSun, sans-serif;
    font-style: normal;
    position: relative;
    font-size: 14px;
    color: #333;
}
.clearfix:before,.clearfix:after{
    content:"";
    display:table;
}
.clearfix:after{clear:both;}
.container{width: 1340px; padding-left: 10px;padding-right: 10px;  margin-left: auto;margin-right: auto;position:relative;}
.fl{ float: left;}
.fr{  float: right;  }
.mt-50{ margin-top: 50px;  }
.bold{  font-weight: bold;  }
.c-auto{display: block;margin-left: auto;margin-right: auto;}
.t-c{text-align: center;}
.i-b{display: inline-block;}
.img-auto{  display: block;  width: 100%;  height: 100%; }
.img-res{display: block;max-width: 100%;height: auto;}

::-webkit-scrollbar              {/* 1 */width:9px; background-color:#333;}
::-webkit-scrollbar-button       {/* 2 */}
::-webkit-scrollbar-track        {/* 3 */}
::-webkit-scrollbar-track-piece  {/* 4 */}
::-webkit-scrollbar-thumb        {/* 5 */border:solid 2px #333; width:5px;  border-radius:4px; background-color:#fff;}
::-webkit-scrollbar-corner       {/* 6 */background-color:#333;}
::-webkit-resizer                {/* 7 */}
::-webkit-scrollbar:horizontal   {height:9px;}

@font-face {
    font-family: part-tit;
}

.header-top{
    width: 100%;
    height: 32px;
    background: #313131;
    line-height: 32px;
    color: #fff;
}
.welcome{
    float: left;
    font-size: 12px;
}
.phone{
    float: left;
    height: 18px;
    background: url("../images/phone.png") no-repeat left center;
    padding-left: 24px;
    line-height: 18px;
    margin-top: 7px;
    width: 140px;
}
.hd-top-r{
    float: right;
}
.hd-top-r a{
    font-size: 12px;
    color: #fff;
    float: right;
    margin-top: 10px;
    height: 12px;
    position: relative;
    line-height: 12px;
    margin-left: 18px;
}
.hd-top-r a:before{
    content: '';
    position: absolute;
    display: block;
    width: 1px;
    height: 12px;
    background: #fff;
    left: -18px;
    top: 0;
}
.hd-top-r a:hover{
    text-decoration: underline;
}
.header{
    height: 96px;
    position: relative;
    z-index: 999;
    width: 100%;
    background: rgba(255,255,255,0.95);
    -webkit-transition: all 0.3s ease;-moz-transition:  all 0.3s ease;transition:  all 0.3s ease;
    box-shadow: 0 0 12px #ccc;
}
.header2{
    position: fixed !important;
    top: 0;
    left: 0;
    height: 60px !important;
}
.header2 .logo{
    margin-top: 8px;
}
.header2 .main-nav>li>a{
    height: 60px;
    line-height: 56px;
}
.header2 .bh{
    top: 60px;
}

.logo{
    margin-top: 24px;
    float: left;
}
.logo a{
    display: block;
    width: 144px;
    float: left;
}
.logo div{
    float: left;
    margin-left: 36px;
    width: 159px;
    margin-top: 3px;
}
.main-nav{
    float: right;
}
.main-nav>li{
    float: left;
    font-size: 16px;
    position: relative;
    padding: 0 22px;
}
.main-nav>li>a{
    display: block;
    height: 96px;
    line-height: 92px;
    border-bottom: 4px solid transparent;
}
.main-nav>li.on>a{
    border-bottom: 4px solid #eb6100;
}
.main-nav>li>a:hover{
    color: #333;
    border-bottom: 4px solid #eb6100;
}
.bh{
    position: absolute;
    top: 96px;
    z-index: 999;
    left: 0;
    text-align: center;
    width: 100%;
    display: none;
    box-shadow: 0 2px 10px #eee;
}
.bh ul li{
    width: 100%;
}
.bh ul li a{
    display: block;
    width: 100%;
    height: 49px;
    border-bottom: 1px dashed #cccc;
    line-height: 48px;
    background: #fff;
    font-size: 12px;
}
.bh ul li:last-child a{
    border-bottom: none;
}
.bh ul li a:hover{
    background: #eb6100;
    color: #fff;
    border-bottom: 1px solid #eb6100;
}



.banner{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.banner .swiper-pagination{
    bottom: 20px;
    left: 0;
    right: 0;
}
.banner .swiper-pagination-bullet{
    width: 32px;
    height: 8px;
    background: #fff;
    margin: 0 4px 0;
    border-radius: 4px;
    opacity: 1;
    border: 1px solid #fff;
}
.banner .swiper-pagination-bullet-active{
    background: transparent;
}
.part1{
    padding-top: 80px;
    padding-bottom: 86px;
}
.part-tit1{
    text-align: center;
    position: relative;
    height: 90px;
    z-index: 1;
}
.part-tit1 h2{
    font-size: 40px;
    position: relative;
    z-index: 1;
    font-weight: normal;
}
.part-tit1 h2 span{
    font-weight: bold;
    color: #2dafbc;
}
.part-tit1 p{
    font-size: 40px;
    font-weight: lighter;
    color: #e4e4e4;
    position: relative;
    top: -32px;
    z-index: 0;
}
.part-tit1 i{
    display: block;
    width: 30px;
    height: 2px;
    background: #2dafbc;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
}
.tl-bg{
    width: 100%;
    height: 250px;
    background: url("../images/tl-bg.jpg") no-repeat center;
    background-size: cover;
    overflow: hidden;
}
.tl-txt{
    margin-left: 90px;
    position: relative;
    margin-top: 70px;
}
.tl-txt:before{
    content: '';
    display: block;
    width: 58px;
    height: 4px;
    background: #fff;
    position: absolute;
    left: -90px;
    top: 18px;
    box-shadow: 1px 1px 4px #999;
}
.tl-txt .cn{
    font-size: 30px;
    color: #fff;
    letter-spacing: 3px;
    text-shadow: 1px 1px 4px #737373;
}
.tl-txt .cn span{
    font-weight: bold;
}
.tl-txt .en{
    color: #a3d0d5;
    font-weight: bold;
    margin-top: 10px;
    letter-spacing: 1px;
}
.part-tit{
    text-align: center;
    position: relative;
    height: 90px;
    z-index: 1;
}
.part-tit h2{
    font-size: 40px;
    position: relative;
    z-index: 1;
}
.part-tit p{
    font-size: 40px;
    font-weight: lighter;
    color: #e4e4e4;
    position: relative;
    top: -32px;
    z-index: 0;
}
.part-tit i{
    display: block;
    width: 30px;
    height: 2px;
    background: #2dafbc;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
}
.slogan{
    text-align: center;
    font-size: 16px;
    margin-top: 20px;
    line-height: 30px;
}
.part2{
    padding-top: 80px;
    width: 100%;
    background: #f3f8f9;
    padding-bottom: 80px;
}
.case-slide{
    margin-top: 20px;
}
.case-slide .hd ul li{
    float: left;
    width: 178px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    margin: 0 6px;
    background: #2dafbc;
    cursor: pointer;
}
.case-slide .hd ul li.on{
    background: #1f96a2;
}
.case-slide .hd ul li a{
    display: block;
    width: 100%;
    height: 100%;
    background: #d2d2d2;
    color: #fff;
}
.case-slide .bd{
    margin-top: 30px;
}
.case-list{
    margin-left: -12px;
}
.case-list li{
    width: 432px;
    float: left;
    margin-left: 12px;
    margin-bottom: 35px;
}
.case-list li:hover .case-intro{
    top: 0;
}
.case-img{
    width: 100%;
    height: 290px;
    overflow: hidden;
    margin-bottom: 15px;
    position: relative;
}
.case-list li:hover .case-img img{
    transform: scale(1.1);
}
.case-name{
    float: left;
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
}
.case-tag{
    float: right;
    padding-left: 20px;
    color: #999;
  font-size: 12px;
    height: 16px;
    line-height: 16px;
    background: url("../images/tag.png") no-repeat left center;
}
.part3{
    padding-top: 80px;
    padding-bottom: 70px;
}
.seo-list{
    margin-left: -24px;
}
.seo-list li{
    float: left;
    width: 648px;
    border: 1px solid #dcdcdc;
    background: #f5f5f5;
    margin-left: 24px;
    margin-bottom: 24px;
    height: 180px;
}
.seo-list li a{
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 30px;
    color: #333;
}
.seo-logo{
    width: 212px;
    float: left;
    margin-left: 36px;
}
.seo-r{
    float: left;
    width: 305px;
    margin-left: 36px;
}
.seo-list li:hover{
    border: 1px solid #2dafbc;
}
.seo-r h3{
    font-size: 16px;
    margin-bottom: 15px;
}
.seo-r p{
    font-size: 12px;
    line-height: 18px;
}
.seo-slide{
    margin-top: 30px;

}
.seo-slide .hd ul{
    margin-top: 40px;
}
.seo-slide .hd ul li{
    float: left;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #d2d2d2;
    margin: 0 7px;
    position: relative;
    cursor: pointer;
}
.seo-slide .hd ul li.on{
    background: #2dafbc;
}
.seo-slide .hd ul li.on:after{
    width: 21px;
    height: 21px;
    border-radius: 50%;
    position: absolute;
    content: '';
    display: block;
    border: 1px solid #2dafbc;
    left: -5px;
    top: -5px;
}
.part4{
    width: 100%;
    background: url("../images/part4-bg.jpg") no-repeat center;
    background-size: cover;
    height: 840px;
    padding-top: 70px;
    overflow: hidden;
}
.part4 .part-tit{
    color: #fff;

}
.part4 .part-tit i{
    background: #fff;
}
.part4 .part-tit p{
    color: #525354;
}
.slogan2{
    color: #fff;
    text-align: center;
    line-height: 30px;
    margin-top: 15px;
}
.plan-slide{
    margin-top: 35px;
    position: relative;
}
.plan-slide .hd span{
    display: block;
    width: 30px;
    height: 52px;
    position: absolute;
    top: 50%;
    margin-top: -26px;
    cursor: pointer;
    opacity: 0.5;
    -webkit-transition: all 0.2s ease;-moz-transition:  all 0.2s ease;transition:  all 0.2s ease;
}
.plan-slide .hd span.prev{left: -50px;background: url("../images/arr-l.png") no-repeat center;}
.plan-slide .hd span.next{right: -50px;background: url("../images/arr-r.png") no-repeat center;}
.plan-slide .hd span:hover{
    opacity: 1;
}
.plan-slide .bd ul li{
    width: 264px;
    height: 470px;
    float: left;
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    padding-top: 162px;
    -webkit-transition: all 0.2s ease;-moz-transition:  all 0.2s ease;transition:  all 0.2s ease;
}
.plan-icon{
    width: 74px;
    height: 74px;
    margin: 0 auto 20px;
}
.plan-slide .bd ul li p{
    margin-bottom: 5px;
}
.plan-slide .bd ul li a{
    display: block;
    width: 120px;
    height: 36px;
    margin: 80px auto 0;
    color: #fff;
    border: 1px solid #fff;
    font-size: 14px;
    line-height: 34px;
    opacity: 0;
}
.plan-slide .bd ul li:hover{
    padding-top: 110px;
}
.plan-slide .bd ul li:hover a{
    opacity: 1;
}
.plan-slide .bd ul li a:hover{
    letter-spacing: 1px;
}
.part5{
    background: #f5f5f5;
    padding-top: 80px;
    padding-bottom: 70px;
}
.news-slide{
    position: relative;
    margin-top: 20px;
}
.news-slide .hd ul li{
    float: left;
    width: 114px;
    margin: 0 3px ;
    height: 42px;
    background: #2dafbc;
    color: #fff;
    text-align: center;
    line-height: 42px;
    cursor: pointer;
}
.news-slide .hd ul li.on{
    background: #1f96a2;
}
.news-slide .hd ul li a{
    display: block;
    color: #fff;
    background: #d2d2d2;
}
.news-slide .bd{
    margin-top: 40px;
}
.hl-news{
    width: 424px;
    float: left;
    height: 408px;
    box-shadow: 0 0 5px #ccc;
    padding: 34px 32px 0;
    background: #fff;
    display: block;
}
.hl-img{
    width: 100%;
    height: 230px;

}
.hl-news h3{
    font-size: 16px;
    font-weight: normal;
    margin-top: 20px;
    margin-bottom: 12px;
}
.hl-news p{
    font-size: 12px;
    color: #999999;
    line-height: 20px;
}
.news-right{
    float: right;
    width: 868px;
    box-shadow: 0 0 5px #ccc;
}
.news-right li{
    float: left;
    width: 434px;
    border-right: 1px dashed #e5e5e5;
    border-bottom: 1px dashed #e5e5e5;
    background: #fff;
    height: 136px;
    padding-top: 36px;
}
.news-right li:nth-child(2n){
    border-right: none;
}
.news-right li:nth-child(5),.news-right li:nth-child(6){
    border-bottom: none;
}
.news-date{
    width: 120px;
    float: left;
    text-align: center;

}
.news-date p{
    font-size: 36px;
}
.news-date span{

}
.news-r{
    float: left;
    width: 284px;
}
.news-r a{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
}
.news-r p{
    margin-top: 8px;
    color: #999999;
    line-height: 20px;
    font-size: 12px;
}
.more-btn{
    width: 180px;
    height: 42px;
    border: 1px solid #2dafbc;
    display: block;
    text-align: center;
    line-height: 40px;
    margin: 50px auto 0;
}
.part6{
    padding-top: 80px;
    padding-bottom: 100px;
}
.partner-list{
    margin-top: 40px;
    border-left: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc;
    margin-left: -1px;
}
.partner-list li{
    width: 264px;
    height: 92px;
    border-right: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    float: left;
    overflow: hidden;
}
.partner-list li a:hover img{
    transform: scale(1.1);
}
.part7{
    width: 100%;
    background: url("../images/part7-bg.jpg") no-repeat center;
    background-size: cover;
    height: 486px;
}
.part7 .container{
    position: relative;
}
.part7-l{
    float: left;
    width: 440px;
    height: 486px;
    background: rgba(31,150,162,0.9);
    color: #fff;
    padding: 62px 30px 0 38px;
}
.gy{
    font-size: 32px;
    font-weight: bold;
    width: 220px;
    float: left;
    line-height: 36px;
}
.gy span{
    font-size: 24px;
}
.qr-wrap{
    float: right;
    max-width: 148px;
    padding: 7px;
    background: #81bec4;
}
.part7-l-bt{
    position: relative;
    margin-top: 36px;
    overflow: hidden;
}
.part7-l-bt:before{
    content: '';
    display: block;
    width: 156px;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
}
.part7-l-bt>div{
    padding-left: 30px;
    margin-top: 20px;
    min-height: 22px;
}
.part7-l-bt>div p{
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 22px;
}
.part7-l-bt>div span{
    font-size: 24px;
    font-weight: bold;
}
.dh{
    background: url("../images/cont-icon1.png") no-repeat left top;
}
.dz{
    background: url("../images/cont-icon2.png") no-repeat left top;
}
.part7-r{
    width: 810px;
    float: right;
    padding-top: 68px;
}
.part7-r-top{
    width: 100%;
}
.part7-r-top>div{
    float: left;
    width: 25%;
    height: 28px;
    line-height: 28px;
    color: #fff;
    padding-left: 36px;
}
.part7-r-top>div:nth-child(1){background: url("../images/form-icon1.png") no-repeat left center;}
.part7-r-top>div:nth-child(2){background: url("../images/form-icon2.png") no-repeat left center;}
.part7-r-top>div:nth-child(3){background: url("../images/form-icon3.png") no-repeat left center;}
.part7-r-top>div:nth-child(4){background: url("../images/form-icon4.png") no-repeat left center;}
.part7-r-form{
    margin-top: 50px;
}
.part7-r-form p{
    font-weight: bold;
    font-size: 20px;
    color: #fff;
}
.msg-form input[type=text]{
    width: 400px;
    height: 38px;
    border: none;
    outline: none;
    padding: 0 12px;
    margin-bottom: 11px;
    margin-top: 16px;
}
.msg-form textarea{
    padding: 10px 12px;
    resize: none;
    border: none;
    outline: none;
    height: 135px;
    width: 100%;
}
.sub-row{
    margin-top: 19px;
    line-height: 38px;
}
.sub-row span{
    font-size: 12px;
    color: #999999;
}
.sub-row input{
    width: 216px;
    height: 38px;
    color: #fff;
    outline: none;
    border: none;
    background: #eb6100;
    margin-left: 20px;
}
.footer{
    padding-top: 30px;
    padding-bottom: 24px;
}
.f-link{
    position: relative;
    padding-left: 100px;
    line-height: 30px;
}
.f-link span{
    position: absolute;
    width: 90px;
    text-align: right;
    color: #666;
    left: 10px;
    top: 0;
}
.f-link a{
  	font-size: 12px;
    color: #666;
    margin-right: 12px;
    float: left;
}
.cr{
    text-align: center;
    color: #666;
    margin-top: 10px;
}
.fixed-nav{
    position: fixed;
    z-index: 999;
    right: 0;
    top: 44%;
    margin-top: -120px;
}
.fixed-nav a{
    display: block;
    width: 88px;
    height: 88px;
    margin-bottom: 1px;
    background: #eb6100;
    color: #fff;
    text-align: center;
    position: relative;
    padding-top: 10px;
}
.f-nav-icon{
    width: 48px;
    height: 48px;
    margin: 0 auto 0;
}
.fixed-nav a:nth-child(1) .f-nav-icon{background: url("../images/sprite1.png") no-repeat 0 -144px;}
.fixed-nav a:nth-child(2) .f-nav-icon{background: url("../images/sprite1.png") no-repeat 0 -48px;}
.fixed-nav a:nth-child(3) .f-nav-icon{background: url("../images/sprite1.png") no-repeat 0 -96px;}
.fixed-nav a:nth-child(4) .f-nav-icon{background: url("../images/sprite1.png") no-repeat 0 0;}
.fixed-nav a:nth-child(5) .f-nav-icon{background: url("../images/sprite1.png") no-repeat 0 -192px;}
.hot-line:hover .ljzx{
    left: -171px;
    opacity: 1;
}
.ljzx{
    position: absolute;
    width: 170px;
    height: 88px;
    background: #efefef;
    left: 0;
    top: 0;
    text-align: center;
    padding-top: 18px;
    opacity: 0;
    -webkit-transition: all 0.3s ease;-moz-transition:  all 0.3s ease;transition:  all 0.3s ease;
}
.ljzx p{
    color: #666;
}
.ljzx span{
    font-size: 18px;
    font-weight: bold;
    color: #d40101;
}
.qr-code{
    position: absolute;
    width: 88px;
    height: 88px;
    left: -0;
    top: 0;
    text-align: center;
    opacity: 0;
    -webkit-transition: all 0.3s ease;-moz-transition:  all 0.3s ease;transition:  all 0.3s ease;
}
.wx:hover .qr-code{
    left: -88px;
    opacity: 1;
}
.in-banner{
    width: 100%;
    height: 660px;
    background-size: cover;
    position: relative;
}
.in-part-tit{
    text-align: center;
}
.in-part-tit h2{
    font-size: 40px;
    font-weight: bold;
}
.in-part-tit p{
    font-size: 18px;
    color: #666;
    margin-top: 5px;
}
.in-part-tit h4{
    display: block;
    font-size: 14px;
    font-weight: normal;
    margin-top: 8px;
    line-height: 20px;
}
.in-part-tit h2 span{
    color: #339dff;
}
.sem-part1{
    padding-top: 100px;
    padding-bottom: 75px;
}
.sem-part1-ct{
    margin-top: 60px;
}
.sem1-img{
    width: 50%;
    float: left;
    padding-left: 244px;
}
.sem1-r{
    width: 50%;
    float: left;
    padding-left: 20px;
}
.sem1-r p{
    font-size: 20px;
    margin-top: 60px;
}
.sem1-r a{
    margin-top: 30px;
}
a.bl-btn{
    display: block;
    width: 190px;
    height: 44px;
    border-radius: 22px;
    line-height: 44px;
    color: #fff;
    text-align: center;
    background: linear-gradient(45deg,#3195f3,#1cb2d2);
    font-size: 18px;
}
.sem-part2{
    width: 100%;
    height: 572px;
    background: url("../images/sem-bg2.jpg") ;
    padding-top: 75px;
}
.sem-list{
    margin-top: 50px;
}
.sem-list li{
    width: 330px;
    float: left;
    text-align: center;
}
.sem-icon{
    width: 117px;
    height: 117px;
    margin: 0 auto 0;
    padding-top: 18px;
    background: #33c8ff;
    border-radius: 40px;

}
.sem-icon div{
    width: 80px;
    height: 80px;
    margin: 0 auto 0;
}
.sem-list li:nth-child(1) .sem-icon div{background: url("../images/sprite2.png") no-repeat 0 0;}
.sem-list li:nth-child(2) .sem-icon div{background: url("../images/sprite2.png") no-repeat 0 -80px;}
.sem-list li:nth-child(3) .sem-icon div{background: url("../images/sprite2.png") no-repeat 0 -160px;}
.sem-list li:nth-child(4) .sem-icon div{background: url("../images/sprite2.png") no-repeat 0 -240px;}
.sem-list li h3{
    font-weight: bold;
    font-size: 20px;
    margin-top: 20px;
}
.sem-list li span{
    font-weight: lighter;
    font-size: 12px;
    color: #666;
}
.sem-list li>i{
    display: block;
    width: 24px;
    height: 2px;
    background: #339dff;
    margin: 14px auto 0;
}
.sem-list li p{
    margin-top: 15px;
}
.sem-part3{
    padding-top: 80px;
    padding-bottom: 90px;
}
.sem-part3-ct{
    margin-top: 50px;
    width: 100%;
    background: url("../images/sem3-img.jpg") no-repeat left 470px top 110px;
}
.sem-part3-ct>div{
    width: 458px;
    height: 484px;
    background: #eeeeee;
    border-radius: 38px;
    position: relative;
    text-align: center;
    padding-top: 35px;
    -webkit-transition: all 0.3s ease;-moz-transition:  all 0.3s ease;transition:  all 0.3s ease;
}
.sem-part3-ct>div div{
    width: 405px;
    height: 218px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 32px;
    box-shadow: 2px 2px 8px #999;
    border-radius: 40px;
    background: #fff;
    text-align: left;
    color: #333;
    padding-left: 32px;
    padding-top: 18px;
    padding-right: 22px;
    line-height: 30px;
}
.sem-part3-ct>div h3{
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 24px;
}
.sem-part3-ct>div p{
    font-weight: bold;
    font-size: 16px;
    line-height: 28px;
}
.sem-part3-ct>div .p2{
    color: #ccc;
    -webkit-transition: all 0.3s ease;-moz-transition:  all 0.3s ease;transition:  all 0.3s ease;
}
.sem-part3-ct>div:hover{
    background: #33c8ff;
    color: #fff;
}
.sem-part3-ct>div:hover .p2{
    color: #fff;
}
.sem-part4{
    width: 100%;
    height: 678px;
    background: url("../images/sem-bg4.jpg") no-repeat center;
    background-size: cover;
    padding-top: 90px;
}
.sem-part4 .in-part-tit{
    color: #fff;
}
.sem-part4 .in-part-tit p{
    color: #fff;
}
.sem-lc{
    margin-left: -100px;
    margin-top: 60px;
}
.sem-lc li{
    float: left;
    width: 184px;
    height: 332px;
    border-radius: 92px;
    background: rgba(255,255,255,0.25);
    color: #fff;
    text-align: center;
    margin-left: 100px;
}
.sem-lc li div{
    width: 66px;
    height: 60px;
    margin: 52px auto 15px;
}
.sem-lc li:nth-child(1) div{background: url("../images/sprite3.png") no-repeat 0 0;}
.sem-lc li:nth-child(2) div{background: url("../images/sprite3.png") no-repeat 0 -60px;}
.sem-lc li:nth-child(3) div{background: url("../images/sprite3.png") no-repeat 0 -120px;}
.sem-lc li:nth-child(4) div{background: url("../images/sprite3.png") no-repeat 0 -180px;}
.sem-lc li:nth-child(5) div{background: url("../images/sprite3.png") no-repeat 0 -240px;}
.sem-lc li span{
    font-size: 18px;
    font-weight: bold;
}
.sem-lc li i{
    width: 26px;
    height: 1px;
    background: #fff;
    margin: 18px auto 15px;
    display: block;
}
.sem-lc li p{
    line-height: 24px;
}
.sem-part5{
    padding-top: 100px;
    padding-bottom: 40px;
}
.adv-list{
    margin-left: -48px;
    margin-top: 66px;
}
.adv-list li{
    float: left;
    width: 408px;
    height: 177px;
    border: 1px solid #404040;
    border-radius: 38px;
    margin-left: 48px;
    padding: 0 30px;
    text-align: center;
}
.adv-list li div{
    display: inline-block;
    text-align: center;
    padding: 0 12px;
    background: #fff;
    position: relative;
    top: -14px;
    font-size: 20px;
    font-weight: bold;
    color: #339dff;
}
.adv-list li p{
    text-align: left;
    font-size: 16px;
    line-height: 30px;
    margin-top: 18px;
}
.sem-part5 a{
    margin: 50px auto 0;
}
.sem-part6{
    background: #f3f8f9;
    padding-top: 84px;
    padding-bottom: 80px;
}
.case-intro{
    position: absolute;
    width: 100%;
    height: 100%;
    color: #fff;
    padding: 50px 45px 0;
    background: rgba(235,97,0,0.83) url("../images/arrow.png") no-repeat left 50px bottom 40px;
    left: 0;
    top: 100%;
    -webkit-transition: all 0.3s ease;-moz-transition:  all 0.3s ease;transition:  all 0.3s ease;
}
a.more-btn2{
    display: block;
    width: 202px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #fff;
    background: #555555;
    font-size: 16px;
    margin: 40px auto 0;
}
.more-btn2:hover{
    background: #13b5b1;
}
.matter-cl{
    float: left;
    width: 418px;

}
.matter-top{
    height: 46px;
    line-height: 45px;
    border-bottom: 1px solid #dcdcdc;
}
.matter-top div{
    float: left;
    font-size: 18px;
}
.matter-top div span{
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    color: #b6b6b6;
}
.matter-top a{
    float: right;
    color: #666666;
}
.sem-part7{
    padding-top: 50px;
    padding-bottom: 80px;
}
.matter-wrap{
    margin-top: 55px;
}
.matter-wrap .matter-cl:nth-child(2){
    margin-left: 33px;
    margin-right: 33px;
}
.matter-list{
    margin-top: 24px;
}
.matter-list li{
    position: relative;
    height: 30px;
    line-height: 30px;
    padding-left: 16px;
    margin-bottom: 15px;
}
.matter-list li:hover span{
    color: #13b5b1;
}
.matter-list li:before{
    display: block;
    content: '';
    position: absolute;
    left: 0;
    width: 4px;
    height: 4px;
    background: #13b5b1;
    top: 12px;
}
.matter-list li a{
    float: left;
    display: block;
    width: 300px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.matter-list li a:hover{
    color: #11aebc;
}
.matter-list li span{
    float: right;
    color: #808080;
    margin-right: 10px;
    -webkit-transition: all 0.3s ease;-moz-transition:  all 0.3s ease;transition:  all 0.3s ease;
}
.sep-part1-bg{
    margin-top: 40px;
    width: 100%;
    height: 470px;
    background: url("../images/seo-part1-bg.png") no-repeat center;
}
.seo-part1{
    padding-top: 85px;
    padding-bottom: 60px;
}
.sep-part1-l{
    float: left;
    text-align: right;

}
.sep-part1-r{
    float: right;
}
.sep-part1-bg>div{
    width: 408px;
}
.sep-part1-bg>div ul{
    margin-top: 98px;
}
.sep-part1-bg>div ul li{
    margin-bottom: 60px;
}
.sep-part1-bg>div ul li .p1{
    font-size: 18px;
    margin-bottom: 6px;
}
.seo-part2{
    width: 100%;
    height: 833px;
    background: url("../images/seo-part2-bg.jpg") no-repeat center;
    background-size: cover;
    padding-top: 60px;
}
.seo-part2 .in-part-tit{
    color: #fff;
}
.seo-part2 .in-part-tit p{
    color: #fff;
}
.seo-adv-list{
    margin-top: 46px;
    margin-left: -6px;
}
.seo-adv-list li{
    margin-left: 5px;
    margin-bottom: 8px;
    float: left;
    width: 326px;
    height: 290px;
    background: url("../images/dbx1.png") no-repeat center;
    color: #357491;
    text-align: center;
    padding: 66px 55px 0;
    -webkit-transition: all 0.3s ease;-moz-transition:  all 0.3s ease;transition:  all 0.3s ease;
}
.seo-adv-list li h3{
    font-size: 16px;
    font-weight: bold;
}
.seo-adv-list li i{
    display: block;
    width: 26px;
    height: 3px;
    background: #357491;
    margin: 16px auto 10px;
    -webkit-transition: all 0.3s ease;-moz-transition:  all 0.3s ease;transition:  all 0.3s ease;
}
.seo-adv-list li p{
    line-height: 24px;
}
.seo-adv-list li:hover{
    color: #fff;
    background: url("../images/dbx2.png") no-repeat center;
    text-shadow: 1px 1px 8px #666;
}
.seo-adv-list li:hover i{
    background: #fff;
}
.seo-part3{
    padding-bottom: 55px;
    padding-top: 90px;
}
.reason-list{
    margin-left: -33px;
    margin-top: 85px;
}
.reason-list li{
    float: left;
    width: 305px;
    height: 370px;
    border: 1px solid #56b1e3;
    margin-left: 33px;
    text-align: center;
}
.num{
    width: 85px;
    height: 59px;
    margin: -30px auto 0;
}
.reason-list li:nth-child(1) .num{background: #fff url("../images/num1.png") no-repeat center;}
.reason-list li:nth-child(2) .num{background: #fff url("../images/num2.png") no-repeat center;}
.reason-list li:nth-child(3) .num{background: #fff url("../images/num3.png") no-repeat center;}
.reason-list li:nth-child(4) .num{background: #fff url("../images/num4.png") no-repeat center;}
.reason-list li h2{
    font-size: 20px;
    color: #0682bc;
    margin-top: 18px;
}
.reason-list li p{
    line-height: 34px;
    font-size: 16px;
    margin-top: 24px;
}
.sum{
    width: 266px;
    height: 44px;
    background: linear-gradient(45deg,#3bb5c7,#09a1e8);
    color: #fff;
    line-height: 44px;
    font-size: 16px;
    margin: 20px auto 0;
}
.seo-part4{
    width: 100%;
    height: 311px;
    background: url("../images/seo-part4-bg.png") no-repeat center;
    background-size: cover;
    color: #fff;
    text-align: center;
    padding-top: 70px;
}
.seo-part4 h2{
    font-size: 40px;
    font-weight: bold;
    text-shadow:  1px 1px 8px #a56905;
}
.border{
    width: 100%;
    text-align: center;
    background: url("../images/border.png") no-repeat center;
    height: 31px;
    line-height: 31px;
    font-weight: bold;
    font-size: 20px;
    text-shadow:  1px 1px 8px #a56905;
}
.zxbj{
    margin-top: 40px;
}
.zxbj a{
    display: block;
    float: left;
    margin: 0 30px 0;
    border: 1px solid #ffffff;
    color: #fff;
    line-height: 46px;
    width: 178px;
    height: 48px;
    font-size: 20px;
    font-weight: bold;
}
.zxbj a:hover{
    background: #fff;
    color: #f39800;
    box-shadow: 1px 1px 8px #a56905;
}
.seo-part5{
    width: 100%;
    background: #f7f7f7;
    padding-top: 70px;
    padding-bottom: 70px;
}
.node-list{
    margin-top: 50px;
}
.node-list li{
    float: left;
    width: 226px;
}
.node-icon{
    width: 93px;
    height: 108px;
    margin: 0 auto 0;
}
.node-list li:nth-child(1) .node-icon{background: url("../images/jiedian.png") no-repeat 0 0;}
.node-list li:nth-child(2) .node-icon{background: url("../images/jiedian.png") no-repeat -93px 0;}
.node-list li:nth-child(3) .node-icon{background: url("../images/jiedian.png") no-repeat -186px 0;}
.node-list li:nth-child(4) .node-icon{background: url("../images/jiedian.png") no-repeat -279px 0;}
.node-list li:nth-child(5) .node-icon{background: url("../images/jiedian.png") no-repeat -372px 0;}
.node-list li i{
    display: block;
    width: 20px;
    height: 3px;
    background: #244252;
    margin: 15px auto 0;
}
.node-list li h3{
    font-weight: bold;
    font-size: 20px;
    margin-top: 20px;
}
.node-list li p{
    color: #595959;
    line-height: 30px;
    margin-top: 10px;
}
.mat-part1{
    padding-top: 90px;
    padding-bottom: 56px;
}
.mat-part1-l{
    float: left;
    width: 50%;
    text-align: right;
    padding-right: 65px;
    padding-top: 20px;
}
.mat-part1-r{

}
.mat-part1-r p{
    font-size: 40px;
    font-weight: bold;
    font-style: italic;
}
.mat-part1-r p span{
    color: #42b4e2;
}
.nt-list{
    margin-top: 35px;
}
.nt-list li{
    width: 468px;
    height: 48px;
    border-radius: 24px;
    overflow: hidden;
    line-height: 48px;
    background: #eeeeee;
    padding-left: 105px;
    position: relative;
    margin-bottom: 11px;
    font-size: 18px;
    font-style: italic;
    /*font-weight: 500;*/
}
.nt-list li div{
    position: absolute;
    width: 88px;
    left: 0;
    top: 0;
    color: #fff;
    text-shadow: 0 0 5px #999;
    font-weight: bold;
    font-size: 26px;
    padding-left: 28px;
    font-style: italic;
    background: url("../images/nt-bg1.png") no-repeat center;
}
.nt-list li:nth-child(2n) div{
    background: url("../images/nt-bg2.png") no-repeat center;
}
.mat-part2{
    background: #eeeeee;
    padding-top: 70px;
    padding-bottom: 80px;
}
.mat-adv-list{
    margin-top: 40px;
}
.mat-adv-list li{
    float: left;
    width: 218px;
    text-align: center;
}
.mat-adv-list li div{
    width: 104px;
    height: 104px;
    margin: 0 auto 0;
    border-radius: 50%;
    background: #0fa8e8;
    border: 8px solid #a6d7ec;
    color: #fff;
    line-height: 88px;
    font-size: 20px;
}
.mat-adv-list li:nth-child(2n) div{
    background: #21b994;
    border: 8px solid #c5e3dc;
}
.mat-adv-list li p{
    line-height: 24px;
    height: 72px;
    margin-top: 20px;
}
.mat-adv-list li i{
    display: block;
    width: 24px;
    height: 2px;
    background: #0fa8e8;
    margin: 18px auto 0;
}
.mat-part3{
    padding-top: 80px;
    padding-bottom: 100px;
}
.htd-list{
    margin-top: 80px;
}
.htd-list li{
    width: 400px;
    float: left;
    text-align: center;
}
.htd-list li div{
    width: 112px;
    height: 112px;
    margin: 0 auto 20px;
}
.htd-list li:nth-child(1) div{background: url("../images/mat-part3icon1.png") no-repeat center;}
.htd-list li:nth-child(2) div{background: url("../images/mat-part3icon2.png") no-repeat center;}
.htd-list li:nth-child(3) div{background: url("../images/mat-part3icon3.png") no-repeat center;}
.htd-list li p{
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 4px;
}
.htd-list li span{
    font-size: 16px;
}
.mat-part4{
    width: 100%;
    height: 602px;
    background: url("../images/mat-part4-bg.png") no-repeat center;
    background-size: cover;
    padding-top: 70px;
}
.mat-part4 .in-part-tit{
    color: #fff;
}
.mat-part4 .in-part-tit p{
    color: #fff;
}
.mat-part4-l{
    float: left;
    width: 740px;
    text-align: right;
}
.mat-part4-r{
    float: left;
    width: 580px;
    padding-left: 20px;
    font-weight: lighter;
    padding-top: 70px;
}
.mat-part4-r .cn{
    font-size: 32px;
    color: #fff;
}
.mat-part4-r .en{
    font-size: 45px;
    color: #97d8c4;
    line-height: 48px;
    margin-top: 50px;
    margin-bottom: 10px;
}
.mat-part5{
    width: 100%;
    background: #ffcc23;
    padding-top: 80px;
    padding-bottom: 75px;
}
.mat-part5-bg{
    width: 1228px;
    height: 297px;
    background: url("../images/mat-part5-bg.png") no-repeat center;
    padding-left: 120px;
    padding-top: 70px;
    margin-top: 20px;
}
.mat-part5-bg .cn{
    font-size: 26px;
    line-height: 38px;
}
.mat-part5-bg .cn span{
    font-weight: bold;
}
.mat-part5-bg .en{
    font-weight: bold;
    font-size: 16px;
    color: #d5b647;
    margin-top: 10px;
    line-height: 24px;
}
.mat-part6{
    width: 100%;
    background: #eeeeee;
    padding-top: 60px;
    padding-bottom: 50px;
}
.mat-part6-ct p{
    font-size: 20px;
    text-align: center;
    margin-top: 30px;
    line-height: 36px;
}
.mat-part6-ct img{
    margin: 24px auto 0;
}
.mat-part7{
    width: 100%;
    height: 565px;
    background: url("../images/mat-part7-bg.jpg") no-repeat center;
    background-size: cover;
}
.mat-part7-l{
    float: left;
    margin-top: 100px;
    padding-left: 170px;
}
.mat-part7-r{
    width: 560px;
    float: right;
    color: #fff;
    padding-top: 148px;
}
.mat-part7-r h3{
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 4px;
    text-shadow: 0 0 10px #666;
}
.mat-part7-r>span{
    font-size: 20px;
    font-weight: bold;
    text-shadow: 0 0 10px #666;
}
.mat-part7-r p{
    margin-top: 60px;
    font-size: 24px;
    line-height: 40px;
}
.mat-part8{
    width: 100%;
    height: 532px;
    background: url("../images/mat-part8-bg.jpg") no-repeat center;
    background-size: cover;
}
.mat-part8-l{
    float: left;
    width: 50%;
    color: #fff;
    padding-top: 150px;
    padding-left: 140px;
}
.mat-part8-r{
    width: 50%;
    float: right;
    padding-top: 76px;
    padding-left: 70px;
}
.mat-part8-l h2{
    font-size: 40px;
    font-weight: bold;
    text-shadow: 0 0 8px #666;
}
.mat-part8-l p{
    font-weight: bold;
    font-size: 20px;
    text-shadow: 0 0 8px #666;
}
.mat-part8-l ul{
    margin-top: 45px;
}
.mat-part8-l ul li{
    height: 28px;
    line-height: 28px;
    font-size: 20px;
    margin-bottom: 8px;
}
.mat-part8-l ul li div{
    float: left;
    width: 28px;
    height: 28px;
    line-height: 26px;
    text-align: center;
    font-size: 18px;
    border-radius: 50%;
    border: 1px solid #fff;
    margin-right: 10px;
}
.mat-part9{
    width: 100%;
    background: #eeeeee;
    padding-bottom: 12px;
}
.mat-part9-l{
    float: left;
    width: 50%;
    padding-top: 40px;
    padding-left: 130px;

}
.mat-part9-l img{
    opacity: 0.6;
}
.mat-part9-r{
    float: right;
    width: 50%;
    padding-top: 106px;
}
.tit2-cn{
    font-weight: bold;
    font-size: 40px;
    margin-bottom: 5px;
}
.tit2-en{
    font-size: 20px;
    font-weight: bold;
}
.mat-part9-intro{
    font-size: 20px;
    margin-top: 40px;
    line-height: 34px;
}
.consul-btn{
    display: block;
    font-size: 18px;
    width: 246px;
    height: 44px;
    background: #333333;
    color: #fff;
    text-align: center;
    line-height: 44px;
    margin-top: 30px;
}
.mat-part10{
    width: 100%;
    background: url("../images/mat-part10-bg.jpg") no-repeat center;
    background-size: cover;
    height: 551px;
}
.mat-part10-l{
    color: #fff;
    float: left;
    width: 670px;
    padding-top: 114px;
}
.mat-part10-r{
    float: left;
    width: 650px;
}
.mat-part10-l .tit2-cn,.mat-part10-l .tit2-en{
    text-shadow: 0 0 10px rgba(204,102,0,0.6);
}
.mat-part11{
    width: 100%;
    background: #156cbc;
    padding-top: 80px;
    padding-bottom: 80px;
    text-align: center;
}
.mat-part11 h2{
    color: #fff;
    font-size: 40px;
    font-weight: bold;
}
.mat-part11 img{
    display: block;
    margin: 30px auto 0;
}
.web-part1{
    width: 100%;
    height: 660px;
    background: url("../images/web-part1-bg.jpg") no-repeat center;
    background-size: cover;
}
.web-part1-l{
    float: left;
    margin-top: 120px;
    width: 50%;
}
.web-part1-r{
    float: right;
    padding-top: 170px;
    width: 50%;
}
.web-tit{
    font-size: 60px;
    font-weight: normal;

}
.web-slg{
    font-size: 30px;
}
.web-part1 .d-border{
    background: #333;
}
.d-border{
    width: 65px;
    height: 4px;
    display: block;
    background: #fff;
    margin-top: 38px;
}
.web-intro{
    width: 540px;
    font-size: 16px;
    margin-top: 30px;
    line-height: 32px;
}
.dt-btn{
    margin-top: 25px;
}
.dt-btn a{
    float: left;
    display: block;
    width: 170px;
    height: 40px;
    border: 1px solid #1b1b1b;
    text-align: center;
    line-height: 38px;
    border-radius: 20px;
    margin-right: 10px;
    font-size: 16px;
}
.w-btn a{
    border: 1px solid #fff;
    color: #fff;
}
.dt-btn a:hover{
    border: 1px solid #13b5b1;
    background: #13b5b1;
    color: #fff;
}
.web-part2{
    width: 100%;
    height: 660px;
    background: url("../images/web-part2-bg.jpg") no-repeat center;
    background-size: cover;
}
.web-part2-l{
    float: left;
    width: 690px;
    margin-top: 120px;
}
.web-part2-r{
    float: left;
    width: 630px;
    color: #fff;
    padding-top: 190px;
}
.web-part3{
    width: 100%;
    height: 660px;
    background: url("../images/web-part3-bg.jpg") no-repeat center;
    background-size: cover;
    text-align: center;
    color: #fff;
    padding-top: 40px;
    overflow: hidden;
}
.web-part3 i{
    margin: 20px auto 0;
}
.web-part3 .web-intro{
    width: 890px;
    margin: 20px auto 0;
}
.web-part3 .dt-btn{
    margin-top: 20px;
}
.web-part3 img{
    margin-top: 20px;
}
.web-part4{
    width: 100%;
    height: 660px;
    background: url("../images/web-part4-bg.jpg") no-repeat center;
    background-size: cover;
    color: #fff;
    overflow: hidden;
}
.web-part4-l{
    width: 800px;
    float: left;
    margin-top: 150px;
}
.web-part4-r{
    float: left;
    width: 520px;
    padding-top: 180px;
}
.web-part4-r .web-intro{
    width: 100%;
}
.web-part4-r .dt-btn a:hover{
    border: 1px solid #fff;
    background: #fff;
    color: #13b5b1;
}
.web-part5{
    width: 100%;
    height: 660px;
    background: url("../images/web-part5-bg.jpg") no-repeat center;
    background-size: cover;
    overflow: hidden;
}
.web-part5-l{
    float: left;
    padding-top: 190px;
    padding-left: 50px;
}
.web-part5-l i{
    background: #313131;
}
.web-part5-r{
    float: right;
    margin-top: 90px;
}
.web-part6{
    width: 100%;
    height: 660px;
    background: url("../images/web-part6-bg.jpg") no-repeat center;
    background-size: cover;
    overflow: hidden;
    color: #fff;
}
.web-part6-l{
    float: left;
    margin-top: 155px;
}
.web-part6-r{
    float: left;
    width: 610px;
    padding-top: 160px;
    padding-left: 20px;
}
.web-part7{
    width: 100%;
    height: 660px;
    background: url("../images/web-part7-bg.jpg") no-repeat center;
    background-size: cover;
    overflow: hidden;
    color: #fff;
}
.web-part7-l{
    float: left;
    width: 550px;
    padding-top: 185px;
}
.web-part7-r{
    float: left;
    width: 764px;
    margin-top: 150px;
}
.brand-part1{
    padding-top: 100px;
    padding-bottom: 100px;
}
.brand-part1-tit h2{
    font-size: 40px;
    font-weight: bold;
    color: #558bdb;
}
.brand-part1-tit p{
    font-size: 18px;
    margin-top: 20px;
    line-height: 24px;
}
.brand-plan{
    margin-left: -69px;
    margin-top: 58px;
}
.brand-plan li{
    width: 394px;
    height: 229px;
    float: left;
    color: #fff;
    margin-left: 69px;
    padding-top: 45px;
}
.brand-plan li:nth-child(1){background: url("../images/brand-icon1.png") no-repeat center;}
.brand-plan li:nth-child(2){background: url("../images/brand-icon2.png") no-repeat center;}
.brand-plan li:nth-child(3){background: url("../images/brand-icon3.png") no-repeat center;}
.brand-plan li h3{
    font-size: 18px;
    font-weight: bold;
}
.brand-plan li i{
    display: block;
    margin: 10px auto 10px;
    width: 36px;
    height: 1px;
    background: #c4d7f2;
}
.brand-plan li p.cn{
    font-size: 16px;
    margin-bottom: 5px;
    line-height: 24px;
}
.brand-plan li p.en{
    font-size: 12px;
    color: #254b78;
    max-width: 300px;
    margin: 5px auto 0;
}
.brand-part2{
    width: 100%;
    background: #f5f5f5;
    text-align: center;
    padding-top: 90px;
    padding-bottom: 100px;
}
.brand-part2 h2{
    font-weight: bold;
    font-size: 40px;
    margin-bottom: 20px;
}
.brand-part2 p{
    font-size: 18px;
}
.brand-part2 img{
    margin-top: 78px;
}
.gg{
    background-size: cover;
    width: 100%;
    height: 346px;
}
.ent-part1{
    padding-top: 100px;
    padding-bottom: 100px;
}
.ent-part1 .brand-part1-tit h2{
    color: #53bdbc;
}
.ent-plan{
    margin-left: -33px;
    margin-top: 130px;
}
.ent-plan li{
    float: left;
    width: 305px;
    height: 218px;
    background: #eeeeee;
    padding: 90px 27px 0;
    margin-left: 33px;
    line-height: 22px;
    position: relative;
}
.ent-icon{
    width: 141px;
    height: 141px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: -70px;
}
.ent-plan li:nth-child(1) .ent-icon{background: url("../images/ent-icon1.png") no-repeat center;}
.ent-plan li:nth-child(2) .ent-icon{background: url("../images/ent-icon2.png") no-repeat center;}
.ent-plan li:nth-child(3) .ent-icon{background: url("../images/ent-icon3.png") no-repeat center;}
.ent-plan li:nth-child(4) .ent-icon{background: url("../images/ent-icon4.png") no-repeat center;}
.ent-plan li:nth-child(2n){
    color: #fff;
    background: #2fa2a1;
}
.ent-part2{
    width: 100%;
    height: 672px;
    background: url("../images/ent-part2-bg.jpg") no-repeat center;
    background-size: cover;
    padding-top: 86px;
    color: #fff;
}
.s-tit{
    text-align: center;
}
.s-tit h2{
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 12px;
}
.s-tit p{
    font-size: 20px;
}
.ent-adv-list{
    margin-left: -25px;
    margin-top: 60px;
}
.ent-adv-list li{
    float: left;
    width: 244px;
    margin-left: 25px;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    text-shadow: 0 0 10px #666;
    line-height: 32px;
}
.ent-adv-list li div{
    width: 190px;
    height: 190px;
    margin: 0 auto 15px;
    box-shadow: 0 0 15px #999;
    border-radius: 50%;
}
.ent-adv-list li:nth-child(1) div{background: url("../images/ent2-icon1.png") no-repeat top -20px center;}
.ent-adv-list li:nth-child(2) div{background: url("../images/ent2-icon2.png") no-repeat top -20px center;}
.ent-adv-list li:nth-child(3) div{background: url("../images/ent2-icon3.png") no-repeat top -20px center;}
.ent-adv-list li:nth-child(4) div{background: url("../images/ent2-icon4.png") no-repeat top -20px center;}
.ent-adv-list li:nth-child(5) div{background: url("../images/ent2-icon5.png") no-repeat top -20px center;}
.mb-part1{
    padding-top: 90px;
    padding-bottom: 40px;
}
.mb-row1{
    text-align: center;
}
.mb-row1-l{
    float: left;
    width: 50%;
    text-align: center;
    margin-top: 50px;
}
.mb-row1-r{
    float: left;
    padding-top: 90px;
}
.mb-row1-r h3{
    font-weight: bold;
    font-size: 30px;
    color: #3ba2c4;
    margin-bottom: 10px;
}
.mb-row1-r p{
    font-size: 20px;
}
.mb-part1-slg{
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    height: 42px;
    line-height: 42px;
    color: #f2c12f;
    background: #545454;
    padding: 0 16px;
    margin-top: 30px;
}
.mb-part1-slg:after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    right: -7px;
    bottom: -7px;
    background: #e8e8e8;
    z-index: -1;
}
.mb-part1-intro{
    font-size: 16px;
    margin-top: 40px;
    line-height: 32px;
}
.mb-row2{
    margin-top: 60px;
}
.mb-row2-l{
    float: left;
    width: 50%;
    text-align: center;
    padding-top: 90px;
}
.mb-row2-l h3{
    font-weight: bold;
    font-size: 30px;
    color: #4f6c94;
    margin-bottom: 10px;
}
.mb-row2-l p{
    font-size: 20px;
}
.mb-row2-r{
    width: 50%;
    float: right;
    text-align: center;
    padding-right: 100px;
}
.mb-part2{
    width: 100%;
    background: url("../images/mb-part2-bg.jpg") no-repeat center;
    background-size: cover;
    color: #fff;
    padding-top: 70px;
    height: 666px;

}
.s-tit2{
    text-align: center;
}
.s-tit2 h2{
    font-size: 30px;
    font-weight: bold;
}
.s-tit2 p{
    font-size: 20px;
}
.mb-adv-list{
    margin-top: 45px;
    margin-left: -15px;
}
.mb-adv-list li{
    width: 430px;
    height: 410px;
    float: left;
    background: #fff;
    margin-left: 15px;
    text-align: center;
}
.mb-adv-top{
    width: 100%;
    height: 168px;padding-top: 60px;
}
.mb-adv-top p{
    font-size: 20px;
    font-weight: bold;
}

.mb-adv-list li:nth-child(1) .mb-adv-top{background: url("../images/mb-adv-top1.jpg") no-repeat center; }
.mb-adv-list li:nth-child(2) .mb-adv-top{background: url("../images/mb-adv-top2.jpg") no-repeat center; }
.mb-adv-list li:nth-child(3) .mb-adv-top{background: url("../images/mb-adv-top3.jpg") no-repeat center; }
.mb-adv-dt{
    color: #333;
    line-height: 30px;
    padding-top: 24px;
}
.mb-adv-dt p{
    font-weight: bold;
    font-size: 16px;
}
.res-part1{
    padding-top: 130px;
    padding-bottom: 70px;
}
.res-part1-l{
    float: left;
    width: 764px;
}
.res-part1-r{
    float: left;
    padding-top: 85px;
    width: 530px;
    text-align: center;
}
.res-part1-r h2{
    font-size: 40px;
    font-weight: bold;
    color: #0086ff;
}
.dil{
    display: inline-block;
    text-align: center;
    color: #fff;
    background: #eb6100;
    height: 60px;
    line-height: 60px;
    padding: 0 34px;
    font-weight: bold;
    font-size: 20px;
    margin: 18px 0 15px;
}
.res-part1-r p{
    line-height: 30px;
}
.res-part2{
    width: 100%;
    padding-top: 90px;
    padding-bottom: 66px;
    background: url("../images/res-part2-bg.png") no-repeat top center;
}
.res-part2-c{
    width: 100%;
    height: 540px;
    padding-top: 60px;
    background: #0cafff url("../images/res-img2.png") no-repeat center;
    box-shadow: 0 0 20px #c9e5ff;
    margin-top: 40px;
}
.res-intro{
    width: 346px;
    height: 420px;
    background: rgba(255,255,255,0.12);
    box-shadow: 1px 1px 15px #0fa2f7;
    color: #fff;
    padding: 40px 59px 0;
}
.res-part2-c .fl{
    margin-left: 70px;
}
.res-part2-c .fr{
    margin-right: 70px;
}
.res-intro h3{
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}
.res-intro p{
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
.res-intro i{
    display: block;
    width: 42px;
    height: 2px;
    background: #fff;
    margin: 30px auto 0;
}
.res-intro div{
    line-height: 30px;
    margin-top: 15px;
}
.mkt-part1{
    padding-top: 90px;
    padding-bottom: 60px;
}
.mkt-img1{
    display: block;
    margin: 40px auto 40px;
}
.mkt-part1-bt{
    text-align: center;
}
.mkt-part1-bt .p1{
    font-size: 24px;
}
.mkt-part1-bt .p2{
    font-size: 32px;
    font-weight: bold;
}
.mkt-part1-bt .p2 span{
    color: #eb6100;
}
.ljzx-btn{
    display: block;
    width: 264px;
    height: 38px;
    line-height: 38px;
    color: #fff;
    border-radius: 19px;
    background: #eb6100;
    margin: 20px auto 0;
    font-size: 18px;
}
.ljzx-btn a:hover {
    text-decoration: none;
    color: #fff;
  	background: #2dafbc;
}
.mkt-part2{
    width: 100%;
    background: url("../images/mkt-part2-bg.jpg") no-repeat center;
    background-size: cover;
    height: 675px;
    padding-top: 60px;
    position: relative;
    z-index: -1;
}

.mkt-part2 .title {
    text-align: center;
    color: #fff;
}
.mkt-part2 .title h2{
    font-size: 40px;
    font-weight: bold;

}
.mkt-part2 .title h2 span{
    font-size: 60px;
    color: #eb6100;
}
.mkt-part2 .title p{
    font-size: 16px;
    font-weight: lighter;
}
.mkt-td{
    margin-left: -87px;
    margin-top: 55px;
}
.mkt-td li{
    float: left;
    width: 382px;
    height: 175px;
    background: #fff;
    position: relative;
    margin-left: 87px;
    margin-bottom: 40px;
    padding: 18px 50px 0 60px;
}
.mkt-td li:before{
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    position: absolute;
    top: 22px;
    left: 17px;
    background: #41bacc;
}
.mkt-td li:after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    right: -12px;
    top: -12px;
    z-index: -1;
    background: #36b1d8;
}
.mkt-td li h3{
    font-weight: bold;
    font-size: 24px;
    color: #eb6100;
    margin-bottom: 10px;
}
.mkt-td li p{
    color: #666;
    line-height: 24px;
}
.mkt-part3{
    width: 100%;
    background: url("../images/mkt-part3-bg.jpg") no-repeat center;
    background-size: cover;
    height: 866px;
    padding-top: 70px;
}
.mkt-part3 .title{
    color: #fff;
}
.mkt-part3 .title h2{
    font-size: 40px;
    font-weight: bold;
    text-shadow: 1px 1px 8px #888;
}
.mkt-part3 .title h2 span{
    font-size: 60px;
    color: #eb6100;
}
.mkt-part3 .title p{
    font-size: 18px;
}
.mkt-img3{
    display: block;
    margin: 60px auto 0;
}
.mkt-part4{
    padding-top: 100px;
    padding-bottom: 60px;
}
.we-sv{
    margin-top: 60px;
    margin-left: -45px;
}
.we-sv li{
    width: 410px;
    height: 60px;
    border-radius: 30px;
    overflow: hidden;
    position: relative;
    line-height: 60px;
    background: #eeeeee;
    float: left;
    margin-left: 45px;
}
.we-sv li .ni{
    width: 152px;
    height: 60px;
    border-radius: 30px;
    float: left;
    position: relative;
    color: #fff;
    background: #c3c3c3;
    font-size: 24px;
    font-weight: bold;
    padding-left: 74px;
    text-shadow: 0 0 8px #999;
}
.we-sv li .ni .ichi{
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    background: #eb6100;
    left: 0;
    top: 0;
    text-shadow: none;
}
.we-sv li>span{
    float: left;
    font-size: 20px;
    margin-left: 34px;
}
.in-bn-tit{
    padding-top: 170px;
    color: #fff;
}
.in-bn-tit h2{
    font-size: 60px;
    font-weight: bold;
}
.in-bn-tit i{
    display: block;
    background: #fff;
    width: 58px;
    height: 4px;
    margin: 35px 0 30px;

}
.in-bn-tit p{
    font-size: 30px;
    line-height: 50px;
}
.submenu{
    width: 100%;
    height: 76px;
    line-height: 76px;
    background: rgba(0,0,0,0.57);
    position: absolute;
    left: 0;
    bottom: 0;
}
.submenu ul{

}
.submenu ul li{
    width: 282px;
    float: left;
    height: 76px;
    position: relative;
    text-align: center;
}
.submenu ul li a{
    display: block;
    width: 100%;
    height: 100%;
    font-size: 18px;
    color: #fff;
}
.submenu ul li a:hover{
    background: #13b5b1;
}
.submenu ul li.on a{
    background: #13b5b1;
}
.three-lv-menu{
    position: absolute;

}



.in-wrap{
    padding-top: 50px;
    padding-bottom: 60px;
}
.scr-wrap{
    border: 1px solid #dbdbdb;
    padding: 0 25px;
}
.scr-wrap .scr-row{
    line-height: 32px;
    border-bottom: 1px dashed #dbdbdb;
    padding-top: 10px;

}
.scr-wrap>.scr-row:last-child{
    border-bottom: none;

}
.scr-row span{
    float: left;
    margin-right: 20px;
}
.scr-row a{
    display: block;
    margin-bottom: 10px;
    float: left;
    margin-right: 3px;
    height: 32px;
    padding: 0 25px;
}
.scr-row a:hover{
    background: #13b5b1;
    color: #fff;
}
.scr-row a.on{
    background: #13b5b1;
    color: #fff;
}
.list-wrap{
    margin-top: 22px;
}
.page-wrap{
    margin-top: 25px;
    font-size: 16px;
}
.page-wrap a,.page-wrap span{
    float: left;
    margin: 0 1px;
    background: #c9c9c9;
    color: #fff;
}
.page-wrap a{
    display: block;
    padding: 8px 15px 8px;
}
.page-wrap span{
    display: block;
    padding: 8px 15px 8px;
    background: #13b5b1;
    color: #fff;
}
.page-wrap a:hover{
    background: #13b5b1;
    color: #fff;
}
.solu-list{
    margin-top: 45px;
}
.solu-list li{
    width: 650px;
    height: 152px;
    margin-bottom: 20px;
    float: left;
}
.solu-list li a{
    display: block;
    width: 100%;
    height: 100%;
    padding-left: 72px;
    padding-right: 128px;
    padding-top: 30px;
    border: 1px solid #dcdcdc;
}
.solu-list li:nth-child(2n){
    float: right;
}
.solu-list li a:hover{
    background: #f5f5f5;
}
.solu-list li h3{
    font-size: 16px;
    font-weight: bold;
}
.solu-list li p{
    color: #999999;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 5px;
}
.solu-list li div{
    height: 18px;
    font-size: 12px;
    line-height: 18px;
    background: url("../images/time.png") no-repeat left center;
    padding-left: 22px;
    color: #999;
}
.solution{
    padding-top: 100px;
}
.solution h2{
    text-align: center;
    font-size: 40px;
    font-weight: bold;
}
.gray-bg{
    width: 100%;
    background: #f8f8f8;
}
.dt-top-wrap{
    width: 100%;
    padding: 0 62px 55px;
    box-shadow: 0 0 8px #aaa;
    background: #fff;
    margin-top: -88px;
}
.dt-top{
    height: 88px;
    line-height: 88px;
    border-bottom: 1px solid #d2d2d2;
}
.dt-top h2{
    float: left;
    font-size: 20px;
    font-weight: normal;
}
.crumbs{
    float: right;
    text-align: right;
}
.dt-jj-l{
    float: left;
    width: 730px;
    margin-top: 40px;
    line-height: 32px;
    padding-right: 80px;
}
.dt-jj-r{
    float: right;
    width: calc(100% - 730px);
    height: 78px;
    border-left: 1px solid #d2d2d2;
    margin-top: 76px;
}
.dt-jj-r ul{

}
.dt-jj-r ul li{
    width: 112px;
    font-size: 12px;
    float: left;
}
.dt-jj-r ul li div{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #13b5b1;
    color: #fff;
    padding: 10px 12px 0;
    margin: 0 auto 6px;
}
.detail-wrap{
    width: 100%;
    padding: 60px;
    box-shadow: 0 0 8px #aaa;
    background: #fff;
    margin-top: 28px;
}
.dt-bg{
    padding-bottom: 84px;
}
.dt-tag{

}
.dt-tag p{
    font-size: 16px;
    margin-bottom: 10px;
}
.dt-tag span{
    font-size: 12px;
    color: #666666;
}

.dt-tag table{margin: 1em 0;width: 100%; border-right: 1px solid #E5E5E5;border-bottom: 1px solid #E5E5E5; }
.dt-tag tr{height: 1.5em;    line-height: 2em; }
.dt-tag tr.firstRow{background: #13b5b1;
    color: #fff;
    font-weight: bold;
    font-size: 1.2em;}
.dt-tag td{width:20%;font-size:1em;border-left: 1px solid #E5E5E5; border-top: 1px solid #E5E5E5; padding: 3px; text-align: center;}


.detail-wrap img{
    display: block;
    max-width: 100%;
    margin: 25px auto 0;
}
.flip{
    margin-top: 40px;
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 20px;
    line-height: 36px;
}
.flip span{
    font-size: 16px;
}
.flip a{
    display: block;
    height: 36px;
    background: #a0a0a0;
    padding: 0 32px;
    color: #fff;
}
.flip a:hover{
    background: #13b5b1;
}
.shang{
    float: left;
}
.shang a{
    float: left;
    margin-right: 38px;
}
.xia{
    float: right;
}
.xia a{
    float: right;
    margin-left: 38px;
}
.back{
    display: block;
    width: 106px;
    height: 36px;
    padding-left: 36px;
    background: #a0a0a0 url("../images/back.png") no-repeat left 15px center;
    color: #fff;
    line-height: 36px;
    margin-top: 20px;
}
.back:hover{
    color: #fff;
    background: #13b5b1 url("../images/back.png") no-repeat left 15px center;
}
.rela-tit{
    line-height: 20px;
    margin-top: 60px;
}
.rela-title{
    float: left;
    border-left: 3px solid #13b5b1;
    height: 20px;
    font-size: 20px;
    font-weight: bold;
    padding-left: 14px;
    margin-left: 4px;
}
.rela-tit a{
    float: right;
}
.rela-list-wrap{
    width: 100%;
    padding: 40px 40px 20px;
    box-shadow: 0 0 8px #aaa;
    background: #fff;
    margin-top: 28px;
}
.rela-list-wrap .seo-list{
    margin-left: 0;
}
.rela-list-wrap .seo-list li{
    width: 610px;
    float: left;
    margin-left: 0;
}
.rela-list-wrap .seo-list li:nth-child(2n){
    float: right;
}
.rela-list{
    margin-left: -38px;
}
.rela-list li{
    width: 388px;
    float: left;
    margin-left: 38px;

}
.rela-list li a{
    display: block;
    text-align: center;
}
.rela-img{
    width: 100%;
    height: 262px;
    overflow: hidden;
}
.rela-list li a:hover img{
    transform: scale(1.1);
}
.rela-list li a span{
    line-height: 60px;
    font-size: 16px;
    font-weight: bold;
}
.sanji{
    width: 100%;
    height: 76px;
    background: #eeeeee;

}
.sanji ul{
    margin-top: 29px;
}
.sanji ul li{
    float: left;
    height: 18px;
    line-height: 18px;
    font-size: 16px;
    padding: 0 45px;
    border-left:1px solid #909090;
    border-right:1px solid #585858;
}
.sanji ul li:first-child{
    border-left: none;
}
.sanji ul li:last-child{
    border-right: none;
}
.sanji ul li.on a{
    font-weight: bold;
    color: #13b5b1;
}
.search-box{
    float: right;
    width: 434px;
    border: 1px solid #dcdcdc;
    position: relative;
}
.search-box input[type=text]{
    width: 340px;
    padding-left: 10px;
    height: 48px;
    outline: none;
    border: none;
    font-size: 16px;
}
.ss-btn{
    width: 80px;
    height: 50px;
    position: absolute;
    right: -1px;
    top: -1px;
    background: #13b5b1 url("../images/fdj.png") no-repeat center;
    border: none;
    outline: none;
}
.news-list{
    margin-left: -9px;
    margin-top: 22px;
}
.news-list li{
    float: left;
    width: 434px;
    height: 262px;
    border: 1px solid #dcdcdc;
    background: #fff;
    padding: 30px 34px 0;
    margin-left: 9px;
    margin-bottom: 26px;
    -webkit-transition: all 0.3s ease;-moz-transition:  all 0.3s ease;transition:  all 0.3s ease;
}
.news-list li>a{
    display: block;
    font-size: 16px;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.news-list li:hover{
    border: 1px solid #fff;
    box-shadow: 0 0 8px #ccc;
}
.news-list li p{
    line-height: 24px;
    height: 92px;
    overflow: hidden;
    margin-top: 15px;
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 20px;
}
.news-tag{
    min-height: 24px;
    line-height: 24px;
    background: url("../images/tag.png") no-repeat left 0 top 5px;
    padding-left: 20px;
    margin-top: 7px;
}
.news-tag a{
    font-size: 12px;
    color: #666666;
}
.news-date2{
    height: 36px;
    position: relative;
    margin-top: 15px;
    line-height: 36px;
}
.news-date2 span{
    font-size: 36px;
    font-weight: bold;
    font-family: Arial;
    color: #13b5b1;
}
.news-date2 p{
    float: left;
}
.news-date2 a{
    display: block;
    width: 26px;
    height: 26px;
    background: url("../images/go.png") no-repeat center;
    right: 0;
    top: 5px;
    position: absolute;
}
.news-wrap{
    padding-bottom: 60px;
}
.crumb{
    color: #666;
    padding-left: 12px;
    float: left;
    line-height: 50px;
}
.crumb a{
    color: #666;
}
.news-dt{
    margin-top: 20px;
}
.news-d-l{
    float: left;
    width: 890px;

}
.news-d-r{
    float: right;
    width: 412px;

}
.news-d-top{
    padding-bottom: 18px;
    border-bottom: 1px solid #dcdcdc;
}
.news-d-top h2{
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 8px;
}
.news-d-top p{
    color: #999;
}
.news-d-box{
    width: 100%;
    padding: 38px 38px 40px;
    border: 1px solid #e3e3e3;
    box-shadow: 0 0 5px #ccc;

}
.news-d-txt{
    line-height: 24px;
    padding-top: 20px;
}
.news-d-txt img {
    display: block;
    max-width: 100%;
    margin: 30px auto 0;
}
.news-d-tag{
    width: 100%;
    padding: 30px 38px 30px;
    border: 1px solid #e3e3e3;
    box-shadow: 0 0 5px #ccc;
    margin-top: 25px;
}
.d-tag{
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.d-tag a{
    display: inline-block;
    margin-left: 28px;
}
.flip-row{
    line-height: 36px;
    font-size: 16px;
    margin-bottom: 10px;
}
.flip-row a{
    display: block;
    padding: 0 12px;
      max-width: 560px;
    height: 36px;
    color: #fff;
    float: left;
    background: #a0a0a0;
    text-align: center;
    margin-right: 26px;
}
.flip-row a:hover{
    background: #13b5b1;
}
.flip2{
    float: left;
    max-width: 650px;
}
.news-r-part{
    border: 1px solid #e3e3e3;
    box-shadow: 0 0 5px #ccc;
    padding: 30px 20px 0;
    margin-bottom: 20px;
}
.news-r-tit{

}
.news-r-tit span{
    float: left;
    font-size: 20px;
    font-weight: bold;
    height: 20px;
    border-left: 3px solid #13b5b1;
    line-height: 20px;
    padding-left: 16px;
}
.news-r-tit a{
    float: right;
    font-size: 12px;
    width: 58px;
    height: 26px;
    border-radius: 13px;
    background: #13b5b1;
    color: #fff;
    text-align: center;
    line-height: 26px;
}
.news-list2{
    margin-top: 20px;
}
.news-list2 li{
    height: 16px;
    line-height: 16px;
    margin-bottom: 25px;
    font-size: 16px;
}
.news-list2 li i{
    display: block;
    float: left;
    width: 5px;
    height: 5px;
    margin-top: 6px;
    background: #13b5b1;
}
.news-list2 li a{
    display: block;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-left: 15px;
    max-width: 350px;
}
.hot-tag{
    margin-left: -15px;
    margin-top: 20px;
}
.hot-tag li{
    float: left;
    height: 34px;
    border: 1px solid #d1d1d1;
    line-height: 32px;
    border-radius: 17px;
    padding: 0 11px;
    margin-left: 15px;
    margin-bottom: 10px;
}
.acd-slide{
    width: 100%;
    height: 320px;
    overflow: hidden;
    margin-top: 70px;
}
.acd-part{
    float: left;
    height: 100%;
    width: 220px;
    position: relative;
    overflow: hidden;
    /*-webkit-transition: all 0.2s linear;-moz-transition:  all 0.2s linear;transition:  all 0.2s linear;*/
}
.acd-slide .acd-part:nth-child(1){
    width: 440px;
    margin-left: 0;
}

.acd-part-l{
    float: left;
    width: 220px;
    text-align: center;
    color: #fff;
    height: 100%;
}
.acd-slide .acd-part:nth-child(1) .acd-part-l{background: #2dafbc;}
.acd-slide .acd-part:nth-child(2) .acd-part-l{background: #50d2b7;}
.acd-slide .acd-part:nth-child(3) .acd-part-l{background: #7b99ee;}
.acd-slide .acd-part:nth-child(4) .acd-part-l{background: #7fc622;}
.acd-slide .acd-part:nth-child(5) .acd-part-l{background: #fdad73;}
.acd-slide .acd-part:nth-child(1) .acd-icon{background: url("../images/web-icon1.png") no-repeat center;}
.acd-slide .acd-part:nth-child(2) .acd-icon{background: url("../images/web-icon2.png") no-repeat center;}
.acd-slide .acd-part:nth-child(3) .acd-icon{background: url("../images/web-icon3.png") no-repeat center;}
.acd-slide .acd-part:nth-child(4) .acd-icon{background: url("../images/web-icon4.png") no-repeat center;}
.acd-slide .acd-part:nth-child(5) .acd-icon{background: url("../images/web-icon5.png") no-repeat center;}

.acd-icon{
    width: 100px;
    height: 100px;
    margin: 88px auto 0;
}
.acd-part-l p{
    font-size: 20px;
    font-weight: bold;
    margin-top: 25px;
}
.acd-part-l span{
    font-size: 12px;
}
/*.acd-part-r{*/
/*float: left;*/
/*width: 220px;*/
/*height: 100%;*/
/*}*/
.acd-part-r{
    position: absolute;
    left: 220px;
    top: 0;
    width: 220px;
    height: 100%;
}

.yewu-wrap{

}
.yewu-wrap li{
    height: 64px;
    border-bottom: 1px solid #84898a;
    line-height: 64px;
    padding-left: 16px;


}
.yewu-wrap li a{
    display: block;
    width: 100%;
    height: 100%;
    color: #b7b9b9;
    background: url("../images/arrow1.png") no-repeat right 8px center;
}
.yewu-wrap li:last-child{
    border-bottom: none;

}
.yewu-wrap li a:hover{
    color: #fff;
    background: url("../images/arrow2.png") no-repeat right 8px center;
}
.part-tit2{
    text-align: center;
}
.part-tit2 h2{
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 20px;
}
.part-tit2 p{
    font-size: 16px;
}
.about-part2{
    width: 100%;
    height: 600px;
    background: url("../images/about-part2-bg.jpg") no-repeat top center;
    overflow: hidden;
}
.about-part2-l{
    float: left;
    color: #fff;
    padding-top: 178px;
    width: 750px;
}
.about-part2-l h3{
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 12px;
}
.about-part2-l span{
    font-weight: bold;
    font-size: 20px;
}
.about-part2-l i{
    display: block;
    width: 280px;
    height: 1px;
    margin: 70px 0 30px;
    background: #fff;
}
.about-part2-l p{
    width: 632px;
    line-height: 30px;
}
.about-part2-r{
    float: right;
    padding-top: 90px;
    margin-right: 20px;
}
.about-part3{
    padding-top: 80px;
    padding-bottom: 110px;
}
.about-part3-c{
    width: 847px;
    height: 342px;
    background: #f7f7f7;
    position: relative;
    float: right;
    margin-right: 20px;
    margin-top: 114px;
    padding-top: 80px;
    padding-left: 254px;
    padding-right: 58px;
}
.about-part3-img{
    position: absolute;
    width: 556px;
    height: 338px;
    left: -453px;
    top: -35px;
}
.team{
    float: left;
    width: 100px;
    height: 100px;
    margin-left: 15px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;-moz-transition:  all 0.3s ease;transition:  all 0.3s ease;
    background: #eeeeee;
}
.team p{
    display: block;
    width: 100%;
    height: 100%;
}
.team1 p{background: url("../images/team-b1.png") no-repeat center;}
.team2 p{background: url("../images/team-b2.png") no-repeat center;}
.team3 p{background: url("../images/team-b3.png") no-repeat center;}
.team4 p{background: url("../images/team-b4.png") no-repeat center;}
.team5 p{background: url("../images/team-b5.png") no-repeat center;}
.team1:hover p{background: url("../images/team-w1.png") no-repeat center;}
.team2:hover p{background: url("../images/team-w2.png") no-repeat center;}
.team3:hover p{background: url("../images/team-w3.png") no-repeat center;}
.team4:hover p{background: url("../images/team-w4.png") no-repeat center;}
.team5:hover p{background: url("../images/team-w5.png") no-repeat center;}

.team-slide .hd ul li:nth-child(1).on p{background: url("../images/team-w1.png") no-repeat center;}
.team-slide .hd ul li:nth-child(2).on p{background: url("../images/team-w2.png") no-repeat center;}
.team-slide .hd ul li:nth-child(3).on p{background: url("../images/team-w3.png") no-repeat center;}
.team-slide .hd ul li:nth-child(4).on p{background: url("../images/team-w4.png") no-repeat center;}
.team-slide .hd ul li:nth-child(5).on p{background: url("../images/team-w5.png") no-repeat center;}
.team-list{
    margin-top: 52px;
    margin-left: 30px;
}
.team-list span{
    float: left;
    margin-top: 40px;
    margin-left: 20px;
    font-size: 18px;
}
.team-list i{
    display: block;
    width: 36px;
    height: 30px;
    background: url("../images/jt.png") no-repeat center;
    float: left;
    margin-top: 35px;
    margin-left: 30px;
}
.yh{
    width: 112px;
    height: 104px;
    background: url("../images/yinhao.jpg") no-repeat center;
    position: absolute;
    top: -50px;
    right: -56px;
}
.about-part3-c2{
    width: 1300px;
    height: 342px;
    background: #f7f7f7;
    position: relative;
    float: right;
    margin-right: 20px;
    margin-top: 114px;
    padding-top: 80px;
    padding-left: 200px;
    padding-right: 58px;
}
.about-part3-c2 h3{
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 8px;
}
.about-part3-c2 span{
    font-size: 32px;
    color: #3366ff;
}
.about-part3-c2 i{
    width: 170px;
    height: 1px;
    background: #dcdcdc;
    margin: 36px 0 20px;
    display: block;
}
.about-part3-c2 p{
    font-size: 16px;
    line-height: 30px;
}
.c2tec2{
    float: left;
    padding-right: 200px;
}
.c2tec2r{
    float: left;

}
.yh2{
    width: 112px;
    height: 104px;
    background: url("../images/yinhao.jpg") no-repeat center;
    position: absolute;
    top: -50px;
    right: -56px;
}
.about-part3-c h3{
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 8px;
}
.about-part3-c span{
    font-size: 32px;
    color: #3366ff;
}
.about-part3-c i{
    width: 170px;
    height: 1px;
    background: #dcdcdc;
    margin: 36px 0 20px;
    display: block;
}
.about-part3-c p{
    font-size: 16px;
    line-height: 30px;
}
.about-part4{
    width: 100%;
    height: 480px;
    background: url("../images/about-part4.jpg") no-repeat center;
    background-size: cover;
    padding-top: 80px;
}
.about-part4 .in-part-tit{
    color: #fff;
}
.about-part4 .in-part-tit p{
    color: #fff;
}
.contact-list{
    margin-top: 60px;
}
.contact-list .contact-cl:first-child{
    padding-left: 0;
    border-left: none;
}
.contact-cl{
    font-size: 20px;
    color: #fff;
    text-align: center;
    float: left;
    height: 120px;
    border-left: 1px solid #ffffff;
    padding-left: 100px;
    padding-right: 100px;
}
.contact-cl p{
    font-weight: bold;
    margin-bottom: 6px;
}
.contact-icon{
    width: 44px;
    height: 44px;
    margin: -6px auto 30px;
}
.ctt-icon1{ background: url("../images/lx-icon1.png") no-repeat center;}
.ctt-icon2{ background: url("../images/lx-icon2.png") no-repeat center;}
.ctt-icon3{ background: url("../images/lx-icon3.png") no-repeat center;}
.qr-box{
    width: 120px;
    height: 120px;
    float: right;
}

.map-wrap{
    width: 100%;
    height: 620px;
}
.yd-part1{
    width: 100%;
    height: 660px;
    background: url("../images/yd-part1-bg.jpg") no-repeat center;
    background-size: cover;
    color: #fff;
}
.half-p{
    width: 50%;
}

.yd-cont-tit{

}
.yd-cont-tit h2{
    font-weight: bold;
    font-size: 60px;
    margin-bottom: 5px;
}
.yd-cont-tit span{
    font-size: 32px;
    font-weight: bold;
}
.yd-cont-tit i{
    display: block;
    width: 54px;
    height: 6px;
    background: #fff;
    margin-top: 36px;
}
.dam-btn{

}
.dam-btn a{
    display: block;
    width: 170px;
    height: 40px;
    line-height: 38px;
    color: #fff;
    text-align: center;
    border-radius: 20px;
    float: left;
    border: 1px solid #fff;
    font-size: 16px;
    margin-right: 10px;
}
.dam-btn a:hover{
    box-shadow: 0 0 10px #fff;
}
.yd-part1-l{
    padding-top: 150px;
    padding-left: 60px;
}
.yd-part1-l .cn{
    font-size: 25px;
    margin-top: 25px;
}
.yd-part1-l .en{
    font-size: 34px;
    font-weight: bold;
    color: #81d2d0;
    line-height: 36px;
    margin-top: 10px;
}
.dam-btn{
    margin-top: 20px;
}
.yd-part1-r img{
    margin-top: 160px;
}
.yd-part2{
    width: 100%;
    height: 660px;
    background: url("../images/yd-part2-bg.jpg") no-repeat center;
    background-size: cover;
}
.yd-part2-l{
    padding-top: 66px;
}
.yd-part2-r{
    padding-left: 40px;
    padding-top: 130px;
}
.yd-part2-r .yd-cont-tit i{
    background: #333;
}
.yd-part2-r a{
    border: 1px solid #535353;
    color: #333333;
}
.yd-part2-r a:hover{
    box-shadow: 0 0 10px #ccc;
}
.yd-cont2{
    margin-top: 20px;
}
.yd-cont2 p{
    font-size: 16px;
    line-height: 30px;
}
.yd-cont2 h3{
    font-size: 18px;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 5px;
}
.yd-part3-l{
    width: 520px;
    padding-top: 130px;
}
.yd-part3{
    width: 100%;
    height: 660px;
    background: url("../images/yd-part3-bg2.jpg") no-repeat center;
    background-size: cover;
    color: #fff;
}
.yd-cont3 p{
    font-size: 16px;
    margin-top: 30px;
    line-height: 30px;
    padding-bottom: 10px;
}
.yd-part4{
    width: 100%;
    height: 660px;
    background: url("../images/yd-part4-bg2.jpg") no-repeat center;
    background-size: cover;
    color: #fff;
}
.yd-part4-r{
    width: 530px;
    padding-top: 100px;
}
.yd-part5{
    width: 100%;
    height: 660px;
    background: url("../images/yd-part5-bg.jpg") no-repeat center;
    background-size: cover;
    color: #fff;
}
.yd-part5-l{
    width: 610px;
    padding-top: 125px;
}
.yd-part5-r{
    padding-top: 80px;
}

.team-slide{

}
.team-slide .hd ul li{
    float: left;

}
.team-slide .hd ul li.on .team{
    background-color: #3772e8;
}

.team-slide .hd ul li .team:hover{
    background-color: #3772e8;
}
.team-slide .hd ul li:last-child i{
    display: none;
}