﻿/*公共样式*/
html {-webkit-text-size-adjust:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,span{padding:0;margin:0;}
body{font:normal 14px/1.5 "Microsoft Yahei","冬青黑体简体中文 w3","宋体"; }
ol,ul,li{list-style:none;}
em,i{font-weight:normal;font-style:normal;font-size:100%;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;font-size:100%;}
.clearfix{*zoom:1;}
.clearfix:after{content:"."; display:block;clear:both;visibility:hidden;line-height:0;height:0;}
a{color:#333;text-decoration:none;-webkit-transition: all .2s linear;transition: all .2s linear;}
a:hover{color: #d7000f; text-decoration: underline;}
input,button,select{outline:0;font-size:inherit;line-height:inherit;color:inherit;font-family:inherit;}
img{vertical-align:middle; display: inline-block; border:none;}
.fl{float: left;}
.fr{float: right;}
.center{text-align: center;}
.w1200{width: 1200px; margin: 0 auto;}
h2,h3{font-weight: normal;}
.bg1{background-color: #fff;}
.border1{border:1px solid #e5e5e5;}
.mt30{margin-top: 30px;}
.none{display: none;}
.mt45{margin-top: 45px;}
.mb8{margin-bottom: 8px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mr20{margin-right: 20px;}
.ml20{margin-left: 20px;}
.m30{margin: 30px 0;}
.mr10{margin-right: 10px;}

.font20{font-size: 20px!important;}

.pt10{padding-top: 10px;}
.col9{color: #999;}
.col6{color: #666;}
.cold7{color: #d7000f;}
.f41-lists{margin-right: -24px; text-align: center;}
.f41-lists li{width: 282px; margin-right: 24px; float: left; background-color: #fff; text-align: center;}
.f41-lists li a{display: table-cell; height: 80px;width: 282px; line-height: 22px;padding: 0 20px; vertical-align: middle;}
.f41-lists li a:hover{background-color: #cd0000; color: #fff; text-decoration: none;}
.f7f-list{width: 924px; margin: 20px auto;}
/*header*/
.color8011 {color: #e80011;}
#header{height: 80px; background: #fff; }
#header .cd_logo{margin-top: 10px;}
#header .mnav a{ float: left; margin-left: 15px; font-size: 14px; line-height: 84px;}
#header .mnav a:hover{text-decoration: underline;color: #e80011;}
/*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: 340px; background: url("../images/banner.jpg") no-repeat center;background-size: cover;}
/*main*/
#main{background-color: #f7fafa; padding-bottom: 20px; overflow: hidden;}
/*第一种标题*/
#main h1.fh2{ border-bottom: 1px solid #D1D1D1; height: 20px; margin-bottom: 35px; margin-top: 50px; text-align: center;}
#main h1.fh2 span.tit{display: inline-block; font-size: 26px; margin-top: -2px; padding: 0 36px; background-color: #f7fafa;}
h2.fh2,h3.fh3{color: #323232;}
#main p{color: #666;line-height: 26px;}
a.smore{color: #999;}
a.smore:hover{color: #d7000f;}
.f-fh3{ border-bottom:1px solid #c6c6c6; height: 15px; font-size: 20px;}
.f-fh3 i{position: relative; top: 3px; display: inline-block; height: 20px; border-left: 3px solid #cd0000;}
.f-fh3 span{background-color: #f7fafa; padding-right: 10px; display: inline-block; padding-left: 8px; }
.f-first-fh3{border-bottom:0;}

/*****第二部分*****/
/*一级导航*/
.f2_nav{ height: 50px; line-height: 50px; }
.f2_nav span{ float: left; width: 600px; text-align: center; color: #fff; cursor: pointer;background-color: #323232;}
.f2_nav span.bg357{background-color: #cd0000;}
ul.com_list{ margin-right: -20px;}
ul.com_list li{ float: left; width: 590px; margin-right: 20px; margin-bottom: 20px;}
ul.com_list li .s_pany{height: 42px; line-height: 42px; padding: 0 15px; color: #333; font-weight: normal;}
ul.com_list li .s_pany span{margin-right: 5px; margin-top: -4px; color: #999;}
ul.com_list li .s6_con{ padding: 15px; line-height: 26px; margin-top: 3px;border:1px solid #e5e5e5; overflow: hidden;}
ul.com_list li .s6_con a:hover{color: #d7000f; text-decoration: underline;}
ul.com_list li h3{border:1px solid #e5e5e5;}

.w248{width: 248px;}
.bgec td{background-color: #ececec!important;}
.cf_table{width: 100%; border-collapse: collapse;}
.cf_table td{text-align: left; height: 42px; padding-left: 32px; border: 1px solid #d4d4d4; background-color: #fff;}
/*产品切换*/
.c-pany-con{border:1px solid #d4d4d4; background-color: #fff;}
.c-pany-con ul{ background-color: #edefef; margin-top: 1px;}
.c-pany-con li{float: left; width: 119px; height: 48px; cursor: pointer;}
.c-pany-con li span{display: block; height: 20px; line-height: 20px; margin-top: 14px; text-align: center; border-right: 1px solid #c3c5c5;}
.c-pany-con li.active{background-color: #fff; color: #d7000f; font-weight: bold;}
.c-pany-con li.active span{border-right: 0;}
.pany-con{padding:55px 45px;}
.pany-con .p-info{width: 660px; height: 250px; padding-left: 45px; margin-left: 45px; border-left:1px solid #ebebeb;}
.pany-con .p-info h4{font-size: 20px; color: #d7000f; font-weight: bold; margin: 10px 0 30px;}
.info-more{display: inline-block; height: 20px; line-height: 20px; padding: 0 10px; border:1px dashed #dadada; font-size: 12px;}
.info-more:hover{color: #d7000f; font-weight: bold;}
.c-trend .pany-con{padding: 20px;}
.c-trend .pany-con .p-info{width: 500px;}
.c-trend .pany-con .p-info h4{font-weight: 200; font-size: 16px; margin: 0 0 20px;}

/*表格*/
.pl60{padding-left: 60px;}
.apply-table{width: 100%; border-collapse: collapse; background-color: #fff; margin-top: 20px;}
.apply-table td,.apply-table th{border: 1px solid #666; height: 48px;}
.apply-table th{background-color: #323232; color: #acacac;}

.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 ul li a:hover{text-decoration: none;}
.r_bar .bar_top{cursor: pointer; height: 48px; background:#323232 url("../images/top.jpg") no-repeat center;  display: block;}