.h_li{width:100%;clear: both;padding:25px 0 50px 0;border-bottom: 1px solid #ededed;background:#fff;background-attachment: fixed;}
.h_co{width:90%;max-width:1300px;margin:0 auto;clear: both;font-weight:normal;}
.h_co h3{display: block;padding:29px 0 25px 0;font-weight:normal;text-align: center;width:100%;margin:0 auto;}

.h_co h3 b{display: block;width:500px;margin:0 auto;font-size:2.4vw;height:40px;text-align: center;letter-spacing: 0px;color:#333;font-weight:bold;}
.h_co h3 i {display:block;line-height:40px;padding:20px 0;margin:20px auto;font-style: normal;font-weight: normal;font-size:18px;color:#aaa;text-transform: uppercase;}
.h_co h3 i:before{content: "";width:50px;height:3px;background:#ec6900;display: block;margin:0px auto;}


.h_co .b3{background:url(/skin/img/l3.png) center 25px no-repeat;}
.h_co .i3 {color:#333;}
.h_ysbg{height:800px;position: relative;margin:35px auto 0 auto;background: url(/skin/img/f.gif) center bottom repeat-x #fafafa;background-size:150%;}
.h_ysbg:after{content: "OUR ADVATAGES";display: block;color:#333;opacity: 0.0;font-size:15vw;text-align:center;background: #eee;left:0;top:0;bottom:0;right:0;position: absolute;z-index: -1;
font-weight: bolder;background-attachment: fixed;}

.h_ys{height: 500px;margin:35px 0 0 0;}
.h_ys li{width:270px;display:block;height:360px;text-align: center;float:left;margin-right:37px;background: url(/skin/img/ysbg.png) center 45px no-repeat;border:1px solid #ddd;
box-shadow:0px 12px 35px rgba(0,0,0,0.2);}
.h_ys li:last-of-type{margin-right:0;float: right;}
.h_ys li:nth-child(3){margin-right:0;}
.h_ys i{width:180px;height:180px;display: block;text-align: center;color: #fff;font-size:20px;transition:all 0.3s;border-radius:50%;margin:25px auto;}
.h_ys b{display: block;font-weight: normal;font-size: 14px;line-height: 180%;padding:0;width:100%;margin:0 auto;color:#444;}
.h_ys .ys0{height:98px;width: 100%;clear: both;}
.h_ys .ys1{}
.h_ys .ys1 i{background: url(/skin/img/y1.png) center 40px no-repeat;line-height: 270px;background-size:70px;}
.h_ys .ys2{}
.h_ys .ys2 i{background: url(/skin/img/y2.png)  center 40px no-repeat;line-height: 270px;background-size:70px;}

.h_ys .ys3{}
.h_ys .ys3 i{background: url(/skin/img/y3.png)  center 40px no-repeat;line-height: 270px;background-size:70px;}
.h_ys .ys4{}
.h_ys .ys4 i{background: url(/skin/img/y4.png) center 40px no-repeat;line-height: 270px;background-size:70px;}

.h_zc{margin:25px auto 45px auto;width:100%;border-collapse: collapse;padding:0;}
.h_zc li{width:320px;height:410px;background:#fff;padding:25px;overflow:hidden;display:inline-block;margin:0 auto;border:1px solid #eee;box-shadow:0px 0px 1px #fff;
transition:all 0.4s;text-align:center;color:#444;line-height:180%;box-shadow:0px 12px 35px rgba(0,0,0,0.2);border-radius:10px;}
.h_zc li:last-of-type{margin-right:0;}
.h_zc li i{display:block;width:260px;height:260px;overflow: hidden;border-radius:50% 0% 50% 50%;background-size: 100%;margin:55px auto 25px auto;box-shadow:0 1px 5px rgba(0,0,0,0.2);
	border:1px solid #eee;transition:all 0.4s;opacity: 0.9;transform: rotate(-45deg);}
.h_zc li b{font-size:24px;font-weight: bold;display:block;margin:35px 0 0 0;line-height: 50px;}
.h_zc li:hover{background: #ec6900;color:#fff;background: linear-gradient(0deg,#ec6900,#3FB150);border:1px solid rgba(255,255,255,0.5);}
.h_zc li:hover i{margin-top:65px;box-shadow: none;opacity:1;}
.h_zc li:hover b{margin:40px 0 0 0;color:#fff;b}
.h_zc li p{display:block;width:320px;height:380px;padding:0;margin:-80px 0 0 -10px;}

.zc1{background:url(/skin/img/h4.jpg) center  no-repeat #f8f8f8;transform:rotate(45deg);background-size:cover;}
.zc2{background:url(/skin/img/h5.jpg) center 0 no-repeat #f8f8f8;transform:rotate(45deg);background-size:cover;}
.zc3{background:url(/skin/img/h2.jpg) 0 -130px no-repeat #f8f8f8;transform:rotate(45deg);background-size:cover;}

.xbg{width:100%;height:220px;background:#ec6900;border-top:1px solid #fff;border-bottom:1px solid #fff;box-shadow:0px 12px 35px rgba(0,0,0,0.2);overflow: hidden;}
.xbg:after{content: "";display: block;opacity:.15;left:0;top:0;bottom:0;right:0;position: absolute;z-index: 2;overflow: hidden;
background:url(/skin/img/wave_02.png) center 160px no-repeat;font-weight:bolder;}

.xbg .bt{text-align: center;}
.xbg b{display: block;font-size:48px;font-weight: bold;color:#fff;padding:30px 0 25px 0;}
.xbg i{font-size:24px;color:#fff;display: block;width:800px;margin:0 auto;padding:5px 0;text-shadow:0 1px 5px  rgba(0,0,0,.3);}


.h_zjbg{background: url(/skin/img/zz.jpg) center no-repeat  #222;background-size:cover;}

.h_zjbg h3 b{color: #fff;text-shadow:none;background:url(/skin/img/t_bg2.png) center 25px no-repeat;}
.h_zjbg h3 i{color: #fff;opacity: 0.8;}
.h_zjbg h3 i:after{content: "";background:#fff;opacity: 0.8;}
.h_zj{margin:15px auto 35px auto;}
.h_zj .zj_des{float:left;width:45%;background: #333;box-shadow:0px 6px 19px rgba(0,0,0,0.4);border-radius:3px;}
.zj_des dl{margin:30px 35px 35px 35px;}
.zj_des dt{border-radius:50%;width:80px;height:80px;overflow: hidden;display: block;text-align: center;background: #ccc;margin:0 auto;position: relative;z-index: 4;border:3px solid #999;}
.zj_des dt:after{content: "";width:3px;background:#c00;height:20px;display: block;position: relative;z-index:5;}
.zj_des .zj_lrs{background:url(/pic/lrs.jpg) center no-repeat #999;background-size:100%;}
.zj_des .zj_wy{background:url(/pic/wy.jpg) center no-repeat #999;background-size:100%;}
.zj_des dd{position: relative;z-index:2;margin-top:-45px;padding:80px 0 35px 0;text-align: center;border:1px solid rgba(255,255,255,0.5);border-radius:3px;
	font-size:16px;color:#8c9398;line-height: 200%;box-shadow:0px 8px 35px rgba(0,0,0,0.1);}
.zj_des dd:before{content: "";width:1px;height:18px;background:#888;display: block;margin:-15px auto 8px auto;}
.zj_des dd b{font-size:18px;color:#ccc;padding:0 0 15px 0;}
.h_zj .zj_des:last-of-type{float: right;}

.h_lxbg{position: relative;z-index: 1;background-size: contain;background:#fafafa;}
.h_lxbg:after{content:"";display:block;background: url(/skin/img/bg14.jpg) center top no-repeat #fafafa;left:0;top:0;bottom:0;right:0;position: absolute;z-index:2;font-size:20vw;color:#333;opacity: 0.8;
font-weight: bolder;background-size:cover;}

.h_lx{height: 220px;padding-top:55px;}
.h_lx li{width:310px;height:100px;background:rgba(255,255,255,0.75);padding:25px;display:inline-block;margin:0px 35px 35px 0;
transition:all 0.2s;text-align:center;color:#444;line-height:180%;border-radius:10px;border:2px solid  rgba(0,151,74,0.7);box-shadow:0px 13px 35px rgba(0,0,0,0.2);}
.h_lx li:last-of-type{margin-right:0;}
.h_lx li i{display:block;width:90px;height:90px;line-height:90px;overflow: hidden;border-radius:50%;margin:0 auto;transition:all 0.5s;
font-size: 38px;background: #4eb00b;color:#fff;font-weight: normal;position: relative;top: -80px;border:5px solid rgba(255,255,255,0.5);}
.h_lx li b{font-size:24px;font-weight:normal;display:block;line-height: 50px;color:#888;}
.h_lx li:hover{background: #ec6900;border:2px solid  rgba(255,255,255,0.5);}
.h_lx li u{font-style: normal;display:block;line-height:30px;transition:all 0.1s;margin-top: -70px;text-decoration: none;font-size:18px;color:#666;}
.h_lx li:hover b,.h_lx li:hover u{color:#fff;}
.h_lx li:hover i{transform: scaleX(-1);background:#fff;color:#4eb00b;border:5px solid rgba(78,176,11,0.6);}
.lx_t{font-size:60px;font-weight: bold;text-align: center;height:150px;color: #333;}
.lx_t b{color: #d00;}
.lx_lo{text-align: center;height:150px;width:auto;margin:25px auto;}
.lx_lo img{margin:0 auto;width: 241px;height: 90px;}

.h_list{margin:0 auto;width:1200px;border-collapse:collapse;height:450px;clear: both;}
.h_list div{float: left;width:50%;height: 38px;}
.h_list dl{display: block;width:20px;margin: 0 9px;height:100%;float: left;}
.h_list dl dt{background: #f00;width:10px;height: 10px;border-radius: 50%;position: absolute;margin-top: 13px;border:3px solid #fff;}
.h_list dl dd{border-left: 1px solid #ddd;margin-left:8px;display: block;height:43px;}
.h_list a{display:block;float:left;width:77%;color: #333;font-size: 16px;font-weight: normal;line-height: 38px;border-bottom: 1px dashed #ccc;padding-left:5px;text-decoration:none;transition:all .5s ease .1s;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.h_list a:hover{background: #c00;color: #fff;text-decoration:none;}
.h_list i{float: left;display: block;width:70px;line-height: 38px;font-size: 12px;color: #111;font-weight: normal;}


.h_o{border-bottom: 0;padding-bottom:10px;}
.h_ota{width:1200px;margin:85px auto;border:0;}
.h_ot{width:294px;height:184px;background: #f60;color:#fff;text-align: center;}
.h_ot div{border: 1px solid #FFDB6F;width:90%;height:90%;margin: 0 auto;font-size: 14px;line-height: 180%;}
.h_ot img{margin:18px auto 9px auto; }
.h_ot b{font-size: 18px;font-weight: normal;}
.h_ot1{width:294px;height:184px;overflow: hidden;}
.h_ot1 img{transition:all .5s ease .1s;width:294px;height:184px;}
.h_ot1:hover img{transform:scale(1.5);}


.h_xw{background: url(/skin/img/bg5.png) #f5f5f5;}

.pic{height:280px;}
.pic .a_p{height:240px;}
.pic img{height:240px;}

.h_gsbg{display: block;padding:20px 0 100px 0;clear: both;background: url(/skin/img/h_bg1.jpg) 0 bottom no-repeat #f9f9f9;}

.h_des{float: left;width:600px;height:50vh;}
.h_des p{padding:0px 0 30px 0;display: block;border:0px solid #f60;transition:0.5s;color:#333;line-height: 150%;text-align:left;background:#f8f8f8;}
.flog{padding:3px;width:350px;}
.h_des p b{font-size:54px;transition:0.3s;margin:45px 0 0 0;display: block;}
.h_des p b:after{content:"";display: block;border-bottom:3px solid #ec6900;width:60px;height:9px;margin:45px 0 0 0;transition:0.3s;}
.h_des p u{font-size:56px;display: block;padding:40px 0;font-weight: bolder;color:#333;transition:0.3s;line-height: 180%;}
.h_des p:hover u{letter-spacing:2px;color: #f60;}

.h_vd{width:48%;height:48vh;float: right;position: relative;}
.h_v1{position:absolute;border:5px solid #ec6900;z-index: 2;width:80%;height:70%;right:0;bottom:0;border-radius: 20px;}
.h_vod{background: url(/skin/img/vd.jpg) center  no-repeat;width:94%;height:90%;background-size:cover;z-index:5;position:absolute;margin:0;border-radius: 20px;}
.h_vod a{background:rgba(0,0,0,0.3);width:100%;height:100%;transition:all .5s ease .1s;border-radius: 20px;
display: flex;justify-content: center;align-items:center;}
.h_vod a:hover{background:rgba(0,0,0,0.05);}
.h_vod i{width:60px;height:60px;display: block;background:#f60;line-height: 60px;text-align: center;border-radius: 50%;color:#fff;font-size: 24px;transition:0.3s;}
.h_vod:hover i{background:#fff;color:#f60;}
.play{position: relative;width:60px;height:60px;}

@keyframes pling {
0%{transform: scale(0.5);opacity: 0.8;}
100%{transform: scale(1.5);opacity:0.1;}
}
.play span{position: absolute;width:60px;height:60px;left: 0;bottom: 0;background: #fff;border-radius: 50%;-webkit-animation: pling 2s linear infinite;z-index: -1;}
.play span:nth-child(2){-webkit-animation-delay: 1s;}

.h_jj{width: 1300px;margin:70px auto 0 auto;height:465px;}
.ab_1{width:620px;height:465px;border-radius: 20px;overflow: hidden;float:left;display: block;}
.ab_1 a{display: block;width:100%;height:100%;background:center no-repeat;background-size: cover;transition:0.5s;}
.ab_1 a:hover{transform:scale(1.1);}

.ab_2{float:right;width:48%;color: #333;transition:all .2s ease .1s;border-radius:20px;height: 100%;}
.ab_2 p{font-size: 14px;margin:2%;}
.ab_2:hover{background:rgba(236,105,0,1);color:#fff;font-size: 14px;margin:0;}
.ab_2 p b{font-size:40px;}
.ab_2 p i{line-height:170%;text-align: justify;font-size:14px;padding:15px 0;display: block;}
.ab_2 p b:after{content:"";display: block;border-bottom:3px solid #ec6900;width:60px;height:9px;margin:5px 0;transition:all .2s ease .1s;}
.ab_2:hover p b:after{content:"";display: block;border-bottom:3px solid #fff;}
.ab_2 .more{float: left;margin:0 0 20px 15px;}
.ab_2:hover .more{}


.h_pli{width:1300px;display: block;margin:60px auto 0 auto;height:465px;}

.h_pli .h_p1{display: block;float: left;width:620px;height:100%;overflow: hidden;border-radius: 20px;transition:0.5s;}
.h_pli .p3{float:right;}
.h_pli .hp3{display: block;width:620px;height:465px;background:center no-repeat;background-size: cover;transition:0.5s;}
.h_pli .hp1{display: block;width:620px;height:465px;background:center no-repeat;background-size: cover;transition:0.5s;}
.h_pli:hover .hp3,.h_pli:hover .hp1{transform:scale(1.1);}

.h_pli .h_p2{float:right;width:48%;transition:0.1s;margin:15px 0 0 0;}
.h_pli .h_p2 h9{font-size:60px;color: #ec6900;font-weight: bold;display: block;width:100%;transition:0.3s;margin:35px 0;}
.h_pli .h_p2  i{font-size:30px;color: #777;display: block;transition:0.3s;width:100%;letter-spacing:0;font-weight: bold;}
.h_pli .h_p2  u{margin-top:25px;float: left;}
.h_pli .h_p2  p{font-size: 16px;line-height: 180%;color:#777;text-align:justify;}
/*.h_pli:hover .h_p2 h9,.h_pli:hover .h_p2 i{color:#fff;}*/
.h_pli:hover .h_p2 h9{letter-spacing:5px;}



.h_pli .p4{float: left;text-align:left;}
.h_pli .p4 u{text-align:left;}


.h_js{position: relative;display: block;}
.h_xw1{width: 1300px;margin:0 auto;}
.h_xw1 li{display:block;margin:8px 0 15px 0;padding:25px;position: relative;overflow: hidden;width:570px;height:auto;
transition:all 0.3s ease-in;background: #f6f6f6;border-radius: 5px;color:#777;}
.h_xw1 .a_p{overflow:hidden;display:block;float: left;width:200px;}
.h_xw1 .a_p i{display:block;width:100%;padding-top:80%;background:center no-repeat #f8f8f8 ;transition:0.9s;background-size: cover;margin:8px 0 0 0 ;box-sizing:border-box;}
.h_xw1 li:hover .a_p i{transform:scale(1.1);}
.h_xw1 p{padding:0;margin:0;display:inline-block;vertical-align:top;width:350px;float: right;}
.h_xw1 .a_t b{display:block;font-size:18px;text-align:left;width:100%;line-height:160%;color:#333;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;}

.h_xw1 .a_c{display:inline-block;float:right;padding:3px 5px;text-align:center;border:1px solid #ec6900;font-size:14px;color:#ec6900;width:70px;height:24px;line-height:24px;border-radius:16px;transition:0.5s;}

.h_xw1 span{float:left;font-size:large;line-height: 17px;}
.h_xw1 u{font-size:14px;clear:both;text-align: justify;color:#777;line-height: 180%;margin:3% 0;width:100%;height:100px;
    overflow : hidden;/*必须结合的属性,当内容溢出元素框时发生的事情*/
    text-overflow: ellipsis;/*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
    display: -webkit-box;/*必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/
    -webkit-line-clamp:4;/*用来限制在一个块元素显示的文本的行数。*/
    -webkit-box-orient: vertical;/*必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。*/

}
.h_xw1 li:hover .a_c{background: #fff;border:1px solid #fff;width:90px;}
.h_xw1 li:hover u,.h_xw1 li:hover .a_t b{color:#fff;}

.h_xw1 li:hover{background: #ec6900;color:#fff;}
.h_xw1 .h_r{float:right;}

.swiper {width: 100%;height:360px;}

.swiper-slide {
background:none;/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack:center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align:center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: flex-start; 
}

.swiper .swiper-pagination{text-align: center;width:60px;margin:0 auto;bottom:15px;left:47.5%;display: none;}
.swiper .swiper-pagination-bullet{display:inline-block;background:#ccc;width:8px;height:8px;border-radius:50%;opacity:0.6;cursor:pointer;transition: all 0.5s ease;}
.swiper .swiper-pagination-bullet-active{opacity:0.9;background:#ec6900;}
.swiper .swiper-button-prev:after,.swiper .swiper-button-next:after{display: none;}
.swiper .swiper-button-next,.swiper .swiper-button-prev{color:#888;transition:all 0.3s;opacity:0.8;top:340px;width:36px;height: 36px;border-radius: 50%;outline: none;}
.swiper .swiper-button-next{right:46%;background: url('/skin/img/r1.png') center no-repeat #aaa;background-size:14px;}
.swiper .swiper-button-next:hover{background: url('/skin/img/r1.png') center no-repeat #ec6900;background-size:14px;}
.swiper .swiper-button-prev{left:46%;background: url('/skin/img/r0.png') center no-repeat #aaa;background-size:14px;}
.swiper .swiper-button-prev:hover{background: url('/skin/img/r0.png') center no-repeat #ec6900;background-size:14px;}

.h_co h8{display: block;padding:29px 0 25px 0;font-weight:normal;width:100%;margin:0 auto;}
.h_co h8 b{font-size:36px;letter-spacing: 0px;font-weight:bold;}
.h_co h8 u {padding:10px 0;margin:0 auto;font-style: normal;font-weight: normal;font-size:16px;color:#888;text-transform: uppercase;}
.h_co h8 a{float:right;font-size: 16px;width:120px;text-align:right;color:#f60;}
.h_co h8 a i{font-size:22px;display: block;float: right;margin-left:8px;}