﻿@charset "utf-8";
/* CSS Document */
html,*,body, div, ul,ol, li,h1,h2,h3,h4,h5,h6,p,span{margin:0;padding:0;}
body{font-family:"微软雅黑", Arial, Helvetica, sans-serif;}
em{font-style:normal;}
a img, :link img, :visited img{border:0;}
a:link, a:visited{text-decoration:none;color:#666666;}
a:hover,a:focus{text-decoration:underline;color:#0573bd;text-decoration:none;}
ul, ul li{list-style-type:none;}


#top_bg{height:51px;width:100%;background: url(../images/top_dhbg.jpg) repeat-x;z-index:999;left:0;border-bottom:#C6C6C6 solid 0px;}
.top{width:1040px;height:51px;margin:0 auto;}
.top .logo_l{width:145px;height:40px;float:left;background:url(../images/logo.png) no-repeat left;}

.nav_z{width:1040px;!important;height:51px;float:left;position:relative;z-index:999 ; }
#navul li{float:left;height:51px;position:relative;text-align:center;line-height:51px;padding:0px 10px;}
#navul li a:link, #navul li a:visited{color:#FFF;font-weight:500;letter-spacing:2px;}
#navul li ul{display:none;position:absolute;z-index:999;background:#e6e6e6;border:#c6c6c6 1px solid;border-bottom:none;left:-1px;}
#navul li ul li{display:block; padding:0px 10px;float:none;height:51px;position:relative;line-height:51px;border-bottom:#C6C6C6 0px solid;font-size:15px;overflow:hidden}
#navul li.navmoon{background: url(../images/top_dhbg2.jpg);border:#C6C6C6 0px solid;height:51px;line-height:51px;padding:0px 10px;}
#navul li.navmoon a{color: #FFFFFF; }
#navul li.navhome a:hover{color:#FCFF00;}
#navul li.navmoon ul{display:block;}
#navul li.navmoon ul a{display:block;width:78px;height:51px;line-height:51px;}
#navul li.navmoon ul a:hover{color:#0573bd;background:#FFF;}

.flexslider { position: relative; height: 357px; overflow: hidden; background: url(../images/loading.gif) 50% no-repeat;}
.slides { position: relative; z-index: 1;}
.slides li { height: 357px;}
.flex-control-nav { position: absolute; bottom: 10px; z-index: 2; width: 100%; text-align: center;}
.flex-control-nav li { display: inline-block; width: 14px; 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;}
.xiantiao{ height:33px; background:url(../images/xiantiao.jpg) repeat-x top; width:100%; margin:0px auto; margin-top:10px; }

/*首页头部*/
 .clear{ clear:both}
.top_bg{ width:100%; height:34px; background:url(../images/top_bg.jpg) repeat-x;}
.top_main{ height:34px; margin:0px auto; width:980px; margin:0px auto; line-height:34px; font-size:13px; }
.top_left{height:34px; width:500px; float:left;}
.top_right{height:34px; width:400px; float: right; text-align:right}

.logo{ width:1000px; height:90px; margin:0px auto;}
.logo_left{ height:63px; padding:13px 0px; float:left; width:266px;}
.logo_right{ height:45px; width:218px; padding:25px 0px 20px 0px; float:right }
/****banner****/
.baner01{ height:184px; width:100%; background:url(../images/banner_01.jpg) center no-repeat;}
.baner02{ height:130px; width:100%; background:url(../images/banner_02.jpg) center no-repeat;}
.baner03{ height:165px; width:100%; background:url(../images/banner_03.jpg) center no-repeat;}
.baner04{ height:148px; width:100%; background:url(../images/banner_04.jpg) center no-repeat;}
.about_title{ height:47px; width:980px; margin:0px auto; background: url(../images/title_about.jpg) repeat-x; font-size:30px; color:#FFFFFF; line-height:47px; padding-left:24px;}
.about_main{ height:420px; width:1000px; margin:0px auto;line-height:28px; color:#000000; padding-top:10px;}
.about_left{ width:590px; height:420px; float:left; line-height:32px; font-size:15px; font-family: "微软雅黑";}
.about_right{ width:406px; float:right; height:420px; font-size:19px; color:#000000}
.gre_nr{ width:1000px; height:370px; margin:0px auto;}
.gre_left{ width:770px; height:370px; float:left; font-size:15px; line-height:28px;}
.gre_right{ width:225px; height:232px; padding:50px 0px; float:right}

.gre_qt{ height:779px; width:1000px; margin:0px auto; padding-top:10px;}
.gre_qt_left{ width:358px; float:left;height:779px;}
.gre_qt_right{ width:620px; float:right; height:779px; }
.duan_title{height:37px; width:600px; margin:0px auto; background: url(../images/title_about.jpg) repeat-x; font-size:25px; color:#FFFFFF; line-height:37px; padding-left:20px;}
.gre_bm{ width:1000px; height:340px; margin:0px auto; padding-top:10px;}
.gre_bm_left{ width:510px; height:340px; float:left; font-size:13px; line-height:23px;}
.gre_bm_right{ width:460px; height:340px; float: right}
.gre_title{ height:47px; width:490px; margin:0px auto; background: url(../images/title_about.jpg) repeat-x; font-size:30px; color:#FFFFFF; line-height:47px; padding-left:20px; padding-bottom:8px;}
.gre_title2{ height:47px; width:440px; margin:0px auto; background: url(../images/title_about.jpg) repeat-x; font-size:30px; color:#FFFFFF; line-height:47px; padding-left:20px; padding-bottom:8px;}





/*******正文******/

.about_xian{ width:1018px; background:url(../images/xiao_xx.jpg) repeat-x top; height:15px; margin:0 auto;}
.why_xhd{ width:1018px; height:400px; margin:0px auto; }
.why_left{ width:390px; float:left; font-size:50px; font-weight:bold; height:400px; line-height:90px;}
.why_mid{ width:112px; height:400px; float:left;}
.why_right{ width:386px; height:400px; background:url(../images/why_xhd_bg.jpg)  repeat-x; float:right; line-height:50px; font-size:16px; color:#FFFFFF; padding-left:10px;}
.why_right2{ width:100px; height:400px; line-height:50px; background:url(../images/why_xhd_bg.jpg)  repeat-x; padding:0px 10px; float:right  }
.why_right2_sub{ height:32px; line-height:32px; padding:9px 0px; }

.xhd_kc{ margin:0 auto; height:272px; width:1018px; padding:40px 0px 30px 0px;}
.xhd_ms{ height:602px; width:1018px; margin:0px auto}
.xhd_hj{ width:1018px; height:395px; margin:0px auto;}
.xhd_hj_left{ width:300px; height:395px; float:left;}
.xhd_hj_right{  width:700px; height:395px; float:right;}

.bottom_bg{ height:246px; width:100%; background: url(../images/bottom_bg.jpg) repeat-x;}
.bottom_main{ width:1018px; margin:0px auto; height:188px; padding-top:28px; }

