html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0; padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block; margin:auto;}
table{border-collapse:collapse; border-spacing:0;}
caption,th{text-align:left; font-weight:normal;}
html,body,img,iframe,abbr{border:0;}
b{font-weight:normal;}
i,em{font-style:normal;}
[hidefocus],summary{outline:0;}
summary{display:block;}
li{list-style:none;}
sup,sub{font-size:12px;}
textarea{overflow:auto; resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6{font-weight:normal; display:block;}
a,a:hover{text-decoration:none;}
a{color:#333;}
a:hover,a.c999:hover,.list999 a:hover{color:#ed6c00;}
body,textarea,input,button,select,keygen,legend{font:14px/1.5 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif,\5b8b\4f53; color:#333;outline:0;}
img{max-width:100%;}
body{overflow-x:hidden;background:#f5f5f5;color:#333;-webkit-transition:none !important; -moz-transition:none !important; -ms-transition:none !important; -o-transition:none !important;min-width:1200px;}
input[type=submit]{cursor:pointer;}

html.open,html.open body{overflow:hidden;width:100%;}

.overhide{overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.vmid{vertical-align:middle;}
.clearfix{zoom:1;}
.clearfix:after{content:''; width:0; height:0; display:block; clear:both;}

.block{height:300px;background:#f47937;margin-bottom:20px;}
.htmleaf-container{padding-top:100px;}
.html,.html body{width:100%;height:100%;overflow:visible;}

.container{width:1200px;margin:0 auto;position:relative;}
.relative{position:relative}

.center{text-align:center;}

.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;line-height:18px;}
.f20{font-size:20px;line-height:20px;}
.f24{font-size:24px;line-height:24px;}
.f48{font-size:48px;line-height:48px;}
.f60{font-size:60px;line-height:60px;}
.f30{font-size:30px;line-height:30px;}
.c666{color:#666;}
a.c999,.list999 a,.c999{color:#999;}
.cbbb{color:#bbb;}
.cfff{color:#fff;}
.ceee{color:#eee;}


.hidden{display:none;}
.fw{font-weight:bold;}
.bl{display:block;}
.dl{display:inline-block;}
.bgf8f8f8{background:#f8f8f8;}
.bgfff{background:#fff;}
.bg222{background:#222;}
.bged6c00,a.bged6c00{background:#ed6c00;color:#fff;}
.bg999,a.bg999{background:#999;color:#fff;}


.line14{line-height:14px}
.line30{line-height:30px;}
.line20{line-height:20px;}
.line24{line-height:24px;}
.line36{line-height:36px;}
.line40{line-height:40px}

.h48{height:48px}
.h400{height:400px}

.mlr5{margin-left:5px;margin-right:5px;}
.plr10{padding-left:10px;padding-right:10px;}
.pt20{padding-top:20px;}
.pb20{padding-bottom:20px;}
.pl40{padding-left:40px;}
.pr40{padding-right:40px;}
.pt40{padding-top:40px;}
.pt45{padding-top:45px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pb60{padding-bottom:60px;}
.pt70{padding-top:70px}
.pt80{padding-top:80px;}
.pb80{padding-bottom:80px;}
.pt200{padding-top:200px;}
.mt_3{margin-top:-3px;}
.mt5{margin-top:5px;}
.ml10{margin-left:10px}
.mr10{margin-right:10px}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.ml20{margin-left:20px}
.mr20{margin-right:20px}
.mb20{margin-bottom:20px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mb30{margin-bottom:30px;}
.mt40{margin-top:40px;}
.ml40{margin-left:40px}
.mr40{margin-right:40px}
.mb40{margin-bottom:40px;}
.mt45{margin-top:45px;}
.mb45{margin-bottom:45px}
.mb50{margin-bottom:50px;}
.mt55{margin-top:55px}
.mb55{margin-bottom:55px;}
.mt-60{margin-top:-60px;}
.mt60{margin-top:60px;}
.mb60{margin-bottom:60px}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mb80{margin-bottom:80px;}
.mt100{margin-top:100px;}
.pt130{padding-top:130px}
.pb130{padding-bottom:130px;}
.pb100{padding-bottom:100px}
.pt100{padding-top:100px}

.z2{z-index:2}
.wp50{width:50%;}

.opa0{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}

/**遮罩层**/
#maskDIV{width:100%;height:100%;position:fixed;z-index:9999999;left:0;top:0;display:none;}
#maskDIV.absolute{position:absolute;}
#mask_title{height:50px;line-height:50px;padding-left:20px;background:#ff8800;font-size:18px;color:#fff;}
#mask_bg{width:100%;height:100%;background:#000;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6;display:block;}
#ajax_content{background:#fff;position:absolute;top:50%;left:50%;z-index:9;}
#mask_op_div{position:relative;}
#maskcontent{position:relative;}
#maskoparet{width:40px;height:40px;position:absolute;top:0;right:-40px;display:block;text-align:center;background:#ed6c00;}
	#maskoparet i{width:18px;height:17px;display:inline-block;margin-top:11px;background-position:0 -102px;}
    #ajax_loading{background:#fff url(../images/loading.gif) no-repeat center center;position:fixed;top:50%;left:50%;z-index:99;width:62px;height:62px;margin:-31px 0 0 -31px}
.mask_title{margin-bottom:29px;}
	.mask_title span{height:23px;line-height:23px;border:none;display:inline-block;padding-bottom:17px;font-size:22px;margin-right:12px;cursor:pointer;color:#999;}
	.mask_title span.crently{border-bottom:3px solid #cc294f;color:#333;}
.dialog_content{padding:40px;}
.dialog_content.p20{padding:20px}
body.dialog{min-width:100px;background:#fff;}
.alert a.ok{border:1px solid #ed6c00;color:#ed6c00;width:158px;height:38px;line-height:38px;display:inline-block;}
.alert a.ok:hover{background:#ed6c00;color:#fff;}
/**End遮罩层**/

#header{width:100%;position:fixed;left:0;top:0;z-index:100;background:#fff;height:100px;}
#header.min{box-shadow:0 0 6px #999;}
#header .logo{height:40px;line-height:40px;margin-top:30px;}
#header .logo img{vertical-align:middle;height:40px;}
#header .logo b{vertical-align:top;line-height:20px;display:inline-block;margin-left:10px;color:#1d2088;padding:0 15px;border-left:1px solid #1d2088;margin-left:15px;}
#header .logo b i{letter-spacing:1px;}

#header p{margin-top:37px;}
#header p a{margin-left:40px;display:inline-block;position:relative;font-size:14px;height:26px;line-height:26px;overflow:hidden;}
#header p a b,#header p a span{height:26px;display:block;background:#fff;position:relative;z-index:1;}
#header p a span{color:#ed6c00;font-weight:bold;margin-top:0;}
#header p a:hover b,#header p a.crently b{margin-top:-26px;}
#header p a:hover span,#header p a.crently span{z-index:2;}
#header b.language{display:inline-block;width:68px;background:#ed6c00;color:#fff;padding:0 10px;margin-right:-1px;margin-left:40px;font-size:12px;height:24px;line-height:24px;position:relative;border:1px solid #ed6c00;cursor:pointer;vertical-align:middle;margin-top:-16px;}
#header b.language i{width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:#fff transparent transparent transparent;position:absolute;top:50%;margin-top:-2px;right:10px;}
#header b.language:hover{background:#fff;color:#ed6c00;}
#header b.language:hover i{border-color:#ed6c00 transparent transparent transparent;}
#header b.language:hover em{height:90px;}
#header b.language em{position:absolute;width:90px;left:-1px;top:25px;background:#ed6c00;color:#fff;font-size:12px;height:0;overflow:hidden;}
#header b.language em span{display:block;text-align:center;height:29px;line-height:29px;border-bottom:1px solid #ff7f13;cursor:pointer;}
#header b.language em span:hover{background:#ff7f13;}
#header b.language em span:last-child{border-bottom:none;}

.product_index{position:relative;z-index:99;}
.title{line-height:20px;}
.title .line{width:1px;height:20px;display:inline-block;background:#ddd;vertical-align:middle;margin-top:-3px;}

#prolist{position:relative;width:1140px;}
#prolist li{}
#prolist li .box{border:1px solid #e6e6e6;text-align:center;width:263px;margin-right:20px;float:left;position:relative;}
#prolist li .img{overflow:hidden;width:100%;}
#prolist li .img img{width:100%;}

#prolist li a.tt{height:47px;line-height:47px;padding-top:2px;display:block;position:relative;z-index:2;color:#666;}
#prolist li .box:after{content:"";width:100%;height:2px;bottom:47px;background:#ed6c00;position:absolute;left:0;}
#prolist li .box:hover:after{height:49px;bottom:0;}
#prolist li .box:hover a.tt{color:#fff;}
#prolist li .img:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);transform:scale(1.2);}

#prolist .butn{position:absolute;top:-60px;right:20px;width:80px;height:30px;}
#prolist .butn span{width:28px;height:28px;text-align:center;line-height:28px;border:1px solid #e6e6e6;display:inline-block;margin-left:10px;vertical-align:middle;position:relative;}
#prolist .butn span i{width:7px;height:12px;}
#prolist .butn span.swiper-button-prev i{background-position:0 -65px;}
#prolist .butn span.swiper-button-next i{background-position:0 -50px;}
#prolist .butn span:hover{background-color:#ed6c00;border-color:#ed6c00;}
#prolist .butn span.swiper-button-prev:hover i{background-position:-8px -65px;}
#prolist .butn span.swiper-button-next:hover i{background-position:-8px -50px;}

/**关于我们**/
.about_index .fl,.about_index .fr{width:50%;height:400px;}
a.more{border-top:1px solid #ed6c00;border-bottom:1px solid #ed6c00;width:120px;height:38px;line-height:38px;text-align:center;display:inline-block;color:#ed6c00;}
a.more:hover{color:#fff;}

a.more2{border-top:1px solid #fff;border-bottom:1px solid #fff;width:120px;height:38px;line-height:38px;text-align:center;display:inline-block;color:#fff;}
a.more2:hover{color:#ed6c00;}

a.more3{border-top:1px solid #ddd;border-bottom:1px solid #ddd;width:80px;height:28px;line-height:28px;text-align:center;display:inline-block;color:#999;font-size:12px;}
a.more3:hover{color:#fff;}

a.more,a.more2,a.more3{position:relative;}
a.more b,a.more2 b,a.more3 b{position:relative;z-index:2;}
a.more:after,a.more2:after,a.more3:after{width:100%;height:0;position:absolute;content:"";bottom:0;left:0;}
a.more:hover:after,a.more2:hover:after,a.more3:hover:after{height:100%;}
a.more:hover:after{background:#ed6c00;}
a.more2:hover:after{background:#fff;}
a.more3:hover:after{background:#ddd;}

a.more4{border:1px solid #e6e6e6;height:38px;line-height:38px;width:138px;text-align:center;}
a.more4 i{margin-left:35px;}
a.more4:hover{background:#ed6c00;color:#fff;border-color:#ed6c00;}

.about_index .fl a.more{margin-top:70px;}
.about_index .fr a{width:100%;height:100%;position:relative;display:block;overflow:hidden;}
.about_index .fr a b{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;background:rgba(0,0,0,0.3);}

/**服务项目**/
.service_index .wp50{position:relative;overflow:hidden;height:600px;}


.service_index .wp50 .img{position:relative;overflow:hidden;z-index:1;display:block;width:100%;height:100%;background-size:100% 100%;background-position:center center;background-repeat:no-repeat;}
.service_index .wp50 .img:hover{background-size:120% 120%;}
.service_index .wp50 .img a{width:100%;height:100%;display:block;}

.service_index .part1 .txt1{position:absolute;left:0;top:0;width:100%;z-index:2;height:200px;}

.service_index .part1 .txt2{position:absolute;right:0;bottom:0;width:50%;z-index:2;height:200px;}

.service_index .part2 .txt1{position:absolute;left:150px;height:200px;width:200px;background:#fff;z-index:2;}
.service_index .part2 .txt2{position:absolute;left:0;bottom:0;width:100%;z-index:2;height:200px;}
.service_index .part2 .txt2 .img1,.service_index .part2 .txt2 .img2{width:50%;height:100%;position:relative;overflow:hidden;float:left;}
.service_index .part2 .txt2 .img1 a{width:100%;height:100%;overflow:hidden;position:absolute;left:0;top:0;display:block;}
.service_index .part2 .txt2 .img1 a:after{content:"";width:100%;position:absolute;left:0px;top:0px;height:100%;border-left:5px solid #ed6c00;border-top:5px solid #ed6c00;z-index:2;}
.service_index .part2 .txt2 .img1 a:before{content:"";width:100%;position:absolute;right:0px;bottom:0px;height:100%;border-right:5px solid #ed6c00;border-bottom:5px solid #ed6c00;z-index:2;}
.service_index .part2 .txt2 .img1 img{width:100%;display:block;}
.service_index .part2 .txt2 .img2 div{padding:0 40px}

/**footer**/
.footer{position:relative;}
.copyright{width:100%;height:60px;line-height:60px;font-size:12px;color:#999;text-align:center;border-top:1px solid #e6e6e6;margin-top:50px;}
.copyright .fl i{color:#999;margin:0 10px;}
.footer .desc{font-size:14px;line-height:24px;position:relative;color:#666;}
.footer .line{height:1px;width:320px;display:block;background:#fff;font-size:0;}
.footer .img img{width:120px;}
.footer .tel{font-size:38px;font-family:arial;line-height:38px;}
.footer .tel i{width:40px;height:40px;background-position:0 -159px;display:inline-block; vertical-align:middle;margin-top:-3px;margin-right:16px;}
.footer .link{line-height:14px;margin-top:29px;}
.footer .link a{color:#fff;}
.footer .link a:hover{color:#f7931e;}
.footer .link i{margin:0 14px;}


/**右边菜单**/
.side-bar .menu a i{background:url(../images/bg_ico.png) no-repeat 0 0;}
.side-bar .menu a span,.side-bar .menu a.mobile span img,.side-bar .menu a i,.side_ewm,.side-bar .menu a.mobile em{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.side-bar{position:fixed;right:0;top:50%;margin-top:-125px;z-index:99;width:50px;height:250px;}
.side-bar .menu{position:absolute;left:0;bottom:0;width:50px;height:250px;z-index:2;}
.side-bar .menu a{display:block;background:#ed6c00;position:relative;z-index:2;height:49px;line-height:49px;border-bottom:1px solid #ff7f13;}
.side-bar .menu a:hover,.side-bar .menu a.hover{background:#ff7f13;}
.side-bar .menu a i{width:50px;height:49px;display:block;position:relative;z-index:4;background-color:#ed6c00;}
.side-bar .menu a:hover i{background-color:#ff7f13;}

.side-bar .menu a span,.side-bar .menu a.backtop span{background:#ff7f13;left:0px;top:-1px;height:48px;line-height:48px;position:absolute;padding:0;width:0;overflow:hidden;color:#fff;}
.side-bar .menu a span:first-child{top:0;}
.side-bar .menu a:hover span,.side-bar .menu a.backtop:hover span{left:-160px;text-indent:20px;width:160px;border:1px solid #ff7f13;border-right:none;}

.side-bar .menu a.service i{background-position:0 -201px;}
.side-bar .menu a.contact i{background-position:-50px -201px;}
.side-bar .menu a.gzh i{background-position:-100px -201px;}
.side-bar .menu a.app i{background-position:-150px -201px;}
.side-bar .menu a.backtop i{background-position:-200px -201px;}

.side_ewm{width:156px;height:181px;background:#fff;display:block;text-align:center;top:-1px;position:absolute;right:-200px;overflow:hidden;z-index:1;z-index:1;border:2px solid #fff;}
.side_ewm img{width:120px;height:120px;display:block;margin:19px auto 0;}
.side_ewm b{color:#666;display:block;overflow:hidden;line-height:20px;font-size:12px;}
.side-bar .menu a.mobile:hover .side_ewm{right:50px;border:2px solid #ff7f13;}

/**新闻中心**/

.news_item{height:520px;width:590px;overflow:hidden;}
.news_item a{width:350px;height:120px;padding:20px 20px 20px 220px;position:relative;margin-bottom:20px;display:block;background:#fff;}
.news_item a .img{width:180px;height:120px;position:absolute;top:20px;left:20px;overflow:hidden;}
.news_item a .img img{width:180px;}
.news_item a div{height:120px;position:relative;}
.news_item a span{display:block;}
.news_item a:hover span{color:#ed6c00;}
.news_item a i{display:block;position:absolute;left:0;bottom:0;}
.news_item a:after,#newlist a:after{width:0;height:4px;background:#ed6c00;position:absolute;left:0;bottom:0;content:"";display:block;}
.news_item a:hover:after,#newlist a:hover:after{width:100%;}

#newlist{width:590px;height:520px;background:#fff;overflow:hidden;position:relative;}
#newlist .butn{width:80px;height:40px;line-height:40px;text-align:center;top:353px;right:0;position:absolute;z-index:2;}
#newlist .butn span{width:40px;height:40px;display:inline-block;position:relative;top:auto;margin:0;}
#newlist .butn span i{width:7px;height:12px;}
#newlist .butn span.swiper-button-prev i{background-position:-8px -65px;}
#newlist .butn span.swiper-button-next i{background-position:-8px -50px;}
#newlist .butn span.swiper-button-prev{background:#ed6c00;}
#newlist .butn span.swiper-button-next{background:#ed6c00;}
#newlist .butn span.swiper-button-disabled{background:#ccc;opacity:1;}

#newlist .img{display:block;height:393px;overflow:hidden;}
#newlist .img img{width:100%;display:block;}
#newlist .desc{padding:0 20px;margin-top:35px;}
#newlist .desc div{line-height:16px;}
#newlist a{position:relative;height:520px}
#newlist a:hover .desc div{color:#ed6c00;}
#newlist .desc p{padding-right:150px;margin-top:15px;position:relative;}
#newlist .desc p i{position:absolute;right:0;bottom:0;}

/**关于我们 Start**/
.banner{width:100%;display:block;overflow:hidden;position:relative;}
.banner img{width:100%;display:block;vertical-align:top;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s;}
.banner iframe{width:100%;height:100%;position:absolute;z-index:2;left:0;top:0;}
.btitle{position:relative;margin-top:-60px;z-index:2;}
.btitle b{width:200px;height:60px;line-height:60px;display:inline-block;text-align:center;color:#fff;background:#ed6c00;font-size:24px;}

.about_intro .txt{text-indent:2em;}
.xline{width:140px;height:1px;font-size:0;overflow:hidden;background:#ed6c00;margin:30px auto;}
.xline.tl{margin:30px 0;display:inline-block;}
.xline.tl.sp2{margin:15px 0;}
.xline.w100{width:100px;}
.textr{text-align:right;}

.about_tab .wp50{position:relative;}
.about_tab .wp50 img{display:block;}
.about_tab .wp50 p,.about_tab .wp50 div{position:absolute;left:0;width:100%;z-index:3;text-align:center;}
.about_tab .wp50 div{opacity:0;font-size:16px;height:16px;line-height:16px;top:30%;margin-top:-8px;color:#fff;}
.about_tab .wp50 i{width:100%;height:100%;position:absolute;left:0;top:0;z-index:2;background:rgba(237,108,0,0);transform: scale(0.8);-webkit-transform: scale(0.8);-ms-transform: scale(0.8);}

.about_tab .wp50 em{width:0;height:1px;font-size:0;overflow:hidden;display:block;position:absolute;left:50%;bottom:15%;background:#fff;z-index:3;}
.about_tab .wp50:hover i{background:rgba(237,108,0,0.8);width:100%;height:100%;transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);}
.about_tab .wp50 p{height:60px;line-height:60px;top:50%;margin-top:-30px;font-size:20px;color:#fff;}
.about_tab .wp50 p:after{content:"";border-top:1px solid #fff;border-bottom:1px solid #fff;height:100%;width:40px;position:absolute;left:50%;margin-left:-20px;top:0;}
.about_tab .wp50:hover p{top:15%;}
.about_tab .wp50:hover p:after{border-top:1px solid transparent;}
.about_tab .wp50:hover em{width:80px;margin-left:-40px;}
.about_tab .wp50:hover div{opacity:1;top:50%;}

.about_declaration .wp50{position:relative;overflow:hidden}
.about_declaration .txt{position:absolute;left:0;top:100%;width:100%;height:100%;overflow:hidden;background:rgba(237,108,0,0);}
.about_declaration .h{position:absolute;left:0;top:50%;width:100%;height:30px;line-height:30px;margin-top:-15px;text-align:center;font-size:24px;color:#fff;text-align:center;}
.about_declaration .h:after{width:60px;content:"";position:absolute;height:58px;line-height:58px;top:50%;left:50%;border-top:1px solid #fff;border-bottom:1px solid #fff;margin:-30px 0 0 -30px;}
.about_declaration .wp50:hover .h{top:-30px}
.about_declaration .wp50:hover .txt{top:0;background:rgba(237,108,0,0.8);color:#fff;text-align:center;}
.about_declaration .wp50:hover .txt .c666{color:#fff;}


.about_good{background:url(../images/about_banner2.jpg) no-repeat center center;background-size:cover;}
.about_good .container ul{width:1218px;}
.about_good .container li{float:left;width:388px;height:365px;margin-right:18px;background:#fff;position:relative;overflow:hidden;}
.about_good .container li img{display:block;width:388px;height:365px;}
.about_good .container li .t{height:80px;line-height:80px;text-align:center;font-size:16px;color:#666;position:absolute;left:0;bottom:0;width:100%;background:#fff;z-index:1;}
.about_good .container li .p{background:rgba(237,108,0,0.8);width:100%;height:100%;position:absolute;left:0;top:0;z-index:2;opacity:0;transform:rotateY(-90deg);-webkit-transform: rotateY(-90deg);-ms-transform:rotateY(-90deg);}
.about_good .container li .p:after{content:"";width:366px;height:343px;border:1px solid #fff;top:10px;left:10px;position:absolute;}
.about_good .container li .p p{padding:70px 30px 0;color:#fff;}
.about_good .container li .p p b{font-size:20px;line-height:20px;display:block;}
.about_good .container li .p p i{display:block;height:1px;font-size:0;overflow:hidden;background:#fff;margin-top:20px;}
.about_good .container li .p p span{line-height:24px;display:block;margin-top:55px;}

.about_good .container li:hover .t{bottom:-80px;}
.about_good .container li:hover .p{opacity:1;transform:rotateY(0);-webkit-transform: rotateY(0);-ms-transform:rotateY(0);}

#client_list{overflow:hidden;}
#client_list .swiper-container{overflow:visible;}
#client_list .about_client{width:1224px;padding-bottom:27px;}
#client_list .swiper-container{width:1224px;}
.about_client li .item{margin-right:24px;width:180px;height:80px;float:left;position:relative;margin-bottom:24px;-webkit-perspective:500px;display:block;}
.about_client li .item p img{width:180px;height:80px;display:block;}
.about_client li .item div{width:100%;font-size:18px;text-align:center;background:#ed6c00;color:#fff;line-height:18px;height:36px;padding:22px 0;z-index:-1;}
.about_client li .item div,.about_client li .item p{width:180px;position:absolute;top:0;left:0;z-index:0;-webkit-transform: rotate3d(0,1,0,180deg);}
.about_client li .item p{z-index: 1;-webkit-transform: rotate3d(0,1,0,0deg);}
.about_client li .item div b{font-size:14px;}
.about_client li .item:hover div{z-index: 1;-webkit-transform: rotate3d(0,1,0,0deg);}
.about_client li .item:hover p{z-index: 0;-webkit-transform: rotate3d(0,1,0,-180deg);}


.cert_list li .item{position:relative;display:block;overflow:hidden;}
.cert_list li .item div{width:100%;position:absolute;font-size:18px;text-align:center;background:rgba(237,108,0,0);color:#fff;height:0;line-height:0;overflow:hidden;top:-50px;}
.cert_list li .item p img{display:block;}
.cert_list li .item div b{font-size:14px;position:absolute;top:50%;width:100%;height:20px;line-height:20px;left:0;text-align:center;margin-top:-10px;}
.cert_list li .item:hover div{height:100%;line-height:143px;background:rgba(237,108,0,0.8);top:0;}

.cert_list li .data{position:relative}
.cert_list li .data img{display:block;}

.cert_list .swiper-button-prev,.cert_list .swiper-button-next{width:40px;height:40px;line-height:40px;display:inline-block;position:absolute;top:50%;margin:0;margin-top:-20px;text-align:center;}
.cert_list .swiper-button-prev i,.cert_list .swiper-button-next i{width:7px;height:12px;}
.cert_list .swiper-button-prev i{background-position:-8px -65px;}
.cert_list .swiper-button-next i{background-position:-8px -50px;}
.cert_list .swiper-button-prev{background:#ed6c00;left:-52px;}
.cert_list .swiper-button-next{background:#ed6c00;right:-52px;}
#history_list .swiper-button-prev{left:auto;top:auto;right:40px;bottom:0;opacity:1;}
#history_list .swiper-button-next{right:0px;top:auto;bottom:0;opacity:1;}
.cert_list .swiper-button-disabled{background:#ccc;opacity:1;}

#cert_list2.cert_list li .item{border:1px solid #e6e6e6;}
#cert_list2.cert_list li .item:hover{border-color:#ed6c00;}
#cert_list img{width:222px;height:166px;}
#cert_list2 img{width:181px;height:242px;}

.scroll{width:100%;height:216px;overflow: hidden;}

.scroll_sbt{height:30px;text-align:center;}
.scroll_sbt a{width:48px;height:28px;border:1px solid #e8e8e8;display:inline-block;margin:0 5px;}
.scroll_sbt a i{width:17px;height:9px;display:block;margin:10px auto;}
.scroll_sbt a.up i{background-position:-120px -50px;}
.scroll_sbt a.down i{background-position:-120px -63px;}
.scroll_sbt a:hover{border-color:#ed6c00;background:#ed6c00;}
.scroll_sbt a.up:hover i{background-position:-140px -50px;}
.scroll_sbt a.down:hover i{background-position:-140px -63px;}
/**关于我们 End **/

/**新闻中心 Start**/
.news_type{text-align:center;padding:60px 0;}
.news_type a{border:1px solid #e6e6e6;width:158px;height:48px;line-height:48px;display:inline-block;margin:0 5px;color:#666;}
.news_type a.crently,.news_type a:hover{border-color:#ed6c00;background:#ed6c00;color:#fff;}

.news_list{width:1230px;}
.news_list li{width:380px;height:380px;background:#fff;margin-right:30px;margin-bottom:30px;position:relative;float:left;}
.news_list li:after{content:"";width:100%;height:0;background:#ed6c00;position:absolute;left:0;bottom:0;}
.news_list li a{position:relative;width:320px;height:320px;display:block;z-index:2;padding:30px;}
.news_list li a .img{width:320px;height:213px;overflow:hidden;}
.news_list li a .t{font-size:16px;height:48px;line-height:24px;margin-top:15px;}
.news_list li a .m{position:absolute;left:30px;bottom:30px;color:#999;}
.news_list li a .m i{}
.news_list li:hover:after{height:100%;}
.news_list li:hover .t,.news_list li:hover .m{color:#fff;}

/* 分页 */
.pagenav{font-size:14px;height:40px;line-height:40px;text-align:center;}
.pagenav a {color:#fff;font-size:14px;text-decoration:none;}
.pagenav span a, .pagenav span {display:inline-block;overflow:hidden;padding:0 16px;height:40px;}
.pagenav .spanpre,.pagenav .spannext{padding:0;}
.pagenav a, .pagenav span span {background:#fff;height:40px;line-height:40px;}
.pagenav a, .pagenav strong, .pagenav span {font-size:14px;color:#666;}
.pagenav a:hover, .pagenav a:active {background:#ed6c00;color:#fff;text-decoration:none;}
.pagenav .now {color:#fff;height:40px;line-height:40px;background:#ed6c00;}
.pagenav .none {color:#ccc;}
.pagenav .spannum span, .pagenav .spannum a {margin:0 3px;}

.news_detail{padding:50px 0;text-indent:2em;}
.bb1{border-bottom:1px solid #e6e6e6}
.bt1{border-top:1px solid #e6e6e6}
.news_detail .content img{max-width:100%;}
.morelink a{color:#999;}
.morelink span{width:78px;height:38px;line-height:38px;display:inline-block;vertical-align:middle;margin-top:-3px;background:#fff;border:1px solid #fff;}
.morelink.sp2 span{border-color:#e6e6e6;}
.morelink a.prev span{margin-right:15px;}
.morelink a.next span{margin-left:15px;}
.morelink a i{width:19px;height:10px;display:inline-block;vertical-align:middle;}
.morelink a:hover{color:#ed6c00;}
.morelink a:hover span{border-color:#ed6c00;background:#ed6c00;}
.morelink a.list span{width:40px;}
.morelink a.list i{background-position:0 -121px;width:16px;height:14px;}
.morelink a.next i{background-position:-20px -50px;}
.morelink a.prev i{background-position:-20px -62px;}

.morelink a.list:hover i{background-position:-18px -121px;}
.morelink a.next:hover i{background-position:-40px -50px;}
.morelink a.prev:hover i{background-position:-40px -62px;}



div.bdshare-button-style0-16 span{display:inline-block;line-height:24px;color:#999;font-size:14px;vertical-align:middle;}
div.bdshare-button-style0-16{position:absolute;right:0px;top:50%;margin-top:-20px;}
div.bdshare-button-style0-16 a{margin:0 5px;padding:0;float:none;background:#fff url(../images/bg_ico.png) no-repeat 0 0;width:40px;height:40px;display:inline-block; vertical-align:middle;}
div.bdshare-button-style0-16 a:hover{opacity:1;filter:alpha(opacity=100);background-color:#ed6c00;}
div.bdshare-button-style0-16 .bds_sqq{background-position:0 -383px;}
div.bdshare-button-style0-16 .bds_weixin{background-position:-40px -383px;}
div.bdshare-button-style0-16 .bds_tsina{background-position:-80px -383px;}
div.bdshare-button-style0-16 .bshare{background-position:-120px -383px;}

div.bdshare-button-style0-16 .bds_sqq:hover{background-position:0 -423px;}
div.bdshare-button-style0-16 .bds_weixin:hover{background-position:-40px -423px;}
div.bdshare-button-style0-16 .bds_tsina:hover{background-position:-80px -423px;}
div.bdshare-button-style0-16 .bshare:hover{background-position:-120px -423px;}
/**新闻中心 End**/

/**产品中心 Start**/
.product_type{width:1220px;}
.product_type li{width:285px;height:365px;margin-right:20px;margin-bottom:20px;float:left;background:#fff;}
.product_type li a{position:relative;width:100%;height:100%;overflow:hidden;display:block;}
.product_type li a .img{width:285px;height:285px;overflow:hidden;}
.product_type li a .t{height:80px;line-height:80px;text-align:center;font-size:16px;}
.product_type li a .h{text-align:left;width:100%;height:80px;line-height:80px;position:absolute;left:100%;bottom:0;text-indent:20px;background:#fff;color:#ed6c00;font-size:16px;}
.product_type li a .h i{position:absolute;right:20px;bottom:0;}
.product_type li a em{width:0;height:4px;font-size:0;display:block;overflow:hidden;background:#ed6c00;position:absolute;left:0;bottom:0;z-index:2;}
.product_type li a:hover .h{left:0;}
.product_type li a:hover em{width:100%;}

.pro_type a{height:28px;line-height:28px;border:1px solid #e6e6e6;color:#666;margin-right:10px;margin-bottom:10px;padding:0 16px;display:inline-block;background:#fff;}
.pro_type a.crently,.pro_type a:hover{border-color:#ed6c00;color:#fff;background:#ed6c00;}

.product_list{width:1215px;}
.product_list li{width:228px;float:left;margin-right:15px;margin-bottom:15px;background:#fff;}
.product_list li a{width:100%;height:100%;display:block;}
.product_list li .img{width:228px;height:228px;display:block;overflow:hidden;}
.product_list li .t{line-height:24px;height:48px;margin:16px 20px;}
.product_list li a:hover{background:#ed6c00;color:#fff;}

/**产品展示**/
#MagnifierWrap2{position: relative;width:550px;z-index:2;}
#MagnifierWrap2 .MagnifierMain{position: relative;width:550px;height:550px;}
#MagnifierWrap2 .MagnifierMain img{width: 100%;} 
#MagnifierWrap2 .MagnifierDrag{position: absolute;top:0;left: 0;background-color: #ccc; opacity: 0.4;filter:alpha(opacity = 40);cursor: move;}

#MagnifierWrap2 .MagnifierPop{position: absolute;top:0;overflow: hidden;background:#fff url(http://www.yoka.com/fashion/edittj/) no-repeat center center; }
#MagnifierWrap2 .MagnifierImg{position: absolute;top:0; left: 0;}

#MagnifierWrap2 .spec-items{position: relative;width:390px;height:80px;overflow: hidden;padding-top:14px;margin: 0 auto;}
#MagnifierWrap2 .spec-items ul{width:500%;position:absolute;top:14px;left:0;}
#MagnifierWrap2 .spec-items ul *{-webkit-transition:all .3s;-o-transition: all .3s;transition: all .3s;}
#MagnifierWrap2 .spec-items li{width:76px;height:76px;float: left;overflow: hidden;margin-left:14px;border: 2px solid #fff;cursor: pointer;overflow:hidden;}
#MagnifierWrap2 .spec-items li.on{border:2px solid #ed6c00;}
#MagnifierWrap2 .spec-items li img{width: 100%;}
#MagnifierWrap2 span{position: absolute;bottom: 0px;display: block;width:80px;height:80px;line-height:80px;text-align:center;cursor:pointer;background-color:#fff;}
#MagnifierWrap2 span:hover{background-color:#ccc;}
#MagnifierWrap2 span.spe_leftBtn:hover i{background-position:-71px -142px;}
#MagnifierWrap2 span.spe_rightBtn:hover i{background-position:-20px -142px;}
#MagnifierWrap2 span.spe_leftBtn i{width:16px;height:30px;background-position:-89px -142px;}
#MagnifierWrap2 span.spe_rightBtn i{width:16px;height:30px;background-position:-2px -142px;}
#MagnifierWrap2 span.on{background-color:#fff;color: #999;cursor: pointer;} 
#MagnifierWrap2 span.spe_leftBtn{left:0;}
#MagnifierWrap2 span.spe_rightBtn{right:0;}
#MagnifierWrap2 span.on:hover{background:#ed6c00;}
#MagnifierWrap2 span.on.spe_leftBtn:hover i{background-position:-71px -142px;}
#MagnifierWrap2 span.on.spe_leftBtn i{background-position:-54px -142px;}

#MagnifierWrap2 span.on.spe_rightBtn i{background-position:-37px -142px;}
#MagnifierWrap2 span.on.spe_rightBtn:hover i{background-position:-20px -142px;}

.pro_detail{width:600px;height:644px;position:relative;}
.pro_detail .desc{height:140px;overflow:hidden;}
.pro_detail div.bdshare-button-style0-16{margin-top:0;top:auto;bottom:0;}
.pro_detail a.more_detail{width:138px;height:38px;line-height:38px;text-align:center;color:#fff;border:1px solid #ed6c00;background:#ed6c00;font-size:16px;display:block;position:absolute;left:0;bottom:0;}
.pro_detail a.more_detail:hover{background:none;color:#ed6c00;border-color:#ed6c00;}
/**产品中心 End**/

/**定制 Start**/
#custom_slide,#custom_slide ul{height:400px;}
#custom_slide .item{height:400px;position:relative;}
#custom_slide li .img{width:600px;height:400px;overflow:hidden;}
#custom_slide li .img img{width:600px;height:400px;display:block;}
#custom_slide li .info{height:298px;padding:0 39px;width:560px;border:1px solid #e6e6e6;position:absolute;top:50%;right:0;margin-top:-150px;z-index:1;background:#fff;}

#custom_slide .butn{width:60px;position:absolute;right:40px;top:0;height:100%;z-index:5;}
#custom_slide .butn span{width:58px;right:0;height:78px;line-height:78px;border:1px solid #ed6c00;background:#ed6c00;display:block;position:absolute;margin:0;text-align:center;}
#custom_slide .butn span:hover{background:#fff;}
#custom_slide .butn span i{width:13px;height:24px;}
#custom_slide .butn span.swiper-button-prev{top:30px;}
#custom_slide .butn span.swiper-button-next{top:auto;bottom:30px;}
#custom_slide .swiper-button-prev.swiper-button-disabled, #custom_slide .swiper-button-next.swiper-button-disabled{opacity:1;background:#ccc;border-color:#ccc;}
#custom_slide .butn span.swiper-button-prev i{background-position:-80px -76px;}
#custom_slide .butn span.swiper-button-next i{background-position:-94px -50px;}

#custom_slide .butn span.swiper-button-prev:hover i{background-position:-80px -50px;}
#custom_slide .butn span.swiper-button-next:hover i{background-position:-94px -76px;}

.custom_info{width:1230px;}
.custom_info li{width:300px;height:220px;background:#fff;margin-right:30px;padding:40px;float:left;position:relative;}
.custom_info li em{width:80px;height:1px;background:#e6e6e6;font-size:0;display:block;position:absolute;left:40px;bottom:40px;}
.custom_info li:hover{background:#ed6c00;color:#fff;}
.custom_info li:hover p{color:#fff;}
.custom_info li:hover em{background:#fff;}

.custom_step li{width:16.6666%;float:left;height:500px;overflow:hidden;position:relative}
.custom_step li .img{height:500px;width:500px;}
.custom_step li .img img{height:500px;}
.custom_step li.now{width:30%;}
.custom_step li.other{width:14%;}

.custom_step li .t{position:absolute;top:50%;left:50%;height:130px;width:100px;text-align:center;margin-top:-65px;margin-left:-50px;color:#fff;}
.custom_step li .t b{display:block;font-size:30px;font-weight:bold;line-height:30px;margin-bottom:40px;}
.custom_step li .t span{display:block;font-size:20px;height:60px;line-height:60px;position:relative;}
.custom_step li .t span:after{content:"";width:40px;height:58px;border-top:1px solid #fff;border-bottom:1px solid #fff;position:absolute;top:0;left:30px;display:block;}

.custom_step li .h{position:absolute;top:120px;left:50%;margin:0 0 0 -130px;width:260px;height:0;text-align:center;background:#fff;z-index:2;overflow:hidden;}
.custom_step li .h span{display:block;font-size:20px;line-height:20px;padding-top:60px;margin-top:30px;}
.custom_step li .h p{padding:25px 39px 0;line-height:24px;color:#999;}
.custom_step li.now .h{height:260px;}
.custom_step li.now .h span{margin-top:0;}

#custom_slide2 .swiper-container{width:1212px;padding-bottom:28px;}
#custom_slide2 li .item{margin-right:12px;width:190px;height:190px;float:left;position:relative;margin-bottom:12px;cursor:pointer;}
#custom_slide2 li .item em{height:0;width:0;background:rgba(237,108,0,0.8);position:absolute;left:50%;top:50%;display:block;z-index:2;}
#custom_slide2 li .item p img{width:190px;height:190px;display:block;}
#custom_slide2 li .item div{width:100%;font-size:18px;text-align:center;color:#fff;position:absolute;left:0;top:0;height:190px;line-height:190px;z-index:3;opacity:0;}
#custom_slide2 li .item div b{font-size:14px;display:block;width:100%;height:14px;line-height:14px;position:absolute;top:-14px;left:0;}
#custom_slide2 li .item div i{display:block;width:30px;height:30px;position:absolute;bottom:-30px;left:50%;margin-left:-15px;background-position:-65px -310px;}
#custom_slide2 li .item:hover div{opacity:1;}
#custom_slide2 li .item:hover em{height:100%;width:100%;left:0;top:0}
#custom_slide2 li .item:hover div b{top:60px;}
#custom_slide2 li .item:hover div i{bottom:65px;}
/**定制 End**/

/**招聘 Start**/
.job_declaration .wp50{width:600px;height:300px;overflow:hidden;position:relative;}
.job_declaration .img:after{content:"";position:absolute;width:598px;height:298px;border:1px solid #ed6c00;top:-1px;left:-1px;opacity:0;}
.job_declaration .img img{width:600px;height:300px;}
.job_declaration .item:hover .txt{background:#ed6c00;color:#fff;}
.job_declaration .item:hover .txt .xline{background:#fff;}
.job_declaration .item:hover .txt .c666{color:#fff;}
.job_declaration .item:hover .img:after{width:558px;height:258px;left:20px;top:20px;opacity:1;}

.job_list{width:1230px;}
.job_list li{width:380px;height:300px;float:left;margin-right:30px;margin-bottom:30px;}
.job_list li a{position:relative;width:300px;height:220px;padding:40px;display:block;background:#fff;}
.job_list li a:after{content:"";width:0;height:100%;position:absolute;left:0;top:0;background:#ed6c00;z-index:1;}
.job_list li a *{z-index:2;}
.job_list li a .t{font-size:24px;line-height:24px;position:relative;}
.job_list li a .m{color:#666;line-height:14px;margin-top:20px;position:relative;}
.job_list li a .m i{margin:0 10px;}
.job_list li a .d{color:#999;font-size:12px;line-height:24px;margin-top:15px;height:72px;position:relative;}
.job_list li a .h{height:28px;line-height:28px;width:28px;position:absolute;left:40px;bottom:40px;border:1px solid #e6e6e6;text-align:center;}
.job_list li a .h i{width:7px;height:12px;background-position:0 -50px;}
.job_list li a em{height:5px;width:100%;position:absolute;left:0;bottom:0;background:#e6e6e6;font-size:0;overflow:hidden;}
.job_list li a:hover:after{width:100%;}
.job_list li a:hover,.job_list li a:hover .d,.job_list li a:hover .m{color:#fff;}
.job_list li a:hover em{z-index:1;}
.job_list li a:hover .h{left:310px;}
.job_list li a:hover .h i{background-position:-8px -50px;}
/**招聘 End**/

/**联系我们 Start**/
.contact_detail .wp50{height:600px;}
.contact_detail .form div input,.contact_detail .form div textarea{width:490px;padding:0 14px;height:48px;line-height:48px;border:1px solid #db6400;background:#db6400;margin-bottom:20px;color:#fff;}
.contact_detail .form div input:focus,.contact_detail .form div textarea:focus{border-color:#fff;background:#ed6c00;}
.contact_detail .form div textarea{height:130px;line-height:24px;padding-top:10px;}
.contact_detail .form div a{width:158px;height:48px;line-height:48px;border:1px solid #fff;background:#ed6c00;font-size:16px;color:#fff;display:block;text-align:center;}
.contact_detail .form div a:hover{background:#fff;color:#ed6c00;}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#fff;font-size:14px;}
input:-moz-placeholder,textarea:-moz-placeholder{color:#fff;font-size:14px;}
input::-moz-placeholder,textarea::-moz-placeholder{color:#fff;font-size:14px;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#fff;font-size:14px;}
/**联系我们 End**/

/**下载中心 Start**/
.download_list{width:1220px;}
.download_list li{width:245px;margin-right:20px;background:#fff;padding:18px;margin-bottom:20px;float:left;text-align:center;border:2px solid #fff;}
.download_list li:hover{border-color:#ed6c00}
.download_list li div a{height:30px;line-height:30px;display:inline-block;padding:0 15px;margin-top:10px;background:#ccc;color:#fff;font-size:12px;}
.download_list li div a:hover{background:#ed6c00;}
.download_list li div a i{width:16px;height:14px;background-position:-250px -201px;margin-right:5px;margin-top:-3px;}
/**下载中心 End**/

#newlist .img:hover img,.news_item .img:hover img,.about_index .fr a:hover img,.service_index .wp50 .img:hover img,.service_index .part2 .txt2 .img1:hover img,.about_good .container li:hover img,.news_list li a .img:hover img,.product_type li a:hover .img img,.product_list li a:hover .img img,.spec-items li:hover img,#custom_slide li .img:hover img,.job_declaration .item:hover img,#cert_list li .item:hover p img,img.hover:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);transform:scale(1.2);}

/**图标**/
.ico{display:inline-block;background:url(../images/bg_ico.png) no-repeat 0 0;vertical-align:middle;}
.play{width:60px;height:60px;position:absolute;top:50%;left:50%;margin:-30px 0 0 -30px;background-position:0 -310px;}
a .arror_right{width:19px;height:10px;background-position:0 -80px;display:inline-block;}
a:hover .arror_right.white{background-position:0 -91px;}
a:hover .arror_right{background-position:-21px -80px;}
a:hover .play{-moz-transform:rotate(180deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}


.row1{text-overflow:ellipsis;overflow:hidden;display:block;white-space:nowrap;}
.row2,.news_list li a .t,.product_list li .t{overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.row3{overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.row4,.cert_list li .data div{overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;}

.trans,.download_list li,.time3s,#prolist li .box:after,a,a .arror_right,#newlist a .desc div,.news_item a span,a:after,img,.service_index .wp50 .img,.play,.about_tab .wp50 i,.about_tab .wp50 p,.about_tab .wp50 em,.about_tab .wp50 div,.about_good .container li .t,.about_good .container li .p,.news_list li:after,.news_list li .t,.news_list li .m,.morelink a span,.morelink a i,.product_type li a .h,.product_type li a em,#MagnifierWrap2 span,#custom_slide .butn span,#custom_slide .butn span i,.custom_info li,.custom_info li p,.custom_info li em,.custom_step li,.custom_step li .h,.custom_step li .h span,#custom_slide2 li .item div b,#custom_slide2 li .item div i,#custom_slide2 li .item em,.job_list li a .h,.job_list li a .h i,.job_declaration .txt,.job_declaration .img:after,input,#header p a b,#header b.language,#header b.language em span,.cert_list li .item p,.cert_list li .item div,.about_declaration .txt,.about_declaration .h{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}

.time5s,.about_client li .item div,.about_client li .item p{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}

.pages,.pagenav  {text-align:center;clear:both;padding-top:10px;padding-bottom:10px;}
.pages a,.pages span,.pagenav a,.pagenav span {border:1px solid #cccccc;padding:5px;margin-right:5px; display:inline-block;}