@charset "utf-8";
/* CSS Document public*/
body{padding:0;margin:0;font-size:12px;font-family:"微软雅黑";-webkit-font-smoothing:antialiased;font-smoothing:antialiased;min-width:1200px;text-align:center;-webkit-overflow-scrolling:touch;/*安卓和 IOS html5 动画卡顿解决方案*/}

a{text-decoration:none;bblr:expression(this.onFocus=this.blur());/*IE使用*/outline-style:none;/*FF使用*/; outline:none;}
a:hover,ul li a:hover,dl dt a:hover{color:#f00;transition:all 0.3s;-webkit-transition:all 0.3s}

ul{list-style:none;}img{border:0px}
ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding:0;margin:0}

.clear{clear:both;height:0px;font-size:1px;line-height:0px}
abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video{display:block}

.head,.logo,.nav,.part1,.part2,.part3,.part4,.part5,.part6,.footer,.list,.menu,.detail,.main,.content{text-align:left}
.w100{width:100%}
.w94{width:94%;margin:0 auto}
.w1200{width:1200px;margin:0 auto}
.w1230{width:1230px;margin:0 auto}
.center-vertical{position:relative;top:50%;transform:translateY(-50%)}/*垂直居中代码 兼容IE9+*/
.overfloat-dot{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/*文本超出 小圆点显示*/
/* CSS Document public*/
.head{ height: 40px; background-color: #eee; position: relative; z-index: 1000000000; }
.head .ewm{ float:left; margin-left: 940px;}
.head .ewm ul{ float:right;}
.head .select ul{ float:left;}
.head .ewm ul li{  float:left; margin: 5px 8px; height: 30px; line-height: 30px; position: relative;}
.head .ewm ul li img{ float:left; margin: 5px 0 0 0;}
.head .ewm ul li i{ display: none; position: absolute; top:35px; left: -32px; width: 90px; height: 90px; background-color: #f00;}
.head .ewm ul li:hover i{ display: block;}
.head .ewm ul .line{ border-left: #ddd 1px dotted; }
.head .select{ float:right!important;}
.head .select ul li{  float:left; margin: 0 8px; line-height: 40px; }
.head .select ul li a{ color:#333;}
.head .select ul li a:hover, .part1 .part1-left .ul li a:hover, .part2 .part1-left .ul2 li a:hover, .part2 .part1-left .ul1 li a:hover, .part2 .part1-left .ul1 li .i a:hover, .part3 ul li a:hover, .content-list ul li a:hover{ color:#f00;}
.focusBox .txt li a:hover{ color:#ff0;}

.bg{ height:120px; background: url(../images/logo-bg.png) center top no-repeat;}
.nav1{ height:120px;}
.nav1 .logo{ float:left; height: 70px;}
.nav1 .logo a img{ float:left; margin: 20px 0 0 0; }
.search{ float: right; margin: 32px 0 0 0;  width:221px; height:30px;  position: relative;}
.search-left{ float:left; width:217px; height:30px; background:url(../images/search_bg.png);}
.search-right{ float:left; position: absolute; right: 0; top: 0;}

/* 本例子css */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.navBar{float: right;position:relative;z-index:1;padding-left:10px;height:50px;line-height:50px;color:#333;top: 3px;}
.nav{position:relative;float: right;width: 870px;margin:0 auto;font-family:"Microsoft YaHei",SimSun,SimHei;font-size:14px;}
.nav a{ color:#333;  }
.nav h3{ font-size:100%; font-weight:normal;}
.nav .m{ float:left;  position:relative; z-index:1;text-align: center; }
.nav .on{    border-bottom: #FE7700 6px solid; }
.nav .s{ float:left; width:3px; text-align:center; color:#D4D4D4; font-size:12px; }
.nav h3 a{ display:block; width:106px; text-align:center;height:47px;  font-weight:bold;  }
.nav .sub{ display:none; /*默认隐藏*/  position:absolute; left:-1px; top:50px; z-index:1; width:106px; border:1px solid #E6E4E3; border-top:0;  background:#fff; }
.nav .sub li{ text-align:center; padding:0 8px; margin-bottom:-1px;   }
.nav .sub li a{ display:block;  border-bottom:1px solid #E6E4E3; padding:8px 0; height:28px; line-height:28px; color:#666;   }
.nav .sub li a:hover{ color:#FE7700;   }
.nav .block{ height:3px; width:107px; background:#FE7700; position:absolute; left:0; top:47px; overflow:hidden;  }

/*banner*/
.banner{ min-width:1200px; width:100%; z-index:0; position: relative; border-top: #002147 6px solid;}
.banner-top{  position: absolute; top: 0; left: 0; width: 100%; height: 50px; background: url(../images/banner-top.png) center top no-repeat;}
.slideBox{ width:100%; height:412px; overflow:hidden; position:relative;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; width:100%; bottom:30px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left; width:100%; text-align:center;}
.slideBox .hd ul li{ display:inline-block; margin:0 6px;text-align:center; background:#fff; cursor:pointer; width:38px; height:4px} 
.slideBox .hd ul li.on{ color:#fff; background-color: #002147;}
.slideBox .bd{ position:relative; height:100%; z-index:0; width:1920px; margin-left:-960px; left:50%; }
.slideBox .bd li{ zoom:1; vertical-align:middle;  }
.slideBox .bd img{ width:1920px; height:412px; display:block; }

/*part1 kaishi*/
.part1,.part2{margin:0 auto;padding: 20px 0;}
.part1-left{ float:left; width:585px; position:relative; padding: 0 15px;}
.part1-left-nav{width:580px; height:28px; border-bottom:#ccc 1px solid; position:absolute; top:0; left:0;}

.part1-left dl{position:relative;z-index:1;margin-bottom: 20px;}
.part1-left dl dt, .part3 dl dt{ float:left; }
.part1-left dl dt img, .part3 dl dt img{ float:left; margin: 16px 12px 0 0; }
.part1-left dl dd , .part3 dl dd{ float:left; width:162px;}
.part1-left dl dd a, .part3 dl dd a{ font-size:18px; color:#222; height:42px; line-height:42px;}

/* 本例子css */
.focusBox { position: relative; width: 585px; height: 385px; overflow: hidden; }
.focusBox .pic img { width: 585px; height: 385px; display: block; }
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 46px; line-height:46px; width:100%; overflow: hidden; background: url(../images/txt-bg.png);}
.focusBox .txt li{ height:46px;position:absolute; bottom:0;}
.focusBox .txt li a{ display: block; color:#fff; padding: 0 0 0 30px; font-size: 14px; text-decoration: none; }
.focusBox .num {position: absolute;z-index: 3;bottom: 15px;right: 28px;}
.focusBox .num li{float: left;position: relative;width: 9px;height: 9px;line-height: 30px;overflow: hidden;text-align: center;margin: 5px;cursor: pointer;}
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height:100%; top:0; left:0; text-decoration: none; }
.focusBox .num li span { z-index: 1; background:url(../images/yuan.png) no-repeat; }
.focusBox .num li.on a,.focusBox .num a:hover{ background:url(../images/yuan-on.png) no-repeat;}
/*part1 jieshu*/
.part1 .part1-left .ul{ float:left; margin-top:-10px;}
.part1 .part1-left .ul li{float:left;width: 100%;height: 58px;margin: 9px 0  15px 0;}
.part1 .part1-left .ul li dl{ float: left; width:58px; height: 58px; margin-right: 20px; text-align: center;}
.part1 .part1-left .ul li dl dt{ float: left; width:100%; height: 34px; line-height: 34px; color: #fff; font-size: 20px; background-color: #168155;}
.part1 .part1-left .ul li dl dd{ float: left; width:100%; height: 24px; line-height: 24px; color: #333; background-color: #dfdfdf;}
.part1 .part1-left .ul li a{ float:left; display: block; width: 502px; height: 30px; line-height: 30px; overflow: hidden; font-size: 14px; color: #333;}
.part1 .part1-left .ul li p{ float:left; display: block; width: 502px; color: #999; line-height: 20px; max-height: 40px; overflow: hidden;}

.part2 .part1-left .ul1{float:left;margin: 0 0 15px -15px;width: 612px;}
.part2 .part1-left .ul1 li{float:left;width: 180px; margin:0  12px;}
.part2 .part1-left .ul1 li a span{float:left;line-height: 26px;width: 45px;color: #999;height: 72px;}
.part2 .part1-left .ul1 li .i a{ float:left; display: block; line-height: 24px; width: 135px; max-height: 72px; overflow: hidden; font-size: 14px; color: #333;}
.part2 .part1-left .ul2{ float:left;}
.part2 .part1-left .ul2 li{ float:left; width: 585px; height: 28px; line-height: 28px; font-size: 14px; overflow: hidden;}
.part2 .part1-left .ul2 li a{float:left;display: inline-block;color: #333;width: 470px; }
.part2 .part1-left .ul2 li span{ float:right; color: #999; }
.part2 .part1-left .top{ margin-top:-5px;}

.part3{ min-height:80px; background-color: #e3e3e3;}
.bg1{  background: url(../images/part3-bg.png) no-repeat; background-position: 30px 50px;}
.part3 ul{ float: left; padding: 0 0 0 60px; }
.part3 ul li{ float:left; margin: 0 15px 0 0;}
.part3 ul li a{ font-size:14px; color: #333; line-height: 24px; }
.part3 dl{position:relative;z-index:1;margin-bottom: 10px;}

.footer{  height: 140px;}
.bg2{  background: url(../images/footer.png) center top no-repeat;}
.ff{ float: left; margin:44px 0 0 420px; line-height: 24px; color: #95a7bb; font-weight: lighter;}


/*detail kaishi*/
.content-w{ width:100%;}
.content{width:1200px;min-height: 800px;margin:0 auto;position:relative;}
.menu-w{ float: left background-color:#f7f7f7; width:100%;}
.menu{ float:left; width:260px; height:auto;}
.menu-head{float:left;width:240px;height: 80px;line-height: 80px;font-size:20px;color:#fff;background-color: #002147;margin: 14px 0;padding-left:20px;}
.menu ul li{ float:left; width:260px; height:63px; line-height:63px; border-bottom:#eaeaea 1px solid;}
.menu ul li a{display:block;float:left;width:218px;height:63px;line-height:63px;padding-left:42px;color: #333;font-size: 14px;}
.menu ul .li1{ background-color: #12437c;}
.menu ul .li1 a{color:#fff;background-color: #12437c;}
.menu ul li:hover{background-color: #12437c;}
.menu ul li a:hover{ color:#fff; }

.detail{ float:right; width:890px;}
.detail-nav{ float:left; width:890px; height:66px; line-height:66px; font-size:20px; color:#333; border-bottom:#e4cacc 1px solid; margin-bottom:20px}
.detail-nav-right{ float:right; height:66px;}
.detail-nav span{ font-size:12px; margin:0 4px 0 4px; color:#969696;}
.detail-nav a{ display:inline; font-size:12px; height:66px; line-height:66px; color:#969696;}
.detail-nav a:hover{ color:#f00;}
.detail_head{ float:left; width:890px; text-align:center; margin-bottom:20px;}
.detail_head1{float:left;width:890px;line-height:50px;font-size:20px;color: #333;font-weight: bold;}
.jianbian{ float:left; width:890px; height:34px;  }
.detail_main{ float:left; width:890px; text-align:center; margin-bottom:10px; padding-bottom:30px; border-bottom:#e4cacc 1px solid; }
.detail_main p{ line-height:30px; color:#333; font-size:14px; text-align:left; text-indent:32px;}
.detail_main p img{ margin:0 auto; padding:20px 0;}

.sxy{ float:left; width:705px; height:60px; margin-bottom:30px; padding-left:10px; margin-top:20px;}
.sxy dl{ float:left; width:715px; height:30px;}
.sxy dl dt{ float:left; width:56px; height:30px; line-height:30px; font-size:14px; color:#333;}
.sxy dl dd{ float:left; width:600px; height:30px; line-height:30px; overflow:hidden; max-width:600px;}
.sxy dl dd a{font-size:14px; color:#333;}
.sxy dl dd a:hover{font-size:14px; color:#f00; transition:all 0.3s;}

.content-bt-xia{line-height:30px; width:890px; text-align:center; margin-bottom:20px;}
.content-bt-xia span{padding:0 10px; color:#999999; font-size:12px;}
.content-bt-xia span a{ color:#999999;}
.content-bt-xia span a:hover{font-size:14px; color:#f00; transition:all 0.3s;}
/*detail jieshu*/

/*list kaishi*/
.content-list{ float:left; width:890px; padding-top:20px;}
.content-list ul{ float:left; width:890px; border-bottom:#cccccc 1px solid; padding:0 0 20px 0;}
.content-list ul li{ float:left; width:890px; height:40px; line-height:40px;}
.content-list ul li a{ float:left; display:block; width:664px; height:40px; font-size:14px; color:#333;}
.content-list ul li span{ float:right; text-align:right;  width:94px; height:40px; line-height:40px; font-size:14px; color:#666; font-family:Arial, Helvetica, sans-serif;}
.content-list ul li img{ float:left; margin:16px 14px 0 0;}

.fanye{ float:left; width:890px; height:65px; background-color:#fafafa; position:relative; top:-10px; left:0; padding-top:35px;}

.content-list-c{ float:left; width:890px; padding-top:20px;}
.content-list-c ul{ width:945px;}
.content-list-c ul li{ float:left; width:260px; height:300px; background-color:#922a32; margin-right:55px; margin-bottom:40px;}
.content-list-c ul li img{ float:left;}
.li-bottom{ float:left; width:260px; height:40px; line-height:40px;}
.li-bottom a{ display:block; float:left; width:260px; height:40px; line-height:40px; font-size:18px; color:#fff; text-align:center;}
/*list jieshu*/
