@charset "utf-8";
/* CSS Document */

.wap{ width:100%; height:auto; margin:auto;}
.top{ width:100%; height:33px;  margin:auto; background:url(../img/topbg.jpg) repeat-x;}
.top_1{ width:1100px; margin:auto;}
.top_1_1{ width:715px;  float:left; text-align:left; line-height:33px;}
.time{ float:left;line-height:33px;}
.foot_right{ width:200px; height:33px; float:left; text-align:right; line-height:33px; }
.top_mid{ width:1100px; height:100px; margin:auto; background:url(../img/map.jpg) center center no-repeat; }
.logo{ width:300px; vertical-align:middle; padding-left:10px; float:left;}
.logo_right{ width:205px; height:100px; float:right; padding-right:15px;}
.weixin{ width:100px; height:50px; float:left; line-height:50px; margin-right:15px;}
.weixin img{ vertical-align:middle; padding-right:10px;}
.weixin a,.weibo a{ height:50px;}
.weibo{ width:100px; height:50px; float:left; line-height:50px;}
.weibo img{ vertical-align:middle; padding-right:10px;}
.w_w{ width:300px; font-weight:50px; line-height:50px; float:left;}
.phone{ width:300px; height:45px; }
.top_from{ float:left;}
.from_1,from_2{ float:left;}
.wap_nav{ width:100%; background:url(../img/navbg.gif) repeat-x;}
.nav{ width:1100px; height:41px; margin:auto; line-height:41px;}
.nav li{ padding: 0 12px 0 12px; text-align:center; float:left; background:url(img/navline.gif) right no-repeat;}
.nav ul li a{ color:#484545; font-size:15px; font-weight:bold; display:block; padding:0 14px; height:41px; line-height:41px; text-align:center;}
.nav ul li a:Hover{ background:url(../img/navhover.gif) center center no-repeat; color:#fff}
.slides{}
.banner{ width:100%; margin:0 auto; height:368px;}
.banner_nei{ width:100%; margin:0 auto; height:311px;}
.mid{ width:1151px; border-radius: 5px 5px 0 0; box-shadow: 0px 4px 6px #999; background: none;z-index: 9999; background: #fff;}
.mid_top{ width:100%; height:43px; background:url(../img/hh_tt.png) 10px repeat-x;}
.mid_top_ti{ height:38px; vertical-align:middle; float:left; padding: 0 30px 0 12px;}
.mid_top_con{ width:85%; height:38px; line-height:38px; vertical-align:middle; float:left;}
.mid_top_con li{ width:85px; line-height:38px; float:left;}
.wpn_left{ width:778px; height:auto; float:left; padding:0 5px 0 5px;}

.wpn_left_1{ width:100%; background:url(../img/yqbg.gif) 0 0 repeat-y; padding-left:3px;}
.wpn_left_tt{ width:100%; height:34px; line-height:34px; background:#dad8d7;}
.wpn_left_con_left_l{ width:250px; height:auto;}
.wpn_left_con{ width:100%;  border-bottom:1px dashed #ccc;}
.wpn_left_con_left{ width:778px; height:auto; float:left; padding-top:20px;}
.wpn_left_con_right{ width:520px; height:auto; float:left; padding:0 20px 0 28px; line-height:35px; }

.index_news{ width:308px; height:265px; float:left; background:url(../img/newstitle.jpg) 0 0 no-repeat;}
.new_tt{width:100%; height:35px; background:url(../img/newstitle.jpg) 0 0 no-repeat;}
.new_tt img{ float:right; vertical-align:middle; padding-right:10px;}
#demo01 ul li{width: 100%; height: 368px; margin:0 auto;background-repeat:no-repeat; background-position:center top;background-size:auto 100%;}
#demo02 ul li{width: 100%; height: 311px; margin:0 auto;}
.flexslider02{position:relative;width:100%;height:311px;overflow:hidden;zoom:1;}

.from{ width:200px; float:right; padding-top:8px;}
.footer{ width:1152px; text-align:center; height: auto;clear: both; overflow: hidden; border-top: 3px solid #ccc;}
.foot_img{ width:194px; height:61px; float:left; padding-left:15px;}
.foot_footer{ width:214px; height:80px; vertical-align:middle; float:left; margin-left:15px;}
.foot_1{ width:60%; float:left; line-height:30px; padding-left:15px;}
.foot_4{ width:200px; line-height:25px; text-align:left; padding-left:15px; float:left;}

/*首页中间内容css*/
.wpnBox{ width: 1100px; clear:both; margin:0 auto;overflow: hidden; }
.wpn{ width:787px; float: left; background:url(../img/yqbg.gif) 0 0 repeat-y;}
.wpn_left_img{ width:786px; height:106px; background:url(../images/yq.png) repeat-x;}
.wpn_left_img p{ width:618px; margin:0 auto; height:auto; font-size:12px; line-height:25px; text-indent:2em; padding-top:20px; float:left;}
.img_left{ width:82px; height:106px; background:url(../images/yq-l.png) left no-repeat; float:left;}
.img_right{ width:86px; height:106px; background:url(../images/yq-r.png) left no-repeat; float:left;}
.pro_class { clear: both;overflow: hidden; border-bottom: 1px dashed #ccc; padding-bottom: 6px; width: 94%; margin:10px auto; }
.pro_class_small{ float: left; width: 65%;margin-left: 2%  }
.con_title{ background: #dad8d7; height: 35px; line-height: 35px; width: 96%; margin:10px auto; }
.con_title span{ display: inline-block;     background: url(../img/bg2.gif) bottom left no-repeat; height: 34px; line-height: 38px;padding: 0 20px; text-indent: 5px; color: #fff; }
.pro_class h4{ float: left; width: 30%; margin-left: 2%;   height: 29px;line-height: 29px;margin-top:5px; }
.pro_class h4 a{color: #5c9905; display:block; height: 29px; float: left; background: url('../img/bt02.gif') 0 0 repeat-x;padding:0 15px; }
.pro_class h4 span.leftS{display:block; float: left; width: 17px;height: 29px;background: url('../img/bt03.gif') 0 0 no-repeat;}
.pro_class h4 span.rightS{display:block; float: left; width: 18px;height: 29px;background: url('../img/bt01.jpg') 0 0 no-repeat;}
.small_class{float: left;margin:2px 5px; color:#c66e07;}
.small_class a{color: #76736f;padding-right: 10px;}


.newsBox{ width: 303px; float: right; margin-top:8px; }
.news{    width: 100%;
    border: 1px solid #dddcdc;
    clear: both;
    overflow: hidden;
    background: url(../img/newstitle.jpg) 0 0 no-repeat;
    box-sizing: border-box;}
.news h4{margin-bottom: 45px;}
.news h4 a{float: right; width:39px; height: 11px; background: url('../img/more.gif') no-repeat 0 0; display: inline-block;  text-indent: -9999px;    margin: -5px 10px 0 0;}
.news ul{ margin:10px; clear: both; overflow: hidden; }
.news ul li{padding-left:20px;border-bottom:  1px dashed #ccc;height: 30px; line-height: 2em;color: #76736f; clear: both; overflow:hidden; background: url('../img/dot.gif') no-repeat  left center;}
.news ul li em{ float: right; font-style: normal; }
.news ul li a{color: #76736f; }
.hotpro{ margin:20px 0; }
.hotpro_top{ width: 302px; height: 45px;  margin:0 auto;background: url('../img/cxtop.jpg') no-repeat 0 0;  }
.hotpro_bottom{ width: 302px; height: 9px; margin:0 auto;background: url('../img/cxfoot.jpg') no-repeat 0 0; }
.hotpro ul{background: url(../img/cxmid.gif) 0 0 repeat-y; width: 302px; height: auto; clear: both; overflow: hidden;}


   .hotpro ul li{ clear: both; overflow: hidden; border-bottom: 1px dashed #ccc;padding-bottom: 15px;width: 90%; margin:0 auto 5px auto; }
 .hotpro li dl dt{ float: left; width: 24%;  }
  .hotpro  li dl dd{ float: left; width: 59%; }





/* 
首页banner样式  str*/
 .flexslider{position:relative;width:100%;height:368px;overflow:hidden;zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../img/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;}
.flex-direction-nav .flex-next{background-position:0 -90px;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 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../img/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{background-position:0 0;}


/* 
首页banner样式 end */

.newsLeft{ float: left; width: 217px;  margin-left: 28px; margin-right:30px;}
.newsRight{ float: left; width: 850px; }
.news_tit span{padding:42px 0 0 24px; display: block; color: #fff; font-weight:bolder;}
.newsRight_top h2{float: left;color:#e00909;}
.newsRight_top  p{ float: right;  }
.newsRight_top  p img{ margin-right: 5px; }
.newsRight_top{margin-top: -15px;height: 36px;  }
.newsRight_top{ clear: both; overflow: hidden;  padding-top:26px; height:50px; line-height:50px;}
.newsRight_cen{ clear: both; overflow: hidden;  padding-top:3px;}
.newsRight_cen dl dt{ float: left;width: 282px; height: 218px; }
.newsRight_cen dl{ border-bottom: 1px dashed #ccc; padding-bottom: 15px; margin-bottom: 15px; clear: both; overflow: hidden; }
.newsRight_cen dl dd{ float: left; margin-left:10px; }
.newsRight_cen dl dd a,.newsRight_cen dl dd em,.newsRight_cen dl dd span{ display: block; }
.newsRight_cen ul{ clear: both; overflow: hidden; padding-top:10px;}
.newsRight_cen ul li{background:url('../img/dot.gif') no-repeat left center; height: 30px; line-height: 30px; padding-left:20px;}
.newsRight_botm{ text-align: center; margin:20px auto; }
.wirte form{background: url(../img/ly.jpg) no-repeat;padding-top:100px; margin-top: 20px;}
.wirte .filem {clear: both; overflow: hidden; margin:10px 0;}
.wirte .filem lable{width: 100px; float: left; text-align: right;}
.wirte .filem input,.wirte .filem textarea{ float: left; }
.wirte .filem span{ float: left; margin-left: 5px; }
.twocont{clear: both;overflow: hidden;}
.twocont img{ float: right;max-width:280px; height: auto;  }
.twocont .textall{ float: left;width: 96%; line-height: 2.2em;margin-top:10px; padding:10px;}
.contentP { margin-top: 40px; }
.contentP p{ line-height: 1.0em; }
.contentBoxLeft{ float: left; line-height: 2em; }
.contentBoxRight{ float: right; margin-top: 40px; }
.newsView h3{text-align: center; border-bottom: 1px solid #ccc; padding-bottom:10px; color:#ff6600;}
.newsView span{ text-align: center; display: block; }
.newsviewimg{display: block; text-align: center; margin-top: 40px; margin-bottom: 20px;}
.prolistLeft{width:21%; float: left; margin-left: 3%; margin-bottom:20px;}
.prolistRight{ float: right; width: 76% }
.prolistLeft_tit{ height: 68px;background:url(../images/18.jpg) no-repeat left bottom; }
.prolistLeft_tit span{ padding-top:43px;text-indent: 23px; display: block; font-weight: bold; color: #fff; }
.leftmenu{margin-top: 10px; }
.leftmenu ul li .ss{margin-left: 24px;}
.prolist_title{ clear: both; overflow: hidden; height: 50px;  }
.prolist_title h3{ color:#d90f00; float: left; width: 35%;}
.prolist_title p{ float: right;width: 60%; display: block; height: 50px;text-align: right;margin-right: 3%; }
.prolist_con dl{ clear: both;overflow: hidden; border-bottom: 1px dashed #ddd; padding-bottom: 25px; margin-bottom: 25px; }
.prolist_con dl dt{ float: left;  width: 16%;height: auto;}
.prolist_con dl dd{ float: left;  width: 75%; text-align: left;  }
.propages_botm{ text-align: center; margin: 50px 0; }


.hd{background:url(../img/tj.jpg) 0 0 no-repeat; width:100%; margin-top:20px; height: 800px; clear: both; overflow: hidden; }
#marquee2_1{ width: 90%; margin-left: 5%; }
#marquee2_1 li{ clear: both; overflow: hidden; border-bottom: 1px dashed #ccc;padding-bottom: 15px; margin-bottom: 5px; }
#marquee2_1 li dl dt{ float: left; width: 24%;  }
#marquee2_1 li dl dt a img{ float: left; width: 100%;  }
#marquee2_1 li dl dd{ float: left; width: 59%; }
.wap-nav{ display:none;}
.bbcase{ height: 311px; margin:0 auto; width:100%; background-position:center top; background-repeat:no-repeat; background-size:auto 100%;}

.bannerBox{width:100%;height: 311px; margin:0 auto; text-align: center;}
.ban{background:url(../img/neibannernew.jpg) 0 0 no-repeat; height: 311px; margin:0 auto; text-align: center; }
.img1{width:204px;height:80px;margin-top: 20px; }
.img2{width:11px; height:12px; }
.img3{width:130px;height:180px;padding:1px; border:1px solid #ccc;}
.ban2{background:url(img/neibannernew.jpg) 0 0 no-repeat;width:1360px;height: 311px; margin:0 auto; text-align: center; }
.b1{width:300px; border:#8c9aa3 1px solid; background-color:#ffffff;height:20px; line-height:20px;}
.b2{width:200px;border:#8c9aa3 1px solid; background-color:#ffffff;height:20px; line-height:20px;}
.b3{height:146px;width:300px;border:#8c9aa3 1px solid; background-color:#ffffff;}
.b4{padding:3px 17px; font-family:'微软雅黑'; margin-left: 140px; margin-right: 10px;}
.b5{padding:3px 17px;font-family:'微软雅黑'}
.hlnyban{ height:100%; margin:0 auto; background-size:auto 100%; background-position:center top; background-repeat:no-repeat;}

@media screen and (max-width: 1200px){
.top_1 { width: 1024px; margin:auto;}
.top_1_1 { width: 640px;}
.top_mid {width: 1024px;}
.nav { width: 1024px;}
.nav li {padding: 0 9px 0 9px;}
img{ max-width:100%; max-height:100%;}
.mid {width: 1024px; margin:0 auto;}
.newsLeft { width: 145px;}
.nav2 li{ width:100%;}
.nav2 li a {
   line-height: 20px;
    height: auto;
    background: url(../images/20.jpg) repeat scroll 0% 0% transparent;
    width: 100%;
    display: block;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 15px;
    background-size: auto 100%;
}
.nav2 li a:hover{ color:#dd0427}
.newsRight {width: 786px;}
.wpnBox { width: 1023px;}
.newsBox { width: 225px;}
.hotpro_top {width: 225px; }
.hotpro ul { background: url(../img/cxmid.gif) 0 0 repeat-y; width: 225px;}
.hotpro li dl dd { width:54%;}
.footer {width: 1024px;}
.foot_1 {width: 55%;}
.contentBoxLeft {float: left; width: 230px;}


}




@media screen and (max-width: 1024px){
img{ max-width:100%;}
.top_1 { width: 768px; margin:auto;}
.top_1_1 { width:385px;}
.top_mid {width: 768px;}
.nav { width: 768px;}
.nav ul li a {}
.wpnBox {width: 768px;}
.wpn {width:100%;}
.wpn_left_img {width: 738px;}
.wpn_leftCon{ width:100%; float:left; height:auto; overflow:hidden;}
.mid_top_ti { padding:0 30px 0 80px}
.flexslider { height:275px;}
.newsBox { width:100%; height:auto; overflow:hidden;}
.hd{background:url(../img/tj-1024.jpg) 0 0 no-repeat; width:220px; margin-top:20px; height: 583px; clear: both; overflow: hidden; float:left; }
#marquee2_1{ width: 80%; margin-left: 5%; }
#marquee2_1 li{ clear: both; overflow: hidden; border-bottom: 1px dashed #ccc;padding-bottom: 15px; margin-bottom: 5px; }
#marquee2_1 li dl dt{ float: left; width: 28%;  }
#marquee2_1 li dl dd{ float: left; width: 45%; }
.hotpro_top { width: 220px; background: url(../img/cxtop-1024.jpg) no-repeat 0 0;}
.hotpro ul { background: url(../img/cxmid-1024.gif) 0 0 repeat-y; width: 220px;}
.hotpro li dl dd {width: 50%;}
.footer { width:100%; margin-top:none; padding-left:none; margin-top:none; width: none; text-align:none; }
.foot_1 {width: 42%;}
.flexslider{height:235px;}
#demo01 ul li{width: 1016px; height: 235px; margin:0 auto;}
.wpn_left_img p {
    width: 570px;}
	.hotpro {
    margin: 20px 0;
    width: 220px;
    float: left;
}
	
}

@media screen and (max-width: 768px){
.top_1_1 {width: 360px;}
.top_mid {width: 740px; background:none;}
.nav li { padding-right: 0px;}
.flexslider { height: 200px;}

.wpnBox {width: 738px;}
.newsBox { display:none;}
.mid_top_ti { padding: 0 30px 0 195px;}
.mid {width: 1066px;}

	
}

@media screen and (max-width: 640px){
.top{ display:none;}
.top_1 { display:none;}
.top_1_1 {display:none;}
.logo img{ max-height:60px; padding-top:10px; padding-bottom:10px;}
.time {display:none;}
.time {display:none;}
.wap{ width:100%;width: 100%;
    border-bottom: 1px solid #ececec;
    height: 80px;}
.flexslider{height:113px;}
.top_mid {    width: 100%;
    background: url(../img/map.jpg) center center no-repeat;
    height: auto;
    background-size: 100% auto;
    overflow: hidden; }
.bannerCase{ width:100%; height:113px; overflow:hidden; }
.nav ul li a {
    color: #484545;
    font-size: 15px;
    font-weight: bold;
    display: block;
    padding: 0 5px;
    height: 41px;
    line-height: 41px;
    text-align: center;
}
.nav {
    width:100%; overflow-x:auto;
}
.nav ul{ width:768px;}

/*.wap_nav{display:none;}
.wap-nav{ padding-top: 30px;display: block;position: absolute;right: 15px;}
.nav{ width:150px; height:auto; position: absolute; z-index: 99999; right: 0; background: #f6f6f6; top:80px;line-height: 18px; margin-top: 0;font-size: 12px; border-right: 1px solid #d8d8d8;color: #153768;border-left: 1px solid #d8d8d8;}
.nav li { width: 100%; float:left; border-left:0; border-bottom:1px solid #d8d8d8; padding:0;}
.nav li a{ display:block; margin-top:0px; padding: 10px 5px 10px 10px; color:#333;}
.nav ul li a{    color: #484545;
    font-size: 15px;
    font-weight:normal;
    display: block;
    padding: 0 14px;
    height: 41px;
    line-height: 41px;
    text-align: center;}*/
	#demo01 ul li {
    width:100%;
    height: 113px;
    margin: 0 auto;
}
.logo_right { display:none}
.logo {margin-right: 35px;}
.mid_top_ti { padding: 0 6px 0 260px;}
.wpn_left_img p {width: 267px;}
.wpnBox {width:100%;}
.pro_class_small { width: 96%;}
.wpn_left_img {width: 100%; height:112px; display:none;}
.newsBox { display:none;}
.footer{ width:100%;}
.foot_1 {padding-left: 0px; width:100%;}
.pro_class h4 {
    float: left;
    width: 100%;
    margin-left: 2%;
    height: 29px;
    line-height: 29px;
    margin-top: 5px;
}
.foot_4 { text-align:center;
    width: 100%;}
.bbcase {
    height: 141px;}
	.mid {box-shadow: none;
    width:96%;
}
.mid_top{ display:none;}
.img_right {
    width: 86px;
    height: 106px;
    
    
    position: absolute;
    right: 0;
    top: 0;
}
.wpn {
    width:100%;
    float: left;
    background:none;
}
.bannerBox{width:100%;height: 200px; margin:0 auto; text-align: center;}
.ban {
    background: url(../img/neibannernew.jpg) center top no-repeat;
    height: 140px;
    margin: 0 auto;
    text-align: center;
    background-size: auto 100%;
}
.prolistLeft {
    width: 100%;}
	.prolistRight {
    float: right;
    width: 100%;
}
.prolist_con dl dt {
    float: left;
    width: 30%;
    height: auto;
}
.prolist_con dl dd {
    float: left;
    width: 59%;
    text-align: left;
    padding-left: 20px;
    margin-left: 0px;
    box-sizing: border-box;
}
.prolist_con dl dd h4{ margin-top:0px;}
.prolist_title {
        clear: both;
    overflow: hidden;
    height: auto;
    border-bottom: 1px solid #f1f1f1;
    background: #efefef;
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}
.prolist_title h3 {
    color: #d90f00;
    float: left;
    width:100%;margin-bottom: 0;
}
.prolist_title p {
    float: right;
    width: 100%;
    display: block;
    height: auto;
    text-align: left;
    margin-right: 0%;
}
.wap-pro{ display:none;}
.img1{ display:none;}
.newsLeft {
    width: 100%; margin:0; padding:0;
}
.news_tit{ float:left; display:none; }
.news_tit2{}
.nav2 li {
    width: 48%; margin:1%; float:left;
}
.img1{ display:none;}
.newsRight{ width:100%;}
.newsRight_cen dl dt{ width:100%; height:auto;}
.contentBoxLeft {
    float: left;
    width: 100%;
}
.ban2{ display:none;}
.b1,.b2,.b3{ width:60%;}
.foot_img{ float:none; display:none;}
.newsRight_cen ul li {    box-sizing: border-box;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%;}
.scrollsidebar { display:none;}
#scrollsidebar { display:none;}
.side_content { display:none;}

}