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

body{ margin:0; padding:0;  font-size:12px; color:#777777; font-family: "Microsoft Yahei"; line-height:28px;  }
a{ text-decoration:none; color:#777777;}
ul,li,div, h1,h2,h3,h4,a,img,table,table,tr,td,dl,dt{ margin:0; padding:0}
ul,li{ list-style:none;}
img{ border:0;}
.clear{ clear:both}
.clearfix:after{ display:block; content:''; clear:both; visibility:hidden; }
input,textarea{outline:none}
.red{ color:#fb4100 }
.font16{ font-size:15px;}
.black{ color:#000}
#header{ width:100%; height:105px;   overflow: hidden; }
.top{background: #323332; height:10px; font-size: 14px; color: #ffffff; padding-top: 10px;}
.wrapper{ width:1002px; margin:0px auto; }


.logo{ float:left; margin-top:15px; width: 265px; overflow: hidden; }
#header .right{ float:right; width:670px; overflow:hidden; }
.f-fl{ float: left;}


.menu{    width:600px;   height: 110px ; float: right;   }

.banner{ width: 100%; height: 300px; background:url(../images/banner.jpg) no-repeat center top;}
.menu li{ float:left; line-height:110px; width:110px;  margin-right: 8px; text-align:center; font-size:16px; height:105px ; border-left:1px #ffffff solid; border-right:1px #ffffff solid;  }
.menu li a{ display:block; color:#2b384b }
.menu li:hover{background:#3e78c0; border-left:1px #4caaec solid; border-right:1px #4caaec solid; font-weight:bold; color:#ffffff; }
.menu .hover{   display:block;  font-weight:bold;  background:#3e78c0}
.menu .hover a{ color:#ffffff; background:#3e78c0}
.menu  a:hover{ font-weight:bold; color:#ffffff; }
.menu li:hover a{ font-weight:bold; color:#ffffff;}


.slider{ width:100%;  height:590px; }


.home_news{width:1002px;
    margin:0 auto;
    margin-top: 12px;
    background: #283949;
    height:40px;}
.home_news .ss_w{ width:290px;    height:40px; float: left;}
.home_news .news_w{ 
float: left; background:url(../images/ico.jpg) no-repeat ; padding-left: 32px; color: #ffffff; font-size: 16px;  margin-top: 5px; width: 600px; }
.home_news .news_w a{ color: #dcd7db; font-size: 12px; margin-right: 35px; background:url(../images/ico02.jpg) no-repeat 0 4px; padding-left: 15px; }
.m-search{ width:350px; height:40px;}





.home_about{  padding: 50px 0 10px 0 ; }
.home_about .about_text{  font-size: 14px;  line-height: 30px; color: #414342; width: 570px; float: left ; padding-left: 50px; background: #ffffff ; height: 330px; }


.home_about .home_about_w{  width: 100%; }
.home_honor{ float: right;  width: 350px; padding: 15px 0; border:1px #e9eae9 solid; text-align: center;}

.home_about .tit { display: block; font-size: 26px; color: #283949; text-align: center; margin-bottom: 20px;}

.home_about .img{ background:url(../images/about_img.jpg) no-repeat right top; height: 390px;  float: left; width: 240px;  }

.home_about .w{ width: 1000px; margin: 0 auto; padding: 0}

.home_about .more{ width: 110px; height: 25px; display: block; text-align: center; border: 1px #d0d0d0 solid; padding-top: 8px; margin-top: 15px; }



#home_pro{ padding-top:50px; overflow:hidden; background: #eaeef4; width: 100%; padding-bottom: 80px;;}
#home_pro .w{width:1000px; margin:0 auto;}
#home_pro .title{  height:125px; width:1000px; margin:0 auto; color:#555454; font-size:16px; text-align:center ; padding-top:10px; border-bottom: 1px #b4b6ba solid; }



#home_pro .title ul{ width: 410px; margin: 0 auto; padding-top: 20px;}
#home_pro .title ul li{ float: left; width: 80PX; text-align: center;}
#home_pro .title ul li a:hover{ color: #3d93fe }

#home_pro .con{ width:1000px; margin:0 auto;}


#home_pro .con ul{ margin-top:10px; width: 1100px;  padding-top: 20px; padding-left: 10px;}

#home_pro .con li{ margin:0 40px 30px 0; float:left; _display:inline; overflow:hidden; text-align:center;   }
#home_pro .con ul li .pic{ text-align:center; }
#home_pro .con ul li .pic img{ width:300px; height:204px; display:block;   }
#home_pro .con ul li .pic a:hover img{ border-color:#999;  }
#home_pro .con ul li .tit{ line-height:24px; display: none;   position: absolute; z-index: 2; width: 300px; height: 204px; background: #000;  
	line-height: 200px; font-size: 28px; filter:alpha(opacity=80);  
      -moz-opacity:0.8;  
      -khtml-opacity: 0.8;  
      opacity: 0.8; color: #fff  }








#footer{ width:100%;  font-family:"Microsoft yahei";  background: #2b3339;  color:#434343;  line-height:40px;  margin-top: 60px }
#footer .wrapper{ width:1000px; font-size: 14px; border-bottom: 1px #515559 solid}
#footer ul{  width: 1100px; margin: 0 auto; padding-top: 30px;  }
#footer ul li{ float: left; width: 110px; text-align: center; line-height: 50px; margin-left: 10px; }
#footer ul li a{ color: #dddddd; font-size: 14px; display: block;}

#footer ul .nav{ width: 400px; text-align: left;}



.footer_contact{  font-size: 12px; color: #979798; line-height: 28px; width: 960px; margin: 0 auto; padding-top: 30px; height: 150px;  }

.footer_contact span{ float: right;}














.txtScroll-left{ width:700px;  position:relative;    }


.txtScroll-left .hd{ overflow:hidden;  height:30px;   }

.txtScroll-left .hd .prev,.txtScroll-left .hd .next{ display:block;  width:30px; height:30px; float:right; margin-right:5px;   overflow:hidden; cursor:pointer; background:url("../images/arrow.gif") no-repeat;}
.txtScroll-left .hd .next{background:url("../images/arrow.gif") no-repeat -37px 0;  }

.txtScroll-left .hd .prevStop{ background-position:0px -39px; }
.txtScroll-left .hd .nextStop{ background-position:-37px -39px; }



.txtScroll-left .hd ul{  overflow:hidden; zoom:1; margin-top:10px;  }
.txtScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
.txtScroll-left .hd ul li.on{ background-position:0 0; }

.txtScroll-left .bd{ padding:10px; width:700px; overflow:hidden;  }


.txtScroll-left .bd ul{ overflow:hidden; zoom:1; }
.txtScroll-left .bd ul li{   float:left;   text-align:left; _display:inline;}
.txtScroll-left .bd ul li span{ color:#999;  }






#dis_con{ width:100%; padding-top:30px; background: #ffffff   }




.leftbar{ float:left; width:220px;   margin-bottom: 20px; overflow: hidden;}
.leftbar .class{ padding-top:20px;    background: #f3f3f3  }
.leftbar h2{ height:65px; overflow: hidden; background: #3e78c0; color:#ffffff;font-size:30px; text-align: center; padding-top: 10px; }
.leftbar h2 span{ font-weight: normal;; display: block; font-size: 14px;}
.right_con{ float:right; width:770px; overflow:hidden;   font-family:"Microsoft yahei"; font-size:14px;  color:#393b41;}



.showpath{ font-size:18px; height:45px; overflow:hidden;border-bottom:1px #cecece solid ; padding:0 0 0 10px; }
.showpath span{ float:right; padding:0 10px; font-family:"宋体";line-height:48px; font-size:12px;}
.showpath a{ color:#37383d;  }
.showpath h2{ font-size:20px; padding:0 30px 0 0px;  float:left; line-height:40px; }
.showpath p{ margin:10px 0; }



.leftbar .ul_class{  font-size:16px;  line-height:24px; padding-bottom:10px;  border-top:1px #dfdfdf solid;  }
.leftbar .ul_class li{  border-bottom:1px #dfdfdf solid; }
.leftbar .ul_class li a{  color:#000000; display:block; font-family:"Microsoft yahei"; padding:8px 0 8px 30px}
.leftbar .ul_class li:hover{background:#307edf ;}


.leftbar .ul_class li a:hover{ font-weight:bold; color:#ffffff;  }

.leftbar .ul_class  .hover{font-weight:bold;   color:#ffffff;  background:  #307edf ;  }
.leftbar .ul_class  .hover a{color:#ffffff; }





.right_con .container{ min-height:640px; padding:10px 10px 10px 10px; line-height:28px; }
.right_con h1{ font-size:28px; font-weight: normal; padding:15px 0px 25px 0px;   text-align:center; color:#393b41}
.right_con .container_ab h3{ font-size:16px; height:24px; padding-top:20px; }
.right_con .container_ab{ min-height:500px; padding:15px 15px 10px 25px; line-height:26px; }

.right_con .about_container{ background: url(../images/about_img.jpg)  no-repeat  left bottom ;  min-height:550px; margin-bottom: 40px;}

.right_con .container .time{ color:#888888; text-align:right; padding-top:15px; font-size:12px; padding-right:15px;}
.right_con .container_contact h3{ font-size:16px; height:24px; padding-top:20px; }
.right_con .container_contact{  padding:15px;}
.right_con .container_contact .img2{ float:right; margin-top:50px; margin-right:40px; display:inline}


.ul_list{ width:675px; margin-left:5px;}
.ul_list li{ line-height:34px; border-bottom:1px #cccccc dotted; font-size:14px; padding:2px 0  }
.ul_list li span{ float:right; color:#666666; font-size:11px; margin-right:10px;}
.ul_list li a{ color:#333333; padding-left:12px; background:url(arrow.gif) no-repeat 5px 9px}
.ul_list li a:hover{ color:#e23f00; }



.slider{ width:100%;  height:540px; }
#full-screen-slider { width:100%; height:540px; float:left; position:relative}
#slides { display:block; width:100%; height:540px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute; text-align:center}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:27%; top:420px; z-index:9900;  padding:5px 15px 5px 0; margin:0; }
#pagination li { display:block; list-style:none; width:12px; height:12px; float:left; margin-left:15px;  background:#644e1e ;  -moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius:10px;}
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#efbf1a}


.left_price{ margin-top: 20px; font-size: 26px; color: #0a438a; font-weight: normal; padding: 6px 0;  background: #3e78c0; text-align: center;}


.pro_w{ width:820px; padding-top:30px; padding-bottom:50px;}
.ul_pro{ padding-left:10px; }
.ul_pro li{ width:240px; text-align:center; float:left; margin-right:18px; margin-bottom:10px; font-size: 14px ; background: #ecf0f1;  padding-bottom: 5px;}

.ul_pro li a{ color: #333333}

.pro_w .img{  width:800px; margin-bottom:20px; text-align: center; margin: 0 auto }
.pro_w .img img{ }
.pro_w h2{ font-size:18px; color:#000; padding-bottom:15px; font-weight:normal; font-size:22px; text-align: center;}
.pro_w .text .des{ color:#585858}
.pro_w .text .des span{ color:#7a7a7a}

.ul_news{ padding-top:5px; }
.ul_news li{ color:#7a7a7a; line-height:22px; border-bottom:1px #cccccc dotted; padding-bottom:10px; padding-top:10px;  }

.ul_news li a{ color:#000}

.ul_news li  span{  font-size:12px; color:#a8a8a8; margin-left:10px; float: right;}


.Flip{ margin:25px 0}
.ul_news li h2 a:hover,.ul_recruit li a:hover{  color:#eb0011}
.datetime{ background:#eeeeee ; text-align:center; color:#a0a0a0; margin-bottom:5px;}



.Flip{ margin:25px auto; text-align: center; width: 340px; line-height: 20px }

.Flip .current{  border: 1px solid #2e282f; background: #2e282f; font-size: 14px;  margin-right: 5px; padding: 0px 4px; color: #f5cf4c; float: left;   }
.Flip .num,.Flip .next,.Flip .prev{border: 1px solid #c9c9c9;  font-size: 14px;  margin-right: 5px; padding: 0px 4px; float: left; }
.Flip .first,.Flip .end{ float: left; margin-right: 5px;}



/* area7 */

.tab-cont{ width: 700px;  overflow: hidden;  margin:0 auto; padding-top:12px; }
.tab-cont .pannel{ width: 700px; display: block; height:470px; padding-left: 8px; }
.tab-cont .pannel .pic{ width: 700px; height: 450px; display: block; float: left; }


.tab-cont .pannel i.mark{ width: 95px; height: 29px; padding: 0 2px 2px 0;  display: block; position: absolute; top: 63px; left: -17px; line-height: 29px; font-size: 18px; color: #fff; text-align: center;}
.tab-cont .pannel img{ width:700px; height:450px; }
.tab-ctr{ width: 100%; height: 100px;  position: relative; }
.tab-ctr02{ width: 760px; height: 100px; position:absolute; height:auto}
.btn{ width: 25px; height: 71px;  display: block; position: absolute; top:180px;  text-align: center;}
.prev{ left: 0;}
.next{ right: 0;}
.btn i{ width: 25px; height: 77px; margin-top: 15px; display: inline-block;}
.prev i{ background: url(../images/btn2.png) no-repeat -2px 0;}
.next i{ background: url(../images/btn2.png) no-repeat -30px 0;}
.tab-ctr .prev:hover i{ }
.tab-ctr .next:hover i{ }
.tab-ctr .tab-main{ width: 740px; height: 100px; margin: 0 auto; overflow: hidden; margin-left: 8px; }
.tab-ctr .pannel{ width: 70px;  border: 1px solid #ebebeb; margin-right:2px; display: block; _display: inline; float: left; cursor: pointer;}
.tab-ctr .pannel.current{ border: 1px solid #fdb036;}
.tab-ctr .pannel img{ width:70px; height:50px;}

		.picMarquee-left{ width:730px;  overflow:hidden; position:relative;  border:1px solid #ccc;   }
		.picMarquee-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
		.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; /*background:url("../images/arrow.png") no-repeat;*/}
		.picMarquee-left .hd .next{ background-position:0 -50px;  }
		.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
		.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
		.picMarquee-left .bd{ padding:4px;   }
		.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
		.picMarquee-left .bd ul li{ margin:0 1px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picMarquee-left .bd ul li .pic{ text-align:center; }
		.picMarquee-left .bd ul li .pic img{ width:180px; height:120px; display:block;   }
		.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picMarquee-left .bd ul li .title{ line-height:24px;   }




.qqkefu
{
    position: fixed;
    bottom: 40%;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop + 365));
    z-index: 20;
    right: 0;
    width: 45px;
    z-index:5000;
}
.qqkefu ul li
{
    height: 45px; 
    float: right;
    background: #16a4ff;
    line-height: 45px;
    font-size: 14px;
    cursor: pointer;
    position: relative;
    border-top: 1px #ffffff solid
}
.qqkefu ul li a
{
    color: #fff;
}
.qqkefu ul li.qq_cza
{
    overflow: hidden;
}
.qqkefu ul li:hover
{
    background: #007dcd;
}
.qqkefu ul li.top
{
    color: #1c1c1c;
    font-weight: 800;
    text-align: center;
    line-height: 40px;
    background: #ffffff;
    position: relative;
    width: 45px;
    cursor: pointer;
    
}
.qqkefu ul li.top a{color: #1c1c1c;}

.qqkefu ul li.top:hover
{
    background: #CBCBCB;
}
.qqkefu ul li.top:hover span
{
    
}
.qqkefu ul li b
{
    width: 45px;
    height: 45px;
    display: block;
    overflow: hidden;
    float: left;
}
.qqkefu ul li b.a
{
    background: url(../images/qq.png) no-repeat center center;
}
.qqkefu ul li b.b
{
    background: url(../images/erico.png) no-repeat center center;
}

.erweima
{
    /*width: 390px;*/
    height: 130px;
    position: absolute;
    top: -100px;
    left: -125px;
    background: #FFF;
    border: 1px solid #CCC;
    float: right;
    cursor: default !important;
    width: 120px; text-align: center; padding-top: 10px; line-height: 20px; display: none;

}