/*公共样式*/
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;}
.justify{text-align: justify;}

.font20{font-size: 20px!important;}
.font16{font-size: 16px;}

.bold{font-weight: bold;}
.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;}
.mt36{margin-top: 36px;}
.first-info{background-color: #fff; padding: 30px 20px 30px 10px;}
.first-info img{vertical-align: top;}
.h-tit{height: 50px;}

p{line-height: 28px;}

.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;}
/*产品切换*/
ul.pany-nav{margin-top: 1px;}
.pany-nav li{float: left;  height: 48px; line-height: 48px; font-size: 16px; cursor: pointer;}
.pany-nav li.active{ color: #fff; }
.pany-con{padding:25px 50px; background-color: #fff; margin-top: 20px;}
.pany-con .p-info{width: 558px;  padding-left: 56px;height: 220px; margin-left: 56px; border-left:1px solid #ebebeb;}
.pany-con .p-info p.info{text-align: justify; height: 173px; line-height: 24px; margin-bottom: 10px; overflow: hidden;}

.w616{width: 616px;}
.w739{width: 739px;}
.sec2 .teach-con .pany-nav li{padding: 0 20px;}
.teach-con .pany-nav {border-bottom: 3px solid #d5d5d5; padding-bottom: 10px;}
.teach-con .pany-nav li.active{background: #ffa600;}


.pany-con-case{border:1px solid #d4d4d4; background-color: #fff;}
.pany-con-case ul{ background-color: #edefef; margin-top: 1px;}
.pany-con-case li{float: left; width: 133px; height: 48px; cursor: pointer;}
.pany-con-case li span{display: block; height: 20px; line-height: 20px; margin-top: 14px; text-align: center; border-right: 1px solid #c3c5c5;}
.pany-con-case li.active{background-color: #fff; color: #d7000f; font-weight: bold;}
.pany-con-case li.active span{border-right: 0;}
.pany-con-case .pany-con{padding:23px 45px 45px;}
.pany-con-case .pany-con .p-info{width: 660px; height: 250px; padding-left: 43px; margin-left: 45px; border-left:1px solid #ebebeb;}
.pany-con-case .pany-con .p-info h4{font-size: 20px; color: #d7000f; font-weight: bold; margin: 10px 0 30px;}

.line-pany-con .pany-nav li{padding: 0 25px;}
.line-pany-con .pany-nav li.active{ background: #0088e4;}
.line-pany-con .pany-con{padding: 25px;}
.line-pany-con .p-info{width: 672px; padding-left: 25px;  margin-left: 25px;}


.teach-proxy{text-align: center;font-size: 0;}


.teach-proxy a{display: inline-block; background-color: #fff;}
.teach-proxy a span{ display: table; height: 110px;font-size: 14px;}
.teach-proxy a span i{display: table-cell; vertical-align: middle;}
.teach-proxy a:hover{background: #cc2a1e; color: #fff; text-decoration: none;}

.teach-app-con a{ width: 272px; height: 110px; margin: 0 40px 20px;}
.teach-app-con a span{ height: 110px;}
.teach-app-con a span{ padding: 0 40px; }
.proxy-con a{width: 200px; height: 200px; background: #00b24c; color: #fff; border-radius: 50%; margin: 0 40px;}
.proxy-con a span{ height: 100%;}
.proxy-con a span{ padding: 0 15px; line-height: 30px;}

/* 本例子css */
.slideBox{ width:386px; height:260px; padding: 10px 30px; overflow:hidden; position:relative; border:1px solid #ddd;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:1%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:#000 url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:1%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }