@charset "utf-8";
/* reset */
html { height: 100%; }
body { min-height: 100% }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }

li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100% }
iframe, frame, fieldset, img { border: 0 none }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }

textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea { font-size: 12px; font-family:"Microsoft Yahei","微软雅黑",arial,"\5b8b\4f53";  }


input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {opacity:0.5;}
input:-moz-placeholder, textarea:-moz-placeholder {opacity:0.5;}
input::-moz-placeholder, textarea::-moz-placeholder { opacity:0.5;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {opacity:0.5;}

.edit_con_original{padding:0 0; color:#333;}
.edit_con_original ul{ margin:inherit; padding:inherit}
.edit_con_original ul li { list-style-type:disc; margin:auto; padding:inherit}
.edit_con_original ol{ margin:inherit; padding:inherit}
.edit_con_original ol li { list-style-type:decimal; margin:auto; padding:inherit}
.edit_con_original h1 { font-size: 2em; font-weight:bold }
.edit_con_original h2 { font-size: 1.5em; font-weight:bold }
.edit_con_original h3 { font-size: 1.17em; font-weight:bold }
.edit_con_original h4 { font-size: 1em; font-weight:bold }
.edit_con_original h5 { font-size: 0.83em; font-weight:bold }
.edit_con_original h6 { font-size: 0.67em; font-weight:bold }
.edit_con_original em { font-style: italic }
.edit_con_original cite{ font-style: italic }
.edit_con_original address{ font-style: italic }
.edit_con_original i { font-style: italic }
.edit_con_original table{ border-collapse: separate; border-spacing: 2px }
.edit_con_original img{ max-width:100%; height:auto;}

/*所有后台编辑器区域都要引用 edit_con_original 类名*/

/* clear 页头，页脚，内容区都不用再加清除样式 */

.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }

/*公用样式end*/

.lt9	.service .main,
.lt9	.index .main { position:relative; top:0; margin-top:100px; }
.main { padding-top:80px;  min-height:400px; position:relative; z-index:2;}
.lt8 .main { padding-top:100px;}
.lt9	.service-bak,
.lt9	.index-bk { position:relative; left:0; top:0; transform:translateY(0); -webkit-transform:translateY(0); transition:none; -webkit-transition:none; min-height:450px;}
.lt9	.index-bk.index-5 { min-height:0 !important;}
.lt9 .service	footer,
.lt9 .index	footer { position:relative; top:0; transform:translateY(0); -webkit-transform:translateY(0);}

.index-1 .mask-img { position:absolute; text-shadow:1px 2px 2px #666 ;  color:#fff; z-index:10; left:50%; top:50%; width:661px; height:437px; text-align:center; margin:-218px 0 0 -330px; transition:1.5s all; -webkit-transition:1.5s all; }
.index-1.r .mask-img { margin-left:0;}
.index-1 .mask-img img { width:100%; height:auto; display:none;}
.index-1 .mask-img b { font-size:9.7em; line-height:1.1; font-family:Arial; display:block; text-align:center;}
.index-1 .mask-img p { font-size:6em; text-align:center;}
.index-1 .mask-img span { font-size:1.66em; border:2px solid #fff; border-radius:3px; color:#fff; padding:1px 30px 2px; display:inline-block; margin-top:50px;}
.index-1 { }
.index-1 ul{}
.index-1 ul li { position:absolute; z-index:1; left:0; transition:1.5s all; -webkit-transition:1.5s all; top:0; width:100%; height:100%; overflow:hidden; transform:translateX(100%); -webkit-transform:translateX(100%)}

.no-ts .index-1 ul li { left:100%;}
.no-ts .index-1 ul li:first-child { left:0;}
.auto-box-div { position:relative; }
.auto-box-div img { position:absolute; width:100%; height:100%; left:0; top:0;}


.index-1 ul li:first-child { transform:translateX(0%); -webkit-transform:translateX(0%); z-index:1;}
.index-1 ul li:first-child + li{ z-index:2;}
.index-1 ul li:first-child + li + li{ z-index:3;}
.index-1 ul li:first-child + li + li + li{ z-index:4;}
.index-1 ul li.on{ z-index:6;}
.index-1 ul li:first-child + li.on{ z-index:7;}
video { display:block;}
.index-1 ul li video{ width:100%; height:100%;}
.mark { background:url(../images/mark.gif) repeat 0 0; opacity:0.3; filter:alpha(opacity=30); width:100%; height:100%; display:block;  position:absolute; left:0; top:0; right:0; bottom:0; z-index:2; }
.banner-load { position:absolute; width:100%; left:0; bottom:0; height:5px; z-index:9;  }
.banner-load i { display:block; height:5px; background:#ff0000; width:0;}

.service-bak video{ z-index:3; width:100%; height:100%;}
.service-bak .video-auto-box .mark{ display:block !important; z-index:10000;}
.index-2 { }
.index-2 .item { position:absolute; width:100%; height:100%; left:100%; top:0; overflow:hidden;}
.index-2 .item:first-child { left:0;}
.index-2 .item li { position:absolute; width:25.2%; height:33.33%; left:0; top:0; overflow:hidden; z-index:2;}
.index-2 .item li a { display:block; position:absolute; position:absolute; left:0; top:0; right:0; bottom:0; overflow:hidden;}
.index-2 .item li span { position:absolute; width:100%; height:100%; z-index:3; display:block; text-align:center; left:0; top:0; opacity:0; filter:alpha(opacity=0);  background:#ff0000;
																									transition:1s all; -webkit-transition:1s all;
}
.index-2 .item li:hover span { opacity:0.9; filter:alpha(opacity=95);}
.index-2 .item li span em { position:absolute; width:80%; left:10%; color:#fff;  top:50%; margin-top:-15px; display:block; font-size:2.5em; }
.lt9 .index-2 .item li span em { top:42%;}
.index-2 .item li.libr span em{ margin-top:-1.5em;  }
.index-2 .item li i { position:absolute; z-index:2; width:100%; height:100%; left:0; top:0; background:#000; opacity:0; filter:alpha(opacity=0); transition:0.5s all; -webkit-transition:0.5s all; }
.index-2 .item:hover li i{opacity:0.6; filter:alpha(opacity=60);}
.index-2 .item:hover li:hover i{opacity:0; filter:alpha(opacity=0);}
.index-2 .item li img { width:100%; height:100%; z-index:1; position:relative;}
.index-2 .item li:first-child { left:0; top:0; height:34.3%; z-index:1;}
.index-2 .item li:first-child + li { left:25%; top:0; height:34.3%; z-index:1;}
.index-2 .item li:first-child + li + li { left:50%; top:0; height:34.3%; z-index:1;}
.index-2 .item li:first-child + li + li + li {left:75%; top:0; height:34.3%; z-index:1;}
.index-2 .item li:first-child + li + li + li + li { left:0; top:34%;  }
.index-2 .item li:first-child + li + li + li + li + li { left:25%; top:34%; }
.index-2 .item li:first-child + li + li + li + li + li + li { left:50%; top:34%;}
.index-2 .item li:first-child + li + li + li + li + li + li + li {left:75%; top:34%;}
.index-2 .item li:first-child + li + li + li + li + li + li + li + li { left:0; top:67%;   }
.index-2 .item li:first-child + li + li + li + li + li + li + li + li + li {left:25%; top:67%; }
.index-2 .item li:first-child + li + li + li + li + li + li + li + li + li + li {left:50%; top:67%;  }
.index-2 .item li:first-child + li + li + li + li + li + li + li + li + li + li + li {left:75%; top:67%; }

.lazy-item { background:url(../images/error.gif) no-repeat center #fff;}

.index-2 .bon { position:absolute; right:0; width:33px; top:50%; height:99px; margin-top:-50px; z-index:100; line-height:33px; text-align:center; font-family:Arial; background:#fff;}
.index-2 .bon a { display:block; position:relative; height:33px; background:url(../images/b-r.jpg) 0 0 no-repeat ; opacity:0.90; filter:alpha(opacity=90);}
.index-2 .bon a:hover {opacity:1; filter:alpha(opacity=100);}
.index-2 .bon a i { position:absolute; background:url(../images/r1.png) no-repeat; width:4px; height:7px; top:50%; left:50%; margin:-2px 0 0 -3px;}
.index-2 .bon a.prev i { background:url(../images/r2.png) no-repeat;}
.index-2 .bon a.prev { background-position: center bottom;}
.index-2 .bon span { display:block; height:33px; background:#fff; font-size:12px;}

.index-3 .mark,
.index-4 .mark { display:none; opacity:0.1; filter:alpha(opacity=10); }
.index-3 .mask-txt { position:absolute; z-index:10; left:0; top:15%; bottom:0; right:0; font-size:4.5em; color:#fff; cursor:default;}
.index-3 .mask-txt i { margin-top:20px; cursor:pointer; }
.index-3 { }
.index-3 ul{}
.index-3 ul li { position:absolute; z-index:1; left:100%; top:0; width:100%; height:100%; overflow:hidden;}
.index-3 ul li:first-child { left:0;}
.index-3 ul li video{ width:100%; height:100%;}

.index-4 .mask-txt { position:absolute; z-index:10; left:0; top:15%; right:0; font-size:4.5em; color:#484848; cursor:default;}
.index-4 .mask-txt i { margin-top:20px; cursor: pointer; }
.index-4 { }
.index-4 ul{}
.index-4 ul li { position:absolute; z-index:1; left:100%; top:0; width:100%; height:100%; overflow:hidden;}
.index-4 ul li:first-child { left:0;}
.index-4 ul li video{ width:100%; height:100%;}

.index-5 { }
.index-5 .img-box { }
.index-5 .img-box .l{ float:left; width:50%; height:366px; position:relative; overflow:hidden;}
.index-5 .img-box .l img {  transition:1s all; -webkit-transition:1s all;}
.index-5 .img-box .l:hover img { transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
.index-5 .img-box .l span { z-index:2; position:absolute; left:0; right:0; top:50%; text-align:center; margin-top:-1.3em; color:#fff;}
.index-5 .img-box .l span em { font-size:2.8em; display:block; line-height:34px; }
.index-5 .img-box .l span em b { font-size:80%; vertical-align:middle;}

.share { padding:50px 0; text-align:center; line-height:31px; font-size:1.5em; text-align:right; }
.share .t,
.share .icon{ display:inline-block; vertical-align:middle; margin:0 5px; transition:0.8s transform; -webkit-transition:0.8s transform;}
.share .icon { border-radius:100%; overflow:hidden; width:31px !important; height:31px !important;}
.share .icon:hover { transform:rotate(360deg); -webkit-transform:rotate(360deg);}
.share .icon.pic_14:hover { background-position:-0px -35px;}
.share .icon.pic_15:hover { background-position:-45px -35px;}
.share .icon.pic_16:hover { background-position:-90px -35px;}
.share .icon.pic_17:hover { background-position:-130px -35px;}
.share .icon.pic_18:hover { background-position:-170px -35px;}
.share .icon.pic_19:hover { background-position:-215px -35px;}
.share .icon.pic_20:hover { background-position:-260px -35px;}


.anim2_down .index-1{  transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim2_down .index-2{   transform:translateY(0%); -webkit-transform:translateY(0%); }

.anim2_up .index-1 { transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim2_up .index-3{   transform:translateY(100%); -webkit-transform:translateY(100%); }
.anim2_up .index-2{  transform:translateY(0%); -webkit-transform:translateY(0%); }

.anim3_down .index-1{ transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim3_down .index-2{  transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.anim3_down .index-3{ transform:translateY(0%); -webkit-transform:translateY(0%); }


.anim3_up .index-2 { transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.anim3_up .index-4{  transform:translateY(100%); -webkit-transform:translateY(100%); }
.anim3_up .index-3{  transform:translateY(0%); -webkit-transform:translateY(0%); }

.anim4_down .index-1{ transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim4_down .index-2{  transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim4_down .index-3{  transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.anim4_down .index-4{  transform:translateY(0%); -webkit-transform:translateY(0%); }

.anim4_up .index-2 { transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim4_up .index-3 { transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.anim4_up .index-5{  transform:translateY(100%); -webkit-transform:translateY(100%); }
.anim4_up .index-4{  transform:translateY(0%); -webkit-transform:translateY(0%); }

.anim5_down .index-1{ transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim5_down .index-2{  transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim5_down .index-3{  transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim5_down .index-4{  transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.anim5_down .index-5{ transform:translateY(0%); -webkit-transform:translateY(0%); }
.anim5_down.footer{ transform:translateY(-100%); -webkit-transform:translateY(-100%); }




.lt9 .index-3 .mask-txt I.icon,
.lt9 .index-4 .mask-txt I.icon { display:none !important; }

.load-aa {  text-align:center; background:url(../images/bx_loader.gif) no-repeat center 75% #fff; width:60px; height:60px; box-shadow:0 0 5px #bbb;  border-radius:10px; padding-top:5px;   position:absolute; left:50%; margin:-25px 0 0 -30px;  top:50%;}
.ajax-l-box .load-aa { position:fixed;}
.index-2 .bx-controls { display:none;}
.service footer,
.index footer { position:fixed; left:0;  top:100%; right:0; z-index:10;  transform:translateY(0); -webkit-transform:translateY(0); }
.index footer { background:#fff; border-top:5px solid #ff0000; }
.index footer .wrap { color:#555;}
.index footer .wrap a { color:#555;}
.index footer .wrap a:hover { color:#ff0000; text-shadow:none; -webkit-text-shadow:none;}
.service footer {border-top:2px solid #fff;}
footer { background:#ff0000; transition:0.8s all; -webkit-transition:0.8s all; position:relative; z-index:3;}
.no-ts footer {transform:translateY(0%); -webkit-transform:translateY(0%); }
footer .wrap { padding:50px 0; color:#fff;}
footer .wrap a { color:#fff;}
footer .wrap a:hover { text-shadow:0 0 2px #333; -webkit-text-shadow:0 0 2px #333;}
footer .wrap .left { width:60%; float:left; }
footer .wrap .left li { float:left; margin-right:70px; }
footer .wrap .left li h2 { font-size:1.66em; font-weight:normal; margin-bottom:1em;}
footer .wrap .left li span { display:block; font-size:1.33em; line-height:1.7;}
footer .wrap .right { width:40%; float:right;}
.index footer .wrap .foot-logo { background:url(../images/3.png) 0 0 no-repeat; }
.index footer .wrap .foot-logo img { opacity:0;}
footer .wrap .right .tit { padding:20px 0; font-size:1.16em;}
footer .wrap .right .tit span { display:inline-block;}
footer .wrap .right .tit span:first-child { font-family:Arial; margin-right:20px;}
footer .wrap .right .QR { }
footer .wrap .right .QR img{ display:inline-block; margin:0 20px 0 0; }
footer .wrap .right .ph { line-height:22px; padding:2em 0 0;}
footer .wrap .right .ph .icon{ background-position:-208px -150px; width:28px; height:22px; vertical-align:middle; display:inline-block; margin-right:1em; }
footer .wrap .right .ph p{ display:inline-block; font-size:1.8em; vertical-align:middle; }
.index footer .wrap .right .ph .icon { background-position:-171px -150px;}
.case-list { overflow:hidden;}
.case-list ul { margin-right:-10px;}
.case-list li { float:left; width:25.5%; height:200px; position:relative; margin-left:-0.5%; overflow:hidden; z-index:1; }
.case-list li img { width:100.5%; height:100%; left:0; top:0; position:absolute; z-index:1; margin-left:-1px;}
.case-list li a { display:block; position:absolute; position:absolute; left:0; top:0; right:0; bottom:0; overflow:hidden;}
.case-list li span { position:absolute; width:100%; height:100%; z-index:3; display:block; text-align:center; left:0; top:0; opacity:0; filter:alpha(opacity=0);  background:#ff0000;
																									transition:1s all; -webkit-transition:1s all;
}
.case-list li:hover span { opacity:0.9; filter:alpha(opacity=95);}
.case-list li span em { position:absolute; width:80%; left:10%; color:#fff;  top:50%; margin-top:-15px; display:block; font-size:2.5em; }
.case-list li.libr span em{ margin-top:-1.5em; }
.case-list li i { position:absolute; z-index:2; width:100%; height:100%; left:0; top:0; background:#000; opacity:0; filter:alpha(opacity=0); transition:0.5s all; -webkit-transition:0.5s all; }
.case-list:hover li i{opacity:0.1; filter:alpha(opacity=10);}
.case-list:hover li:hover i{opacity:0; filter:alpha(opacity=0);}


.inn-bk { position:relative; min-height:400px; }
.inn-bk .txt { position:absolute; left:50%; top:50%; z-index:2; color:#fff;  text-align:center; margin:-200px 0 0 100px; }
.inn-bk .txt a { color:#fff;}
.inn-bk .txt span { font-size:5em; line-height:1.2; display:block; margin-bottom:0.5em; }
.inn-bk .txt span b {font-weight:normal; }
.inn-bk .txt span u { text-decoration:none; }
.inn-bk .txt span i { display:block; font-size:120%;}
.inn-bk .txt p { font-size:2em;}
.inn-bk .txt b.m { background-image: url("../images/icon.png");     background-position: -90px -120px; height: 61px; width: 61px; display:block; margin:50px auto 0;}
.inn-bk .txt b.m1 { border:2px solid #fff; display:inline-block; position:relative; overflow:hidden; transition:0.3s all; -webkit-transition:0.3s all; font-size:1.5em; padding:1px 14px; border-radius:5px; font-weight:normal;  margin-top:1em; min-width:130px;}
.inn-bk .txt .m1 em { position:relative; z-index:2;}
.inn-bk .txt .m1 u { z-index:0; background:#ff0000; top:47%; width:0; height:5%; left:50%; position:absolute; transition:0.3s all; -webkit-transition:0.3s all; transform:rotate(-15deg); -webkit-transform:rotate(-15deg)}
.inn-bk .txt .m1.bai u { background:#fff;}
/*
.inn-bk .txt .m1:hover { color:#fff; border-color:#ff0000;}
.inn-bk .txt .m1.bai:hover  { color:#ff0000;border-color:#fff; }
.inn-bk .txt .m1:hover u{  z-index:1; left:0; width:100%; top:-25%; height:150%; transform:rotate(0deg); -webikt-transform:rotate(0deg)}
	*/
.inn-bk .bg{ width:100%; height:auto; }


.inn-bk.inn-1 .txt { left:0; right:0; text-align:center; margin-left:0; margin-top:-150px; }
.inn-bk.inn-1 .txt span { }

.video-auto-box-11{ position:absolute; z-index:1; left:0; top:0; bottom:0; right:0;}
.video-auto-box-11 video { width:100%; height:100%; position:absolute;}

.video-auto-box-22{ position:absolute; z-index:1; left:0; top:0; bottom:0; right:0;}
.video-auto-box-22 video { width:100%; height:100%; position:absolute;}

.innovation { background:#ff0000;}
.inn-3 { float:left; width:50%; overflow:hidden;}
.inn-4 { overflow:hidden;}
.inn-3 .bg,
.inn-4 .bg { transition:0.5s all; -webkit-transition:0.5s all; }
.inn-3:hover .bg,
.inn-4:hover .bg { transform:scale(1.08,1.08); -webkit-transform:scale(1.08,1.08); }
.inn-5 { background:#fff;} 
.inn-6 { float:left; width:50%; }
.inn-7 { overflow:hidden;}

.inn-2 .txt { margin:-200px 0 0 -700px;}
.inn-2 .txt a { color:#555;}
.inn-2 .txt a .m1{  border-color:#555;}

.inn-4.inn-bk .txt,
.inn-3.inn-bk .txt { margin-left:0; right:0; left:0;}
.inn-5.inn-bk .txt { margin:0; left:0; right:0; top:70px;}
.inn-4.inn-bk .txt p,
.inn-3.inn-bk .txt p{ margin-bottom:2em; }
.inn-5 .txt a { color:#555;}
.inn-5 .txt a .m1{  border-color:#555; }

.inn-6.inn-bk .txt{ margin:0; left:0; right:0; top:30%;}
.inn-7.inn-bk .txt { margin:0; left:0; right:0; top:50%; margin-top:-2em;}

.inn-5.inn-bk .txt span{ font-size:7em; }
.inn-6.inn-bk .txt span,
.inn-7.inn-bk .txt span { font-size:4em;}

.song { font-family:\5b8b\4f53; font-weight:bold;}

.contact{}
.cont-1{ position:relative;}
.cont-1 img{ width:100%; height:auto; vertical-align:top;}
.cont-1 .txt{ position:absolute; background:#ff0200;   color:#fff;  left:12%; right:50%; bottom:0; z-index:2;}
.cont-1 .txt p{ font-size:4.1em; padding:30px 30px 0;}
.cont-1 .txt h4{ font-size:5.6em;  padding:0 30px 30px;}
.cont-2{ position:relative;}
.cont-2 > img { width:100%; height:auto; }
.cont-2 .c{ position:absolute; cursor:pointer; width:200px; height:120px; left:50%; top:50%; margin:-60px 0 0 -100px; z-index:2;} 
.cont-2 .c i{ display:block; background:url(../images/pos.png) no-repeat; width:43px; height:56px; margin:0 auto 20px; 
														animation: myanimate 0.5s infinite alternate;
															-webkit-animation: myanimate 0.5s infinite alternate;
														}

.cont-2 .c a{ display:block; border:2px solid #fff; padding:2px 0; text-align:center; font-size:1.5em; color:#fff; border-radius:5px;}

@keyframes myanimate
{
0% { transform:translateY(0) scale(1,1);}
100%{transform:translateY(15px)  scale(0.9,0.9);}
}
@-webkit-keyframes myanimate
{
0% { transform:translateY(0) scale(1,1);}
100%{transform:translateY(15px)  scale(0.9,0.9);}
}
#LXB_CONTAINER .lxb-container,
body #LXB_CONTAINER ,
body #qiao-icon-wrap { display:none !important; }

.cont-map-box.open { bottom:0; top:100px; opacity:1; filter:alpha(opacity=100);}
.cont-map-box { position:fixed; opacity:0; filter:alpha(opacity=0); left:0; top:50%; bottom:50%; overflow:hidden; z-index:100; width:100%; transition:1s all; -webkit-transition:1s all}
.cont-map-box .close1 {position:absolute; right:20px; top:20px; opacity:0.8; filter:alpha(opacity=80); width:50px; height:50px; background:#ff0000; z-index:2;  }
.cont-map-box .close1 i { width:50px; height:50px; background:url(../images/x2.gif) center no-repeat ; display:block; transition:0.5s all; -webkit-transition:0.5s all;}
.cont-map-box .close1:hover i{ transform:scale(0.8,0.8); -webkit-transform:scale(0.8,0.8); }
.cont-map-box iframe { position:relative; left:0; top:0; width:100%; height:800px; z-index:1;}
.BMap_stdMpCtrl { margin-top:60px;}
.cont-3{ margin:80px 0 60px;}
.cont-3 .wrap{ position:relative;}
.cont-3 .l{ color:#59595b;}
.cont-3 .l h3{ font-size:4.5em; font-weight:normal; margin-bottom:20px; line-height:1;}
.cont-3 .l p{ margin-bottom:20px; font-size:2em; line-height:1.8;}
.cont-3 .l p span { display:inline-block; margin-right:1em;}
.cont-3 .l{}
.cont-3 .r{ text-align:center; background:#ff0200; padding:50px 80px; color:#fff; position:absolute; right:0; top:0; font-size:1.5em;}
.cont-3 .r img{ display:block; margin:0 auto 20px; width:120px; height:auto;}

.cont-4{ background:#f6f6f6; padding:80px 0;}
.cont-4 .inp-box{}
.cont-4 .inp-box h3{ font-size:3.8em; font-weight:normal; margin-bottom:30px; color:#828283;}
.cont-4 .inp-box ul{}
.cont-4 .inp-box li{ margin:0 0 20px 0;}
.cont-4 .inp-box li:first-child{ margin-right:40px;}
.cont-4 .inp-box ul input{ border:1px solid #ddd; border-radius:5px; line-height:50px; height:50px; font-size:2em; padding:0 20px; width:360px;}

.contact-select { width:400px; border:1px solid #ddd; border-radius:5px; line-height:50px; background:#fff; height:50px;}
.contact-select dt { padding:0;}
.contact-select dt b {padding-left:20px; margin-right:0; font-size:2em; color:#828283;}
.set.contact-select dt b { color:#000;}
.contact-select dt i.ico { width:25px; height:16px; background:url(../images/select_d.png) no-repeat; margin-top:-8px; right:15px;}
.contact-select dd { background:#fff; opacity:1; filter:alpha(opacity=100); border:1px solid #ddd; border-radius:5px; left:-1px; right:-1px;}
.contact-select dd a { font-size:1.6em; color:#000; padding-left:20px;}
.contact-select dd a:hover { background:#f0f0f0;}

.cont-4 .inp-box li.email input{ width:450px;}
.cont-4 .inp-box li textarea{ border:1px solid #ddd; border-radius:5px; height:4.5em; line-height:1.5; font-size:2em; padding:10px 20px; width:800px;}
.cont-4 .inp-box .fl{ float:left;}
.cont-4 .inp-box li.code input{ width:200px; float:left;}
.cont-4 .inp-box li.code img{ float:left; width:100px; height:50px; margin:0 15px; border-radius:5px; overflow:hidden;}
.cont-4 .inp-box li.code a{ line-height:50px; font-size:1.5em; float:left;}
.cont-4 .inp-box li .but{ border:0;  width:150px; background:#ff0000; color:#fff; margin-top:20px; line-height:1; height:50px;}



.no-ts .service-bak{ top:100%; transform:translateY(0%); -webkit-transform:translateY(0%);}
.no-ts .service-bak.service-1 { top:0;}
.lt9 .no-ts .service-bak { top:0;}

.service-bak.service-1 { z-index:1; top:0; transform:translateY(0%); -webkit-transform:translateY(0%); }
.service-bak.service-2 {z-index:5; }
.service-bak.service-3 {z-index:6; }
.service-bak.service-4 {z-index:7; }
.service-bak.service-5 {z-index:8; }


.service-bak .l { position:absolute; overflow:hidden; left:50%; top:0; width:50%; color:#fff; height:100%; background:url(../images/bk1.png) no-repeat center #ff0000; background-size:cover; }
.service-bak.service-2 .l { background-image:url(../images/aaa2.png); }
.service-bak.service-3 .l { background-image:url(../images/aaa3.png); }
.service-bak.service-4 .l { background-image:url(../images/aaa4.png); }
.service-bak .l .x { color:#fff; text-align:center; position:absolute; top:50%; left:0; right:0; margin-top:-140px;}
.service-bak .l .x a { display:inline-block; color:#fff;}
.service-bak .l b { font-size:4.5em; display:block; font-weight:normal; }
.service-bak .l p { font-size:2.5em; padding:20px 0 30px; }
.service-bak .l p em { display:inline-block; padding:0 10px; }
.service-bak .l .m1 { display:block; background:url(../images/m1.png) no-repeat; width:32px; height:32px; margin:0 auto;}
.service-bak .r { position:absolute; overflow:hidden; left:0; top:0; width:50%; height:100%;}
.service-bak .r .icon{ display:none !important; position:absolute; left:50%; top:50%; margin:-64px 0 0 -64px; z-index:4;  opacity:0.6; filter:alpha(opacity=60); background:url(../images/pl.png) no-repeat; width:128px; height:128px;}
.service-bak .r .video-auto-box { position:absolute; left:0; top:0; width:100%; height:100%;}

.service-2 .r,
.service-4 .r {left:50%; }
.service-2 .l,
.service-4 .l { left:0; }

.anim2_down .service-1{  transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.anim2_down .service-2{   transform:translateY(0%); -webkit-transform:translateY(0%); }

.anim2_up .service-1 { transform:translateY(-30%); -webkit-transform:translateY(-30%); }
.anim2_up .service-3{   transform:translateY(100%); -webkit-transform:translateY(100%); }
.anim2_up .service-2{  transform:translateY(0%); -webkit-transform:translateY(0%); }

.anim3_down .service-1{ transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim3_down .service-2{  transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.anim3_down .service-3{ transform:translateY(0%); -webkit-transform:translateY(0%); }


.anim3_up .service-2 { transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.anim3_up .service-4{  transform:translateY(100%); -webkit-transform:translateY(100%); }
.anim3_up .service-3{  transform:translateY(0%); -webkit-transform:translateY(0%); }

.anim4_down .service-1{ transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim4_down .service-2{  transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim4_down .service-3{  transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.anim4_down .service-4{  transform:translateY(0%); -webkit-transform:translateY(0%); }

.anim4_up .service-2 { transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim4_up .service-3 { transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.anim4_up .service-4{  transform:translateY(0%); -webkit-transform:translateY(0%); }

.anim5_down .service-1{ transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim5_down .service-2{  transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim5_down .service-3{  transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim5_down .service-4{  transform:translateY(-35%); -webkit-transform:translateY(-35%); }
.anim5_down.footer{ transform:translateY(-100%); -webkit-transform:translateY(-100%); }

.company { overflow:hidden;}
.company-fixd .pany-1{ position:fixed; z-index:1; left:0; top:0; right:0; }
.fixd-3 .pany-2,
.fixd-2 .pany-2{ position:fixed; z-index:2; left:0; top:0; right:0; margin-top:0 !important; }
.fixd-3 .pany-3{ position:fixed; z-index:2; left:0; top:auto; bottom:0; right:0; margin-top:0 !important; }
.company-box { position:relative; z-index:4; }
.company-box .wrap-box { position:relative;}
.company .pany-1 .wrap-box{ background:url(../images/y.png) no-repeat 0 0 #fff; background-size:100% auto; text-align:center; }
.company .pany-1 h2 { font-size:2.5em; color:#ff0000; font-weight:normal; padding-right:1em; padding-top:140px;  }
.company .pany-1 h2 em { display:inline-block; margin:0 5px;}
.company .pany-1 .img { margin:30px 0 90px; }
.company .pany-1 .img img { width:664px; height:269px;}
.company .pany-1 .down{  padding-bottom:50px; }
.company-box .down { display:block; background:url(../images/down.png) no-repeat; width:64px; height:64px; margin:0 auto;}
.company-box .down:hover { background-image:url(../images/down2.png); }
.company .pany-2  .wrap-box { background:url(../images/about_11.jpg) no-repeat right 0 #da0001; background-size:auto 100%; color:#fff; text-align:center; min-height:800px;}
.company .pany-2 h2 { font-size:7.6em; font-weight:normal; padding:250px 0 70px;}
.company .pany-2 h2 sup { margin-left:10px;}
.company .pany-2 .txt { font-size:4em; }

.lt8 .company .pany-2,
.lt8 .company .pany-1 { top:0 !important;}
.lt8 .company-box { position:relative !important; margin-top:0 !important;}
body > .dingwei { position:absolute; height:0; overflow:hidden;}
.company .pany-3  .wrap-box{ background:url(../images/about_q2.jpg) no-repeat center top #ffffff;  color:#f00000;   text-align:center;}
.company .pany-3 .wrap{ padding:80px 0 100px;}
.company .pany-3 .l { float:left; width:45%;  }
.company .pany-3 .r { float:right; width:45%; }
.company .pany-3 .box { }
.company .pany-3 .box h2 { font-size:3em; font-weight:normal; }
.company .pany-3 .box .img{ margin:60px auto;  position:relative;}
.company .pany-3 .box .img .com-num { position:absolute; left:50%; top:50%; margin:-72px 0 0 -84px;}
.company .pany-3 .box .img img { width:308px; height:308px;}
.company .pany-3 .box .txt{ font-size:2em; }
.company .pany-3 .box .txt span { display:inline-block; margin:0 0.4em;}
.company .pany-3 .bottom { margin-top:100px;}
.company .pany-3 .bottom h2 { font-size:3em; font-weight:normal; }
.company .pany-3 .bottom h1 { font-size:6em; font-weight:normal; margin:40px 0 30px; }
.company .pany-3 .bottom .txt { font-size:2em; margin-bottom:60px;}
.company .pany-3 .bottom .txt span{ display:inline-block; margin:0 5px;}
.company .pany-4  .wrap-box{ background:url(../images/about_q3.jpg) no-repeat center top; color:#f00000; background-size:cover; min-height:800px; }
.company .pany-4 dl { padding:40px 40px; float:left; background:#ff0000; color:#fff; white-space:nowrap;}
.company .pany-4 dl dt { font-size:11em; float:left; line-height:1.2; margin-right:10px; }
.company .pany-4 dl dt em { font-weight:bold;}
.company .pany-4 dl dd {font-size:5em; line-height:1.2; float:left; overflow:hidden; text-align:left;   white-space:nowrap; display:block;}
.company .pany-4 .box { margin-top:110px; color:#4f4f4f; margin-left:50px;  }
.company .pany-4 .box ul { margin-left:-2px; height:315px;  overflow:hidden;}
.company .pany-4 .box li { float:left; width:50%; margin-left:1px; position:relative;}
.company .pany-4 .box li i { width:1px; background:#4f4f4f; height:90%; left:0; top:10%; position:absolute;}
.company .pany-4 .box li .w { padding:0 0 0 10%;}
.company .pany-4 .box li h2 { font-size:5.5em; }
.company .pany-4 .box li .txt { font-size:2em; line-height:1.4; min-height:8.4em;}
.pany-4 .bx-wrapper .bx-pager { display:none;}
.pany-4 .bx-wrapper .bx-controls-direction a { display:block; margin-top:-30px; color:#666; background:none; font-size:10em; font-family:"\5b8b\4f53","sans","fallback"; width:60px; height:91px; text-align:center; line-height:91px; background:url(../images/zy.png) no-repeat left bottom; overflow:hidden;}
.pany-4 .bx-wrapper .bx-controls-direction .bx-prev { left:-90px; }
.pany-4 .bx-wrapper .bx-controls-direction .bx-next { right:-40px; background-position:right top;}
.pany-4 .bx-wrapper .bx-controls-direction a.disabled { display:block; opacity:0.4; filter:alpha(opacity=40); cursor:default;}
.pany-4 .bx-wrapper .bx-controls-direction a:hover { color:#ff0000;}
.pany-4 .bx-wrapper .bx-controls-direction a.disabled:hover { color:#666;}

.pany-5 { background:#c21f1f; }
.pany-5 img { position:absolute; left:0; top:0; width:100%; height:auto;}
.fixd-5 .pany-5 img { position:fixed; z-index:99; left:0; top:0; right:0; }
.pany-5 .wrap-box { text-align:center; position:relative; z-index:100; color:#fff; padding:160px 0;}
.pany-5 h1 {font-size:8em; font-weight:normal; }
.pany-5 .d { width:8px; height:8px; background:#fff; border-radius:100%; margin:50px auto 45px; }
.pany-5 h2 {font-size:5em; font-weight:normal;}
.pany-5 p {font-size:2.4em; padding:0.7em 0 ;}

.news-banner { position:relative; z-index:1;}
.news-banner img { width:100%; height:auto;}

.news .wrap { position:relative; z-index:2; margin-top:-457px;}
.news-box {  }
.news-box .box {position:relative; overflow:hidden; }
.news-box .box .more { position:absolute; right:0; bottom:0; transition:0.3s all; -webkit-transition:0.3s all;}
.news-box .box .more:hover { right:-20px;}
.news-box h2 { font-size:4.1em; line-height:60px; font-weight:normal; color:#fff; padding-bottom:50px; }
.news-box li { background:#f84450;}

.news-box li  a { color:#fff;}
.news-box li  a:hover { }
.news-box li  p { padding:20px; text-align:center; padding-top:15%; position:absolute; left:0; right:0; top:0; z-index:3;}
.news-box li i { position:absolute; left:0; top:0; right:0; bottom:0; background:#000; z-index:2; opacity:0; filter:alpha(opacity=0); -webkit-transition:0.5s all; transition:0.5s all;}

.news-box li  p em { display:block; font-size:1.5em; margin-bottom:10px; font-family:Arial;}
.news-box li  p span { font-size:2em;   display:block;}
.news-box li  p span:hover a{  color:#eee; }
.news-box li.img em{ opacity:0; filter:alpha(opacity=0); transform:translateY(-50px); -webkit-transform:translateY(-50px);  transition:0.5s all; -webkit-transition:0.5s all; }
.news-box li.img span{opacity:0; filter:alpha(opacity=0); transform:translateY(80px); -webkit-transform:translateY(50px); transition:0.5s all; -webkit-transition:0.5s all; }

.news-box li  { color:#fff; float:left; width:50%; *margin-left:-1px; position:relative; height:347px; overflow:hidden;}
.news-box li a { position:absolute; left:0; top:0; width:100%; height:100%;}
.news-box li:first-child + li + li,
.news-box li:first-child + li + li+ li + li + li + li { float:right; }
.news-box li  img { position:absolute; height:100%; width:100%; transition:0.3s all; -webkit-transition:0.3s all; z-index:1;}
.news-box li:hover i { opacity:0.4; filter:alpha(opacity=40);}
.news-box li.img:hover em,
.news-box li.img:hover span { opacity:1; filter:alpha(opacity=100); transform:translateY(0px); -webkit-transform:translateY(0px);}
.news-box li:hover img { transform:scale(1.05,1.05); -webkit-transform:scale(1.1,1.1);}


.pagebox{padding:50px 0 50px; overflow:hidden; text-align:center; }
.pagebox a { display:inline-block; width:2em; border-radius:1px; height:2em; line-height:2em; font-size:2em; font-family:Arial; vertical-align:middle; text-align:center; margin:0px 1px; vertical-align:middle; background:#ddd;  overflow:hidden; color:#000;}
.pagebox i { display:inline-block; vertical-align:bottom;  width:2em; text-align:center;}
.pagebox a span { }
.pagebox a.cur { background:#ff0000; color:#fff; }

.map-img-box { }
.map-img-box img { width:100%; height:auto;}

.banner-other { position:relative; }
.banner-other img { width:100%; height:auto;}

.wibanner .bg { z-index:100; position:relative;}

.pm-box {  color:#555; }
.pm-box .tit { text-align:center; padding:90px 0 4em;}
.pm-box .tit span { font-size:4em; position:relative; margin:0 0.5em; display:inline-block;}
.pm-box .tit span .j {  width:31px; height:31px; position:absolute; right:-25px; top:-20px;}
.pm-box .box { }
.pm-box .box .p{ float:left; width:40%; margin:0 5%; font-size:1.33em; text-align:center; margin-bottom:3em; }
.pm-box .img { position:relative;}
.pm-box .img.sh-play .txt11{ position:absolute; left:0; top:0; right:0; bottom:0; z-index:10; }
.pm-box .img.sh-play  .play-1 { display:none !important; }
.pm-box .img img { width:100%; height:auto;}
.innplay-box { position:relative;}
.innplay-box img { width:100%; height:auto;}
.innplay-box .play-1 { opacity:0.6; filter:alpha(opacity=60); cursor:pointer; background:url(../images/pl.png) no-repeat; width:128px; height:128px; position:absolute; z-index:10; left:50%; top:50%; margin:-64px 0 0 -64px; }
.innplay-box .at-img { z-index:1;}
.vid-lod { background:url(../images/bx_loader.gif) no-repeat center rgba(255,255,255,0.9); overflow:hidden; text-indent:-100px; border-radius:10px;  width:50px; height:50px; position:absolute; z-index:11; left:50%; top:50%; margin:-25px 0 0 -25px;  display:none;}
.inn-bottom { text-align:center; padding:100px 0 80px; }
.inn-bottom h2 { font-size:4em; font-weight:normal; }
.inn-bottom p { font-size:1.5em;  padding:1em 0 2em; }
.inn-bottom .m1 { border:2px solid #555; position:relative; overflow:hidden; display:inline-block; font-size:1.5em; transition:0.2s all; -webkit-transition:0.2s all; padding:1px 20px; border-radius:5px; font-weight:normal;  margin-top:1em;}
.inn-bottom .m1 span { position:relative; z-index:2; color:#555;}
.inn-bottom .m1 u { z-index:0; background:#ff0000; top:47%; width:0; height:5%; left:50%; position:absolute; transition:0.3s all; -webkit-transition:0.3s all; transform:rotate(-15deg); -webkit-transform:rotate(-15deg)}
/**
.inn-bottom .m1:hover { color:#fff; border-color:#ff0000;}
.inn-bottom .m1:hover u{  z-index:1; left:0; width:100%; top:-25%; height:150%; transform:rotate(0deg); -webikt-transform:rotate(0deg)}
*/

.innplay-box.other-video { max-width:1000px; margin:0 auto; }

.wi-banner li{ position:relative; }
.wi-banner li:first-child { }
.pm-box .wi-banner li img { width:100.2%; height:auto;}
.wi-banner li .mk { background:#000;  position:absolute ; transition:0.3s all; -webkit-transition:0.3s all; z-index:2; left:0; top:0; width:100%; height:100%; opacity:0; filter:alpha(opacity=0);}
.wi-banner li p { position:absolute; left:0; right:0; z-index:3;  top:40%; text-align:center; color:#f0f0f0; }

.wi-banner li span { display:block; font-size:2em;  transition:0.3s all; -webkit-transition:0.3s all; opacity:0; filter:alpha(opacity=0); transform:translateY(-100px); -webkit-transform:translateY(-100px);}
.wi-banner li b { display:block; font-size:4em; font-weight:normal; margin-top:0.3em; transition:0.4s all; -webkit-transition:0.4s all; opacity:0; filter:alpha(opacity=0); transform:translateY(100px); -webkit-transform:translateY(100px);}
.wi-banner.wiopen li .mk ,
.wi-banner li:hover .mk { opacity:0.5; filter:alpha(opacity=50);}
.wi-banner.wiopen li span ,
.wi-banner li:hover p span { opacity:1; filter:alpha(opacity=100); transform:translateY(0px); -webkit-transform:translateY(0px);}
.wi-banner.wiopen li p b,
.wi-banner li:hover p b { opacity:1; filter:alpha(opacity=100); transform:translateY(0px); -webkit-transform:translateY(0px);}

.wi-banner .bx-wrapper .bx-pager { display:none;}
.wi-banner .bx-wrapper .bx-controls-direction a { display:block; margin-top:-95px; width:100px; height:197px; color:#666; background:none; font-size:10em; font-family:"\5b8b\4f53"; text-indent:-1000px; overflow:hidden;  text-align:center; line-height:100px; background:url(../images/bon1.png) no-repeat 0 0;}
.wi-banner .bx-wrapper .bx-controls-direction .bx-prev { left:20px; background-position: 0 0; }
.wi-banner .bx-wrapper .bx-controls-direction .bx-prev:hover { background-position:1px -189px;}
.wi-banner .bx-wrapper .bx-controls-direction .bx-next { right:20px; background-position:right 0;}
.wi-banner .bx-wrapper .bx-controls-direction .bx-next:hover { background-position:right -189px;}

.wi-banner .bx-wrapper .bx-controls-direction a.disabled { display:block; }
/*
.wi-banner .bx-wrapper .bx-controls-direction .bx-prev.disabled:hover { background-position: 0 0;}
.wi-banner .bx-wrapper .bx-controls-direction .bx-next.disabled:hover { background-position:right 0;}
.wi-banner .bx-wrapper .bx-controls-direction a.disabled:hover { color:#666;}
	*/


.job-box { padding:50px 0; }
.job-box img { width:100%; height:auto;}
.job-phone {  display:none;}
.job-video { position:relative; }
.job-video .item { width:16.66%; height:33.33%; transition:0.5s all; -webkit-transition:0.5s all; border-radius:1px; overflow:hidden; position:absolute; background:#ff0000; z-index:10;}
.job-video .item .w { margin:20px;  color:#fff;}
.job-video .item a { color:#fff;}
.job-video .item h2 { font-size:4em; line-height:1; }
.job-video .item .p { position:absolute; left:20px; top:105px; width:440px; transition:0.5s all; -webkit-transition:0.5s all; opacity:0; filter:alpha(opacity=0); }
.job-video .item .p b { font-size:2em; font-weight:normal;}
.job-video .item .p p { font-size:1.4em;}
.job-video .item .m {  margin:20px 0;  white-space:nowrap; overflow:hidden; vertical-align:middle; font-size:18px;  height:32px; transition:0.5s all; -webkit-transition:0.5s all; line-height:32px; }
.job-video .item .m em { display:none;  text-align:right; vertical-align:middle; float:left; margin-right:10px; }
.job-video .item .icon { background:url(../images/m1.png) no-repeat; width:32px; height:32px; display:inline-block; float:left;}
.job-video .item .dat{ opacity:0; filter:alpha(opacity=0); position:absolute; right:10px; bottom:12px; text-align:right; font-size:2em; line-height:1;  transition:1s all; -webkit-transition:1s all;}
.job-video .item .dat i { font-size:0.6em;}
.job-video .item .a {  opacity:0; filter:alpha(opacity=0); position:absolute; left:20px; bottom:20px; font-size:1.2em; color:#fff; transition:1s all; -webkit-transition:1s all; background:url(../images/jt.png) no-repeat right center; padding-right:15px; white-space:nowrap;}
.job-video .item:hover .m { display:none;}
.job-video .item:hover .dat,
.job-video .item:hover a{ opacity:1; filter:alpha(opacity=100); }
.job-video .item:hover .p { opacity:1; filter:alpha(opacity=100);}
.job-video .item.it-1 { left:50%; top:0;}
.job-video .item.it-1:hover { height:66.66%; width:33.33%;}
.job-video .item.it-2 { left:16.66%; bottom:0; top:auto;}
.job-video .item.it-2:hover { height:66.66%; width:33.33%;}
.job-video .item.it-3 { right:0; bottom:0;}
.job-video .item.it-3:hover { height:66.66%; width:33.33%;}
.job-video .mark { opacity:0.05; filter:alpha(opacity=5);}

.web-box-1 { background:#fff; padding:5em 0; text-align:center;}
.web-box-1 h2 { font-size:6em; font-weight:normal; color:#ff0000;}
.web-box-1 .p { font-size:1.5em; color:#555; margin:4em 0;}
.web-box-1 .m1 { border:2px solid #ff0000; color:#ff0000; text-align:center; display:inline-block; position:relative; overflow:hidden; transition:0.3s all; -webkit-transition:0.3s all; font-size:1.5em; padding:1px 14px; border-radius:5px; font-weight:normal;  min-width:130px;}
.web-box-1 .m1 em { position:relative; z-index:2;}
.web-box-1 .m1 u { z-index:0; background:#ff0000; top:47%; width:0; height:5%; left:50%; position:absolute; transition:0.3s all; -webkit-transition:0.3s all; transform:rotate(-15deg); -webkit-transform:rotate(-15deg)}
.web-box-1 .m1.bai u { background:#fff;}

.web-box-2 { padding:5em 0 8em; background:#f9f9f9;}
.web-box-2 h2 { font-size:2.5em; font-weight:normal; color:#222; text-align:center; margin-bottom:3em;}
.web-box-2 .web-list-b { width:1000px; margin:0 auto;}
.web-box-2 .list-box ul { font-size:0; text-align:center; }
.web-box-2 .list-box li { display:inline-block;  font-size:12px; margin-bottom:10px; height:147px; width:33.33%; *margin-left:-1px; text-align:center;}
.web-box-2 .list-box li img { width:313px; height:147px;}

.web-bottom { padding:100px 0; max-width:1000px; margin:0 auto;}
.web-bottom h2{ font-size:2.8em; color:#ff0000; margin-bottom:1em; text-align:center; font-weight:normal; }
.web-bottom .web-l {  }
.web-bottom .web-l li { float:left; width:100%; text-align:center;}
.web-bottom .web-l li b { font-size:5em; color:#666666; font-weight:normal;}
.web-bottom .web-l li p { font-size:2.8em; color:#666666; padding:0.6em 0 1.5em;}
.web-bottom .web-l li p em{ display: inline-block; padding: 0 10px;}

.web-bottom .bx-wrapper .bx-pager { display:none;}
.web-bottom  .bx-wrapper .bx-controls-direction a { display:block; margin-top:-50px; color:#666; background:none; font-size:10em; font-family:"\5b8b\4f53","sans","fallback"; width:60px; height:91px; text-align:center; line-height:91px; background:url(../images/zy.png) no-repeat left bottom; overflow:hidden;}
.web-bottom  .bx-wrapper .bx-controls-direction .bx-prev { left:-100px; }
.web-bottom  .bx-wrapper .bx-controls-direction .bx-next { right:-100px; background-position:right top;}
.web-bottom  .bx-wrapper .bx-controls-direction a.disabled { display:block; opacity:0.4; filter:alpha(opacity=40); cursor:default;}
.web-bottom  .bx-wrapper .bx-controls-direction a:hover { color:#ff0000;}
.web-bottom  .bx-wrapper .bx-controls-direction a.disabled:hover { color:#666;}

.web-box-2 .bx-wrapper .bx-pager { display:none;}
.web-box-2  .bx-wrapper .bx-controls-direction a { display:block; margin-top:-50px; color:#666; background:none; font-size:10em; font-family:"\5b8b\4f53","sans","fallback"; width:60px; height:91px; text-align:center; line-height:91px; background:url(../images/zy.png) no-repeat left bottom; overflow:hidden;}
.web-box-2  .bx-wrapper .bx-controls-direction .bx-prev { left:-100px; }
.web-box-2  .bx-wrapper .bx-controls-direction .bx-next { right:-100px; background-position:right top;}
.web-box-2  .bx-wrapper .bx-controls-direction a.disabled { display:block; opacity:0.4; filter:alpha(opacity=40); cursor:default;}
.web-box-2  .bx-wrapper .bx-controls-direction a:hover { color:#ff0000;}
.web-box-2  .bx-wrapper .bx-controls-direction a.disabled:hover { color:#666;}

.news-detail {  padding-top:20px;}
.new_left { overflow:hidden; }
.contents { padding-bottom:50px;}
.article{ padding:30px 0 0;border-bottom:1px solid #D5D5D5; margin:0 auto; line-height:1.5;}
.article strong{ font-weight:bold}
.article a{ color:#d40d32;}
.article a:hover{ color:#b50b2b;}
.article h3 a{ color:#9A9A9A;}
.article .news_info a.on { color:#ff0000; } 
.news-share { margin:50px 0 0 0;}
.news-share .share { padding:20px 0; }
.location{ display:block; font-size:1.2em;  border-bottom:1px solid #f1f1f1;  line-height:20px; }
.site{display:inline-block; border-bottom:1px solid #ff0000; position:relative; top:1px;  background:url(../images/locat.jpg) 0px center no-repeat; padding-left:10px;color:#747474; line-height:30px;}
.site a{color:#747474;}
.site span{ color:#ff0000;}
.site em{color:#DEDDDD; padding:0px 10px;}


.article h2{ text-align:center; font-size:2em; font-weight:normal; color:#3A3A3A;padding:10px 0px 18px; }
.article h3{ text-align:center;font-size:1.2em; font-weight:normal; color:#9A9A9A; padding:10px 0px 15px; margin-bottom:30px; border-bottom:1px dotted #E2E2E2; }
.article h3 span{ padding:0px 15px;}
.article .edit_con_original { font-size:1.4em; text-align:justify;}
.article p{   padding-bottom:10px; }
.print{padding-left:15px; padding-bottom:2px;background:url(../images/print.jpg) left center no-repeat;}
.print a{ cursor:pointer; cursor:pointer;}
.news_info a{ padding:0px 5px; cursor:pointer;}
.fp{ padding:20px 0 0px; position:relative; font-size:1.4em;}
.fp span{ display:block; padding:5px 0px; width:80%; color:#7D7D7D;}
.fp span a{ color:#9E9E9E;}
.fp span a:hover{color:#D7343F;}
a.close{ color:#D7343F; right:0; bottom:6px; position:absolute;}
.new_right { float:right; width:320px; margin-left:50px; }
.rblock{ background:#FDFDFD; border:1px solid #F1F1F1; min-height:365px; height:auto; font-size:1.2em}
.rblock_tit{ margin:10px 8px; border-bottom:1px solid #F1F1F1; background:url(../images/r_tit.jpg) 2px 4px no-repeat; padding:0px 10px 8px 15px; font-weight:bold;}
.rblock_con{margin:10px 8px;}
.rblock_con ul{ list-style:none; overflow:hidden;}
.rblock_con ul li{ padding:5px 0px; white-space:nowrap; overflow:hidden;  text-overflow:ellipsis; line-height:20px;}
.rblock_con ul li span{ width:18px; display:inline-block; vertical-align:middle;   margin:0px 3px;background:url(../images/rb_li.jpg) 0px 4px no-repeat; text-align:center; color:#fff;  font-family:Arial, Helvetica, sans-serif;}
.rblock_con ul li span.an{background:#ff0000; border-radius:2px; text-align:center; color:#fff;}
.rblock_con ul li a{ color:#333333; padding-left:8px;  vertical-align:middle;}

.case-art-box { position:relative;  }
.case-art-box .case-bon { position:fixed; color:#666; left:10%; top:50%; z-index:99; margin-top:-45px; text-indent:-1000px;  font-family:"\5b8b\4f53","sans","fallback"; width:60px; height:91px; text-align:center; line-height:91px; background:url(../images/zy.png) no-repeat left bottom; overflow:hidden;}
.case-art-box .case-bon.next { left:auto; right:10%; background-position: right top;}
.cateday { width:800px; margin:0 auto; position:relative; min-height:300px; }
.cateday .logo {   text-align:center;  }
.cateday .txt { padding-bottom:5em; text-align:center;  }
.cateday .txt h2 { font-size:3em; font-weight:normal; color:#ff0000;}
.cateday .txt h3 { font-size:1.5em; color:#000; line-height:1.8; padding:1em 0 2em; font-weight:normal;}
.cateday .txt h3 span { display:block;}
.cateday .txt .p { font-size:1.3em; color:#999; margin-bottom:4em;}
.cateday .txt .p div { color:#999; }
.cateday .txt .p a { color:#ff0000;}
.cateday .txt .m1 { border:2px solid #ff0000; color:#ff0000; text-align:center; display:inline-block; position:relative; overflow:hidden; transition:0.3s all; -webkit-transition:0.3s all; font-size:1.5em; padding:1px 14px; border-radius:5px; font-weight:normal;  min-width:130px;}
.img-list { text-align:center;}
.case-art-box .html5 {  max-width:1100px; margin:0 auto 50px;}
.case-art-box .html5 img { float:left;}
.case-art-box .html5 img:first-child {width:65%; height:auto;  }
.case-art-box .html5 img:first-child + img {width:21%; height:auto; float:right; }
.img-list img { max-width:100%; height:auto; display:block; margin:0 auto 50px;}
.bntTop { background:url(../images/icon_arrow_up.png) no-repeat  left top;
    bottom: 30px;cursor: pointer;display: block;height: 33px;
    left: 50%;margin-left: -13px; position: absolute;width: 26px;z-index: 999; display:none;}

.website-case { text-align:center;}
.website-case .logo { position:relative; left:0;  top:0; text-align:center; width:auto;}
.website-case .txt h2 { font-size:2em; color:#000; padding:10px 0 0.5em;}

.story{ background:#f6f6f6; color:#555; text-align:center;  padding-bottom:50px;}
.story .wrap > h2{ font-size:6em; font-weight:normal; padding:2em 0;}
.story li{  margin-bottom:6em;}
.story li h3{ font-size:2.2em; font-weight:normal; margin-bottom:0.5em;}
.story li div{}
.story li.bn-1 {}
.story  li.bn-1 .cbox{ margin-right:15px; opacity:0; filter:alpha(opacity=0);}
.story li span{ display:inline-block; margin:0 3em 1em 0;}
.story  li.bn-1 span { background:url(../images/kl1.png) left center no-repeat; cursor:pointer;}
.story  li.bn-1 span.ck { background:url(../images/kl2.png) left center no-repeat;}
.story li u{ font-style:normal; text-decoration:none; font-size:1.5em;}
.story li .inp{ height: 50px; line-height: 50px; padding:0 10px; width:400px; border: 1px solid #ddd; font-size:1.5em; border-radius: 5px;} 
.story li .bottom1 span{ float:none; display:block; margin-bottom:3em;}
.story li .bottom1 .name{ margin-right:1em; font-size:3em;}
.story li .bottom1 .name i{ color:#F00;}
.story li .area{ border: 1px solid #ddd; width:600px; height:100px; font-size:1.5em; padding:10px; }
.story li .sub{ width:150px; height:50px; font-size:2em; color:#fff; background:#ff0000; border:0; border-radius:5px;}
.story li .code a{ line-height:50px; font-size:1.5em; display:inline-block; width:120px;} 
.story li .code .inp { width:154px;}
.story li .code img { width:100px; margin:0 10px; position:relative; top:2px; height:50px;}

.jobList{ width:100%; margin:0 auto; overflow:hidden; padding-top:50px;}
.jobLine .odd{ border-right:solid 1px #F2F2F2;}
.jobItem{ float:left; width:45%; padding:0 2%; text-align:center; padding-bottom:150px; line-height:1.5; margin-bottom:60px;}
.jobLine .all { width:95%; margin-bottom:0; border:0;}
.jobItem .fontRed{ color:#d1052f;}
.jobItem .fontRed2{ color:#f5c0c0;}
.jobItem .fontRed3{ color:#f6b1bf;}
.jobItem .fontGray0{ color:#5a5a5a;}
.jobItem .fontGray1{ color:#5d5d5d;}
.jobItem .fontGray2{ color:#777;}
.jobItem .fontGray3{ color:#b0b0b0;}
.jobItem .black2{ color:#4d4d4d;}

.leftAlign{ text-align:left;}
.rightAlign{ text-align:right;}

.jobItem .font12{ font-size:1.3em;}
.jobItem .font16{ font-size:1.4em;}
.jobItem .font18{ font-size:1.5em;}
.jobItem .font20{ font-size:1.66em;}
.jobItem .font22{ font-size:1.83em;}
.jobItem .font24{ font-size:2em;}
.jobItem .font25{ font-size:2.1em;}
.jobItem .font27{ font-size:2.25em;}
.jobItem .font30{ font-size:2.5em;}
.jobItem .font38{ font-size:2.6em;}
.jobItem .font40{ font-size:2.8em;}
.jobItem .font55{ font-size:4em;}

.jobItem .paddT20{ padding-top:20px;}
.jobItem .paddL01{ padding-left:15%;}
.jobItem .paddL02{ padding-left:15%;}
.jobItem .paddL03{ padding-right:15%;}
.jobItem .paddL04{ padding-left:30%;}
.jobItem .paddL05{ padding-left:50%;}
.jobItem .paddB20{ padding-bottom:20px;}
.jobItem .paddB28{ padding-bottom:28px;}
.jobItem .paddB60{ padding-bottom:60px;}

.jobItem .marginFu{ margin-top:-15px;}

.jobItem .jobTitle{ font-size:4.75em; color:#100d0d; padding-bottom:40px;}
.jobItem .comeIn{ font-size:1.3em; color:#777; padding-top:15px;}
.jobItem .comeIn a{ color:#d1052f;}
.jobItem p{color:#999; font-size:1.3em;}

.jobItem .lastTitle{ font-size:151px; color:#e1e1e1;}


.ajax-l-box { position:relative; overflow:hidden;}
.ajax-move { position:relative;}
.ajax-move .curr-box {position:relative; width:100%; }
.ajax-move .curr-box .ajax-lod {padding:50px; }
.ajax-move .curr-box.next { left:100%; width:100%; height:auto; position:absolute; top:0;}
.leftn .ajax-move .curr-box.next { left:-100%;}


.com-num { position:relative; width:200px;}
.com-num div { background:url(../images/num.png) 0 0 no-repeat; float:left; width:90px; height:142px;  }

.tabContainer{ overflow:hidden;position:relative;}
.tabTit{border-bottom:2px solid #6F6F6F; height:35px;  margin-top:20px;}
.tabHeader{ height:37px;   padding-left:10em;}
.tabContainer .tit{color:#333333; font-weight:bold; position:absolute; left:0px; top:24px;  font-size:1.5em;}
.tabHeader li{ float:left;  margin:8px 0px 0; border-radius:2px; overflow:hidden; vertical-align:middle;  text-align:center;cursor:pointer; padding:0 8px;}
.tabHeader li.i { width:10px; margin-top:10px; font-size:12px; color:#999;}
.tabHeader li a{ color:#333333; font-size:1.3em; vertical-align:middle;}
.tabHeader span{float:left; margin:0px 12px; font-size:1.5em; color:#ADADAD;}
.tabContents{ padding-top:30px;}
.tabContent{min-height:105px;text-align:justify;}
.active{color:#fff;   background:#ff0000;}
.tabHeader li.active a{ color:#fff;   display:block;  text-align:center; }



.newlist{ padding:0px; margin:0px;}
.newlist li{ border-bottom:1px dotted #D9D9D9; padding:1.6em 0px; position:relative; padding-right:100px;}
.newlist li a{ background:url(../images/newdot.jpg) 3px center no-repeat; color:#333; padding-left:13px; font-size:2em; display:block; overflow:hidden; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  }
.newlist li a:hover{ color:#d11724;}
.newlist li.last{ background:url(../images/newlist.jpg) left top repeat-x;  }
.newlist li.noborder{ border:none; margin-bottom:30px;}
.newlist li span{ position:absolute; right:10px; top:50%; margin-top:-10px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#C2C2C2;}


.news-404 { text-align:center; background:url(../images/404.jpg) center no-repeat; background-size:auto 100%; line-height:300px; margin-top:20px; text-align:center; font-size:2em;}


.qiao-icon-wrap { margin-top:100px !important; }
.hm-t-container { display:none !important;}

#LXB_CONTAINER .lxb-pos-right{ right:0 !important; top:50% !important; margin-top:10px !important;}

.hr_index_light{ padding:14px 25px 24px; width:520px; position:fixed; z-index:5000; background:#fff; left:50%; top:50%; margin-left:-274px; margin-top:-146px; display:none; border:1px solid #e4e4e4;}
.hr_index_light h4{ font-size:24px; color:#000000; font-weight:normal; font-weight:"微软雅黑"; line-height:30px; margin-bottom:24px; padding-top:10px;}
.hr_index_light h4 a{ background:url(../images/close_index.png) no-repeat center; display:block; width:29px; height:29px; float:right;}
.hr_index_light .hr_index_part1{ margin-bottom:10px;}
.hr_index_light .hr_index_part1 .hr_index_part1_l{ width:309px; height:52px; float:left; border-bottom:1px solid #000; }
.hr_index_light .hr_index_part1 .hr_index_part1_l input{ width:309px; height:52px; line-height:52px; float:left; margin-left:4px; border:0; background:none; font-size:28px; color:#909090;}
.hr_index_light .hr_index_part1 .hr_index_part1_r{ width:195px; height:53px; float:left; font-size:28px; color:#fff; text-align:center; line-height:52px; background:#ff0000; margin-left:14px; cursor:pointer;}
.hr_index_light .hr_index_part2{ line-height:64px; font-size:24px; color:#000000;}
.hr_index_light .hr_index_part3{ width:518px; height:53px; background:#ff0000; font-size:28px; text-align:center; line-height:52px; color:#fff; display:block}

.index_new_icon{
    right: 0; top: 50%; margin-top: 10px 
}

.hr_index_light_menu{ position:fixed; right:0; top:41%; width:109px; height:220px; z-index:2000;}
.hr_index_light_menu a{ width:100%; display:block;}
.hr_index_light_menu a img{ width:100%; height:auto;}
.hr_index_light_menu a.hr_index_light_menu_line{ border-bottom:2px solid #fff;}

@media only screen and (max-height: 860px) {
			.index-5 .img-box .l { height:281px;}
		 .share { padding:30px 0;}
				footer .wrap .right .tit { padding:15px 0;}
}

@media only screen and (max-height: 700px) {
			.index-5 .img-box .l { height:231px;}
	 	.share { padding:20px 0;}
	footer .wrap .right .tit { padding:5px 0;}
}

@media only screen and (max-width: 1480px) {
	body, input, select, button, textarea { font-size:10px;}
	.wrap { margin:0 50px;}
	
	.header{ height:80px;}
	.header .logo{ margin-top:16px;}
	.header nav{ margin-top:41px;}
	.header .menu-right{ margin-top:44px;}
	.header .menu-right .a2.open .sear { width:75px;}
	
	.service .main, .index .main{ top:80px;}
	.lt9 .service .main,
.lt9 .index .main { margin-top:80px; }
.main { padding-top:80px; }
	.cont-map-box.open{ top:80px;}
	.rblock,	
	.article h3,	
	.location,	
	.job-video .item .a,	
	.header .top-r .b,
	.header .menu-right,
	footer .wrap .right .tit{ font-size:12px;}

	footer .wrap { padding:20px 0;}

	.job-box{ padding:10px 0;}
	.news-box h2{ padding-bottom:20px;}
	.index-1 .mask-img { width:450px; height:297px; margin:-150px 0 0 -225px;}

	.cateday .logo { width:auto; position:relative; left:0; top:0; }
	.cateday .txt { text-align:center;}

	.header .top-r .b { width:235px;}
	.header .menu-right { width:235px;}

	.company .pany-1 .img img{ width:500px; height:203px; }
	.company .pany-2 .wrap-box{ min-height:600px;}
	.company .pany-2 h2 { padding-top:150px;}
	.company .pany-4 .wrap-box{ min-height:700px;}

	.news .wrap { margin-top:-433px;}
	.news-box li .r { height:323px;}
	.company .pany-1 h2 { padding-top:60px;}
	
	.inn-2 .txt{ margin:-100px 0 0 0; left:10px; top:50%;}

	.inn-bk { min-height:300px;}
	
	.hr_index_light{ width:400px; margin-left:-200px; margin-top:-105px;}
	.hr_index_light h4{ font-size:19px; line-height:24px; margin-bottom:18px;}
	.hr_index_light h4 a{ width:24px; height:24px;}
	.hr_index_light .hr_index_part1 .hr_index_part1_l{ height:39px; line-height:40px; width:236px;}
	.hr_index_light .hr_index_part1 .hr_index_part1_l input{ font-size:21px; height:40px; line-height:40px;}
	.hr_index_light .hr_index_part1 .hr_index_part1_r{ height:40px; line-height:40px; font-size:21px; width:152px; margin-left:11px;}
	.hr_index_light .hr_index_part2{ line-height:50px; font-size:19px;}
	.hr_index_light .hr_index_part3{ height:42px; line-height:42px; font-size:21px; width:400px;}
	
}
@media only screen and (max-width: 1420px) {
		body, input, select, button, textarea { font-size:9px;}
		
		.inn-bk .txt b.m1{ min-width:110px;}
		.news .wrap { margin-top:-415px;}
	.news-box li .r { height:305px;}
	.header { height:60px;}
	.header .logo { margin-top:5px;}
	.header nav { margin-top:25px;}
	.header .menu-right { margin-top:30px;}
	.service .main,
	.index .main { top:60px; margin-top:0;}
	.lt9	.service .main,
.lt9	.index .main {  margin-top:60px; }
.main { margin-top:0px;}
	.cont-map-box.open { top:60px;}
		.company .pany-1 h2 { padding-top:30px;}
		
		.case-art-box .case-bon{ left:5%;}
		.case-art-box .case-bon.next{ right:5%;}



			.inn-bk { min-height:200px;}
	.inn-4.inn-bk .txt, .inn-3.inn-bk .txt { margin-top:-100px;}
	
	.hr_index_light_menu{ width:90px;}

}
@media only screen and (max-width: 1200px) {
		.wrap { margin:0 20px;}

	.header nav { margin-left:50px;}
	.header nav li { margin:0 10px;}

	.service .main,
	.index .main { position:relative; top:0; margin-top:60px; }
		.service-bak,
	.index-bk { position:relative; left:0; top:0; transform:translateY(0); -webkit-transform:translateY(0); transition:none; -webkit-transition:none; min-height:450px;}
	.index-bk.index-5 { min-height:0 !important;}
		.service footer,
		.index footer { position:relative; top:0; transform:translateY(0); -webkit-transform:translateY(0);}
	.index-5 .img-box .l { height:240px;}
	.index-5 .img-box { padding-top:20px;}
	footer .wrap .left li {  margin:0 0 0 50px;}
	footer .wrap .left li:first-child { margin:0;}
	footer .wrap .right { text-align:right;}
	footer .wrap .right .tit span:first-child,
	footer .wrap .right .tit span{ display:block; margin:0; }
	footer .wrap .right .QR img { margin:0 0 0 20px;}

	.top-r .fixd-box .txt .left { width:60%;}
	.top-r .fixd-box .left dl dt img { width:100px; height:100px;}
	.top-r .fixd-box .left dl { font-size:14px;}
	
	
	.inn-bk.inn-1 .txt{ margin-top:-80px;}
	.inn-bk.inn-1 .txt span img{ width:500px; height:auto; }
	.inn-4.inn-bk .txt, .inn-3.inn-bk .txt{ margin-top:-100px;}
	.inn-5.inn-bk .txt span{ font-size:5em;}
	.inn-6.inn-bk .txt{ top:20%;}
	
	.service-bak .l b{ font-size:3.5em;}
	.service-bak .l .x{ margin-top:-100px;}
	.service-bak .l p{ font-size:1.8em;}	
	.web-box-1 h2{ font-size:5em;}
	.web-box-2 .web-list-b{ width:800px;}
	.web-box-2 .list-box li img{ width:260px; height:122px;}
	.case-art-box .case-bon{ left:0.5%;}
		.case-art-box .case-bon.next{ right:0.5%;}
		.company .pany-4 .box li .txt{ font-size:2em;}
		.company .pany-4 .box{ margin-left:20px;}
		.pany-4 .bx-wrapper .bx-prev{ left:-45px;}
		.pany-4 .bx-wrapper .bx-next{ right:-25px;}
		.new_right{ width:265px;}
		.story li .inp,
		.cont-4 .inp-box ul input{ height:40px; line-height:40px;}
	.contact-select { height:40px; line-height:40px; }
		.story li .sub,
		.cont-4 .inp-box li .but{ height:40px;}
		.cont-4 .inp-box li.code img{ height:40px;}
		.cont-4 .inp-box li.code a{ line-height:40px;}

		.job-video .item .p b { font-size:1.8em; }
.job-video .item .p p { font-size:1.3em;}

	.cont-1 .txt { left:5%; }
	.inn-bk .txt span { font-size:4em;}
	.company .pany-3 .box .img img { width:250px; height:250px;}

	.pany-4 .bx-wrapper .bx-controls-direction .bx-prev { left:-20px; }
.pany-4 .bx-wrapper .bx-controls-direction .bx-next { right:0px;}

	.header .menu-right .a2 .sear { font-size:12px;}
	.header nav li { font-size:1.8em;}

	.case-art-box { }

	.cateday .logo { position:relative; left:0; top:0; width:auto; margin-bottom:30px; text-align:center;}
	
	
	.hr_index_light{ width:326px; margin-left:-178px; margin-top:-86px;}
	.hr_index_light h4{ font-size:15px; line-height:20px; margin-bottom:16px;}
	.hr_index_light h4 a{ width:20px; height:20px;}
	.hr_index_light .hr_index_part1 .hr_index_part1_l{ height:33px; line-height:32px; width:195px;}
	.hr_index_light .hr_index_part1 .hr_index_part1_l input{ font-size:18px; height:34px; line-height:34px; width:187px;}
	.hr_index_light .hr_index_part1 .hr_index_part1_r{ height:34px; line-height:34px; font-size:18px; width:124px; margin-left:6px;}
	.hr_index_light .hr_index_part2{ line-height:40px; font-size:15px;}
	.hr_index_light .hr_index_part3{ height:35px; line-height:35px; font-size:18px; width:326px;}
	
	.hr_index_light_menu{ width:80px;}
	
}
.menu_h{ display:none}
@media only screen and (max-width: 1000px) {
		.inn-bk { min-height:100px;}
		.menu_h {display:block;background:none ; margin-left:20px;border: none;width: 30px;height: 23px;padding: 0;outline: none;position:relative ; z-index: 2000; float:left;}
		.menu_h::before,.menu_h::after,.menu_h span {background: #ff0000;}
		.menu_h::before,.menu_h::after {content: '';position: absolute;height: 4px;width: 100%;left: 0;top: 50%;-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;-webkit-transition: -webkit-transform 0.25s;transition: transform 0.25s;}
		.menu_h span {position: absolute;width: 100%;height: 4px;left: 0;overflow: hidden;text-indent: 200%;-webkit-transition: opacity 0.25s;transition: opacity 0.25s;}
		.menu_h::before {-webkit-transform: translate3d(0, -8px, 0);transform: translate3d(0, -8px, 0);}
		.menu_h::after {-webkit-transform: translate3d(0, 8px, 0);transform: translate3d(0, 8px, 0);}
		.menu-open .menu_h span {opacity: 0;}
		.menu-open .menu_h::before {-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);}
		.menu-open .menu_h::after {-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);}
		.menu-open nav {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

	.header .menu-right .a2 { display:none;}
		
		.header nav { position:absolute; left:0; right:0; float:none; margin:0; top:60px; height:0; overflow:hidden;transition:0.2s all; -webkit-transition:0.2s all;}
		.menu-open nav{ height:40.5em;}
		.header .wrap{ padding:0 20px; margin:0;}
		.header .top-r{ right:20px;}
		.header nav ul{ background:rgba(186,15,9,0.9); line-height:2.5; position:absolute; left:0; bottom:0; right:0;}
		.header nav li{ float:none; margin:0; padding:0 1em; font-size:2em; border-top:1px solid rgba(232,10,3,0.9);}
		.header nav li:first-child{ border:0;}
		.header nav li.on a,.header nav li a:hover,.header nav li a{ display:block; color:#fff;}
		.header nav li:hover , .header nav li.on { color:#fff; background:#ba0f09;}
		.case-list li span em,.index-2 .item li span em { font-size:1.6em;}
		.index-4 .mask-txt, .index-3 .mask-txt { font-size:2em;}
		.index-5 .img-box .l { height:190px;}
		
		.header nav li.n-news { display:block;}

	.company .pany-1 .wrap-box { }

	.index-5 .img-box .l span em { font-size:18px;}
	.index-5 .img-box .l span i {font-size:24px;}
	.index-1 .mask-img { width:300px; height:198px; margin:-100px 0 0 -150px;}
	.index-1 .mask-img b { font-size:6em;}
	.index-1 .mask-img p { font-size:3.7em;}
	footer .wrap .left li { margin:0 0 0 30px;}

		.index-5 .img-box { padding-top:0px;}
	.index-bk.index-5 .wrap { margin:0; }
	.index-1 .mask-img span { margin-top:40px; font-size:16px;}

	.inn-bk .txt span { font-size:3.5em;}
	.inn-5.inn-bk .txt span { font-size:4em;}
	.inn-5.inn-bk .txt { top:30px;}
	.jobItem { width:auto; float:none; padding-bottom:50px; }
	.jobLine .odd {border:0; }

		.job-box{ display:none;}
	.job-phone{ display:block;}
	.job-phone .t1{ padding:0.5em 10px; font-size:3em; color:#da2538;}
	.job-phone .item { background:#ff0000; padding:20px 10px; color:#fff; position:relative;}
	.job-phone .item  h2{ font-size:4em; margin-bottom:0.2em; color:#fff;}
	.job-phone .item  .m .icon{background:url(../images/m2.png) no-repeat; width:32px; height:32px; display:inline-block; }
	.job-phone .item .p { display:none; padding-bottom:30px;}
	.job-phone .item .p b { font-size:2em; }
	.job-phone .item .p p { font-size:1.5em; }
	.job-phone .item  .m { display:block;  }
	.job-phone .item  .a{ display:none;  background:url(../images/jt.png) no-repeat right center; padding-right:15px; font-size:1.5em; width:6em; color:#fff; white-space:nowrap;}
	.job-phone .item  .dat{ display:none; position:absolute; right:10px; bottom:10px; text-align:right; font-size:1.5em;}
	.job-phone .img{}
	.job-phone a { color:#fff;}
	.job-phone .img img{ width:100%; height:auto;}
	.job-phone .item.open .p{ display:block; }
	.job-phone .item.open .m { display:none;}
	.job-phone .item.open a{ display:block;}
	.job-phone .item.open .dat{ display:block;}
	.job-phone .item.open .dat br { display:none;}

		.cont-1 .txt { left:2%; }
	.cont-1 .txt p { font-size:3em;}
	.cont-1 .txt h4 { font-size:4em;}
	.cont-3 .r { padding:30px;}
	.cont-4 .inp-box li textarea { width:94%;}
	.company .pany-4 .wrap-box{ min-height:500px;}
	.company .pany-3 .box .img img { width:200px; height:200px;}
	.company .pany-3 .box .txt { font-size:1.5em;}
	.company .pany-4 dl dt { font-size:8em;}
	.company .pany-4 dl dd { font-size:4em;}
	.company .pany-4 .box li h2 { font-size:4em;}
	.company .pany-4 .box li .txt { font-size:1.6em;}

	.pany-4 .bx-wrapper .bx-controls-direction a { transform:scale(0.6,0.6); -webkit-transform:scale(0.6,0.6);}
	.case-art-box .case-bon { transform:scale(0.6,0.6); -webkit-transform:scale(0.6,0.6); }
	.web-box-2 .web-list-b { width:100%;}
	.web-box-2 .bx-wrapper .bx-controls-direction a {transform:scale(0.6,0.6); -webkit-transform:scale(0.6,0.6); }
	.web-box-2  .bx-wrapper .bx-controls-direction .bx-prev { left:0px; }
.web-box-2  .bx-wrapper .bx-controls-direction .bx-next { right:0; }

	.web-bottom .bx-wrapper .bx-controls-direction a {transform:scale(0.6,0.6); -webkit-transform:scale(0.6,0.6); }
	.web-bottom  .bx-wrapper .bx-controls-direction .bx-prev { left:0px; }
.web-bottom  .bx-wrapper .bx-controls-direction .bx-next { right:0; }
	.cateday { width:auto;}

	.new_right { display:none;}

	.company .pany-3 .box .img .com-num { margin-left:-90px; transform:scale(0.6,0.6); -webkit-transform:scale(0.6,0.6);}
	
	.hr_index_light_menu{ width:70px;}
}

.phone1 { display:block;}

@media only screen and (max-width: 760px) {
	.phone1 { display:none; width:1px; height:1px; position:absolute; left:0; top:0;}
	.wrap { margin:0 10px;}
	.header { height:80px;}
	
	.header .logo { margin-top:32px;}
	.header .logo img{ width:120px; height:auto;}
	.header .menu-right{ width:auto; margin-top:41px;}
	.header .menu-right .l{ display:none;}
	.header .menu-right .r a{ display:none;}
	.header nav{ top:81px;}
	
	.main { margin-top:0px !important;}

	.index-bk.index-1 { min-height:200px !important;}
	.index-1 ul li video { display:none;}
	.index-1 ul li at-img { display:block !important;}
	.index-2 .bon { display:none;}
	.index-bk.index-2 { }
	.index-bk.index-2 .list-box {  position:relative; min-height:300px; transition:0.8s all; -webkit-transition:0.8s all;  }

.index-2 .item { float:left; left:0; min-height:300px; position:relative;}
.index-2 .item li { width:50%;  }
.index-2 .item li:first-child { left:0; top:0; }
.index-2 .item li:first-child + li { left:50%; top:0; }
.index-2 .item li:first-child + li + li { left:0%; top:33%; }
.index-2 .item li:first-child + li + li + li {left:50%; top:33%; }
.index-2 .item li:first-child + li + li + li + li { left:0; top:66%; height:34% ;  }
.index-2 .item li:first-child + li + li + li + li + li { left:50%; top:66%; height:34%; }
	.index-2 .item li span,
	.index-2 .item li i { display:none !important;}

	.index-bk.index-3 { display:none;}

	.case-list li { width:50%; margin:0;}
	.case-list li span,
	.case-list li i { display:none !important;}
	.header .top-r{ right:0;}
	.header .top-r .b { width:auto; left:0; float:none; text-align:right; padding-right:20px;}
	.header .top-r .b i.icon { margin:0; margin-right:10px; position:relative; top:3px;}
	.header .top-r .b i{ float:none; display:inline-block;}


	.mark { display:none;}
	.index-4 .mask-txt,
	.index-3 .mask-txt { font-size:1.8em;  }
		.index-3 .mask-txt i,
	.index-4 .mask-txt i {  transform:scale(0.6,0.6) translate(-20px,-30px); -webkit-transform:scale(0.6,0.6) translate(-20px,-30px); }
	.index-5 .img-box .l { width:100%;}

			.index-5 .img-box .l { height:120px;}

	.share { padding:30px 0; text-align:center; }
	.share span.t { display:block; text-align:center; margin-bottom:10px;}
	.share a {}
	.index footer { position:relative; transform:translateY(0); -webkit-transform:translateY(0); top:0;}
	footer .wrap .left { float:none; width:auto; margin-bottom:30px;}
	footer .wrap .right { width:auto; float:none; text-align:center;}
	footer .wrap .right .QR img { margin:0 10px 0;}
	.index footer .wrap .foot-logo { background-position:center 0;}
	footer .wrap .left { font-size:0;}
	footer .wrap .left li { float:none; margin:0 0 20px 0 !important; }
	footer .wrap .left li h2 { font-size:17px; margin-bottom:5px;}
	footer .wrap .left li span { font-size:14px; display:inline-block; margin-right:15px;}

	.top-r .fixd-box .wrap h2 { font-size:20px; padding:10px; }
	.top-r .fixd-box .txt .left { float:none; width:auto; margin-bottom:3em;}
	.top-r .fixd-box .left dl:first-child { margin-bottom:1em;}
	.top-r .fixd-box .left dl dt { margin-left:10px;}
	.top-r .fixd-box .left dl dd { line-height:1.5; padding-left:10px; text-align:justify;}
	.top-r .fixd-box .left dl dd br { display:block;}
	.top-r .fixd-box .left dl dd span { display:inline-block; margin-right:10px;}
	.top-r .fixd-box .wrap { padding:20px 0;}
	.top-r .fixd-box .close { top:30px;}
	.top-r .fixd-box .txt .right { padding:10px;}
	.top-r .fixd-box .txt .right p { font-size:2em;}
	.top-r .fixd-box .txt .right span { font-size:3em;}

	.index-1 .mask-img { width:160px; height:118px; margin:-50px 0 0 -80px;}
		.index-1 .mask-img b { font-size:3em;}
	.index-1 .mask-img p { font-size:2.2em;}

	.index-1 .mask-img span { font-size:12px; margin-top:10px; padding:1px 10px 2px;}

	.index-5 .img-box .l:hover img { transform:none; -webkit-transform:none;}

	/**
	.index-3 ul li video,
	.index-4 ul li video { display:none; }
		.index-3 .video-auto-box .at-img,
	.index-4 .video-auto-box .at-img { display:block !important; }
	.index-3 .mark, .index-4 .mark { display:none !important;}
	.index-3 .mask-txt i, .index-4 .mask-txt i { display:block !important; }
		*/

	.jobItem { margin-bottom:10px;}
	.jobItem .jobTitle { font-size:3em; padding-bottom:1em;}
	.jobItem .font55 { font-size:2.8em;}
	.jobItem .paddB60 { padding-bottom:20px;}
	.jobItem .paddT20 { padding-top:0;}
	.jobItem .font38 { font-size:2em;}
	.jobItem .marginFu { margin-top:0;}

	.cont-1 { overflow:hidden; }
	.cont-1 .txt { position:relative; left:0; right:0;}
	.cont-1 .txt p { padding:10px 10px 0; font-size:4em}
	.cont-1 .txt h4 {padding: 0 10px 10px; font-size:6em; }
	.cont-2 {overflow:hidden;}
	.cont-2 .c a { font-size:2.5em; border-radius:10px;}
	.cont-3 .r img { width:150px;}
	.cont-3 .r { position:relative; left:0; display:none;}
	.cont-4 .inp-box .fl { float:none; width:auto;}
	.cont-4 .inp-box li { margin-bottom:10px;}
	.cont-4 .inp-box li:first-child { margin:0 0 10px 0;}
	.cont-4 .inp-box li.email input,
	.cont-4 .inp-box li textarea,
	.cont-4 .inp-box ul input { width:97%; padding:0 1%;}
	.contact-select { width:99%;}
	.contact-select dd a,
	.contact-select dt b { padding-left:1%;}
	.cont-4 .inp-box li.code input { width:100px; padding:0 1%;}
	.cont-4 .inp-box li .but { width:100%;}



	.new_right { display:none;}
	.article h3 span { display:none;}
	.article h3 span.news_info ,
	.article h3 span:first-child { display:inline-block;}
	a.close { display:none;}
	.fp span { width:auto;}


	.company .pany-1 .img img { width:80%; height:auto;}
	.company-box .down { transform:scale(0.8,0.8); -webkit-transform:scale(0.8,0.8);}
	.company .pany-1 h2 { padding-right:0;}
	.company .pany-1 .img { margin:30px 0;}
	.company { height:auto !important;}
	.company-fixd .pany-1 { position:relative; top:0 !important;}
	.company .pany-3,
		.company .pany-4,
	.company .pany-2 { margin-top:0 !important;}
	.fixd-3 .pany-2,
	 .fixd-2 .pany-2,
		 .company .pany-3 { position:relative;}

	.company .pany-2 .wrap-box{min-height:0; padding:50px 0;}
	.company .pany-2 h2 { padding:20px 0; font-size:3em;}
	.company .pany-2 .txt { font-size:2em;}
	.company .pany-2 h2 sup img{ width:20px; height:auto; }
	.company .pany-3 .r,
	.company .pany-3 .l { float:none; width:auto;}
	.company .pany-3 .l { margin-bottom:80px;}
	.company .pany-3 .box .img { margin:30px 0;}
	.company .pany-3 .bottom h2 { font-size:2.5em;}
	.company .pany-3 .bottom h1 { font-size:4em;}
	.company .pany-3 .bottom h1 span { display:block;}
	.company .pany-3 .bottom .txt span{  }
	.company .pany-3 .bottom .txt { font-size:1.8em;}
	.company .pany-3 .bottom .txt br { display:none;}
	.company .pany-3 .wrap { padding:50px 0;}
	.company .pany-3 .box .img img { width:150px; height:150px;}
	.company .pany-4 dl { padding:20px; float:none;}
	.company .pany-4 dl dt { font-size:6em;}
	.company .pany-4 dl dd { font-size:3em;}
	.company .pany-4 .box { margin-top:50px;}
	.company .pany-4 .box li i { display:none;}
	.company .pany-4 .wrap-box{ min-height:400px; background-position:right center;}
	.company .pany-4 .box li { margin-left:0;}
	.company .pany-4 .box ul { margin-left:0;}
		.pany-4 .bx-wrapper .bx-controls-direction a { transform:scale(0.4,0.4); -webkit-transform:scale(0.4,0.4); margin-top:-60px;}
	.pany-4 .bx-wrapper .bx-controls-direction .bx-prev { left:-40px;}
	.pany-4 .bx-wrapper .bx-controls-direction .bx-next { right:-40px;}
	.inn-bk.inn-1 .txt span { font-size:1px;}
	.inn-bk.inn-1 .txt span img { width:200px;}
	.inn-bk.inn-1 .txt { margin-top:-20px;}
	.inn-bk.inn-1 .video-auto-box-11 { display:none;}
	.inn-bk .txt b.m {  transform:scale(0.4,0.4); -webkit-transform:scale(0.4,0.4); margin-top:0; display:none;}

	.inn-3 { float:none; width:auto;}
	.inn-bk .txt span b{ display:none; }
	.inn-bk .txt span u { text-align:left; display:block; color:#222;}
	.inn-2.inn-bk .txt b.m1 { border:0; padding:0; min-width:0; background:url(../images/m3.png) no-repeat; background-size:100% 100%; width:20px; height:20px; display:block;}
	.inn-2.inn-bk .txt b.m1 * { opacity:0;}
	.inn-bk .txt span em { display:block;}
	.inn-bk .txt span { font-size:2.5em;}
	.inn-2 .txt { margin-top:-70px;}
	.inn-bk .txt b.m1 { min-width:70px; display:none;	}
	.inn-4.inn-bk .txt,
	 .inn-3.inn-bk .txt { margin-top:-25px; }
	.inn-4.inn-bk .txt span,
	.inn-3.inn-bk .txt span { font-size:3em; }
		.inn-4.inn-bk .txt p,
	.inn-3.inn-bk .txt p {font-size:1.6em; margin-bottom:0; min-height:0; overflow:hidden; text-indent:-1000px; background:url(../images/m2.png) no-repeat; background-size:100% 100%; width:20px; height:20px; display:block; margin:0 auto; }
.inn-6.inn-bk .txt { top:25%;}
.inn-3:hover .bg,
.inn-4:hover .bg { transform:none; -webkit-transform:none; }
	.inn-7.inn-bk { height:150px;}
	.inn-6 {width:100%;}
	.inn-7 { width:100%;}
	.inn-1,
	.inn-2,
	.inn-3,
	.inn-4 { background-color:#fff; }
	.inn-5.inn-bk { padding-top:30px;}
	.inn-5.inn-bk .txt { top:30px;}
	.inn-5.inn-bk .txt span { font-size:3em;}
	.inn-5.inn-bk .txt .m1 { margin-top:0; }
	.inn-6.inn-bk .txt span, .inn-7.inn-bk .txt span { font-size:3em;}
	.inn-bottom { padding:50px 0;}


	.pany-5 img { display:none; }
	.pany-5 .wrap-box { padding:50px 20px;}
	.pany-5 h1 { font-size:3em; }
	.pany-5 .d { margin:10px auto;}
	.pany-5 h2 {font-size:2em; }
	.pany-5 p {font-size:1.6em; }

	.pm-box .tit span { font-size:2em;}
	.pm-box .tit span .j { width:20px; height:20px; top:-10px;}
	.pm-box .tit span .j img{ width:20px; height:20px; }
	.pm-box .box .p { float:none; width:auto; margin:0 0 3em;}
	.inn-bottom h2 { font-size:3em;}
	.pm-box .tit { padding-top:50px;}

	.service-bak .l { position:relative; width:auto; height:220px; left:0; top:0; padding-top:30px;}
	.service-bak .r { position:relative; width:auto; height:200px; left:0; top:0;}
	.service-bak .l .x { position:relative; margin-top:0; top:0; left:0;}
	.service-bak .l p { padding:20px; font-size:1.5em;}
	.service-bak video { display:none;}
	.service-bak .video-auto-box .mark { display:none !important;}
	.service footer { border:0;}
	.web-box-1 h2 { font-size:3em;}
	.web-box-1 .p { margin:2em 0;}

		.web-box-2 .bx-wrapper .bx-controls-direction a {transform:scale(0.4,0.4); -webkit-transform:scale(0.4,0.4); }
	.web-box-2 .bx-wrapper .bx-controls-direction .bx-prev { left:-10px;}
	.web-box-2 .bx-wrapper .bx-controls-direction .bx-next { right:-10px;}
	.web-box-2 .list-box li { width:50%; height:70px;}
	.web-box-2 .list-box li img { width:150px; height:70px;}
	.web-box-2 h2 { margin-bottom:1em; font-size:1.8em;}
	.web-box-2 { padding:6em 0; }

	.website-case .logo img { max-width:100%; height:auto;}

		.case-art-box .case-bon { display:none;}
	.cateday { text-align:center;}
	.cateday .logo { padding-top:30px; text-align:center; margin-bottom:20px;}
	.cateday .txt h2 { font-size:2em;}
	.cateday .txt .m1 { display:block; margin:0 auto; width:120px;}

	.index-bk .ph-a { position:absolute; left:0; top:0; z-index:100; background:#fff; opacity:0; right:0; bottom:0; display:none;  }

	.story .wrap > h2 { font-size:3em; text-align:left;}
	.story li { text-align:left;}
	.story li h3 { font-size:1.6em;}
	.story li label { font-size:1.4em;}
	.story li .area { width:97%; padding:0 1%;}
	.story li .inp { width:97%; padding:0 1%;}
	.story li .bottom1 span { margin:0 0 10px 0;}
	.cont-map-box.open { top:80px;}

	.story li .bottom1 .name { display:block; font-size:1.5em;}
	.story li .code .inp {  width:100px;}
	.story li .code img { height:42px; margin:0 5px; width:80px; }
	.story li .sub, .cont-4 .inp-box li .but { width:100%;}
		.top-r .fixd-box .close { display:block;}

	.story li .code a { width:auto;}
	.case-art-box .html5 img { width:100% !important; float:none !important; }
	.case-art-box .html5 img:first-child { margin:0 0 50px !important;}

	.company .pany-4 .box li .w { padding:0;}
	.company .pany-4 .box li .txt { min-height:11.2em;}
	.company .pany-4 .box { margin:20px 20px;}


		.news .wrap { margin:-69px 0px 0 !important;}
	.news-box h2 { font-size:2.5em; line-height:60px; padding-bottom:0; padding-left:10px; margin-bottom:10px;}
	.news-box li { float:none !important; width:auto; margin-bottom:0px;}
	.news-box li p span { font-size:1.7em }
	.news-box li p { padding-top:12%;}

.news-box li i,
.news-box li:hover i { opacity:0; filter:alpha(opacity=0);}
	.news-box li.img i,
		.news-box li.img:hover i {opacity:0.4; filter:alpha(opacity=40); }
.news-box li.img em,
.news-box li.img span { opacity:1; filter:alpha(opacity=100); transform:translateY(0px); -webkit-transform:translateY(0px);}
.news-box li img,
.news-box li:hover img { transform:scale(1,1); -webkit-transform:scale(1,1);}

	.ajax-move .curr-box .ajax-lod { padding:20px 10px 50px;}

	.innplay-box .play-1 {transform:scale(0.5,0.5); -webkit-transform:scale(0.5,0.5);}
	.wi-banner .bx-wrapper .bx-controls-direction a {transform:scale(0.5,0.5); -webkit-transform:scale(0.5,0.5); margin-top:-110px; }
	.wi-banner .bx-wrapper .bx-controls-direction .bx-prev { left:-30px; }
	.wi-banner .bx-wrapper .bx-controls-direction .bx-next { right:-30px; }
	.wi-banner li p { position:relative; left:0; top:0; }
	.wi-banner li span {opacity:1; filter:alpha(opacity=100); color:#222;font-size:1.5em; display:none; transform:translateY(0px); -webkit-transform:translateY(0px); }
	.wi-banner li b { opacity:1; filter:alpha(opacity=100);  color:#222; font-size:2em; transform:translateY(0px); -webkit-transform:translateY(0px);}
	.wi-banner li .mk { display:none;}


	.tabHeader { padding-left:0; height:auto; *zoom: 1}
	.tabHeader:before {content: ''; display: table }
	.tabHeader:after{ content: ''; display: table; clear: both}

	.tabTit { height:auto;}
	.tabHeader li.i { margin-top:2px; display:none;}
	.tabHeader li { padding:0; width:30%; margin:0 1.65% 10px ; }
	.tabHeader li a { font-size:14px;}
	.tabContainer .tit { position:relative; left:0; top:0; margin-bottom:20px;}

	.newlist li a { font-size:1.5em;}
	.pagebox { padding:20px 0;}

	.web-bottom .web-l li a{ display:block; padding:0 50px;}
	.web-bottom .web-l li b { font-size:18px;}
	.web-bottom .web-l li p { font-size:13px;}
	.web-bottom .web-l li i img{ transform:scale(0.5,0.5); -webkit-transform:scale(0.5,0.5); }

	.qiao-icon-wrap { transform:scale(0.6,0.6); -webkit-transform:scale(0.6,0.6); right:-37px !important;}
	#LXB_CONTAINER .lxb-pos-right{ transform:scale(0.6,0.6); -webkit-transform:scale(0.6,0.6); right:-37px !important; top:50% !important; margin-top:45.6px !important;}
	
	.hr_index_light{ width:86%; margin-left:-45%; margin-top:-86px; padding:8px 2%;}
	.hr_index_light h4{ font-size:15px; line-height:20px; margin-bottom:16px;}
	.hr_index_light h4 a{ width:20px; height:20px;}
	.hr_index_light .hr_index_part1 .hr_index_part1_l{ height:33px; line-height:32px; width:100%; margin-bottom:10px;}
	.hr_index_light .hr_index_part1 .hr_index_part1_l input{ font-size:18px; height:34px; line-height:34px; width:100%;}
	.hr_index_light .hr_index_part1 .hr_index_part1_r{ height:34px; line-height:34px; font-size:18px; width:100%; margin-left:0px;}
	.hr_index_light .hr_index_part2{ line-height:40px; font-size:15px;}
	.hr_index_light .hr_index_part3{ height:34px; line-height:34px; font-size:18px; width:100%;}
	
	.hr_index_light_menu{ width:50px;}

}

@media only screen and (max-width: 350px){
	.header .logo img { width:110px;}
	.cont-4 .inp-box li.code img { width:75px; }
}

@media only screen and (max-width: 760px)  and (max-height: 580px) {

	.top-r .fixd-box .close { top:15px;}
	.top-r .fixd-box .wrap { padding:10px 0;}
	.top-r .fixd-box .left dl { font-size:12px;}
	.top-r .fixd-box .txt .left { margin-bottom:2em;}
	.top-r .fixd-box .left dl dt img { width:80px; height:80px;}
	.top-r .fixd-box .txt .right span { font-size:20px;}
	.top-r .fixd-box .close { transform:scale(0.8,0.8); -webkit-transform:scale(0.8,0.8);}

}

@media only screen and (max-width: 350px) {


}


        .adv-2016 { position:fixed; width:94%; height:90%; right:3%; top:5%; overflow:hidden; z-index:10000000; transform:scale(0.2,0.2); opacity:0;  }
        .mak-2016 {z-index:9999999; position:fixed; width:100%; left:0; top:0; height:100%;  background:#000; opacity:0.5; display:none;}
        .adv-2016.open .mak { display:block;}
        .adv-2016.open.close-box .mak { display:none;}
        .adv-2016.open {transform:scale(1,1); opacity:1;  transition:0.6s all; -webkit-transition:0.6s all;}
        .adv-2016.open2 {transition:0s all; -webkit-transition:0s all; }
        .adv-2016 img { width:100%; height:auto; position:relative; z-index:1;}
        .adv-2016 .img1 { position:absolute; z-index:2; left:0; top:0; display:none;}
        .adv-2016 .img2 { position:absolute; z-index:3; left:0; top:0; display:none;}
        .adv-2016 .img3 { position:absolute; z-index:4; left:35%  !important; width:39%  !important; height:auto  !important; margin:0  !important;  top:10%; opacity:1; }
        .adv-2016 .close1 { background:url(../images/x11.png) no-repeat center; width:40px; height:40px; opacity:0.8; filter:alpha(opacity=80); position:absolute; z-index:4; right:20px; top:20px;}
        .adv-2016.close-box { width:109px; height:61px; cursor:pointer; transform:scale(1,1); opacity:1; right:0; left:auto; top:62%; margin-top:-63px; transition:1s all; -webkit-transition:1s all; }
        .adv-2016.oss {transition:0s all; -webkit-transition:0s all; }
        .adv-2016.close-box .close1 { display:none;}
        .adv-2016.close-box img.img0,
        .adv-2016.close-box img.img1,
        .adv-2016.close-box img.img2 { width:109px !important; margin:0 !important; height:61px  !important; transition:1s all; -webkit-transition:1s all;}
        .adv-2016.close-box .img3{ opacity:0; }
        @media only screen and (max-width: 1420px) {
            .adv-2016.close-box { width:90px; height:50px; margin-top:-52px;}
            .adv-2016.close-box img.img0,
            .adv-2016.close-box img.img1,
            .adv-2016.close-box img.img2 { width:90px !important;  height:50px  !important;}
        }
        @media only screen and (max-width: 1200px) {
            .adv-2016.close-box { width:80px; height:45px; margin-top:-47px;}
            .adv-2016.close-box img.img0,
            .adv-2016.close-box img.img1,
            .adv-2016.close-box img.img2 { width:80px !important;  height:45px  !important;}
        }
        @media only screen and (max-width: 1000px) {
            .adv-2016.close-box { width:70px; height:39px; margin-top:-41px;}
            .adv-2016.close-box img.img0,
            .adv-2016.close-box img.img1,
            .adv-2016.close-box img.img2 { width:70px !important;  height:39px  !important;}
        }
        @media only screen and (max-width: 760px) {
            .adv-2016 { position: fixed; width: 96%; height:200px; right: 2%; top: 50%; margin-top:-100px; }
            .adv-2016 .close1 { width:20px; height:20px; right:10px; top:10px;}
            .adv-2016.close-box { width:50px; height:28px; margin-top:-30px;}
            .adv-2016.close-box img.img0,
            .adv-2016.close-box img.img1,
            .adv-2016.close-box img.img2 { width:50px !important;  height:28px  !important;}
        }