@font-face {
 
 
}
li {list-style: none}
i,em{ font-style:normal; }
html, body{ width: 100%; height: 100%;  font-size: 14px; line-height: 24px;}
.mian{margin-top: 100px;}
.h1, .h2, .h3, h1, h2, h3, ul,dl{margin:0px;}
.container3 {width: 85%;padding-right: 15px;padding-left: 15px; margin-right: auto; margin-left: auto;}
.youhua {display: none !important}


/*首页新头部*/
.lf{float:left}
.rg{float:right}
.clear{clear:both;height:0px;line-height:0px;font-size:0px}
.head{position:fixed;top:0px;left:0px;width:100%;min-width:1000px;z-index:9999;background:#fff;box-shadow: 0px 0px 10px rgba(0,0,0,.2);height:100px;transition:all .3s}
.logo{padding-left:2.18%;width:302px;height: 100px;position: relative;}
.logo img{position: absolute;height:55px;top:0; left:0; right:0; bottom:0; margin:auto;}
.nav{width:60%; padding-right: 2.18%; -webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.nav ul li{float:left;width:12%;height:100px;background:url(/res/images/1_02-dd64c80efeff6d5a502951fa9c2bc08f.jpg) right center no-repeat;transition:all .3s}
.nav ul li:nth-child(8){ background:none;}
.nav ul li .a1{line-height:100px;display:block;text-align:center;font-family: "Alibaba-PuHuiTi-Regular";font-size:16px;color:#333;transition:all .3s}
.nav ul li:hover .a1{color:#f08519;transition:all .3s}
.nav ul li .div1{display:none;background:#fff; box-shadow: 0px 2px 2px rgba(0,0,0,.1);border-top: 1px rgba(0,0,0,.1) solid; width:100%;left:0px;position:absolute;top:100px;z-index:100}
.nav ul li .div1 .p1{width:57.4%;float:right;height:65px;line-height:65px}
.nav ul li .div1 .p1 a{font-family: "Alibaba-PuHuiTi-Regular";color:#999;font-size:14px;text-transform:uppercase;background:url(/res/images/1_26-992d3a18117bed94b4664ec52e6ed3b0.jpg) center bottom no-repeat;display:inline-block;height:65px;line-height:65px;margin-right:5%;transition:all .5s}
.nav ul li .div1 .p1 a:hover{background:url(/res/images/1_27-41582f18c43356cf065d335efbeebaa5.jpg) center bottom no-repeat;color:#1a1a1a}
.nav ul li .mad4 .p1 .pad1{margin-left:13%}
.nav ul li .mad7 .p1{text-align: right;}

.a_txt,.moblie_head{display:none}
/*小于1600大于1200稍微调整下字体*/
@media screen and (max-width: 1600px) and (min-width:1200px) {
.nav ul li .a1{font-size:14px}
.nav ul li .div1 .p1 a{font-size:12px}
.foot_top ul{margin-left:60px}
.nav ul li .div1 .p1{width:58.1%}
}
/*移动端导航*/
@media screen and (max-width: 1024px) and (min-width: 0px){
html, body, .mian { width: 100%; height: 100%; margin-top: 22px; font-size: 14px; line-height: 24px;}
.head{display:none}
.moblie_head{display:block;height:44px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd}
.moblie_head .lf{padding-top:7px;padding-left:5%}
.moblie_head .lf img{height:30px}
.moblie_head .rg{padding-right:5%;padding-top:14px}
.moblie_head .rg a img{height:16px;vertical-align:top}
.a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.a_txt .div1{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.a_txt .div2{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.a_txt .div3{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%}
.a_txt .div3 ul{padding-left:5%;padding-right:5%}
.a_txt .div3 ul li{border-bottom:1px solid #232530;position: relative;}
.a_txt .div3 ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}


.a_txt .div3 ul li i{position: absolute; right: 0;  margin-top: -30px; width: 20px;height: 20px;background: url(/res/images/icon-arrow02-cc404d6b5d298934d831a059ef3998b8.png) no-repeat center center/20px auto;    -webkit-transform: rotate(0);-ms-transform: rotate(0); transform: rotate(0); transition: .3s;}
.a_txt .div3 ul li .a_js2_on{-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}

.a_txt .div3 ul li .a_txt2{display:none}
.a_txt .div3 ul li .a_txt2 a{height:40px;line-height:40px;font-size:14px}
}

/*首页轮播图*/
.cover_box{width: 100%;}
.index_banner{width: 100%;height: 100%;background-color:#111}
.index_banner .swiper-container{width: 100%;height: 100%;}
.index_banner .swiper-slide{position: relative; height: 800px;}
.index_banner .swiper-slide .text{color: #fff; position: absolute;  top: 40%;    left: 20%;    transform: translateY(-40%);   z-index: 200;}
.index_banner .swiper-slide h3{ font-size: 70px; font-weight: bold; text-transform:uppercase;  font-family: 'Montserrat-Medium';transform: translateY(100px);transition: .5s;     }
.index_banner .swiper-slide h2{    font-size: 58px; font-weight: bold; transform: translateY(100px);  line-height: 1;    margin: 125px 0px 35px 0px;  opacity:0;    transition:all .3s;    transition-delay: .2s;  }
.index_banner .swiper-slide p{ color: #fff;  font-size: 30px;transform: translateY(100px);    line-height: 1;    margin: 0px;   opacity:0;    transition:all .5s;    transition-delay: .4s;}
.index_banner .swiper-slide-active h2{transform:translateY(0);  opacity:1;}
.index_banner .swiper-slide-active p{transform:translateY(0);   opacity:1;}


#page{width: 180px;position: absolute;left: 50%;transform: translateX(-50%);  text-align: left;   bottom: 40px;  box-sizing: border-box;  text-align: center; z-index: 200;}
#page span{display: inline-block;width: 22px;height: 10px;background: url(/res/images/icon_07-054f0eeb4b60fbd29abaf1d0c8284d1b.png)center no-repeat;opacity: .8;  margin: 0px 1px;    cursor: pointer;    border-radius: 5px;    transition: .3s;}
#page span.swiper-pagination-bullet-active{background: url(/res/images/icon_09-0c619291a95fcae715076989102013f3.png)center no-repeat;} 
#button{width: 260px;  height: 30px;  position: absolute; bottom: 35px;  left: 50%;transform: translateX(-50%);z-index: 100;}
#button .swiper-button-prev:after{  content: "";    width: 11px;    height: 19px;    background: url(/res/images/icon_03-adf04c11801ef6025205db9bcdf8cc55.png);    opacity: .8;}
#button .swiper-button-prev{outline: none;}
#button .swiper-button-next:after{ content: "";    width: 11px;    height: 19px;    background: url(/res/images/icon_05-5f54edd2f2ca818ae58e4186c5f1a1c0.png);   opacity: .8;}
#button .swiper-button-next{ outline: none;}

.product {padding-top: 60px; height: 821px; background-color: #f7f7f7}
.promotion-service {background-color: #f5f5f5; padding: 4.5% 0 6%;overflow: hidden; margin: 0 auto; text-align: center; }
.promotion-service .title {font-size: 36px; font-weight: 700; margin-bottom: 21px; margin-top: 20px;}
.promotion-service .sub-title {font-size: 16px; color: #888;  margin-bottom: 80px}
.promotion-service .item4s{ display:flex;flex-flow:row wrap;justify-content:space-between}
.promotion-service .item{text-align:center;background-color: #fff;position:relative;box-sizing:border-box;width:23%;padding:2% 0 1%}
.promotion-service .item .img {position: relative; padding-top: 20px;}
.promotion-service .item .iconfont{ font-size: 70px; }
.promotion-service .item h5{font-size:30px;display: inline-block; position: relative; border-bottom: 1px solid #a1a1a1;line-height:2.7;padding-bottom:.3em}
.promotion-service .item h5 span {position: absolute; height: 1px;    width: 45px;    background: #fe6c00;    bottom: -1px;    left: 0;}
.promotion-service .item dl{padding:0 5% 2%}
.promotion-service .item dd{ text-align: left; padding-left: 30%; line-height:2;font-size:18px; color: #a1a1a1;}
.promotion-service .item dd i{color:#f39800;padding-right:.5em}
.promotion-service .item .arr{font-size:.85rem;color:#999;display:block;line-height:1;transform:translateY(150%);opacity:1;-webkit-transition:opacity .5s linear;transition:opacity .5s linear}
.promotion-service .item::before{position:absolute;box-sizing:border-box;display:none;width:100%;height:100%;content:"";z-index:1;left:0;border:2px solid #0f3175;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s linear;transition:all .3s linear;top:0}
.promotion-service .item:hover{box-shadow: 0 0 15px #ddd;}

.promotion-service .item a:hover{color:#f39800;}

/*数字滚动*/
.counters {width: 100%;height: 780px;   position: relative;    overflow: hidden; }
.counters ul {display: flex;flex-flow: row wrap; }
.counters li {margin-top: 120px;float: left; width: 33.33%;  text-align: center;}
.box-shadow { position: absolute;    width: 100%;    height: 100%; top: 0; left: 0;    background: #000; opacity: 0.5; filter: alpha(opacity=80); z-index: 1}
.counter_con {position: absolute;    top: 0;   width: 100%;    height: 50%;    left: 0;    z-index: 2;    top: 16%;}
.con-tit2 {    width: 80%;    margin: 0 auto;    text-align: center;}
.tit_txt1 { font-size: 45px;    color: #ffffff;    font-weight: bold;    line-height: 1.2;}
.tit_txt2 { font-size: 17px;    color: #ffffff;    line-height: 32px;    margin-top: 40px;    margin-bottom: 35px;    width: 78%;    margin-left: auto;    margin-right: auto;}
 @media only screen and (min-width: 768px) {
}

/*滚动动画*/
.menu_tit1, .menu_tit2, .product_txt1, .product_txt2, .business_list ul li:nth-child(1),  @-webkit-keyframes hvr-ripple-in { 100% { top: 0; right: 0; bottom: 0; left: 0; opacity: 1}
}
 @-webkit-keyframes hvr-ripple-in {100% { top: 0; right: 0; bottom: 0; left: 0; opacity: 1}}
 @-moz-keyframes hvr-ripple-in {100% { top: 0; right: 0; bottom: 0; left: 0; opacity: 1}}
 @-o-keyframes hvr-ripple-in {100% { top: 0; right: 0; bottom: 0; left: 0; opacity: 1}}
 @keyframes hvr-ripple-in {100% { top: 0; right: 0; bottom: 0; left: 0; opacity: 1}}
.q_counter_holder {text-align: center;display: block;}
.unit { color: #858585;  font-size: 20px;}
.q_counter_holder span.counter {letter-spacing: 6px; color: #fff;   font-size: 70px; font-weight: 600;}

.q_counter_holder p.counter_text {font-size: 17px;    margin-top: 15px; color: rgba(255,255,255,0.7);}
.full_section_inner {    position: absolute;    bottom: 160px;    width: 80%;    left: 10%;   z-index: 2}
video#bgvid {position: absolute;    display: block;    right: 0;    bottom: 0;    min-width: 100%;    min-height: 100%;    width: auto;    height: auto;    z-index: -100;   background: url(/res/images/propaganda-5591b6359f7c6bc3e2d0675dddeeaf3b.jpg) no-repeat;  -moz-background-size: cover;    -o-background-size: cover; background-size: cover;}

/*counters部分自适应调整*/
@media only screen and (max-width: 1770px) {
.tit_txt1 {font-size: 40px;}
.q_counter_holder span.counter {font-size: 54px;}
.tit_txt2 { width: 85%;    margin-top: 35px;    font-size: 16px;}
.q_counter_holder p.counter_text, .unit { font-size: 16px;}
.full_section_inner {    width: 74%;    left: 13%;}
.counters {max-height: 650px; min-height: 530px;}
.product_txt {margin-top: 70px; margin-bottom: 55px;}
.product_txt1 { font-size: 36px;    margin-bottom: 30px;}
.product_txt2 {  font-size: 14px;}
}
@media only screen and (max-width: 1440px) {
.tit_txt1 {font-size: 36px;}
.tit_txt2 {font-size: 14px;    line-height: 26px;    margin-top: 30px;}
.q_counter_holder span.counter {   font-size: 50px;}
.q_counter_holder p.counter_text, .unit {color: rgba(255,255,255,0.7);}
.full_section_inner {    bottom: 80px;}
.counters {  max-height: 530px;    min-height: 440px;    margin-top: 90px;}
.product_txt {    margin-top: 60px;    margin-bottom: 45px;}
.product_txt1 {    font-size: 30px;    margin-bottom: 30px;}
.product_txt2 {    font-size: 14px;}
}
@media only screen and (max-width: 1200px) {
.tit_txt1 { font-size: 32px;}
.tit_txt2 { font-size: 14px;    line-height: 22px;    margin-top: 25px;    width: 100%;}
.q_counter_holder span.counter {    font-size: 40px;}
.full_section_inner {    width: 80%;    left: 10%;    bottom: 50px;}
.q_counter_holder p.counter_text {    margin-top: 10px;}
.counters {    max-height: 440px;    min-height: 365px;    margin-top: 80px;}
.product_txt {    margin-top: 55px;    margin-bottom: 40px;}
.product_txt1 {    font-size: 26px;    margin-bottom: 30px;}
.product_txt2 {    font-size: 12px;}
}
@media only screen and (max-width: 992px) {
.con-tit2 { width: 90%;}
.tit_txt2 { font-size: 12px;}
.tit_txt1 {    font-size: 28px;}
.q_counter_holder span.counter {    font-size: 36px;}
.full_section_inner {    width: 90%;    left: 5%;    bottom: 40px;}
.q_counter_holder p.counter_text, .unit {    font-size: 12px;}
.counters {  max-height: 365px;   min-height: 250px;  margin-top: 60px;}
.product_txt1 {   font-size: 20px;    margin-bottom: 20px;}
.product_txt2 {    font-size: 10px;    -webkit-text-size-adjust: none;    line-height: 1.8}
}
@media only screen and (max-width: 768px) {
.counter_con {top: 8%;}
.counters {height: 500px; max-height: none; margin-top: 0px; background: url(/res/images/propaganda-5591b6359f7c6bc3e2d0675dddeeaf3b.jpg) no-repeat; background-size: auto 100%;background-position: center;}
.counters li { width: 50%; margin-top: 40px;}
.q_counter_holder span.counter {  font-size: 28px;}
.q_counter_holder p.counter_text, .unit { font-size: 12px;}
.q_counter_holder p.counter_text { margin-top: 5px; padding:0 15px;}
.counter_list ul li {margin-bottom: 20px;}
.full_section_inner {bottom: 6%;}
.product_txt1 {font-size: 18px;}
.product_txt {margin-top: 40px; margin-bottom: 40px;}
.tit_txt1 {font-size: 22px;}
}
/*counters结束*/
.index-case {padding-top:50px; padding-bottom: 80px; margin: 0 auto;  overflow: hidden;  width: 100%;    background: #fff;}
.index-case .title {font-size: 36px; font-weight: 700;  text-align: center;}
.index-case .title:after {    content: '';    display: block;    height: 4px;    background: #f39800;    margin: 30px auto 45px;    width: 50px;}
.index-case-menu {padding-bottom:20px; text-align: center;overflow: hidden;}
.index-case-menu li {display: inline-block;overflow: hidden; padding:0 3px; }
.index-case-menu li a {line-height:40px; padding:5px 20px; border:1px solid #666; font-size:14px; color:#666;border-radius:14px;transition:all ease .3s;}
.index-case-menu li:hover a {   color:#fff;   background:#f39800; border-color:#f39800;}
.index-case-menu li.on a {  color:#fff;  background:#f39800; border-color:#f39800;}

.index-case-list {    width:100%;    display:table;    margin-top:25px;}
.index-case-list li {float:left;  margin-bottom:30px;}

.index-case-list li .box { box-shadow:0 0 15px 1px rgba(0,0,0,.1);}
.index-case-list li .box:hover {box-shadow:0 0 15px 1px rgba(6,9,65,.1);}

.index-case-list li .img {width:100%;  overflow:hidden; }
.index-case-list li .img  img { width:100%; -moz-transition: all 0.5s linear;  -o-transition:  all 0.5s linear; transition: all 0.5s linear;}
.index-case-list li:hover .img img { -webkit-transform:  scale(1.05) ;     -moz-transform: scale(1.05) ;     -ms-transform: scale(1.05);    -o-transform:  scale(1.05) ;     transform:  scale(1.05);}
.index-case-list li .tbox {  width:100%;    box-sizing:border-box;    border:1px solid #ebebeb;    border-top:none;    padding:20px 20px 0;}
.index-case-list li .tbox .tit {    width:100%;    position:relative;    line-height:36px;}
.index-case-list li .tbox .tit .t1 {  font-size:16px;    font-weight:bold;    color:#222;}
.index-case-list li .tbox .tit .t2 {font-size:14px;color:#666; min-height: 36px;}
.index-case-list li .tbox .icon {position: absolute; right: 0;top: 0;}
.index-case-list li .tbox .icon span {background: url(/res/images/icon17-706153fe218880807b1468f5d642870e.png) center center no-repeat;  display: inline-block;    width: 18px;    height: 16px;    margin-left: 10px;}
.index-case-list .index-box {max-width:1400px;overflow:hidden;padding:0 5px; margin: 0 auto;}
.index-case-list .lbox {display: none;float:left;}
.index-case-list .active {display: block;}

/*我们带来的价值*/
.tx-value {position: relative; background: url(/res/images/txbg-2e91b7cb9a3572520fcc3dd49b529d2d.jpg) center center no-repeat; padding: 95px 0;}
.tx-value>.tx-center { position: relative;    z-index: 20;}
.tx-value-main {    width: 47%;  background: #fff;    padding:70px}
.tx-value-main-title {    padding: 25px 60px;    position: relative;    z-index: 99;    margin-bottom: 100px}
.tx-value-main-title i { position: absolute;    width: 40%;    height: 100%;    left: 0;    top: 0;    border: 1px solid #000;    z-index: -1}
.tx-value-main-title h3 {font-size: 36px; font-weight: 700; color: #000;    padding: 20px 0;    background: #fff}
.tx-value-main-title b{ font-size: 30px;    color: #d6d6d6;    margin-left: 20px}
.tx-value-main-title em { display: block;    font-size: 18px;    line-height: 30px;    color: #868686;    background: #fff;    padding-bottom: 5px}
.tx-value-main-ul li {float: left;width: 33.33%; text-align: center;    cursor: pointer}
.tx-value-main-ul li i {   display: inline-block;    width: 26px;    height: 2px;    background: #5c5c5c;    margin: 18px 0}
.tx-value-main-ul li h3 {    font-size: 18px;    color: #555}
.tx-value-main-ul li em { display: block;    margin-top: 12px;    font-size: 14px;    color: #4f4f4f}
.tx-value-main-ul li:hover i {    background: #000}
.tx-value-main-ul li:hover h3 {    color: #000}
.tx-value-ul {width: 48%;margin-bottom: 0px; border-right: 1px solid #495a6f;  border-bottom: 1px solid #495a6f;}
.tx-value-ul li {float: left; position: relative;  width: 50%;  height: 220px;  border-top: 1px solid #495a6f;  border-left: 1px solid #495a6f;}
.tx-value-ul li:hover{ background:#f39800;}
.tx-value-ul li .box{ padding: 70px 30px 0 80px;}
.tx-value-ul li i {    position: absolute;    left: 30px;    font-size: 35px;    color: #fff}
.tx-value-ul li h3 {font-size: 18px;color: #fff;  margin-bottom: 8px; margin-top: 0px;}
.tx-value-ul li em {display: block;    font-size: 14px;  color: #fff;   line-height: 26px}
/*首页新闻*/
.index-news {overflow: hidden;  width: 100%; background: #f5f5f5; padding: 80px 0;}
.index-news .title {font-size: 36px; font-weight: 700; margin-bottom: 21px; margin-top: 20px; text-align: center;}
.index-news .sub-title {font-size: 16px; color: #888;  margin-bottom: 50px;text-align: center;}
.index-news-menu {text-align: center;overflow: hidden;}
.index-news-menu li {display: inline-block;overflow: hidden; padding:0 5px; }
.index-news-menu li a {line-height:40px; padding:5px 20px; border:1px solid #666; font-size:14px; color:#666;border-radius:14px;transition:all ease .3s;}
.index-news-menu li:hover a {   color:#fff;    background:#f39800; border-color:#f39800;}
.index-news-menu li.on a {  color:#fff;  background:#f39800; border-color:#f39800;}

.index-news .index-box {max-width:1400px;overflow:hidden;padding:0 5px; margin: 0 auto;}
.index-news-list {margin-top:40px;display:inline-block;  left:0;    position:relative;   transition:all ease 1s;}
.index-news-list .lbox {display: none;float:left; padding-right:10px;}
.index-news-list .active {display: block;}
.index-news-list .lbox .box1 {width:30%;    margin-right:1%;    float:left;    transition:all ease .3s;}
.index-news-list .lbox .box1 a {    display:inline-block;    width:100%;}
.index-news-list .lbox .box1 .img { width:100%; height:280px;}
.index-news-list .lbox .box1 .tbox {width:100%;height:270px; box-sizing:border-box;  padding:0 30px; background-color: #fff;}
.index-news-list .lbox .box1 .tbox .time {color:#999;font-family: 'sheepsansbold';font-weight:bold;font-size:48px;line-height:50px;padding:22px 0 16px; background:url(/res/images/icon20-7ca0e8cb08a3e82c7eb9b40609cf1464.png) right 54px no-repeat;transition:all ease .3s;}
.index-news-list .lbox .box1 .tbox .time span {  font-size:16px;    line-height:20px;    font-weight:initial;    display:block;}
.index-news-list .lbox .box1 .tbox .titles {   font-size:16px;    line-height:36px;    margin-top:30px;    overflow: hidden; white-space: nowrap;   text-overflow: ellipsis;}
.index-news-list .lbox .box1 .tbox .txts {  font-size:14px;  line-height:24px;    color:#666;    margin-top:14px;    overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;}
.index-news-list .lbox .box2 { width:30%; margin-right:1%;    float:left;}
.index-news-list .lbox .box2 .tbox { width:100%;  height:270px;  background-color: #fff; padding:0 30px; margin-bottom:10px;    transition:all ease .3s;}
.index-news-list .lbox .box2 .tbox a {    display:inline-block;    width:100%;}
.index-news-list .lbox .box2 .tbox .time {font-size:48px;font-weight:bold;   line-height:50px; color:#999; padding:22px 0 15px;  background:url(/res/images/icon20-7ca0e8cb08a3e82c7eb9b40609cf1464.png) right 54px no-repeat; border-bottom:1px solid #dbdbdb; transition:all ease .3s;}

.index-news-list .lbox .box2 .tbox :hover .time {color:#222; background-image: url(/res/images/i03i-c20623d8fdae03c7acd5959ead33c25f.png)!important;animation:move6 .5s linear forwards;}
.index-news-list .lbox .box2 .tbox .time span {font-size:16px; line-height:20px;  display:block;}

.index-news-list .lbox .box2 .tbox .titles {  font-size:16px; line-height:36px;    margin-top:30px;    overflow: hidden;    white-space: nowrap; text-overflow: ellipsis;}
.index-news-list .lbox .box2 .tbox .txts { font-size:14px;  line-height:24px;    color:#666;    margin-top:10px;    overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;}
.index-news-list .lbox .box3 {width:38%;   float:left;}
.index-news-list .lbox .box3 .tbox {width:100%;   height:130px;   margin-bottom:10px;    box-sizing:border-box;    padding:30px;    background:#fff url(/res/images/icon20-7ca0e8cb08a3e82c7eb9b40609cf1464.png) 95% 60px no-repeat;    transition:all ease .3s;}
.index-news-list .lbox .box3 .tbox a {    display:inline-block;}
.index-news-list .lbox .box3 .tbox .time {   font-size:48px;    font-weight:bold;    line-height:50px;    color:#999;    float:left;    margin-right:30px;    transition:all ease .3s;}
.index-news-list .lbox .box3 .tbox .time span {   font-size:16px;    display:block;    line-height:20px;}
.index-news-list .lbox .box3 .tbox .titles { width:350px;    float:left;    font-size:16px;    line-height:26px;    padding-top:10px;    overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;}
.index-news-list .lbox .box3  .tbox:hover {color:#222; background-image: url(/res/images/i03i-c20623d8fdae03c7acd5959ead33c25f.png)!important;animation:move6 .5s linear forwards;}

/*首页常见问题*/
.dynamicbox .title {font-size: 36px; font-weight: 700; margin-bottom: 21px; margin-top: 20px; text-align: center;}
.dynamicbox .sub-title {font-size: 16px; color: #888;  margin-bottom: 20px;text-align: center;}
.dynamicbox{width: 100%;overflow: hidden;padding: 80px 0px; }

.dynamicbox .item{float: left; width: 33%;  padding: 10px; transition: 0.5s;}
.dynamicbox .item .box{box-shadow: 0 0 15px 1px rgba(0,0,0,.1); background: #fff;padding: 30px;margin-top: 30px;transition: 0.5s;}
.dynamicbox .item h3{font-size: 18px;margin-bottom: 10px;font-weight:bold; color:#000000; margin-top:0px; }
.dynamicbox .item p{height: 48px; font-size: 14px;color: #888;line-height: 24px;}

.dynamicbox .item .box:hover{transform: translate(0px,-5px);box-shadow: 0px 5px 20px rgba(0,0,0,0.2)}
.dynamicbox  .item .box:hover h3{color: #f39800;}

.slideBox{ width:85%;position:relative;margin: 0 auto;}
.slideBox .bd{position:relative;overflow: hidden;}
.slideBox .bd ul{padding-bottom: 25px!important;}
.slideBox .bd li{width: 100%;height: 100%;}

.dynamic_more{text-align: center;}
.dynamic_more a{ line-height: 30px;}
.dynamic_more:nth-child(2) a{padding:0 10px ;}
.dynamic_more .iconfont{font-size: 30px; }


/*首页客户评价*/
.ytx-customer-evaluation { padding: 100px 0 30px 0;   margin: 0 auto; overflow: hidden;  width: 100%; background: #f5f5f5;}
.ytx-customer-evaluation .title { text-align: center; font-size: 36px; font-weight: 700; margin-bottom: 21px}
.ytx-customer-evaluation .sub-title { text-align: center;   font-size: 16px;    color: #888;    margin-bottom: 80px}
.ytx-customer-evaluation .sub-title a {    color: #888;}

.ytx-customer-evaluation .list-item {width: 25%; padding: 20px; display: inline-block}
.ytx-customer-evaluation .list-item .bg {display: inline-block;  width: 100%; height: 271px; background: url(/res/images/ytx-customer-evaluation-bg1-fb425a85c3f2331f81d4d7bffc5882ab.png);  padding: 40px 24px 0;   box-sizing: border-box}
.ytx-customer-evaluation .list-item .bg-title {    font-size: 18px;    font-weight: 700;    color: #343434;    text-align: left;    margin-bottom: 26px}
.ytx-customer-evaluation .list-item .star {float: right}
.ytx-customer-evaluation .list-item .star label {color: #f39800;}
.ytx-customer-evaluation .list-item .description {font-size: 14px; color: #666;    line-height: 24px;    text-align: left;    white-space: normal}
.ytx-customer-evaluation .list-item .description a {color: #666}

.ytx-customer-evaluation .list-item .img { text-align: left; padding-bottom: 27px}
.ytx-customer-evaluation .list-item .img img {display: inline-block; box-shadow: 0 0 27px rgba(52, 52, 52, .27); border-radius: 50%;    margin-left: 13px;    width: 50px;    height: 50px; }
.ytx-customer-evaluation .swiper-pagination-bullet{ width: 10px; height: 10px; }
.ytx-customer-evaluation .swiper-pagination-bullet-active{background: #f39800;}
.ytx-customer-evaluation .swiper-wrapper{margin-bottom: 40px;}

@media (max-width:768px){
.fl,.fr {float: none;}
.container3 {width: 100%;padding-right:10px; padding-left:10px;  margin-right: auto;   margin-left: auto;}
.header_left {padding: 10px; float: left;}
.header_left img{height: 35px;}

.index_banner .swiper-slide{position: relative; height: 220px;}
.index_banner .swiper-slide .text{ width:95%; top: 40%;left: 5%; }
.index_banner .swiper-slide h3{    color: #fff;    font-size: 22px;  line-height: 28px; margin:0px; transform: translateY(0px);}
.index_banner .swiper-slide h3 span{    color: #fff;    font-size: 24px;   text-transform:uppercase;  }
.index_banner .swiper-slide h2{  color: #fff;  font-size: 18px;    margin: 10px 0;    transform:translateY(100px);    opacity:0;    transition:all .3s;    transition-delay: .2s;  }
.index_banner .swiper-slide h2 span{  color: #fff;    font-size: 16px; line-height: 20px;}
.index_banner .swiper-slide p{ color: #fff;  font-size: 12px;  line-height: 20px;  margin: 0px;    transform:translateY(100px);    opacity:0;    transition:all .5s;    transition-delay: .4s;}
.index_banner .swiper-slide-active h2{transform:translateY(0);  opacity:1;}
.index_banner .swiper-slide-active p{transform:translateY(0);   opacity:1;}
#page{width: 180px;position: absolute;left: 50%;transform: translateX(-50%);  text-align: left;   bottom: 15px;  box-sizing: border-box;  text-align: center; z-index: 200;}
#page span{display: inline-block;width: 22px;height: 10px;background: url(/res/images/icon_07-054f0eeb4b60fbd29abaf1d0c8284d1b.png)center no-repeat;opacity: .8;  margin: 0px 1px;    cursor: pointer;    border-radius: 5px;    transition: .3s;}
#page span.swiper-pagination-bullet-active{background: url(/res/images/icon_09-0c619291a95fcae715076989102013f3.png)center no-repeat;} 
#button{display: none;}

.promotion-service .title { font-size: 20px; font-weight: 700; margin-bottom: 10px;margin-top: 5px;}
.promotion-service .sub-title {font-size: 12px; line-height:18px; margin-bottom: 10px; padding: 0 30px;}
.promotion-service .item {width: 48%;  padding:0; margin:1%;}
.promotion-service .item .iconfont { font-size: 45px;}
.promotion-service .item h5 {font-size: 16px; padding-bottom: 0px;}
.promotion-service .item dd {padding-left: 5%;  font-size: 12px;}


.index-case {padding-top: 5%;  padding-bottom: 8%;}
.index-case .title {font-size: 20px;}
.index-case .title:after {content: '';    display: block;    height: 3px;    background: #f39800;    margin: 13px auto 16px;    width: 50px;}
.index-case-menu {padding-bottom: 0px;}
.index-case-menu li a {line-height: 40px; padding: 5px 5px;    border: 1px solid #666;    font-size: 12px;    color: #666;  border-radius: 14px; transition: all ease .3s;}

.col-xs-6 {padding-right: 5px; padding-left: 5px; }
.index-case-list li {float: left; margin-bottom: 0px;}
.index-case-list li .box {box-shadow:none;}
.index-case-list li .tbox {border:none; padding:5%;}
.index-case-list li .img img {border-radius: 5px;}
.index-case-list li .tbox .tit {line-height: 22px;}
.index-case-list li .tbox .tit .t1 {  font-size:14px;    font-weight:bold;    color:#222; white-space:nowrap; overflow: hidden; }
.index-case-list li .tbox .tit .t2 {font-size:12px;color:#666; min-height: 25px;}
.index-case-list li .tbox .icon {display: none;}

.tx-value {padding: 25px 0;}
.tx-value-main { width: 100%;   background: none;    padding:0px;}
.tx-value-main-title { padding: 10px;    position: relative;    z-index: 99;    margin-bottom: 50px;}

.tx-value-main-title h3 { font-size: 25px;    font-weight: 700;    color: #000;    padding: 20px;    background: #fff;}
.tx-value-main-title em {  display: block;  font-size: 14px;    line-height: 30px;    color: #868686;    background: #fff;    padding: 20px;}

.tx-value-main-ul li i {   display: inline-block;    width: 26px;    height: 2px;    background: #fff;    margin: 18px 0}
.tx-value-main-ul li h3 {    font-size: 18px;    color: #fff}
.tx-value-main-ul li em { display: block;    margin-top: 12px;    font-size: 14px;    color: #fff}



/*首页常见问题*/
.dynamicbox .title { font-size: 20px; font-weight: 700; margin-bottom: 10px;margin-top: 5px;}
.dynamicbox .sub-title {font-size: 12px; line-height:18px; margin-bottom: 10px; padding: 0 30px;}
.dynamicbox{width: 100%;overflow: hidden; padding: 20px 0px; }
.dynamicbox .item{float: left; width: 100%;  padding: 10px; transition: 0.5s;}
.slideBox {width: 100%;    position: relative;    margin: 0 auto;}
.dynamicbox .item .box{box-shadow: 0 0 15px 1px rgba(0,0,0,.1); background: #fff;padding: 10px;margin-top: 0px;transition: 0.5s;}
.dynamicbox .item h3{font-size: 14px;margin-bottom: 10px;font-weight:bold; color:#000000; margin-top:0px; }
.dynamicbox .item p{height: auto; font-size: 12px;color: #888;line-height: 24px;}
.dynamic_more .iconfont{font-size: 18px; }

/*首页客户评价*/
.ytx-customer-evaluation { padding: 15px 0 5px 0; }
.ytx-customer-evaluation .title { font-size: 20px; font-weight: 700; margin-bottom: 10px;margin-top: 5px;}
.ytx-customer-evaluation .sub-title {font-size: 12px; line-height:18px; margin-bottom: 10px; padding: 0 30px;}
.ytx-customer-evaluation .sub-title a {    color: #888;}

.ytx-customer-evaluation .list-item {width: 100%; padding: 20px 0; display: inline-block}
.ytx-customer-evaluation .list-item .bg {display: inline-block;  width: 100%; height: 271px; background: url(/res/images/ytx-customer-evaluation-bg1-fb425a85c3f2331f81d4d7bffc5882ab.png);  padding: 25px 10px 0;   box-sizing: border-box}
.ytx-customer-evaluation .list-item .bg-title {    font-size: 16px;    font-weight: 700;    color: #343434;    text-align: left;    margin-bottom: 15px}
.ytx-customer-evaluation .list-item .star {float: right}
.ytx-customer-evaluation .list-item .star label {color: #f39800;}
.ytx-customer-evaluation .list-item .description {font-size: 14px; color: #666;    line-height: 24px;    text-align: left;    white-space: normal}
.ytx-customer-evaluation .list-item .description a {color: #666}

.ytx-customer-evaluation .list-item .img { text-align: left; padding-bottom: 27px}
.ytx-customer-evaluation .list-item .img img {display: inline-block; box-shadow: 0 0 27px rgba(52, 52, 52, .27); border-radius: 50%;    margin-left: 13px;    width: 50px;    height: 50px; }
.ytx-customer-evaluation .swiper-pagination-bullet{ width: 10px; height: 10px; }
.ytx-customer-evaluation .swiper-pagination-bullet-active{background: #f39800;}
.ytx-customer-evaluation .swiper-wrapper{margin-bottom: 40px;}

/*首页新闻*/
.index-news {overflow: hidden;  width: 100%; background: #f5f5f5; padding: 10px 0;}
.index-news .title { font-size: 20px; font-weight: 700; margin-bottom: 10px;margin-top: 5px;}
.index-news .sub-title {font-size: 12px; line-height:18px; margin-bottom: 10px; padding: 0 30px;}
.index-news-list {margin-top: 10px;}
.index-news-list .lbox {float:none; padding:0;}
.index-news-list .lbox .box1 {width:100%; padding: 0;   margin:0;    float:none;    transition:all ease .3s;}
.index-news-list .lbox .box1 .img { width:100%; height:280px;}
.index-news-list .lbox .box1 .tbox {width:100%;height:auto; box-sizing:border-box;  padding:0 15px; background-color: #fff;}
.index-news-list .lbox .box1 .tbox .time {display: none;}
.index-news-list .lbox .box1 .tbox .time span {  font-size:14px;    line-height:20px;    font-weight:initial;    display:block;}
.index-news-list .lbox .box1 .tbox .titles {   font-size:16px; color: #000;   line-height:36px;    margin-top:0px;    overflow: hidden; white-space: nowrap;   text-overflow: ellipsis;}
.index-news-list .lbox .box1 .tbox .txts {  font-size:12px;  line-height:20px;  margin:0; }

.index-news-list .lbox .box2 {display: none;}

.index-news-list .lbox .box3 {width:100%;   float:none;}
.index-news-list .lbox .box3 .tbox {width:100%;   height:auto;   margin-bottom:10px;    box-sizing:border-box;    padding:10px; }
.index-news-list .lbox .box3 .tbox a {    display:inline-block;}
.index-news-list .lbox .box3 .tbox .time {   font-size:40px;    font-weight:normal;    line-height:50px;    color:#999;    float:left;    margin-right:25px; }
.index-news-list .lbox .box3 .tbox .time span {   font-size:12px;    display:block;    line-height:20px;}
.index-news-list .lbox .box3 .tbox .titles { width:60%;    float:left;    font-size:16px;    line-height:26px;    padding-top:10px;    overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;}
.index-news-list .lbox .box3  .tbox:hover {color:#222; background-image: url(/res/images/i03i-c20623d8fdae03c7acd5959ead33c25f.png)!important;animation:move6 .5s linear forwards;}

.index-news-menu li a {line-height: 35px;  padding: 4px 14px;
    border: 1px solid #666;
    font-size: 14px;
    color: #666;
    border-radius: 10px;
    transition: all ease .3s;
}

}

.button{ border: none;
    display: inline-block;
    outline: 0;
    padding: 8px 18px;
    margin-top: 15px;
    margin-bottom: 10px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: #fff;
    background-color: #e9686b;
    text-align: center;
    transition: .2s ease-out;
    cursor: pointer;
    white-space: nowrap;
    box-shadow: 0px 2px 6px rgba(0,0,0,0.12), 0px 1px 2px rgba(0,0,0,0.24);
    font-family: '微软雅黑';
    border-radius: 2px}
	
	.loginbtn{
			border: none;
			    display: inline-block;
			    outline: 0;
			    padding: 5px 15px;
			    margin-top: 10px;
			    margin-bottom: 10px;
			    vertical-align: middle;
			    overflow: hidden;
			    text-decoration: none;
			    color: #fff;
			    background-color: #e9686b;
			    text-align: center;
			    transition: .2s ease-out;
			    cursor: pointer;
			    white-space: nowrap;
			    box-shadow: 0px 2px 6px rgba(0,0,0,0.12), 0px 1px 2px rgba(0,0,0,0.24);
			    font-family: '微软雅黑';
			    border-radius: 2px;
		}