@charset "gb2312";
#banner{ height:290px;background:#f4f4f4;border-bottom:1px #cccccc solid;}
/* flexslider */
.flexslider{position:relative;height:290px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:290px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:13px;height:13px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:13px;height:13px;line-height:40px;overflow:hidden;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;}
.flex-direction-nav li a.flex-next{right:40px;}

.p20{ padding:20px;}
.main{ background:#f4f4f4; overflow:hidden;}
 .left{ float:left; width:20%;}
  .left h3{ width:100%; display:block; text-align:center; padding:10% 0px;background: #ea000f; color:#ffffff; font-size:22px; font-family:"Microsoft YaHei"}
  .l_menu{ width:100%; overflow:hidden; background:#ffffff; display:block; padding-top:10px; font-family:"SimSun"}
  ul.l_nav{ width:90%; margin:0 auto; overflow:hidden;}
  ul.l_nav li{width:100%; line-height:26px;margin-bottom:5px;}
  ul.l_nav li a{ line-height:25px; height:25px; overflow:hidden; display: block; width:100%; color:#ea000f; border-bottom:1px #eeeeee dashed; font-size:12px; padding:5px 3px}
  ul.l_nav li a:hover{ background:#ea000f; color:#ffffff;}
  ul.l_nav li a.active{ background:#ea000f; color:#ffffff;}
  .l_contact{ background:url(../images/contact.png) no-repeat; margin-top:10px; width:100%}
  .l_contact img{ width:100%; display:block;}
  .l_c_main{ background:#FFF; padding:5%; width:90%}
  .l_c_main p{border-bottom:1px #cccccc dashed; line-height:30px; font-size:12px;}
 .right{ float:right; width:78%; background:#ffffff;}
  .l_title{ background: #ea000f; color:#ffffff; line-height:40px; overflow:hidden;}
  .l_title span{ float:left; color:#ffffff; font-size:12px; padding-left:30px; background:url(../images/location.png) no-repeat left center}
  .l_title a{ color:#ffffff;}
  .l_title h2{ float:right; padding-right:10px;font-family:"Microsoft YaHei"}
  .com{ line-height:25px; min-height:452px; height:auto !important;   height:452px;  overflow:hidden;font-family:"SimSun"; background:#FFF}
  .com img{max-width: 900px;  height:auto;  width:expression(this.width > 900 ? "900px" : this.width); }
  
ul.honornav{ width:100%; overflow:hidden}
ul.honornav li{ float:left; padding:0px 0px 20px 16px; }
ul.honornav li a{ padding:8px 15px; display:block; border:1px #eeeeee solid;color:#F00; font-weight:bold}
ul.honornav li a:hover{ color:#FFF; background:#F00;border:1px #F00 solid; font-weight:bold}
ul.honornav li a.active{ color:#FFF; background:#F00;border:1px #F00 solid;}
  
ul.honor{}
ul.honor li{ float:left; overflow: hidden;  padding:1% 1.8% 1.5%;width: 29.7%;}
ul.honor li a{ border:1px #eeeeee solid;display:block;color:#000000;background:#f4f4f4;padding: 2.3% 0;width: 100%; text-align:center;  }
ul.honor li p{ padding:5px 0 3px;height: 33px;overflow: hidden;line-height: 33px;}
ul.honor li a:hover{border:1px #ea000f solid; color:#ffffff; background:#ea000f}
ul.honor li img{ width: 95%;margin: 0 auto; display:block;}

ul.case{ padding:10px 0; overflow:hidden}
ul.case li{ float:left; overflow: hidden; padding:0px 1.8% 0px;width: 29.7%;}
ul.case li a{ border:1px #eeeeee solid; display:block;color:#1458ab;background:#f4f4f4;padding: 2.3% 0;width: 100%; text-align:center; }
ul.case li a:hover{border:1px #ea000f solid; color:#ffffff; background:#ea000f}
ul.case li img{ display:block; width: 95%;margin: 0 auto;}
ul.case li p{ line-height:40px; height:40px; text-align:center;font-size: 12px;}

ul.partners{ padding:10px 0 0; overflow:hidden}
ul.partners li{ float:left; overflow: hidden; padding:0px 0px 0px 1%; margin: 0 1.6% 20px 2%; height:30px; line-height:30px; text-align:left; width: 20%; display:block;border:1px #eeeeee solid;background:#f4f4f4; font-size:14px }
ul.partners li:hover{border:1px #ea000f solid; color:#ffffff; background:#ea000f; cursor: pointer}
.tagging{padding:0px 15px 0px; line-height:40px; font-size:16px; font-weight:bold}
ul.partners li a{ color:#000}
ul.partners li a:hover{ color:#ffffff}
ul.partners li:hover a{color:#ffffff}

ul.new{}
ul.new li{border:10px #ffffff solid; overflow:hidden;}
ul.new li:hover{border:10px #f4f4f4 solid;}
ul.new li .new_img{border:1px #eeeeee solid;width: 29.3%;}
ul.new li .new_img img{ display:block; padding:6px;width: 95.1%;}/*img 240*165px*/
ul.new li .new_main{ width:68%;}
ul.new li .new_main .new_title{ line-height:30px; overflow:hidden; border-bottom:1px #eeeeee dashed; margin-bottom:5px;}
ul.new li .new_main .new_title a{ color:#000000}
ul.new li:hover .new_main .new_title a{ color:#F00}
ul.new li .new_main .new_title strong{ font-size:16px; float:left; display:block; width:73%; height:30px; overflow:hidden;}
ul.new li .new_main .new_title span{ float:right; color:#cccccc; width:25%; text-align:right; font-size:12px}
ul.new li .new_main .new_title em{ font-family:Arial, Helvetica, sans-serif}
ul.new li .new_main .new_thum{ font-size:12px; color:#afafaf; padding:0 10px 10px 14px;}
ul.new li .new_main .new_thum a{ padding:0 10px; color:#F00}

.news_detaile{ text-align:center;padding-bottom:10px;}
.news_detaile h3{ display:block; font-size:20px; padding-bottom:10px;}
.news_detaile span{display:block; font-size:12px;}
.news_detaile span a{ color:#666;}
.news_detaile span a:hover{ color:#F00}
.news_detaile .newdet table tr td{ border:1px #CCC solid}

.proimg{  border:1px #eeeeee solid; margin:0 auto; text-align:center ; width:100%}
.proimg p{ border:10px #ffffff solid;}
.proimg img{ text-align:center display:block}
.proimg p:hover{border:10px #f4f4f4 solid;}
.protitle{ text-align:center; padding:10px 0;font-weight:bold; font-size:20px;}
.protitle a{color:#ccc; font-size:14px; font-weight:normal}
.protitle a:hover{ color:#F00}

.pro{ border-bottom:2px #FF0000 solid; overflow:hidden;}
.pro strong{ background:#F00; font-size:16px; font-weight:bold; color:#FFF; padding:10px 20px; display:inline-block}
.promain { padding:20px;}
.promain img{max-width: 838px; height:auto;  width:expression(this.width > 838 ? "838px" : this.width)}

.map{ width:53%;}
.contact{ width:45.5%;}
.contact p{border-bottom:1px #cccccc dashed; line-height:40px; padding:0 10px; font-size:14px}
.contact strong{ color:#ea000f; font-size:19px}

@media only screen and (max-width: 1280px) and (min-width: 1024px) {
	.contact{ width: 44%;}
}