@charset "utf-8";
/* CSS Document */

body{margin:0 auto;color:#333; font-family:"Microsoft YaHei";font-size:14px; background:#f4f5fa;}

/********************公共**************************/
p,h1,h2,h3,h4,h5,h6,ul,li,form,input,ul,ol{ margin:0; padding:0;}
ul li {list-style:none;}
a { color:black; color:#333;text-decoration:none;font-family:"Microsoft YaHei";}
a:hover { color:#0055c2; text-decoration:underline;}

a:hover,a:focus {text-decoration: none;text-decoration:none;transition: all 0.2s ease-out 0s;}
.fl{float:left;}
.fr{float:right;}
img { border:none; }
.clear{clear:both;}
.w1380{ width:100%; max-width:1380px; margin:0px auto; padding:0px 0px;}
.left{ float:left;}
.right{ float:right;}
.mT10{ margin-top:10px;}
.mT15{ margin-top:15px;}
.mL10{ margin-left:10px;}

input{padding-top:0;padding-bottom:0;}
input::-moz-focus-inner{border:none;padding:0;}
select,input{vertical-align:middle;}
select,input,textarea{margin:0;}
input[type="text"],input[type="password"],textarea{outline-style:none;-webkit-appearance:none;}
textarea{resize:none;}
table{border-collapse:collapse;border-spacing:0;}
img{ border:none; border:0; max-width:100%;}


.header{ width:100%; margin:0 auto;}
.topBg{ width:100%; margin:0 auto; height:42px; background:#0360a6;}
.topBg .search{ width:190px; height:30px; border-radius:30px; border:solid 1px #fff; padding:0px 10px; float:right; margin:5px 0px;}
.topBg .search .ipt1{ display:block; float:left; width:160px; color:#fff; background:none; line-height:30px; height:30px; border:none;}
.topBg .search .btn1{ display:block; float:right; background:url(../images/searchBtn.jpg) center center no-repeat; width:30px; height:30px; border:none; display:block;}

.headBg{ width:100%; background:#0168b7; height:148px;}
.head{ width:100%; height:148px; margin:0 auto; background:url(../images/topBg.jpg) top right no-repeat #0168b7;}
.header .head .logo{ width:100%; max-width:1380px; background:url(../images/logo.jpg) left top no-repeat; height:148px; margin:0 auto;}
.menuBg{ width:100%; max-height:66px; background:#00a73d; z-index:999;transition: max-height 0.3s linear;}


#nav{ width:100%; max-width:1380px; margin:0px auto; padding:0px 0px;}
#nav .mainlevel{float:left;/*width:197px;*/  width:14.2%;max-height:66px;transition: max-height 0.3s linear; line-height:66px;float:left;display:block;text-align:center;position:relative;}
#nav .mainlevel a {color:#fff;text-decoration:none;max-height:66px;transition: max-height 0.3s linear;font-family:"微软雅黑";text-align:center;line-height:66px;display:block;font-size:18px; width:100%;transition: all .2s ease-in-out;}
#nav li.mainlevel a:hover{background:#ccedd8; color:#00a73d;-webkit-transition: .4s;transition: .4s;}
#nav li.mainlevel a.hover{background:#ccedd8; color:#00a73d;-webkit-transition: .4s;transition: .4s;}

.menu ul li#mainlevel_01{ /*width:197px;*/  width:14.2%;height:66px; line-height:50px;}




#nav .mainlevel .ulnav {display:none; position:absolute;padding:0;border-bottom:0px;width:100%;z-index:22; margin-left:0px;}
.ulnav ul{width:100%;float:left; margin:0px 0px;overflow: hidden;position:relative;z-index: 2;background:#012345; opacity: 0.7;;transition: all 0.4s;}

#nav .mainlevel ul li {line-height:50px;height:50px;display:block;width:100%;text-align:center;float:left;}
#nav .mainlevel ul li a{color:#fff;text-decoration:none;height:50px;font-family:"微软雅黑";text-align:center;line-height:50px;display:block;font-size:16px; width:100%;transition: all .2s ease-in-out;}
#nav .mainlevel ul li a:hover{color:#fff;background:#0067a7;line-height:50px; width:96%;color: #00a73d; padding:0 2%;height:50px;background:#0360a6;text-decoration:none; font-size:16px;}


.w-header,.wap-search{display: none;width: 100%;}

.index-banner {position:static;width:100%; max-height:768px; overflow:hidden;}
.index-banner  img{width:100%;}
.index-banner .swiper-container {position: relative;width: 100%;height: 100%;}
.wap-banner{display: none;margin-top: 80px;position: relative;overflow: hidden;}
.index-banner .swiper-slide{max-height:768px; }
.index-banner .swiper-slide  img{width:100%;}
.index-banner .swiper-pagination{position: absolute;}
.index-banner .swiper-cicle{bottom: 50px;text-align:center;/*left: 50%;margin-left: -700px;*/}
.but div{outline: none;width: 24px;height: 24px;line-height: 24px; margin-top: -12px; background: none;font-size: 28px;color: #ec6700;text-align: center;}
.but div.swiper-button-disabled{opacity: 1;color: #ccc;}
.but .swiper-button-prev{width:60px;height:60px;background: url("../images/leftBtn.png") no-repeat;left: 0;}
.but .swiper-button-next{width:60px;height:60px;background: url("../images/rightBtn.png") no-repeat;right: 0;}
.index-banner .swiper-pagination-bullet{width: 11px;height: 11px;border-radius: 50%;background: #fff;}
.index-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 30px;border-radius: 6px;} 
.index-banner .swiper-pagination-bullet{opacity: 1;}
.index-banner .but{position: absolute;top:42%; width:100%;/*width: 120px;right: 5%;*/}
.wap-banner .t1{top: 35px;left: 50%;width:90%;z-index: 11;color: #fff;position: absolute;margin-left: -45%;}
.wap-banner .t1 h3{font-size:15px;position: relative;padding-bottom: 12px;}
.wap-banner .t1 h3::after{display: block;content: "";position: absolute;width: 30px;height: 2px;background: #fff;left: 0;bottom: 0;}
.wap-banner .flex-active-slide .t1{animation: 1.5s fadeInUp2 ease;}
.wap-banner .t1 p{font-size: 12px;font-weight: 100;padding: 15px 0 10px 0;}
.wap-banner .t1 a{position: relative;display: inline-block;width: 120px;height: 32px;padding-left: 14px;line-height:32px;border: 1px solid #fff;font-size: 14px;color: #fff;overflow: hidden;-moz-transition: 1s;-o-transition: 1s;-webkit-transition: 1s;transition: 1s;background: url("../images/mo.png") no-repeat right center;}
.wap-banner .t1 a:hover{box-shadow: -2px 5px 15px rgba(0,0,0,0.5);-webkit-animation: jello-horizontal 0.9s both;animation: jello-horizontal 0.9s both;}
.wap-banner .but{display: none;}
.wap-banner img{width: 100%;}
.wap-banner .swiper-pagination-bullet{width: 8px;height: 8px;border-radius: 50%;background: #fff;}
.wap-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 20px;border-radius: 6px;} 
.wap-banner .swiper-pagination-bullet{opacity: 1;}
.index-banner .swiper-button-prev:after,.index-banner .swiper-button-next:after,.wap-banner .swiper-button-prev:after,.wap-banner .swiper-button-next:after{display: none;}

.main1{ width:100%; max-width:1380px; margin:30px auto;}
.ywbb{ width:59%; float:left;}
.title1{ width:100%; height:70px;}
.title1 span{ display:inline-table; float:left;line-height:66px; font-size:24px; font-weight:600; color:#1755c2; border-bottom:solid 4px #1755c2;}
.title1  a{ display:block; float:right; color:#666; line-height:50px;}

.ywbbBox{ width:100%; float:left; margin-top:30px; height:480px; position:relative;}

.ywbbBox .hd{ overflow:hidden; position:absolute; bottom:45px; right:0px;  height:30px;  padding:0 10px; z-index:46; }
.ywbbBox .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:16px; zoom:1; }
.ywbbBox .hd ul li{ float:left; padding:0;  width:12px; height:12px; overflow:hidden; margin-right:10px; text-indent:-999px; cursor:pointer; background-color:#e8e8e8; border-radius:50px; opacity:0.8;}
.ywbbBox .hd ul li.on{  background-color:#fff; width:32px; opacity:1;}
.ywbbBox .mySwiper01{ width:100%; height:480px; position:relative;overflow:hidden; }
.ywbbBox .mySwiper01 .swiper-wrapper{ zoom:1; }
.ywbbBox .mySwiper01 .swiper-wrapper .swiper-slide{ float:left; _display:inline; overflow:hidden; text-align:center; height:480px; position:relative; overflow:hidden;}
.ywbbBox .mySwiper01 .swiper-wrapper .swiper-slide .qhImg{ text-align:center;width:100%; height:480px; display:block; overflow:hidden;}
.ywbbBox .mySwiper01 .swiper-wrapper .swiper-slide img{ width:100%; height:480px; display:block; }

.ywbbBox .mySwiper01 .swiper-wrapper .swiper-slide .qhTxt{ position:absolute; bottom:0; left:0;width:100%; z-index:44;}
.ywbbBox .mySwiper01 .swiper-wrapper .swiper-slide .qhTxt a{ position:relative; top:75px;color:#fff; display:block; height:75px;padding:0 0 0 10px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align:left; z-index:45;}
.ywbbBox .mySwiper01 .swiper-wrapper .swiper-slide .qhTxt a h2{ display:block; width:calc(100% - 10px); overflow:hidden; text-overflow: ellipsis;
    white-space: nowrap;height:25px; line-height:25px; color:#fff; font-weight:normal; font-size:18px; margin-top:10px;}
.ywbbBox .mySwiper01 .swiper-wrapper .swiper-slide .qhTxt a span{ display:block; width:90%; overflow:hidden; height:25px; line-height:25px; color:#fff; font-weight:normal; font-size:16px; margin-top:5px; font-size:14px;}
.ywbbBox .mySwiper01 .swiper-wrapper .swiper-slide .qhTxt i{ position:relative;background:#1656c2; display:block; width:100%; height:75px;left: 0; bottom:0px; z-index:2;}

.ywbbBox .mySwiper01 .swiper-pagination{position: absolute;text-align:right; bottom:40px;}
.ywbbBox .mySwiper01 .swiper-cicle{bottom: 50px;text-align:right;/*left: 50%;margin-left: -700px;*/}
.ywbbBox .mySwiper01 .swiper-pagination-bullet{width: 11px;height: 11px;border-radius: 50%;background: #fff;}
.ywbbBox .mySwiper01 .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 30px;border-radius: 6px;} 
.ywbbBox .mySwiper01 .swiper-pagination-bullet{opacity: 1;}



.tzgg{ width:37%; height:550px; background:#fff; float:right; padding:15px 15px;}
.tzggBox{ width:100%; float:left; height:550px;}
.tzggBox ul li{ width:100%; height:70px; display: flex;justify-content: space-between; margin-top:25px;}
.tzggBox ul li .date{ width:75px; height:50px; display:block; float:left; background:#f3f3f3; padding:10px 0px;}
.tzggBox ul li .date span{ display:block; float:left; width:100%; font-weight:700; color:#666; text-align:center;font-size:24px; line-height:25px;}
.tzggBox ul li .date label{ display:block; float:left; width:100%;color:#666; font-size:16px;text-align:center;line-height:25px;}
.tzggBox ul li .txt{ width:80%; display:block; float:right; line-height:30px; height:60px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-justify: distribute-all-lines; font-size:15px;}

.zxdt{ width:100%; max-width:1380px; float:left;}
.zxdt .zxdtBox{ width:100%; max-width:1380px; float:left;}
.zxdt .zxdtBox ul { width:calc(100% + 20px); max-width:1400px; float:left; margin-left:-20px;}
.zxdt .zxdtBox ul li{ width:calc(33.3% - 20px); /*width:445px; */float:left; display:block; margin-left:20px; margin-top:30px;}
.zxdt .zxdtBox ul li a.img{ width:100%;  /*width:445px;  */height:242px; display:block; float:left; overflow:hidden;}
.zxdt .zxdtBox ul li .txt{ width:calc(100% - 30px); padding:15px 15px; float:left; height:50px; background:#fff;}
.zxdt .zxdtBox ul li .txt a{ width:100%; display:block; float:left; height:30px;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; line-height:30px; color:#333; font-weight:bold;}
.zxdt .zxdtBox ul li .txt span{ width:100%; display:block; height:20px; line-height:20px; color:#aeaeae; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}


.footBg{width:100%;background:#005cbb top center no-repeat;/* height:320px; */margin-top:30px;overflow: hidden;padding: 20px 0;}
.foot{     position: relative;width:100%; max-width:1380px; padding:20px 0px; margin:0 auto;}
.foot .footL{padding-left: 0px;width: 30%;color:#fff;float:left;font-size:14px;line-height:28px;}
.foot .footL.fr{float:right;}
.foot .footL ul{float:left;width:100%;display: flex;justify-content: space-between;}
.foot .footL li{float:left;width: 80px;padding:0px;font-size:14px;line-height:28px;/* text-align: center; */margin-right: 0;}
.foot .footL li h6{float:left;width:100%;font-weight: 700;}
.foot .footL li h6 a{font-size:18px; color:#fff;}
.foot .footL.fr li{/* margin-right:0%; *//* margin-left:2%; *//* text-indent: 20px; *//* width: auto; */}
.foot .footL li dl{float:left;width: 80px;}
.foot .footL li dl dd{float:left;width:100%;padding:0px;font-size:14px;line-height:28px;margin: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.foot .footL li dl dd a{font-size:14px; color:#fff; }

.foot .footR{float:left;width: 30%;margin: 0 5%;/* margin-top:10px; */}
.foot .footR .flogo{ width:100%;
    margin-bottom: 10px;
}
.foot .footR .flogo img{width:96%;}
.foot .footR .copy{font-size:14px;line-height:28px;color: #fff;}
.foot .footR .code{display:none;}
.foot .footR .code label{ width:220px; display:block; float:left; color:#fff; line-height:40px; font-size:16px;}
.foot .footR .code span{ width:220px; display:block; float:left; color:#fff; line-height:40px; font-size:24px;}
.foot .footR .code em{ display:block; float:left; width:50px; height:4px; background:#fff; margin-top:15px;}
.foot .footR .code img{ width:122px; height:122px; display:block; float:left; margin-top:20px;}

.yqlj{float:left;width:100%;color: #fff;font-size: 18px;font-weight: 700;line-height: 30px;}
.yqlj ul{float:left;width: 102%;display: flex;justify-content: space-between;margin-left: -2%;flex-wrap: wrap;align-content: space-between;}
.yqlj ul li{float:left;width: 232px;margin-left: 2%;line-height: 28px;} 
.yqlj ul li a{color:#fff;font-size:14px;font-weight: normal;}

.page{ width:100%; max-width:1380px; margin:30px auto;}
.page .pageL{ width:320px; float:left;}
.page .pageL .leftMenu2{ width:320px; float:left;}
.page .pageL .leftMenu2 h2{ width:280px; display:block; float:left; background:#0168b7; height:70px; line-height:70px;color:#fff; padding:0px 20px;}
.page .pageL .leftMenu2 ul{ width:320px; float:left; margin-top:5px;}
.page .pageL .leftMenu2 ul li{ width:320px; float:left; height:60px; margin-top:7px; line-height:60px;}
.page .pageL .leftMenu2 ul li a{ width:260px; height:60px; background:#fff; display:block; float:left; padding:0px 30px; position:relative; color:#333; font-weight:500; font-size:18px;}
.page .pageL .leftMenu2 ul li a i{ display:block; float:left; background:url(../images/arrow.jpg) left center no-repeat; position:absolute; top:24px; right:20px; width:8px; height:12px;}
.page .pageL .leftMenu2 ul li a span{ display:block; float:left; background:url(../images/left.jpg) left center no-repeat; width:5px; height:18px; position:absolute; top:22px; left:15px;}

.page .pageL .leftMenu2 ul li a:hover ,.page .pageL .leftMenu2 ul li a.hover{ background:#0168b7; color:#fff;}
.page .pageL .leftMenu2 ul li a:hover i,.page .pageL .leftMenu2 ul li a.hover i{background:url(../images/arrowH.jpg) left center no-repeat;}
.page .pageL .leftMenu2 ul li a:hover span,.page .pageL .leftMenu2 ul li a.hover span{background:url(../images/leftH.jpg) left center no-repeat;}

.page .pageR{ width:calc(100% - 400px); float:right; background:#fff; padding:20px 30px;}
.pageRT{ width:100%; float:left; height:30px; padding-bottom:20px;position:relative; border-bottom:solid 2px #ececec;}
.pageRT .fl{ width:200px; float:left; height:30px;}
.pageRT .fl h2{display:block;float:left;color:#1656c2;font-size:24px;position:absolute; line-height:30px; height:49px;border-bottom:solid 4px #1656c2;}
.pageRT .fr{ float:right; text-align:right; padding:0px 10px 0px 0px; line-height:30px; color:#999;}
.pageRT .fr a{ color:#999;}
.pageRT .fr label{ color:#0069b7;}



/*--------单页面--------*/

.content-inner{ margin-bottom:15px;float: left; padding: 10px 0px 10px 0px; width:100%; background-color: #fff; box-sizing: border-box;}
.content-inner p{ line-height:36px;}

.content-inner .tit{ padding: 40px 60px 0 60px; font-size: 26px; text-align: center; color: #0055c2; font-weight:bold;}
.content-inner .fbt{font-size: 20px; text-align: center; padding-top: 10px; color: #646464; line-height: 30px;}
.content-inner .msg{ height: 50px; line-height: 50px; text-align: center; color: #888; border-bottom: 1px dashed #dcdcdc;}
.msg{ height: 50px; line-height: 50px; text-align: center; color: #c9c9c9; border-bottom: 1px dashed #dcdcdc;}
.content-inner .msg .close-page{padding: 0 8px;height: 24px;border:1px #e0e0e0 solid;border-radius: 3px;color: #888;}
.content-inner .msg .close-page:hover{background-color: #e0e0e0;color: #ee0000;}
.content-inner #contents{ padding:10px 0;}
.content-inner #contents,.content-inner #contents p{ color: #333333; font-size: 20px; line-height: 3em; }
.content-inner #contents p{margin-bottom:20px;}
.content-inner #contents img{	max-width: 640px;}
.content-inner #contents{ padding-bottom: 20px;}
.content-inner .ewm img{ margin: 0 auto; display: block; width: 140px; height: 140px;}
.content-inner .pull-right{ display: block; margin-top: 20px; line-height:32px; padding-bottom:20px;}
.content-inner .pull-right a{ margin-right: 20px; color: #888; text-decoration: none; font-size:16px;}
.content-inner .pull-right a:hover{ color: #ee0000;}

.arttool{ height: 30px; border-top:1px solid #E8E8E8;padding-top: 10px}
.arttool .ff{ width:100%;text-align:center; }
.arttool .ff a{padding: 0px 5px;}
.arttool .ff a.top{ color: red }
.arttool .bdsharebuttonbox{ float: left; } 



.newsList{width: 100%; margin-top:20px;} 
.newsList ul li{width: 100%;height:50px;line-height:50px;font-size: 16px;}
.newsList ul li span{float: left;text-align:left}
.newsList ul li .newsDot{width: 4px;height: 4px;background: #898989;border-radius: 50px;margin: 23px 8px 0 0;display:inline-block;}
.newsList ul li .newsDetail{width:80%;height: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newsList ul li .newsTime{color: #999999; width:16%; float:right; text-align:right;}

/*-新闻2----*/
.newsList2{ width:100%; float:left;}
.newsList2 ul{ width:100%;}
.newsList2 ul li{ width:31.3333%; float:left; display:block; margin:10px 1%;}
.newsList2 ul li a.img{ width:100%; height:13rem; display:block; float:left; overflow:hidden;}
.newsList2 ul li a.img img{ width:100%; height:13rem;}
.newsList2 ul li .txt{ width:96%; padding:10px 2%; float:left; height:50px; background:#f4f5fa;}
.newsList2 ul li .txt a{ width:100%; display:block; float:left; height:30px; line-height:30px; color:#333; font-weight:bold;}
.newsList2 ul li .txt span{ width:100%; display:block; height:20px; line-height:20px; color:#aeaeae; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

/*---新闻3---*/
.newsList3{ width:100%; float:left;}
.newsList3 ul li{ width:100%; float:left; margin:10px 0px;}
.newsList3 ul li .img{ width:18%; height:8rem; display:block; float:left; overflow:hidden;}
.newsList3 ul li .img img{ width:100%; height:8rem;}
.newsList3 ul li .txt{ width:80%; float:right;}
.newsList3 ul li .txt a{ width:100%; display:block; float:left; height:30px; line-height:30px; overflow:hidden;}
.newsList3 ul li .txt span{ width:100%; font-size:14px;display:block; float:left; margin-top:5px; line-height:22px; overflow:hidden; color:#a6a6a6; height:88px;}
/*---新闻4---*/
.newsList4{ width:100%; float:left;}
.newsList4 ul{width:100%;}
.newsList4 ul li{width:31.3333%; float:left; display:block; margin:10px 1%;height:50px; background:#f4f5fa; text-align:center; line-height:50px; font-weight:bold; font-size:18px;}


/*--图片列表页面----*/
.imglist{ width:100%; float:left;}
.imglist ul{ width:100%;}
.imglist ul li{ width:46%; float:left; margin:20px 2% 10px 2%; position:relative; height:260px;}
.imglist ul li .bg{ position:absolute; bottom:0px; width:100%; height:200px; background:#f0f0f0; z-index:1;}
.imglist ul li a.img{ width:43%; height:17rem; float:left; margin-left:3%; position:relative; z-index:2;}
.imglist ul li a.img img{ width:100%; height:15rem;}
.imglist ul li .txt{ width:46%; float:right; margin-right:3%; margin-top:60px; position:relative; z-index:2;}
.imglist ul li .txt h2{ color:#0065cd; width:100%; float:left; height:30px; line-height:30px; overflow:hidden; margin-top:10px;}
.imglist ul li .txt label{ color:#0065cd; width:100%; float:left; height:30px; line-height:30px; overflow:hidden; margin-top:5px; font-size:16px;}
.imglist ul li .txt em{ display:block; float:left; width:20px; height:2px; background:#b4b4b4; margin-top:10px;}
.imglist ul li .txt dl{ width:100%; display:block; float:left;}
.imglist ul li .txt dl dt{ display:block; float:left; background:url(../images/list1.jpg) left center no-repeat; padding-left:15px; line-height:25px; height:25px; overflow:hidden; font-size:14px;}

/*-----分页--*/
.epages { margin: 20px auto; height: 30px; text-align: center; margin-top: 30px; clear:both; }
.epages b { background:#055aaa;padding: 0px 10px; border: 1px solid #055aaa; color: #fff; }
.epages a b { background: none; color: #9B9B9B;padding:0px; border: none;}
.epages a { TEXT-ALIGN: center; margin: 0px 3px; padding: 0px 8px; border: 1px solid #E8E8E8; DISPLAY: inline; COLOR: #7f7f7f; FONT-SIZE: 14px; FONT-WEIGHT: bold; TEXT-DECORATION: none }
.epages a.selected { COLOR: #fff; CURSOR: default }
.epages a.selected:hover { COLOR: #fff; CURSOR: default }
.epages a.comm { COLOR: #630; CURSOR: pointer }
.epages a.comm:hover { COLOR: #630; CURSOR: pointer }
.pagePrev b { BORDER-BOTTOM: #f8f8f8 6px solid; POSITION: absolute; BORDER-LEFT: #f8f8f8 6px solid; LINE-HEIGHT: 0; WIDTH: 0px; HEIGHT: 0px; FONT-SIZE: 0px; BORDER-TOP: #f8f8f8 6px solid; TOP: 12px; CURSOR: pointer; BORDER-RIGHT: #4e4e4e 6px solid; LEFT: 9px }
.pageNext b { BORDER-BOTTOM: #f8f8f8 6px solid; POSITION: absolute; BORDER-LEFT: #4e4e4e 6px solid; LINE-HEIGHT: 0; WIDTH: 0px; HEIGHT: 0px; FONT-SIZE: 0px; BORDER-TOP: #f8f8f8 6px solid; TOP: 12px; CURSOR: pointer; BORDER-RIGHT: #f8f8f8 6px solid; LEFT: 16px }
.external {color: #fff;}
/* hover 放大1.5倍，有下划线 */
.external:hover{color: #fff; text-decoration: underline;transform: scale(1.5);}
.new_blank {color: #63abef;font-size: 18px;}
.new_blank:hover {color: red;}

/* 公共头部 */
/* 最大高度发生变化，添加过度动画 */

.fixed {position: fixed; top: 0; left: 0; right: 0; bottom: 0;max-height: 45px; transition: max-height 0.3s linear; background: hsl(218, 79%, 43%,0.9); z-index: 9999;}
.fixed #nav{ width:100%; max-width:1380px; margin:0px auto; padding:0px 0px;}
.fixed #nav .mainlevel{float:left;/*width: 197px; */
    width: 14.2%;max-height:45px; line-height:45px;transition: max-height 0.3s linear;float:left;display:block;text-align:center;position:relative;}
.fixed #nav .mainlevel a {color:#fff;text-decoration:none;max-height:45px;transition: max-height 0.3s linear;font-family:"微软雅黑";text-align:center;line-height:45px;display:block;font-size:18px; width:100%;transition: all .2s ease-in-out;}
.fixed #nav li.mainlevel a.hover{background:hsla(240, 2%, 87%, 0.9); color:#0168b7;-webkit-transition: .4s;transition: .4s;}
.fixed #nav li.mainlevel a:hover {background:hsla(240, 2%, 87%, 0.9); color:#0168b7}