*{margin:0;padding:0;border:0;}
body{ font-size:12px; font-family:微软雅黑,Arial,Helvetica,Tahoma,sans-serif !important;color:#333333;text-align:center;  background-color:#fff; }
a{text-decoration:none;color:#333333;-webkit-tap-highlight-color:transparent;}
a:hover,a:active{color:#f4663f;}
image{ vertical-align:middle;}
ul,li{ list-style:none;}
em, cite, th { font-style: normal; font-weight: normal; font-style:normal;}
var{font-style:normal;}
input,select,img{vertical-align:middle;}
.wrap{clear:both; width:96%;max-width:1200px;margin:0 auto;text-align:left;zoom:1; overflow:hidden;}
.wrap2{clear:both;width:96%;max-width:1200px;margin:0 auto;text-align:left;zoom:1;}
.wrap3{clear:both;width:96%;max-width:1740px;margin:0 auto;text-align:left;zoom:1;overflow:hidden;}
.wrap4{clear:both;width:96%;max-width:1840px;margin:0 auto;text-align:left;zoom:1;}
.clear{clear:both; zoom:1;}
.divhidden{ display:none;}
.l{ float:left;}
.r{float:right;}
.m_t{ margin-top:9px;}
.m_t17{ margin-top:17px;}
.m_t20{ margin-top:20px;}
.c_l{ clear:both; height:0px; font-size:0px; overflow:hidden;}
.margin_top{ margin-top:-500px;}
.f80{ font-size:80px;}
.f60{ font-size:60px;}
.f48{ font-size:48px;}
.f36{ font-size:36px;}
.f40{ font-size:40px;}
.f30{ font-size:30px;}
.f24{ font-size:24px;}
.f22{ font-size:22px;}
.f20{ font-size:20px;}
.f18{ font-size:18px;}
.f16{ font-size:16px;}

.work_wid{clear:both;width:96%;max-width:none !important;margin:0 auto;text-align:left;zoom:1;overflow:hidden;}

.j1 , .bs { opacity: 0 ; } .bss { opacity: 1 !important; }
.index_nav { transition: all 0.7s ease-in-out; }

.b_center{ margin:0 auto; }
.h93{ height:0px; font-size:0; overflow:hidden;}
.case_page .h93{ height:135px;}
.top_bg{ width:100%; text-align:center;height:135px; position:fixed; top:0; left:0; z-index:99;transition:all 0.3s; }
.case_page .top_bg{ background:#ffffff;}
.nav-hide .top_bg{  background:#ffffff;height:69px;box-shadow: 0 0.2px 5px rgba(0, 0, 0, 0.1);}
.nav-hide .menu .logo_l .logo{ height:69px;}
.nav-hide .menu .logo_r{ margin-top:0px;}

 
.menu {width:96%;  margin: 0 auto; position:relative;}
.menu .logo_l{  float:left; display:inline;}
.menu .logo_l .logo{ height:100%; float:left;}
.menu .logo_l .logo#logo2{ display:none;}
.menu .logo_l:hover img{transition:all 0.3s;}
.case_page .menu .logo_l .logo#logo1{ display:none;}
.case_page .menu .logo_l .logo#logo2{ display:block;}
.nav-hide .menu .logo_l .logo#logo1{ display:none;}
.nav-hide .menu .logo_l .logo#logo2{ display:block;}
.menu .logo_r{ float:right;display:inline; margin-top:44px; height:69px; text-align:right; width:720px;}

.nav{font-family:"微软雅黑"; float:right;}
.nav li.m{ float:left; text-align:center;  min-width:72px; margin-left:39px; position:relative;}
.nav h3 a{ height:69px; line-height:69px;display:block; font-size:16px; font-weight:normal; color:#fff; text-decoration:none; overflow:hidden; text-transform:uppercase;}
.case_page .nav h3 a{ color:#000000;}
.nav-hide .nav h3 a{ color:#000000;}

.nav h3 a span{ display:block;position:relative;transition: all 0.3s;height:69px;border: 1px solid rgba(0,0,0,0);}
.nav-hide .nav h3 a span{ height:69px;}
.nav h3 a span:after{content:attr(data-title);position:absolute;left:0;transform:translateY(69px);width:calc(200% - 2px);width:-webkit-calc(100% - 2px);width:-moz-calc(100% - 2px);top:25px; color:#f4663f; font-size:16px; font-weight:normal; height:20px; line-height:20px; border:1px solid #f4663f;}
.nav h3{ font-weight:lighter;position:relative;}
.nav a:hover{color:#fff;}
.nav a:hover span{transform:translateY(-69px);}
.nav li.on a:hover span{transform:translateY(0px);}
.nav li.on h3 a{transition:all 0.3s;color:#fff;}
.nav li.onnew h3 a{color:rgba(0,0,0,0) !important ;}
.nav li.on h3 span:after{transform:translateY(0px);}

.nav .sub{ display:none; width:100%;  padding:0; position:absolute; background:#fff; top:28px; text-align:center; z-index:110; left:0%;}
.nav .sub li{ vertical-align:middle; list-style:none; text-decoration:none; display:inline-block;line-height:38px;font-size:14px;width:100%; text-transform:uppercase;}
.nav .sub li a{ text-decoration:none; background:none; color:#333333; border-bottom:1px solid #e6e6e6; display:block;}
.nav .sub li a:hover{ color:#086cbb;border-bottom:1px solid #1089e8;}

.nav li#m1{ min-width:46px;}


.touch-top{ width:100%; position:fixed; top:0; z-index:99; background:#fff; display:none;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);}
.touch_bg{width:100%; position:fixed; top:0; z-index:8;background:#0d0d0d;display:none;filter: Alpha(Opacity=60);opacity: 0.6; height:100%;}
.touch-top-wrapper{ width:96%; margin:0 auto;}
.touch-top-wrapper .touch-logo{ float:left;}
.touch-top-wrapper .touch-logo img{height: 69px;display: block;}
.touch-navigation { display:block; }

	.touch-toggle { position:absolute; right:10px; top:0; }

	.touch-toggle li { float:left; height:70px; padding:0 12px; text-align:center; }

	.touch-toggle li a { height:70px; }

	.touch-toggle li:hover, .touch-toggle li:active { }

	.touch-toggle .touch-toggle-item-first { border-left:none; }

	.touch-toggle .touch-toggle-item-last { border-right:none; }

	.touch-toggle li a { display:block; font-size:12px; }	

	.touch-toggle li i { display:inline-block; width:32px; height:32px; overflow:hidden; margin-top:20px; background-repeat:no-repeat; background-position:center center; background-size:contain; }

	.touch-toggle .touch-icon-language { background-image:url(404.png); }

	.touch-toggle .touch-icon-user { background-image:url(404.png); }

	.touch-toggle .touch-icon-search { background-image:url(404.png); }

	.touch-toggle .touch-icon-menu { background-image:url(../image/head_pic1.png); }

	.touch-toggle li span { display:none; text-align:center; }
	.drawer-section { display:none; }	

	.drawer-section-menu {  }

	.touch-toggle-content{ clear:both;}
	.touch-menu{ clear:both;}
	.touch-menu ul li { border-bottom:1px solid #eee; position:relative; }

	.touch-menu ul li a { color:#333; display:block; font-size:18px; height:48px; line-height:48px;  padding-left:2%;}

	.touch-menu ul li a:hover, .touch-menu ul li a:active { background-color:#f4663f; color:#fff; }	

	.touch-menu ul li i { position:absolute; top:14px; right:25px;  display:block; width:13px; height:13px; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:contain; }

	.touch-menu ul li i.touch-arrow-right { display:none; background-image:url(404.png); }

	.touch-menu ul li i.touch-arrow-down { background-image:url(../image/touch-arrow-d.png); }

	.touch-menu ul li i.touch-arrow-up { background-image:url(../image/touch-arrow-u.png); }
	.touch-menu ul li a:hover i.touch-arrow-down {background-image:url(../image/touch-arrow-d2.png); }
	.touch-menu ul li a:hover i.touch-arrow-up {background-image:url(../image/touch-arrow-u2.png); }

	.touch-menu ul ul { display:none; margin:0; padding:0 0px 30px 0px; }

	.touch-menu ul ul li { border-bottom:none; margin:0; padding:0; }

	.touch-menu ul ul li a { padding:0; padding-left:3%; font-size:16px; height:38px; line-height:38px; text-transform:uppercase; }		

	.touch-menu ul ul li i { top:13px; }




.foot_link{ overflow:hidden; margin-top:1.5%; color:#323232; line-height:50px; margin-bottom:1.5%;}
.foot_link span{ float:left;}
.foot_link a{ color:#323232; float:left; margin-right:2%;font-size: 18px;margin-top: 6px;}
.foot_link a:hover{ color:#dc5e3c;}
.f_bg{overflow:hidden; background:#222222;  color:#fff; font-size:15px; clear:both; padding-top:5%; padding-bottom:5%; text-align:left;}
.f_bg_div{ width:96%; max-width:1740px; margin:0 auto;}
.f_bg a{color:#fff; text-decoration:none;}
.f_bg a:hover{ color:#fff;opacity:0.8;filter:Alpha(opacity=80);}
.f_bg .h2{ font-size:22px; line-height:30px; font-weight:lighter; margin-bottom:25px; margin-top:84px;}
.f_bg .h2.a{ margin-top:15px;}
.f_bg .h2 span{ display:block; font-size:12px; line-height:18px;}
.f_bg .links{ float:left;overflow:hidden; width:120px;}
.f_bg .links ul li a:hover{color: #dc5e3c;	opacity: 1;}
.f_bg .links ul li{ display:block; height:50px; line-height:50px; overflow:hidden;}
.f_bg .f_r{ float:right; overflow:hidden; width:80%;}
.f_bg .f_div2_r{ float:left; width:36%; overflow:hidden; padding-right:1%;}
.f_bg .f_div2_r .ul li{ display:block; overflow:hidden; padding-top:10px; padding-bottom:10px; line-height:26px; background-repeat:no-repeat; background-position:left center; padding-left:60px; margin-bottom:4%;}
.f_bg .f_div2_r .ul li.bgs1{ background-image:url(../image/i_ico1.png);}
.f_bg .f_div2_r .ul li.bgs2{ background-image:url(../image/i_ico2.png);}
.f_bg .f_div2_r .ul li  a:hover{color: #fff;opacity: 1}
.f_bg .f_div2_r .ul li.bgs3{ background-image:url(../image/i_ico3.png);}
.f_bg .f_div2_r .ul li.bgs4{ background-image:url(../image/i_ico4.png);}
.f_bg .f_div2_r .ul li.bgs5{ background-image:url(../image/i_ico5.png); background-position:left 6px; padding-left:50px;}
.f_bg .f_div2_r .ul li.bgs5 span{ display:block; line-height:16px; font-size:12px; max-width:370px; overflow:hidden;}
.f_bg .f_box{ overflow:hidden;}
.f_bg .f_box .f_feedback{ float:left; width:49%; max-width:320px; overflow:hidden;}
.f_bg .f_box .boxs{ overflow:hidden;}
.f_bg .f_box .boxs .inputs{height: 46px; line-height: 46px; background: none;border:2px solid #595959;width:calc(100% - 4px);width:-webkit-calc(100% - 4px);width:-moz-calc(100% - 4px);float: left; outline: none; font-size: 18px;color: #595959;font-family: "微软雅黑";text-indent:15px; margin-top:15px;}
.f_bg .f_box .boxs .bnts2{ width: 100%; height: 48px;line-height: 48px;  border: 0;  background: #595959;  color: #fff;  font-size: 18px;cursor: pointer; outline: none;  font-family: "微软雅黑"; margin-top:15px;transition:all 0.3s; text-align:left;text-indent:15px;font-weight:lighter; }
.f_bg .f_box .boxs .bnts2:hover{background: #dc5e3c;color: #fff;}
.f_bg .f_box .boxs .desc{ font-size:18px; color:#8e8e8e; font-weight:lighter; overflow:hidden; margin-top:15px;}
.f_bg .f_box .copyright{ clear:both; overflow:hidden; font-weight:lighter; font-size:13px; color:#fff; padding-top:140px;}
.f_bg .f_div2_r2{ float:right; margin-left:6%; width:20%; max-width:160px; text-align:center; margin-top:157px; font-size:18px;color:#8e8e8e;}
.f_bg .f_div2_r2 img{ display:block; width:100%;margin-bottom:13px;}
.f_bg .f_div2_r2 a img{transition:all 0.3s;}
.f_bg .f_div2_r2 a:hover img{opacity:0.9;filter:Alpha(opacity=90);}
.foot_a{ line-height:26px; font-size:12px; overflow:hidden; text-align:left; }
.foot_a span{ float:left; margin-right:2px;}
.foot_a ul{ float:left; width:280px;}
.foot_a ul li{float:left; width:41px; height:26px; margin-right:9px;}
.foot_a ul li a{ display:block; width:100%; height:100%; background:none;}
.foot_a ul li a:hover{transition:all 0.3s;filter: Alpha(Opacity=90);opacity: 0.9;}
.foot_a ul li.weixin a{ background:url(../image/i_ico7.png) no-repeat; background-size:100% 100%; padding:0; margin:0;}
.foot_a ul li.weixin a:hover{filter: Alpha(Opacity=100);opacity: 1.0;}
.foot_a ul li.weixin .wem1{width: 203px; display: none;text-align: center; padding-top: 20px; padding-bottom:20px; position: absolute; margin-left:-80px;margin-top: -183px; background-repeat: no-repeat;}
.foot_a ul li.weixin .wem1 img{ width:155px; height:155px; margin-right:5px;}
.foot_a ul li.weixin a:hover .wem1{ display:block;}
.foot_a ul li.qq{ background:url(../image/i_ico10.png) no-repeat;background-size:100% 100%;}

.foot_a ul li.sinna{ background:url(../image/i_ico6.png) no-repeat;background-size:100% 100%;}
.foot_a ul li.sinna:hover{ }
.foot_a ul li.sanye{ background:url(../image/i_ico8.png) no-repeat;background-size:100% 100%;}
.foot_a ul li.be{ background:url(../image/i_ico9.png) no-repeat;background-size:100% 100%;}




.page {clear: both;font-size:12px;padding: 20px; padding-bottom:31px;text-align: center; margin-top:20px;}
.page a, .page .curpagebtn {border: 1px solid #cccccc;color: #343434;display: inline-block;margin: 0 2px;padding: 0 8px;vertical-align: middle; line-height:26px;}
.page a, .page .curpagebtn {}
.page a:hover, .page .ok {background: none repeat scroll 0 0 #db2b2b;border: 1px solid #db2b2b;color: #FFFFFF; text-decoration:none;}
.page a:hover {font-weight: normal;}
.page .text {border: 1px solid #7FB96B;color: #666666;height: 17px;line-height: 17px;margin: 0 2px 0 0;text-align: center;vertical-align: middle;width: 20px;}
.page .btn {background: none repeat scroll 0 0 #AE0C0C;border: 1px solid #62A54C;color: #FFFFFF;height: 19px;line-height: 14px;margin: 0 2px;text-align: center;vertical-align: middle;width: 20px; cursor:pointer;}
.page .count {border: 1px solid #D4D4D4;color: #000;font-size: 12px;line-height: 180%;padding: 2px;}



@media screen and (max-width: 1440px) {
.f80{ font-size:70px;}
.f60{ font-size:50px;}
.f48{ font-size:44px;}
.f36{ font-size:32px;}
.f30{ font-size:26px;}
.f24{ font-size:21px;}
.f22{ font-size:20px;}
.f20{ font-size:18px;}
.f18{ font-size:16px;}

.f_bg .f_div2_r2{ margin-left:2%;}
.f_bg .h2{ font-size:20px;}
}

@media screen and (max-width: 1260px) {
.f80{ font-size:60px;}
.f60{ font-size:40px;}
.f48{ font-size:38px;}
.f36{font-size:30px;}
.f30{ font-size:25px;}

.nav li.m{ margin-left:30px;}

.f_bg .h2{ font-size:18px;}
}
@media screen and (max-width: 1200px) {

.nav li.m{ margin-left:26px;}

}
@media screen and (max-width: 1100px) {
.f80{ font-size:58px;}
.f60{ font-size:38px;}
.f48{ font-size:34px;}
.f36{ font-size:28px;}
.f30{ font-size:24px;}
.f24{ font-size:19px;}
.f22{ font-size:18px;}
.f20{ font-size:16px;}
.f18{ font-size:14px;}
.f16{ font-size:12px;}

.h93{ height:69px;}
.case_page .h93{ height:69px;}
.top_bg{ display:none;}
.touch-top{ display:block;}

    .touch-top-wrapper .touch-logo a{float: left;}
    .titworkon{margin: 15px 0 0 13px !important;display: inline-block !important;;font-size: 16px !important;;}
    .titworkon label{width: 4px !important;;height: 41px !important;;background: #848484;display: inline-block !important;;margin-right: 8px !important;;vertical-align: unset !important;;}
    .titworkon i{font-style: normal;color: #848484;font-weight: 300 !important;;vertical-align: bottom !important;;}


.f_bg .h2{ margin-bottom:10px; margin-top:20px;}
.f_bg .links{ float:none; width:100%;}
.f_bg .links ul li{ float:left; margin-right:2%; height:30px; line-height:30px;}
.f_bg .f_r{ float:none; width:100%;}
.f_bg .f_div2_r{ float:none; width:100%; padding-right:0;}
.f_bg .f_div2_r .ul li{ margin-top:15px; margin-bottom:15px; float:left;width:calc(50% - 60px);width:-webkit-calc(50% - 60px);width:-moz-calc(50% - 60px);}
.f_bg .f_div2_r .ul li.bgs5{width:calc(100% - 60px);width:-webkit-calc(100% - 60px);width:-moz-calc(100% - 60px);}
.f_bg .f_box .f_feedback{ float:none; width:100%; max-width:none;}
.f_bg .f_div2_r2{ float:left; margin-left:0; margin-right:3%; margin-top:25px;}
.f_bg .f_box .copyright{ padding-top:25px;}
.foot_a{ clear:both;}
	.clsaddr div p:last-child{width: 327px;		margin: 0 auto;		text-align: center;		padding-left: 16px;}

    .showpele{width: 100% !important;margin-bottom: 35px;}
    .showplfri{width: 100% !important;}
    .layui-layer-loading .layui-layer-content{background-size:50% !important;}

}
@media screen and (max-width: 960px) {

.foot_link{ line-height:40px;}

}
@media screen and (max-width: 780px) {
.f80{ font-size:42px;}
.f60{ font-size:32px;}
.f48{ font-size:26px;}
.f36{ font-size:22px;}
.f30{ font-size:20px;}
.f24{ font-size:17px;}
.f22{ font-size:16px;}
.f20{ font-size:14px;}
.f18{ font-size:12px;}
    .mobonl{right: 0 !important;}
    .webonl{right: -172px;position: absolute;}
    .mobonl img{margin-bottom: 8px;}
    .mobclo{display: block !important;}
}

@media screen and (max-width: 640px) {
.f80{ font-size:38px;}
.f60{ font-size:28px;}
.f36{font-size:21px;}
.f30{ font-size:18px;}

.foot_a{ padding-top:10px;}
.foot_a ul li{ width:30px; height:19px;}
.f_bg .f_div2_r .ul li{ background-size:30px auto; padding-left:45px;width: calc(50% - 45px);width: -webkit-calc(50% - 45px); width: -moz-calc(50% - 45px); padding-top:3px; padding-bottom:3px; margin-top:10px; margin-bottom:10px;}
.f_bg .f_div2_r2{ width:25%;}
}

@media screen and (max-width: 480px) {
.f80{ font-size:32px;}
.f60{ font-size:26px;}
.f48{ font-size:22px;}
.f36{ font-size:20px;}
.f30{ font-size:16px;}
.f24{ font-size:15px;}
.f22{ font-size:14px;}
.f20{ font-size:13px;}

.foot_link{ line-height:30px;}
.f_bg{ font-size:13px;}
.f_bg .logo2{ width:30px;}
.f_bg .f_div2_r .ul li{ padding-left:40px;}
.f_bg .f_box .boxs .inputs{ font-size:16px;}
.f_bg .f_box .boxs .bnts2{font-size:16px;}
.f_bg .f_box .boxs .desc{font-size:16px;}
.f_bg .f_div2_r2{font-size:16px;}
.f_bg .f_box .copyright{ font-size:12px;}

    .showpele{padding-left: 40px !important;}
}

@media screen and (max-width: 410px) {
.f80{ font-size:30px;}
.f60{ font-size:22px;}
.f48{ font-size:20px;}
.f36{ font-size:16px;}
.f30{ font-size:15px;}
.f24{ font-size:14px;}

.f_bg .f_div2_r .ul li{width: calc(100% - 40px); width: -webkit-calc(100% - 40px);width: -moz-calc(100% - 40px);}
}

@media screen and (max-width: 360px) {
.f24{ font-size:13px;}
}

.clatiton{color: #050505;}
.clatiten{color: #050505;font-family: 'Arial';margin-bottom: 32px;display: inline-block;}
.claonten{color: #050505;font-family: 'Arial';font-size: 12px;margin-bottom: 32px;display: inline-block;}
.clainmgssf div{float: left;margin-bottom: 32px}
.clainmgssf div img{margin:0px 5px 0 15px}
.clsaddr{clear: both;max-width: 570px;margin: 0 auto;}
.clsaddr img{float: left;}
.clsaddr div p:first-child{margin-bottom: 6px;}
.clsaddr div p:last-child{font-size: 14px;}
.clainmgssf {margin-bottom: 30px;}
.chonjob{max-width: 660px;}
.conrfoot ul li.qq{ background:url(../image/coni_ico105.png) no-repeat !important;background-size:100% 100%;}

.conrfoot ul li.sinna{ background:url(../image/coni_ico101.png) no-repeat !important;background-size:100% 100%;}
.conrfoot ul li.sinna:hover{ }
.conrfoot ul li.sanye{ background:url(../image/coni_ico103.png) no-repeat !important;background-size:100% 100%;}
.conrfoot ul li.be{ background:url(../image/coni_ico104.png) no-repeat !important;background-size:100% 100%;}
.conrfoot ul li.weixin a{ background:url(../image/coni_ico102.png) no-repeat; background-size:100% 100%; padding:0; margin:0;}
.conrfoot ul li{height: 30px !important;}
.conrfoot .bdsharebuttonbox {width: 260px;margin: 55px auto 35px;}
.lnlbesle{background:#db5e3c;position: fixed;top:1800px;z-index: 99;right: 0;transition:all 0.3s;}
.lnlbesle p{height: 52px;line-height: 52px;color: #fff;}
.lnlbesle div .onlqqtel a{display: block;line-height: 60px;height: 60px;color: #fff;padding: 0 20px 0px;text-align: left;}
.lnlbesle div .onlqqtel a:hover{background:#df6e50;}
.lnlbesle div .onlqqtel a span{display: inline-block;}
.lnlbesle div .onlqqtel a img{vertical-align: middle;margin-bottom: 5px;margin-right: 8px;}


.yema{text-align:center; padding:30px 0 0; overflow:hidden;  margin-bottom:50px;}
.yema a,.yema span{ padding:3px 10px; border:#ccc 1px solid; margin:0 2px; font-size:17px; display:inline-block; color:#333; font-family:"宋体"; margin-bottom:10px; border-radius:4px;}
.current{background:#F39500;color:#fff !important;border:#F39500 1px solid !important;}
.yema a:hover{  background:#F39500; margin:0 2px; color:#fff; text-decoration:none; border:1px solid #F39500;}

a.yema_on{color:#fff !important; border:#F39500 1px solid !important; background:#F39500;}
a.yema_on:hover{color:#fff !important; border:#F39500 1px solid !important; }
a.ok{color:#fff !important; border:#F39500 1px solid !important; background:#F39500;}
a.ok:hover{color:#fff !important; border:#F39500 1px solid !important; }

.mobonl{position: absolute;right: -172px;width: 20px;padding: 12px 12px;text-align: center;font-size: 14px;color: #fff;background: #db5e3c;}
.mobclo{display: none !important;position: absolute;top: -14px;right: 4px;}