*{word-wrap:break-word}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:14px;color: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
body{line-height:1.6}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur());}
a{text-decoration:none;cursor: pointer; color: #666;}
a:hover{text-decoration:none;outline:none}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important;}
/*img*/
img{border:0;vertical-align:middle;max-width:100%}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}
 
/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}
 
/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*
Name:			style_clearfix
Example:		class="clearfix|cl"
Explain:		Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.fl{ float: left;}
.fr{float: right;}
.fb {font-weight:bold;}
.f12 {font-size:12px;}
.f14 {font-size:14px;font-weight:bold;}
.f141 {font-size:14px;}
.f16 {font-size:16px;font-weight:bold;}
.fm{font-family:"微软雅黑";}


.text-l{text-align:left}/*水平居左*/
.text-r{text-align:right}/*水平居中*/
.text-c{text-align:center}/*水平居右*/
.va *{vertical-align:sub!important;*vertical-align:middle!important;_vertical-align:middle!important}
.va-t{ vertical-align:top!important}/*上下居顶*/
.va-m{ vertical-align:middle!important}/*上下居中*/
.va-b{ vertical-align:bottom!important}/*上下居底*/
.clear{    clear: both;
    height: 0;
    width: 0;
    zoom: 1;
    overflow: hidden;}
.cl:after,.clearfix:after,.container:after{content:"";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}
.clear{ width: 100%; clear: both; height: 1px;}
#ie9{position: fixed; top:0; left:0; width:100%; height:100%; z-index:9999999; background:#00ADB5}
#ie9 h6{ font-size: 20px; text-align: center; padding-top: 80px; color: #fff; font-weight: 100;}
#ie9 ul{ width: 20%; margin:50px auto;}
#ie9 ul li{ width: 50%; float: left; text-align: center;}
#ie9 ul li img{  width: 80px ;}
#ie9 .logo{ float: none;font-weight: initial; cursor: pointer; text-align: center; padding:0 30px; padding-top:50px;letter-spacing: -.5px; text-decoration: none; color: #fff; line-height: 75px; font-size:30px;font-family: Lato,PingFang SC,Microsoft YaHei,sans-serif;}
/*公用开始------------------------------------------------------------------*/

.container-fluid{ width:100%}

