@charset "UTF-8";
body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,p,span{padding:0;margin:0;}
body{font:normal 14px/1.5em pbfont,"微软雅黑","宋体","冬青黑体简体中文 w3"; color: #333;}
/** 重置表格元素 **/
ol,ul{list-style:none;}
strong,i{font-weight:normal;font-style:normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
.clearfix{*zoom:1;}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
a{color:#666;text-decoration:none;}
a:hover{color:#D4020F;}	
img{border:0;vertical-align:middle;}
.ellipsis{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.none{display:none}
.bold{font-weight: bold;}
.center{ text-align: center;}
.fl{float: left;}
.fr{float: right;}
.col666{ color: #666;}
.col999{ color: #999;}
.colcd{color: #cd0000;}
.font14{font-size: 14px;}
.font16{font-size: 16px;}
.font18{font-size: 18px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}		
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mb20{margin-bottom: 20px;}
.mb10{margin-bottom: 10px;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.m20{margin: 20px 0;}
.m10{margin: 10px 0;}
.m5{margin: 5px 0;}
strong{font-weight: bold; font-size: 16px; color: #333;}
.ftp2{top:-1px;position:relative;}
.w1200{width: 1200px; margin: 0 auto;}
/*header*/
#header{height: 70px; background: #fff; }
#header .cd_logo{margin-top: 10px;}
#header .mnav a{ float: left; margin-left: 15px; font-size: 14px; line-height: 75px;}
#header .mnav a:hover{text-decoration: underline;}
/*footer*/
#footer{background-color: #fff; padding: 30px 0;}
#footer p{ line-height: 30px; text-align: center; color: #999; font-size: 14px;}
#footer p a{color: #999;}
#footer p span{ margin: 0 5px; }
/*banner*/
.banner{min-width:1200px; height: 266px; background:#00071a url("../images/banner.jpg") no-repeat center;}
/*main*/
#main{background-color: #f4f7f7; padding: 40px 0;}

/**********public start**********/
/*第一种标题*/
#main h2.fh2{ height: 20px; margin-bottom: 30px; margin-top: 40px; color: #323232; text-align: center;border-bottom: 1px solid #D1D1D1;}
#main h2.fh2 span.tit{display: inline-block;  margin-top: 9px; padding: 0 36px; font-size: 26px; background-color: #F4F7F7;}
#main h3.fh31{ height: 20px; line-height: 20px; margin-bottom: 10px; padding-left: 10px;  border-left: 4px solid #cd0000;font-size: 20px; color: #464646;}
p{ line-height: 28px; color: #666;}

#main h3.fh3{height: 11px; border-bottom: 1px solid #D1D1D1; margin-bottom: 15px;}
#main h3.fh3 em{ display: inline-block; border-left: 4px solid #cd0000; padding-left: 10px; padding-right: 20px; font-size: 20px; background-color: #f4f7f7; font-style: normal;}
/*public floor2,floor3*/
.state .f2-switch{ height: 50px; line-height: 50px; background-color: #323232;}
.state .f2-switch span{ float: left; width: 600px; height: inherit; font-size: 16px; text-align: center; color: #fff; cursor: pointer;}
.state .f2-switch span.active{background-color: #cd0000;}
.state .f2-cons{ background-color: #fff; padding: 20px;}
.f34-pany span{font-weight: bold; color: #666; vertical-align: bottom;}
.f2-cons .con li{ border-bottom: 1px dashed #c9c9c9; padding: 10px 0;}
h4{font-size: 16px; color: #cd0000; padding-left: 20px; font-weight: bold; background: url(../images/icon02.jpg) no-repeat 0 4px;}		
/**********public end**********/
/*导语*/
.lead{padding-left: 137px; background:url("../images/icon01.jpg") no-repeat 0 35px;}
/*floor1*/
.charac-list li{float: left; width: 128px; height: 128px; line-height: 128px; margin: 0 36px; text-align: center; font-size: 28px; color: #fff; border-radius: 100%; background-color: #91c942; box-shadow: 0 0 3px #999;}
.charac-list li:nth-child(2n){background-color: #00ac86;}
.floor1 .img-txt img{margin-right: 100px;}
#main .img-txt .tit{font-size: 18px; color: #cd0000; margin-bottom: 10px;}
table{ width: 100%; border-collapse: collapse; color: #111; border: 1px solid #878787; }
table td{height: 30px; border: 1px solid #A9A7B5; padding:10px 0 10px 20px; line-height: 22px; color: #666;}				
table tr td.t_col{color: #cd0000; font-weight: bold;}
table tr:nth-child(2n){background-color: #ececec;}
.field{ text-align: center;}
.field ul{margin-right: -15px;}
.field li{ display: inline-block; width: 253px; height: 90px; padding: 15px; margin-right: 15px; border: 1px solid #d2d2d2; background-color: #fff; text-align: left; border-radius: 3px;}
.field p{line-height: 22px;}

/*floor3*/
.floor3 .img-txt p{line-height: 27px;}		
.f32-lists{ width: 738px; margin: 30px auto 10px;}
.f32-lists li{float: left; width: 140px; margin: 0 3px;}
.f32-lists li a{ color: #999; height: 112px; background-color: #333; padding: 0 10px;}
.f32-lists li:hover a{background-color: #cd0000; color: #fff; font-weight: bold; }
.f3-type{ background-color: #fff; border: 1px solid #d2d2d2;}
.f3-type .f3-t-nav{ height: 38px; line-height: 38px; background: url(../images/f3-bg.png) repeat-x; border-bottom: 1px solid #d2d2d2;}
.f3-type .f3-t-nav li{position: relative; top:1px; float: left; padding: 0 20px; cursor: pointer;}
.f3-type .f3-t-nav li.active{ background-color: #fff; color: #cd0000; border-right: 1px solid #d2d2d2;}
.f3-type .f3-t-cons .con{padding: 30px 20px 20px 30px;}
.f3-t-cons .con span{float: left; height: 114px; width: 1px; background-color: #d2d2d2; margin: 0 30px;}
.f33-lists{padding-left: 79px;}
.f33-lists li{ float: left; width: 180px; height: 180px; border-radius: 100%; margin: 20px 40px; background-color: #ffa600; transition: all .3s;}
.f33-lists li a{display: block; height: 112px; padding: 68px 15px 0; text-align: center; color: #fff;}
.f33-lists li:nth-child(2){ background-color: #91c942;}
.f33-lists li:nth-child(3){ background-color: #d2367f;}
.f33-lists li:nth-child(4){ background-color: #00ac86;}
.f34-pany .f34-navs{border-bottom: 1px solid #d2d2d2;}
.f34-pany .f34-navs span{ float: left; height: 35px; line-height: 35px; padding: 0 15px; cursor: pointer;}
.f34-pany .f34-navs span.active{ background-color: #dcdcdc;}
.f34-cons-list ul{padding-left: 30px; border-left: 1px solid #cfcfcf;}
.f34-cons-list li:nth-child(1){padding-top: 0;}
.f34-cons-list li i{display: inline-block; width: 16px; height: 16px; background: url("../images/icon03.jpg") no-repeat; margin-left: -38px; padding-right: 22px; vertical-align: -2px;}
.f35-cons .f35-l{width: 710px; margin-right: 60px;}

.f33-lists li:hover{box-shadow: 0 0 10px #333;}

/*floor4*/
.f41-lists{margin-right: -24px; text-align: center;}
.f41-lists li{ float: left; width: 282px; height: 80px; margin-right: 24px; background-color: #fff;}
.f41-lists li a{ height: 80px;}
.f41-lists li a:hover{background-color: #cd0000; color: #fff;}
.f42-lists li{float: left; width: 134px; height: 199px; margin: 0 33px;}
.f42-lists li.single{background: url(../images/f41-bg.jpg) no-repeat;}
.f42-lists li.double{background: url(../images/f42-bg.jpg) no-repeat;}
.f42-lists li a{display: block; padding: 45px 20px 0; text-align: center; color: #fff;}

/*floor5*/
.floor5 .f5-list{ height: 228px; margin-right: -24px;}
.floor5 dl{ float: left; width: 384px; margin-right: 24px; margin-bottom: 24px;}
.floor5 dl dt{ float: left; margin-right: 10px; padding: 1px; border: 1px solid #d2d2d2;}
.floor5 dl dd{ line-height: 26px; width: 210px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.floor5 dl dd strong{display: inline-block; margin-bottom: 10px; font-weight: bold; font-size: 16px;}
.floor5 dl dd i{ display: inline-block; width: 5px; height: 9px; background: url(../images/icon04.png) no-repeat;}		

/*floor6*/
.f6-lists{margin-right: -20px;}
.f6-lists li img{ border: 1px solid #d2d2d2; padding: 1px;}
.f6-lists li{ float: left; width: 283px; margin-right: 20px;}
.f6-lists li p a{display: inline-block; width: 168px; cursor: pointer;}

/*floor7*/
.f7-lists{position: relative; height: 242px; background: url(../images/f7-bg.jpg) no-repeat center;}
.f7-lists a{ position: absolute; width: 98px; text-align: center;}
.f7-lists a.f7-1{ top: 70px; left: 218px;}
.f7-lists a.f7-2{ top: 99px; left: 372px;}
.f7-lists a.f7-3{width: 106px; top: 125px; left: 546px; color: #CD0000; font-weight: bold;}
.f7-lists a.f7-4{ top: 110px; right: 381px;}
.f7-lists a.f7-5{ top: 68px; right: 225px;}
.f7-lists a:hover{color: #CD0000;}
.middle-box{display: table; height: 112px; width:400px; margin:0 auto; position:relative;}
.middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%; text-align:center;}
/*左侧导航栏*/
.r_bar{width: 157px;background-color: #fff; position: fixed;right:0; top: 265px; border:1px solid #d6d6d6;}
.r_bar ul li{width: 157px; height: 36px; line-height: 36px; text-align: center; border-bottom: 1px dashed #cecece;}
.r_bar ul li:hover a{ color: #ea0000;}
.r_bar ul li.active{background-color: #ea0000;}
.r_bar ul li.active a{ color: #fff;}
.r_bar ul li a{color: #666; display: block;}
.r_bar .bar_top{cursor: pointer; height: 48px; background:#323232 url("../images/top.jpg") no-repeat center;  display: block;}