/**
 */
@media screen and (max-width:768px){
	
.left { float:none;}
.right { float:none;}
.no-scroll{overflow-x:hidden; overflow-y:hidden !important; }
.mob_off{ width:0; height:0; display:none; position:absolute; left:-9999em; top:-999em;}
.mob_on{ height:auto; visibility:visible; display:block;}
	

/*header*/
#header{}
#header .top{ height: 48px; visibility:hidden; position:fixed; top: 0; z-index: 99}
#header .top .top-search{ float: none;position:relative;width:calc(100% - 48px);height:48px;position: relative;}
#header .top .search-text{float: left; width:calc(100% - 48px);height:48px;padding:0 10px;border:0px; font-size: 12px; line-height:48px;outline:0; box-sizing: border-box;}
#header .top .search-btn{float: left;width:48px;height:48px;border:0px;background:#fff url(../images/icon_search.png) no-repeat center; background-size:24px 24px;color:#616161;outline:0;}
#top .search .search-input:focus{ background:#fff;}
#top .search .search-input:focus +.search-submit{ background:#fff url(../images/icon_search.png) no-repeat; background-size:cover;}

#header .top .topnav{ display: none;}
#header .nav{display: none;}
#header .top .btn_mob_close{ display: block;position:absolute; right:0px; top:0; height:48px;}
#header .top .btn_mob_close img{height:48px; width:auto; position:relative;}
	
.m_menu{ display:block; width: 100%; height: 48px; background: #eee url(../images/logo_nav.png) no-repeat center; background-size: 110px 30px; z-index: 98; position: relative;}
.m_menu .search{ position: absolute; right: 4px; top: 9px;}
	
/* mob_nav */
#menu{ padding:0; background:#7e8387; visibility:hidden; position:fixed; top: 0; z-index: 9999}
#menu h2{color:#fff;}
#menu > ul > li{ border-top:solid 1px rgba(255,255,255,0.5);}
#menu > ul > li:last-child{ border-bottom:solid 1px rgba(255,255,255,0.5);}
#menu > ul > li a{ display:block; line-height:40px; color:#fff; text-indent:15px;}
#menu > ul > li a em{ font-variant:small-caps; padding-left:10px; color:rgba(255,255,255,0.5);}
#menu > ul > li.title{ height:50px; border-top:0;}
#menu > ul > li.title a{}
#menu > ul > li.title .logo{ float:left; padding-left:10px;}
#menu > ul > li.title .logo img{ display:block; height:50px;}
#menu > ul > li ul{ padding:0; border-top:solid 1px rgba(255,255,255,0.5)}
#menu > ul > li ul li{ border-bottom:solid 1px rgba(255,255,255,0.5);}
#menu > ul > li ul li:last-child{ border-bottom:0;}
#menu > ul > li ul li a{ font-size:12px;}
#menu .btn_mob_close{position:absolute; right:3px; top:0; height:50px;}
#menu .btn_mob_close img{height:48px; width:auto; position:relative;}
/*#menu .mm-selected > a{ background-color:#006bb7; color:#fff !important;}*/
	
	
	
	
/*banner*/
.fullSlide {width:100%;height:400px;position:relative;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd ul li {width:100% !important;height:100%;overflow:hidden;text-align:center;}
.fullSlide .bd ul li a {display:block; width: 100%; height:1080px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:15px;height:15px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on {background:#fff;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:2%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next {left:auto;right:2%;background-position:-6px -137px;}


#banner .logo{width: 180px; height: 102px; position: absolute; left: 50%; margin-left: -90px; top: 50%; margin-top: -151px;}
#banner .logo img{display: block;width: 100%;}
#banner .language{width: 80%; text-align:center;color:#fff;position:absolute;left: 10%;margin-left: 0px; top: 50%;margin-top: 100px; z-index:52}
#banner .language a.link{display: inline-block;width:100px;height: 30px;padding: 0;margin: 0 10px; border: solid 1px #fff;text-align: center;line-height: 30px;color:#fff;font-size: 12px;}
#banner .language a.link:hover{background:rgba(0,0,0,0.5);border: solid 1px rgba(0,0,0,0.5); color: #fff;}
#banner .slogan{ width: 80%; left: 10%; margin-left: 0px; position: absolute; top: 50%; margin-top:000px; }
#banner .slogan img{display: block; max-width: 100%;}
.index{ overflow-y: hidden;}

.scroll_down{ position:absolute; width:124px; height:113px; left:50%; bottom:20px; margin-left:-62px; z-index:2}
	
	
	
#container{  border-bottom: solid 0px #cdd2d8;width: 98%; padding:0 1%;}
#container.home{ border-top: solid 10px #fff; background: none;}
#container .wrap{width: 100%;margin: 0 auto}
#container .index-column ul {width: 100%; height:auto;}
#container .index-column ul li{float: none;width:100%; height:auto; overflow: hidden; margin-right: 0px; margin-bottom: 10px; position: relative;}
#container .index-column ul li img{display: block;width:100%; height:auto; transition: 0.3s;}
#container .index-column ul li.index-video:hover img{transform: scale(1.05, 1.05)}

#container .wrap img{display: inline-block; max-width: 100%; margin: 0 auto;}

/*footer*/
#footer { width:100%;position:relative;}
#footer .footer-links{display: none;}
#footer .copyright{padding:30px 10px;font-size:12px; text-align: center;}




/*子页*/
.subbanner{ width: 100%; height:auto;position: relative;}
.subbanner img{display: block;width: 100%;}	
.subbanner h2{ width: 100%; height: 50px; padding-top: 50px; text-align: center;background:#333; font-size: 18px; font-weight: lighter; line-height: 50px; color: #fff; position: absolute; left: auto; margin-left: 0; bottom: 0px;
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=rgba(51,51,51,0),endColorStr=rgba(51,51,51,1)); /*IE*/ 
background:-moz-linear-gradient(top,rgba(51,51,51,0),rgba(51,51,51,1));/*火狐*/ 
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(51,51,51,0)), to(rgba(51,51,51,1)));/*谷歌*/ 
background-image: -webkit-gradient(linear,left bottom,left top,color-start(0, rgba(51,51,51,0)),color-stop(1, rgba(51,51,51,1)));/* Safari & Chrome*/ 
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='rgba(51,51,51,0)', endColorstr='rgba(51,51,51,1)'); /*IE6 & IE7*/ 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='rgba(51,51,51,0)', endColorstr='rgba(51,51,51,1)')"; /* IE8 */ 
	}

	
