/*重置*/
*{margin:0;padding:0;}
html,body,h1,h2,h3,h4,ul,li,ol,dl,dt,dd,p,form,img,fieldset,legend,table{margin:0; padding:0;}
a{text-decoration:none!important;color: #333;font: 16px/30px "微软雅黑";}
ul,li{list-style:none;}
img{border:none;}
h1,h3,h4,h2,h5,h6,b,strong{font-weight:100;}
i,em{font-style:normal;}
html,body{font: 16px/30px "微软雅黑";height: 100%;color: #333333;background: #f6f6f6;}
.fl{float: left;}
/* .fr{float: right;} */
.hidden{display: none;}
.show{display: block;}
.mr-l5{margin-left: 5px;}
.mr-l10{margin-left: 10px;}
.mr-l20{margin-left: 20px;}
.mr-l30{margin-left: 30px;}
.mr-r5{margin-right: 5px;}
.mr-r10{margin-right: 10px;}
.mr-r20{margin-right: 20px;}
.mr-r30{margin-right: 30px;}
.c{cursor: pointer;}
.cut{
	overflow: hidden;/*内容超出后隐藏*/
	text-overflow: ellipsis;/* 超出内容显示为省略号*/
	white-space: nowrap;/*文本不进行换行*/
}
.em2{
	text-indent: 2em;
}
.h30 {
    width: 100%;
    height: 30px;
}
.h20 {
    width: 100%;
    height: 20px;
}
.clearfix:after { content: ''; display: table; clear: both; }
.clearfix { *zoom: 1; }
/*nav*/
.navbox{
	width: 100%;
	height: 80px;
	background: #fff;
    position: relative;
    z-index: 3;
}
.nav {
/* 	width: 1200px; */
	height: 80px;
	background: #fff;
	margin: 0 auto;
	padding-right:0px;
}
.nav .logo {
/*     width: 190px; */
    height: 80px;
    background: #fff;
    line-height: 80px;
}
.nav .logo a {
    display: block;
/*     width: 180px; */
    height: 60px;
    margin-top: 4px;
}
.nav .logo a img{height:60px;}
/* .nav .navlist{ */
/* 	margin-left: 20px; */
/* } */
.nav .navlist ul{
	line-height: 74px;
/* 	height:74px; */
	overflow:hidden;
	margin-top: 3px;
}
.nav .navlist ul li {
    padding: 0 19px;
}
.nav .navlist ul .nav1-list:hover{
	border-bottom: 3px solid #c73e3e;
}
.nav .navlist ul .nav1-list:hover .nav1-tit{
	color: #db4532;
}
.nav .navlist ul li .nav1-tit{
	color: #000;
    /*font-weight: 700;*/
}
.nav .navlist ul li .down-list{
	display: inline-block;
    background: url(../img/icon1.png) no-repeat right;
    background-size: 8px;
    padding-right: 15px;
}
.nav .navlist ul li:hover .down-list{
    background: url(../img/icon11.png) no-repeat right;
}
.nav .navlist .tel {
	margin-left:15px;
	width: 174px;
/* 	float:right; */
/* 	height: 80px; */
    line-height: 80px;
    color: #db4532;
    font-size: 18px;    
    font-weight: 700;
/*     background: url(../img/icon22.png) no-repeat 12px center; */
/*     border-left: 1px solid #e5e5e5; */
}
.nreg a{
    font-weight: bold;
    color: #666;
    line-height: 80px;
    font-size: 14px;
}
.nreg span{
background: url(../img/nreg.png) no-repeat left center;
display: inline-block;
width: 16px;
height: 16px;
margin: 0 4px -2px 0;
}
.nreg a:hover{
    color: #f63b2e;
}
/*二级导航*/
.nav .nav2-list:hover .nav2box{
	display: block;
}
.nav2box {
	display: none;
    width: 100%;
/*     height: 105px; */
    /*border-bottom: 1px solid #dfdfdf;*/
    border-top: 1px solid #dfdfdf;
    background: #fff;
    position: fixed;
    top: 80px;
    left: 0;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    z-index: 9;
}
.nav2 {
/*     width: 1200px; */
/*     height: 102px; */
    background: #fff;
    margin: 0 auto;
}
/*二级资讯*/
.zx{
    line-height: 80px;
    text-align: center;
}
.nav .navlist ul .nav2 li {
    margin: 16px 15px 10px;
    display: inline-block;
    line-height: 60px;
}
.zx li dt{
	width: 45px ;
	height: 45px;  
	margin: 0 auto;
}
.zx .zx1 dt{
/* 	background: url(../img/zx1.png) no-repeat  center; */
	-webkit-filter: grayscale(100%);   
  	-moz-filter: grayscale(100%);  
   	-ms-filter: grayscale(100%);   
  	-o-filter: grayscale(100%);   
     filter: grayscale(100%); 
	filter: gray;
	opacity:0.4;
	filter:alpha(opacity=40);	
}
.zx .zx1:hover dt{
/* 	background: url(../img/zx11.png) no-repeat  center; */
	color: #db4532;
	-webkit-filter: grayscale(0);   
  	-moz-filter: grayscale(0);  
   	-ms-filter: grayscale(0);   
  	-o-filter: grayscale(0);   
     filter: grayscale(0);
	filter: gray;
	opacity:1;
	filter:alpha(opacity=100);	
}
.zx .zx2 dt{
	background: url(../img/zx2.png) no-repeat  center;
}
.zx .zx2:hover dt{
	background: url(../img/zx22.png) no-repeat  center;
	color: #db4532;
}
.nav2 li  dd {
	font-size: 14px;
	color: #999;
}
.nav2 li:hover dd {
	color: #db4532;
}

/*二级产品&方案*/
.cp{
    line-height: 80px;
    text-align: center;
}
.cp li dt{
	width: 45px ;
	height: 45px;    
	margin: 0 auto;
}
.cp .cp1 dt{
	background: url(../img/cp1.png) no-repeat  center;
}
.cp .cp1:hover dt{
	background: url(../img/cp11.png) no-repeat  center;
	color: #db4532;
}
.cp .cp2 dt{
	background: url(../img/cp2.png) no-repeat  center;
}
.cp .cp2:hover dt{
	background: url(../img/cp22.png) no-repeat  center;
	color: #db4532;
}
.cp .cp3 dt{
	background: url(../img/cp3.png) no-repeat  center;
}
.cp .cp3:hover dt{
	background: url(../img/cp33.png) no-repeat   center;
	color: #db4532;
}
.cp .cp4 dt{
	background: url(../img/cp4.png) no-repeat  center;
}
.cp .cp4:hover dt{
	background: url(../img/cp44.png) no-repeat  center;
	color: #db4532;
}
.cp .cp5 dt{
	background: url(../img/cp5.png) no-repeat  center;
}
.cp .cp5:hover dt{
	background: url(../img/cp55.png) no-repeat  center;
	color: #db4532;
}
.cp .cp6 dt{
	width: 63px;
	background: url(../img/cp6.png) no-repeat ;
}
.cp .cp6:hover dt{
	background: url(../img/cp66.png) no-repeat ;
	color: #db4532;
}
.cp .cp7 dt{
	background: url(../img/cp7.png) no-repeat  center;
background-size: 85%;
}
.cp .cp7:hover dt{
	background: url(../img/cp77.png) no-repeat  center;
background-size: 85%;
	color: #db4532;
}
.cp .cp8 dt{
	background: url(../img/cp8.png) no-repeat  center;
background-size: 85%;
}
.cp .cp8:hover dt{
	background: url(../img/cp88.png) no-repeat  center;
background-size:85%;
	color: #db4532;
}






/*二级大赛*/
.ds{
    line-height: 80px;
    text-align: center;
}
.ds li dt{
	width: 58px ;
	height: 45px;    
	margin: 0 auto;
}
.ds .ds1 dt{
	background: url(../img/ds1.png) no-repeat  center;
}
.ds .ds1:hover dt{
	background: url(../img/ds11.png) no-repeat  center;
	color: #db4532;
}
.ds .ds2 dt{
	background: url(../img/ds1.png) no-repeat  center;
}
.ds .ds2:hover dt{
	background: url(../img/ds11.png) no-repeat  center;
	color: #db4532;
}
.ds .ds3 dt{
	background: url(../img/ds2.png) no-repeat  center;
}
.ds .ds3:hover dt{
	background: url(../img/ds22.png) no-repeat   center;
	color: #db4532;
}
.ds .ds4 dt{
	background: url(../img/ds2.png) no-repeat  center;
}
.ds .ds4:hover dt{
	background: url(../img/ds22.png) no-repeat  center;
	color: #db4532;
}
/*二级服务*/
.fw{
    line-height: 80px;
    text-align: center;
}
.fw li dt{
	width: 45px ;
	height: 45px;    
	margin: 0 auto;
}
.fw .fw1 dt{
	background: url(../img/fw1.png) no-repeat  center;
}
.fw .fw1:hover dt{
	background: url(../img/fw11.png) no-repeat  center;
	color: #db4532;
}
.fw .fw2 dt{
	background: url(../img/fw2.png) no-repeat  center;
}
.fw .fw2:hover dt{
	background: url(../img/fw22.png) no-repeat  center;
	color: #db4532;
}
.fw .fw3 dt{
	background: url(../img/fw3.png) no-repeat  center;
}
.fw .fw3:hover dt{
	background: url(../img/fw33.png) no-repeat   center;
	color: #db4532;
}
/*二级关于我们*/
.gy{
    line-height: 80px;
    text-align: center;
}
.gy li dt{
	width: 45px ;
	height: 45px;    
	margin: 0 auto;
}
.gy .gy1 dt{
	background: url(../img/gy1.png) no-repeat  center;
}
.gy .gy1:hover dt{
	background: url(../img/gy11.png) no-repeat  center;
	color: #db4532;
}
.gy .gy2 dt{
	background: url(../img/gy2.png) no-repeat  center;
}
.gy .gy2:hover dt{
	background: url(../img/gy22.png) no-repeat  center;
	color: #db4532;
}
.gy .gy3 dt{
	background: url(../img/gy3.png) no-repeat  center;
}
.gy .gy3:hover dt{
	background: url(../img/gy33.png) no-repeat   center;
	color: #db4532;
}
.gy .gy4 dt{
	background: url(../img/gy4.png) no-repeat  center;
}
.gy .gy4:hover dt{
	background: url(../img/gy44.png) no-repeat  center;
	color: #db4532;
}

/*footer*/
.footerbox{
	height: 335px;
	width: 100%;
	background: #333333;
	color: #7e7e7e;
}
.footer {
	height: 310px;
/* 	width: 1200px; */
	margin: 0 auto;
	background: #333333;
	font-size: 14px;
}
.footer  a{
	color: #7e7e7e;
	font-size: 14px;
}
.footer  a:hover{
	color: #ccc;
}
.footer .footer-top {
    padding: 25px 0px;
/* width:1200px; */
}
.footer .footer-top div{
	padding:0 50px;
}
.footer .footer-top .t1{
	text-align: center;
	line-height: 40px;
}
.footer .footer-top .t1 dt{
	height: 46px;
}
.footer .footer-top .t1-line{
	color: #cccccc;
}
.footer .footer-top .t1-tel {
    color: #cccccc;
    font-size: 26px;
    height: 40px;
    width: 100%;
    background: url(../img/footer-tel.png) no-repeat center;
}
.footer .footer-top .t2{
	text-align: left;
	line-height: 24px;
	border-left: 1px solid #484848;
	border-right: 1px solid #484848;
}
.footer .footer-top .t2 ul {
    margin: 0 24px;
    min-width: 60px;
}
.footer .footer-top .t2 ul li{
	height: 26px;
}
.footer .footer-top .li-tit {
    color: #ccc;
}
.footer .footer-top .t3{
	padding: 0;
	margin: 30px 40px 0 40px;
}
.footer .footer-top .t3 dt{
	text-align: center;
}
.footer .footer-bottom{
	width: 100%;
	height: 48px;
	line-height: 48px;
	border-top: 1px solid #484848;
}
/*右侧QQ，公众号，返回顶部*/
.tips {
    background: transparent;
    width: 66px;
    height: 304px;
    color: #666;
    font-size: 12px;
    text-align: center;
    position: fixed;
    bottom: 10%;
    right: 1%;
    z-index: 9999;
}
.tips li {
    margin-bottom: 2px;
    padding: 15px 0 10px 0;
    background: #fff;
    position: relative;
}
.tips li:hover {
    background: #db4532;
    cursor: pointer;
    color: #fff !important;
}
.tips li p{
	width: 100%;
	height: 25px;
	margin:0px;
	line-height: 25px;
}

.tips .icon-acount{
	background: url(../img/flex/h_acount.png) no-repeat center;
}
.tips li:hover  .icon-acount{
	background: url(../img/flex/h_acountx.png) no-repeat center;
}
.tips .icon-ai{
	background: url(../img/ai2.png) no-repeat center;
}
.tips li:hover  .icon-ai{
	background: url(../img/ai1.png) no-repeat center;
}
.tips .icon-qq{
	background: url(../img/QQ.png) no-repeat center;
}
.tips li:hover  .icon-qq{
	background: url(../img/QQw.png) no-repeat center;
}
.tips .icon-wx{
	background: url(../img/gz.png) no-repeat center;
}
.tips li:hover  .icon-wx{
	background: url(../img/gzw.png) no-repeat center;
}
.tips .icon-old{
	background: url(../img/old.png) no-repeat center;
}
.tips  li:hover .icon-old{
	background: url(../img/oldw.png) no-repeat center;
}
.tips .icon-top{
	background: url(../img/top.png) no-repeat center;
}
.tips  li:hover .icon-top{
	background: url(../img/topw.png) no-repeat center;
}
.tips .qqimg {
	display: none;
    width: 128px;
    height: 88px;
    background: #fff;
    position: absolute;
    top: 0;
    right: 67px;
    padding-top: 12px;
    border: 1px solid #f6f6f6;
    border-right: none;
}
.tips .wximg {
	display: none;
    width: 128px;
    height: 157px;
    background: #fff;
    position: absolute;
    top: 0;
    right: 67px;
    padding-top: 12px;
    border: 1px solid #f6f6f6;
    border-right: none;
    line-height: 20px;
    color: #666;
    font-size: 14px;
}
.tips .qq:hover .qqimg{
	display: block;
}
.tips .wx:hover .wximg{
	display: block;
}
/*中间*/
.contentbox{
	width: 100%;
	min-height: 400px;
	background: #f6f6f6;
}
#bottom-wrapper{
/*     padding-top: 20px; */
    background: #333333;
}
#bottom-wrapper ul li{
    font-size: 14px;
    color: #FFFFFF;
    line-height: 30px;
}
#bottom-wrapper>p{ 
    background: #333333;
    text-align: center;
    color: #FFFFFF;
    padding-top: 10px;
}
#bottom-wrapper a{
    color: #90e2cc;
    font-size: 15px;
    display: block;
}
