﻿@charset "utf-8";
/* CSS Document */
/*重置*/
*{ color:#666666; font-size:16px; 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}
a:hover{ color:#0061ae}
/*重置结束*/

/*top*/
.topbox{ background:#f7f7f7; border-bottom:1px solid #cccccc}
.top{ width:1000px; margin:0 auto; overflow:hidden}
.top_l{ float:left; line-height:50px; font-size:14px}
.top_r{ float:right; line-height:50px}
.top_r_l{ float:left; font-size:14px}
.top_r_l a{ font-size:14px; margin:0 12px 0 12px}
.top_r_r{ float:left; background:url(../images/kuangbj_03.png) no-repeat; width:126px; margin-top:15px; margin-left:12px}
.kuang{ float:left; width:95px; margin-left:10px; font-size:12px; line-height:20px; color:#909090}
.annuo{ float:left; width:11px; background:url(../images/serbtn_06.png) center no-repeat;}
.top_r a:hover{ color:#0061ae}
/*top--end*/



/* nav start */
#nav_wrap { width: 100%; height: 100px;}
#nav { margin: 0 auto; width: 1000px; height: 100px; }
.logo_l{ float:left; margin-top:20px}
.menu { width: 770px;height: 100px; float:right}
.menu dl { float: left; display: block; width: 110px; height: 100px; color: #333; font:16px/100px "Microsoft YaHei"; text-align: center;  position: relative; }
.menu dl dt a { display: block; width: 110px; height: 100px; color: #333; font:16px/100px "Microsoft YaHei"; }
.menu dl dt a:hover, .menu dl dt a.current { color:#0061ae}
.menu dl dd { position: absolute; width: 110px; margin: 0px; padding: 0; overflow: hidden; display: none; background: #fff; z-index: 200; filter: alpha(opacity=90); -moz-opacity: .9; opacity: 0.9; margin-top: 0px; margin-left: 0px; +margin-left:0px; }
.menu dl ul { width: 108px; margin: 0; padding-top: 0; list-style: none; border-top: none; border: 1px solid #d4d4d4; border-top: 0; }
.menu dl li { border-bottom: 1px solid #eee; }
.menu dl dd a { display: block; width: 108px; margin: 0; text-decoration: none; color: #333; display: block; text-align: center; height: 40px;line-height:40px;font-size:14px;}
.menu dl dd a:hover { background-color: #0061ae; color: #ffffff; }
.menu .last { border-bottom: none; margin-bottom: 3px; }

/* 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: 85%;position:absolute; bottom:10px;  margin:0px auto; 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结束*/


/*MAIN*/
.mainbox{ margin-top:40px; margin-bottom:60px}
.main{ width:1000px; margin:0 auto;}
.main_t_bj{ background:url(../images/main_tbj_14.jpg) no-repeat}
.main_t_bj_1{ text-align:center; font-size:36px; font-weight:bold; color:#0061ae; line-height:42px; margin-bottom:4px}
.main_t_bj_2{ text-align:center; font-size:18px; color:#0061ae ;line-height:19px;}
.main_t_3{ text-align:center; font-size:14px}
.main_box{ margin-top:40px; overflow:hidden}
.main_box li{ width:306px; border:2px solid #ccc; float:left; margin-right:35px}
.main_box_m{ margin-top:30px; margin-bottom:11px}
.main_b_m_1{ text-align:center; font-size:24px; color:#0061ae ;font-weight:bold;}
.main_b_m_2{ text-align:center; font-size:14px; margin-bottom:16px}
.main_b_m_3{ width:116px; height:1px; background:#808080; margin:auto}
.main_b_m_4{ width:264px; text-align:center; margin-left:21px; margin-top:14px}
.main_b_m_4 p{ font-size:12px; line-height:20px}
.main_b_m_5{ text-align:center; line-height:15px; margin-bottom:14px}
.main_b_m_6{ width:122px; background:#0061ae; border-radius:17.5px; text-align:center; line-height:36px; margin:auto}
.main_b_m_6 a{ color:#fff}
/*foot*/
.footbox{ background:#333}
.foot{ width:1000px; margin:0 auto; overflow:hidden}
.foot_1,.foot_2{ float:left}
.foot_1{ margin-top:33px}
.foot_2{ margin-top:42px; margin-left:36px; text-align: center;}
.foot_3{ float:right; margin-top:10px; margin-bottom:10px;}
.foot_2box{ overflow:hidden; width:658px; margin-bottom:20px}
.foot_2box li{ float:left}
.foot_2box_jg{ font-size:14px; padding:0 20px; color:#fff}
.foot_2box li a{ font-size:14px; font-weight:bold; color:#fff}
.foot_2box li a:hover{ color:#0061ae}
.foot_3box{ color:#fff; font-size:14px; line-height:30px;}


/*内页公共样式*/
.z_mainbox{ margin-top:40px; margin-bottom:40px}
.z_main{ width:1000px; margin:0 auto; overflow:hidden}
.z_main_l{ float:left;}
.z_main_l_t{ width:240px; line-height:60px; text-align:center; background:#0061ae; font-size:18px; color:#fff}
.z_main_l_c{ width:240px; line-height:48px; background:#f5f5f5; border-bottom:1px solid #ccc; height:48px;}
.z_main_l_c a{ display:block; width:200px; margin-left:20px; height:48px; overflow:hidden; float:left; cursor: pointer;}
.z_main_l_c em{float:right; background:url(../images/dotdown.png) right no-repeat; width:10px; height:10px; margin-top:20px;}
.sclass {width:240px; line-height:30px; background:#fcfcfc;}
.sclass li{padding:0px 20px;}
.sclass li a{float-size:14px; width:200px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; display: inline-block;}


.z_main_r{ float:right; width:720px; }
.z_main_r_t{ width:720px; border-bottom:1px solid #ccc; margin-top:28px; overflow:hidden}
.z_main_r_t_l{ float:left; margin-bottom:10px}
.z_main_r_t_l_s1{ margin-left:5px}
.z_main_r_t_l_s2{ font-size:14px; margin-left:10px}
.z_main_r_t_r{ float:right; font-size:14px}
.z_main_r_t_r a{ font-size:14px}
/*内页公共样式end*/


/*关于我们*/
.z_aboutbox{ margin-top:10px}
.z_aboutbox p{ line-height:36px; text-indent:32px; text-align:justify; }
/*关于我们end*/

/*荣誉资质*/
.z_honorbox{ overflow:hidden; margin-top:20px}
.z_honorbox li{ float:left; width:165px; margin-right:20px}
.z_honorbox li div{ line-height:40px; text-align:center}
.z_honorbox li div a{ font-size:14px}
.z_honorbox li img{ border:1px solid #ccc}
/*荣誉资质end*/

/*product展示开始*/
.productshow_content{ width:720px;overflow:hidden; margin-top:10px}
.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_c{ width:590px;overflow:hidden; margin:0 auto}
.ps_c_time p{ float:left; font-size:16px}
/*product展示结束*/

/*经营理念*/
.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:#0061ae;
}
.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;}



/*z-news*/
.n_newslist{ width:720px;}
.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}
.ns_c_shangyitiao{ line-height:30px; border-top:#ccc 1px dashed }
.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}
/*z-news--end*/
/*经销加盟*/
.part{line-height:35px; min-height:500px; margin-top:10px}
.part strong{ font-size:16px;}
.part p{ text-indent:24px;}
/*经销加盟--end*/



/*lianxi*/
.lianxi{ overflow:hidden; margin-top:20px}
.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结束*/


/* flash*/
/*.flash{border-bottom:solid 2px #da251d; height:667px;position:absolute;top:0;left:0;width:1920px; margin-left:-960px;left:50%;}*/
  .flase{border-bottom:solid 2px #da251d; height:auto; position:absolute;top:0;left:0;width:100%;   margin-left:-50%;  left:50%;}
/*Slideshow*/
#slides {z-index:auto}
#slides .slides_container {margin:0px auto; width:1920px; height:667px; _width:1920px; position:relative; display:none;}
#slides .slides_container a {width:1920px;height:667px;display:block;}
#slides .slides_container a img {display:block;}
#slides .pagination {overflow:visible;position:absolute;width:80px;_width:90px;margin-left:-40px;left:50%;top:543px;z-index:500;zoom:1;}
#slides .pagination li {float:left;margin:0 4px;list-style:none;}
#slides .pagination li a {display:block;width:12px;height:0;padding-top:12px;background-image:url(../images/pagination.png);background-position:0 0;float:left;overflow:hidden;}
#slides .pagination li.current a {background-position:0 -12px;}

#slides2{height:80px;position:relative;}
/*#slides2{position:absolute;top:0;left:0;z-index:100;}*/
#slides2 .slides_container{width:121px;height:74px;position:relative;overflow:hidden;float:left;}
#slides2 .slides_container div.slide{width:121px;height:80px;overflow:hidden;display:block;background-color:#EEE;text-align:center;}
#slides2 .pagination{width:121px;}
#slides2 .pagination li{float:left;margin:5px 4px 0 0;}
#slides2 .pagination li a{display:block;width:5px;height:0;padding-top:5px;overflow:hidden;background-color:#CCC;}
#slides2 .pagination li.current a{background-color:#1d6293;}



.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;}