@charset "utf-8";
/* CSS Document */

body{ font-size:12px; color:#666; line-height:24px;font-family:"微软雅黑"; overflow-x:hidden}

a { color:#666; text-decoration:none; }

a:hover { text-decoration:none;}

.sider{width:285px; float:left;}
.containter{float:right; width:655px;}

.clear_cs{height:0px;font-size:0px; line-height:0px;clear:both;over-flow:hidden;}


/******************header css***************/
.nav{border-bottom:1px solid #ccc; background:#fff;width:100%; z-index:8; opacity:0.8}
.w1200{width:90%; max-width:1200px; margin:auto}
.top img{ vertical-align:middle; margin-left:20px;}
.top{background:#727172; height:35px; line-height:35px; color:#fff; text-align:right; font-size:14px;}
.phone_menu_btn{float:right; width:50%; text-align:right; margin-top:15px; position:relative; z-index:10}
.logo img{ width:100%; max-width:234px;}
.logo{float:left; width:50%;}
.menu{ margin:5px auto;width:90%; max-width:1200px; height:82px; }
.sub_menu{background:#3f3b3a; width:30%; padding:5%; height:90%; position:fixed; z-index:99999; color:#fff; top:0; right:-50%;}
.sub_menu ul li a{color:#999; font-size:24px;}
.sub_menu ul li{height:70px; line-height:70px; }
.close{ text-align:right;}
.title{float:right; width:50%;}

.two{background:#dcdddd; padding:50px 0; }
.sc{width:29%; margin:3%; float:left;}
.sc1{width:30%; margin:2%; float:left;}
.sc_name{font-size:18px; margin:5px 0; font-weight:bold;}
.sc_name img{vertical-align:middle; margin-bottom:3px;}
.sc_memo{color:#999; font-size:14px;}
.yuan li{float:left; width:17%; margin:6% 4%;}
.three{border-bottom:1px solid #ccc;}
.four{margin:30px 0;}
.pic li{float:left; width:25%; overflow:hidden;}
.more a{color:#f9bf46; font-size:19px;}
.more{text-align:center; margin-top:30px;}
.five{background:url(../images/pic6.jpg) no-repeat center top; height:558px; padding:50px 0;}
.icon li{float:left; width:11%; margin-right:1%; color:#fff; text-align:center;}
.icon li span{display:block; margin-top:20px;}
.icon{margin-top:100px;}
.icon1 li{float:left; width:17%; margin:2% 4%;text-align:center; font-size:14px;}
.icon1 li span{display:block; margin-top:10px;}

.six{margin:60px 0;}
.title1{border-bottom:1px solid #ccc; font-size:28px; text-align:center; padding-bottom:15px;}
.new_box{width:23%; margin:6% 1%; float:left;}
.new_name{font-size:16px; border-bottom:1px solid #ccc; height:40px; line-height:40px;}
.new_memo{color:#999; font-size:14px;}
.seven{border-top:3px solid #595757; padding:60px 0; text-align:center}
/*******************/
.footer{background:#3f3b3a; color:#999; padding:50px 0; margin-top:40px;}
.footer a{color:#999;}
.foot_lx{ width:28%; float:left; height:220px; border-right:1px solid #999;}
.footer dl{ float:left; width:12%; border-right:1px solid #999; height:220px; margin-left:3%; font-size:14px;}
.footer dl dt{font-size:16px; margin-bottom:10px;}
.footer dl dd{height:35px; line-height:35px;}
.foot_ma{float:left; width:15%; margin-left:3%;}

.title2{text-align:center; width:40%; position:absolute; left:30%; top:69px; font-size:18px; z-index:9}

.about_left{width:30%; float:left;}
.t_r{text-align:right;}
.t_c{text-align:center;}
.c{color:#f7ab00;}
.h{color:#999;}
.font-24{font-size:24px;}
.font-30{font-size:30px;}
.font-16{font-size:16px;}
.font-20{font-size:20px;}
.margin-10{margin-bottom:10px;}
.about_right{float:right; width:70%; font-size:14px;}
.line{border-bottom:5px solid #898989; width:50px; height:20px; margin-bottom:20px;}
.about_cont{margin-bottom:70px; margin-top:70px;}
.a_l{width:20%; float:left; font-size:16px; color:#333}
.right_cont{ width:70%; float:right;}
.ys{margin:50px auto 0 auto;}
.ys_title{font-size:14px; font-weight:bold; color:#333}
.ys_box{width:31%; margin:1%; float:left;}
.link li{float:left; width:23%; margin:2% 2% 3% 0;}
.box{width:21%; margin:1%; float:left; background:#efeff0; height:305px; padding:1%;}
.box_memo{margin-top:30px;}
.cont{margin:50px 0;}

.case_lei{border-bottom:1px solid #ccc; text-align:center; margin:30px 0; width:100%; position:relative; z-index:9999; background:#fff; opacity:0.8}
.case_lei a{background:url(../images/dian.jpg) no-repeat; margin:0 20px; padding-left:15px; padding-top:1px; font-size:16px; font-weight:bold;}
.more1 a{border:1px solid #ccc; padding:3px 10px; font-size:14px;}
.more1{margin-top:20px; text-align:center;}
.pro{ border-bottom:5px solid #595757; margin:30px auto; text-align:center; padding:40px 0;}

.down{border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:15px 0; margin-top:30px; margin-bottom:30px;}
.down dl{float:left; width:31%; margin:1%;}
.down dl dt{ float:left; width:57%;}
.down dl dd{float:left; width:43%; border-top:2px solid #c6c6c7; border-bottom:2px solid #c6c6c7; height:143px;}

.down_btn a{ padding:3px 30px; text-align:center; border:1px solid #ccc; font-size:14px; margin-top:30px;}
.pro1{ width:90%; max-width:1200px; margin:auto}
.pro_lei{text-align:center; width:100%; height:33px; z-index:8888; background:#fff; padding-top:5px; opacity:0.8}
.pro_lei a{padding:10px 30px; font-size:14px; font-weight:bold;}
.pro1 dl{width:12%; margin:2%; float:left; position:relative;}
.pro1 dl dt{color:#fff; background:#4d4b4c; text-align:center; height:50px; line-height:50px; margin-bottom:2px;}
.pro1 dl dd.hover{position:absolute; width:100%; height:100%; top:0; left:0; overflow:hidden; display:none}
.pro1 dl:hover .hover{display:block;}

.zi{ margin-top:70px;}
.footer dl.lx{width:20%;}

.one_left{width:48%; float:left;}
.one_right{width:48%; float:right;}
.sc_pic{position:relative;}
.hover1{width:100%; height:100%; background:url(../images/bg.png) repeat; position:absolute; top:0; left:0; display:none;}
.sc1:hover .hover1{display:block;}
.sc:hover .hover1{display:block;}
.icon li .icon{position:relative; width:65%; margin:auto}
.icon li:hover .hover1{display:block;}

.icon1 li .icon{position:relative; width:80%; margin:auto}
.icon1 li:hover .hover1{display:block;}
.new_box:hover .hover1{display:block;}
.new_pic{position:relative;}

.al:hover .hover3{display:block;}
.al:hover .hover4{display:block;}
.al{position:relative;}

.yuan li:hover .hover1{display:block;}
.yuan li{position:relative;}

.link li{position:relative;}
.link li:hover .hover1{display:block;}



.hover3{width:100%;height:54%;background:rgba(234, 85, 20, 0.5); text-align:center;padding-top:30%; position:absolute; top:0; left:0; display:none;}
.hover4{width:100%;height:54%;background:rgba(142, 195, 20, 0.5); text-align:center;padding-top:30%; position:absolute; top:0; left:0; display:none;}
.hover3 img{width:30%;}
.hover4 img{width:30%;}

.ab{width:100%; background:url(../images/ab1.jpg) no-repeat; height:656px; padding-top:40px; }
.ab img{ width:314px;}
.pb{width:100%; background:url(../images/pb1.jpg) no-repeat; height:556px; padding-top:140px; }
.pb img{ width:350px;}
.ib{position:relative;  height:535px; padding-top:100px}
.jb2{width:47%; float:left}
.jb3{width:50%; float:right}
.ab2{width:49%; float:left}
.ab3{width:50%; float:right}

.pb3{width:100%; background:url(../images/pb3.jpg) no-repeat; height:556px; padding-top:140px; }
.pb3 img{ width:350px;}

	.jb3{width:100%; background:url(../images/jb4.jpg) no-repeat; height:556px; padding-top:140px; }
.jb3 img{ width:492px;}

.jb4{width:100%; background:url(../images/jb5.jpg) no-repeat; height:456px; padding-top:240px; }
.jb4 ul li{width:174px; height:174px; line-height:174px; text-align:center; font-size:26px; color:#fff; margin:10px; float:left; border:1px solid #fff; border-color:rgba(255, 255, 255, 0.7); border-radius:50%;}
.jb4 ul{width:1000px; margin:auto;}
@media only screen and (max-width:800px){
	.jb4{width:100%; background:url(../images/jb5.jpg) no-repeat; height:456px; padding-top:40px; }
.jb4 ul li{width:100px; height:100px; line-height:100px; text-align:center; font-size:16px; color:#fff; margin:10px; float:left; border:1px solid #fff; border-color:rgba(255, 255, 255, 0.7); border-radius:50%;}
.jb4 ul{width:245px; margin:auto;}
	.c{ line-height:35px;}
	.jb3{width:100%; background:url(../images/jb4.jpg) no-repeat; height:556px; padding-top:140px; }
.jb3 img{ width:492px;}
	
	.ab2{width:100%; float:left}
.ab3{width:100%; float:right;margin-top:10px;}
	.jb2{width:100%; }
.jb3{ margin-top:10px;width:100%; }
.ab{width:100%; background:url(../images/ab1.jpg) no-repeat ; height:416px; padding-top:40px; }
.ab img{ width:200px;}
.pb{width:100%; background:url(../images/pb1.jpg) no-repeat; height:316px; padding-top:80px; }
.pb img{ width:230px;}

.pb3{width:100%; background:url(../images/pb3.jpg) no-repeat; height:316px; padding-top:80px; }
.pb3 img{ width:230px;}

.jb3{width:100%; background:url(../images/jb4.jpg) no-repeat center; height:226px; padding-top:80px; }
.jb3 img{ width:300px;}
.ib{position:relative;  height:200px; padding-top:50px;}
.ib img{width:214px;}
	.logo{width:30%; margin-top:26px}
	.one_left{width:100%; float:none;}
.one_right{width:100%; float:none;}

.phone_menu_btn{margin-top:23px;}
.title{ width:100%; float:none; text-align:center;}
.sc{width:100%; float:none;}
.sc1{width:100%; float:none;}
.yuan li{width:48%; margin:1%;}
.pic li{width:50%;}
.icon li{width:22%; height:159px;word-break:break-all;word-wrap:break-word;}
.icon li span{ margin-top:10px;}
.zi img{width:80%;}
.zi{margin-top:10px;}
.icon{margin-top:50px;}
.new_box{ width:48%;}
.foot_lx{width:100%; border:none; height:auto; margin-bottom:15px;}
.footer dl{width:46%; border:none}
.footer dl.lx{width:43%;}
.foot_ma{width:40%;}
.ys_box{ width:100%}
.link li{width:48%;}
.case_lei a{margin:0 1%; font-size:14px;}
.down dl{width:100%; margin:1% 0}
.icon1 li{word-break:break-all;word-wrap:break-word; width:42%; }
.box{width:98%; height:auto; margin:1%　0}
.pro1 dl{width:46%;}
.sub_menu ul li a{font-size:20px;}
.title2{top:69px;}

.about_left{ width:100%;}
.about_right{width:100%; margin-top:20px;}
.a_l{width:100%;}
.right_cont{ margin-top:20px;width:100%;}
.pro_lei{height:66px;}
.footer dl{margin-left:0;}
.sub_menu ul li{height:35px; line-height:35px;}
.sub_menu ul li a{font-size:16px;}
.sub_menu{height:100%; width:40%}
}