@charset "utf-8";
/* 样式来源于www.weilianbao.net,zxl*/
*{margin:0 auto;padding:0;list-style-type:none;}
a,img{border:0;}
body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体"; text-align:center}
#n{margin:10px auto; width:920px; border:1px solid #CCC;font-size:12px; line-height:30px;}
#n a{ padding:0 4px; color:#333}

/* flexslider */
.flexslider{position:relative;height:450px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:450px;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px}
.flex-control-nav{position:absolute;bottom:10px;z-index:2; left:45%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px; float:left;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3; left:0;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:60px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:60px;background:url(../images/next.png) center center no-repeat;}

/*新加的css*/
.slideBox{ width:1200px; height:555px; overflow:hidden; position:relative; margin:0 auto; }
.slideBox .hd{ height:18px; overflow:hidden; position:absolute; right:46%; bottom:30px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:10px; width:20px; height:18px; background:url(../images/hq_pic9.png) no-repeat; cursor:pointer; text-indent:-9999px;}
.slideBox .hd ul li.on{ background:url(../images/hq_pic8.png) no-repeat;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:1200px; height:555px; display:block;  }

.floatdiv{}
.floatdiv li{ width:63px; height:63px; text-align:center; background:#949494; margin-bottom:1px; position:relative; cursor:pointer;}
.floatdiv li img{ padding:5px 0;}
.floatdiv li p{ color:#FFF;}
.floatdiv li:hover{ background:#063B89;}
.floatdiv li .subdiv{ display:none;}
.floatdiv li:hover .subdiv{ background:#063B89; position:absolute; top:0; left:-143px; width:143px; display:block;}
.floatdiv li:hover .subdiv dt{ font-size:14px; color:#FFF; height:53px; padding-top:10px;}
.floatdiv li:hover .subdiv dd{ border:#dcdcdc 1px solid; background:#FFF; margin-bottom:5px; padding:5px 0;}
.floatdiv li:hover .subdiv dd a{ display:block; color:#777; background:url(../images/hq_pic153.jpg) 15px center no-repeat; padding-left:15px; height:30px; line-height:30px;}

.txtMarquee-left{ width:1200px;  position:relative; background:url(../images/hq_pic67.jpg) 125px center no-repeat #d7d7d7; height:30px;}
.txtMarquee-left .hd{ overflow:hidden;}
.txtMarquee-left .hd .prev,.txtMarquee-left .hd .next{ display:block; width:8px; height:13px; overflow:hidden; cursor:pointer; position:absolute; top:9px; }
.txtMarquee-left .hd .next{ background:url(../images/hq_pic69.jpg) no-repeat; right:115px;}
.txtMarquee-left .hd .prev{ background:url(../images/hq_pic68.jpg) no-repeat; right:130px;}
.txtMarquee-left .bd{ width:900px; margin:0 auto;}
.txtMarquee-left .bd .tempWrap{ float:left; width:900px !important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.txtMarquee-left .bd ul li{ margin-right:20px;  float:left; height:30px; line-height:30px;  text-align:left; _display:inline; width:auto !important;  } 
.txtMarquee-left .bd ul li a{ color:#1e1e1e;}
.txtMarquee-left .bd ul li span{ color:#999; padding-left:80px;}


/*service*/
#active { width:100%; margin:0 auto; overflow:hidden;}
#active .service { width:1200px; height:115px;}
.main2 .title{ margin-top:20px; background:url(../images/line.jpg) 0 center repeat-x; text-align:center;}
.main2 .title span{ display:inline-block; background:#f0f0f0; padding:0 5px; color:#4a4a4a; font-size:16px; font-family:'微软雅黑';}
.main2 .title span i{ font-style:normal; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:14px; color:#be1c00; padding-left:7px;}
.main2_list{ margin-top:25px; background:url(../images/main2_list_bg.jpg) center bottom no-repeat; padding-bottom:27px; height:115px;}
.main2_list a{ padding-left:18px; width:254px; padding-bottom:27px; padding-top:5px; margin-right:37px; float:left; font-weight:bold; font-family:'微软雅黑'; color:#000; font-size:15px; background:url(../images/service_pic.png) 0 0 no-repeat; -webkit-transition:background 0.3s ease-in,color 0.3s ease-out; -o-transition:background 0.3s ease-in,color 0.3s ease-out; transition:background 0.3s ease-in,color 0.3s ease-out;}
.main2_list a.a1{ background-position:17px 0;}
.main2_list a.a2{ background-position:-240px 0;}
.main2_list a.a3{ background-position:-482px 0;}
.main2_list a.a4{ background-position:-760px 0; margin-right:0;}
.main2_list a:hover{ color:#b51b00;}
.main2_list a.a1:hover{ background-position:17px -58px;}
.main2_list a.a2:hover{ background-position:-240px -58px;}
.main2_list a.a3:hover{ background-position:-482px -58px;}
.main2_list a.a4:hover{ background-position:-760px -58px;}

/*box放大*/
.blank4{ height:30px;}
.w1200{ width:1200px; margin:0 auto;}
.w202{ width:202px;}
.w765{ width:765px;}
.w340{ width:340px;}
.w650{ width:650px;}
.w490{ width:490px;}
.w448{ width:446px;}
.w205{ width:205px;}
.w767{ width:767px;}
#main{ background:url(images/hq_pic11.jpg);}
.main{ position:relative;}
.m_box{}
.m_box dt{ text-align:center;}
.m_box dd{}
.m_box dd .list{ width:180px; position:relative; float:left; margin:0 18px; overflow:hidden;}
.m_box dd .list .bg{ background:url(images/hq_pic14.jpg) no-repeat; width:169px; height:169px;}
.m_box dd .list .img{ position:absolute; top:0; left:0;}
.m_box dd .list .img img{ width:169px; height:169px;}
.m_box dd .list p{ text-align:center; color:#000; font-size:14px; padding-top:20px;}
.m_box dd .list1{ float:left; width:240px; margin-right:10px;}
.m_box dd .list1 p{ text-align:center; font-size:14px; color:#FFF; background:#a4be87; height:70px; line-height:70px;}
.m_box dd .list1:hover p{ background:#b11c35;}
.m_box dd .list2{ width:150px; text-align:center; float:left; margin:0 45px;}
.m_box dd .list2 span{ width:150px; height:150px; display:block;}
.m_box dd .list2 span.ico1{ background:url(images/hq_pic17.jpg) no-repeat;}
.m_box dd .list2 span.ico2{ background:url(images/hq_pic18.jpg) no-repeat;}
.m_box dd .list2 span.ico3{ background:url(images/hq_pic19.jpg) no-repeat;}
.m_box dd .list2 .p1{ font-size:16px; color:#767779; padding:20px 0; }
.m_box dd .list2 .p2{ font-size:14px; color:#3e3b3b;}
.m_box dd .list3{ width:190px; float:left; margin-right:10px;}
.m_box dd .list3 .img{ position:relative;}
.m_box dd .list3 .img span{ position:absolute; top:-17px; left:25px; width:125px; height:35px; line-height:35px; text-align:center; display:block; font-size:14px; color:#221f1f; background:#dee7c6;}
.m_box dd .list3 .p1{ color:#3c3939; text-align:center; line-height:20px; padding-top:5px;}
.m_box dd .list3:hover .img span{ background:#b11c35; color:#FFF;}
.m_box dd .list4{ width:320px; float:left; padding-right:15px;}
.m_box dd .list4 .img{ float:left; width:59px;}
.m_box dd .list4 .con{ color:#484545; float:right; width:245px;}
.m_box dd .list4 .con .p1{ font-size:16px; padding-bottom:10px;}
.m_box dd .list4 .con .p2{ font-size:12px; line-height:20px;}
.m_box dd .list5{ width:305px; float:left; padding:30px 0 30px 20px;}
.m_box dd .list5 .img{ float:left; width:150px;}
.m_box dd .list5 .con{ float:right; width:142px;}
.m_box dd .list5 .con .p1{ font-size:16px; color:#221f1f;}
.m_box dd .list5 .con .p2{ font-size:12px; color:#79797c;}
.m_box dd .list5 .p3{ font-size:14px; color:#221f1f; padding:10px 0; line-height:30px;}
.m_box dd .list5 .p4{ font-size:16px; color:#b11c35;}
.m_box dd .list5 .p5{ font-size:16px; color:#221f1f; padding-top:10px;}
.m_box dd .list5 a{ background:url(images/hq_pic30.jpg) right center no-repeat; padding-right:10px; font-size:14px; color:#57585b;}
.m_box dd .list6{ text-align:center;}
.m_box dd .list6 img{ margin:0 15px;}
.m_box dd .bg1{ background:url(images/hq_pic28.jpg) bottom left no-repeat #FFF;}