.container{width: 1200px !important; margin: 0 auto;}/*固定外框*/	
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.ml10 {margin-left:10px;_margin-left:5px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.mr10 {margin-right:10px;}
.b-white{ background-color: #fff !important;}
.b-Red{ background-color: #CC0000 !important;}
.b-orange{ background-color: #FF6600 !important;}
.b-yellow{ background-color: #FFFF33 !important;}
.b-green{ background-color: #00CC66 !important;}
.b-Blue{ background-color: #0099FF !important;}
.b-black{ background-color: #000 !important;}
.b-Violet{ background-color: #660066 !important;}
.f-white{color: #fff !important;}
.f-Red{ color: #CC0000 !important;}
.f-orange{ color: #FF6600 !important;}
.f-yellow{ color: #FFFF33 !important;}
.f-green{ color: #00CC66 !important;}
.f-Blue{color: #0099FF !important;}
.f-black{color: #000 !important;}
.f-Violet{color: #660066 !important;}


.f-self{ color: #00ADB5 !important;}
.b-self{ background-color: #00ADB5 !important;}

/*公用颜色------------------------------------------------------------------*/

/*----header------*/
.header{ width: 100%;padding: 30px 0;background: #f2f2f2;}
.logo-text{
	margin-left: 20px;
}
.logo-text p{
	font-size: 16px;
	color: #3e3f40;
	line-height: 30px;
}
.fwrx-con p:first-child{
	font-size: 18px;
	color: #424242;
}
.fwrx-con p:last-child{
	font-size: 30px;
	font-weight: bold;
	color: #424242;
}
.fwrx-icon{
	margin-top: 16px;
	margin-right: 10px;
}

.index_nav{background: #2481ce;}
.index_nav .nav{ line-height: 50px;}
.index_nav .nav>li,.index_nav .nav>div{ float:left; width: 14.28%; text-align: center; color: #fff}
.index_nav .nav>li>a{color: #fff; font-size: 15px; display: block;cursor:pointer}
.index_nav .nav>div>a{ color: #fff}
.index_nav .nav>li>a:hover{ background:#164f8e;}
.index_nav .nav>li>a.on{background:#164f8e;}

.index_nav .nav>li ul{ position:absolute; z-index:9; background:#0b4eae; width:172px; text-align:center; display:none}
.index_nav .nav>li ul a{ color:#fff; display:block}
.index_nav .nav>li ul a:hover{ background:#033196}
/*banner开始=======================================================================================*/
.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;
  }
.slide_container {
  position: relative;
  width: 100%;
  }

.slide {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.slide li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }
  
 .slide img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.slide .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;
  }
  
 .slide_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  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: -45px;
  }

.slide_nav:active {
  opacity: 1.0;
  }

.slide_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }
.slides li{ width: 950px; margin: 0 auto;}
/*----首页内容-----*/
/*chanpin*/
.index-product{margin-top: 80px;margin-bottom: 110px;}
.cpfl{
	background: url(../images/cp-navbg.jpg) no-repeat center top;
	text-align: center;
	padding: 35px 0;
}
.cp-navbox{
	width: 305px;
}
.cpfl p:first-child a{
	font-size: 24px;
	color: #fff;
	font-weight: bold;
}
.cpfl p:last-child a{
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
}
.cp-nav{
	background: #ebebeb;
	border: solid 1px #bebebe;
	text-align: center;
	padding: 20px 0;
}
.cp-nav ul li{
	height: 40px;
	padding-top: 20px;
}
.cp-nav ul li:hover{
	background: url(../images/cp-navbg1.jpg) no-repeat center -5px;
}
.cp-nav ul li:hover p a{
	color: #fff;
}

.cp-nav ul li p a{
	font-size: 16px;
	color: #353535;
	font-weight: bold;
}

/*chanpin*/
.index-proimg{
	width: 884px;
}
.index-proimg ul{ display: none;}
.index-proimg ul li{ float: left; margin-right:7px; width: 290px;}
.index-proimg ul li:last-child{
	margin-right: 0;
}
.index-proimg ul li img{}
.index-proimg ul li:nth-child(3),.index-proimg ul li:nth-child(6){ margin-right: 0;}
.index-proimg ul li:nth-child(1),.index-proimg ul li:nth-child(2),.index-proimg ul li:nth-child(3){ margin-bottom:47px;}
.index-proimg ul li a{display: block;}
.index-proimg ul li a:first-child{height: 260px;overflow: hidden;border: solid 1px #d2d2d2;}
.index-proimg ul li a:last-child{
	color: #fff; font-size: 14px; padding-left: 30px; line-height: 65px;background: #0085f2;
}
.index-proimg ul li a img{ width: 100%;min-height: 260px;}

.about_bg{ background: url(../images/about-bg.jpg) no-repeat center top;padding-top: 70px;padding-bottom: 15px;margin-top: 110px;}
.index-about{ width:560px;}
.abouttp p:first-child a{
	font-size: 24px;
	color: #2481ce;
	font-weight: bold;
}
.abouttp p:last-child a{
	font-size: 12px;
	color: #464646;
	text-transform: uppercase;
}
.about-con{
	margin: 60px 0;
}
.about-con p{ color:#424242;line-height:36px;font-size: 14px;}
.czl-icon ul li{
	width: 150px;
	background: #fff;
	line-height: 90px;
	padding-left: 30px;
	float: left;
	margin-right: 6px;
}
.czl-icon ul li img{
	margin-right: 30px;
}
.czl-icon ul li a{
	font-size: 14px;
	color: #000;
}
.about-more{
	margin-top: 524px;
	margin-right: 60px;
}
.about-more a{
	font-size: 14px;
	color: #fff;
	display: block;
}
.about-more a img{
	margin-left: 70px;
}

.ys-box{
	background: url(../images/ys-bg.jpg) no-repeat center bottom;
	padding-top: 110px;
}
.pro-title{
	text-align: center;
}
.pro-title p a{
	font-size: 30px;
	font-weight: bold;
	color: #000000
}
.pro-title p a span{
	color: #2481ce;
}
.pro-title p:last-child{
	font-size: 16px;
	color: #3b3b3b;
}
.ys-con{
	margin-top: 70px;
}
.ys-con ul li{
	float: left;
	margin-right: 6px;
	text-align: center; width: 294px
}
.ys-con ul li img{ width: 100%}
.ys-con ul li:last-child{
	margin-right: 0;
}
.ys-con ul li:hover .ys-text{
	background: #2481ce;
}
.ys-con ul li:hover .ys-text p:first-child{
	color: #fff;
}
.ys-con ul li:hover .ys-text p:last-child{
	color: #fff
}
.ys-text{
	background: #f0f0f0;
	padding: 69px 0 ; height:98px
}
.ys-text p:first-child{
	font-size: 16px;
	color: #1f1f1f;
	font-weight: bold;  height:50px;
}
.ys-text p:last-child{
	font-size: 12px;
	color: #1f1f1f;
	text-transform: uppercase;
	margin-top: 10px;
}

.gcal{
	margin-top: 110px;
}
.gcal-box{
	margin-top: 100px;
}
.slideBox2{ width:100%; position:relative; margin-top: 40px;  }
.slideBox2 .hd{ width: 100%; overflow:hidden;  text-align: center; }
.slideBox2 .hd li{ display: inline-block; width: 40px; height: 6px;margin-left: 5px; background: #c2e5ed;}
.slideBox2 .hd li.on{background: #ff5a5d}
.slideBox2 .bd{ position:relative;  z-index:0; overflow: hidden; }
.slideBox2 .bd ul{ }
.slideBox2 .bd li{ zoom:1; vertical-align:middle;text-align: center;  width: 290px;float: left; margin-right:10px;}
.slideBox2 .bd ul li a{ font-size: 15px; text-align: center; color: #000000; line-height: 40px;display: block;}
.slideBox2 .bd ul li>a{
	height: 373px;overflow: hidden;
	border: solid 1px #c2c2c2;
}
.slideBox2 .bd ul li a img{
	width: 288px;
	min-height: 373px;
}
.slideBox2 .bd ul li:first-child{}
/*.slideBox2 .bd img{ width:100%; height:150px; display:block;  }*/
.ghsj{ position: relative;}
.hd .next,.hd .prev{margin-top:35px}
.hd .next{left: -86px;background: url(../images/zjt.png) no-repeat center top;width: 46px;height: 46px;position: absolute;top: 50px;}
.hd .prev{ right: -86px;background: url(../images/yjt.png) no-repeat center top;width: 46px;height: 46px;position: absolute;top: 50px;}

.index-news{margin: 130px auto 30px;}
.xw-left{
	width: 600px;
}
.xwzx-tit{
	background: url(../images/xw-img.jpg) no-repeat center top;
	padding-top: 60px;
	padding-left: 20px;
	height: 267px;
}
.xwzx-tit p:first-child a{
	font-size: 24px;
	color: #fff;
	font-weight: bold;
}
.xwzx-tit p:last-child a{
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
}
.new1 ul li a span{
	font-size: 14px;
	color: #404040;
	font-weight: normal;
}
.new1 ul li{
	font-size: 14px;
	color: #404040;
	float: left;
	width: 50%;
	line-height: 48px;
}
.new1{margin-top: 20px; }
.xw-right{
	width: 575px;
}
.xw-left2{
	padding-bottom: 20px;
}
.xw-left2 ul li{
	border-bottom: solid 1px #cccccc;
	padding-bottom: 10px;
}
.xw-left2 ul li p a{
	display: block;
}
.xw-left2 ul li p a:first-child span{
	font-size: 16px;
	color: #363636;
	font-weight: bold;
	line-height: 60px;
}
.xw-left2 ul li p a:nth-child(2){
	font-size: 14px;
	color: #393939;
	line-height: 24px;
}
.xw-left2 ul li p a:last-child{
	font-size: 12px;
	color: #393939;
	line-height: 30px;
	margin-top: 10px;
}


.yqlj{color:#505050;font-size: 14px;line-height: 40px;}
.yqlj a{ color:#505050}
/*----底部-----*/
.bottom-bg{
	background: #35404e;
	padding-top: 60px;
	padding-bottom: 54px;
}
.footer-logo{
	background: url(../images/footer-line.jpg) no-repeat right top;
	padding-right: 60px;
	line-height: 148px;
}
.footer-nav ul li a{
	font-size: 14px;
	color: #fff;
	line-height: 36px;
}
.footer-nav ul li{
	float: left;
	margin-right: 68px;
}
.footer-nav{
	padding-left: 70px;
	height: 123px;
	width: 250px;
	padding-top: 12px;
	background: url(../images/footer-line.jpg) no-repeat right top;
}
.blx-con{
	margin-left: 30px;
}
.blx-con ul li{
	font-size: 14px;
	color: #fff;
	line-height: 36px;
}
.blx-con ul li:first-child{
	font-size: 16px;
}
.blx-con ul li:nth-child(2){
	font-size: 36px;
	font-weight: bold;
}
.blx-con ul li:nth-child(2):before{
	content: "";
	display: block;
	float: left;
	width: 3px;
	height: 28px;
	background: #0190da;
	margin-right: 10px;
	margin-top: 5px;
}
.blx-con ul li span{
	font-size: 30px;
	font-weight: bold;
}
.ewm{
	margin-top: 16px;
}
.footer{ background-color:#0085f2;text-align: center;padding: 10px 0;line-height: 24px;}
.foot{color:#fff}
.foot a{ color:#fff}
/*----内页-----*/
.ny-banner img{
	width: 100%;
}
.main-page{ padding-bottom:50px;}
.onurl{ width: 100%;color:#fff; line-height: 40px; margin-bottom: 40px; background: #2581ce;}
.onurl a{ color:#fff; padding:0 5px;}
.onurl a img{ vertical-align: middle; margin-right: 5px;}
.ny-tit{
	text-align: center;
}
.ny-tit p:first-child{
	font-size: 30px;
	color: #176eb1;
	font-weight: bold;
}
.ny-tit p:first-child:after{
	content: "";
	display: block;
	width: 24px;
	height: 2px;
	background: #000;
	margin: 10px auto;
}
.ny-tit p:last-child{
	font-size: 16px;
	color: #353535;
}
/*----内页左-----*/
.page-left{}
.page-left .left-nav{
	background: #ebebeb;
	border: solid 1px #bebebe;
}
.page-left .left-nav li{text-align: center;line-height: 75px;}
.page-left .left-nav li a{ color:#232323 ; font-size:16px;display: block;}
.page-left .left-nav li hover{ color:#006a14 ; font-size:16px;font-weight: bold;}
.page-left .left-nav li.on{ color:#006a14 ; font-size:16px;font-weight: bold;}
.page-left .left-nav>li.on>a{ color: #fff;font-size:16px;font-weight: bold;background: url(../images/cp-navbg1.jpg) no-repeat center top;border: solid 1px #176eb1;display: block;}
.page-left .left-nav1 li{text-align: center;line-height: 60px; border-bottom: 1px solid #c9c9c9;float: left;width: 50%;}
.page-left .left-nav1 li a{ color:#232323 ; font-size:16px ;}
.page-left .left-nav1 li hover{ color:#006a14 ; font-size:16px;font-weight: bold;}
.page-left .left-nav1 li.on{}
.page-left .left-nav1 li.on a{ color: #006a14;font-size:16px;font-weight: bold;}
.left-cont img{ width: 100%;border-radius: 5px;}
.page-left .left-nav>li ul{
	background: #f7f7f7;
	display: none;
}
@media screen and (min-width:800px){
.page-left .left-nav>li:hover ul{
	display: block;
}
}
.page-left .left-nav>li ul li{
	border-bottom: dotted 1px #2481ce;
	line-height: 40px;
}
.page-left .left-nav>li ul li.on a{
	color: #fff;
	background: url(../images/cp-navbg1.jpg) no-repeat center center;
}
.page-left .left-nav>li.on ul li{
	border-bottom: dotted 1px #2481ce;
}
/*pages开始--------------------------------------------------------------------------*/
.pages{ height: 35px;  padding: 20px 0; margin: 0 auto; text-align: center;}

/*----内页右-----*/
.page-right{ width: 870px;}
.page-about,.page-news,.page-messages,.page-product{}
.page-newshow{ padding-top: 20px;font-size: 16px;line-height: 32px;}
/*----内页关于-----*/
.page-about img{ max-width: 100%; display: block;  margin: 20px auto;}
.page-about p{ font-size: 16px; line-height: 32px;}
/*---内页新闻---*/
.newsList li{ padding-bottom:10px; padding-top:10px; border-bottom:1px solid #ccc;}
.newsList li p{padding-top: 20px;}
.newsList li .lhfl{ width:70px; height: 80px; float: left; background: #f2f2f2;}
.newsList li .lhfl p{ width: 70px; text-align: center;  color:#2481ce; padding-top: 0;}
.newsList li .lhfl p b{ font-size: 28px; line-height: 47px;}
.newsList li:hover .lhfl{ background: #2481ce;}
.newsList li:hover .lhfl p{ color: #f7f7f7;}
.newsList .lhfr{ width:770px; float: right;}
.newsList .lhfr .lhxq{  height: 30px; display:block; width: 100px; font-weight: 100; line-height: 30px; font-size: 14px;  text-align: center; float: right; border: 1px solid #ccc;}
.newsList .lhfr .lhjt{ background: url(../images/jt.jpg) no-repeat left -33px;  height: 33px; display:block; width: 33px;  float: right;}
.newsList .lhfr:hover .lhjt{background: url(../images/jt.jpg) no-repeat left 0;}
.newsList .lhfr span{ font-size: 14px;}
.newsList .lhfr .dateTitle { display: block; color: #333; font-size: 18px; }
.newsList .lhfr p{ display: inline-block; width:100%;}
.newsList li:hover .lhfr .dateTitle{ color: #ee4b4e;}
.newsList li:hover a{ text-decoration:none ;}
/*---内页产品---*/
.page-pro li{  width: 280px; float: left; margin-right:10px; margin-bottom:10px;}
.page-pro li>a{ display: block;  height:230px; text-align: center;overflow: hidden;}
.page-pro li>a img{height: 100%;max-width: 100%;}
.page-pro li p{ line-height: 40px; text-align: center; font-size:14px ; color: #3c241e;} 
.page-pro li:nth-child(3),.page-pro li:nth-child(6),.page-pro li:nth-child(9),.page-pro li:nth-child(12){ margin-right: 0;}
.lhtab{ width: 100%; line-height: 50px; height: 50px; background: #2481ce; margin: 30px auto;}
.lhtab span{ width: 148px;display: block; height: 48px; font-size: 14px; color: #fff; float: left; border: 1px solid #2481ce; text-align: center;}
.lhtab span.on{ background: #fff; color: #2481ce;}
/*---内页留言---*/
.massages span{ width: 30%; display: block; float: left; margin-right:5% ; margin-bottom: 20px;}
.massages input[type="text"]{ width: 100%; text-indent: 15px; border: 1px solid #ddd; border-radius: 4px; line-height: 35px; }
.massages div input[type="text"]{ width: 150px; }
.massages div {padding-bottom:20px ;}
.massages textarea{ clear: both; display: block; width: 96%; padding: 0 2%; height: 100px;border: 1px solid #ddd; border-radius: 4px; margin-bottom: 20px;}
.submit{ background: #2481ce; color: #fff; display: block; width: 80px; height: 30px; line-height: 30px; margin: 0 auto; text-align: center; border: none;}
.lh615{  line-height: 30px; margin: 0 10px; text-align: center; border: none;}
/*---内页新闻详情---*/
.newshowheader h1 { text-align: center;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 600
}

.newshowheader .article-info {
    height: 30px;
    line-height: 30px;
    color: #666;
   text-align: center;
    border-bottom: 1px solid #ddd;
  
}

.newshowheader .article-info .split {
    margin: 0 10px;
    color: #ddd
}
.page-newshow p{ line-height: 26px; text-indent: 28px;}
/*---内页联系我们---*/
.pconus{ background: url(../images/contentimg.png) no-repeat right center; height: 180px; padding-top: 20px;}
.pconus p{ color: #3c241e;}
/*---n内页招商加盟---*/
.join-list{ margin-top: 30px; padding-left: 30px;}
.join-list .jointitle{ font-size: 16px; font-weight: bold; color: #ff9900;}
.join-list p{color: #3c241e;}
/*---内页产品详情---*/
.page-productshow{}
.page-productshow .fl{ width: 310px; height: 310px;}
.page-productshow .fr{ width: 560px; height: 310px;}
.page-productshow .fl{ line-height: 310px;background: #f8f8f8;}

.page-productshow .fl .bd { width: 310px; margin: 0 auto;}
.page-productshow .fl .bd img{width:310px; max-height: 310px;}
.page-productshow .fr{ background: #f8f8f8;}
.page-productshow .fr h1{ font-size: 28px; color: #3c241e;  line-height: 80px; width:430px ;font-weight: 300; margin: 0 auto 20px; border-bottom: 1px solid #ddd;}
.page-productshow .fr p{font-size: 16px; color: #3c241e; margin: 0 auto;  line-height: 30px; width:430px ;}
.abimg{ position: relative;}
.abimg a{position: absolute;  bottom:20px ; height: 45px; line-height: 45px;}
.abimg a.prev{left:calc(310px + 65px);left:-webkit-calc(310px + 65px);}
.abimg a.next{left:calc(310px + 125px);left:-webkit-calc(310px + 125px);}
.page-procon{ clear: both; padding: 40px 0; border-bottom: 1px solid #ddd;line-height: 32px;font-size: 16px;}
.page-procon img{
	max-width: 100%;
}
.page-procon p{ line-height: 26px; color: #3c241e;}
.abptit{ font-size: 20px; text-align: center; line-height: 60px;border-bottom: solid 1px #eee;}
.about-pro ul li{  width: 205px; float: left; margin-right:16px;}
.about-pro ul li>a{ display: block; width: 205px; height:153px; line-height: 153px; text-align: center;}
.about-pro ul  li>a img{ max-width: 100%; max-height:100% ; margin: 0 auto;}
.about-pro ul li p{ line-height: 40px; text-align: center; font-size:14px ; color: #3c241e;} 
.about-pro ul  li:nth-child(4){ margin-right: 0;}
.about-newspro ul li{  width: 270px; float: left; margin-right:30px;}
.about-newspro ul li>a{ display: block; width: 280px; height:200px; line-height: 200px; text-align: center;}
.about-newspro ul  li>a img{ max-width: 100%; max-height:100% ; margin: 0 auto;}
.about-newspro ul li p{ line-height: 40px; text-align: center; font-size:14px ; color: #3c241e;border-bottom: dotted 1px #eee;} 
.about-newspro ul  li:nth-child(3),.about-newspro ul  li:nth-child(6),.about-newspro ul  li:nth-child(9){ margin-right: 0;}
.listname{ background: #f4f4f4; padding: 23px; font-size:14px ; margin: 10px auto 20px;}
/*---分页---*/
.pagination {
  display: inline-block;
  padding-left: 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #2481ce;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #2481ce;
  background-color: #eeeeee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  background-color: #2481ce;
  border-color: #2481ce;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}
.pagetb{border-top:1px solid #ccc ; margin: 40px auto;}
.pagetb p{ line-height: 40px; border-bottom:1px solid #ccc ;}

.t{ display:none}



.abouturl a {
    width: 31%;
    display: block;
    border: 1px solid #2064aa;
    font-size: 14px;
    text-align: center;
    background: #fff;
    line-height: 40px;

    float: left; margin:0 1% 2% 1%
}

.abouturl a.on {
    background: #2064aa;
    color: #fff;
}
.bd{width: 930px; position: relative; overflow: hidden; padding: 0px; margin: 0px; left: -310px;}
.bd img{ width:310px; float:left}
.tempWrap{overflow:hidden; position:relative; width:310px}





#down .down{ display: block; float: right}
#down .down img{ height: 30px}
#down .dateTitle { padding: 6px 0 0 16px; background: url(../images/down1.gif) no-repeat 2px 14px}
.logo img{ height:70px; border-right:1px solid #c3c3c3; padding-right:20px}







.slide  img.tel,.logo img.tel,.tel{ display:none}

.header .tel.fr.pc{ display: block !important}

@media screen and (max-width:800px){
.ys-text p:last-child{ height:38px}
.logo-text p{ font-size:12px; line-height:20px}
.tel{ display:block}
.header .tel.fr.pc{ display: none !important}
	.logo img{ height:38px; padding:10px 20px 10px 0}
	.slide  img.tel,.logo img.tel{ display:block}
	
	#down .dateTitle { display: block; float: none; margin-bottom: 6px}
	#down .down{ display: block; float: none}
	.index_nav .nav>li, .index_nav .nav>div{ width: 100%}
.pc,.newsList li .lhfl,.slide  img.pc{ display:none}
.t{ display:block}
.cp-navbox.fl,.index-proimg.fr,.index-about,.xw-left,.xw-right.fr,.page-left.fl,.page-right.fr,.newsList .lhfr.fr,.page-productshow .fr,.page-productshow .fl,.page-productshow .fr h1{ width:auto; float:none}
.abimg a.prev{ left:15px}
.abimg a.next{ left:70px}
.page-productshow .fr,.page-productshow .fl{ background:#fff}
.page-productshow .fr{ height:auto}
.page-procon{ padding-top:0}
.abimg a {
  
    bottom: -20px;

}
.page-productshow .fl .bd img{ max-width:none}
.page-productshow .fr h1{ margin-top:20px}
.header .fl{ padding-left:15px}
.logo-text{
	margin-left: 0;
}
.container{ width:auto !important}
.index_nav .nav li{ float:none; border-bottom:1px solid #fff}
.index_nav .nav li a{ padding:0; text-align:center}
.index_nav .nav{ position:fixed; z-index:999999; width:100%;background: #2481ce; top:76px; display:none}
.header{ padding:8px 0; position:fixed; z-index:999999; top:0; background:#fff}
body{ padding:72px 0 0 0 !important}
#anniu{ position:fixed; z-index:9999999; right:15px; top:23px}
.index-product{ margin-top:20px; margin-bottom:0}
.cpfl{ margin:0 15px;background: url(../images/cp-navbg.jpg) no-repeat #2072bb;	}
.index-proimg ul{ margin-right:15px}
.index-proimg ul li{ float:left; margin:0; width:50%}
.index-proimg ul li a{ margin:15px 0 0 15px}
.index-proimg ul li a img{ min-height:inherit}
.index-proimg ul li a:first-child,.page-pro li>a img,.page-pro li>a{ height:auto}
.index-proimg ul li:nth-child(1), .index-proimg ul li:nth-child(2), .index-proimg ul li:nth-child(3) {  margin-bottom: 0;}
.about_bg,.ys-con,.index-news{ margin-top:30px}
.about_bg {    background: url(../images/about-bg.jpg) no-repeat 0 0 #eaf3fc; background-size:200% auto;
    padding-top: 70%; }
.index-about.fr{ margin:0 15px}
.about-con{ margin:20px 0}
.czl-icon ul li{ margin:0; width:50%; padding:0; line-height:60px}
.czl-icon ul li img{ margin:0 10px 0 20px; width:20px}
.ys-box{ padding-top:30px}
.pro-title{ margin:0 15px}

.ys-con ul li,.page-product li{ margin:0; width:50%}
.page-product a{ display:block; margin: 0 0 0 10px}
.page-product{ margin-left:-10px}
.ys-text{ padding:25px 0}
.xwzx-tit {
    background: url(../images/xw-img.jpg) no-repeat 0 -40px;
    padding-top: 30px;
    padding-left: 20px;
    height: 267px;
}

.xw-left2 ul li p{ margin:0 15px}
#footer {
    height: 50px;
}
#footer ul {
    height: 50px;
    width: 100%;
    position: fixed;
    z-index: 999;
    bottom: 0;
    left: 0;
    background: #2064aa;
}
#footer ul li {
    width: 25%;
    float: left;
    overflow: hidden;
    line-height: 50px;
    text-align: center;
}
#footer ul li a {
    font-size: 16px;
    color: #fff;
}
#footer ul li img {
    width: 16px;
    vertical-align: middle;
    margin-right: 5px;
}
.main-page{ padding-left:15px; padding-right:15px}
.page-right.fr{ padding-top:25px}
.ny-navtop{ background:#2072bc}
.index_nav .nav>li ul{ position:relative; width:100%}
.index_nav .nav li ul li:last-child{ border-bottom:none}
.main-page{ padding-bottom:30px}
.backtop{ cursor:pointer}

.abouturl{ margin-right:-1%}
.abouturl a {
    width: 30.6%;
 margin:0 1% 2% 1%
}

.page-procon{ padding-bottom:20px}


	   .page-left .left-nav>li.on ul li{ background-image:none}   
	
	.page-left .left-nav>li a,.page-left .left-nav li,.page-left .left-nav>li.on>a{ display: inline-block; line-height: 30px}
	.page-left .left-nav>li.on ul{ display: inline;}
	.page-left .left-nav>li a{ margin: 10px 0 0 10px; background: #fff; padding: 0 6px; white-space: nowrap}
	.page-left .left-nav{ padding: 0 0 10px 0}
	.page-left .left-nav>li:hover ul{ text-align: left}

	.page-left .left-nav>li ul li,.page-left .left-nav>li.on ul li,.page-left .left-nav>li ul li{ border: none;}
	.page-left .left-nav>li ul{ background: transparent}
	.page-left .left-nav>li ul li a{ background: #f7f7f7; font-size: 12px;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
	.page-left .left-nav>li.on>a{background: #2064aa; color: #fff}
	.page-left .left-nav li{ text-align: left}
}