/*banner*/
.banner{margin-top: 90px;}
.banner img{width: 100%;}

/*server*/
.ser_n {height: 40px;background: #f5f5f5;position: relative}
.ser_n ul {line-height: 35px;margin: 0 5%;}
.ser_n ul li {float: left;font-size: 14px;}
.ser_n ul li a {color: #333333;font-size: 14px;}
.ser_n ul li span {margin-left: 5px;margin-right: 5px;}

.ser{padding: 0 5%;}
.ser_01_l {float: left;width: 16%;}
.ser_01_l .u1 {border-top: 3px solid #00649d;width: 100%;margin-top: 25px;}
.ser_01_l .on {background: url(../images/s_sanjiao.png) no-repeat right 22px;}
.ser_01_l li, .ser_01_l li li, .ser_01_l li li li {line-height: 20px;color: #e6e6e6;}
.ser_01_l li a {display: block;font-size: 16px;color: #393939;line-height: 40px;}
.ser_01_l li a:hover {color: #a82020;}
.ser_01_l ul li a.curent, .ser_01_l ul li.curent a{color: #a82020!important;}
.ser_01_l ul li ul {display: none;}
.ser_01_l ul li ul {display: none;}
.ser_01_l ul .on ul {display: block;}
.ser_01_l li, .ser_01_l li li, .ser_01_l li li li {line-height: 20px;color: #e6e6e6;}
.ser_01_l li li a {text-align: left;color: #666;margin-left: 28px; font-size: 14px;line-height: 30px;}

.ser_01_r {float: right;width: 80%;}
.ser_01_r .p1 {border-bottom: 1px solid #ebebeb;line-height: 30px;margin-left: 35px;margin-top: 25px;font-size: 20px;font-weight: bold;color: #a82020;padding-bottom: 7px;}
.ser_01_r_1,.ser_01_r_11{margin:20px 0 40px 40px;padding: 20px;}
.ser_01_r_1 table,.ser_01_r_11 table{width: 100%!important;}
.ser_01_r_1 p,.ser_01_r_11 p{line-height: 25px;color: #393939;}
.ser_01_r_1 tr td {padding: 5px;word-break: break-all;}/*border: 1px solid #ddd;*/
.ser_01_r_11 tr td {padding: 5px;word-break: break-all;}/*border: 1px solid #ddd;*/
.ser_01_r_1 .td1 tr td {border: 0;padding: 5px;word-break: break-all;}
.ser_01_r_1 tr td>span{color: rgb(54, 96, 146);}
.ser_01_r_1 tr td a{text-decoration: underline; color: rgb(54, 96, 146);}
.ser_01_r_1 .lx{margin: 10px 0;}
.ser_01_r_1 .lx td{width: 130px!important;}
.feedback .tips {font-size: 14px;color: #a82020;}
.feedback h2 {font-size: 14px;font-weight: normal;}
.feedback .form_wrap {padding: 40px 0; }
.feedback .label_input {margin-bottom: 12px;line-height: 34px;}
.feedback .label {float: left;text-align: right;width: 80px;font-size: 14px;color: #3d4042;}
.feedback .input_w { margin-left: 85px;}
.feedback .input_text{height: 34px;padding-left: 10px;line-height: 34px;border: 1px solid #ddd;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;width: 95%; }
.red {color: #e52410;}
.feedback textarea {width: 95%; height: 100px;padding: 10px;border: 1px solid #ddd;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.feedback .submit_w {margin: 20px 0 0 115px;}
.feedback .submit_w .submit {width: 150px;height: 35px;font-size: 18px;color: #fff;line-height: 35px;text-align: center;background-color: #a82020;border: 0 none;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.feedback .input_w em {display: inline-block;margin-right: 20px;font-style: normal;font-size: 14px;color: #3a3234;}

.lb{    border: 1px solid #ddd;  border-radius: 5px;  -moz-border-radius: 5px;  -webkit-border-radius: 5px;width: 88%;    height: 34px;  line-height: 34px;}
.city-picker-select select{ border: 1px solid #ddd;  border-radius: 5px;  -moz-border-radius: 5px;  -webkit-border-radius: 5px;height: 34px;  line-height: 34px;margin-right: 10px;}
.district{display: none;}

a.more {
    width: 150px;
    height: 35px;
    border-radius: 0;
    border: 1px solid #b3030e;
    font-size: 14px;
    text-align: center;
    line-height: 33px;
    text-indent: 0;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    z-index: 2;
    position: relative;
    display: block;
    margin: 40px 0 50px 0;
    background-color: #fff;
    color: #b3030e;
}
/*a.more:hover {*/
    /*background-color: #b3030e;*/
    /*color: #fff;*/
/*}*/
/*a.more:hover i {*/
    /*color: #fff;*/
    /*text-indent: 10px;*/
    /*line-height: 33px;*/
/*}*/
a.more i {
    font-size: 18px;
    color: transparent;
    text-indent: -10px;
    transition: all ease-out .3s;
}
a.dg{display: inline-block;margin-left: 20px;border: 1px solid #b3030e;font-size: 14px;text-align: center;height: 45px;line-height: 45px;border-radius: 10px;width: 380px;color:#b3030e}
.ser_r {
    width: 609px;
    margin-top: 170px;
    margin-left: 40px;
}
.map{width: 100%;}
/*.map{margin-bottom: 40px;}*/
.map img {
    max-width: inherit;
}
/*.contact{width: 63%;}*/
.contact li{margin: 40px 0;}
.contact li div{display:inline-block}
.contact li div:nth-of-type(1){width: 69%;vertical-align: top}
.contact li div:nth-of-type(1) img{height: 250px;}
.contact li div:nth-of-type(2){width: 30%;}
.contact li p{font-size: 16px;}
.contact li p span{margin:0 8px;}

.ser_01_r_1 ul li p{line-height: 28px;}


.news_list{margin-top: 2%;}
.news_list li{width: 30.5%;margin: 0 4% 2% 0;float: left;transition: box-shadow .3s;}
.news_list li:hover {box-shadow: 0 5px 15px rgba(0,0,0,0.1);}
.news_list li:nth-of-type(3n){margin-right: 0;}
.news_list li .pic {width: 100%;overflow: hidden;height: 11.875vw;border: 1px solid #e6e6e6;}
.news_list li img {width: 100%;transition: transform .3s;}
.news_list li:hover img {transform: scale(1.1);}
.news_list li .con {display: block;width: 100%;border: 1px solid #e6e6e6;border-top: 0;padding: 15px 4% 30px;}
.news_list li h2 {font-size: 20px;color: #333;line-height: 35px;overflow: hidden;height: 35px;transition: color .3s; font-weight: normal;text-overflow: ellipsis;white-space: nowrap;}
.news_list li .font {font-size: 14px;color: #666;line-height: 24px;margin-top: 14px;height: 48px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.page_desc{margin: 50px auto;text-align: center; font-size: 14px;}
.page_desc li{display:inline-block;margin: 0 5px;}
.page_desc li>span,.page_desc li a{padding: 4px 10px;display: inline-block; border: 1px solid #d8d8d8;color: #555; background: #fff;}
.page_desc li span.current,.page_desc li a:hover{background:#555; color: #fff;border: 1px solid #555}

/*job*/
.job{margin: 20px 0;}
.job h3{color: #a82020;font-size: 16px;margin: 10px 0;}
.job p{line-height: 25px;}
.job_more{display: none;}

/*resources*/
.tit{margin: 20px 0;}
.tit p a{padding:0 5px;color: #333;line-height: 41px;height: 41px;display: inline-block;width: 190px;text-align: center;}
.tit p a:hover,.tit p a.on{font-size: 18px;color: #a82020;}
.tit p:last-of-type{margin: 20px 0 30px 0;font-size: 14px;color: #666;}
.list li{float: left;margin: 0 10px 40px 0;}
.list li a{padding: 14px 56px;border: 1px solid #333;color:#333;display: block;}
.list li a:hover,.list li a.on{border: 1px solid #c62424;color:#fff;background-color: #c62424;}
.conta_ul{width: 80%;}
.conta_ul li {
    height: 240px;
    margin-bottom: 2%;
    border-bottom:3px #eee solid;
}
.conta_ul li .tx_left {
    width: 200px;
    height: 200px;
    overflow: hidden;
    float: left;
}
.conta_ul li .tx_left{display: block;padding: 5px;border: 1px solid #333;}
.conta_ul li.tx_video{height: 260px;margin-bottom: 20px;}
.conta_ul li.tx_video .tx_left{width: 430px;height: 240px;padding: 5px;border:none;float: left;position: relative;}
.video{position: absolute;}
.conta_ul li.tx_video .tx_right{width: 60%;}
.conta_ul li.tx_video .tx_right>p{overflow: auto;
    white-space: normal;
    text-overflow: initial;}
.news_span {
    margin: 1% 0;
}
.news_span span {
    font-size: 14px;
    color: #666;
}
.tx_right {
    float: left;
    width: 70%;
    margin-top: 2%;
    margin-left: 5%;
    height: 175px;
    overflow: hidden;
}
.name a {
    font-size: 20px;
    color: #333;
    margin-bottom: 2%;
    display: block;
    
    font-weight: bold;
}
.tx_right>p {
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #898a8a;
    font-size: 14px;
    text-indent: 0;
}
/*投资东盟*/
.investment-left{width: 70%;float: left;}
.investment-left  .conta_ul{width: 100%;}
.investment-right{width: 20%;float: right;margin-right: 3%}
.investment-right h2{font-size: 20px;margin-bottom: 2%;}
.investment-right li {    border-bottom: 1px solid #ddd;padding: 14px 0;}
.investment-right li  a{     white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 16px;color: #333;width: 100%;display:block;transition: all .23s;}
.investment-right li  a:hover{color: #a82020;}
.investment-detail h2{font-size: 20px;text-align: center;margin-bottom: 15px;}
.investment-detail p{font-size: 16px;line-height: 30px;color: #333;}
/*video*/
.video {width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0,0,0,0.7);z-index: 1000;display: none;}
.video .box {width: 750px;position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;height: 556px;}
.video .box video {width: 100%;cursor: pointer;border: 2px solid #fff;}
.video .box .close {width: 35px;height: 35px;background: url(../images/close.png) no-repeat;background-size: cover;position: absolute;right: -20px;top: -20px;border-radius: 50%;cursor: pointer;}
.video .box .play {width: 161px;height: 160px;background: url(../images/play.png) no-repeat;background-size: cover;position: absolute;left: 50%;top: 50%;margin-left: -80px;margin-top: -80px;cursor: pointer;display: none;}

.res_05 {border: 1px solid #eaeaea;position: relative;color: #393939;padding: 0 40px 30px 40px;}
.res_05 h1 {text-align: center;margin: 0 auto;padding-top: 25px;color: #333333;font-size: 18px;padding-bottom: 10px;border-bottom: 1px solid #dbdbdb;margin-bottom: 7px;}
.res_05 .a1 {color: #932b2a;font-size: 14px;position: absolute;top: 30px;right: 50px;}
.res_05 .a1 img {margin-top: -5px;margin-right: 5px;}
.res_05 p {font-size: 14px;color: #393939;line-height: 25px;padding-bottom: 20px;}

/*part1*/
.part1{padding:0 5% 4% 5%;}
.title p{padding:45px 0;color: #a82020;font-size: 24px;text-align: center;}
.part1 .hcdl div{position: relative;}
.part1 .hcdl div a {display: block;overflow: hidden;border: 1px solid #333;}
.part1 .hcdl div a img {transition: all .5s ease-out 0s;height:100px;width:199px;}
.part1 .hcdl div a:hover img {transform: scale(1.2,1.2);}
.part1 .hcslide .slick-prev,.part1 .hcslide .slick-next {width: 42px;height: 42px;position: absolute;bottom: 55%;margin-bottom: -21px;font-size: 0;z-index: 99;background-image: url(../images/slide_chan2.png);background-repeat: no-repeat;background-color: transparent;border: none;cursor: pointer;}
.part1 .hcslide .slick-next { background-position: 0 -100px;right: -10px;}
.part1 .hcslide .slick-prev {background-position: 0 0;left: -10px;z-index:99;}

/*part2*/
.part2{background-color: #f3f3f3;padding:0 5%;}
.hcslidelist {overflow: hidden;outline: none;margin: 0 50px;}
.part2 .hcslide{padding-bottom: 5%;}
.hcdl dd {
    width: 25%;
    position: relative;
    float: left;
    height: 415px;
    border: 1px dashed #d9d9d9;
    border-width: 1px 0 0 1px;
    overflow: hidden;
}
.hcdl {
    position: relative;
    float: left;
    margin: 0 2%;
    padding: 2px 0;
    text-align: center;}
.hcdl dd {overflow: hidden;}
.hcdl dd a { display: block; cursor: pointer; padding: 10px 10px 25px 10px;overflow: hidden;}
.part2 .hcdl dd a {padding: 0 10px 0 10px;}
.part2 .hcdl dd .cp-i{ display: block; cursor: pointer; padding: 10px 10px 25px 10px;overflow: hidden;}
.hcdl dd a img{width: 100%;}
.part2 .hcdl dd .cp-i img{width: 100%;}
.hcdl dd a>div{width: 80%;margin-left: 10%;}
.hcdl dd a>div p:nth-of-type(1){font-size: 18px;text-align: center;padding-bottom: 5px;border-bottom: 1px solid #6280ff;margin-top: 15px;}
.part2 .hcdl dd .cp-i>div>p{font-size: 18px;text-align: center;padding-bottom: 5px;border-bottom: 1px solid #6280ff;margin-top: 15px;}
.hcdl dd a>div p:nth-of-type(2){background-color: #55a6ff;color: #fff;margin-top: 15px;border-radius: 8px;text-align: center;padding: 10px 0;}
.part2 .hcdl dd .cp-i>div a{background-color: #55a6ff;color: #fff;margin-top: 7px;border-radius: 8px;text-align: center;padding: 10px 0;}
.part2 .hcdl dd .cp-i>div a:nth-of-type(2){background-color: #5c8b04;}

.hcslide .slick-prev, .hcslide .slick-next ,.hcslide4 .slick-prev, .hcslide4 .slick-next {width: 42px;height: 42px;position: absolute;bottom: 55%;margin-bottom: -21px;font-size: 0;z-index: 99;background-image: url(../images/slide_chan2.png);background-repeat: no-repeat;-webkit-border-radius: 50%;-moz-border-radius: 50%; border-radius: 50%;  background-color: transparent;border: none;cursor: pointer;display: block!important;}
.hcslide .slick-prev ,.hcslide4 .slick-prev{background-position: 0 0;left: 0;}
.hcslide .slick-next ,.hcslide4 .slick-next{background-position: 0 -100px;right: 0;}
.cp-mark {position: absolute;left: 0;top: 0;z-index: 2;transition-duration: .5s; margin-top: 415px;height: 260px;width: 100%;display: block;background-color: #fff;padding: 50px 20px;}
.cp-mark p{line-height: 25px;font-weight: normal;text-overflow: ellipsis;  overflow: hidden}
.cp-mark p.ask{background-color: #55a6ff;  color: #fff;  margin-top: 15px;  border-radius: 8px;  text-align: center;  padding: 10px 0;}
.cp-mark p.ask{background-color: #55a6ff;  color: #fff;  margin-top: 15px;  border-radius: 8px;  text-align: center;  padding: 10px 0;}
.part2 .cp-mark p{margin-bottom: 50px;}
.hcdl dd:hover .cp-mark{margin-top: 0;}

/*part3*/
.part3{padding:0 5%;}
.part3 .hcslide .slick-prev,.part3 .hcslide .slick-next {width: 42px;height: 42px;position: absolute;bottom: 55%;margin-bottom: -21px;font-size: 0;z-index: 99;background-image: url(../images/slide_chan2.png);background-repeat: no-repeat;background-color: transparent;border: none;cursor: pointer;}
.part3 .hcslide .slick-next {background-position: 0 -100px;right: -9px; }
.part3 .hcslide .slick-prev {background-position: 0 0;left: -9px;}

.part3 .hcslide .hcdl{float: none;}
.part3 .hcslide .ico-box{position: relative;border: 1px solid #27a1e2;border-radius: 50%;width: 170px;height: 170px;display: inline-block;}
.part3 .hcslide .ico-box img{position: absolute;top: 30%;left:30%;}
.part3 .hcslide .ico-box .cp-mark2{display: none;position: absolute;z-index: 1;top: 30%;left: 10%;background-color: transparent;width: 80%;}
.part3 .hcslide .ico-box .cp-mark2 p{font-size: 14px;}
.part3 .hcslide .ico-p{font-weight: bold;margin-top: 30px;}
.part3 .hcslide .hcslidelist:hover .ico-box{background-color: #f3f3f3;}
.part3 .hcslide .hcslidelist:hover .ico-box img{display: none;}
.part3 .hcslide .hcslidelist:hover .ico-box .cp-mark2{display: block;}
/*part4*/
.part4 .hcdl div {padding: 1px 0;}
.part4 .hcdl div a:hover img {transform:none;}
.part4 .cp-mark {position: absolute!important;left: 0;top: 0;z-index: 2;transition-duration: .5s;margin-top: 285px;height: auto!important;min-height: 150px;width: 100%!important;display: block;background-color: #f3f3f3;padding: 50px 20px;margin-left: 0!important;margin-right: 0!important;}
.part4 .cp-mark a{border: none!important;padding: 5px!important;}
.part4 .cp-mark p:nth-of-type(1){font-size: 16px;color: #333;margin-bottom: 10px;}
.part4 .cp-mark p:nth-of-type(2){font-size: 14px;color: #666;}
.part4 .hcdl>div:hover .cp-mark {margin-top: 159px;}
.part4>h4{color: #a82020;;font-size: 20px;line-height: 30px;text-align: center;letter-spacing: 1px;font-weight: normal;}
.part4>h4:nth-of-type(1){margin-top: 30px;}
.part4 .hcdl div a img {height: 275px;width: 231px;}
/*part5*/
.part5{padding:0 5%;}
.part5 .hcslidelist{text-align: center!important;}
.part5 .hcdl{float: none;}
.part5 .hcdl>div {position: relative;margin: 0 2%;padding: 2px 0;text-align: center;}
.part5 .hcdl>div>a p{margin-top: 25px;color: #333;}
.part5 .slick-slide img{display: inline-block;}
.part5 .cp-mark{margin-top: 195px;min-height: 183px;padding:15px 5px; background-color: #f3f3f3;}
.part5 .cp-mark a{display: block;overflow: hidden;}
.part5 .cp-mark a p{text-align: left;font-size: 14px;margin-bottom: 2px;}
.part5 .cp-mark .a{color: #4894ff;font-size: 14px;}
.part5 .hcdl>div:hover .cp-mark {margin-top: 0!important;}

/*part6*/
.part6 .top{background-color: #1c5aa0;padding: 4% 5%;margin-top: 3%;}
.part6 .top li{width: 18%;margin: 0 1%;display: inline-block;color: #fff;border: 1px solid #fff;text-align: center;padding: 15px 0;}
.part6 .top li:first-of-type{margin-left: 0;}
.part6 .top li:last-of-type{margin-right: 0;}
.part6 .mid{background-color: #f3f3f3;padding: 3% 3%;}
.part6 .hcdl>div {padding: 2px 0;text-align: center;}
.part6 .hcdl>div>a h4{margin: 10px 0;font-size: 18px;}
.part6 .hcdl>div>a h5{margin: 10px 0;font-size: 15px;    height: 40px;
    overflow: hidden;}
.part6 .hcdl>div>a p{margin-top: 15px;color: #333;height:85px;overflow:hidden;}
.part6 .hcdl>div>a p span{height:85px;overflow:hidden;}
.part6 .hcdl>div>a div{border-radius: 50%;overflow: hidden;}
.part6 .slick-slide img{display: inline-block;}
.part6 .bottom ul{padding:0 5%;margin-bottom: 4%;}
.part6 .bottom li{width: 20%;border: 1px solid #666;float: left;}
.part6 .bottom li .fl{width: 33%;}
.part6 .bottom li .fr{width: 65%;padding: 10px 7px 7px 0;}
.part6 .bottom li .fr h4{margin-bottom: 8px;}

/*icon*/
.icon ul{padding: 0 5%;}
.icon li{width:13.1%;float: left;text-align: center;margin:0 3.6%;}
.icon li:nth-of-type(1){margin-left:0;}
.icon li:nth-of-type(7){margin-right:0;}
.icon li i{display: block;width: 140px;height: 120px;background: url(../images/sprint.png);border-radius: 7px;border: 1px solid #1c5aa0;}
.icon li a{display: inline-block;}
.icon li p{color: #a82020;text-align: center;margin-top: 20px;}
.icon li:nth-of-type(1) i{background-position: 8px -74px;}
.icon li:nth-of-type(2) i{background-position: 724px -74px;}
.icon li:nth-of-type(3) i{background-position: 620px -74px;}
.icon li:nth-of-type(4) i{background-position: 526px -74px;}
.icon li:nth-of-type(5) i{background-position: 407px -74px;}
.icon li:nth-of-type(6) i{background-position: 282px -74px;}
.icon li:nth-of-type(7) i{background-position: 168px -74px;}

/*services_1*/
.services_1{padding:0 5%;}
.services_1 ul{position: relative;}
.services_1 li{padding: 30px 0 0;text-align: center;float: left;position: relative;width: 21%;}
.services_1 li:nth-of-type(2){margin: 0 5%;}
.services_1 li:nth-of-type(3){margin-right:5%;}
.services_1 li:nth-of-type(4){float: right;}
.services_1 li div{position: absolute;top: 93px;width: 84%;margin-left:8%;max-height: 317px;overflow: hidden;}
.services_1 li h4{font-size: 18px;color: #a82020;margin: 20px 0;font-weight: normal;}
.services_1 li p{font-size: 16px;color: #333;line-height: 25px;}

/*services_2*/
.services_2 ul{padding: 0 5%;}
.services_2 ul li{float: left;width:30%;margin: 1.5% 0;border: 1px solid #2da3df;padding: 33px;}
.services_2 ul li:nth-of-type(1),.services_2 ul li:nth-of-type(4){margin-left: 0!important;}
.services_2 ul li:nth-of-type(3),.services_2 ul li:nth-of-type(6){margin-right: 0!important;}
.services_2 ul li:nth-of-type(2),.services_2 ul li:nth-of-type(5){margin: 1.5% 5%;}
.services_2 ul li i{display: block;width: 120px;height: 100px;background: url(../images/sprint.png);float: left;}
.services_2 ul li:nth-of-type(1) i{background-position: 0 -231px;}
.services_2 ul li:nth-of-type(2) i{background-position: -112px -231px;}
.services_2 ul li:nth-of-type(3) i{background-position: -245px -231px;}
.services_2 ul li:nth-of-type(4) i{background-position: -364px -231px;}
.services_2 ul li:nth-of-type(5) i{background-position: -495px -231px;}
.services_2 ul li:nth-of-type(6) i{background-position: -644px -231px;}
.services_2 ul li div{float:left;text-align: center;margin-left: 5%;margin-top: 2%;    width: 54%;}
.services_2 ul li div h3{font-size: 24px;font-weight: normal;color: #333;margin-bottom: 15px;}

/*services3*/
.services_3{padding: 0 5%;}
.i_box{position: relative;}
.i_box a{position: absolute;width: 19%;top:39%;line-height: 25px;}
.i_box a:nth-of-type(1){left: 3%}
.i_box a:nth-of-type(2){left: 28%}
.i_box a:nth-of-type(3){left: 52%}
.i_box a:nth-of-type(4){left: 77%}

/*.mid .hcslide .slick-prev{left: 30px;}*/
/*.mid .hcslide .slick-next{right: 50px;}*/
/*弹出层*/
.theme-poptit .closeh:hover {
    -webkit-transform: scale(1) rotate(360deg);
    transform: scale(1) rotate(360deg);
}

.theme-poptit .closeh {
    float: right;
    text-shadow: 0 1px 0 #ddd;
    font-size: 28px;
    -webkit-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    margin: 0 10px;
}
.theme-popover-mask {
    z-index: 99999;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    display: none;
}
#inline{padding:0 20px;;display: none;   z-index: 100000;
    position: fixed;
    top: 19%;
    left: 17%;

    background-color: #fff;
    width: 1220px;
    border-radius: 10px;}
#inline h3{margin-bottom: 20px;color: #666;}
#inline h4,#inline h1{margin-top: 20px;color: #27a1e2;}
#inline input{display: inline-block;border-radius: 2px;padding: 5px;font-size: 16px;line-height: 30px;border:1px solid #999;}
#inline input.mes{width: 500px;height: 80px;}
#inline input[type=submit]{background-color: #27a1e2;padding: 5px 5px 0 5px;color: #fff;}


/*independent*/
.independent_1,.independent_5{padding: 0 5%;}
.independent_1 .title2,.independent_2 .title2,.independent_3 .title2,.independent_4 .title2,.independent_5 .title2,.independent_6 .title2{text-align: center;}
.independent_1 .title2 p,.independent_2 .title2 p,.independent_3 .title2 p,.independent_4 .title2 p,.independent_5 .title2 p,.independent_6 .title2 p{display: inline-block;background: url(../images/in-tit.png) no-repeat center/cover;padding: 0 355px;font-size: 24px;color: #a82020;margin: 40px 0;}
/* .independent_1 li{width: 18%;float: left; letter-spacing: 0.035em;  word-spacing: normal;  vertical-align: top;  text-rendering: auto;margin-right: 2%;border: 1px solid #999;margin-bottom: 2%;}
.independent_1 li:nth-of-type(5n){margin-right: 0;}
.independent_1 li .cp-box{padding-left:0;padding-right:0;width: 100%;}
.independent_1 li .cp-service-box {position: relative;z-index: 1;background: #fff;height: auto!important; overflow: hidden;}
.independent_1 .cp-service-box img {width: 100%; }
.independent_1  h2 {border: none;text-align: center;font-weight: normal;font-size: 14px;margin-bottom: 0;padding-top: 10px;color: #333;padding-bottom: 10px;z-index: 99;background-color: #fff;}
.independent_1 .cp-mark {position: absolute; left: 0; top: 0;z-index: 2;transition-duration: .5s;margin-top: 205px;background-color: rgba(0,0,0,.6);height: auto!important;min-height: 310px;width: 100%;display: block;padding: 10px;}
.independent_1 .cp-mark p{font-size: 14px;color: #fff;}
.independent_1 .cp-service-box:hover .cp-mark {margin-top: 0;} */
.independent_1{margin: 2% 0;}
.independent_1 h2{text-align: center;font-size: 26px;margin-bottom: 30px;font-weight: normal;}
.independent_1 h2 span{color:#e56701;}
.independent_1>ul{width:86%;max-width: 1530px;margin: 0 auto 30px auto;}
.independent_1>ul>li{width:24%;float:left;margin-right: 1.33%;border:1px solid #d9d9d9;}
.independent_1>ul>li:last-of-type{margin-right: 0;}
.independent_1>ul>li h3{height: 80px;color: #fff;text-align: center;line-height: 80px;font-size: 26px;font-weight: normal;}
.independent_1>ul>li h4{height: 47px;color: #333;text-align: center;line-height: 47px;font-size: 21px;border-bottom:1px solid #c5c5c5;margin-bottom: 15px;font-weight: normal;}
.independent_1>ul>li:nth-of-type(1) h3,.independent_1>ul>li:nth-of-type(1) a{background-color: #ea9401;}
.independent_1>ul>li:nth-of-type(2) h3,.independent_1>ul>li:nth-of-type(2) a{background-color: #5c940d;}
.independent_1>ul>li:nth-of-type(3) h3,.independent_1>ul>li:nth-of-type(3) a{background-color: #947a0c;}
.independent_1>ul>li:nth-of-type(4) h3,.independent_1>ul>li:nth-of-type(4) a{background-color: #a64f08;}
.independent_1>ul>li div div{height:460px ;}
.independent_1>ul>li div div p{color:#47484a;padding-left: 30px;margin-bottom: 7px;}
.independent_1>ul>li:nth-of-type(1) div div p{background: url(../images/1-1.jpg) no-repeat 13px 8px;}
.independent_1>ul>li:nth-of-type(2) div div p{background: url(../images/1-2.jpg) no-repeat 13px 8px;}
.independent_1>ul>li:nth-of-type(3) div div p{background: url(../images/1-3.jpg) no-repeat 13px 8px;}
.independent_1>ul>li:nth-of-type(4) div div p{background: url(../images/1-4.jpg) no-repeat 13px 8px;}
.independent_1>ul>li ul li{padding-left: 50px;background: url(../images/add.png) no-repeat 32px 5px;margin-bottom: 7px;}
.independent_1>ul>li a{display: block;width: 100%;height:50px;line-height: 50px;text-align: center;font-size: 20px;color:#fff;}
.independent_1>p{font-size:16px;width:86%;max-width: 1530px;margin: 0 auto;margin-bottom: 7px;}

.independent_2{background: url(../images/in-bg1.jpg) no-repeat center/cover;padding: 2% 5%}
.independent_2 li{background-color: rgba(0,0,0,.6);width: 30%;margin: 1.5%;border-radius: 10px;height: 230px;float: left;}
.independent_2 li p{color: #fff;margin:0 20px 0 40px;    text-align: justify;}
.independent_2 li:nth-of-type(1) p{background: url(../images/in-icon1.png) no-repeat left center;padding-left: 120px;height: 77px;line-height: 26px;margin-top: 70px;}
.independent_2 li:nth-of-type(2) p{background: url(../images/in-icon2.png) no-repeat left center;padding-left: 120px;height: 77px;line-height: 26px;margin-top: 70px;}
.independent_2 li:nth-of-type(3) p{background: url(../images/in-icon3.png) no-repeat left center;padding-left: 120px;
    line-height: 26px;margin-top: 56px;}

.independent_3{padding: 0 5%;padding-bottom: 60px;}
.independent_4{background: url(../images/in-bg2.jpg) no-repeat center/cover;padding: 0 5%;}
.independent_4 p{padding: 1% 0 5%;}

.independent_5 li{float: left;width: 44%;margin:2% 3%;border: 1px solid #cccccc;padding: 33px;}
.independent_5 li i {display: block;width: 101px;height: 110px;float: left;}
.independent_5 li p {line-height: 26px;}
.independent_5 li:nth-of-type(1) i { background: url(../images/in-icon4.png);}
.independent_5 li:nth-of-type(2) i { background: url(../images/in-icon5.png);}
.independent_5 li:nth-of-type(3) i { background: url(../images/in-icon6.png);}
.independent_5 li:nth-of-type(4) i { background: url(../images/in-icon7.png);}
.independent_5 li p {float: left;text-align: center;margin-left: 9%;margin-top: 2%;width: 67%;}

.independent_6{background: url(../images/in-bg3.jpg) no-repeat center/cover;padding: 2% 5%}
.independent_6 li{width: 18%;margin: 1% 3%;float: left;border: 2px solid #b3b3b3;padding: 30px 0;height: 125px;transition: all .3s;position: relative;overflow: hidden;}
.independent_6 li:hover{border:2px solid transparent;}
.independent_6 li:hover h4{margin-top: 0;}
.independent_6 li>div{width: 49%;display: inline-block;text-align: center;vertical-align: top;}
.independent_6 li p{width: 45%;display: inline-block;font-size: 28px;color: #fff;line-height: 55px;vertical-align: top;}
.independent_6 li h4{position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    transition-duration: .5s;
    margin-top: 155px;
    background-color: #d15050;
    height: auto!important;
    min-height: 125px;
    width: 100%;
    display: block;
    padding: 10px;
    color: #fff;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
}

.mess form{padding: 0 12%;}
.mess>h2{background-color: #d15050;padding: 20px 0;font-size: 24px;color: #fff;font-weight: normal;text-align: center;margin: 50px 0 0;}
.btn4{padding:10px 25px;background-color: #a82020;color: #fff;border: 0;border-radius: 6px;}

/*independent2*/
.independent2_1{padding: 2% 12%;}
.independent2_1 li{width: 23%;margin: 1%;float: left;border: 2px solid #0f5fa1;padding: 20px;height: 100px;transition: all .3s;}
.independent2_1 li>div{width: 49%;display: inline-block;text-align: center;vertical-align: top;}
.independent2_1 li p{width: 45%;display: inline-block;font-size: 28px;color: #0f5fa1;line-height: 55px;vertical-align: top;}

.independent2_2{padding:2% 12%;background: url(../images/in-bg4.jpg) no-repeat center/cover;}
.independent2_2>div{width: 49%;display: inline-block;vertical-align: top;}
.independent2_2>div>p{text-align: center;line-height: 26px;}
.independent2_2>div>ul li{width: 35%;margin:5% 7.25%;float: left;text-align: center;box-shadow: rgb(204, 204, 204) 0px 3px 3px;}
.independent2_2>div>ul li>div{padding: 10px;border-bottom: 1px solid #c2c2c2;background-color: #fff;}
.independent2_2>div>ul li>p{padding: 10px;line-height: 25px;font-size: 14px;background-color: #fff;height: 70px;overflow: hidden;transition: all .3s;}
.independent2_2>div>ul li:hover>p{background-color: #a82020;color: #fff}

.independent2_3{padding:2% 10%;background: url(../images/in-bg5.jpg) no-repeat center/cover;}
.independent2_3>div{width: 49%;display: inline-block;vertical-align: top;text-align: center;margin: 0 auto;}
.independent2_3>div h4{background-color: #a82020;color: #fff;text-align: center;width: 395px;font-size: 16px;font-weight: normal;margin-top: 15px;display: inline-block;padding: 10px 0;border-bottom: 1px solid #fff;}
.independent2_3>div p{background-color: #a82020;color: #fff;text-align: center;width: 395px;font-size: 14px;display: inline-block;padding: 10px 0;}

.independent2_4{padding:3% 12%;background: url(../images/in-bg6.jpg) no-repeat center/cover;}
.hcslide{margin: 30px 0;}
.independent2_4 .hcdl div a img {transition: all .5s ease-out 0s;height:110px;width:215px;}
.independent2_4 .hcdl div{position: relative;}
.independent2_4 .hcdl div a {display: block;overflow: hidden;}
.independent2_4 .hcdl div a:hover img {transform: scale(1.2,1.2);}
.independent2_4 .hcslidelist { margin: 0 20px;  }
.independent2_5{padding:3% 0;}
.independent2_4 .hcslide .slick-prev{left: -20px;}
.independent2_4 .hcslide .slick-next{right: -20px}

.independent2_6{padding:0 12% 3%;background: url(../images/in-bg7.jpg) no-repeat center/cover;}
.independent2_6>p{margin: 3% 0;}
.independent2_6>ul li{width: 30%;margin: 1.5%;float: left;}

.independent2_7{padding:2% 12% 2%;background: url(../images/in-bg9.jpg) no-repeat center/cover;}
.independent2_7 .t{border-bottom: 1px solid #cc7c7c;border-top: 1px solid #cc7c7c;padding:20px 0;text-align: center; }
.independent2_7 .t img,.independent2_7 .t div{display: inline-block;vertical-align: top;}
.independent2_7 .t div p{color: #c08905;margin-left: 40px;line-height: 26px;}
.independent2_7 .b{margin: 50px 0;}
.independent2_7 .b div{width: 63%;float: left;}
.independent2_7 .b ul{width: 29%;float: right;margin-top: 4%}
.independent2_7 .b ul li{width:50%;float: left;padding: 30px;text-align: center;}
.independent2_7 .b ul li p{color: #b23a3a;margin-top: 25px;text-align: center}


.independent2_8{padding:2% 12% 2%;background: url(../images/in-bg8.jpg) no-repeat center/cover;}
.independent2_8>div{position: relative;}
.independent2_8>div div img{padding-left:20px }
.independent2_8>div .d1{position: absolute;left: 9%;top:16%;}
.independent2_8>div .d2{position: absolute;left: 6%;top:63%;}
.independent2_8>div .d3{position: absolute;left: 40%;top:16%;}
.independent2_8>div .d4{position: absolute;left: 37%;top:63%;}
.independent2_8>div .d5{position: absolute;left: 72%;top:16%;}
.independent2_8>div .d6{position: absolute;left: 68%;top:63%;}
.independent2_8>div .d7{position: absolute;left: 85%;top:63%;}
.independent2_8>div .app>p{font-size: 24px;}
.independent2_8>div .app-p{opacity: 0;transition: opacity 0.3s;}
.independent2_8>div .app-p p{font-size: 14px;line-height: 20px;}
.independent2_8>div .app{position: relative;top:0;transition: all .3s;}
.independent2_8>div>div:hover img{height: 50px;}
.independent2_8>div>div:hover .app>p{font-size:18px;}
.independent2_8>div>div:hover .app{top:-30px;}
.independent2_8>div>div:hover .app-p{opacity: 1;}

.ser_01_r_1 .ul1{border-bottom: 1px solid #435eb1;padding-bottom: 20px}
.ser_01_r_1 .ul1 li{font-size: 20px;width: 20%;float: left;padding-left: 5%;}
.ser_01_r_1 .ul2{border-bottom: 1px solid #435eb1;padding-bottom: 20px}
.ser_01_r_1 .ul2 ul{width: 20%;float: left;padding-left: 5%;margin-top: 10px}
.ser_01_r_1 .ul2 ul li{font-size: 14px;line-height: 25px;}
.ser_01_r_1 .ztc-p{margin-bottom: 30px;margin-top: 20px;}
.ser_01_r_1 .ztc-p h3{font-size: 18px;margin-bottom: 15px;text-align: center;}
.ser_01_r_1 .ztc-p div{margin-top: 10px}
.ser_01_r_1 .ztc-p div .fl{margin-right: 15px;width:230px}
.ser_01_r_1 .ztc-p div .fr{float: left;width: 40%}
.ser_01_r_1 .ztc-p div .fr h4{font-size: 16px;line-height: 25px}
.ser_01_r_1 .ztc-p div .fr p{font-size: 16px;margin-top: 10px}
.ser_01_r_1 .ztc-p div .fr a{color: #a82020;}
.ser_01_r_1 .ztc-p div .fl img{margin-right: 2%}
.ser_01_r_1 .ztc-box h3{margin: 10px 0;text-align: center;}
.ser_01_r_1 .ztc-box li{width: 20%;margin:1% 2.5%;float: left;height: 100px;background: url(../images/ztc1.jpg) no-repeat center/cover;text-align: center;border-radius: 15px;padding: 5px 0;}
.ser_01_r_1 .ztc-box li p{color: #fff;line-height: 22px;font-size: 14px;}
.ser_01_r_1 .ztc-box li p a{color: #fff}

.ser_01_r_1 .ztc-box .second h3{margin-left: 25%;}
.ser_01_r_1 .ztc-box .second ul{margin-left: 25%;}
.ser_01_r_1 .ztc-box .second li{width: 26.5%;margin: 1% 3.4%;background: url(../images/ztc2.jpg) no-repeat center/cover;}

.ser_01_r_1 .ztc-box .third h3{margin-left: 50%;}
.ser_01_r_1 .ztc-box .third ul{margin-left: 50%;}
.ser_01_r_1 .ztc-box .third li{width: 40%;margin: 1% 5%;background: url(../images/ztc3.jpg) no-repeat center/cover;}

.ser_01_r_1 .ztc-box .four h3{margin-left: 25%;}
.ser_01_r_1 .ztc-box .four ul{margin-left: 25%;}
.ser_01_r_1 .ztc-box .four li{width: 26.5%;margin: 1% 3.4%;background: url(../images/ztc4.jpg) no-repeat center/cover;}

.ser_01_r_1 .ztc-box .five h4{font-size: 20px;margin-bottom: 15px;}
.ser_01_r_1 .ztc-box .five ul{margin-right: 50%;}
.ser_01_r_1 .ztc-box .five li{width: 40%;margin: 1% 5%;background: url(../images/ztc5.jpg) no-repeat center/cover;}

.ser_01_r_1 .ztc-box .six ul{margin-left: 25%;}
.ser_01_r_1 .ztc-box .six li{width: 26.5%;margin: 1% 3.4%;background: url(../images/ztc5.jpg) no-repeat center/cover;}

.ser_01_r_1 .ztc-box .seven h4{font-size: 20px;margin-bottom: 15px;}
.ser_01_r_1 .ztc-box .seven ul{margin-left: 25%;}
.ser_01_r_1 .ztc-box .seven li{width: 26.5%;margin: 1% 3.4%;background: url(../images/ztc6.jpg) no-repeat center/cover;}

.ser_01_r_1 .ztc-box .eight h4{font-size: 20px;margin-bottom: 15px;}
.ser_01_r_1 .ztc-box .eight ul{margin-left: 25%;}
.ser_01_r_1 .ztc-box .eight li{width: 59.7%;margin: 1% 3.4%;background: url(../images/ztc7.jpg) no-repeat center/cover;}

.ser_01_r_1 .ztc-box .nine h4{font-size: 20px;margin-bottom: 15px;}
.ser_01_r_1 .ztc-box .nine li{;background: url(../images/ztc8.jpg) no-repeat center/cover;}

.ser_01_r_1 .ztc-box .ten h4{font-size: 20px;margin-bottom: 15px;}
.ser_01_r_1 .ztc-box .ten li{background: url(../images/ztc9.jpg) no-repeat center/cover;}


.ztc-info{
    display: none;
    position: fixed;
    width: 900px;
    height: 750px;
    padding: 20px 20px 40px 20px;
    left: 27.4%;
    top:150px;
    box-shadow: 0 5px 15px rgba(45,50,55,.6);
    border-radius: 5px;
    background-color: #fff;
    color: #333;
    z-index: 9999;
    overflow-y: scroll;
}
.ztc-info2{left: 48.8%;}
.ztc-info3{left: 6%;}
.ztc-info4{left: 27.5%;}
.ser_01_r_1 .ztc-box li .ztc-info .ztc-info-tit{font-size: 24px;margin-bottom: 10px;}
.ser_01_r_1 .ztc-box li .ztc-info .ztc-info-price{margin-bottom: 20px;font-weight: bold}
.ser_01_r_1 .ztc-box li .ztc-info p{color: #333;line-height: 27px}
.ser_01_r_1 .ztc-box li .ztc-info-contain{text-align: left;}
.ser_01_r_1 .ztc-box li .ztc-info-contain h3{text-align: left;}
.ztc-info::-webkit-scrollbar {/*滚动条整体样式*/
    width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.ztc-info::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 5px;
    background: #a82020;
}
.ztc-info::-webkit-scrollbar-track {/*滚动条里面轨道*/
    border-radius: 5px;
    background: rgba(242,242,242,.3);
}


/*沙龙*/
.salon{
    margin-top: 40px;
}
.salon .salon_tit{
    position: relative;
}
.salon .salon_tit h2{
    color: rgb(31, 78, 121);
    font-size: 20px;
    position: absolute;
    left: 0;
    top:18px;
}
.salon .salon_tit h3{
    color: rgb(31, 78, 121);
    font-size: 20px;
    text-align: center;
    border-bottom: 1px solid rgb(180, 198, 231);
    padding-bottom:15px;
    line-height: 35px;
}
.salon .salon_tit p{
    line-height: 40px;
    margin: 10px 0 30px;
}
.salon .salon_tit p img{
    margin-right: 10px;
}
.salon p{
    color: rgb(31, 78, 121);;
}
.ser_01_r_2 .salon tr{width: 100%}
.ser_01_r_2 .salon tr td{
    padding: 5px;
    text-align: left;
    color: rgb(31, 78, 121);
    border:1px solid rgb(180, 198, 231);
}
.ser_01_r_2 .salon tr td span{
    color: rgb(255, 0, 0);
}

.salon_mid{
    margin: 40px 0 0;
}
.salon_mid h2{
    color: rgb(255, 0, 0);
    font-weight: normal;
    font-size: 21px;
    margin-bottom: 20px;
    text-align: center;
}
.salon_mid p{
    color: rgb(31, 78, 121);
    line-height: 25px;
}
.salon_mid img{
    margin-bottom: 40px;
}
.salon_bot h2{
    color: rgb(31, 78, 121);
    font-size: 17px;
    font-weight: normal;
    margin-bottom: 20px;
		margin-top: 20px;
}
.salon_bot ul{
    margin-bottom: 20px;
    list-style: disc;
    margin-left: 20px;
}
.salon_bot li{
    color: rgb(31, 78, 121);
    line-height: 35px;
}
.salon_bot li span{
    width: 50%;
    display: inline-block;
}
.salon_bot h3{
    color: rgb(255, 0, 0);
    font-weight: normal;
    font-size: 21px;
    margin-top: 30px;
    text-align: center;
    line-height: 45px;
}
.salon .feedback .tips{
    font-size: 20px;
    text-align: center;
    color: rgb(31, 78, 121);
    margin-top: 30px;
}
.salon .feedback .input_text{
    border: none;
    border-bottom: 1px solid rgb(31, 78, 121);
    border-radius: 0;
}
.salon .feedback .label{
    color: rgb(31, 78, 121);
}
.salon .feedback .submit_w{
    margin: 0;
    text-align: center;
    margin-top: 20px;
}
.salon .feedback .label{
    text-align: left;
    width: 25%;
    padding-left: 10px;
}
.salon .feedback .input_w{
    width: 75%;
    float: left;
    margin-left: 0;
}
.feedback .input_text{
    width: 100%;
}
.salon .feedback .form_wrap{
    padding: 40px 0 0;
}
.salon .feedback h3{
    color: rgb(255, 0, 0);
    font-weight: normal;
    font-size: 21px;
    margin-top: 20px;
    text-align: center;
}
@media only screen and (min-width: 1925px){
    .ztc-info{left: 26.8%; width: 1105px;height: 990px;top:200px;}
    .ztc-info2{left: 48.6%;}
    .ztc-info3{left: 9.5%;}
    .ztc-info4{left: 31.3%;}
}
@media only screen and (max-width: 1720px){
    .conta_ul li.tx_video .tx_right {
        width: 54%;    margin-left: 4%;
    }
}
@media only screen and (max-width: 1670px){
    .ser_r{width: 400px;}
    .ser_01_r_1 .ztc-box li .ztc-info .ztc-info-tit {font-size: 20px;}
    .ztc-info{left: 28%;width: 725px;height: 560px;}
    .ztc-info2{left: 48.9%;}
    .ztc-info3{left: 7.7%;}
    .ztc-info4{left: 29%;}
}
@media only screen and (max-width: 1470px){
    .services_1 li>div {top: 70px;}
    .part6 .bottom li {
        width: 40%;
        margin: 1% 5%;
    }
  
    .part3 .hcslide .ico-box {
        width: 143px;
        height: 143px;
    }
    .part3 .hcslide .ico-box img {
        top: 25%;
        left: 25%;
    }
	
    
	.part4 .hcdl>div:hover .cp-mark {
    margin-top: 135px!important;
}
    .hcdl dd{height: 300px;}
    .cp-mark{height: 193px;padding: 20px;}
    .i_box span{top:32%;}
	
	.part4 .hcdl div a img {height: 225px;width: 190px;}
	.part1 .hcslidelist {margin: 0 27px}
    .city-picker-select select{margin-right: 1px;}
    .part2 .cp-mark p{margin-bottom: 2px;    font-size: 14px;}
    #inline{width: 1100px;top: 15%;left: 11%;}
    #inline .news1200{width: 1050px;}

    .independent_2 li p{font-size: 14px;padding-left: 100px!important;}
    .independent_2 li:nth-of-type(3) p {margin-top: 40px; }
    .independent_6 li p{font-size: 24px;}
    .independent2_7 .b ul {margin-top: 0;}
    .independent2_1 li p{font-size: 24px;}
    .independent2_7 .b ul li {padding: 20px;}
    .independent2_7 .b ul li p{font-size: 14px;}
    .independent2_8>div .d1,.independent2_8>div .d3,.independent2_8>div .d5{top:12%}
    .independent2_2>div>ul li>p {height: 95px;}
    .conta_ul li.tx_video .tx_right {
        width: 52%;
    }
}
@media only screen and (max-width: 1367px){
    .ser_r{width: 335px;height:210px; }

    #inline{top: 15%;left: 9%;}
    .cp-mark {
        height: 184px;
    }
    .ztc-info{left: 28%;width: 620px;height: 435px;}
    .ztc-info2{left: 48.9%;}
    .ztc-info3{left: 7.7%;}
    .ztc-info4{left: 29%;}
    .conta_ul li.tx_video .tx_right {
        width: 45%;
    }
}
@media only screen and (max-width: 1280px){
    .ztc-info{left: 28%;    width: 575px;height: 400px;}
    .ztc-info2{left: 48.9%;}
    .ztc-info3{left: 8.2%;}
    .ztc-info4{left: 29.3%;}
}


/*progrem.html*/
.titlasame{ text-align: center; }
.titlasame .textbest{ font-size:32px;font-weight: bold;color: #030303; }
.titlasame span{ font-size: 14px;color: rgba(0,0,0,0.6);text-transform: uppercase;margin: 5px  0;display: block;opacity: 0.6}
.titlasame img{ width: 350px }
.titlasame p{font-size: 16px;color: #626365;width: 1000px;line-height: 28px;margin:40px auto 60px;}
.progremone{ background-image:url(../images/new/bglpan.jpg); background-repeat: no-repeat;background-size: cover;height: 483px;padding-top: 40px }
.progremone .bott ul li{width: 33%;float: left;text-align: center;}
.progremone .bott ul li i img{ width: 80px;height: 80px;margin-bottom: 16px}
.progremone .bott ul li p{ font-size: 18px;color: #333333;font-weight: bold; }

.progremtwo{ margin: 50px 0 }
.proList{ display: flex;align-items: center;margin-top: 60px }
.proList .prolistRight{width: 41%}
.proList .prolistLeft{ width: 59%;}
.proList:nth-of-type(even) .prolistLeft{margin-left:50px }
.proList:nth-of-type(odd) .prolistLeft{margin-right:50px }
.titleol{font-size: 24px;font-weight: bold; position: relative;margin-bottom:40px}
.titleol:after{content: ""; position: absolute;left: 0;background-color: #a82020;height: 4px;width: 83px;bottom: -15px; }
.proList ul li{ background-color: #f8f9fb;position: relative; margin-bottom:27px}
.proList ul li:after{ content: "";position: absolute;left: 0;top:-10px;background-image: url(../images/new/ijk.png); background-size: cover;background-repeat: no-repeat;width: 24px;
    height: 24px;}
.proList ul li .padding{ padding: 24px }
.proList ul li h5{ font-size: 20px;margin-bottom: 10px }
.proList ul li p{ font-size: 14px;color: #666;line-height: 22px }
.proList ul li p span{ color:#a82020; }
.proList .prolistRight img{ border-radius: 15px;width: 100% }

.progremThree{ background-image: url(../images/new/black.jpg);background-repeat: no-repeat;background-size: cover;background-position: center;position: relative;padding: 59px 0 0px}
.companytwo .titlasame .textbest,.progremThree .titlasame .textbest{ color: #fff }
.progremThree .progremThreeBox{margin: 80px 0 0}
.progremThree .progremThreeBox ul li{ width: 50%;float: left;font-size: 0;margin-bottom: 50px }
.progremThree .progremThreeBox .titleal{ color: #fff;font-weight: bold;font-size: 20px;position: relative;margin-bottom: 30px }
.progremThree .progremThreeBox .titleal:after{content:"";position: absolute;left: 0;bottom: -10px;background-color: #fff;width: 83px;height: 4px}
.progremThree .progremThreeBox dl{ width: 33.3%;text-align: center;display: inline-block;vertical-align: top;  }
.progremThree .progremThreeBox dl dt img{width:92px;height: 92px;margin-bottom: 20px}
.progremThree .progremThreeBox dl dd{ width: 200px;    margin: auto;font-size: 14px;color: #fff;line-height: 22px }
.progremThree .progremThreeBox ul li h6{ color: #fff;font-size: 14px;font-weight: inherit;margin-bottom: 30px ;opacity: 0.7}
.progremThree .progremThreeBox ul li p{ font-size: 18px;color: #fff }
.poab{ position: absolute;bottom:50px;width: 100px;height: 118px;text-align: center; left: 0;right: 0;margin: auto;}
.poab img{ width: 100px;height: 118px; }

.progremFour{padding-top: 60px}
.progremFour .progremFourBox{ margin: 45px 0 100px}
.progremFour .progremFourBox .progremFourLeft{ width: 63% }
.progremFour .progremFourBox .progremFourRight{ width: 37% }

.progremFour .progremFourBox .titleal{ color: #000;font-weight: bold;font-size: 24px;position: relative;margin-bottom: 50px }
.progremFour .progremFourBox .titleal:after{content:"";position: absolute;left: 0;bottom: -10px;background-color: #A82020;width: 83px;height: 4px}

.progremFour .progremFourBox .progremFourRight .aniu a{width: 280px;height: 40px;background: #00649D;border-radius: 4px;line-height: 40px;text-align: center;;color: #fff;font-size: 14px;display: block;margin-top: 40px;margin-top: 114px;}
.progremFour .progremFourBox .progremFourRight .aniu p{font-size: 14px;color: rgba(0,0,0,0.6);line-height: 22px;margin-top: 8px}
.progremFour .progremFourBox .progremFourRight .aniu a:hover{ background-color: #CB4C4C }

.left1{ float: left;width: 33.3% }
.proForm .one1{margin-bottom: 20px}
.proForm .one1 label{ font-size: 16px;color: #5f6366;display: inline-block;float: left; margin-top: 5px;}
.proForm .one1 label span{ color: #fe4243}
.proForm .one1 select.skills{width:61.5%;}
.proForm .one1 input[type=text]{width:72%;}
.proForm .one1 select.skills,.proForm .one1 input[type=text]{height: 40px;padding-left: 10px;line-height: 40px;border: 1px solid #e1e2e6;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;box-sizing: border-box;background-color: #f8f9fb;}
.proForm .one1 .city-picker-select select{background-color: #f8f9fb}
.proForm .one1 textarea{border: 1px solid #e1e2e6;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;box-sizing: border-box;background-color: #f8f9fb;padding: 10px;box-sizing: border-box;height: 60px}
.proForm .one1 input[type=submit]{background-color: #CB4C4C;width: 280px;height: 40px;border-radius: 4px;text-align: center;line-height: 40px;color: #fff;font-size: 14px;border:none;}

/*.protBot img{width: 635px;height: 186px}*/
/*单页面*/
.protBot img{/*width: 648px;height: 203px;*/margin-top: 25px;}
/*服务页面*/
.protBot1 img{/*width: 648px;height: 150px;*/margin-top: 56px;}
/*.protBot .protBotLeft{ text-align: center;margin-right: 24px }
.protBot .protBotLeft p{ color: #000;opacity: 0.6;margin-top: 8px }
.protBot .protBotLeft img{ width: 164px;height: 164px }
.protBot .protBotRight{ margin-top: 15px;width: 68%; }
.protBot .protBotRight .tialal{position: relative;font-size: 18px;color: #000;line-height:24px}
.protBot .protBotRight .tialal:after{content: "";position: absolute;left: 0;top:-10px;background-image: url(../images/new/ijk.png); background-size: cover;background-repeat: no-repeat;width: 24px;height: 24px;}
.protBot .protBotRight .tialal{margin-bottom: 16px}
.protBot .protBotRight .tialal span{ font-size: 14px;color: #000;opacity: 0.6;margin-left: 24px }
.protBot .protBotRight .tialal span img{opacity: 1;margin-right:10px;width: 6px;height: 13px }
.protBot .protBotRight dl{ margin-bottom: 16px; }
.protBot .protBotRight dl dt{ float: left; }
.protBot .protBotRight dl dt img{ width: 14px;margin-right:5px  }
.protBot .protBotRight dl dd{color: #000;font-size: 14px;opacity: 0.6}
.protBot .protBotRight p{ font-size: 14px;color: #000;opacity: 0.6 }

*/
/*bank.html*/
.bankone{ background-color: #F7F9FA;padding: 39px 0 60px}
.bankone .bankonebox{margin-top: 65px}
.bankonebox .bankoneboxLeft{width: 50%}
.bankonebox .bankoneboxRight{width: 43%}
.bankonebox .bankoneboxRight img{ width: 100%;border-radius: 10px }
.bankonebox .bankoneboxLeft .titleol{ margin-top: 40px; }
.bankonebox .bankoneboxLeft ul li{border-bottom: 1px solid #E8E8E8;padding: 29px 0 30px 20px;position: relative;font-size: 16px;color: rgba(0,0,0,0.6);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.bankonebox .bankoneboxLeft ul li span{ color: #cc4c4d }
.bankonebox .bankoneboxLeft ul li:after{content: "";width: 8px;height: 80px;background: #EBEBEB;position: absolute;left: 0;top: 0;}
.bankonebox .bankoneboxLeft ul li.active,.bankonebox .bankoneboxLeft ul li:hover{color: rgba(0,0,0,1);}
.bankonebox .bankoneboxLeft ul li.active:after,.bankonebox .bankoneboxLeft ul li:hover:after{background-color: #CB4C4C; }

.bankTwo .bankonebox{margin: 60px 0}

.bankThree{ background-image: url(../images/new/ikn.jpg);background-repeat: no-repeat;height: 630px;background-size: cover;padding-top: 60px }
.bankThree .textbest{ color: #fff }

/*taxation.html*/
.taxationone{ padding: 60px 0 }
.taxationonebox{ margin-top: 45px }
.taxationonebox .taxationoneLeft{ width: 50%;position: relative;height: 515px; }
.taxationonebox .taxationoneLeft .titleol{ margin-top: 60px }
.taxationonebox .taxationoneRight{ width: 45% }
.taxationTwoBox .taxationTwoRight p,.taxationonebox .taxationoneLeft p{font-size: 16px;color: rgba(0,0,0,0.6);text-align: justify;line-height: 26px}
.taxationonebox .taxationoneRight img{width: 100%;border-radius: 10px}
.taxationonebox .taxationoneLeft i{width: 6px;height: 40px;background: #00649D;display: block; position: absolute; bottom: 0;left: 0;}
@media screen and (min-width: 1300px) and (max-width: 1600px) {
    .taxationonebox .taxationoneLeft{ height: 370px }
    .taxationonebox .taxationoneLeft .titleol{ margin-top: 00px }
}


.taxationTwo{height: 887px;background: #F7F9FA;padding: 60px 0 90px}
.taxationTwoBox{ margin-top: 65px }
.taxationTwoBox .taxationTwoLeft h5{ font-size: 16px;color: rgba(0,0,0,0.6);font-weight: normal;margin-bottom: 17px }
.taxationTwoBox .taxationTwoLeft{ width: 48% }
.taxationTwoBox .taxationTwoRight{ width: 48% }
.taxationTwoBox .taxationTwoRight .imgol{ text-align: right;margin-top: 53px }
.taxationTwoBox .taxationTwoRight .imgol img{ width: 400px;height:157px  }

.taxTable{ background-color: #fff;border-radius: 15px;padding: 5px;box-sizing: border-box; }
.taxTable table{ width: 100% }
.taxTable table tr{ width: 100%;display: block;padding-left: 24px;box-sizing: border-box; }
.taxTable table tr:nth-of-type(odd){ background-color: #F7F9FA }
.taxTable table tr:first-child{ color: #fff;background: #CB4C4C;border-radius: 12px 12px 0px 0px;height: 54px;line-height: 54px; }
.taxTable table tr td{color: rgba(0,0,0,0.6);font-size: 14px;height: 48px;line-height: 48px}
.taxTable table tr th{color: #fff;font-size: 16px;font-weight: bold;}
.taxTable table tr td,.taxTable table tr th{width: 10%; text-align: left;}
.taxTable table tr td p{color: rgba(0,0,0,0.5);line-height: 20px;font-size: 14px;}


.taxationThree{ padding-top: 60px;position: relative;margin-bottom: 70px }
.taxationThree i{ position: absolute;width: 100%;height: 690px;left: 0;top: 0;background-color: #c94d4d; }
.businessFour .textbest,.taxationThree .textbest{ color: #fff }
.businessFour .titlasame span,.bankThree .titlasame span,.progremThree .titlasame span,.companytwo .titlasame span,.taxationThree .titlasame span{ color: #fff;opacity: 0.6 }
.taxationThree .titlasame p{ width: 1400px;color: #fff;margin-bottom:30px }
.taxationThree .titlasame,.taxationThreeBox{ position: relative;z-index: 1 }
.taxationThreeBox ul li{width: 33.3%;float: left;}
.taxationThreeBox ul li .padding{padding: 20px}
.taxationThreeBox ul li img{ height: 288px;width: 100%;border-top-left-radius: 10px;border-top-right-radius: 10px; }
.taxationThreeBox ul li .bot{ background-color: #f8f9fb;height: 310px }
.taxationThreeBox ul li .padd{padding: 24px }
.taxationThreeBox ul li h6{color: #030303;font-size: 20px;font-weight: bold;line-height: 26px;margin-bottom: 16px}
.taxationThreeBox ul li p{color: rgba(0,0,0,0.6);font-size: 14px;line-height: 22px}


.businessThree{ margin: 80px 0 60px }
.bustop{ margin: 40px 0 38px }
.bustop ul li{ float: left;width: 22%;margin-right: 26px; }
.bustop ul li:last-child{ margin-right: 0 }
.businessThreeBox ul li img{width: 382px;height: 256px;border-radius: 5px;margin-bottom: 24px}
.businessThreeBox h5{position: relative;color: #030303;font-weight: bold;font-size: 24px;}
.businessThreeBox h5:after{ content: "";position: absolute;left: 0;bottom: -8px;width: 84px;height: 4px;background: #A82020; }
.businessThreeBox p{ font-size: 16px;color: rgba(0,0,0,0.6);position: relative;margin-top: 30px; line-height: 26px;text-align: justify;height: 78px;overflow: hidden;}
.businessThreeBox p:after{content: "";position: absolute;left: 0;top:-10px;background-image: url(../images/new/ijk.png); background-size: cover;background-repeat: no-repeat;width: 24px;height: 24px;}
@media screen and (min-width: 1300px) and (max-width: 1600px) {
   .bustop ul li{width:23%;margin-right:2%; }
   .businessThreeBox ul li img{ width: 100%;height: 100% }
   .busbottom ul li .one{ width: 1116px;flex: inherit!important; }
   .busbottom ul li:nth-of-type(1){width: 50%!important;padding-right: 60px;}
   .busbottom ul li:nth-of-type(2){width:50%!important;}
}
.busbottom ul li{display: flex;align-items: center;float: left;box-sizing: border-box;}
.busbottom ul li .one{flex: none;margin-right: 24px}
.busbottom ul li:nth-of-type(1){width: 47%;padding-right: 60px;}
.busbottom ul li:nth-of-type(2){width: 47%;}

.businessFour{background-image: url(../images/new/ul.jpg);height: 548px;background-repeat: no-repeat;background-position: center;padding-top: 60px;box-sizing: border-box;}
.businessFourBox{margin: 45px 0 65px}
.businessFourBox ul li{ float: left;width: 25%;text-align: center; }
.businessFourBox ul li p{font-size: 18px;line-height: 25px;color: #fff}
.businessFourBox ul li .textol{font-size: 42px;line-height: 48px;font-weight: bold;color: #fff;font-family: "Arial";margin-top: 10px}
.businessFourBox ul li .textol span{font-size: 20px;font-weight: normal;}

.buttomall{ text-align: center; }
.buttomall a{width: 280px;height: 40px;background: #FFFFFF;border-radius: 4px;color: #CB4C4C;font-size: 14px;line-height: 40px;display: inline-block;text-align: center;}
.buttomall a:hover{background-color:#00649D;color: #fff }
.buttomall p{font-size: 14px;color: #fff;line-height: 22px;margin-top: 10px}
.buttomall p img{width: 16px;height: 12px;margin-right: 10px}


.businessTwo .businessTwoLeft{width: 45%;height: 559px}
.businessTwo .businessTwoLeft img{ width: 100%;height: 100% }
.businessTwo .businessTwoRight{ width: 55%;background: url(../images/new/86.jpg) no-repeat;height: 559px }
.businessTwo .businessTwoRight .padding{padding: 80px}
.businessTwo .businessTwoRight h5{position: relative;color: #fff;font-weight: bold;font-size: 24px;margin-top: 24px}
.businessTwo h5:after{ content: "";position: absolute;left: 0;bottom: -8px;width: 84px;height: 4px;background: #fff; }
.businessTwo p{ font-size: 16px;position: relative;margin-top: 30px; line-height: 26px;text-align: justify;color: #fff}
.businessTwo i{width: 6px;height: 40px;background: #FFFFFF;opacity: 0.4;margin-top: 37px;display: block;}


.boxsame{ border: 1px solid #DEDEDE;float: left; }
/*.font65{ color: rgba(0,0,0,0.6);font-size: 16px;line-height: 26px }*/
.font65 h3{
    font-weight: inherit;
    font-size: 16px
}
.font65 p{color: rgba(0,0,0,0.6);font-size: 14px;line-height: 24px}
.font65 p span{ color: #CB4C4C }
.width40 .one1{ font-size: 20px;font-weight: bold;line-height: 26px;padding:px 0 0px 30px;box-sizing: border-box;line-height: 124px}
.boxsame .one1{height: 124px;}
.width40 div{padding:0px 0 0px 20px }
.contacttop,.boxsame div:nth-of-type(odd){background-color: #fff}
.boxsame div:nth-of-type(even){background-color: #F7F9FA}
.boxsame22{
    width: 22%;
    padding: 10px 0;
    font-size: 17px;
    font-weight: 600;
}
.boxsame39{
    width: 39%;
    text-align: center;
    padding: 10px 0;
    font-size: 17px;
    font-weight: 600;
}

.companyone{background-color: #F7F9FA;padding:40px 0 60px}
.companyone .compantext p{ font-size: 16px;line-height: 21px;color: #000;margin-top: 24px }
.width40{ width: 22% }
.width30{ width:9.75%  }
/*.boxsame.tuijian div{background-color: #CB4C4C}*/
.tuijian{box-shadow: 0 0 15px #bdbdbd;position: relative;}
.tuijian div:nth-of-type(odd){background-color: #CB4C4C}
.tuijian div:nth-of-type(even){background-color: #cd5352}
.tuijian:after{ content: "";position: absolute;background-image: url(../images/new/tujl.png);background-repeat: no-repeat;width:44px;height: 26px;    top: 8px;left: 8px;z-index: 6;  }
.boxsame.tuijian p,.boxsame.tuijian span,.boxsame.tuijian font{ color: #fff!important }
.width30 .one1{align-items: center;display: flex;justify-content: center;padding: 0}
/*.width30 .one1 p{ text-align: center; }*/

.width30 .one1 p{ font-size: 16px;line-height: 26px;color: rgba(0,0,0,0.6); }
.width30 .one1 p font{ font-size: 36px;line-height: 42px;color: #CB4C4C }
.width30 .one1 p span{font-size: 20px;font-weight: bold;color: #CB4C4C;line-height: 26px}
.height50{text-align:center;height:50px;line-height:50px}
.heightcenter{height:50px;line-height:50px}
.heightflex{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.heightflex font{
    color: red
}
/*.height100{
    
    height: 100px
}*/
/*.heightauto span{
    display: block;
    margin-bottom: 5px
}
.heightauto p{
    font-size: 14px;
    color: #7d7d7d;
}*/
/*.height60{
    height:60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}*/
/*.height60box{
    height:60px;
    line-height: 60px;
}
.height60boxCenter{
    height:60px;
    text-align: center;
    line-height: 60px;
}
.height60boxCentercenter{
    height:60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}*/
.height104{
    height:104px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.height104center{
    height:104px;
    text-align: center;
}
.height133{
    height:133px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.height133center{
    height:133px;
    text-align: center;
    line-height: 133px
}
.height166{
    height:166px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.height166center{
    height:166px;
    text-align: center;
}
.height140{
    height:140px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.height140center{
    height:140px;
    text-align: center;
}
.height120{
    height:120px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.height120center{
    height:120px;
    text-align: center;
}
/*.height104center{
    height:104px;
    line-height: 104px;
    text-align: center;
}
.height104aa{
    height:104px;
    line-height: 104px;
}*/
.companytwo{ background:url(../images/new/ukjh.jpg) no-repeat ;background-size: cover;padding: 60px 0 80px }
.companytwo .titlasame p{ font-weight: bold;font-size: 18px;line-height: 24px;color: #fff }
.companytwo .coming{ text-align: center; }
.companytwo .coming img{ max-width: 100% }


