@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;overflow-x: hidden;min-width: 1200px;font:14px 微软雅黑;color:#666666;}
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.border{border:1px solid #DFDFDF;}
.bg{background-color: #B0C4DE;}
.bg1{background-color: #CAFF70;}
.bg2{background-color: #FFC1C1;}
.bg3{background-color: #FFA07A;}
.bg4{background-color: white;}
.hj200 {line-height: 200%;}
.mt30{margin-top: 30px}
.mt20{margin-top: 20px}
.mt10{margin-top: 10px}
a { text-decoration: none; outline: none; color: #666666; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li { list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;}
img { border: 0; vertical-align: top; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}


/*header start*/
.header{width: 100%;height: 130px;background: url(../images/ht_bg.png) no-repeat center;}
.head_top{width: 100%;height: 30px;margin: 0 auto;}
.ht_b{width: 1150px;height:30px;margin: 0 auto;color: #fff;line-height: 30px;}
.ht_b .fr{width: 150px;position: relative;left: 20px;}

.head_body{width: 1200px;height: 100px;margin: 0 auto;}

.nav{width:760px;height: 100px;}
.nav .ul01 .nav01{width: 95px;height: 100px;line-height: 100px;text-align: center;font-size: 16px;color: #fff}
.nav .ul01 .nav01 a{color: #fff}
.nav .ul01 .nav01:hover {background-color: #807E7F}
.nav .ul01 .nav01:nth-child(4) .erji{ display:none !important;}
.erji{width:95px;position:absolute;z-index:999;display:none;}
.erji li{height:40px;background-color: #807E7F;color: #fff;line-height: 40px;border:1px solid #fff;border-width: 1px 0 1px 0;}

.erji li:hover {background-color: #81C895;}
/*header end*/

/*banner start*/
/*.banner{position: relative;top: -20px}*/
.flexslider {
	margin: 0px auto 0px;
	position: relative;
	width: 100%;
	height: 480px;
	overflow: hidden;
	zoom: 1;
}

.flexslider .slides li {
	width: 100%;
	height: 100%;
}

.flex-direction-nav a {
	width: 70px;
	height: 70px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(../images/ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 35px;
}

.flex-direction-nav .flex-next {
	background-position: 0 -70px;
	right: 0;
}

.flex-direction-nav .flex-prev {
	left: 0;
}

.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}

.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	background: url(../images/dot.png) no-repeat 0 -16px;
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -99em;
	width: 16px;
	cursor: pointer;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
	background-position: 0 0;
}

.flexslider .slides a img {
	width: 100%;
	height: 480px;
	display: block;
}
/*banner end*/

/*product start*/
.title1{width:100%;height: 80px;background: url(../images/title1.png) no-repeat center top;}
.product{width: 100%;margin: 30px auto;}
/*.pro_list{width: 265px;}
.pro_list .pl_top{width: 265px;height: 130px;background: url(../images/pro_top.jpg) no-repeat center;}
.pro_list .pl_top p{width:265px;font-size: 24px;font-weight: bold;margin: 3px auto;text-align: center;color: #fff;position: relative;top: 40px;}

.pro_list ul{width: 259px;border: 3px solid #81C895;border-width: 0 3px 3px 3px;padding: 5px 0;background-color: #81C895}
.pro_list ul li{width: 239px;height: 30px;line-height: 30px;padding:0 10px;border: 1px dashed #ADADAD;border-width: 0 0 1px 0;color: #fff}
.pro_list ul li:hover {background-color: #fff;color: #666}*/
.pro_body{width: 1140px;margin: 0 auto;}
.pro_body .pro_box{width: 285px;height: 213px;margin: 7px auto;}
.pro_body .pro_box .pro_img{width: 240px;height: 180px;border: 3px solid #81C895;border-width: 3px 3px 0 3px;position: relative;left: 19px;}
.pro_body .pro_box .pro_zi{width: 246px;height: 30px;line-height: 30px;text-align: center;background-color: #81C895;color: #fff;position: relative;left: 19px;}
.pro_body .pro_box:hover .pro_img{border: 3px solid #E50214;border-width: 3px 3px 0 3px;}
.pro_body .pro_box:hover .pro_zi{background-color: #E50214}
/*product end*/

/*company start*/
.company{width: 1100px;height: auto;margin: 30px auto;}
.com_title{width: 1100px;height: 60px;margin: 0 auto;background: url(../images/title1.png) no-repeat center;}
.com_body{width:1100px;margin-top:20px;}
.cb_left{width: 530px;height: 350px;}
.cb_left img{margin: 30px auto;}
.cb_right{width: 530px;height: 330px;position: relative;top: 10px;}
.cr_top{width: 530px;height: 180px;}
.cr_top b{font-size: 16px;color: #81C895;}
.cr_top p{text-indent: 2em;line-height: 150%}
.cr_top p a{color: #81C895}
.cr_top p a:hover {color: #ff0000}
.cr_bot{width: 530px;height: 150px;}
.cb_box{width: 176px;height: 150px;}
.icon01{width: 100px;margin: 0 auto;}
.cb_box .p2{text-align: center;height: 30px；line-height:30px;}
.cb_box .p1{text-align: center;font-size: 18px;font-weight: bold;height: 20px；line-height:20px;color: #333}
/*company end*/

/*ditu start*/
.ditu{width: 100%;height: 450px;background: url(../images/com_bg.png) no-repeat top;}
.ditu_top{width: 1100px;height: 100px;background: url(../images/title2.png) no-repeat center;margin: 0 auto;}
.ditu_body{width: 1060px;height: 300px;margin: 0 auto;}
/*ditu end*/

/*xwzx start*/
.xwzx{width: 1100px;margin: 30px auto 30px auto;}
.xwzx .xwzx_top{width:1100px;height: 90px;margin:0 auto 20px auto;background-image: url(../images/title_3.png);background-repeat: no-repeat;background-position: center;}
.xwzx .news_r{width: 525px;}
.xwzx .news_r b{font-size: 20px;color: #333;}
.xwzx .problems_l{width: 525px;}
.xwzx .problems_l b{font-size: 20px;color: #333;}
.xwzx ul {margin-top: 10px;}
.xwzx ul li{width: 525px;height: 30px;line-height: 30px;}
/*xwzx end*/

/*footer start*/
.foot{width: 100%;height: 260px;background: url(../images/foot_bg.png) no-repeat center;    clear: both;}
.foot_body{width: 1100px;height: 260px;margin:0 auto;}
.fb_l{width: 645px;height: 200px;padding-top: 60px;}
.fb_l b{font-size: 20px;color: #fff}
.fb_l ul{width:505px;}
.fb_l ul a li{width: 120px;height: 35px;line-height: 35px;color: #fff;font-size: 15px;position: relative;left: 20px;top: 10px;}
.fb_l ul a li:hover {text-decoration: underline;}
.fb_l .p1{color: #fff;padding-top: 50px;}
.fb_l .p2{color: #fff;margin: 5px 0}
.fb_l .p2 a{ color:#fff;}
.fb_r{width: 350px;height: 240px;padding: 10px 0;color: #fff}
.fb_r b{font-size: 20px;}
.fb_r ul{padding-top: 15px;}
.fb_r ul li{height: 22px;line-height: 22px;}
/*footer end*/

/*main start*/
.main{width: 1100px;margin: 30px auto;}
.main_top{width: 1100px;height: 35px;border: 1px solid #CECECE;border-width: 0 0 1px 0;}
.main_top .top_t{height: 30px;line-height: 30px;}

.main_top .top_t .tt_left{padding-left: 10px;}
.main_top .top_t .tt_left .kuai{width: 5px;height:30px;background-color: #81C895}
.main_top .top_t .tt_left .zi{margin-left: 10px;font-size: 18px;font-weight: bold}
.main_top .top_t .tt_right{padding-right: 10px;}
.main_top .top_t .tt_right a:hover {text-decoration: underline;}
.main_list{width: 265px;margin-top: 20px;}
.main_list .pl_top{width: 265px;height: 130px;background: url(../images/pro_top.jpg) no-repeat center;}
.main_list .pl_top p{width:265px;font-size: 24px;font-weight: bold;margin: 3px auto;text-align: center;color: #fff;position: relative;top: 40px;}

.main_list ul{width: 259px;border: 3px solid #81C895;border-width: 0 3px 3px 3px;padding: 5px 0;background-color: #81C895}
.main_list ul li{width: 239px;height: 30px;line-height: 30px;padding:0 10px;border: 1px dashed #ADADAD;border-width: 0 0 1px 0;color: #fff}
.main_list ul li:hover {background-color: #fff;color: #666}
.main_body{width: 775px;margin-top: 20px;padding: 0 30px;    line-height: 30px;}
/*main end*/

.ny_title{border-bottom: 1px #ccc dashed;margin-bottom:10px;}
.ny_title h2{line-height:40px;color:#666666;font-size:18px;font-weight: bold;}
dl.news_dl {font-size:14px; color:#666; padding:0px 5px; line-height:22px; border-bottom:1px dashed #CCCCCC;}
.news_dl a img:hover{ background: #EE7703;}
dl.news_dl a{ color:#000; }
dl.news_dl dt {line-height:24px;height:24px;width:750px;overflow:hidden;}
dl.news_dl .dt_1 { height:20px;padding-left:20px;    font-size: 16px;color: #666666; font-weight:bold;text-decoration:none;  }
dl.news_dl .dt_2 { font-size:12px; float:right; padding:0 10px 0 8px;  font-family:"Microsoft YaHei"; }
dl.news_dl .dt_3 { font-size:12px;}
dl.news_dl .dt_3 a { color:#FF0000; text-decoration:underline;} 
dl.news_dl dd {font-size:12px;overflow:hidden;}
.per{float:left;margin-top:20px; text-align:center; width: 100%;margin-bottom: 20px; background:#eee;}
.per p{ line-height:35px; margin:0px;  padding:0px 10px;width:auto; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.cgbt{border-bottom: 1px #ccc solid;font-size: 18px;font-weight: bold;    width: 775px;}
.xgwz{float:left; margin-bottom:40px;}.xgwz ul{ padding:0px;}
.xgxw{ width:256px;line-height: 25px; height:25px; float:left;margin:5px 10px;border-bottom: 1px #ccc dashed;white-space: nowrap;overflow: hidden;}
.dede_pages{}
.dede_pages ul{float:left;padding:12px 0px 12px 36px;}
.dede_pages ul li{float:left;line-height:17px;margin-right:6px;border:1px solid #E9E9E9;}
.dede_pages ul li a{float:left;padding:10px;color:#555;display:block;}
.dede_pages ul li a:hover{background-color:#81C895; color:#fff;text-decoration:none;padding:10px;}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{background-color:#E50001; color:#fff;padding:5px;font-weight:bold;}
.dede_pages .pageinfo{line-height:21px;padding:12px 10px 12px 16px;color:#999;}
.dede_pages .pageinfo strong{color:#555;margin:0px 2px;}
.pro_img{ width:820px; margin: 0px auto; height:auto;    overflow: auto;}
.pro_img ul{ padding:0px; margin:0px;list-style:none; }
.pro_img ul li{ float:left;width:222px; margin:10px 25px;height: 210px;}
.pro_img ul li a{text-decoration:none;} 
.pro_img ul li a img{ width:220px; height:165px; border:1px #ccc solid; border-radius:3px; }
.pro_img ul li a span{ width:220px; line-height:20px; height:20px;text-align:center; color:#666; display:block; white-space: nowrap;overflow: hidden; text-overflow: ellipsis; }
.pro_img ul li a img:hover{ width:240px; height:180px;position:absolute;margin-left:-10px;}
.pro_img2{ width:775px; margin: 0px auto; height:auto  ; overflow: auto;}
.pro_img2 ul{ padding:0px; margin:0px;list-style:none; }
.pro_img2 ul li{float:left;width:150px;margin: 10px 21px;height: 160px;}
.pro_img2 ul li a{text-decoration:none;} 
.pro_img2 ul li a img{ width:150px; height:113px; border:1px #ccc solid; border-radius:3px; }
.pro_img2 ul li a span{ width:150px; line-height:20px; height:20px;text-align:center; color:#666; display:block; white-space: nowrap;overflow: hidden; text-overflow: ellipsis; }
/* productBox */
.productBox { width:830px; overflow: hidden;margin-top: 20px }
.productBox li { float: left; position: relative; width: 228px; height:205px; border: 1px solid #858585; background: #f4f4f4; margin:0 23px; margin-bottom:15px; }
.productBox h3 { text-align: center; font-size: 16px; color: #716868; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.productBox h4 { margin-bottom: 8px; text-align: center; font-size: 14px; color: #F00; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.productBox p { padding: 0 5px; line-height: 20px; color: #737373; height: 40px; overflow: hidden; margin-bottom: 10px; }
.productBox span { width: 78px; height: 19px; border: 1px solid #929292; text-align: center; color: #777; display: block; line-height: 19px; position: relative; left: 5px; }
.productBox a { position: absolute; top: -4px; left: -4px; width: 236px; height: 238px; }
.productBox .on {background:#E50003;border-color:#E50003;}
.productBox .on h3 { color: #fff;}
.productBox .on h4 { color: #fff;}
.productBox .on p { color: #fff;}
.productBox .on span { border-color: #125ed6; background: #fff; color: #125ed6; }

.productBoxs { width:860px; overflow: hidden;margin-top: 20px }
.productBoxs li { float: left; position: relative; width:171px; height:258px; border: 1px solid #858585; background: #f4f4f4; margin:0 20px; margin-bottom: 24px; }
.productBoxs h3 { margin:0px; line-height:30px; text-align: center; font-size: 16px; color: #716868; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.productBoxs p { padding: 0 5px; line-height: 20px; color: #737373; height: 40px; overflow: hidden; margin-bottom: 10px; }
.productBoxs span { width: 78px; height: 19px; border: 1px solid #929292; text-align: center; color: #777; display: block; line-height: 19px; position: relative; left: 5px; }
.productBoxs a { position: absolute; top: -4px; left: -4px; width:171px; height:236px; }
.productBoxs .on { background:#0261CF; border-color: #0261CF; }
.productBoxs .on h3 { color: #fff; }
.productBoxs .on p { color: #fff; }
.productBoxs .on span { border-color: #125ed6; background: #fff; color: #125ed6; }

#content01 h3{font-size: 20px;padding: 10px;margin-left: 22px;color:#04AFDA;line-height: 20px;font-weight: 600;border-bottom: #d6d6d6 1px solid;}
#content01 h3 span{float: right;font-weight: 100; font-size: 12px;color: #666666;}
#content01{float:left;line-height:30px;font-size:14px;margin-left:10px;margin-right:10px; margin-bottom:20px;    width: 1200px;}
#contact-c li{margin-top:10px;}
.linkbox{padding:0px 30px; width:150px;}.f6{width:990px;}.linkbox h3{ width:150px;}
.linkbox ul li{border-bottom:1px #ccc dashed;margin-left:15px; width:150px; float:left;list-style:none; line-height:30px;text-align: center; margin-bottom: 10px;}
.hotnew_bt{ font-size:16px; width:1100px; float:left;color:#666666;font-weight: bold;border-bottom:#086DB4 2px solid; margin-top: 20px;margin-bottom: 20px;}
.hotnew{ width:150px;padding: 0px 30px;margin-top:20px;}.hotnew h3{ width:300px;}
.hotnew ul li{border-bottom:1px #ccc dashed; float:left;margin-left:15px;list-style:none; line-height:30px;margin-bottom: 20px;}
#links{margin:auto;width:1100px;line-height:30px;color:#666666;font-weight: bold;font-size: 16px;}
#links a{font-size: 12px; color:#666666;}