@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;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}
.w0{width: 100%}
.w1100{width: 1100px;margin:0 auto;}
.w1150{width: 1150px;margin:0 auto;}
.w1200{width: 1200px;margin:0 auto;}
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}

/*head start*/
.head .head_top{height: 30px;background: url(../images/head_top.png) no-repeat center;line-height: 30px;}
.head .head_top .ht_body .fr a{color: #fff}
.head .head_top .ht_body .fr{color: #fff}
.head .hn{height:80px;background: url(../images/navbg.png) no-repeat center;}
.head .head_nav{height: 80px;}
.head .head_nav .logo{width: 525px;position: relative;top: -12px}
.head .head_nav ul{width: 570px;padding-right:10px;}
.head .head_nav ul li{width: 81px;height: 80px;text-align:center;line-height: 80px;font-size: 16px;font-weight: bold;color: #444}
.head .head_nav ul li:hover {color: #20987D}
/*head end*/

/*nav start*/
.nav_1{height: 40px;background: #20987D}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{ width:1100px;margin:0 auto; height:40px; line-height:40px;;position:relative;z-index:9999;background: #20987D}
.nav a{ color:#fff;}
.nav .nLi{width:110px;float:left;  position:relative; display:inline;text-align: center;}
/*.nav .nLi h3{ float:left;}*/
.nav .nLi h3 a{ display:block; font-size:16px; font-weight:bold;}
.nav .sub{ display:none; width:110px; left:0; top:40px;  position:absolute;background:url(../images/libgn.png);line-height:38px;padding:5px 0;}
.nav .sub li{width: 110px; zoom:1;font-size: 13px;border-bottom: 1px dashed #898989}
.nav .sub a{ display:block; padding:0 10px;color: #fff}
.nav .sub a:hover{color:#666;}
.nav .on{ background:#ccc; color:#666;text-align: center;}
.nav .on a{color: #666}

/*nav end*/

/*banner start*/
.rslides{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.rslides li{
	-webkit-backface-visibility:hidden;
	position:absolute;
	display:none;
	width:100%;
	left:0;
	top:0;
}
.rslides li:first-child{
	position:relative;
	display:block;
	float:left;
}
.rslides img{
	display:block;
	height:auto;
	float:left;
	width:100%;
	border:0;
}
/*pager*/
.callbacks_tabs.callbacks1_tabs{margin-top:-40px; position:relative;z-index:100;margin-bottom:20px;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:10px;border:1px solid #FFF;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px;border-radius:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#FFF;}

/* Callback example */
.callbacks_container{
	margin-bottom:2px;
	position:relative;
	width:100%;
	max-width:100%;
	text-align:center;
}

.callbacks{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.callbacks li{
	position:absolute;
	width:100%;
	left:0;
	top:0;
}
.callbacks img{
	display:block;
	position:relative;
	z-index:1;
	height:auto;
	width:100%;
	border:0;
}
.callbacks .caption{
	display:block;
	position:absolute;
	z-index:2;
	font-size:20px;
	text-shadow:none;
	color:#fff;
	background:#000;
	background:rgba(0,0,0, .8);
	left:0;
	right:0;
	bottom:0;
	padding:10px 20px;
	margin:0;
	max-width:none;
}
.callbacks_nav{
	position:absolute;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	top:50%;
	left:0;
	opacity:0.6;
	z-index:3;
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
	height:61px;
	width:38px;
	background:transparent url("../images/themes.gif") no-repeat left top;
	margin-top:-30px;
	display:none;
}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{
	left:auto;
	background-position:right top;
	right:0;
}

@media screen and (max-width:600px){
	.callbacks_nav{
		top:47%;
	}
}
/*banner end*/

/*product start*/
.product{padding:40px 0;background: url(../images/probg.png) no-repeat center top;}
.product .title_p{height:80px;background: url(../images/title_p.png) no-repeat center;}
.product .p_out{width: 240px;}
.product .p_out:nth-child(2) {margin-left: 46.6px;}
.product .p_out:nth-child(3) {margin-left: 46.6px;}
.product .p_out:nth-child(4) {margin-left: 46.6px;}

.product .p_out .pro_top{width: 260px;height: 40px;background: #20987D;line-height: 40px;text-align: center;color: #fff;font-size: 16px;font-weight: bold;}
.product .p_out:nth-child(1) ul li{float: left; width: 260px;}
.product .p_out ul{width:260px;padding:10px 0;height:220px;background: #e6e6e6;opacity: 0.9}
.product .p_out ul li{height: 25px;line-height: 25px;background: #e6e6e6;}
.product .p_out ul li:hover {text-decoration:underline;}
.product .p_out .more{width: 260px;height: 35px;background: #9D9D9D;line-height: 35px;text-align: center;color: #fff;font-size: 15px;}
.product .p_out .more:hover {background: #6C6C6C;}
/*.product .p_out:nth-child(4) ul li{font-weight: bold;font-size: 16px;margin-bottom: 10px;}*/
/*product end*/

/*hotpro start*/
.hotpro{padding:35px 0 25px 0;}
.hotpro .hd{height:80px;background: url(../images/title_p2.png) no-repeat center;}
.hotpro .title{height: 40px;line-height: 40px;padding-left: 12px;}
.hotpro .title b{font-size: 22px;color: #20987D}
.hotpro .title font{position: relative;top: 3px;font-size: 13px;}
.hotpro .multipleColumn{ overflow:hidden; position:relative; width:1144px;}
.hotpro .multipleColumn .hd{ overflow:hidden;  height:80px;padding:0 10px;  }
.hotpro .multipleColumn .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:16px; zoom:1; margin-right:12px;}
.hotpro .multipleColumn .hd ul li{ float:left;  width:11px; height:11px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.png") 0 -11px no-repeat; }
.hotpro .multipleColumn .hd ul li.on{ background-position:0 0; }

.hotpro .multipleColumn .bd{overflow:hidden;  }
.hotpro .multipleColumn .bd ul{ overflow:hidden; zoom:1; width:1144px;height: 220px;  float:left; _display:inline;}
.hotpro .multipleColumn .bd ul li{width:240px;height: 220px;margin:0 23px;}
.hotpro .multipleColumn .bd ul li .top{line-height: 24px;font-weight: bold;font-size: 15px;color: #333;line-height: 24px;margin-top: 6px;text-align: center;}
.hotpro .multipleColumn .bd ul li p{font-size: 12px;line-height: 150%;}
/*hotpro end*/

/*company start*/
.company{padding:40px 0;background: url(../images/combg.png) no-repeat center;}
.company .com_body .cb_l{width: 640px;}
.company .com_body .cb_l .title{height: 40px;line-height: 40px;color: #d1d1d1}
.company .com_body .cb_l .title b{font-size: 22px;color: #fff}
.company .com_body .cb_l .title b font{color: #fff}
.company .com_body .cb_l .comcon{width: 620px;padding:4px 10px 10px 10px;}
.company .com_body .cb_l .comcon p{text-indent: 2em;line-height: 175%;color: #fff}
.company .com_body .cb_l .more{width: 150px;height: 35px;background: #20987D;color: #fff;line-height: 35px;text-align:center;}
.company .com_body .cb_l .more:hover {background: #A50F0F}
.company .com_body .title_xc{width: 60px;height: 280px;background: url(../images/title_xc.png) no-repeat center;margin-top: 20px;margin-left:30px;}
.company .com_body .cb_r{width: 370px;}
.company .com_body .cb_r .scxc{width: 180px;height: 280px;margin-top: 20px;}
.company .com_body .cb_r .scxc:nth-child(2) {margin-left:10px;}
.company .com_body .cb_r .scxc .scxc_bot{margin-top: 10px;border-radius: 10px;overflow: hidden;}
.company .com_body .cb_r .scxc .scxc_top{border-radius: 10px;overflow: hidden;}
.company .com_body .cb_r .scxc img:hover {opacity: 0.8}
/*company end*/


/*news start*/
.news{padding: 40px 0;}
.news .new_l{width: 600px;}
/*.infoTop { position: relative; }
.infoTop img { margin-right: 4px; }
.infoTop h2 { font-weight: bold; color: #FF6717; font-size: 22px; line-height: 34px; display: inline-block; *display: inline; *zoom: 1; }
.infoTop h2 font{color: #333}
.infoTop em { position: absolute; width: 136px; height: 7px; background: url(../images/info.gif); top: 16px; right: 0; }*/
.news .new_l .nl_top{width: 600px;height: 44px;background: url(../images/nl_top.png) no-repeat center left;line-height: 44px;color: #fff;font-size: 22px;}
.news .new_l .nl_top font{position: relative;left: 28px;}
.news .new_l .nl_bot{width: 600px;padding-top: 15px;}
.news .new_l .nlbot_top{width: 600px;}
.news .new_l .nlbot_top .new_img img{border:1px solid #dfdfdf;padding:2px;}
.news .new_l .nlbot_top .new_zi{width: 415px;}
.news .new_l .nlbot_top .new_zi b{font-size: 16px;}
.news .new_l .nlbot_top .new_zi p{text-indent: 2em;line-height: 170%;margin:5px 0;}
.news .new_l .nlbot_top:hover {color: #333}
.news .new_l .nl_bot ul{padding:15px 0 0 0;}
.news .new_l .nl_bot ul li{height: 31px;line-height: 31px;}
.news .new_l .nl_bot ul li:hover {color: #333}
.news .new_r{width: 450px;}
.news .new_r .nr_top{width: 450px;height: 44px;background: url(../images/nr_top.png) no-repeat center;line-height: 44px;color: #fff;font-size: 22px;}
.news .new_r .nr_top font{position: relative;left: 28px;}
.news .more{width: 47px;height: 44px;}
.news .txtScroll-top{width: 450px; overflow:hidden; position:relative;top: 10px;}
.news .txtScroll-top .infoList li{ height:76px;}
.news .txtScroll-top .infoList li .que{width: 415px;height: 30px;line-height: 30px;background: url(../images/que.png) no-repeat center left;padding-left: 35px;}
.news .txtScroll-top .infoList li .que b{font-size: 15px;}
.news .txtScroll-top .infoList li .ans{width: 415px;background: url(../images/ans.png) no-repeat top left;line-height: 22px;padding-left: 35px;position: relative;top: -3px;}
.news .txtScroll-top .infoList li:hover a{color: #333}
/*news end*/

/*footer start*/
.footer{padding:30px 0 20px 0;background: url(../images/footbg.jpg) no-repeat center;}
.footer ul li{width: 85px;height: 25px;line-height: 25px;padding-left: 5px;color: #dedede;font-size: 15px;background: url(../images/line.png) no-repeat center;}
.footer ul a:nth-child(10) li{background: none}
.footer .foot_body .fl p{padding-left: 5px;line-height: 160%;color: #dedede}
.footer .by{width: 185px;height: 147px;background: url(../images/by.png) no-repeat center;position: relative;top: 30px; }
.footer .foot_bot p{text-align: center;line-height: 160%;color:#dedede;}
/*footer end*/

/*main start*/
.main{margin:40px auto;}
.main .main_l{width: 240px;}
.main .main_l .l_top{width: 240px;height: 79px;background: url(../images/pro_list.png) no-repeat center;}
.main .main_l ul{margin:5px 0;}
.main .main_l ul .li2{width: 220px;height: 20px;line-height: 20px;background: #EAEAEA;padding-left: 20px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main .main_l ul a .li1{width:240px;height:25px;line-height:25px;background: #3A3B3A;color: #fff;font-size:15px;padding-left: 0;margin-top: 5px;}
.main .main_l ul li:hover {color: #20987D}
.main .main_l ul a .li1:hover {color: #20987D}
.main .main_r{width: 820px;}
.main .main_r .mr_top{width: 820px;height: 45px;line-height: 35px;background: url(../images/main_line.png) no-repeat center bottom;}
.main .main_r .mr_top .fl{font-size: 22px;color: #20987D}
.main .main_r .mr_top .fr a:hover {text-decoration: underline;}
.main .main_r .mr_bot{width: 800px;padding:10px;}
.main .main_r .mr_bot p{text-indent: 2em;}
/*main end*/
/*产品列表*/
.mr_bot .prdct{margin-left:-15px}
.mr_bot .prdct ul{}
.mr_bot .prdct ul .pt{width: 260px;height: 210px;text-align: center;margin-top: 10px;float:left;margin-bottom:25px;margin-left:11px}
.mr_bot .prdct ul .pt img{border:2px solid #20987D;transition: all 0.2s ease-in;width:240px;height:180px}
.mr_bot .prdct ul .pt .zi{width: 244px;height: 30px;background: #20987D;margin: 0 auto;color: #fff;text-align: center;line-height: 30px;font-size: 15px;transition: all 0.2s ease-in;}
.mr_bot .prdct ul .pt .h1{width: 280px;height: 20px;color:red;text-align: center;}
.mr_bot .prdct ul .pt:hover img{border-color: #3A3B3A}
.mr_bot .prdct ul .pt:hover .zi{background: #3A3B3A}
/*上下页*/
.dede_pages{float:left; width:100%;margin-left:-5px}
.dede_pages ul{float:left;padding:12px 0px 12px 9px;}
.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:#20987D; 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:#3A3B3A; 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;}
/*上下篇*/
.per{float:left;margin-top:20px; text-align:center; width: 100%;margin-bottom: 20px; background:#eee;}
.per p{ line-height:35px !important; 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;}
.xgwz{width:100%;float:left; margin-bottom:40px;}.xgwz ul{ padding:0px;}
.xgxw{ width:375px;line-height: 25px; height:25px; float:left;margin:5px 12px;border-bottom: 1px #ccc dashed;white-space: nowrap;overflow: hidden;}
.pro_img2{ width:100%; 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 5px;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; }
/*新闻列表*/
dl.news_dl {font-size:14px; color:#666; padding:10px 5px; line-height:22px; border-bottom:1px dashed #CCCCCC;}
.news_dl a img:hover{ background: #EE7703;}
dl.news_dl {font-size:14px; color:#666; padding:0 5px; line-height:22px; border-bottom:1px dashed #CCCCCC;}
dl.news_dl a{ color:#000; }
dl.news_dl dt { margin-bottom:3px; margin-top:5px; line-height:24px; height:24px;  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;  height:45px; overflow:hidden; margin-bottom:10px;}
.a1{text-decoration: none;
    outline: none;
    color: white;
    transition: 0.2s;}
/*产品文章*/
.mr_bot .ny_title h2{line-height:40px;color:#666666;font-size:18px;border-bottom: 1px #ccc dashed;margin-bottom:10px;font-weight: bold;}
/*友情链接*/
#links{clear:both;line-height:24px;color:#fff;background:#111111;font-size: 16px; }
#links a{font-size: 12px;color:#fff; padding:0 2px;}
.w1140{width:1100px;margin:0 auto}
/*网站地图*/
.main_body{
	height: 100%;
    padding: 0px;
    margin: 0px;
    min-width: 1200px;
    font: 14px 微软雅黑;
    color: #666666;
}
.pr_body{
	height: 100%;
    padding: 0px;
    margin: 0px;
    min-width: 1200px;
    font: 14px 微软雅黑;
    color: #666666;
}
#content01{
    float: left;
    line-height: 30px;
    font-size: 14px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    width: 1100px;
}
.hotnew{
    width: auto;
    padding: 0px 30px;
}
.hotnew_bt {
    font-size: 16px;
    width: 1100px;
    float: left;
    color: #666666;
    font-weight: bold;
    border-bottom: #111111 2px solid;
    margin-bottom: 20px;
}
.hotnew ul li{border-bottom:1px #ccc dashed; float:left;margin-left:15px;}

#content01 h3 {
    font-size: 20px;
    padding: 10px;
    margin-left: 22px;
    color: #04AFDA;
    line-height: 20px;
    font-weight: 600;
    border-bottom: #d6d6d6 1px solid;
    clear: both;
	width:150px;
}
#content01 h3 a {
    text-decoration: none;
    outline: none;
    color: #666666;
    transition: 0.2s;
}
.f6 {
    width: 990px;
}
.linkbox {
    padding: 0px 30px;
    width: auto;
}
.linkbox h3{
	width:150px;
}

.linkbox ul li {
    border-bottom: 1px #ccc dashed;
    margin-left: 15px;
    width: auto;
    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: #111111 2px solid;
    margin-bottom: 20px;
}
.hotnew {
    width: auto;
    padding: 0px 30px;
}