@charset "utf-8";
/*全局样式*/
body{padding: 0;margin: 0;font-family: 微软雅黑;font-size:12px;color: #000;}
body.modal-open{position: fixed;width: 100%;}
div,img,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding: 0;margin: 0;border: 0;}
ul{list-style: none;}
a{text-decoration: none;color: #000;}
i,em{font-style: normal;}
img{display: block;max-width: 100%;height: auto;}
/*去掉 input 默认边框*/
input{padding: 0;border: 0;font-family: 微软雅黑;}
/*清除ios端 input,textarea 默认内阴影 默认圆角*/
input[type="text"],input[type="submit"],textarea{appearance: none;-webkit-appearance: none;border-radius: 0;}
input[type="submit"]{background-color: transparent;cursor: pointer;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
/*去掉 textarea 默认边框*/
textarea{padding: 0;border: 0;font-family: 微软雅黑;font-size: 0.24rem;}
/*去掉 button 默认边框*/
button{border: 0;padding: 0;background-color: transparent;font-family: 微软雅黑;font-size: 0.24rem;cursor: pointer;}
/*清除浮动*/
.clearfix{*zoom: 1;}
.clearfix:after{content: '';display: table;clear: both;}
/*解决chrome 浏览器，当文本框，多行文本获得焦点的时候，会有一个边框的问题*/
input,textarea{outline: none;resize:none;}
/*去掉select默认样式*/
select:focus{outline: none;}
select{appearance:none; -moz-appearance:none;-webkit-appearance:none; }
/*去掉表格自带间隙*/
table{border-collapse:collapse;}
/*常用宽度*/
.w1200{position: relative;margin: 0 auto;width: 1200px;}
.w1366{position: relative;width: 96%;margin: 0 auto;max-width: 1366px;}
.w1530{position: relative;width: 96%;margin: 0 auto;max-width: 1530px;}
*{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
/*滚动条*/
.webkitScroll{overflow-y: auto;width: 100%;height: 100%;position: relative;right: -2px;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;}
.webkitScroll::-webkit-scrollbar-button{background-color: transparent;height: 22px;}
body *::-webkit-scrollbar{height: 4px;width: 6px; background-color:transparent;background-image: url(../images/gd_bj.png);background-size:100% 100%;}
body *::-webkit-scrollbar-thumb{background-color: #fff;border-radius: 4px; display: block;}

.body{position: fixed;width: 100%;height: 100%; ;background-size: cover;background-position: center;background-repeat: no-repeat;}

/*header*/
.header{background-color: rgba(3,36,32,0.1);padding:20px 0;height: 120px;}
.header .left{float: left;font-size: 0;}
.header .left .logo{display: inline-block;vertical-align: middle;}
.header .left .logo img{width: 412px;}
.header .left .txt{position: relative;top:8px; font-size: 35px;line-height: 35px; color:#fff;display: inline-block;margin-left: 28px;vertical-align: middle; padding-left: 26px;border-left: 1px solid #fff;}
.header .right{float: right;}
.header .select{margin-top: 30px;position: relative;top:8px; padding-bottom: 12px; display: inline-block;width: 214px;line-height: 28px;vertical-align:middle;margin-right: 30px;cursor: pointer;}
.header .select p{height: 28px;padding-right: 40px;font-size: 18px;color:#fff;background-image: url(../images/select.png);background-size: 100% 100%;text-align: center;width: 100%;height: 28px;overflow:hidden;}
.header .select a{color:#fff;}
.header .select ul{display: none; position: absolute;top:40px;left: 0;width: 100%; background-color: rgba(3,103,104,0.9);z-index: 20;height: 320px;}
.header .select ul .webkitScroll::-webkit-scrollbar{height: 3px;width: 3px;background-image: none; background-color:#034445;}
.header .select ul .webkitScroll::-webkit-scrollbar-thumb{background-color: #fff;width: 3px;border-radius:0; display: block;}
.header .select ul li{width: 100%;border-bottom: 1px solid #034445;-webkit-transition: 0.3s;transition: 0.3s;}
.header .select ul li:hover,.header .select ul li.on{background-color:#034445; }
.header .select ul li a{position: relative; width: 100%;height: 40px;display: table-cell;vertical-align: middle;padding:0 30px;font-size: 12px;color:#fff;line-height: 20px;}
.header .select ul li a:before{content:"";position: absolute;top:17px;left: 10px;width: 6px;height: 6px;border-radius: 50%;background-color: #b4d2d2;}
.header .right .entrance{float: right; position: relative;top:0; display: inline-block; margin-top: 38px; padding-left: 40px;background-image: url(../images/header_icon1.png);background-repeat: no-repeat;background-position: 0 2px;-webkit-transition: 0.3s;transition: 0.3s;}
.header .right .entrance a{font-size: 20px;color:#fff;line-height: 20px;display: inline-block;padding-bottom: 8px;border-bottom: 1px solid #fff;}
.header .right .entrance:hover{top:-2px;}
.m_select{display: none;}
/*header end*/

/*content*/
.contents .w1530{height: 600px;}
.content{margin-top: 5%;}
.content .list{font-size: 0;}
.content .list li{display: inline-block;vertical-align: top;width: 28.5%;margin-right: 4%;margin-bottom: 50px;border-bottom: 1px solid rgba(255,255,255,0.2);-webkit-transition: 0.3s;transition: 0.3s;}
.content .list li:nth-child(3n){margin-right: 0;}
.content .list li:hover{background-color:rgba(30,121,112,0.75);border-color: #dcd5a1;box-shadow: 0px 0px 16px rgba(3,57,54,0.6);}
.content .list li a{position: relative;display: block;padding: 10px 20px;font-size: 30px;line-height: 30px;color: #fff;}
/*content end*/

/*foot*/
.foot{position: fixed;bottom:0;left: 0; width: 100%;height: 110px;padding-top: 30px; background-color:rgba(3,36,32,0.65);text-align: center;box-sizing: border-box;}
.foot p{font-size: 13px;color:#fff;opacity: 0.7;line-height: 25px;}
/*foot end*/


@media screen and (max-width: 1440px){
.header{height: 100px;}
.header .left .logo img{width: 360px;}
.header .left .txt{font-size: 24px;}
.header .right .entrance{margin-top:30px;}
.header .right .entrance a{font-size: 16px;}
.header .right .select{margin-top: 22px;}
.header .right .select p{font-size: 16px;}
.content{margin-top:3.5%;}
.content .list li{margin-bottom:0;}
.contents .w1530{height: 420px;}
.foot{height: 80px;padding-top: 20px;}
}

@media screen and (max-width: 1200px){
.header{height:100px;}
.header .left .logo img{width: 300px;}
.header .left .txt{font-size: 18px;line-height: 20px;margin-left: 16px;padding-left: 14px;}
}

@media screen and (max-width: 1024px){
.header .left{float: none;}
.header .right{float: none;}
}

@media screen and (max-width: 768px){
.header{padding:10px 0;height:110px;}
.header .left .logo img{width: 150px;}
.header .left .txt{top: 0;font-size: 12px;line-height: 12px;margin-left: 6px;padding-left: 6px;}
.header .right .entrance{padding-left: 30px;margin-top: 18px;background-size: 20px 20px;}
.header .right .entrance a{font-size: 14px;}
.header .right .select{width: 160px;margin-top:10px;margin-right: 0;}
.header .right .select p{font-size: 13px;}
.content{margin-top:24px;}
.contents{position:fixed;top:110px;left: 0;height: calc(100% - 200px)}
.contents .w1530{height:calc(100% - 24px);}
.content .list li{width: 100%;margin-right: 0!important;margin-bottom: 10px;}
.content .list li a{padding: 10px 120px 10px 10px;}
.foot{height: 90px;padding-top: 10px;}
.foot p{font-size: 12px;}
}