.subnav{margin-bottom: 50px;}
.subnav ul{ text-align: center;}
.subnav ul li{ display: inline-block; width: 120px; height:40px;background:rgba(126,131,135,0.5); text-align:center;margin: 0 1px; margin-bottom: 5px;}
.subnav ul li a{ display:block; line-height:40px; color: #fff;}
.subnav ul li.on,.subnav ul li:hover{ background:rgba(126,131,135,1);}



.about-wrap{margin-bottom: 30px;}
.about-wrap .column{float: none; width:100%; margin: 0;}
.about-wrap .column img{display: block;width: 100%;}

/*视频*/
.video{width: 100%; height:auto; margin: 0 auto; position: relative; margin-bottom: 30px;}
.video img{display: block; width: 100%;}
.js_video_player{display: block; width: 70px; height: 70px; position: absolute; left: 50%; margin-left: -35px; top: 50%; margin-top: -35px; background: url(../images/video_btn.png) center center no-repeat; z-index: 2}
.js_video_player:hover{background: url(../images/video_btn_hover.png) center center no-repeat; z-index: 2}
.video_box{ display: none;width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 9; }
.video_player{display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: url(../images/video_btn.png) center center no-repeat; z-index: 2}
.video_box .btn{width: auto; height: auto; background: none; border-radius: initial; line-height: normal;}
.video_box .btn a{display: block; height: 158px; width: 156px; background: url(../images/index-btn.png) center center; background-size: 100%; margin: 0px auto; margin-top: -79px; margin-left: -78px; position: absolute; top: 50%; left: 50%;}
.video_box .btn a:hover{background: url(../images/index-btn-hover.png) center center; background-size: 100%;}
.video_box .btn a{background-size: 100px !important; background-repeat: no-repeat !important;}
.index-player{ width: 100%; height: 100%;background: rgba(0,0,0,0.5); position: relative;}
.index-player > div{ width: 100%; height: auto; position: absolute; left:0;top:50%;margin-left:0;margin-top:-270px;}
.index-player .video_box .title{position: absolute; width: 100%; top: 10%;}
.video_box a.close{position: absolute; right: 0; margin-right: 0; top: 50%; margin-top: -270px; display: none; width: 30px; height: 30px; border: 0; background:#000 url(../images/video-close.png) no-repeat; z-index:99;}


.news-wrap{ position:relative;margin-bottom: 30px;}
.news-wrap ul{ width:100%; overflow:hidden;margin-bottom:20px;}
.news-wrap ul li{ float:none; width:100%; height: auto; padding: 20px; border: solid 1px #d0d0d0; position:relative; margin-right:30px; margin-bottom: 10px; box-sizing: border-box;}
.news-wrap ul li:nth-child(3n){margin-right: 0;}
.news-wrap ul li a{display: block;width: 100%; height: 100%;}
.news-wrap ul li .img{display:block;float:left; width:100%; height:auto; overflow: hidden; margin-bottom: 15px; position: relative;}
.news-wrap ul li .img img{ width:100%; height:auto; transition: 0.5s;}
.news-wrap ul li .con{}
.news-wrap ul li .tit{ display:block; width:100%; line-height: 30px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.news-wrap ul li .dat{ display:block; float: right; line-height: 30px; color: #999;}
.news-wrap ul li .new{ width:61px; height:30px; background:url(../images/new.png) no-repeat; position:absolute; right:10px; bottom:10px;}
.news-wrap ul li:hover .img img{transform: scale(1.05,1.05); transition: 0.5s;}

.news-wrap .ntit{ text-align:center; font-size:18px; margin-bottom:20px;}
.news-wrap .ndat{ text-align:center; margin-bottom:20px;color: #999;}
.news-wrap .ndes{ line-height:30px; margin-bottom:30px;}
.news-wrap .prev,.newsinfo .next{ line-height:30px;}
.news-wrap .back{ width:100px;height: 40px; background:#339933; text-align:center; margin-top:20px; float:right;}
.news-wrap .back a{ color:#fff; line-height: 40px;}

.fanye{ float:right; height:24px; margin-bottom:30px;}
.fanye span{ display:block; float:left; width:24px; height:24px; margin:0 2px; background:url(../images/fanye.jpg) no-repeat;}
.fanye span.first{ width:24px; height:24px; padding:0; background-position:0 0;}
.fanye span.first:hover{ background-position:0 -24px;}
.fanye span.prev{ width:24px; height:24px; padding:0; background-position:-24px 0;}
.fanye span.prev:hover{ background-position:-24px -24px;}
.fanye span.current{ width:auto; padding:0 5px; background:none; text-align:center; line-height:26px;}
.fanye span.next{ width:24px; height:24px; padding:0; background-position:-48px 0;}
.fanye span.next:hover{ background-position:-48px -24px;}
.fanye span.last{ width:24px; height:24px; padding:0; background-position:-72px 0;}
.fanye span.last:hover{ background-position:-72px -24px;}
.fanye span a{ display:block; width:24px; height:24px; text-indent:-99999px;}




/*产品*/
.product-wrap{ position:relative; margin-bottom: 50px;}
.product-wrap ul{ width:100%;margin-bottom:20px; }
.product-wrap ul li{ float:left; width:calc((100% - 6px) / 3); height:auto;  position:relative; border:solid 1px #fff;}
.product-wrap ul li a{ display:block; width:100%; height:100%; position: relative;}
.product-wrap ul li a img{ display:block; width:100%; height:auto; position:relative; left:auto; top:auto; transition: 0.2s;}
.product-wrap ul li a .tit{ display: none; position: absolute; bottom: 0; opacity: 0; z-index: -1}
.product-wrap ul li a:hover img{ display:block; width:100%; height:auto; border: solid 0px #fff; z-index: 2; position: relative; left: auto; top:auto;}
.product-wrap ul li a:hover .tit{display: none;}

.product-wrap .img{ float:none; width: 100%; height: auto; text-align: center; margin-right: 0px; cursor: zoom-in;}
.product-wrap .img img{display: block;width: 100%;}
.product-wrap .img div{ line-height: 50px}

.product-wrap .info{ float:none; width:100%; margin: 0 auto; position:relative;}
.product-wrap .info .tit{ font-size:18px; margin-bottom:30px;}
.product-wrap .info .size{ color: #999; line-height: 30px;}
.product-wrap .info .use{ color: #999; line-height: 30px;}
.product-wrap .info .size{ color: #999; line-height: 30px;}
.product-wrap .info .des{ color: #999; line-height: 24px;}
.product-wrap .info img{max-width: 100%;}
	
.product-wrap .page{ width: 100%; text-align: center;}
.product-wrap .page div{display: inline-block; height:50px; margin: 0 5px; position: relative;}
.product-wrap .page div a{ padding:0 3px; line-height: 50px;}
.product-wrap .page div.prev { padding-right: 20px;}
.product-wrap .page div.prev:before{ content: ""; width: 9px; height: 16px; background: url(../images/slider-arrow.png) no-repeat -98px -76px; background-size: 120px 93px; position: absolute; right: 0; top: 17px;}
.product-wrap .page div.next { padding-left: 20px;}
.product-wrap .page div.next:before{ content: ""; width: 9px; height: 16px; background: url(../images/slider-arrow.png) no-repeat -40px -76px; background-size: 120px 93px; position: absolute; left: 0; top: 17px;}
.product-wrap .page div a:hover{ background: #666; color: #fff;}


.contact-wrap{ position:relative; margin-bottom: 50px;}
.contact-wrap ul h2{margin-bottom: 15px; font-size: 18px;}
.contact-wrap ul li{ line-height: 30px;}



.view-box{}
.row-view{ margin-bottom:14px;}
.row-view label{ display:block; font-size:16px; margin-bottom:14px;}
.row-view textarea{ display:block; width:100%; height:300px; padding:14px; border: solid 1px #d0d0d0; max-width:490px; box-sizing: border-box;}
.row-view input{ display:block; width:100%; height:42px; padding:0 14px; border: solid 1px #d0d0d0; box-sizing: border-box;}
.btn-sbm{ display:block; width:98px; height:42px; background:#333; text-align:center; line-height:42px; color:#fff;}




.join-wrap{position: relative; margin-bottom: 50px;}

/*招聘*/
.job_tit{ width:100%; height:300px; padding:0 0px 0 0; background:none; line-height:30px;}
.job_tit h3{ font-size:18px; font-weight:normal; margin-bottom: 40px;}
.joblist{ position:relative;}
.joblist ul li{ height:50px; line-height:50px; overflow: hidden; border-bottom:solid 1px #e5e5e5;}
.joblist ul li span{ display:block; float:left; width:25%; text-align:center;}
.joblist ul li.th{ height:50px; line-height:50px; background:#e5e5e5; border-top:solid 2px #333;}
.joblist ul li a{ display:block; width:80px; height:30px;background: #7e8387; color:#fff; text-align:center; line-height: 30px; margin:10px auto;}

/*职位信息*/
.cdbar{background:#fafafa;padding:10px;}
.cdbar .right_tit{height:54px;line-height:40px;font-size:18px;border-bottom:1px dotted #7e8387;}
.careersd_con {padding-top:30px;height:auto;}
.careersd_con li{float:none;width:100%;height:30px;overflow:hidden;}
.careersd_con li strong { font-weight:normal; color:#7e8387}
.careers_tit{width:100%;height:50px;background:#e5e5e5;padding-left:17px; font-weight:normal; font-size:16px;line-height:50px; box-sizing: border-box;}
.cdlist{padding:25px 11px 19px;}
.cdlist li{height:30px;padding-left:25px;color:#4b4b4b}
.requirements{padding:0 17px;background:rgba(0,0,0,0.1);margin-bottom:30px; padding-bottom:15px;}
.requirements strong{line-height:43px;height:70px; font-weight: normal;}
.requirements span{ }
.apply_btn{ height: 44px; overflow:hidden; margin-bottom: 15px;}
.careers{ float:right; width:110px;height:42px; margin-right:10px;border:1px solid #7e8387;text-align:center;line-height:42px;background:#7e8387; color:#fff;}
.close { cursor:pointer; float:right; width:110px; height:42px; text-align:center; line-height:42px; border:1px solid #7e8387; color:#7e8387}


/*申请列表*/
.input_box{ background: #fafafa; padding:10px;}
.input_box .tit0{ color:#7e8387; font-weight:normal; color:#999; margin:10px 0; padding:5px 0px;}
.input_box .tit0 strong{ color:#7e8387; font-weight:normal;}
.input_box .text{ padding:10px 0px;}
.input_box ul{ width:100%; padding:0 0 20px 0; overflow:hidden;}
.input_box ul li{ width:100%; overflow: hidden; margin-bottom: 10px; min-height:30px; font-size:14px; line-height:30px; color:#666666; position: relative;}
.input_box ul li .lab{width:100%; height: 30px; line-height: 30px; text-align:left; cursor: auto; box-sizing: border-box;}
.input_box ul li .inp{width:100%; border:1px solid #ddd; margin-right:0px; box-sizing: border-box;}
.input_box ul li .t{ float:none; width:100%;}
.input_box ul li .zhi{ float:left; margin:0 5px;}
.input_box ul li .t_nrt{ padding-top:10px;}
.input_box ul li .t_nrt dt{ position:relative; height:30px;}
.input_box ul li .t_nrt dt .x{ float:left; background:url(../images/input1_03.jpg) right 6px no-repeat; color:#823f3f; padding-right:15px; margin: 0 10px; cursor:pointer;}
.input_box ul li .t_nrt dd{ background:url(../images/input1_10.jpg) no-repeat; width:131px; height:23px; line-height:22px; font-size:12px; padding-left:15px; color:#823f3f;}
.input_box ul li em{ color:#7e8387; display:inline-block; float:left; padding:0 5px; position:absolute; top:2px; right: 0; font-style:normal;}
.input_box ul li .inp input{ font-size:14px; width:100%; background:none; border:none; height:30px; line-height:30px;}
.input_box ul li .inp textarea { display: block; width:100%; max-width: 100%; height:120px; line-height:22px;font-size:14px; background:none; border:none;}
.input_box ul li .select{ height:22px; float:left; width:194px; background:url(../images/inputb.jpg) no-repeat left top #fff; border:1px solid #ddd;}
.input_box ul li .set1{ margin:0 30px 0 5px;}
.input_box ul li.inp50{ width:50%;}
.input_box ul li.inp50 .inp{  width:190px; }
.input_box ul li .inpfocus{ border-color:#8FBDEF;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgba(82, 168, 236, 0.6);outline: 0 none;}
.input_box ul li .sub{ padding:5px 15px; cursor:pointer; *padding:2px 7px; line-height:16px; border:none; margin-right:10px; color:#fff; font-size:14px; background:#b01b1d;}
.input_box ul li .sub:hover{  background:#830d0f;}
.input_box ul li .reset{padding:5px 15px; cursor:pointer; *padding:2px 7px; line-height:16px; border:none; margin-right:10px; color:#fff; font-size:14px; background:#c9a263;}
.input_box ul li .reset:hover{  background:#8f6118;}
.input_box ul li.inp50 .w81{ width:81px}
.input_box ul li.code .inp{ width:100px;}
.input_box ul li.code  img{ margin-left:20px; cursor:pointer; float:left;}
.input_box ul li.code  .cg{ margin-left:20px; color:#005ead; text-decoration:underline; float:left; }
.input_box ul li.code  .cg:hover{ color:#b01b1d;}
.input_box .select_0{ width:100%; position:relative;}
.input_box .select_0 dt{ background:url(../images/input1_14.jpg) right center no-repeat; padding:0 5px; cursor:pointer;}
.input_box .select_0 dd{ position:absolute; max-height:200px; overflow-y:auto; overflow-x:hidden; background:#fff; border:1px solid #ddd; width:100%; left:-2px; top:22px; display:none; z-index:100;}
.input_box .select_0 dd a{ display:block; line-height:1.5; color:#000; white-space:normal; padding:0 5px;}
.input_box .select_0 dd a:hover,.input_box .select_0 dd a.on{ background:#CCC;}
.input_box .radio_bon{ float:none;}
.input_box .radio_bon dd{background:url(../images/radio.jpg) no-repeat 0 0px; line-height: 30px; white-space:normal; float:left; margin-right:20px; cursor:pointer;}
.input_box .radio_bon dd input[type=radio]{margin-right: 4px;line-height: 30px; vertical-align:middle;}
.input_box .radio_bon dd.on{ background-position:0 -30px;}
.input_box .radio_bon dt{ display:none;}
.input_box .add_input li .reset { margin-right:50px;}
.input_box ul.add_inp2{ position:relative; margin-top:30px; }
.input_box ul li.in_clear0{ color:#F00; position:absolute; right:-10px; top:0; width:40px; text-align:center; cursor:pointer;}
.input_box .n_text0{ padding:0 30px;}
.input_box .bottom{ border-top:1px dashed #ddd; text-align:center; padding:20px 0;}
.input_box .bottom button{ display:inline-block; background:#7e8387 ; border:1px solid #7e8387; margin:0 20px; line-height:40px; min-width:100px; text-align:center; color:#fff; cursor:pointer;}
.input_box .bottom input { height:44px; display:inline-block; background:#7e8387 ; border:1px solid #7e8387; margin:0 20px; line-height:40px; min-width:100px; text-align:center; color:#fff; cursor:pointer;}
.input_box .bottom button.res{ background:#f8f5f3; color:#7e8387; border:1px solid #7e8387; cursor:pointer;}
.input_box .bun{ float:left; background:#93575a; padding:2px 10px; color:#fff; border-radius:5px; cursor:pointer;}
.input_box .add{ float:left;}
.input_box .add i{ font-style:normal;}
.input_box .add a{ color:#d45757; text-decoration:underline;}
.input_job_add{}
.input_job_add .cl0{ display:none;}
.input_job_add .cl1{ display:none;}
.j_add{ position:relative;}
.j_add .cl1{ position:absolute; right:0; top:0; color:#F00; width:20px; height:20px; cursor:pointer; display:block;}

/*搜索*/
#stuffbox{}
#stuffbox .tag_total{ font-size: 16px; line-height: 40px; border-bottom: solid 1px #d0d0d0; margin-bottom: 10px;}
#stuffbox ul li{ width: 100%; height: 50px; line-height: 50px; border-bottom: dashed 1px #d0d0d0; padding-bottom: 10px; margin-bottom: 10px;}
#stuffbox ul li:last-child{ border: 0;}
#stuffbox ul li img{ float: left; display: block; width: 50px; height: 50px;}
#stuffbox ul li a{float: left; margin-left: 10px;}
#stuffbox ul li span{ float: right;}	
}