@charset "utf-8";
*{padding:0;margin:0;font-family: "微软雅黑"; font-size:14px;color: #333; }
table {	border-collapse:collapse;	border-spacing:0;}
fieldset, img {	border:0;}
ol, ul, li {list-style:none outside none;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
a{ text-decoration:none;}
input {outline:none;*outline:expression(this.hideFocus=true);}
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {border:none;padding:0;}
.clear:after {	visibility:hidden;	display:block;	font-size:0;	content:"1";	clear:both;	height:0;}
.clear {clear:both; }

body{ background:#eee;}
.wrap{ width: 1200px; margin: 0 auto;}
.left { float:left;}
.right { float:right;}
.no-scroll{overflow-x:hidden; overflow-y:hidden !important; }
.mob_on{ display:none; visibility:hidden; height:0; overflow:hidden;}
.mob_off{ display:block;}
.m_menu{display: none;}

#container{ width:100%; overflow:hidden; margin: 0 auto;}
.fr{float:right;display:inline;}
.clearfix:after {visibility: hidden;display: block;content: " ";clear: both;height: 0;line-height: 0;}
.clearfix {zoom: 1;}
/*右侧导航*/
#sidenav{width:100px;height:360px; padding-top:60px; position:fixed; right:10px; top:50%; margin-top:-210px; background:url(../images/right-nav-bg.png) no-repeat center;z-index:999;text-align:left !important;}
#sidenav li{text-align:left !important; padding:20px 0;}
#sidenav li a{width:100px;display:block;text-align:right !important;height: 20px; font-size:0;}
#sidenav li a:hover em{display:inline-block;}
#sidenav li a:hover{}
#sidenav .current em{display:inline-block;}
#sidenav .current a{}
.nav-ico{width:20px;height:20px;background:url(../images/cur-ico.png) no-repeat;display:inline-block;display:none;position:relative;right:0px;top:0px;}
.nav-ico1{ background-position:-65px -80px;}
.nav-ico2{ background-position:-65px -140px;}
.nav-ico3{ background-position:-65px -200px;}
.nav-ico4{ background-position:-65px -260px;}
.nav-ico5{ background-position:-65px -320px;}

@media (max-width:768px){
#sidenav{width:0; display:none; }
}

/*六个个板块*/
.section{ width:100%; margin:0 auto;position:relative;}
.section p{ line-height:30px;}
.section .top-bg{ display:block; width:100%; height:60px; background:#992626 url(../images/top-bg.png) no-repeat center;}

.top-ico2{background:url(../images/top-ico.gif) no-repeat;width:50px;height:50px;display:block;position:absolute; margin-left:-25px;left:50%;bottom:25px;z-index:9990;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}
.top-ico{background:url(../images/top-ico.png) no-repeat;width:50px;height:50px;display:block;margin:20px auto}
.top-ico:hover,.top-ico2:hover{background:url(../images/top-ico-hover.png) no-repeat;}
.top-ico1{background:url(../images/top-ico1.png) no-repeat;width:50px;height:50px;display:block;position:absolute; margin-left:-25px;left:50%;bottom:150px;z-index:9990;}
.top-ico1:hover{background:url(../images/top-ico-hover1.png) no-repeat;}

/* section-1 首页*/
.section-1{ height:auto; background:#eee; overflow:hidden;}

.top{ width:100%; height:100px; overflow:hidden; background:#eee; z-index:10000;}
.top .logo{ float:left; width:380px; height:39px; font-size:16px; background:url(../images/logo.jpg) no-repeat; margin:31px 0 0 200px; padding-left:320px; padding-top:18px; -moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}
.top .logo a.cur{ color:#992626;}
.nav{ float:right; margin-right:160px;}
.nav ul li{ display:inline-block; background:url(../images/nav-bg.png) no-repeat right center;}
.nav ul li:last-child{ background:none;}
.nav ul li a{ display:block; width:100px; height:100px;}
.nav ul li a.nav1{ background:url("../images/nav.png") no-repeat 0 0;}
.nav ul li a.nav2{ background:url("../images/nav.png") no-repeat -100px 0px;}
.nav ul li a.nav3{ background:url("../images/nav.png") no-repeat -200px 0px;}
.nav ul li a.nav4{ background:url("../images/nav.png") no-repeat -300px 0px;}
.nav ul li a.nav5{ background:url("../images/nav.png") no-repeat -400px 0px;}
.nav ul li a.nav6{ background:url("../images/nav.png") no-repeat -500px 0px;}
.nav ul li a.nav1:hover,.nav ul li a.cur1{ background:url("../images/nav.png") no-repeat 0px -100px;}
.nav ul li a.nav2:hover,.nav ul li a.cur2{ background:url("../images/nav.png") no-repeat -100px -100px;}
.nav ul li a.nav3:hover,.nav ul li a.cur3{ background:url("../images/nav.png") no-repeat -200px -100px;}
.nav ul li a.nav4:hover,.nav ul li a.cur4{ background:url("../images/nav.png") no-repeat -300px -100px;}
.nav ul li a.nav5:hover,.nav ul li a.cur5{ background:url("../images/nav.png") no-repeat -400px -100px;}
.nav ul li a.nav6:hover,.nav ul li a.cur6{ background:url("../images/nav.png") no-repeat -500px -100px;}


/*手机站导航开始*/
.sp_header{height:70px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%;}
.sp_logo{padding:20px;float:left;height:70px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:70px;float:right;position:relative;cursor:pointer;height:30px;margin-top:25px}
.sp_nav span{display:block;background:#c9141e;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:70px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 72px)}
.sjj_nav>ul>li:first-child .language{float:right;width:72px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*手机站导航结束*/

@media (min-width:768px){
.top{ width:100%; }
#box_wrap{ width:100%; }
.sp_header{ display:none; }
}
@media (max-width:768px){
#box_header{height:70px;}
.top{ display:none; }
#box_wrap{ display:none; }
.sp_header{ width:100%; }
}

/* banner开始 */
.mBan2 { overflow: hidden; }
.mBan2 .slideBox{ width:100%; height:auto; position:relative; }
.mBan2 .slideBox .hd{ height: 10px; overflow: hidden; position: absolute; bottom: 4px; z-index: 1; background: url(../images/btnBg.png) no-repeat; margin-left: -46px; left: 50%; padding: 4px 0px 0px 11px;  }
.mBan2 .slideBox .hd ul{ zoom: 1; }
.mBan2 .slideBox .hd ul li{ float:left;;width: 6px; height: 6px; background: url(../images/btn1.png) no-repeat; cursor: pointer; margin-right: 10px; }
.mBan2 .slideBox .hd ul li.on{ background: url(../images/btn2.png) no-repeat; }
.mBan2 .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.mBan2 .slideBox .bd ul,.slideBox .bd ul li{width:100%!important}
.mBan2 .slideBox .bd img{ width:100%; height:auto; display:block;  }
/* banner结束 */




	
/* section-2 产品*/
.section-2{ height:auto;}
.section-2 .product-column{ width:1280px; height:auto; margin:0 auto;}
.section-2 .product-column  img{ display:block; border:0; width:100%;}
.section-2 .product-column li{ position:relative;}

.section-2 .product-column .left{ float:left; width:1280px; height:auto;}
.section-2 .product-column .left .lf1{ float:left; width:30%; margin-right:5%; z-index:3}


.section-2 .product-column li .bg{width:100%; height:100%; font-size:24px; text-align:center; color:#fff; display:none;background:url(../images/b-bg.png); z-index:5;position:absolute;left:0px;top:0px;}
.section-2 .product-column .left li .bg{ line-height:350px;}
.section-2 .product-column .right li .bg{ line-height:200px;}


@media (max-width:768px){
.section-2{ height:auto;}
.section-2 .product-column{ width:100%;height:auto; margin:0 auto; mar}
.section-2 .product-column .left{ float:left; width:100%;height:auto;}
.section-2 .product-column .left .lf1{ float:left; width:30%; margin-right:5%; z-index:3}


.section-2 .product-column li .bg{width:100%; height:100%; font-size:24px; text-align:center; color:#fff; display:none;background:url(../images/b-bg.png); z-index:5;position:absolute;left:0px;top:0px;}
.section-2 .product-column .left li .bg{ line-height:350px;}
.section-2 .product-column .right li .bg{ line-height:200px;}

}



/* section-3 客户*/
.section-3{ height:auto;}
#feature { width:1280px; height:400px; margin:0 auto; position:relative;}
#botton-scroll { position:relative; width:1280px; height:200px; margin:0 auto; z-index:0; }
#feature .prev,#feature .next { display:block; width:50px; height:50px; font-size:0; position:absolute; top:50%; margin-top:-25px;}
#feature .prev{ left:0; background: url(../images/lf.png) no-repeat;}
#feature .next { right:0; background: url(../images/rig.png) no-repeat;}
#feature .prev:hover {background: url(../images/lf1.png) no-repeat;}
#feature .next:hover {background: url(../images/rig1.png) no-repeat;}
#feature .featureUL { position:relative; width:100%; float:left; margin-left:50px; bottom:20px;}
#feature .featureBox { width:236px; height:142px; float:left; overflow:hidden; }

#feature .featureBox img{ width:100%;}


@media (max-width:768px){
	


}


/* section-4 关于*/
.section-4{ height:auto; background:url(../images/about.jpg) no-repeat center;}
.section-4 p{max-width:1200px;margin:0 auto; width:100%; overflow:hidden; font-size:16px;}

.about-btn{ display: block; width: 90px; height: 90px; background: url(../images/s4-2.png) no-repeat center; background-size: cover; margin: 20px auto;}


@media (max-width:768px){
	
.about-btn{ display: block; width: 90px; height: 90px; background: url(../images/s4-2.png) no-repeat center; background-size: cover; margin: 20px auto;}

}


/* section-5 新闻*/
.section-5{ height:auto;}
.pic_con{width:1600px; overflow:hidden; margin:0 auto; position:relative}

.pic_change{ float:right; height:50px; padding:25px 0; position:relative;}
.btn_change{width:50px;height:50px; text-indent:-9999px;cursor:pointer}
.left_btn{ float:left;background:url(../images/lf.png) no-repeat center;left:0px}
.right_btn{ float:left;background:url(../images/rig1.png) no-repeat center;right:0px}
.highlight_tip{ float:left;position:relative;margin:0 auto;}
.highlight_tip span{ display:block; width:50px;height:50px;line-height:50px; text-align:center;float:left;}
.highlight_tip span.current{height:50px;width:50px;line-height:50px;background:#992626;text-align:center; color:#fff;}

.pic_content{ float:right;width:1600px;height:200px;overflow:hidden;position:relative;margin:0px auto}
.pic_content .pic_lists{float:left;width:8888px;height:200px;overflow:hidden;position:absolute;top:0px;left:0px}
.pic_content ul{ width:100%;}
.pic_content ul li{float:left; width:800px; height:200px; overflow:hidden; position:relative}
.pic_content ul li .img{ float:left; width:300px;}
.pic_content ul li .img img{ display:block; border:0; width:100%;}
.pic_content ul li .txt{ float:right; width:480px; height:200px; overflow:hidden;line-height:24px; padding:10px;}
.pic_content ul li .txt h2{ font-size:16px; font-weight:900; line-height:40px;}

@media (max-width:768px){


}

/* section-6 联系*/
.section-5{ height:auto;}
.section-5 div.map{ width:100%; height:650px; margin-bottom:-25px;background:url(../images/map.jpg) no-repeat center;}
.section-5 div.map-message{ width:288px; height:603px; padding:180px 30px 0 30px; text-align:center; color:#fff; line-height:30px; -moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box; position:absolute; left:10%; top:50%; margin-top:-350px; background:url(../images/map-message.png) no-repeat center;}
.footer{ width:100%; height:150px; background:#666; position:relative;}
.footer p{ font-size:14px; color:#333; position:absolute; left:25px; bottom:10px;}
.footer a{ color:#333;}
.footer .logo{ float:left; width:291px; height:39px; background:url(../images/logo-map.png) no-repeat; margin:31px 0 0 25px;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}




@media (max-width:768px){
.section-1{ height:auto;}
.top-ico2{width:0;}	
.top-ico{width:0;height:0;}	
	
#feature { width:100%; height:400px; margin:0 auto; position:relative;}
#botton-scroll { position:relative; width:100%; height:auto; margin:0 auto; }
#feature .prev,#feature .next { display:block; width:50px; height:50px; font-size:0; position:absolute; top:50%; margin-top:-25px;}
#feature .prev{ left:0; background: url(../images/lf.png) no-repeat;}
#feature .next { right:0; background: url(../images/rig.png) no-repeat;}
#feature .prev:hover {background: url(../images/lf1.png) no-repeat;}
#feature .next:hover {background: url(../images/rig1.png) no-repeat;}
#feature .featureUL { position:relative; width:96%; float:left; margin-left:2%; bottom:20px;}
#feature .featureBox { width:30%; height:auto; margin:0 1%; float:left; overflow:hidden; }

#feature .featureBox img{ width:100%;}




.section-5{ height:625px;}
.section-5 div.map{ width:100%; height:450px; margin-bottom:-25px;background:url(../images/map.jpg) no-repeat center;}
.section-5 div.map-message{ width:288px; height:403px; padding:180px 30px 0 30px; text-align:center; color:#fff; line-height:30px; -moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box; position:absolute; left:10%; top:50%; margin-top:-350px; background:url(../images/map-message.png) no-repeat center;}
.footer{ width:100%; height:150px; background:#666; position:relative;}
.footer p{ font-size:14px; color:#333; position:absolute; left:25px; bottom:10px;}
.footer a{ color:#333;}
.footer .logo{ float:left; width:291px; height:39px; background:url(../images/logo-map.png) no-repeat; margin:31px 0 0 25px;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}

}	


/* header */
#box_header { width: 100%; height: 90px; background:#eee; z-index: 9999; }
#box_wrap { width: 1200px; position: relative; margin: 0 auto;}

#box_logo { float: left; padding-top: 25px;}
#box_logo a.cur{ color:#992626;}
#box_logo a:first-child{ margin-right: 20px;}

#box_menu { float: right; width: 880px;	}
#box_menu ul { width: 880px;height: 90px}
#box_menu ul li { float: left; width: 110px; height: 90px; overflow: hidden; font-size: 15px; text-align: center; position: relative;}
#box_menu ul li a { display: block; width: 100%; height: 90px; background:rgba(255,255,255,0); text-align: center; color: #fff; position:relative;}
#box_menu ul li a:hover { color: #fff; text-decoration: none}
#box_menu ul li .cn { width: 110px; height: 90px; font-size: 16px; background: #992626; color: #fff; line-height: 90px; position: absolute; top: 90px; left: 0;}
#box_menu ul li .en { width: 110px; height: 90px; font-size: 16px; line-height: 90px; position: absolute; top: 0; left: 0;}


@media (max-width:768px){
#box_header{height:70px;}

#box_wrap{ display:none; }

}


/*footer*/
#footer { width:100%;position:relative; border-top: solid 1px #d0d0d0;}
#footer .footer-links{width:1200px; margin: 0 auto; padding:40px 0; text-align: center;}
#footer .footer-links .col-links{ display: inline-block; vertical-align: top; margin:0 50px; text-align: center;}
#footer .footer-links .col-links dt{ margin:0px 0 26px;font-size:16px;line-height:1.25;color:#424242}
#footer .footer-links .col-links dd{ margin:10px 0 0;font-size:12px}
#footer .footer-links .col-links a{ color:#757575}
#footer .footer-links .col-links a:hover{color:#1d2088}
#footer .footer-links .col-contact{float:right;width:251px;height:112px;border-left:1px solid #e0e0e0;text-align:center;color:#616161}
#footer .footer-links .col-contact p{margin:0 0 16px;font-size:12px}
#footer .footer-links .col-contact .phone{margin:0 0 5px;font-size:22px;line-height:1;color:#1d2088}
#footer .copyright{padding:30px 0;font-size:12px;background:#333; text-align: center; color: #eee;}
#footer .copyright p{ color: #eee;}
#footer .copyright a{font-size:12px; color: #eee;}
#footer .copyright .slogan{margin:30px auto 0;width:202px;height:39px; text-indent:-999em;background: url(../images/logo_home.png) no-repeat center 0;background-size: 100% 100%;}





#menu{ width: 14px; position: fixed; top: 40%; right: 50px; z-index: 70;}
#menu li{ width: 14px; height: 14px; background: #fff; font-size: 14px; position: relative; margin: 0px 0px 10px; transition: 0.5s;}
#menu li a{ display: block; width: 100%; height: 100%; line-height: 10px; font-size: 12px; color: #fff; text-align: center;position: relative;}
#menu li a span{ display: block; width: 0; height:100%; background: #22ac38; overflow: hidden; line-height: 28px; font-size: 12px; color: #fff; text-align: center; position: absolute; right: 14px; transition: 0.1s 0s;}
#menu li.active{ height: 28px;}
#menu li.active a{ background-color: #22ac38; color: #fff;}
#menu li.active span{ width: 64px; transition: 0.5s 0.5s;}


/*子页*/
.subbanner{ width: 100%; height: 300px; position: relative; margin-bottom:20px;}
.subbanner img{display: none;}	
.subbanner h2{ width: 150px; height: 50px; text-align: center;background:#333; font-size: 18px; font-weight: lighter; line-height: 50px; color: #fff; position: absolute; left: 50%; margin-left: -75px; bottom: 20px; }

.subnav{margin-bottom: 50px;}
.subnav ul{ text-align: center;}
.subnav ul li{ display: inline-block; width: 120px; height:40px;background:#333; text-align:center;margin: 0 1px}
.subnav ul li a{ display:block; line-height:40px; color: #fff;}
.subnav ul li.on,.subnav ul li:hover{ background:#992626;}



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

/*视频*/
.video{width: 1200px; height:576px; margin: 0 auto; position: relative; margin-bottom: 30px;}
.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: 960px; height: 540px; position: absolute; left:50%;top:50%;margin-left:-480px;margin-top:-270px;}
.index-player .video_box .title{position: absolute; width: 100%; top: 10%;}
.video_box a.close{position: absolute; right: 50%; margin-right: -540px; 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:left; width:338px; padding: 20px; border: solid 1px #d0d0d0; position:relative; margin-right:30px; margin-bottom: 30px;}
.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:338px; height:225px; overflow: hidden; margin-bottom: 15px; position: relative;}
.news-wrap ul li .img img{ width:338px; height:225px; transition: 0.5s;}
.news-wrap ul li .con{}
.news-wrap ul li .tit{ display:block; width:338px; 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:118px; height: 118px;  position:relative; border:solid 1px #fff;}
.product-wrap ul li a{ display:block; width:118px; height: 118px; position: relative;}
.product-wrap ul li a img{ display:block; width:118px; height:118px; position: absolute; left: 0px; top: 0px; transition: 0.2s;}
.product-wrap ul li a .tit{ position: absolute; bottom: 0; opacity: 0; z-index: -1}
.product-wrap ul li a:hover img{ display:block; width:138px; height:138px; border: solid 5px #fff; z-index: 2; position: absolute; left: -15px; top: -15px;}
.product-wrap ul li a:hover .tit{ width: 148px; height: 40px; background: #fff; line-height: 40px; text-align: center; bottom:-50px; left: -15px; opacity: 1; transition: 0.2s 0.2s; z-index: 1}

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

.product-wrap .info{ float:left; width:750px; margin: 0 auto; margin-bottom: 50px; 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 20px; position: relative;}
.product-wrap .page div a{ padding:0 10px; 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;}



.product-wrap .pcon{ width:700px; height:150px; padding:25px 225px 25px 25px; background:#eee url(../images/pcon.jpg) no-repeat; line-height:30px;}



/*产品列表*/
.sub-list{ clear:both; margin-bottom:40px;}
.sub-list h2{ font-size:18px; font-weight:normal; margin-bottom:28px;}
.sub-list ul li{ float:left; width:300px; padding:10px; box-sizing:border-box; margin-bottom:42px; position: relative;}
.sub-list ul li:hover{background:#fff;}
.sub-list ul li .img{ width:280px; height:280px; margin-bottom:10px; position:relative;}
.sub-list ul li .img img{ display:block; width: 280px; height: 280px;}
.sub-list ul li .txt{}
.sub-list ul li .txt .style{ font-size:12px; line-height:24px; color:#999;}
.sub-list ul li .inf{ display:block; width:300px; height:0; padding:10px; background:#f0f0f0; box-sizing:border-box; position:absolute; left:0px; top:290px; opacity:0; visibility:hidden; z-index:2}
.sub-list ul li:hover .inf{ height:auto; visibility:visible; opacity:1; transition:all linear 0.5s 0.5s;}
.sub-list ul li .inf .color{ overflow:hidden; margin-bottom:10px;}
.sub-list ul li .inf .color ul li{ float:left; width:50px; height:50px; border:solid 1px #000; box-sizing:border-box; margin-right:10px; margin-bottom:10px;}
.sub-list ul li .inf .style{ font-size:12px; line-height:24px; color:#999;}
.sub-list ul li .inf .spec{ margin-top:15px; font-size:12px; color:#666; line-height:24px; position:relative;}
.sub-list ul li .inf .spec:before{ content:""; width:100px; height:1px; background:#000; position:absolute; left:0; top:-5px;}

.page{ width:100%; margin-top:40px; margin-bottom:40px; text-align:center;}
.page ul li{ display:inline-block; margin:0 7px;}
.page ul li a:hover{ text-decoration:underline;}





.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:490px; height:300px; padding:14px; border: solid 1px #d0d0d0; max-width:490px;}
.row-view input{ display:block; width:490px; height:42px; padding:0 14px; border: solid 1px #d0d0d0;}
.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:600px; height:300px; padding:0 500px 0 0; background:url(../images/careers_img.png) no-repeat right center; 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; border-bottom:solid 1px #e5e5e5;}
.joblist ul li span{ display:block; float:left; width:20%; 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 27px;}
.cdbar .right_tit{height:54px;line-height:40px;font-size:18px;border-bottom:1px dotted #7e8387;}
.careersd_con {padding-top:30px;height:110px;}
.careersd_con li{width:216px;height:30px;float:left;overflow:hidden;}
.careersd_con li strong { font-weight:normal; color:#7e8387}
.careers_tit{width:631px;height:50px;background:#e5e5e5;padding-left:17px; font-weight:normal; font-size:16px;line-height:50px;}
.cdlist{padding:25px 11px 19px;}
.cdlist li{height:30px;padding-left:25px;color:#4b4b4b}
.requirements{padding-left: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:15px;}
.input_box .tit0{ color:#7e8387; font-weight:normal; color:#999; margin:10px 0; padding:5px 10px;}
.input_box .tit0 strong{ color:#7e8387; font-weight:normal;}
.input_box .text{ padding:10px 30px;}
.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{ float:left; width:150px; height: 30px; line-height: 30px; text-align:right; cursor: auto;}
.input_box ul li .inp{ float:left; width:300px; border:1px solid #ddd; margin-right:5px;}
.input_box ul li .t{ float:left; width:300px;}
.input_box ul li .zhi{ float:left; margin:0 5px 0 0;}
.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:relative; top:2px; 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;font-size:14px; width:100%; max-width: 100%; background:none; border:none; height:120px; line-height:22px;}
.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:left;}
.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; width: 50px; height: 50px;}
#stuffbox ul li a{float: left; margin-left: 10px;}
#stuffbox ul li span{ float: right;}