@charset "utf-8";
/* CSS Document */
/*重置*/
*{ color:#666666; font-size:14px; font-family:"微软雅黑"}
body{ margin:0; padding:0;}
p{ margin:0}
/*img{ border:none; display:block}*/
input{ border:none; margin:0; padding:0; outline:none}
dd,dl{ margin:0;}
ul{ margin:0; padding:0}
li{ list-style:none}
body{ padding:0; margin:0}
a{ text-decoration:none}
/*重置结束*/

/*top*/
.topbox{ background:#fafafa; border-bottom:1px solid #e5e5e5}
.top{ width:1000px; margin:0 auto; overflow:hidden}
.top_l{ float:left; line-height:36px}
.top_r{ float:right; line-height:36px}
.top_r a{ margin:0 2px}
.top_r a:hover{ color:#008fd7}
/*top--end*/

/*logo*/
.logo{ width:1000px; margin:0 auto; overflow:hidden}
.logo_l{ float:left; margin-top:30px; margin-bottom:30px}
.logo_r{ float:right; margin-top:29px}


.serbox{ overflow:hidden}
.search{ float:left; width:200px; height:42px; background:url(../images/kuang.jpg) no-repeat; text-indent:10px; margin-right:10px}
.button{ float:left; width:42px; height:42px; background:url(../images/annou.jpg) no-repeat;}
/*logo--end*/
/*nav*/
.navbox{ background:#008fd7; margin-bottom:1px}
.nav{ width:1000px; margin:0 auto; overflow:hidden; padding-top:2px}
.nav a{ float:left; width:125px; text-align:center; font-size:16px; color:white; line-height:40px}
.nav .addwhite{ background:white; color:#666666}
.nav a:hover{ background:white; color:#666666}
/*nav--end*/
/*banner*/
/*===FlexSlider幻灯片  开始 OK===*/
#banner { }
/*幻灯片标题*/
 .flex-caption { width:100%; padding:3px 0px; position: absolute; bottom: 3px;color: #fff;text-align: right;font-size: 14px;line-height: 22px;height:22px;}
/* FlexSlider Necessary Styles*/
.flexslider { padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { background: #fff; border: 0px solid #fff; position: relative;  zoom: 1; }
.flex-viewport { max-height:2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
/*.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}*/
.flex-control-nav{ width: 90%;position:absolute; bottom:10px;  margin:0px; text-align: center; border:0px dashed red}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 8px; height: 8px; display: block; background: #aeaeae; background:  #aeaeae; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #0f61a7; background: #0f61a7 ; }
.flex-control-paging li a.flex-active { background: #0f61a7; background: #0f61a7 cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
/*===FlexSlider幻灯片  结束===*/
/*banner结束*/
/*link开始*/
.linkbox{ box-shadow:0 3px 3px #cccccc;margin-bottom:40px}
.link{ width:1000px; margin:0 auto; line-height:60px; height:60px; overflow:hidden}
.link span{ font-size:16px;font-weight:bold; color:#333}
.link a{ font-size:16px; margin-right:12px}
.link a:hover{ color:#008fd7}
/*link结束*/
/*tubiao开始*/
.tubiaobox{ border-bottom:1px solid #cccccc;}
.tubiao{ width:980px; margin:0 auto; overflow:hidden;}
.tubiao li{ width:140px;float:left; margin-right:140px; text-align:center; font-weight:bold; line-height:54px}
.tubiao li a img{ border:none; display:block}
.tubiao li a:hover{ color:#008fd7}
/*tubiao结束*/
/*pro开始*/
/*pro开始*/
.productbox{ background:#fafafa; box-shadow:0 3px 3px #e5e5e5; margin-bottom:40px}
.product{ width:1000px; margin:0 auto; padding-top:6px}
.product_t_p1{ font-size:16px; font-weight:bold; text-align:center; line-height:40px}
.product_t_p2{text-align:center;}
.product_l{ overflow:hidden; margin-top:14px; margin-bottom:20px}
.product_l li{ float:left; width:150px; margin-right:20px; text-align:center; line-height:30px}
.product_l li a{ font-size:14px;}
.product_l li a:hover{ color:#008fd7}
.product_l li a img{border:none; display:block; border:1px #e5e5e5 solid}
.product_l li a img:hover{border:1px #008fd7 solid}
.promorebox{ padding-bottom:30px; background:#fafafa; margin-bottom:40px;box-shadow:0 3px 3px #e5e5e5;}
.promore{ width:120px; line-height:40px; background:#008fd7; text-align:center; margin:0 auto;}
.promore a{ color:white; font-size:16px}
/*pro结束*/
/*pro结束*/
/*主体*/
.qiehuan{ width:1000px; margin:0 auto; overflow:hidden; margin-bottom:40px}

/*新闻和公司简介切换*/
.in-new-left{
	width: 735px;
	border: 1px solid #ccc;
	height: 288px;
	float: left;
}
.in-new-left .left{
	width: 178px;
	float: left;
}
.in-new-left .left div{
	width: 178px;
	height: 143px;
	background: #8d8d8d;
	border-bottom: 1px solid #fff;
	position: relative;
	cursor: pointer;
}
.in-new-left .left div:hover{
	background: #008fd7;
}
.in-new-left .left div:hover .img{
	display: block;
}
.in-new-left .left div.on{
	background: #008fd7;
}
.in-new-left .left div.on .img{
	display: block;
}
.in-new-left .left div .p-img{
	
	text-align: center;
	padding-top: 30px;
}
.in-new-left .left div .p-text{
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding-top: 10px;
}
.in-new-left .left .img{
	position: absolute;
	right: -12px;
	top: 55px;
	width: 12px;
	height: 24px;
	background: #fff;
	display: none;
}
.in-new-left .right{
	width: 510px;
	float: right;
	height: 288px;
	overflow: hidden;
	position: relative;
	left: -20px;
}
.in-new-left .right .right-text-top .title{
	font-size: 14px;
	font-weight: bold;
	color: #008fd7;
	padding-top: 20px;
	padding-bottom: 10px;
}
.in-new-left .right .right-text-top span{
	color: #005197;
}
.in-new-left .right .right-text-top{
	height: 113px;
}
.in-new-left .right .right-text-btm ul li{
	background:url(../images/tb6.png) no-repeat left;
	height: 56px;
	line-height: 56px;
	padding-left: 20px;
	border-top: 1px dashed #e4e4e4;
	font-size: 14px;
	font-weight: bold;
}
.in-new-left .right .right-text-btm ul li span{
	color: #989898;
	float: right;
	font-size: 12px;
	font-weight: normal;
}
.in-new-left .right .right-box{
	height: 290px;
}
.in-new-left .right .right-box .right-text-btm .clear li{
	overflow:hidden;
}

.in-new-left .right .right-con{
	position: absolute;
	top: 0px;
}
.in-new-left .right .right-con .right-box1.right-box span a { color:#000;}
.in-new-left .right .right-con .right-box1.right-box span a:hover { color:#008fd7;}
/*新闻和公司简介切换 end*/
.i_contact{ float:right; width:238px; border:1px solid #cccccc}
.i_contact_l li{ width:216px; margin-left:11px; border-bottom:1px solid #cccccc; font-size:12px; line-height:56px}
.i_contact_l li span{ font-weight:bold; color:#008fd7}
/*主体结束*/
/*foot*/
.footbox{ background:#333; border-top:6px solid #008fd7}
.foot{ width:1000px; margin:0 auto; overflow:hidden}
.foot_l{ float:left; margin-top:46px; margin-right:23px}
.foot_c{ float:left; margin-top:44px;}
.foot_r{ float:right; margin:20px 0;}
.foot_c{ width:640px}
.foot_c_1{ overflow:hidden; margin-bottom:26px; }
.foot_c_1 a{ float:left; color:white; width:80px; line-height:40px; text-align:center}
.foot_c_2{ text-align:center; color:white}
/*foot end*/

/*子页公共样式*/
.publicbox{ margin:40px 0}
.public{ width:1000px; margin:0 auto; overflow:hidden;}
.public_l{ float:left; width:240px;}
.public_l_t{ text-align:center; color:white; background:#008fd7; line-height:48px; font-size:16px}
.public_l_l{ border-left:1px solid #cccccc;border-right:1px solid #cccccc; margin-bottom:40px }
.public_l_l li{border-bottom:1px solid #cccccc; line-height:39px; text-align:center; font-size:16px}
.public_l_l li a{ font-size:16px;}
.public_l_l li a:hover{ color:#008fd7}


.public_r{ float:right; width:740px;}
.public_r_t{ line-height:47px; border-bottom:1px solid #008fd7; overflow:hidden; margin-bottom:20px}
.public_r_t_s1,.public_r_t_s2{ float:left}
.public_r_t_s1{ font-size:16px}
.public_r_t_s2{ font-size:14px; margin-left:10px}
.public_r_t_s3{ float:right; font-size:16px}
.public_r_t_s3 a{ font-size:16px}
.public_r_t_s3 a:hover{ color:#008fd7}
/*子页公共样式结束*/


/*z-product*/
.z_product{ width:740px; overflow:hidden}
.z_product li{ width:170px; float:left; margin-right:20px; line-height:40px; text-align:center}
.pro_name{ font-size:12px; display:block; width:170px; height:40px; overflow:hidden}
.z_product li a img{border:none; display:block;border:1px solid #cccccc}
.z_product li a:hover{ color:#008fd7}
.z_product li a img:hover{ border-color:#008fd7}
/*z-product--end*/

/*product展示开始*/
.productshow_content{ width:740px;overflow:hidden;}
.ps_c_title{ font-size:18px; font-weight:bold;  text-align:center; border-bottom:1px #ccc dashed; color:black; line-height:39px}
.ps_c_time{ overflow:hidden;line-height:39px;border-bottom:1px #ccc dashed; margin-bottom:20px}
.ps_c_time p{ float:left; font-size:16px}
/*product展示结束*/

/*z-news*/
.n_newslist{ width:740px;}
.n_newslist li{ line-height:59px; border-bottom:1px #CCC dashed; overflow:hidden;}
.n_newslist li a{ float:left}
.n_newslist li p{ float:right}
.n_newslist li:hover{ color:#01a1ac; background-color:#f9f9f9}
/*z-news--end*/

/*newsshow*/
.newsshow_content{ width:740px;}
.ns_c_title{ font-size:18px; font-weight:bold; line-height:59px; text-align:center; border-bottom:1px #ccc dashed; color:black}
.ns_c_time{ overflow:hidden;line-height:59px;border-bottom:1px #ccc dashed; margin-bottom:20px}
.ns_c_time p{ float:left; font-size:16px}
.ns_c_zhengwen{ line-height:36px; text-indent:32px; ; border-bottom:1px #ccc dashed; padding-bottom:40px; font-size:16px}
.ns_c_shangyitiao{ line-height:30px}
.ns_c_xiayitiao{ line-height:30px; overflow:hidden; border-bottom:#ccc 1px dashed}
.ns_c_xiayitiao p{ float:left}
.ns_c_xiayitiao a{ float:right}
/*newsshow结束*/
.z_about_c{line-height:36px; text-indent:28px; margin-bottom:14px; text-align:justify}
/*lianxi*/
.lianxi{ overflow:hidden}
.lx_box{ float:left}
.lx_box li{ overflow:hidden; margin-bottom:20px}
.lx_box li img,.lx_box li p{ float:left}
.lx_box li img{ margin-right:10px}
.lx_box li p{ line-height:40px; font-size:16px}
.erweima{ float:right; margin-top:50px}
/*lianxi结束*/
.yxbox li{ text-align:center}
.yxbox li img{ display:inline-block}
/*经营理念*/
.cl_concept{padding:40px 0 50px ; min-height:420px;}
table {border-collapse:collapse;}
.circle {
	width:112px;
	height:74px;
	margin:auto;
	background:url(../images/circle.gif) no-repeat;
	font-size:26px;
	text-align:center;
	padding-top:32px;
	color:#008fd7;
}
.circleC {
	padding:90px 10px 10px 10px;
	line-height:180%;
	background:url(../images/circle_down.gif) no-repeat center 25px;
}

.orz{ padding:20px 20px 50px 20px; min-height:440px;}

.page {width:100%;height:70px;clear:both;text-align:center;padding-top:30px;}
.page strong {color:#FFF;background-color:#0071b6;padding:7px 12px;margin:1px 10px 0px -1px;cursor:pointer;border:1px solid #0071b6;}
.page a {border:1px solid #e6e6e6;padding:7px 12px;margin-right:10px;cursor:pointer;color:#000;}
.page a:hover {background-color:#0071b6;border:1px solid #e6e6e6;color:#fff;}