@charset "UTF-8";
img{-webkit-transition: all 0.5s;  transition: all 0.5s;
  border:0;display: inline-block;
}
a{color:#ffffff;-webkit-transition: all .2s;transition: all .2s;}

body{font-size: 14px;
    background-size: cover;
    -ms-behavior: url(../images/cssbackgroundsize.min.htc);
    behavior: url(../cssbackgroundsize.min.htc);
}



.banner li{overflow: hidden;position: relative;}
.banner .bx-wrapper img{max-width: none;width: 100%;position: relative;}
.banner video{width: 100%;}
.banner .bx-wrapper .bx-pager,.banner .bx-wrapper .bx-controls-auto{bottom:auto;top:90%;padding-top: 0;}
.banner .bx-wrapper .bx-pager.bx-default-pager a{background: #fff;border:0px solid #fff;}
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover,
.banner .bx-wrapper .bx-pager.bx-default-pager .active a {background: #f60;}
/*banner文字*/
.banner li div.more.other{margin-left:auto;margin-right:auto;}
.banner li .p{position: absolute;top:45%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color: #fff;opacity: 0;left: -50px;right:0px;text-align: center;}
.banner li .p h3{margin-bottom: 15px;overflow: hidden;line-height: 1;}
.banner li .p h4{margin-bottom: 15px;overflow: hidden;letter-spacing:9px;line-height: 1;}
.banner li .p p{margin-bottom: 5px;min-height: 1.5em;overflow: hidden;line-height: 1;}
.banner li .p q{position: relative;top:100px;display: block;}
.banner li.li_left .p{text-align: left;top:auto;bottom:20%;-webkit-transform:translateY(0%);transform:translateY(0%);}
.banner li.li_left .p>span{display: block;position: relative;padding-bottom: 25px;margin-bottom: 30px;}
.banner li.li_left .p>span:after{content: "";position: absolute;bottom: 0px;left: 0px;width: 95px;height:3px;background: #f60;}
.banner li.li_left div.more.other{margin-left:0;}

/*移动端banner*/
.touch_body .banner .bx-controls{position: static;}
.touch_body .banner .bx-wrapper .bx-pager,.touch_body .banner .bx-wrapper .bx-controls-auto{bottom: 10px;}
.touch_body .banner .shu{display: none;}

@media only screen and (max-width: 1366px){
  .banner li .p{padding:20px 30px 30px 90px;}
  .banner .bx-wrapper .bx-pager,.banner .bx-wrapper .bx-controls-auto{top:80%;}
  .banner li.li_left .p>span:after{width: 60px;}
  .banner li .p h3{left: 0;}
}
@media only screen and (max-width: 1024px){
  .banner li .p h3{font-size: 30px;line-height: 1.2;}
  .banner li .p h4{font-size: 30px;line-height: 1.2;}
  .banner li .p p{font-size: 12px;}
  .banner li .p{padding:20px 30px 30px 80px;}
  .banner .bx-wrapper .bx-pager,.banner .bx-wrapper .bx-controls-auto{top:90%;}
  .banner li.li_left .p>span{padding-bottom: 10px;margin-bottom: 15px;}
}
.banner_text02{display: none;}
@media only screen and (max-width: 767px){
  /*.banner{margin-top:70px;height:0!important;padding-bottom: 78%;*/}
  .banner li .p h3{font-size: 24px;margin-bottom: 5px;}
  .banner li .p h4{font-size: 24px;letter-spacing: 2px;margin-bottom: 5px;}
  .banner li .p p{font-size: 12px;margin-bottom: 5px;}
  .banner li .p{top: 52%;width: 100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:15px 20px 20px 15px;background:transparent;}
  .touch_body .banner .bx-wrapper .bx-pager,.touch_body .banner .bx-wrapper .bx-controls-auto{bottom: 10px;top:auto;}
  .touch_body .banner .bx-wrapper .bx-pager.bx-default-pager a{margin:0 7px;}

  .banner li.li_left .p{bottom:10%;-webkit-transform:translateY(0%);transform:translateY(0%);}
  .banner li.li_left .p>span{display: block;position: relative;padding-bottom: 10px;margin-bottom: 15px;}
  .banner li.li_left .p>span:after{content: "";position: absolute;bottom: 0px;left: 0px;width: 95px;height:3px;background: #f60;}  

  .banner li.li_left .p>span:after{width: 60px;}
  .banner li.li_left a{padding-right:15px;}
  .banner_text02{display: block;z-index: 99;}
  .banner_text02 p{margin:10px 0 20px;}
  .banner_text02 p a{color: #fff;}

  .banner li .p{left: 0;}
}
@media only screen and (max-width: 320px){
  .banner li .p h3{font-size: 18px;}
  .banner li .p h4{font-size: 18px;}
}
.yr-about-des {
    border: 1px #eee solid;
  	  margin:0 auto;
}
.yr-about-des .yr-about-p p {
    line-height: 1.8em;
    font-size: 1em;
    margin-top: 2em;
}

.yr-about-des .col-md-6 {
    padding: 0;
}

 .triangle-left {
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-right: 20px solid #fff;
        border-bottom: 20px solid transparent;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -20px;
    }
    .triangle-right {
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-left: 20px solid #fff;
        border-bottom: 20px solid transparent;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -20px;
    }

/*文字右边*/
.banner li.li_right img{width: 100%;}
.banner li.li_right .p{text-align: left;right:auto;left: 52.5%;top:35%;}
.banner li.li_right .p h4 q{letter-spacing:3px;}
.banner li.li_right .p p{text-indent: 60px;}
@media only screen and (max-width: 1800px){
  .banner li.li_right .p{top:35%;}
  .banner li.li_right .p h4{font-size: 52px;}
  .banner li.li_right .p p{font-size: 45px;}
}
@media only screen and (max-width: 1600px){
  .banner li.li_right .p{top:40%;}
  .banner li.li_right .p h4{font-size: 44px;}
  .banner li.li_right .p p{font-size: 38px;text-indent: 45px;}
}
@media only screen and (max-width: 1380px){
  .banner li.li_right .p{top:35%;left:45%;}
  .banner li.li_right .p h4{font-size: 40px;}
  .banner li.li_right .p p{font-size: 32px;text-indent: 45px;}
}
@media only screen and (max-width: 1320px){
  .banner li.li_right .p h4{font-size: 34px;}
  .banner li.li_right .p p{font-size: 28px;text-indent: 35px;}
}
@media only screen and (max-width: 1180px){
  .banner li.li_right .p{top:40%;}
  .banner li.li_right .p h4{font-size: 28px;}
  .banner li.li_right .p p{font-size: 24px;}
}
@media only screen and (max-width: 1000px){
  .banner li.li_right .p{top:40%;left:40%;}
  .banner li.li_right .p h4{font-size: 22px;}
  .banner li.li_right .p p{font-size: 18px;text-indent: 20px;}
}
@media only screen and (max-width: 980px){
   .triangle-left {
        display:none;
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-right: 20px solid #fff;
        border-bottom: 20px solid transparent;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -20px;
    }
    .triangle-right {
        display:none;
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-left: 20px solid #fff;
        border-bottom: 20px solid transparent;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -20px;
    }
}
@media only screen and (max-width: 767px){
  .banner li.li_right .p{display: none;}
}
/*文字左边*/
.banner li.li_01{display: block;z-index: 99;}
.banner li.li_01 .p{text-align: left;left:50%;right:auto;-webkit-transform:translate(-50%,-50%);transform:translateX(-50%,-50%);}
.banner li.li_01 .p p:first-child{margin-bottom: 10px;}
.banner li.li_01 p{margin:10px 0 20px;}
.banner li.li_01 p a{color: #fff;font-family: aril;display: inline-block;height: 25px;padding-left: 35px;margin-right: 40px;line-height: 25px;}
.banner li.li_01 p a:first-child{background: url(../images/bbbbb.png) no-repeat;}
.banner li.li_01 p a:first-child+a{background: url(../images/aaaaa.png) no-repeat;}
.banner li.li_01 h3+p{margin-top: 20px;position: relative;}
.banner li.li_01 h3+p:after{content: "";position: absolute;bottom: -20px;left: 0px;height:3px;width: 120px;background: #f60;}
@media only screen and (max-width: 1024px){
  .banner li.li_01 .p p:first-child{margin-bottom: 0px;}
  .banner li.li_01 .p{top:55%;}
  .banner li.li_01 h3+p{margin-top: 10px;}
  .banner li.li_01 p a{margin-right: 20px;padding-left: 30px;}
}
/*局部居中上调*/
.banner li.li_top .p{top: 35%;}
.banner li.li_top .p h4{letter-spacing: 2px;}
@media only screen and (max-width: 1366px){
  .banner li.li_top .p{top: 30%;}
}
@media only screen and (max-width: 1024px){
  .banner li.li_top .p{top: 35%;}
  .banner li.li_top .p p{font-size: 24px;}
}
@media only screen and (max-width: 767px){
  .banner li.li_top .p{display: none;}
}

.in_case{width: 100%;}
.in_case .cs{float: left;width:50%;position: relative;height: 0px;padding-bottom: 20.8%;overflow: hidden;}

.in_case .cs>ul{width: 100%;height: 100%;position: absolute;z-index: 1;}
.in_case .cs>ul li{display:none;position: absolute;left: 0px;top:0px;width: 100%;height: 100%;overflow: hidden;color: #fff;}
.in_case .cs>ul li a{color: #fff;}
.in_case .cs>ul li:after{content: "";position: absolute;top: 0px;right: 0px;left: 0px;bottom: 0px;-webkit-transition:all 0.2s ease-in;transition:all 0.2s ease-in;}
.in_case .cs>ul li img{width: 100%;}
.in_case .cs>ul li.active{display: block;z-index: 3;}

.in_case .cs>ul li .p{position: absolute;bottom: 25%;left: 5%;z-index: 1;-webkit-transition:all 0.4s ease-in-out 0.3s;transition:all 0.4s ease-in-out 0.3s;}
.in_case .cs>ul li .p h3{margin-bottom: 5px;}

.in_case_hover{position: absolute;left: 0px;top: 50%;text-align: center;right: 0px;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index: 9;}
.in_case_hover *{-webkit-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
.in_case_hover img{width: 20%!important;opacity: 0;-webkit-transform:translateX(-200px);transform:translateX(-200px);}
.in_case_hover span{display: block;width: 50px;height: 3px;background: #f60;margin:20px auto;opacity: 0;-webkit-transform:translateX(200px);transform:translateX(200px);}
.in_case_hover p{opacity: 0;-webkit-transform:translateY(200px);transform:translateY(200px);}

.in_case .cs>ul li:hover:after{background: rgba(0,0,0,0.75);}
.in_case .cs>ul li:hover .p{opacity: 0;-webkit-transition:all 0s ease-in-out;transition:all 0s ease-in-out;}

.in_case .cs>ul li:hover .in_case_hover img{-webkit-transform:translateX(0px);transform:translateX(0px);opacity: 1;}
.in_case .cs>ul li:hover .in_case_hover span{-webkit-transform:translateX(0px);transform:translateX(0px);opacity: 1;}
.in_case .cs>ul li:hover .in_case_hover p{-webkit-transform:translateY(0px);transform:translateY(0px);opacity: 1;}
@media only screen and (max-width: 1500px){
  .in_case_hover img{width: 25%!important;}
}
@media only screen and (max-width: 1400px){
  .in_case_hover img{width: 30%!important;}
}
@media only screen and (max-width: 1200px){
  .in_case_hover img{width: 35%!important;}
  .in_case_hover span{margin:10px auto;}
}
@media only screen and (max-width: 1000px){
  .in_case_hover img{width: 40%!important;}
}
@media only screen and (max-width: 767px){
  .in_case .cs{width: 100%;padding-bottom: 41.6%;}
  .in_case .cs>ul li .p{bottom: 15%;left:4%;}
  .in_case .cs>ul li .p h3{margin-bottom: 0px;font-size: 18px;}
  .in_case_hover span{margin:5px auto;}

  .in_case .cs>ul li .p p{display: none;}
}

.in_con03 .left{width: 50%;float: left;position: relative;background: url(../images/in_img01.jpg) no-repeat center;height: 0px;padding-bottom: 45%;background-size: cover;color: #fff;}
.in_con03 .left>*{width: 720px;margin-left:auto;margin-right:auto;}
.in_con03 .left .p h3{width: 450px;line-height: 1.2;position: relative;}
.in_con03 .left .p h3:after{content: "";position: absolute;bottom: -30px;left: 0px;width: 50px;height: 1px;background: #fff;}
.in_con03 .left .ico dl{float: left;text-align: center;margin-left: 75px;}
.in_con03 .left .ico dl:first-child{margin-left: 0;}
.in_con03 .left .ico dl dt{margin-bottom: 15px;}
.in_con03 .left .ico dl p{font-size: 16px;line-height: 1;}
.in_con03 .left .ico dl span{font-size: 12px;}
.in_con03 .left .ico dl a{color: #fff;}
.in_con03 .left .ico dl dt{max-width:67px;margin:0 auto 15px;}
.in_con03 .left .ico dl dt svg{width: 80%;height: auto;}
@media only screen and (max-width: 1500px){
  .in_con03 .left>*{width: 85%;margin-left:auto;margin-right:auto;}
}
@media only screen and (max-width: 1400px){
  .in_con03 .left .p h3:after{bottom: -20px;}
  .in_con03 .left .ico dl{margin-left:35px;}
  .in_con03 .left .ico dl dt img{width: 50px;}
}
@media only screen and (max-width: 1200px){
  .in_con03 .left>*{width: 92%;}
  .in_con03 .left .ico{margin-top:30px;}
  .in_con03 .left .ico dl{margin-left: 20px;}
  .in_con03 .left .ico dl dt img{width: 35px;}
  .in_con03 .left .ico dl p{font-size: 14px;}
}
@media only screen and (max-width: 910px){
  .in_con03 .left{width: 100%;}
  .in_con03 .left .p h3{width: 100%;}
  .in_con03 .left .p h3 br{display: none;}
  .in_con03 .left .p h3:after{bottom: -10px;}
  .in_con03 .left .ico dl{margin-left: 50px;}
}
@media only screen and (max-width: 767px){
  .in_con03 .left{height:auto;padding-bottom: 30px;}
  .in_con03 .left .fnt_20{font-size: 12px;display: none;}
  .in_con03 .left .ico dl{margin-left: 2%;width: 23.5%;}
  .in_con03 .left .ico dl span{display:none;line-height: 1.1;margin-top: 5px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width: 100%;}
  .in_con03 .left .ico dl p{font-size: 12px;}
  
  .in_con03 .left .mt_150{margin-top:65px;}
  .in_con03 .left .p h3{text-align: center;}
  .in_con03 .left .p h3:after{display: none;}
  .in_con03 .left .p div.more{margin-left:auto;margin-right: auto;}
  .in_con03 .left .ico{margin-top: 50px;}
}
.in_con03 .right{width: 50%;float: left;position: relative;background: url(../images/in_img02.jpg) no-repeat;height: 0px;padding:3% 0 42% 0;background-size: cover;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.in_con03 .right dl{height: 0px;float: left;background-repeat: no-repeat;background-position:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
  padding:10% 0% 25% 9%;
}
.in_con03 .right dl.dl1{background-image: url(../images/dl1_bg.png);width: 55%;}
.in_con03 .right dl.dl2{background-image: url(../images/dl2_bg.png);width: 45%;padding-left: 5%;}
.in_con03 .right dl.dl3{background-image: url(../images/dl3_bg.png);width: 55%;}
.in_con03 .right dl.dl4{background-image: url(../images/dl4_bg.png);width: 45%;padding-left: 5%;}

.in_con03 .right dl dt{color: #666;position: relative;padding-bottom:25px;}
.in_con03 .right dl dt:after{content: "";display: block;position: absolute;bottom: 0px;left: 0px;width: 60px;height: 2px;background: #f60;-webkit-transition:all 0s ease-in-out;transition:all 0s ease-in-out;}
.in_con03 .right dl:hover dt:after{width: 30px;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.in_con03 .right dl dt span{color: #f60;}
.in_con03 .right dl dt em{padding-left: 10px;font-size: 14px;color: #999;}
.in_con03 .right dl dd{width:65%;margin-top: 20px;}
.in_con03 .right dl dd li{float: left;color: #666;margin-right: 20px;margin-top: 10px;}
.in_con03 .right dl dd li:hover{text-decoration: underline;}
@media only screen and (max-width: 1800px){
  .in_con03 .right dl dt em{font-size: 14px;}
}
@media only screen and (max-width: 1600px){
  .in_con03 .right dl{margin-top: 5%;padding-top: 5%;padding-bottom: 29%;}
  .in_con03 .right dl dd{width: 80%;margin-top: 10px;}
  .in_con03 .right dl dt{padding-bottom: 15px;}
  .in_con03 .right dl dt em{display: block;padding-left: 0;}
  .in_con03 .right dl dt em i{display: none;}
}
@media only screen and (max-width: 1300px){
  .in_con03 .right{padding:0 0 45% 0;}
  .in_con03 .right dl{padding-left: 5%;padding-right: 0%;background-size: 55%;}
}
@media only screen and (max-width: 1100px){
  .in_con03 .right dl dd li{margin-top: 5px;}
  .in_con03 .right dl dd{width: 100%;}
}
@media only screen and (max-width: 910px){
  .in_con03 .right{width: 100%;height: auto;padding: 0;}
  .in_con03 .right dl{margin-top: 0;padding-left: 3%;height: auto;padding-bottom: 6%;background-size: 30%;}
  .in_con03 .right dl dt em{display: inline-block;padding-left: 5px;}
  .in_con03 .right dl dt em i{display: inline-block;}
  .in_con03 .right dl dd{width: 70%;}
  .in_con03 .right dl.dl3{padding-top: 0%;}
  .in_con03 .right dl.dl4{padding-top: 0%;}
}
@media only screen and (max-width: 767px){
  .in_con03 .right dl dt em{display: block;padding-left: 0px;font-size: 12px;}
  .in_con03 .right dl dt em i{display: none;}
  .in_con03 .right dl dd{width: 100%;margin-top: 5px;}
  .in_con03 .right dl.dl2{padding-left: 3%;}
  .in_con03 .right dl.dl4{padding-left: 3%;}
  .in_con03 .right dl dt{padding-bottom: 10px;}
}
@media only screen and (max-width: 320px){
  .in_con03 .right dl dd li{margin-right: 10px;}
}

.in_con04{height: 0px;padding-bottom: 36%;background: url(../images/in_img03.jpg) no-repeat center;background-size: cover;}
.in_con04 .left{width: 465px;float: left;margin-left: 35px;}
.in_con04 .left a{color: #fff;}
.in_con04 .left h3{font-weight: 700;line-height: 1.2;height:2.4em;overflow: hidden;}
.in_con04 .left a h3{-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.in_con04 .left a:hover h3{-webkit-transform:translateX(10px);transform:translateX(10px);}
.in_con04 .right{float: left;width: 640px;border-left: 2px solid #fff;padding-left: 60px;margin-left: 70px;}
.in_con04 .right a{color: #fff;}
.in_con04 .right dl{float: left;width: 300px;margin-right: 20px;}
.in_con04 .right dl dt{height: 0px;padding-bottom: 66.5%;overflow: hidden;}
.in_con04 .right dl dt img{width: 100%;}
.in_con04 .right dl:hover dt img{-webkit-transform:scale(1.05);transform:scale(1.05);}
.in_con04 .right dd{background: #000;padding:25px 20px;}
.in_con04 .right dd a{display: inline-block;line-height: 1.4;height: 2.8em;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.in_con04 .right dd span{color: #bbb;padding-top: 10px;display: inline-block;}
.in_con04 .right dd i{color: #2f2f2f;padding-left: 5px;}
.in_con04 .bottom{float: left;width: 100%;}
.in_con04 .bottom div.more{margin-left: auto;margin-right: auto;}
.in_con04 .bottom div.more a:hover{border:1px solid #fff;}
.in_con04 .bottom div.more a:hover span:after{background-color: #fff;color:#f60;}
@media only screen and (max-width: 1700px){
  .in_con04{padding-bottom: 40%;}
}
@media only screen and (max-width: 1500px){
  .in_con04 .left{margin-top: 50px;}
}
@media only screen and (max-width: 1400px){
  .in_con04 .left{width: 400px;margin-top:30px;}
  .in_con04 .right{width: 500px;}
  .in_con04 .right dl{width: 48%;margin-right: 0;margin-left: 2%;}
}
@media only screen and (max-width: 1300px){
  .in_con04{padding-bottom: 39%;}
}
@media only screen and (max-width: 1200px){
  .in_con04{padding-bottom: 45%;}
  .in_con04 .left{width: 36.5%;margin-left: 0;}
  .in_con04 .right{width:63.5%;margin-left: 0;padding-left: 5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
  .in_con04 .bottom{margin-top: 20px;}
}
@media only screen and (max-width: 910px){
  .in_con04{padding-bottom: 50%;}
  .in_con04 .right{padding-left: 2%;}
}
@media only screen and (max-width: 767px){
  .in_con04{height:auto;padding-bottom: 30px;}
  .in_con04 .left{width: 96%;margin: 0 auto;float: none;}
  .in_con04 .left h3{height: auto;}
  .in_con04 .left h3 br{display: none;}
  .in_con04 .left p{width:100%;margin-top: 5px;}
  .in_con04 .left p br{display: none;}
  .in_con04 .right{width: 100%;padding-left: 0;border-left: 0;border-top:1px solid #fff;margin-top:20px;padding-top: 20px;}
  .in_con04 .right dl{width: 49%;}
  .in_con04 .right dl:first-child{margin-left: 0;}
  .in_con04 .right dd{padding:10px;}
  .in_con04 .right dd span{padding-top: 5px;}
}

.in_con05{position: relative;height: 0px;padding-bottom: 24.7%;background-repeat: no-repeat;
  background-size: cover;background-position: center;
  background-attachment:fixed;
}
.in_con05>a{display: block;text-align: center;position: absolute;left: 0px;right: 0px;top: 55%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.in_con05>a span{display: block;width: 18px;margin:30px auto 0;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.in_con05>a span img{width: 100%!important;}
.in_con05>a:hover span{-webkit-transform:translateX(20px);transform:translateX(20px);}
@media only screen and (max-width: 1500px){
  .in_con05>a img{width: 500px;}
}
@media only screen and (max-width: 910px){
  .in_con05>a img{width: 400px;}
}
@media only screen and (max-width: 767px){
  .in_con05{padding-bottom: 45%;}
  .in_con05>a img{width: 90%;}
}
.in_con06{width: 100%;}
.in_con06>*{width: 50%;float:left;padding-bottom: 26%;height: 0px;overflow: hidden;}
.in_con06 img{width: 100%;}
.in_con06 .right{position: relative;}
.in_con06 .right p{position: absolute;top: 85px;left: 80px;width: 455px;color: #fff;line-height: 1.3;}
.in_con06 .right a p{-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.in_con06 .right a:hover p{-webkit-transform:translateX(10px);transform:translateX(10px);}
@media only screen and (max-width: 1200px){
  .in_con06 .right p{width:80%;top:20px;left:30px;}
}
@media only screen and (max-width: 767px){
  .in_con06>*{width: 100%;float: none;padding-bottom:52%;}
  .in_con06 .right p{left: 5%;}
}

/*内页*/
.n_banner{position: relative;margin-top:70px;height: 0px;padding-bottom: 26%;background-size: cover;background-position: center;background-repeat: no-repeat;overflow: hidden;}
.n_banner dl{width:665px;position: absolute;left: 50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); }
.n_banner dt img{width: 100%;}
.n_banner dd{text-align: center;margin-top:70px;}
.n_banner dd .bdsharebuttonbox{display:inline-block;}
.n_banner dd a{margin:0 10px;}
.n_banner dd .bdsharebuttonbox a.bds_tsina{background: url(../images/news_weibow.png) no-repeat center;}
.n_banner dd .bdsharebuttonbox a.bds_weixin{background: url(../images/news_weixinw.png) no-repeat center;}

.n_banner>a{display: block;}
.n_banner>a>img{width: 100%;opacity: 0;}

@media only screen and (max-width: 1500px){
  .n_banner dl{width: 500px;}
}
@media only screen and (max-width: 1200px){
  .n_banner dd{margin-top: 20px;}
}
@media only screen and (max-width: 910px){
  .n_banner dl{width: 400px;}
  .n_banner dd{margin-top: 30px;}
}
@media only screen and (max-width: 767px){
  .n_banner{padding-bottom: 45%;}
  .n_banner dl{width: 80%;}

  .n_banner>a>img{width: 180%;}
}
.news_list{padding-bottom: 50px;}
.news_list_con{background: #f3f3f3;padding:50px 0;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.news_list_wrap{width: 1600px;margin:0 auto;}
.news_list_wrap>*{float: left;}
.news_list_con .left{width: 135px;text-align: right;margin-top:7%;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.news_list_con .left p{color: #aaa;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.news_list_con .middle{width: 720px;height: 0px;padding-bottom: 25%;overflow: hidden;margin:0 100px 0 70px;}
.news_list_con .middle img{width: 100%;}
.news_list_con .right{width: 570px;}
.news_list_con .right .news_time{display: none;}
.news_list_con .right h3{margin:25px 0;}
.news_list_con .right h3 a{display: block;max-height: 2.6em;line-height: 1.3;overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:2;
}
.news_list_con .right p a{display: block;max-height: 4.5em;line-height: 1.5;overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:3;
}
.news_list_con .right .share a{margin-right: 10px;display: inline-block;width:24px;height:24px;}
.news_list_con .right .share a.weixin{background: url(../images/news_weixin.png);}
.news_list_con .right .share a.weibo{background: url(../images/news_weibo.png);}
.news_list_con .right .jiathis_style .jtico{padding-left: 0!important;width:24px!important;height:24px!important;line-height: 24px!important;}
.news_list_con .right .share .jiathis_style .jtico_tsina{background: url(../images/news_weibo.png) no-repeat center;}
.news_list_con .right .share .jiathis_style .jtico_weixin{background: url(../images/news_weixin.png) no-repeat center;}

.news_list_con:hover .right .share .jiathis_style .jtico_tsina{background: url(../images/news_weibow.png) no-repeat center;}
.news_list_con:hover .right .share .jiathis_style .jtico_weixin{background: url(../images/news_weixinw.png) no-repeat center;}

.news_list_con.n2{background: #fff;}
.news_list_con.n2 .news_list_wrap>*{float: right;}

.news_list_con:hover{background: #f60;}
.news_list_con:hover .left{color: #fff;}
.news_list_con:hover .left p{color: #b24700;}
.news_list_con:hover .right a{color: #fff;}
.news_list_con:hover .right .share a.weixin{background: url(../images/news_weixinw.png);}
.news_list_con:hover .right .share a.weibo{background: url(../images/news_weibow.png);}
.news_list_con:hover .right .share a:hover{opacity: 0.7;}

#infscr-loading{text-align: center;width: 100px;margin:10px auto;}

@media only screen and (max-width: 1650px){
  .news_list_wrap{width: 100%;padding:0 50px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
  .news_list_con .left{width: 133px;}
  .news_list_con .middle{width: 45%;margin: 0 2% 0 2%;padding-bottom: 22%;}
  .news_list_con .right{width: 40%;}
  .news_list_con .right h3{margin:20px 0;}
}
@media only screen and (max-width: 1500px){
  .news_list_con .left{width: 115px;}
}
@media only screen and (max-width: 1400px){
  .news_list_con .middle{width: 41%;margin: 0 4% 0 4%;}
  .news_list_con .right h3{margin:15px 0;}
}
@media only screen and (max-width: 1200px){
  .news_list_con .middle{width: 40%;}
  .news_list_con .right h3{margin:10px 0;}
  .news_list_con .left{width: 100px;}
}
@media only screen and (max-width: 950px){
  .news_list_con .left{display: none;}
  .news_list_con .right{width: 45%;}
  .news_list_con .middle{width: 50%;margin:0 5% 0 0;padding-bottom: 28%;}
  .news_list_con.n2 .middle{margin:0 0 0 5%;}

  .news_list_con .right .news_time{display: block;color: #666;}
  .news_list_con:hover .right .news_time{color: #fff;}
}
@media only screen and (max-width: 767px){
  .news_list_con{padding:25px 0;}
  .news_list_wrap{padding:0 20px;}
  .news_list_wrap>*{float: none;}
  .news_list_con.n2 .news_list_wrap>*{float: none;}
  .news_list_con .right{width: 100%;}
  .news_list_con .middle{width: 100%;margin:0;padding-bottom: 0;height: auto;}
  .news_list_con.n2 .middle{margin:0;}
  .news_list_con .right{margin-top: 20px;}
}
/*新闻详情页*/
.news_con{margin-top: 70px;}

.news_con_eidt{width: 100%;float:left;}
.news_con_left{padding-right: 380px;}
.news_con_left img{max-width: 100%;}
.news_con_right{width: 340px;float: right;margin-left: -340px;position: relative;z-index: 2;}

.news_con_title{border-bottom: 3px solid #333;padding-bottom: 30px;}
.news_con_title h3{font-weight: 700;margin-bottom: 20px;}
.news_con_title span{font-weight: 700;}
.news_con_title span i{color: #aaa;font-weight: normal;}

.news_tit{}
.news_tit span{color: #f60;cursor: default;}
.news_tit i{padding:0px 10px;color: #d0d0d0;}

.news_con_page{}
.news_con_page .page_list{float: left;width: 360px;height:55px;border:1px dotted #c0c0c0;padding:10px 20px;}
.news_con_page .page_list a{display: block;width: 300px;font-size: 18px;float: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  height:3em;
  line-height:1.5;
}
.news_con_page .page_list span{width:12px;height:100%;display: block;background-repeat:no-repeat;background-position: center;}
.news_con_page .left span{background-image: url(../images/news_con_left.png);margin-right: 30px;float: left;}
.news_con_page .right{float: right;}
.news_con_page .right span{background-image: url(../images/news_con_right.png);float: right;}
.news_con_page .page_list:hover{border-color: #f60;}
.news_con_page .page_list:hover a{color: #f60;}
.news_con_page .page_list.left:hover span{background-image: url(../images/news_con_lefth.png);}
.news_con_page .page_list.right:hover span{background-image: url(../images/news_con_righth.png);}

.news_con_right .news_con_nav{border-top:1px dotted #c0c0c0;border-bottom:1px dotted #c0c0c0;padding:20px 0 30px;}
.news_con_right .news_con_nav li a{color: #f60;padding-left: 15px;position: relative;}
.news_con_right .news_con_nav li a:before{position: absolute;left: 0px;top:50%;margin-top:-3px;content: "";display: inline-block;width: 4px;height: 4px;border-right:2px solid #c0c0c0;border-bottom:2px solid #c0c0c0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.news_con_right .share_ico{}
.news_con_right .share_ico .bdshare-button-style0-24 .bds_tsina{background: url(../images/weibo.png) no-repeat center;}
.news_con_right .share_ico .bdshare-button-style0-24 .bds_weixin{background: url(../images/weixin.png) no-repeat center;}
.news_con_right .video_con img{width: 100%;}
@media only screen and (max-width: 1400px){
  .news_con_page .page_list{height: 50px;width: 40%;}
  .news_con_page .page_list a{font-size: 16px;width: 80%;}
}
@media only screen and (max-width: 950px){
  .news_con_eidt{float: none;}
  .news_con_left{padding-right: 0px;}
  .news_con_right{width: 340px;float: none;margin-left: 0px;}

  .news_con_right .news_con_nav{display: none;}
  .news_con_right .share_ico{display: none;}
  .news_con_right .img_a{display: none;}
  
  .news_con{margin-top: 90px;}
  .news_con_title{padding-bottom: 15px;}
  .news_con_title h3{margin-bottom: 10px;}
}
@media only screen and (max-width: 767px){
  .news_con{margin-top: 70px;}
  .news_con_page .page_list{width: 100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height: 100%;margin-bottom: 10px;}
  .news_con_page .page_list span{height: 50px;}
}
@media only screen and (max-width: 340px){
  .news_con_right{width: 100%;}
  .news_con_right .video_con{width: 100%;}
}

/*视频*/
.video_place{position: fixed;top:0px;left: 0px;right: 0px;
  bottom: 0px;background-color: rgba(0,0,0,0.6);
  z-index: 999999999;
}
.lt9 .video_place{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000")}
.video_place .video_con{z-index:2;width: 80%;height: 60%;
  background-color: #000;position: absolute;top: 50%;left: 50%;
  -webkit-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);text-align: center;
}
.lt9 .video_place .video_con{top:20%;left: 10%;background: #000;}
.video_place .video_con video{width: 100%;height: 100%;}
.video_place .video_close_btn{position: absolute;top:15%;right: 10%;
  width:120px;height: 35px;background: #f60;
  color: #fff;text-align: center;line-height: 35px;
  cursor: pointer;
}
/*案例列表*/
/*
.case_banner{margin-top:70px;padding-bottom: 46.5%;height: 0px;overflow: hidden;}
.case_banner_bxslider li img{width: 100%;}
.case_banner_bxslider li video{width: 100%;}
.case_banner .bx-wrapper .bx-pager,.case_banner .bx-wrapper .bx-controls-auto{bottom:auto;top:93%;padding-top: 0;}
.case_banner .bx-wrapper .bx-pager.bx-default-pager a{background: #fff;border:0px solid #fff;}
.case_banner .bx-wrapper .bx-pager.bx-default-pager a:hover,
.case_banner .bx-wrapper .bx-pager.bx-default-pager .active a {background: #f60;}
*/

.case_banner{margin-top:70px;overflow: hidden;}
.case_banner li{position: relative;overflow: hidden;}
.case_banner li img{width: 100%;}
.case_banner .p{position: absolute;left:20%;bottom: 20%;color: #fff;}


.case_list dl{color: #fff;height: 0px;width: 100%;overflow: hidden;background-size: cover;background-repeat: no-repeat;background-position: center;position: relative;}
.case_list dd{position: absolute;bottom: 150px;left: 50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align: right;}
.case_list dd p{width: 500px;margin-top: 10px;float: right;}

.case_list01 dl{padding-bottom: 31.5%;}
.case_list01 dl.case_other_dl{background-attachment: fixed;}
.case_list01 dl.case_other_dl dd{text-align: left;}
.case_list01 dl.case_other_dl dd p{float: left;}
@media only screen and (max-width:1500px){
  .case_banner .p{left: 10%;}
}
@media only screen and (max-width:1200px){
  .case_banner .p{left: 5%;right:5%;}
}
@media only screen and (max-width:767px){
  /*.case_banner{padding-bottom: 78%;}*/
  .case_banner .p{bottom: 10%;}
  .case_list01 dl.case_other_dl{background-attachment: initial;}
  .case_list01 dl{padding-bottom: 45%;}
  .case_list dd{bottom: 10%;}
  .case_list dd p{width: 100%;margin-top: 0;font-size: 12px;}
  .case_list dd h3{font-size: 16px;}
  .case_banner .p h3{font-size: 18px;}
}

/*案例详情*/
.case_con_body{background: #f4f4f4;}
.pageWrapper{position: absolute;top:0px;left: 0px;bottom:0px;right:0;height: 100%;width: 100%;overflow: hidden;}
.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{z-index: 101;}

.case_con_edit:first-child{margin-top: 70px;}
.case_con_edit .case_text{padding:90px 0 120px;}
.case_con_edit .case_text .wrap{position: relative;}
.case_con_edit .case_text .left{width: 100%;float: left;}
.case_con_edit .case_text .left .c01_text{width: 665px;}
.case_con_edit:first-child .case_text .left{width: 665px;}
.case_con_edit:first-child .case_text .left .c01_text{width: 100%;}
.case_con_edit .case_text .left .c01_text{color: #7d7d7d;line-height: 1.9;}
.case_con_edit .case_text .right{width: 530px;float: right;}
.case_con_edit .case_text ul.right {position: absolute;bottom: 0px;right: 0px;}
.case_con_edit .case_text ul.right li{margin-top:5px;overflow: hidden;}
.case_con_edit .case_text ul.right strong{float: left;width: 85px;}
.case_con_edit .case_text ul.right p{float: left;width: 445px;color: #7d7d7d;}
.case_con_edit .case_text ul.right p a{color:#2683ff;position: relative;font-weight: 700;}
.case_con_edit .case_text ul.right p a:hover:after{content: "";position: absolute;bottom: 0px;left: 0px;height: 1px;right: 0px;background: #2683ff;}
.case_img_video{padding-bottom: 120px;position: relative;}/*position:relative;去掉加入视频时图片定位会抖动*/
.case_img_video .img_video{margin-top: 60px;}
.case_img_video .img_video:first-child{margin-top: 0;}
.case_img_video .img_video img{width: 100%;}
.case_img_video .img_video video{width: 100%;}
.case_fixed_wrap{z-index: 99;background:#fff;}
.case_fixed_img{
    padding-top: 52%;
    background-attachment:fixed;
    background-position: center;
    background-repeat: no-repeat; 
    background-size:cover;
    position: relative;
    z-index: 100;
    image-rendering: auto;
    image-rendering: crisp-edges
}
.case_fixed_img .before{position: absolute;left: 0;top: 0px;height: 100%;width: 14%;background: #fff;-webkit-transform: translateX(0);transform: translateX(0);}
.case_fixed_img .after{position: absolute;right: 0;top: 0px;height: 100%;width: 14%;background: #fff;-webkit-transform: translateX(0);transform: translateX(0);}

.case_fixed_img .case_tit{position: absolute;top:50px;left: 17%;width: 250px;}
.case_fixed_img .case_tit img{max-width: 100%;}
.case_fixed_img .case_tit h4 img{display: none;}

/*颜色色值*/
.case_color_wrap{position: relative;}
.case_color{position: absolute;right: 93px;top:307px;width:330px;}
.case_color>div{position: relative;height: 100px;margin-left: 96px;width: 44px;float: left;}
.case_color>div:first-child{margin-left: 0px;}
.case_color span{width: 44px;height: 44px;border-radius: 100%;display: block;position: absolute;top:0px;left: 0px;-webkit-transition:all 0.5s ease-in-out 1s;transition:all 0.5s ease-in-out 1s;}
/*.case_color .left span{background-color: rgba(170,206,57,1);}
.case_color .middle span{background-color: rgba(56,56,65,1);}
.case_color .right span{background-color: rgba(240,130,0,1);}*/
.case_color>div span:nth-of-type(1){z-index: 4;opacity: 1;}
.case_color>div span:nth-of-type(2){z-index: 3;opacity: 0.8;}
.case_color>div span:nth-of-type(3){z-index: 2;opacity: 0.4;}
.case_color>div span:nth-of-type(4){z-index: 1;opacity: 0.2;}
/*颜色动画*/
.color_anim .case_color>div span:nth-of-type(2){top: 20px;}
.color_anim .case_color>div span:nth-of-type(3){top: 40px;}
.color_anim .case_color>div span:nth-of-type(4){top: 60px;}


/*下一个案例*/
.case_footer{height: 0px;padding-bottom: 26%;overflow: hidden;position: relative;}
.case_footer .p p{line-height: 1;}
.case_footer .p{z-index:9;position: absolute;left: 20px;right:20px;top: 60%;color:#fff;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align: center;}
.case_footer .right .p{top: 50%;}
.case_footer .p a{color:#fff;}
.case_footer .p .more{margin: 0px auto 0;margin-top: 55px;}
.case_footer .left{float: left;width: 50%;position: relative;}
.case_footer .left>img{width: 100%;}
.case_footer .right{float: left;width: 50%;position: relative;}
.case_footer .right>a>img{width: 100%;}
.case_footer .right .p p.fnt_80{letter-spacing: 6px;}
.case_footer .right a{display: block;width: 100%;height: 100%;position: relative;}
.case_footer .right a:after{content: "";position: absolute;top: 0px;right: 0px;bottom: 0px;left: 0px;background: rgba(0,0,0,0.7);-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.case_footer .right a:hover:after{background: rgba(0,0,0,0.8);}

@media only screen and (max-width: 1500px){
  .case_fixed_img .case_tit{left:10%;}
}
@media only screen and (max-width: 1500px){
  .case_footer .p .more{margin-top: 40px;}
}
@media only screen and (max-width: 1200px){
  .case_footer .p .more{margin-top: 30px;}
}
@media only screen and (max-width: 1000px){
  .case_footer .p .more{margin-top: 20px;}
}
@media only screen and (max-width: 1366px){
  .case_con_edit .case_text .left .c01_text{width: 70%;}
  .case_con_edit:first-child .case_text .left{width: 50%;}
  .case_con_edit:first-child .case_text .left .c01_text{width: 100%;}

  .case_con_edit .case_text .right{width: 45%;}
  .case_con_edit .case_text ul.right p{width: 100%;}
  .case_color{top: 280px;}
}
@media only screen and (max-width: 1100px){
  .case_con_edit .case_text{padding:50px 0 80px;}
  .case_img_video{padding-bottom: 80px;}
  .case_img_video .img_video{margin-top: 20px;}
  
  .case_color{width: 270px;top: 240px;}
  .case_color>div{margin-left:66px;}
  .case_next .btn{width: 50px;height: 50px;}
  .case_next .p{bottom: 20%;left: 47%;}
}
@media only screen and (max-width: 1000px){
  .case_fixed_img{background: center no-repeat;background-size: cover!important;}

  .case_color{width: 202px;top: 155px;right:70px;}
  .case_color>div{margin-left:35px;}

  .case_con_edit .case_text .right{width: 40%;}
  .case_con_edit .case_text ul.right{right: 20px;}
}
@media only screen and (max-width: 767px){
  .case_con_edit .case_text{padding:20px 0 30px;}
  .case_img_video{padding-bottom: 30px;}
  .case_con_edit .case_text .left{width: 100%;}
  .case_con_edit .case_text .left .c01_text{margin-top: 10px;width:100%;}
  .case_con_edit:first-child .case_text .left{width: 100%;}
  .case_con_edit .case_text .right{width: 100%;margin-top:20px;}
  .case_con_edit .case_text ul.right{position: static;}

  .case_fixed_img .case_tit{left: 5%;width: 120px;top: 20px;}
  .case_fixed_img .case_tit h4 img{max-width: 70%;margin-top: 7px;}
  
  .case_color span{width: 20px;height: 20px;}
  .case_color{width: 90px;top: 40%;right:30px;}
  .case_color>div{margin-left:15px;width: 20px;}
  .color_anim .case_color>div span:nth-of-type(2){top: 10px;}
  .color_anim .case_color>div span:nth-of-type(3){top: 20px;}
  .color_anim .case_color>div span:nth-of-type(4){top: 30px;}
  
  .case_footer{height: auto;padding-bottom: 0;}
  .case_footer .left{float: none;width: 100%;}
  .case_footer .right{float: none;width: 100%;}

  .case_footer .right .p a{letter-spacing: 3px;}
}


/*智能*/
.intel_con01{margin-top: 70px;}
.intel_con{position: relative;}
.intel_con>img{width:100%;}
.intel_con div.p{position: absolute;top:50%;left: 50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.intel_con div.p h3{padding-bottom: 30px;position: relative;letter-spacing:3px;}
.intel_con div.p h3:after{content: "";position: absolute;bottom: 0px;left: 0px;width:85px;height: 2px;background: #fff;}
.intel_con div.p p{margin-top:35px;font-weight: 700;position: relative;}
.intel_con div.p h4{position: relative;}
.intel_con01 div.p{text-align: center;}
.intel_con01 div.p h3{color: #fff;letter-spacing:8px;padding-bottom: 0;}
.intel_con01 div.p h3:after{display: none;}
.intel_con01 div.p p{letter-spacing:1px;color: #000;margin-top: 10px;}

.intel_con02 div.p{width: 570px;margin:0 auto;color: #fff;}


.intel_con03 div.p{width: 750px;float:right;color: #fff;left: 65%;}
.intel_con03 div.p h4{color: #f60;}
.intel_con03 div.p p{width: 88%;}

.intel_con04 div.p{color: #fff;left: 50%;}
.intel_con04 div.p p{width: 50%;}

.intel_con05 div.p{width: 600px;float:right;color: #fff;left: 70%;}
.intel_con05 div.p h4{color: #f60;}
.intel_con05 div.p p{width: 88%;}

.intel_con06 div.p{left: 50%;}
.intel_con06 div.p h3:after{background: #000;}
.intel_con06 div.p h4{color: #f60;}
.intel_con06 div.p p{width: 50%;}
@media only screen and (max-width: 1500px){
  .intel_con div.p h3{padding-bottom: 20px;}
  .intel_con div.p p{margin-top: 25px;}

  .intel_con01 div.p h3{padding-bottom: 0;}
  .intel_con01 div.p p{margin-top: 10px;}
  .intel_con02 div.p{width: 480px;}
  .intel_con03 div.p{width: 630px;left: 70%;}
  .intel_con05 div.p{width: 630px;}
}
@media only screen and (max-width: 1100px){
  .intel_con02 div.p{width: 400px;}
  .intel_con03 div.p{width: 550px;left: 73%;}
  .intel_con05 div.p{width: 550px;left: 73%;}
  .intel_con03 div.p p{width: 75%;}
  .intel_con05 div.p p{width: 75%;}
}
@media only screen and (max-width: 1000px){
  .intel_con02 div.p{width: 338px;left: 53%;}
  .intel_con03 div.p{width: 51%;left: 75%;}
  .intel_con05 div.p{width: 51%;left: 75%;}
  .intel_con03 div.p p{width: 95%;}
  .intel_con05 div.p p{width: 95%;}
}
@media only screen and (max-width: 767px){
  .intel_con div.p{position: static;-webkit-transform:translate(0%,0%);transform:translate(0%,0%);padding-top:20px;padding-bottom: 20px;}
  .intel_con div.p h3{padding-bottom: 15px;}
  .intel_con div.p h3:after{background: #000;width:55px;}
  .intel_con div.p p{margin-top: 15px;}
  .intel_con02 div.p{background: #fffdf8;color: #000;width:100%;}
  .intel_con03 div.p{background: #090e19;width:100%;}
  .intel_con03 div.p h3:after{background: #fff;}
  .intel_con03 div.p p{width: 100%;}
  .intel_con04 div.p{background: #ff6700;width:100%;}
  .intel_con04 div.p h3:after{background: #fff;}
  .intel_con04 div.p p{width: 100%;}
  .intel_con05 div.p{background: #000;width:100%;}
  .intel_con05 div.p h3:after{background: #fff;}
  .intel_con05 div.p p{width: 100%;}
  .intel_con06 div.p{background: #fff;width:100%;}
  .intel_con06 div.p p{width: 100%;}

  .intel_con01 div.p{position: absolute;top:50%;left: 50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
  .intel_con01 div.p p{margin-top: 0px;font-size: 10px;}
  .intel_con01 div.p h3{padding-bottom: 0px;font-size: 34px;}

}
.contact .section{position: relative;background-size: cover!important;}
#section0{background: url(../images/beijing_img.jpg) no-repeat center;}
#section1{background: url(../images/guangzhou_img.jpg) no-repeat center;}
#section2{background: url(../images/shanghai_img.jpg) no-repeat center;}
.contact .section>.wrap{position: absolute;top:45%;left: 50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.contact .section .img img{display: block;margin-bottom: 30px;max-width: 100%;}
.contact .section .p{color: #fff;position: relative;padding-top: 30px;}
.contact .section .p:before{position: absolute;top:0px;left: 0px;display: block;content: "";width: 190px;height: 3px;background: #fff;}
.contact .section .p dt{font-weight: 700;margin-bottom: 10px;}
.contact .section .p dd{margin-bottom: 10px;}
.contact .section .p ul{width: 545px;}
.contact .section .p li{float: left;margin-right: 45px;width:225px;margin-top: 3px;}
.contact .section .p li a{color: #fff;}
.contact #section2.section>.wrap{top: 55%;}

.contact_nav{position: absolute;height:70px;background-repeat: no-repeat;background-position: center;left: 0px;right: 0px;overflow: hidden;cursor: pointer;}
.contact_nav .wrap{position: relative;z-index: 2;line-height: 70px;}
.contact_nav img{opacity: 0.6;height: 26px;vertical-align: middle;}
.contact_nav:after{content: "";position: absolute;background: rgba(0,0,0,0.8); top: 0px;left: 0px;right: 0px;bottom: 0px;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.contact_nav:hover img{opacity: 1;}
.contact_nav:hover:after{background: rgba(0,0,0,0.3);}
.contact_nav01{background-image: url(../images/beijing_img.jpg);}
.contact_nav02{background-image: url(../images/guangzhou_img.jpg);}
.contact_nav03{background-image: url(../images/shanghai_img.jpg);}
#section0 .contact_nav02{bottom: 70px;}
#section0 .contact_nav03{bottom: 0px;}
#section1 .contact_nav01{top: 60px;}
#section1 .contact_nav03{bottom: 0px;}
#section2 .contact_nav01{top: 60px;}
#section2 .contact_nav02{top: 130px;}
@media only screen and (max-width: 1500px){
  .contact .section .img{padding-bottom: 10px;}
  .contact .section .img img{height:60px;margin-bottom: 10px;}
  .contact .section .img img:first-child{max-width:10%;height: auto;}
  .contact .section .p{padding-top: 20px;}
  .contact .section .p:before{width: 100px;}

  .contact_nav{height: 50px;}
  #section0 .contact_nav02{bottom: 50px;}
  #section0 .contact_nav03{bottom: 0px;}
  #section1 .contact_nav01{top: 60px;}
  #section1 .contact_nav03{bottom: 0px;}
  #section2 .contact_nav01{top: 60px;}
  #section2 .contact_nav02{top: 110px;}

  .contact_nav .wrap{line-height: 50px;}
  .contact_nav img{height: 20px;}
}
@media only screen and (max-width: 1200px){
  .contact_nav{display: none;}
  .contact .section>.wrap{top:50%;}
}
@media only screen and (max-width: 1000px){
  .contact .section>.wrap{top: 55%;}
  .section_o{height:0!important;padding-bottom: 50%;}
  .contact .section .img img{height:40px;}
}
@media only screen and (max-width: 767px){
  .section_o{height: auto!important;padding-bottom: 0;}
  .contact .section>.wrap{position: static;-webkit-transform:translate(0%,0%);transform:translate(0%,0%);padding-bottom: 50px;padding-top: 50px;}
  .contact .section#section0>.wrap{padding-top: 100px;}
  .contact .section .p ul{width: 100%;}
  .contact .section .p li{padding-right: 5%;width:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-right: 0;}

  .contact .section .img img:first-child{max-width: none;height: 30px;}
  .contact .section .p li em{display: block;}
}
/*4f*/
.ceUlt01{margin-top: 70px;background: url(../images/4f_img03.jpg) no-repeat right 15%;}
.ceUlt01 p{max-width:1280px;}
.ceUlt01 p img{width: 100%;}
.ceUlt02{background: url(../images/4f_img04.jpg) no-repeat right 0%;}
.ceUlt02_bg{background: url(../images/4f_img07.jpg) no-repeat left bottom;}
.ceUlt02 .p{width:880px;margin:0 auto;padding-left: 150px;}
.ceUlt02 .p .fnt_36{line-height: 1.7;}
.ceUlt02 .img p{float: left;width:640px;}
.ceUlt02 .img p img{width:100%;}
.ceUlt02 .p2{width: 950px;margin:80px 0 0 110px;}
.ceUlt03{overflow: hidden;position: relative;height: 0px;padding-bottom: 46.7%;}
.ceUlt03 video{width: 100%;}
.ceUlt03 .a{position: absolute;top: 0px;left: 0px;right: 0px;z-index: 2;cursor:pointer;}
.ceUlt03 .a a{position: absolute;top: 50%;left: 50%;margin:-30px 0 0 -30px;}
.ceUlt03 .a p img{width: 100%;}
.ceUlt04{position: relative;}
.ceUlt04>img{position: absolute;top: -130px;right: 0px;z-index: 2;}
.ceUlt04 .img p{float: left;}
.ceUlt04 .img p img{width: 100%;}
.ceUlt04 .img p.p01{width: 760px;}
.ceUlt04 .img p.p02{position: relative;right: -70px;}
.ceUlt04 .p{float: right;width: 790px;background: url(../images/4f_img12.jpg) no-repeat;height: 77px;padding-left: 150px;}
.ceUlt04 .p p{line-height: 2;}
@media only screen and (max-width: 1700px){
  .ceUlt01{background-size: 13%;}
  .ceUlt01 .wrap>img{width: 40%;}
  .ceUlt02{background-size: 25%;}
  .ceUlt02_bg{background-size: 15%;}
}
@media only screen and (max-width: 1500px){
  .ceUlt01{background-position: right 50px;}
  .ceUlt02 .p2{margin: 80px auto;}
  .ceUlt04>img{width: 20%;top:-100px;}
  .ceUlt04 .img p.p02{right: 0px;left: 20px;}
}
@media only screen and (max-width: 1400px){
  .ceUlt02 .img p{width: 50%;}
  .ceUlt02 .p{width: 705px;}
  .ceUlt02 .p2{width: 620px;margin:50px auto;}
  .ceUlt04 .img p.p01{width:60%;}
  .ceUlt04 .img p.p02{width: 40%;}
  .ceUlt04 .p{width: 600px;padding-left: 70px;background-size: 4%;}

}
@media only screen and (max-width: 1200px){
  .ceUlt02 .p{padding-left: 0px;line-height: 1.7;}
  .ceUlt02 .p2{margin:80px auto 50px;line-height: 1.7;}
  .ceUlt04 .p p{line-height: 1.7;}
}
@media only screen and (max-width: 1000px){
  .ceUlt01{background-position: right 0px;}
  .ceUlt02 .p{width: 90%;}
  .ceUlt02 .img p.mt_150{margin-top: 3.1%;}
  .ceUlt02 .p2{width:75%;margin:50px auto 20px;}
  .ceUlt04>img{width:15%;top:-45px;}
  .ceUlt04 .p{width: 90%;-webkit-box-sizing:border-box;box-sizing:border-box;height: auto;}
  .ceUlt02 .p .fnt_36{font-size: 22px;}
  .ceUlt02 .p2 .fnt_24{font-size: 16px;}
  .ceUlt04 .p p{font-size: 16px;}
}
@media only screen and (max-width: 767px){
  .ceUlt02 .p .fnt_36{font-size: 16px;line-height: 1.5;}
  .ceUlt02 .p2{margin:30px auto 20px;}
  .ceUlt02 .p2 .fnt_24{font-size: 14px;line-height: 1.5;}
  .ceUlt04 .p p{font-size: 14px;line-height: 1.5;}
  .ceUlt04 .p{background: none;padding:0;float: none;margin:20px auto;}
  .ceUlt04>img{top: -30px;width: 18%;}
  .ceUlt04 .img p.p02{left: 1%;width: 39%;}
}