*{ margin:0 auto; padding:0;}
html{ height:100%;}
body{ background:#FFF; font-family: '微软雅黑'; cursor:default; height: 100%; overflow:hidden;}
a{ text-decoration:none; cursor:pointer;}
img{ border:none;}
li{ list-style:none;}
.clear{ clear:both;}


.wrap{height: 100%; z-index:9;}
.header{ width: 100%; height:60px; position: fixed; top: 0; left: 0; background:#232323; z-index:100;}
.header .logo{ float: left; margin-left: 15px; margin-top: 20px;}
.header .menu{float: right;}
.header .menu li{ width: 130px; float: left;}
.header .menu li a{ display: block; text-align:center; overflow:hidden; height: 40px; margin-top: 10px;}
.header .menu>li>a{ opacity: 0.8; filter:alpha(opacity=80);}
.header .menu li a p{ line-height: 20px; font-size: 14px; color: #efede7;}
.header .menu li a p span{ font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.header .menu li ul{ display:none; padding-top: 13px; width: 1000px;}
.header .menu li ul li{ float:left; width: 110px; height:30px;}
.header .menu li ul li a{ height: 24px; margin-top: 3px;}
.header .menu li ul li a p{line-height: 24px; font-size: 13px;}
.menu_ul1{ margin-left: -290px;}
.menu_ul2{ margin-left: -340px;}
.menu_ul3{ margin-left: -345px;}
.menu_ul4{ margin-left: -55px;}
.menu_ul5{ margin-left: -110px;}

.menu_bg{ width: 100%; height:0; background:#000; opacity:0; filter:alpha(opacity=0); position: fixed; top: 60px; z-index:99; border-bottom:1px #FFF solid; padding-bottom:20px;}

.main{ padding:50px 0 25px 0; overflow:hidden; position: relative;}
.main .main_line{ height: 99999px; width: 100%; position: absolute;}

.box1, .box2, .box3, .box4, .box5, .box6, .box7{ height: 100%; overflow:hidden; position:relative; display:none;}
.box1{ display: block;}


.box1 .index_bg{ height: 100%; width: 99999px; position:absolute; top: 0; left: 0;}
.box1 .index_bg li{ height: 100%; float: left; overflow:hidden;}
.box1 .index_bg li img{}
.banner_left{ width: 100px; height: 100%; position: absolute; left: 0; top: 0; z-index:93;}
.banner_left.hover{ background:url(../images/prev.png) center center no-repeat; cursor:pointer;}
.banner_left.hover1{ background:url(../images/prev.png) center center no-repeat;}
.banner_right{ width: 100px; height: 100%; position: absolute; right: 0; top: 0; z-index:93;}
.banner_right.hover{ background:url(../images/next.png) center center no-repeat; cursor:pointer;}
.banner_right.hover1{ background:url(../images/next.png) center center no-repeat;}

.box1 .banner_dot{ position:absolute; left: 100px; bottom: 25px;}
.box1 .banner_dot li{ width: 22px; height: 4px; background: #fff; float: left; margin-left: 5px; cursor: pointer; position:relative; overflow: hidden;}
.box1 .banner_dot li.hover{}
.box1 .banner_dot li:hover{ background: #414141;}
.box1 .banner_dot li p{ width: 22px; height: 4px; left: -22px; background: #414141; position: absolute;}

.box1 .banner_ewm{ position: absolute; right: 100px; bottom: 25px;}
.box1 .banner_ewm a{ position: relative; display: inline-block; width: 68px; height: 81px; float: left; margin-left: 20px;}
.box1 .banner_ewm img{ position: absolute; right: 0; bottom: 0; width: 68px; height: 81px;}

.box2{ background:url(../images/intro_bg.jpg) center center;}
.box2 .layer1{ position:absolute; width: 100%; top: 0; left: 0;}
.box2 .img{ width:1000px; position: relative; margin-top: 70px;}
.box2 .img .group1{ position: absolute;}
.box2 .img .group2{ position: absolute;}
.box2 .img .group3{ position: absolute;}
.box2 .img .group4{ position: absolute;}
.box2 .img .single{ position: absolute; right: -20px; top: 60px; opacity:0; filter:alpha(opacity=0);}
.box2 .img img{}
.box2 .layer2{ position:absolute; width: 99999px; left: 0; top: 0; padding-top: 70px;}
.box2 .layer2 li{ width:1920px; float: left; overflow:hidden;}
.box2 .layer2 li .valid{ width: 526px; padding-left: 474px;}
.box2 .layer2 li .valid h3{ font-size: 22px; color: #545454; margin-bottom: 30px;}
.box2 .layer2 li .valid h3 span{ font-size: 20px; font-family: Arial; font-weight: 400; margin-left: 10px;}
.box2 .layer2 li .valid .text{ width: 510px; height: 400px; overflow-y: scroll; padding-right: 16px;}
.box2 .layer2 li .valid .text .wrapper{}
.box2 .layer2 li .valid .text .wrapper p{ font-size: 12px; color: #545454; line-height: 24px; margin-bottom: 10px;}
.box2 .layer2 li .valid1{ width: 1000px; padding-left: 0;}
.box2 .layer2 li .valid1 .text1{ position: relative; width: 1000px; height: 240px; overflow: hidden; background:#FFF;}
.box2 .layer2 li .valid1 .text1 .honor_left_btn{ position: absolute; left: 20px; top: 90px; width: 16px; height: 37px; background: url(../images/pro_left_btn1.png); cursor: pointer;}
.box2 .layer2 li .valid1 .text1 .honor_right_btn{ position: absolute; right: 20px; top: 90px; width: 16px; height: 37px; background: url(../images/pro_right_btn1.png); cursor: pointer;}
.box2 .layer2 li .valid1 .text1 .wrapper1{ position: relative; margin-top: 20px; margin-left: 50px; width: 900px; height: 195px; overflow: hidden;}
.box2 .layer2 li .valid1 .text1 .wrapper1 ul{ position: absolute; width: 999999px;}
.box2 .layer2 li .valid1 .text1 .wrapper1 li{ width: 191px; margin: 17px; float: left; cursor:pointer;}
.box2 .layer2 li .valid1 .text1 .wrapper1 li img{width: 191px; height: 128px;}
.box2 .layer2 li .valid1 .text1 .wrapper1 li p{ margin-top: 8px; line-height: 18px; text-align:center; font-size: 12px; color: #414040;}
.box2 .com_name{ margin-left: 0; margin-top: 20px; width: 500px; height: 30px;}
.box2 .com_name li{ margin-left: 0; margin-bottom: 30px; padding-left: 30px;  padding-top: 10px; float:none; width: 333px; height: 40px; line-height: 15px; font-family:"黑体"; text-align: left; font-size: 15px;  background: #cac7c0; font-weight: 800; color: #666666; cursor: pointer; border: 1px #666 solid;}
.box2 .com_name li span{ font-family: Arial; font-size: 15px;letter-spacing:0;}
.box2 .com_name li:hover{ background: #666; color: #ffffff;}
.box2 .layer2 li .valid .com_info_box .text{display: none;}



.box3{ background:url(../images/product_bg.jpg) top left #dbdee0; position: relative;}
.box3 .layer{ width: 59999px; height: 100%; position: absolute; top: 0; left: 0;}
.box3 .layer li{ width:1920px; height: 100%; float: left;}
.box3 .layer li .left{ width: 100%; height: 100%; overflow:hidden; float: left;}
.box3 .layer li .left .wrapper{ width: 500px;  margin-top: 50px;}
.box3 .layer li .left h3{ font-size: 22px; color: #545454; padding-bottom: 15px; margin-bottom: 30px;}
.box3 .layer li .left h3 span{ font-size: 20px; font-family: Arial; font-weight: 400; margin-left: 10px;}
.box3 .layer li .right{ width: 0%; height:100%; float: left; position:relative; overflow:hidden; cursor:n-resize;}
.box3 .layer li .right .img{ width: 100%; height: 100%; position: absolute; z-index:90; display: none;}
.box3 .layer li .right .img.loading{background:url(../images/loading.gif) center center no-repeat;}
.box3 .layer li .right .img img{ width: 100%; position: absolute; margin-left: 100%;}
.box3 .layer li .right img{ width: 100%; position: absolute; z-index:89;}
.box3 .pro_box{ height: 174px; position: relative;}
.box3 .pro_box .pro_wrapper{ width: 420px; height: 174px; overflow:hidden; position:relative;}
.box3 .pro_box .pro_wrapper ul{ width: 99999px; position: absolute; left: 0; top: 20px;}
.box3 .pro_box .pro_wrapper ul li{ width: 82px; height: 112px; border:1px #c5c5c5 solid; float: left; margin: 0 0px;}
.box3 .pro_box .pro_wrapper ul li:hover{ border:1px #FFF solid; cursor:pointer;}
.box3 .pro_box .pro_wrapper ul li.hover{ border:1px #FFF solid;}
.box3 .pro_box .pro_wrapper ul li img{ width: 80px; height: 112px; border:1px #FFF solid;}
.box3 .pro_box .pro_left_btn{ width: 33px; height: 33px; top: 66px; left: 0; position:absolute; background:url(../images/pro_left_btn.png); cursor:pointer;}
.box3 .pro_box .pro_right_btn{ width: 33px; height: 33px; top: 66px; right: 0; position:absolute; background:url(../images/pro_right_btn.png); cursor: pointer;}
.box3 .pro_text{ width: 420px;}
.box3 .pro_text ul{ margin-top: 40px; width: 420px; position: relative;}
.box3 .pro_text ul li{ width: 100%; display:none; position: absolute; left: 0; top: 0;}
.box3 .pro_text ul li .title{ font-size: 14px; color: #545454; font-weight: 800;}
.box3 .pro_text ul li .exp{ border-top: 1px #bebebe solid; border-bottom: 1px #bebebe solid; margin:12px 0 20px 0; padding: 7px 0;}
.box3 .pro_text ul li .exp p{ float: left; width: 50%; line-height: 24px; color: #646464; font-size: 12px;}
.box3 .pro_text ul li a{ width: 134px; height: 35px; background:url(../images/pro_shop_btn.png); background-position:0 0; display: block; margin-left: 0;}
.box3 .pro_text ul li a:hover{ background-position:0 -35px;}


.box4{ background:url(../images/product_bg.jpg) top left #dbdee0; position: relative;}
.box4 .layer{ width: 59999px; height: 100%; position: absolute; top: 0; left: 0;}
.box4 .layer li{ width:1920px; height: 100%; float: left;}
.box4 .layer li .center_box{ width: 100%; height: 100%; overflow:hidden;}
.box4 .layer li .center_box .wrapper{ width: 950px;  margin-top: 50px;}
.box4 .layer li .center_box h3{ font-size: 22px; color: #545454; padding-bottom: 15px; margin-bottom: 20px;}
.box4 .layer li .center_box h3 span{ font-size: 20px; font-family: Arial; font-weight: 400; margin-left: 10px;}
.box4 .middle_box{ height: 370px;}
.box4 .middle_box ul{ position: relative; width: 100%; height: 370px;}
.box4 .middle_box ul li{ position: absolute; left: 0; top: 0; display: none;}
.box4 .middle_box ul li .middle_img_box{ float: left; margin-left: 60px; width: 250px; height: 354px; overflow: hidden;}
.box4 .middle_box ul li .middle_img_box img{ width: 250px;}
.box4 .middle_box ul li .middle_text_box{ float: left; margin-left: 60px; width: 500px;}
.box4 .middle_box ul li .middle_text_box .title{ font-size: 14px; color: #545454; font-weight: 800;}
.box4 .middle_box ul li .middle_text_box .exp{ border-top: 1px #bebebe solid; border-bottom: 1px #bebebe solid; margin:12px 0 20px 0; padding: 7px 0;}
.box4 .middle_box ul li .middle_text_box .exp p{ float: left; width: 50%; line-height: 24px; color: #646464; font-size: 12px;}
.box4 .middle_box ul li .middle_text_box .shop_btn{ width: 134px; height: 35px; line-height: 35px; background:#9b897d; margin-left: 0; color: #ffffff; text-align: center; font-size: 14px; cursor: pointer; float:left;}
.box4 .middle_box ul li .middle_text_box .shop_btn:hover{background:#60534a;}
.box4 .middle_box ul li .middle_text_box .shop_btn_right{ width: 134px; height: 35px; background:url(../images/pro_shop_btn.png); background-position:0 0; display: block; float: right;}
.box4 .middle_box ul li .middle_text_box .shop_btn_right:hover{background-position:0 -35px;}
.box4 .pro_box{ height: 175px; position: relative;}
.box4 .pro_box .pro_wrapper{ width: 846px; height: 175px; overflow:hidden; position:relative;}
.box4 .pro_box .pro_wrapper ul{ width: 99999px; position: absolute; left: 0; top: 20px;}
.box4 .pro_box .pro_wrapper ul li{ width: 82px; height: 112px; border:1px #c5c5c5 solid; float: left; margin: 0 5px;}
.box4 .pro_box .pro_wrapper ul li:hover{ border:1px #FFF solid; cursor:pointer;}
.box4 .pro_box .pro_wrapper ul li.hover{ border:1px #FFF solid;}
.box4 .pro_box .pro_wrapper ul li img{ width: 80px; height: 112px; border:1px #FFF solid;}
.box4 .pro_box .pro_left_btn1{ width: 33px; height: 33px; top: 66px; left: 0; position:absolute; background:url(../images/pro_left_btn.png); cursor:pointer;}
.box4 .pro_box .pro_right_btn1{ width: 33px; height: 33px; top: 66px; right: 0; position:absolute; background:url(../images/pro_right_btn.png); cursor: pointer;}


.box5{ background:url(../images/news_bg.jpg) top center no-repeat #dbdee0; position: relative;}
.box5 .layer{ width: 9999px; position: absolute; top: 0; left: 0; margin-top: 100px;}
.box5 .layer li{ width:1920px; float: left; overflow:hidden;}
.box5 .valid{ width:1000px;}
.box5 .valid h3{ font-size: 22px; color: #545454; border-bottom: 1px #d2d3d5 solid; padding-bottom: 15px; margin-bottom: 30px;}
.box5 .valid h3 span{ font-size: 20px; font-family: Arial; font-weight: 400; margin-left: 10px;}
.box5 .valid .wrapper{ width: 690px; height: 300px; margin-left: 0; overflow:hidden; position: relative;}
.box5 .valid .wrapper ul{ width: 99999px; height: 300px; position:absolute;}
.box5 .valid .wrapper ul li{ width: 670px; height: 300px; margin-right: 20px;}
.box5 .valid .wrapper ul li .news_list{ width: 670px; height: 74px; border-bottom:1px #97989a dashed;}
.box5 .valid .wrapper ul li .news_list .title{ line-height: 30px; height: 30px; padding-top: 7px;}
.box5 .valid .wrapper ul li .news_list .title a{ float: left; font-size: 14px; color: #545454; font-weight: 800;}
.box5 .valid .wrapper ul li .news_list .title span{ float: right; font-size: 14px; font-family:Arial, Helvetica, sans-serif; color: #707070;}
.box5 .valid .wrapper ul li .news_list p{ font-size: 12px; color: #545454;}
.box5 .valid .change_box{ width: 670px; height: 32px; margin-left: 0; margin-top: 16px; overflow:hidden;}
.box5 .valid .change_box ul{ float: right;}
.box5 .valid .change_box ul li{ width: 32px; height: 32px; background:url(../images/news_arrow.jpg); margin-left: 10px;}
.box5 .valid .change_box ul li.left{ background-position:0 0;}
.box5 .valid .change_box ul li.right{ background-position:0 -64px;}
.box5 .valid .change_box ul li.left_hover{ background-position:0 -32px; cursor:pointer;}
.box5 .valid .change_box ul li.right_hover{ background-position:0 -96px; cursor: pointer;}

.box6{ background:url(../images/contact_bg.jpg) top center no-repeat #e1e1e1; position: relative;}
.box6 h3 a{float:right; width:120px; height:30px; line-height:30px; background:#555; color:#fff; text-align:center; font-size:15px; font-weight:400;}
.box6 h3 a:hover{background:#333;}
.box6 .layer{ width: 9999px; position: absolute; top: 0; left: 0; margin-top: 70px;}
.box6 .layer li{ width:1920px; float: left; overflow-y:scroll;}
.box6 .valid{ width:1000px;}
.box6 .valid h3{ font-size: 22px; color: #545454; border-bottom: 1px #d2d3d5 solid; padding-bottom: 5px; margin-bottom: 30px;}
.box6 .valid h3 span{ font-size: 20px; font-family: Arial; font-weight: 400; margin-left: 10px;}
.box6 .text{ width: 985px; height: 400px; overflow-y: scroll; padding-right: 15px;}
.box6 .text .wrapper{}
.box6 .text .wrapper p{ font-size: 12px; color: #545454; line-height: 24px; margin-bottom: 10px;}
.box6 h4{ margin-bottom: 10px; font-size: 17px; color: #545454;}
.box6 .ewm{ text-align: center;}
.box6 .ewm a{ margin: 43px 53px; display: inline-block;}

.box7{ background:url(../images/contact_bg.jpg) top center no-repeat #e1e1e1; position: relative;}
.box7 .valid{ width:1000px; margin-top: 100px;}
.box7 .valid h3{ font-size: 22px; color: #545454; border-bottom: 1px #d2d3d5 solid; padding-bottom: 15px; margin-bottom: 30px;}
.box7 .valid h3 span{ font-size: 20px; font-family: Arial; font-weight: 400; margin-left: 10px;}
.box7 h3 a{float:right; width:90px; height:30px; line-height:30px; background:#555; color:#fff; text-align:center; font-size:15px; font-weight:400;}
.box7 h3 a:hover{background:#333;}
.box7 .valid .left{ float: left; width: 370px; margin-right: 60px;}
.box7 .valid .left p{ font-size: 13px; line-height: 45px; color: #545454;}
.box7 .valid .right{ float: left; width: 570px; height: 300px; overflow: hidden;}



.foot{ width: 100%; height:25px; position: fixed; bottom: 0; left: 0; background:#171717; z-index:100;}
.foot p{ float: right; font-size: 11px; color: #929292; line-height: 25px; margin-right: 30px;}
.foot p a{ color: #929292;}


.preloading{ width: 100%; height: 100%; background:#232323; position:fixed; top: 0; left: 0; z-index:999; display:none;}
.preloading .box{ position:absolute; padding-top: 20%; width: 100%;}
.preloading .box img{ display:block;}
.preloading .box p{ width:155px; height:30px; color:#939393; font-size:17px; line-height:30px; text-align:center; margin-top:15px; font-weight:bold;}

.news_detail{ width: 100%; height: 100%; background:url(../images/news_mask_bg.png); position:fixed; top: 0; left: 0; z-index:1000; display: none;}
.news_detail .box{ width: 1000px; height: 525px; position: relative; background:#FFF; margin-top: 100px;}
.news_detail .box .close_btn{ background:url(../images/news_close_btn.png); width: 37px; height: 37px; position: absolute; right: -18px; top: -18px; cursor: pointer;}

.pro_detail{ width: 100%; height: 100%; background:url(../images/news_mask_bg.png); position:fixed; top: 0; left: 0; z-index:9999; display:none;}
.pro_detail .box{ width: 900px; height: 475px; padding:25px; position: relative; background:#FFF; margin-top: 140px;}
.pro_detail .box .close_btn{ background:url(../images/news_close_btn.png); width: 37px; height: 37px; position: absolute; right: -18px; top: -18px; cursor: pointer;}
.pro_detail .box .text{ width: 900px; height: 475px; overflow: hidden; background:url(../images/loading.gif) center center no-repeat;}
.pro_detail .box .wrapper{}
.pro_detail .box .wrapper img{ width: 100%; display: block;}

.honor_detail{ width: 100%; height: 100%; background:url(../images/news_mask_bg.png); position:fixed; top: 0; left: 0; z-index:9999; display:none;}
.honor_detail .box{ width: 900px; height: 475px; padding:25px; position: relative; background:#FFF; margin-top: 140px;}
.honor_detail .box .close_btn{ background:url(../images/news_close_btn.png); width: 37px; height: 37px; position: absolute; right: -18px; top: -18px; cursor: pointer;}
.honor_detail .box .text{ width: 900px; height: 475px; overflow: hidden; background:url(../images/loading.gif) center center no-repeat;}
.honor_detail .box .wrapper{}
.honor_detail .box .wrapper img{ width: 100%; display: block;}

#boxscroll2{height: 465px; width: 940px; padding-right: 10px; overflow-y:scroll;}
#boxscroll2 .title{ text-align: center; min-height:50px;}
#boxscroll2 .title h3{ font-size: 17px; color: #545454; line-height: 30px;}
#boxscroll2 .title .info span{ font-size: 12px; color: #aeaeae; margin-right: 10px;}
#boxscroll2 p{ font-size: 13px; margin-bottom: 10px; color:#545454;}

.web_tip{ width: 100%; height: 100%; background:url(../images/tip_bg.png); position:fixed; top: 0; left: 0; z-index:998; display:none;}
.web_tip .box{ position:absolute; padding-top: 20%; width: 100%;}
.web_tip .box img{ display:block;}
.web_tip .box p{ width:155px; height:30px; color:#939393; font-size:17px; line-height:30px; text-align:center; margin-top:15px; font-weight:bold;}
.web_tip .close_btn{ width: 55px; height: 54px; position: absolute; top: 40px; right: 40px; cursor: pointer; background:url(../images/tip_close.png); z-index:95;}
.web_tip .dont_show{ width: 120px; height: 13px; line-height: 13px; background:url(../images/show_btn.png) left top no-repeat; background-position:0 0; padding-left:20px; position:absolute; color: #fff; font-size: 13px; position: absolute; right: 40px; bottom: 40px; cursor:pointer;}
.web_tip .dont_show.click{ background-position:0 -13px;}
.web_tip .center{ width: 286px; height: 100px; border:1px #FFF solid; padding-top: 30px; margin-top: 20%; opacity:0.8; filter:alpha(opacity=80);}
.web_tip .center .logo{ background:url(../images/logo.png); width: 99px; height: 21px; margin-bottom: 20px;}
.web_tip .center p{ text-align:center; font-size: 16px; color:#FFF;}
.web_tip .left_tip{ width: 245px; height: 69px; position: absolute; background:url(../images/tip_text_bg.png); left: 75px; top: 55%;}
.web_tip .right_tip{ width: 245px; height: 69px; position: absolute; background:url(../images/tip_text_bg.png) 245px 0; right: 75px; top: 55%;}



.message_box{ width: 100%; height: 100%; background:url(../images/news_mask_bg.png); position:fixed; top: 0; left: 0; z-index:9999; display:none;}
.message_box .box{ width: 900px; height: 475px; padding:25px; position: relative; background:#FFF; margin-top: 140px;}
.message_box .box .close_btn{ background:url(../images/news_close_btn.png); width: 37px; height: 37px; position: absolute; right: -18px; top: -18px; cursor: pointer;}
.message_box .box .text{ width: 900px; height: 475px; overflow: hidden;}
.message_box .box .text h3{margin-bottom:20px;}
.message_box .box .text table{width:100%;}
.message_box .box .text table tr{ height:50px;}
.message_box .box .text table tr td{ font-size:13px; padding:0 1%;}
.message_box .box .text table tr td input{ width:100%; height:30px; line-height:30px; border:1px #ccc solid;}
.message_box .box .text table tr td textarea{ width:100%; height:150px; border:1px #ccc solid;}
.message_box .box .text table tr td a{ display:block; width:130px; height:30px; line-height:30px; background:#555; color:#fff; text-align:center; font-size:15px; font-weight:400;}
.message_box .box .text .sub{ display:block; width:130px; height:30px; line-height:30px; background:#555; color:#fff; text-align:center; font-size:15px; font-weight:400;}