/* 清除默认样式 */
*,html, body, div, p, h1, h2, em,h3, h4, h5, h6, ul, li, dl, dd, dt, ol, img, table, form, input, button, textarea, select, option, strong, span, b, i, font, a,label { padding: 0; margin: 0; border: none; font-family: 'Microsoft Yahei', Arial; }
input {/* -webkit-appearance: none;*/ }
textarea { -webkit-appearance: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
.zoom table { border-collapse: collapse; }
.zoom table, .zoom tr, .zoom td { border: 2px solid #008143; }
.zoom table tr:nth-child(1) { background: rgba(0, 129, 67, 0.2); }
a {text-decoration: none; color: #333; font-family: "微软雅黑", "Microsoft YaHei", Arial; font-size: 14px; }
a:hover, a:active {text-decoration: none; outline: none; }
a:hover { outline: none;    }
ul, dl, li, dd, dt, ol { list-style: none; }
input, select, img { vertical-align: middle; outline: none; }
body { font-size: 14px; -webkit-text-size-adjust: none; color: #333; width: 100%; background-color: #fff; }
html, body { width: 100%; }
img { max-width: 100%; border:none;}
.fl, .lt{ float: left; }
.fr, .rt{ float: right; }
.clearfix:after{content:".";display:block;height:0;font-size:0em;line-height:0;visibility:hidden;clear:both;}
.clearfix{zoom:1;}
.clear { clear: both; font-size: 0; height: 0; width: 100%; zoom: 1; }
/* 浮动 */
.left{float: left !important;}
.right{float: right !important;}
.fl-none{float: none;}
.none{display: none;}
.clearfix:after{clear: both;content: "";display: table;}
.content{width:1200px;margin:0 auto;}

/**头部**/
.top_date{height: 27px;line-height: 27px;background: url() left center repeat-x;}
.top_date .date_time span{display:block;height: 27px;font-size: 12px;color:#9b9b9b;}
.top_date .web_us a{float: left;height: 27px;font-size: 12px;color:#9b9b9b;}
.top_date .web_us span{float: left;font-size: 12px;color:#9b9b9b;margin:0 8px;}
.web_logo{width: 100%;height: 125px; }
.web_logo .logo{}
.StranLink{}
.youjia{float: right;width: 800px;  margin-top: 12px;}
/*搜索*/
.web_logo .search{width:100%;    float: left; }
.web_logo .search .hbinput{width: 86%; height: 40px;  text-indent: 1em;background: transparent; border: none; float: left;   ;outline: none;font-size: 18px;}
.web_logo .search input[placeholder]{color:#666;}
.web_logo .search .btn{    width: 42px;height: 40px;padding: 0; border: 0; cursor: pointer;float: right;outline: none; background:none;}
.searBox{width:500px;border-bottom:1px solid #1b81b3;margin-top:30px;}
.searBox span{background:url(/maotaigf/uiFramework/commonResource/image/2019071815263762464.png) no-repeat center;}
.searBox .searImg{    margin-top: 4px;width: 4%; float: left;}
.web_logo .comwidth {height:100%;;margin:0 auto;width:1270px;}
.web_logo .Link{display:block;float:left;    padding-top: 40px;width:28%;}
.index_nav{margin:16px 0 16px 0;}
.index_nav .Ul .one{float:left;position:relative;text-align:center;z-index:888;    padding: 0 16px;}
.index_nav .Ul .one a.liet,
.index_nav .Ul .one a.no{    display: table-cell;vertical-align: middle;width:100%;line-height:40px;font-size:18px;color:#333333;padding:0 36px;}
.index_nav .Ul .one .select{display: none;background: rgba(39, 101, 206, 0.8);
width:150%;position:absolute;left:-25%;top:42px;z-index:5;text-align:center;}

.index_nav .Ul .one .select .two a{display:block;line-height:42px;color:#fff;width:100%;font-size:16px;margin-bottom:2px;}
.index_nav .Ul .one a.liet,
.index_nav .Ul .one a:hover{color:#1b81b3;}
.index_nav .Ul .one:hover .select{display:block;}

.phoneX{display:none;}
.Ul>li>a{ position: relative;}
.Ul>li>a:after{ content: ""; width: 0;height: 2px; background: #1b81b3; position: absolute;top: 100%;left: 50%;transition: all .5s;}
.Ul>li>a:hover:after{ left: 0%;width: 100%;}

.select>li>a{ position: relative;}
.select>li>a:after{ content: ""; width: 0;height: 2px; background: #fff; position: absolute;top: 100%;left: 50%;transition: all .5s;}

.phoneNav{display:none}
.English_station{margin-top: 40px; margin-left: 30px; }
.sea{    float: left;margin-top: 40px;margin-left: 20px;}
.select>li>a:hover:after{ left: 0%;width: 100%;}

/*底部*/
.footer{background: #002b4e;padding: 30px 0;}
.foot_dh{ float: left;}
.foot_dh li{    float: left;line-height: 30px;    color: #fff;}
.foot_dh li a{    color: #fff;font-size: 16px;}
.footer p{    float: right;color: #fff;    font-size: 16px;line-height: 30px;}
.footer p a{color: #fff;    font-size: 16px;}
.footer select{margin:6px 50px 0 0px;}

@media only screen and (min-width:100px) and (max-width: 1200px) {
.content, .comwidth{width:96% !important;}
}

/*手机端960px*/
@media only screen and (min-width: 100px) and (max-width: 960px) {
.phoneNav{position:absolute;top:1rem;right:2%;display:block;}
.maotai_content{padding-bottom:12px;}
/*导航*/
.index_nav{margin:0;z-index:900;position:absolute;top:0;left:-100%;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.index_nav .Ul {width:88%;position:absolute;top:0;left:0%;overflow:hidden;background:#007CDB ;box-sizing:border-box;padding:1rem;z-index:999;height:100%;}
.index_nav .Ul>li{width:95% !important;height:auto !important;border-bottom:1px solid rgba(255,255,255,.7);transition:all 1s;text-align:left !important;}
.index_nav .Ul>li:first-child a{background:url() no-repeat right;}
.index_nav .Ul>li:last-child{border-bottom:none;}
.index_nav .Ul li>a{font-size:18px !important;padding:0 !important;line-height:54px !important;position:static !important;display:inline-block !important;width:auto !important;}
.index_nav .Ul li a{color:#fff !important;}
.index_nav .Ul .one .select{background:none;width:100%;overflow:hidden;position:static;text-align:left;}
.index_nav .Ul .one .select .two{float:left;line-height:30px;width:96%;padding-left:2em;}
.index_nav .Ul .one .select .two a{font-size:14px !important;line-height:30px !important;}
.index_nav .Ul .one a.liet:hover .select{border-top:1px solid #000;}
.Ul>li>a:after{position:static;}
.index_nav .Ul .one a.liet, .index_nav .Ul .one a:hover{background:none;}
.index_nav .Ul .one:hover .select{display:none;}

}


/*手机端768px*/
@media only screen and (min-width: 100px) and (max-width: 768px) {
.searImg, .sea, .footer select{display:none;}
.web_logo .logo{}

.web_logo{height:auto;}
/*logo、search*/
.web_logo .Link{padding-top:16px;width:88%;}
.web_logo .Link img{width:100%;}
.web_logo .search{width:100%;margin: 0;border-radius:8px;}
.phoneX{position:absolute;top:35px;right:0;width:24px;height:24px;display:block;z-index:9990;}
.web_logo .search .hbinput{font-size:14px;width:82%;}
.phoneCl{display:block !important;position:absolute;top:16px;right:14px;width:24px;}
.phoneCl img{transition: all .5s;}
.index_nav .Ul li:hover .phoneCl img{transform:rotate(180deg)}
.index_nav .Ul li:first-child .phoneCl{opacity:0;}

.searBox{position:static;display:block;width:82%;float:left;margin-top:16px;}
.English_station{margin-top:18px;margin-left:12px;}
}