@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: #0a44a7; 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:#0a44a7; border-bottom:1px #eeeeee dashed; font-size:12px; padding:5px 3px}

  ul.l_nav li a:hover{ background:#0a44a7; color:#ffffff;}

  ul.l_nav li a.active{ background:#0a44a7; 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: #0a44a7; 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 #0a44a7 solid; color:#ffffff; background:#0a44a7}

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 #0a44a7 solid; color:#ffffff; background:#0a44a7}

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 #0a44a7 solid; color:#ffffff; background:#0a44a7; 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:#0a44a7; font-size:19px}



@media only screen and (max-width: 1280px) and (min-width: 1024px) {

	.contact{ width: 44%;}

}