* {
    margin: 0;
    padding: 0;
    font-family: "微软雅黑";
    color:#3a3939;
    font-size:14px;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
    transition: .2s ease;
}



a:hover{ color: #00ffff; }

html{ background: #f7f7f7; }

input,
button {
    border: none;
}

input:focus,
button:focus {
    outline: none;
}

img{ border:none; display: block;  }
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 2;
    color: #000;
}

.f-l {
    float: left;
}
.f-r {
    float: right;
}

.clear{ clear: both;}
.oh{ overflow: hidden;}
.p-r{ position: relative; }
.p-a{ position: absolute; }
.t-c{ text-align: center;  }
.t-r{ text-align:right; }
.block{ display: block;  }
.d-ib{ display: inline-block;}
.va-m{ vertical-align: middle; }
.red{ color:#cd0500; }
.graycolor{ color: #9d9d9d;  }
.graybg{ background: #f4f4f4;  }
.t-indent2em{ text-indent:2em; }
.fs30{ font-size: 30px;  }
.fs20{ font-size: 20px;  }
.fs18{ font-size: 18px;  }
.fs12{ font-size: 12px; line-height:1.5;  }
.fs14{ font-size: 14px;  }
.fs16{ font-size: 16px;  }
.fs26{ font-size: 26px;  }
.auto{ margin-left:auto; margin-right: auto;}
.m15{ margin:15px;}
.mt15{ margin-top:15px; }
.mr15{ margin-right:15px; }
.mb15{ margin-bottom:15px; }
.ml15{ margin-left:15px; }
.m20{ margin:20px; }
.mt20{ margin-top:20px;}
.ml20{ margin-left:20px;}
.mr10{ margin-right:10px;}
.mr20{ margin-right:20px;}
.mb20{ margin-bottom:20px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.pr10{ padding-right: 10px; }
.pl10{ padding-left:10px; }
.p20{ padding:20px;}
.pt20{ padding-top:20px;}
.pl20{ padding-left:20px;}
.pr20{ padding-right:20px;}
.pb20{ padding-bottom: 20px;}
.pt120{ padding-top:120px;}
.mb70{ margin-bottom: 70px; }
.mb50{ margin-bottom:50px; }
.f-n{ font-weight: normal;  }
.fn-b{ font-weight: bold;}
.fn-br{ font-weight: bolder; }



select {
/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
border: solid 1px #9d9d9d;
/*很关键：将默认的select选择框样式清除*/
/*appearance:none;
-moz-appearance:none;
-webkit-appearance:none;*/
/*将背景改为红色*/
background:none;
color:#9d9d9d;

}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }

.breadcrumb{ color: #7e7e7e; line-height:20px;}
.breadcrumb a{ font-size:14px; color: #7e7e7e; }
.container{ width: 1200px; margin-left:auto; margin-right: auto;}
.bg-white{ background: white;}

.icon{ background-image: url(../images/icon.png); overflow: hidden; display: block; float: left; }


/*header*/
header{ background: #fff; padding:23px 0 22px; }
header .search-box { margin:15px 60px 15px 140px;  }
header .search-box input{ display: block; width: 255px; height:28px; padding-left:8px; border:1px solid #00ccca; box-shadow: inset 0 0 1px #00ccca;  }
header .search-box button{ display: block; width:60px; height:30px; line-height: 30px; font-size: 16px; color: #fff; background: #00ccca;}
header .qq{ width:200px; margin-top:9px; line-height: 1; }
header .reg-box{ width:200px; line-height: 30px;}
header .reg-box>div{margin:15px;}
header .reg-box .icon{ width:30px; height: 30px; margin-right:5px; display: block;}
header .reg-box .icon-denglu{ background-position:-30px 0;}


nav{ background: #00ccca; height: 50px;}
nav li{ display: inline-block; padding:15px 0;}
nav li:last-child a{border:none}
nav li.on { border-bottom:3px solid #fff; height:17px;  }
nav a{ color: #fff; font-size: 18px; line-height:20px; display: block; padding:0 30px;  border-right:1px solid #fff;}
nav img{ display: inline-block; vertical-align: middle; margin-left:10px; margin-right:3px; }

.banner{ width:100%; }
.banner .bd{ width:100%; }
.banner li{ height: 450px; text-align: center; width:100%; overflow: hidden;}
.banner li a{ display: block; width: 100%; height: 450px; }

.title{ height:40px; line-height:40px; font-size: 18px; color: #4c4948; margin-top:26px; }
.title-line{ border-left:6px solid #00ccca; padding-left:15px; }
.title-bottom{ border-bottom:1px solid #d7d7d7;}

.item{ margin-top:15px; padding:15px; box-shadow:0 0 5px rgba(0,0,0,.2); background: #fff; }
.item .item-t{ font-size:14px; line-height:40px; line-height:40px;}
.item .item-t span{ font-size:18px; color: #fff; background: #00ccca; display: block; width:112px; text-align: center; }
.item .item-t .icon-arrow{ width:15px; height:15px; margin-top:12px; float: right; background-position:0 -56px;}
.item .item-t a{ display: block; width:50px; color: #767676; }

.item dl{ margin-top:15px;}
.item dt{ margin-right:15px; width:170px; height: 125px; overflow: hidden; }
.item dl img{ transition: all .3s linear; }
.item dl:hover img{ transform:scale(1.1);}



.item .detail h4{ color: #4c4948; line-height:1.2; transition: all .3s linear; }
.item .detail .time{ color: #979797; line-height:2.7; }
.item .detail p{ color: #4c4948; line-height:1.6; }
.item dl:hover .detail h4{ color: #00ccca; }

.item .item-list{ margin-top:15px;}
.item .item-list .time{ color: #979797; }
.item .icon-sanjiao{ background-position:0 -30px; width:13px; height:13px; margin-right:8px; transition: all .2s linear; }
.item .item-list a{ display: block; font-size:14px; line-height:14px; padding:10px 0; transition: all .2s linear; }
.item .item-list a:hover{ color: #00ccca; }
.item .item-list a:hover .icon-sanjiao{ background-position:-14px -30px; }


.item1,.item2,.item3{ width:356px; float: left; margin-right:20px; }

.item3{ margin-right:0; }

.info-list{ width:370px; margin-top:15px; text-align: center; line-height:26px;  }
.info-list li{ width:23%; margin-right:2%; float: left;}
.info-list li a div{ transition: all .1s linear; }
.info-list li a:hover div{ color: #00ccca; }







.inner-banner{ width:100%; }

.contactus .us-info{ padding-left:35px; margin-top:20px; border-radius:5px; line-height:1; padding-top:10px;padding-bottom:10px;  }
.contactus .us-info img{ margin-right:10px;}
.contactus .us-info p{color: #fff;}

.contactus .tel{ background: #ff8d00;}
.contactus .qq{ background: #00ccca;}

.item4{ width:280px; float: left; margin-right:20px; }
.item5{ width:500px; float: left; margin-right:20px; }
.item6{ width:290px; float: left; }
.us-list{ margin-bottom:5px;}
.us-list li{ width:50%; float: left; line-height: 60px; font-size: 14px; position: relative; margin-top:20px; cursor: pointer;  }
.us-list li .code{ position: absolute; left:0; bottom:60px; z-index:100; box-shadow:0 0 10px rgba(0,0,0,.5); opacity: 0; transition: all .2s linear; pointer-events:none;  }
.us-list li:hover .code{ opacity:1; transform: translateY(-10px); }
.us-list li>img{ margin-right:10px;}

.hot-list li{ line-height:20px; font-size: 14px; margin:12px 0; }
.hot-list li .icon-hot{ background-position:0 -173px; width:11px; height:20px; margin-right:6px; }
.hot-list li span{ color: #da1f00; }
.hot-list li a{ line-height:1.1; text-decoration: underline; font-weight:400; transition: all .2s linear; }
.hot-list li a:hover{ color: #da1f00; }
.hot-list li:last-child{ margin-bottom:5px;}



.hot-box{ overflow: hidden; margin-top:15px; }
.hot-box li{ width:224px; float: left; padding:0 8px; text-align: center; line-height:2.4; }
.hot-box li a p{ transition: all .2s linear;   }
.hot-box li a:hover p{ opacity:.5;  }
.hot-box li img{ width:100%; }

/*inner style*/
.main-left{ width:745px; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,.2); margin-top:20px; padding:15px 42px;}
.main-left .title { line-height: 40px; margin-top: 0; }
.main-left .title span{ display: block; width: 120px; height: 40px; background: #0099CC; color: #fff; font-size:16px; text-align: center;}
.main-left .title strong{ color: #00ccca;}

.inner-t{ background: #f6f6f6; font-size:16px; margin:20px 0; line-height:40px; font-weight: bold; }
article p{ margin-bottom:20px; color: #4c4c4c; line-height:1.8; text-indent: 2em; }

article{ position: relative;  min-height:1122px;  }

article h1{ color: #4c4c4c; }

.main-left .hot-box ul{ width:120%; margin-top:15px; }
.main-left .hot-box li{ padding:0; width:247px; height:209px;  margin-right:10px; line-height:2.5; margin-bottom:10px; }
.main-left .hot-box li img{ width:232px; height:162px; }

.main-left .news-list li{ width:100%; padding:30px 0; border-bottom:1px dashed #cecece; overflow: hidden;  }
.main-left .news-list li dl,.main-left .news-list li a{ display: block; width:100%; overflow: hidden;  }
.main-left .news-list dd{ width:505px;}
.main-left .news-list dt img{ transition: all .2s linear;}
.main-left .news-list a:hover img{ transform: scale(1.1);}
.main-left .news-list a:hover h2{ color: #0099CC; }
.main-left .news-list dd .small-info{ margin-top:20px;}


.article-body{ padding:15px 0; border-top:1px dashed #cecece; margin-top:30px; border-bottom:1px dashed #cecece; }
.small-info{ width:400px; margin:0 auto; }
.small-info span{ display: block; color: #a3a2a2;}
.small-info span img{ display:inline-block; margin-right:5px; vertical-align: middle; }

.page a{ display: block; line-height:2; }

.pagelist a{ display: inline-block; font-size:14px; margin:5px; line-height:26px; }
.pagelist a.index-page,.pagelist a.last-page{ background:#00ccca; color: #fff; width:80px; height:26px; border-radius:13px;}


.share{ position: absolute; bottom:0; right:0; width:280px; overflow: hidden; line-height:30px;  }
.share a{ float: right; display: block; width:30px; height: 30px; background-image: url(../images/share.png); margin-left:5px; }
.share a.share-sane{ background-position:0 0;}
.share a.share-friend{ background-position:-30px 0;}
.share a.share-wx{ background-position:-60px 0;}
.share a.share-weibo{ background-position:-90px 0;}
.share a.share-zone{ background-position:-120px 0;}
.share a.share-qq{ background-position:-150px 0;}
.share a:hover{ background-position-y:-30px; opacity:.5; }



.main-right{ width:350px; }
.main-right .info-list{ width:330px; }
.main-right .info-list li img{ width:100%; }
.main-right .info-list li{ width:21%; margin-right: 4%; }


/*inner style end*/

footer{ background: #505050; padding-top:40px; color: #fff; margin-top:20px; }
footer h2{ border-left:2px solid #00ccca; padding-left:8px; line-height:22px; margin-left:-10px; font-size:18px; margin-bottom:24px; color: #fff; }
footer .friend-line{ width:600px; margin-left:120px;}
footer .friend-line li{ width:25%; float: left; margin-bottom:20px; }
footer .friend-line li a{ line-height:1.4; color: #fff; text-decoration: underline; }
footer .friend-line li a:hover{ color: #00ccca; }

footer .footer-contactus{ margin-left:90px; }
footer .footer-contactus p{ color: #fff; }
footer .footer-contactus p span{ color: #00ccca; font-size:20px }
footer .footer-contactus ul{ margin-top:20px;}
footer .footer-contactus li{ width:33.33%; float: left; }
footer .footer-contactus li a{ color: #fff; display: block; text-align: center; line-height:1.8;  }
footer .footer-contactus li img{ margin:0 auto;}

footer .footer-right a{ display: block; margin-bottom:15px; }

footer .copyright{ color: #fff; padding:40px 0 24px; }