body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, th, td {
    margin: 0;
    padding: 0;
    color: #666;
}
body, button, input, select, textarea {
    font: 14px/1 "Microsoft YaHei", "微软雅黑";
}
h1 {
    font-size: 18px; /* 18px / 12px = 1.5 */
}
h2 {
    font-size: 16px;
}
h3 {
    font-size: 14px;
}
h4, h5, h6 {
    font-size: 100%;
}
address, cite, dfn, em, var {
    font-style: normal;
} /* 将斜体扶正 */
code, kbd, pre, samp, tt {
    font-family: "Courier New", Courier, monospace;
} /* 统一等宽字体 */
small {
    font-size: 12px;
} /* 小于 12px 的中文很难阅读，让 small 正常化 */
/* 重置列表元素 */
ul, ol {
    list-style: none;
}
/* 重置文本格式元素 */
a {
    text-decoration: none;
    color: #666
}
a:hover {
    text-decoration: none;
    color: #083A81;
}

q:before, q:after {
    content: '';
}
.width100 {
    width: 100%;
    overflow: hidden;
}
.mp0 {
    padding: 0 0rem;
    overflow: hidden;
}
.mp2 {
    padding: 0 0.2rem;
    overflow: hidden;
}
.mp5 {
    padding: 0 0.5rem;
    overflow: hidden;
}
.b10 {
    height: 10px;
    clear: both;
    overflow: hidden;
}
.b20 {
    height: 20px;
    clear: both;
    overflow: hidden;
}
.b40 {
    height: 40px;
    clear: both;
    overflow: hidden;
}

::-webkit-scrollbar {
  width: 8px;
  height: 5px
}
::-webkit-scrollbar-track {
  width: 8px;
  background-color: #f9f9f9
}
::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, #0045AA 70%, #F79C0E 30%);

  background-clip: padding-box;
  min-height: 100px
}
::-webkit-scrollbar-thumb:hover {
  background-color: #555
}

/*clear*/
.clear {
    clear: both;
    float: none;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}
.clearfix {
    zoom: 1;
}
.bg{background: url("../images/bg.png") repeat;}
.display-pc {  display: block; }

.not-display-pc {  display: none; }
.flash-move {
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translateY(100px);
  transition: all .8s; }

.flash-move.move-on {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateY(0);
  transition: all .7s; }



.screen{width: 100%; padding: 0 15%; overflow: hidden;}
.wrap{width: 1360px; margin: 0 auto; box-sizing: border-box;}
.sticky-nav {
left: 0;
margin: auto;
position: fixed !important;
top: 0;
width: 100%;
box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
z-index: 9999;
-webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
-webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
transition: .5s !important;
background: #549e28 !important;
}
.sticky-nav .dreamit-header-menu ul li a {
    color: #fff;
}
.stiky-logo {
display: none;
}
.sticky-nav .stiky-logo {
display: block;
}
.sticky-nav .main-logo {
display: none;
width: 100%;
}
.header-area {
	position: fixed;
	width: 100%;
    background: none;
	z-index: 9999;
} 
.dreamit-header-logo {
    margin: 15px 0 10px 5px;
} 

.dreamit-header-menu {
	float: right;
}
.dreamit-header-menu ul {
   
}
.dreamit-header-menu ul li {
    display: inline-block;
    margin:0 15px;
    position: relative;
}
.dreamit-header-menu ul li a {
	line-height: 25px;
    display: inline-block;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    transition: .3s;
    margin: 35px 0;
}
.dreamit-header-menu ul li a:hover {
    color: #fff;
}
.header-button {
	width: 100%;height: 100%;
    display: inline-block;
}

.dreamit-header-menu ul li .dropdown-menu{min-width: 100px; top: 96%;border-top: 3px solid #083A81;}
.dreamit-header-menu ul li .btn-group .dropdown-toggle{font-size: 14px;}
.dreamit-header-menu ul li .btn-group .dropdown-toggle {text-decoration: none;}
.dreamit-header-menu ul li .dropdown-menu a{width: 100%; margin: 2px 0;}
.dreamit-header-menu ul li .dropdown-menu li{width: 100%; margin: 0;}
.header-button a {
	font-family:'DoHyeon', sans-serif;
	width: 100%; height: 100%;
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    background: #083A81;
    padding: 10px 20px;
    display: inline-block;
    text-align: center;
    transition: .5s;
	line-height: 90px;
}
.header-button a:hover {
    background: #fff;
    color: #213C71;
}
.menu-dg img{vertical-align: middle;}
.dreamit-header-menu ul li.menu-tel a{font-family:'DoHyeon', sans-serif; font-size: 32px;font-weight: bold; color: #083A81; margin: 0; padding-right: 15px;vertical-align: middle;}
.menu-tel i{    font-size: 36px;vertical-align: middle;
    background: none;
    color: #083A81;
    margin-right: 5px;
}
.dreamit-header-menu ul li .btn-group .btn{font-size: 12px;}
.dreamit-header-menu ul li:last-child{margin-left: 15px;}
.sticky-nav .menu-tel i{background: none;color: #fff; font-size: 32px;}

.menu-wrapper .mr0{margin-right: 0;}

.em_bar {
    background: #9B50DB none repeat scroll 0 0;
    height: 2px;
    margin: 0 auto 5px;
    width: 90px;
}
.em_bar_bg {
    height: 5px;
    width: 90px;
    background: #cbbded;
    margin: 8px auto;
    position: relative;
    border-radius: 30px;
}
.em_bar_bg:before {
    content: '';
    position: absolute;
    left: 0;
    top: -2.7px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #0C5ADB;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: MOVE-BG;
    animation-name: MOVE-BG;
}

@-webkit-keyframes MOVE-BG {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(88px);
            transform: translateX(88px);
  }
}

@keyframes MOVE-BG {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(88px);
            transform: translateX(88px);
  }
}

.yewu{margin-top: 80px; margin-bottom: 60px; padding-bottom: 30px;}
.index_tit{ text-align: center;}
.index_tit h2{font-size: 28px;font-weight: 400; color: #083a81;line-height: 48px; letter-spacing: 2px;}
.index_tit p{margin-top: 20px;}

.yewu_list_li{ margin-top: 30px; box-shadow: 0px 5px 20px #9e9e9e38; overflow: hidden;}
.yewu_list_li img{max-width: 100%; transition: 0.5s;}
.yewu_list_li a{display: block; background: #fff; text-align: center; position: relative;}
.yewu_list_li a::before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(120deg, #2C5EA5, #093B82);  background-size: cover; opacity: 0; transition: 0.5s; }
.yewu_list_li b{display: block; font-size: 20px; line-height: 2.5; color: #333; position: relative; transition: 0.5s; z-index: 1; padding: 0 8px;}
.yewu_list_li a:hover img{transform: scale(1.1);}
.yewu_list_li a:hover b{color: #006399;}

.pchanp{width: 100%;}
.pchanp li{list-style: none; width: 12%;line-height: 32px;float: left;padding-left: 10px;}
.pchanp li a{font-size: 16px;display: block;border: 1px solid #f9f9f9;text-align: center;}
.pchan_header{line-height: 32px;font-size: 24px;}
.iii{height: 24px;border-right: 1px solid #EB872F;float: right;margin-top: 4px;}
.pchanp li:hover a{background: #EB872F;}
.pchanp li:hover a{color: #fff;}
.cp-news dl.ico1{border: none; padding: 0;}
.cp-news dl.ico1 dt{height: auto;}
.cp-news dl.ico1 dd{ line-height: 36px; height: 36px; overflow: hidden;}
.indexabout{padding-top: 30px;}
.indexabout p{text-indent: 2rem;font-size: 17px;line-height: 36px;}
.aboutbg{background: url("../images/about_bg.jpg") no-repeat; background-size: cover;padding: 80px 0;}

.pagination{width: 100%; font-size: 14px;}
.pagination span{padding: 8px; background: #2F3237; margin-right: 5px; color: #fff;}
.pagination span a{color: #fff;}
.page-numbar a{ margin-right: 10px;}
.page-numbar a.page-num-current{color: #F79C0E;}
.range {    display: flex;    flex-wrap: wrap;}

.index-btn{margin-top:30px;  text-align: center;}
.index-btn a {
    background: none;
    padding: 16px 32px;
    font-size: 18px;
    font-weight: 550;
    display: inline-block;
    transition: .5s;
    position: relative;
    overflow: hidden;
    z-index: 44;
    color: #000;
	letter-spacing: 2px;
}
.index-btn a {
    padding: 14px 35px;
    color: #000;
}
.index-btn a:before {
    position: absolute;
    content: "";
    top: 0px;
    height: 100%;
    left: -25%;
    width: 0%;
    background: #083A81;
    transform: skew(50deg);
    transition-duration: .6s;
    z-index: -1;
}
.index-btn a i {
	
}
.index-btn a:hover {
    color: #fff;
}
.index-btn a:hover:before {
    width: 180%;
}

.imgimg{width: 100%;}
.img100{max-width: 100%;}


.about-bg{background: url("../images/about_bg.jpg") no-repeat;background-position: center; background-size: 100%; overflow: inherit;}
.index-about{ background: #083a81f2; padding:80px 100px; box-shadow: 0px 8px 20px 2px #66666675; overflow: hidden; transition: 0.5s;}
.index-about:hover{background-image: linear-gradient(120deg, #2C5EA5, #093B82);}
.index-about h2{margin-top: 60px; font-size: 42px; font-weight: bold;letter-spacing: 1px; color: #fff;padding-bottom: 8px;border-bottom: 4px solid #F79C0E; display: inline-block; margin-bottom: 20px;}
.index-about p{font-size: 18px;letter-spacing: 1px;line-height: 28px; color: #fff;font-weight: 300; margin-bottom: 20px;}
.index-about .index-btn{border: 2px solid #F79C0E; display: inline-block;}
.index-about .index-btn a{padding: 15px 50px; color: #fff;}
.index-about .index-btn a:before{background: #F79C0E;}

.anli-xx-n .owl-dots{text-align: center; margin-top: 5px;}
.anli-xx-n .owl-theme .owl-dots .owl-dot.active span, .anli-xx-n .owl-theme .owl-dots .owl-dot:hover span{background: #083A81;}
.anli-xx-n .owl-theme .owl-dots .owl-dot span{width: 20px; height: 8px;}
.anli-xx-n .owl-theme .owl-dots .owl-dot span{ background: #F79C0E;}
.hezuo{background: url("../images/kehu_bg.jpg") no-repeat;background-size: cover;margin-top: 100px; padding-top: 60px; padding-bottom: 60px;}

.hezuo .index_tit h2{color: #fff;}
.hezuo .index_tit p{color: #f5f5f5; letter-spacing: 1px;}
.hezuo-img{ margin-bottom: 28px;    transition:0.5s;}
.hezuo-img:hover {    margin-top: -10px;    box-shadow: 0px 5px 10px #272727ad;}

.cp-news{margin-top: 80px; margin-bottom: 80px; overflow: hidden;}
.cp-news .news-tit{padding-bottom: 10px; border-bottom: 1px dashed #666; position: relative;}
.cp-news .news-tit::after{content: '';position: absolute; width: 80px;height: 4px;top: 35px; background: #083A81;}
.cp-news .news-tit a{color: #222; font-size: 24px; font-weight: bold;}
.cp-news .news-tit span a{font-size: 14px;float: right;display: block; color: #666;}

.cp-news dl{ background: none; padding: 10px 12px 18px 12px;border-bottom: 1px dashed #6666662b; transition:0.5s;}
.cp-news dl dt{line-height: 36px; height: 36px; margin-top: 10px; overflow: hidden;}
.cp-news dl dt a{font-size: 16px; color: #222;}
.cp-news dl dd{line-height: 24px;font-size: 15px; color: #666;}


.cp-news dl:hover{}
.cp-news dl:hover dt, .cp-news dl:hover dt a{color: #083A81;}
.cp-news dl:hover dd{color: #083A81;}

.footer{background: #083A81;padding-top: 50px; padding-bottom: 50px;}
.footer-left{border-right: 1px solid #ffffff4d;}
.footer-left h3 a{font-size: 18px;font-weight: bold; letter-spacing: 1px;line-height: 36px; color: #fff; margin-bottom: 10px; display: block;}
.footer-left p a{display: block; line-height: 26px;font-size: 14px;color: #f5f5f5;font-weight: 300;}

.footer-con {border-right: 1px solid #ffffff4d; padding-left: 60px;}
.footer-con h3 a{font-size: 18px;font-weight: bold; letter-spacing: 1px;line-height: 36px; color: #fff; margin-bottom: 10px; display: block;}
.footer-tel{font-size: 32px;font-weight: bold;line-height: 46px;color: #fff;}
.footer-con p {display: block; line-height: 26px;font-size: 14px;color: #f5f5f5;font-weight: 300;}

.footer-right img{width: 160px;margin-left: 78px;}
.footer-right p{font-size: 14px;color: #fff;line-height: 46px; margin-left: 120px;}
.footer-b p{font-size: 14px;color: #b1b1b1;line-height: 26px; }

.footer-botm{background: #002861;padding-top: 20px; padding-bottom: 20px; text-align: center;}
.footer-botm p{font-size: 13px; color: #b1b1b1;line-height: 20px;}
.footer-botm p a{color: #b1b1b1;font-size: 13px;}


.news_listul {margin: 0 -25px;}
.news_listul .li {float: left; width: 50%; padding: 15px 25px; box-sizing: border-box; text-decoration: none; list-style: none;}
.news_lista {display: block; height: 313px; box-sizing: border-box; padding: 48px 40px 40px 28px; position: relative; border-bottom: 1px solid #f2f2f2;}
.newstime {line-height: 30px; color: #999; font-size: 18px; font-weight: lighter; margin-bottom: 15px; transition: all 0.4s;}
.newstime i {color: #666; font-size: 28px; padding-right: 20px; transition: all 0.4s;font-style: normal;}
.newstit {font-size: 20px; line-height: 26px; max-height: 52px; overflow: hidden; font-weight: bold; margin-bottom: 22px;}
.newsintro {line-height: 24px; color: #666; height: 72px; overflow: hidden; transition: all 0.4s;}
.newsmore {position: absolute; left: 30px; bottom: 40px; width: 22px; height: 8px; background: url(../images/xw_more.png) no-repeat; transition: all 0.4s; background-position-x: right;}
.news_lista:hover {background-image: linear-gradient(138deg, #5394f1, #093B82);color: #fff;}
.news_lista:hover .newstime,.news_lista:hover .newstime i,.news_lista:hover .newsintro,.news_lista:hover .hqhd_msg .li_text,.news_lista:hover .hqpl_author {color: #fff;}
.news_lista:hover .newsmore {background-position-x: 0;}


.main {
    margin: 70px 0 150px 0;
}
.left_bg {
    position: absolute;
    right: 100%;
    margin-right: -384px;
    top: -70px;
    height: 100%;
    width: 100%;
    background: linear-gradient(#efefef, #fff);
    z-index: -1;
}

	.teamdetail_main{position: relative; padding: 0 40px;}
	.right {padding: 10px 0;}
.map{height: 400px;}

.lingyu_cont .right{overflow: hidden; padding-left: 50px;}
.lingyu_cont .right.cping_right{padding-left: 0;}
.cping_nav .li a{border-left: 4px solid transparent; border-right: none;}


.cping_left {float: left; width: 344px; box-sizing: border-box;}
.cping_right {overflow: hidden; padding-left: 70px;}
.cping_nav .li{padding: 0 0 12px;}
.cping_nav .li a {display: block; line-height: 30px; padding: 20px; border-left: 4px solid transparent; font-weight: bold; text-align: center; font-size: 18px;}
.cping_nav .li.acitve a, .cping_nav .li a:hover {background-image: linear-gradient(138deg, #5394f1, #093B82); border-color: #e2a24a; color: #fff;}
.cping_right .editor_con {color: #666; font-size: 16px; line-height: 1.625; padding: 5px 0;}
.cping_right .editor_con img{max-width: 100%;}
.right_part {padding: 0 0 27px;}
.right_tit {font-size: 20px; line-height: 26px; color: #083a81; font-weight: bold; padding: 10px 0; border-bottom: 1px solid #d7d7d7; margin-bottom: 10px;}
.contact{margin-top: 80px; margin-bottom: 40px;}
.tact h2{font-size: 24px;line-height: 36px; margin-bottom: 20px; margin-top: 20px;}
.tact i{margin-right: 20px;}
.tact p{font-size: 15px;line-height: 24px;}

.bt{border-top: 1px solid #083a813d}

.hqty_tit {font-size: 18px; color: #083a81; border-bottom: 1px solid #c9d4e3; line-height: 26px; margin-top: 40px;}
.hqty_tit strong {display: inline-block;padding: 7px 0;border-bottom: 1px solid #dfa85e;margin-bottom: -1px;}
.tet{font-size: 16px; line-height: 1.8; color: #666;}
.tet p{margin-top: 20px; text-align: justify;padding-right: 30px;}

.teet img{max-width: 100%;}
.teet{font-size: 16px; line-height: 1.8; color: #666;}
.teet p{margin-top: 5px;}
.teet h3{font-size: 22px;color: #083A81;line-height: 50px;}


.logo-txt::before{
    content: "MILITANT";
    position: absolute;
    top: 17px;
    left: 10px;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    z-index: 9999;
    font-weight: 700;
    display: none;
}
.menu-toggle {
    color: #fff;
    font-size: 22px;
    position: absolute;
    right: 20px;
    top: 17px;
    display: none;
    cursor: pointer;
}
.mobile-angle-icon{
    display: none !important;
}

.header-top-area {
    background: #083A81;
    padding: 9px 0;
}
.dreamit-header-menu-address ul {
    list-style: none;
}
.dreamit-header-menu-address ul li {
    display: inline-block;
    margin-right: 16px;
}
.dreamit-header-menu-address ul li a {
    color: #fff;
}
.dreamit-header-menu-address ul li span {
    color: #fff;
}
.dreamit-header-menu-address ul li a i {
    margin-right: 7px;
}
.dreamit-header-menu-address ul li span i {
    margin-right: 7px;
}
.dreamit-header-top-socail {
    text-align: right;
}
.dreamit-header-top-socail a {
    color: #fff;
    display: inline-block;
    margin-left: 15px;
}
.sticky-nav {
left: 0;
margin: auto;
position: fixed !important;
top: 0;
width: 100%;
box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
z-index: 9999;
-webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
-webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
transition: .5s !important;
background: #fff!important;
}
.sticky-nav .dreamit-header-menu ul li a {
    color: #000;
}
.stiky-logo {
display: none;
}
.sticky-nav .stiky-logo {
display: inline-block;
}
.sticky-nav .main-logo {
display: none;
	width: 100%;
}

.mobile-menu-social-icon {
    display: none;
}
.sticky-nav .header-button a{background: #083A81; color: #fff;}
.stiky-logo{margin-top: 5px;}
/* Sub Menu Css */
.dreamit-header-menu ul li .sub-menu {
    opacity: 0;
    background: #fff;
    width: 286px;
    position: absolute;
    left: 0;
    top: 150%;
    transition: .5s;
    z-index: 22;
    overflow: hidden;
    visibility: hidden;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    border-top: 3px solid #F79C0E;
    padding: 10px 0;
	text-align: left;
}
.dreamit-header-menu ul li:hover .sub-menu{
    opacity: 1;
    top: 100%;
    visibility: visible;
}
.dreamit-header-menu ul li .sub-menu ul li {
    display: block;
}
.dreamit-header-menu ul li .sub-menu ul li a {
    visibility: inherit;
    padding: 8px 0px;
    transition: .5s;
    display: block;
    font-size: 15px;
    color: #333 !important;
    transition: .5s;
    margin: 0;
}
.dreamit-header-menu ul li .sub-menu ul li:last-child{ margin: 0 15px;}
.dreamit-header-menu ul li .sub-menu ul li a:hover{
    color:#083A81 !important;
}
/* Home Two Css */
.single-middle-address-icon i {
    font-size: 30px;
    float: left;
    color: #083A81;
    padding-right: 15px;
}

.single-middle-address-content h3 {
    color: #565872;
    font-size: 15px;
    font-weight: 600;
}
.single-middle-address-content a:hover {
    color: #333;
}

.single-middle-address-content a {
    color: #083A81;
    transition: .5s;
}


.vidbacking-active-body-back{
	position: fixed;
	z-index: -100;
	min-width: 100%;
	min-height: 100%;
	top: 50%;
	left: 50%;
	background-size: cover;
	overflow: hidden;
	opacity: 1;
	transition: 2s opacity;
	transform: translateX(-50%) translateY(-50%);
}

.vidbacking-active-block-back{
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	height: auto;
	width: auto;
	z-index: -100;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.vidbacking{
	display: none;
}
.vidmask-body-back{
	background: url("../images/bg1.png") repeat;
	opacity: 0.4;
	min-height: 100%;
	min-width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -50;
	display: block;
}
.vidmask-block-back{
	background: url("../images/bg1.png") repeat;
	opacity: 1;
	min-height: 100%;
	min-width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: auto;
	width: auto;
	z-index: -50;
	display: block;
}

a.main-logo{display: block;margin-top: 20px;}
.dreamit-header-logo a img{max-width: 100%;}

.cp-rongyu{width: 100%;}
.cp-rongyu ul{width: 100%;}
.cp-rongyu ul li{width: 31%;margin: 10px 1%;float: left;}
.cp-rongyu ul li img{max-width: 100%;}
.cp-rongyu ul li p{text-align: center;line-height: 36px; margin-top: 5px;}



.slider1 {
    height: 948px;
    background: url(../images/banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1;
}
.slider2 {
    height: 948px;
    background: url(../images/banner2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1;
}
.slider3 {
    height: 948px;
    background: url(../images/banner1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1;
}

.slider-area:before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    background: rgba(0, 0, 0, 0.4);
}

.dreamit-slider-content::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    background: rgba(0, 96, 170, 0.70);
    z-index: -1;
    border-radius: 10px;
}
.white h1, .white h2, .white h3, .white h4, .white h5, .white h6{color: #fff;}
.range {
    display: flex;
    flex-wrap: wrap;
}
.dreamit-slider-content h2 {
    font-size: 70px;
    font-weight: 700;
    letter-spacing: 10px;
    margin: 0 0 10px;
    text-transform: uppercase;
	color: #fff;
	line-height: 140px;
}
.dreamit-slider-content.wten h2 {font-size: 90px;}
.dreamit-slider-content h3 {
    font-size: 24px;
    font-weight: 500;
    margin: auto;
    text-transform:uppercase;
	letter-spacing: 1px;
    display: block;
    line-height: 1.4;
color: #fff;
}

.dreamit-slider-content-inner{text-align: center;}
.dreamit-slider-content-inner p{font-size: 18px;padding-bottom: 6px; border-bottom: 3px solid #F79C0E; display: inline-block; margin-bottom: 20px; color: #fff;}

.slider-button{margin-top: 20px;}
.slider-button a {
    color:#fff;
    display: inline-block;
    background: transparent;
    border: 2px solid #fff;
    font-size: 17px;
    padding: 18px 50px;
    text-transform: capitalize;
    transition:.5s;
}
.owl-carousel .owl-item .slider-button a img{display: inline-block;    margin-left: 10px;}

.slider-button a:hover{
	background:#AF0069 !important;
	color:#fff;
	border: 2px solid #AF0069 !important;
}
.slider-button .active {
    color:#fff;
    background:#AF0069 !important;
    border: 2px solid #AF0069;
    transition:.5s;
}
.slider-button .active:hover{
	background:transparent !important;
	border: 2px solid #fff !important;
}
.slider_list{overflow: hidden;}
.d-flex {
    display: flex !important;
}
.align-items-center {
    align-items: center !important;
}


.owl-nav {
    position: relative;
}
.slider_list .owl-prev, .owl-next {
    position: absolute;
    top: -522px;
    height: 78px;
    width: 50px;
    line-height: 76px;
    border: 1px solid #fff;
    text-align: center;
    border-radius: 2px;
    font-size: 25px;
    color: #fff;
    transition: .5s;
}

.slider_list .owl-next {
    right: -58px;
}
.slider_list .owl-prev {
    left: -58px;
}

.slider_list .owl-prev:hover {
    background: #0045aa2b;
    color: #fff;
}
.slider_list .owl-next:hover{
    background: #0045aa2b;
    color: #fff;  
}
.slider_list:hover .owl-prev{
	left:40px;
}
.slider_list:hover .owl-next{
	right: 40px;
}
.owl-item .slider2{}
.slider2 .dreamit-slider-content{}
.dreamit-slider-content .white h2{color: #fff;}
.dreamit-slider-content .white h3{color: #fff;}
.slider2 .slider-button a{background: none;}




.lingyu_cont {position: relative; }
.lingyu_cont::before{content: ""; position: absolute; display: block; left: 66.6%; top: -70px; height: 100%; width: 100%; background: linear-gradient(#efefef, #fff); z-index: -1;}
.lingyu_cont .left{float: left; width: 66.6%; box-sizing: border-box; padding-right: 70px;}
.lingyu_cont .left .tit{font-size: 16px; line-height: 26px; padding-bottom: 30px; color: #777;}
.lingyu_cont .left .editor_con {font-size: 16px; line-height: 2;}
.lingyu_cont .left h1{color: #083a81; font-size: 24px; font-weight: bold; padding-bottom: 20px; text-align: center;}
.lingyu_cont .left h2 {margin: 10px 0; font-size: 20px; font-weight: bold; color: #083a81;}
.lingyu_cont .left h3 {margin: 8px 0; font-size: 18px; font-weight: bold; color: #083a81;}

.lingyu_cont .left img{max-width: 100%;}
.editor_con ul{padding: 15px 0 30px;}


.tuandui_list{ margin-top: 40px;}
.tuandui_list li{list-style: none; text-align: center;}
.tuandui_lista{display: block; background: #F7F7F7; margin-bottom: 20px; overflow: hidden; transition: 0.5s; border: 1px solid #f5f5f5;}
.tuanduitit{font-size: 17px; font-weight: bold; letter-spacing: 1px; margin-top: 15px; line-height: 24px; text-align: center;}
.tuanduijj{display: inline-block;padding: 0 15px; line-height: 24px; font-size: 14px; border: 1px solid #999; border-radius: 20px; margin: 20px auto;}

.tuandui_lista:hover {
    background-image: linear-gradient(138deg, #5394f1, #093B82);
    color: #fff;
}
.tuandui-detail{ background: #083A81; overflow: hidden;}
.tuandui-dteail-right{ margin:20px 40px;}
.lingyu_cont .left .tuandui-dteail-right h1{font-size: 32px;font-weight: bold;line-height: 40px;letter-spacing: 3px; text-align: left; color: #fff;}
.tuandui-dteail-right p{line-height: 40px;font-size: 15px;letter-spacing: 1px; margin-bottom: 10px; border-bottom: 1px solid #456eaf; color: #fff;word-wrap: break-word;}
.tuandui-dteail-right p b{font-size: 16px; font-weight: bold;}
.tuandui_con p{color: #666;
    font-size: 16px;
    line-height: 1.625;}
.tuandui_con h3 {
    font-size: 18px;
    line-height: 26px;
    color: #083a81;
    font-weight: bold;
    padding: 10px 0;
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 10px;
}


.zpxxnr {

	margin-bottom: 50px;

}

.zpxxnr ul li {
	width: 48%;	margin: 0 1%;
	display: block;
	float: left;
	padding-bottom: 20px;
}

.zpxxnr ul li a {
display: block;
	border: 1px solid #EBEBEB;


	height: 272px;

	padding: 20px;

	transition: all .3s;

	-moz-transition: all .3s;	/* Firefox 4 */

	-webkit-transition: all .3s;	/* Safari 和 Chrome */

	-o-transition: all .3s;	/* Opera */

}

.zpxxnr ul li a:hover {

	box-shadow: 0 0 14px #cecaca;

	transition: all .3s;

	-moz-transition: all .3s;	/* Firefox 4 */

	-webkit-transition: all .3s;	/* Safari 和 Chrome */

	-o-transition: all .3s;	/* Opera */

}

.zpxxnr ul li a:hover .nwsmor {

	color: #fff;

	border: 1px solid #0C4DA2 !important;

	background: #0C4DA2;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

	-o-transition: all .3s;

	transition: all .3s;

}

.zpxxnr ul li a:hover .nwsmor b {

	border-top: 1px solid #fff;

	border-right: 1px solid #fff;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

	-o-transition: all .3s;

	transition: all .3s;

	right: 25px;

}

.nwsmor b {

	font-weight: normal;

	transform: rotate(45deg);

	-ms-transform: rotate(45deg); 	/* IE 9 */

	-moz-transform: rotate(45deg); 	/* Firefox */

	-webkit-transform: rotate(45deg); /* Safari 和 Chrome */

	-o-transform: rotate(45deg); 	/* Opera */

	border-top: 1px solid #666;

	border-right: 1px solid #666;

	display: block;

	width: 8px;

	height: 8px;

	position: absolute;

	top: 16px;

	right: 30px;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

	-o-transition: all .3s;

	transition: all .3s;

}

.zpwcl {

	float: left;

	width: 70%;

}

.zpwcl .zplbt {

	font-size: 24px;

	font-weight: bold;

	color: #000;

	display: block;

}

.zpwcl .zpljj {

	font-size: 14px;

	color: #585858;

	display: block;

	line-height: 54px;

}

.zpwcl .zpljj b {

	font-weight: 100;

	padding: 0 10px;

}

.zpwcl .zpljj2 {

	display: block;

	overflow: hidden;

	margin-bottom: 20px;

}

.zpwcl .zpljj2 b {

	display: block;

	padding: 7px 10px;

	background: #F5F5F5;

	color: #8C8C8C;

	border-radius: 3px;

	float: left;

	margin-right: 5px;

	font-weight: normal;

}

.zpwcl .zpljj3 {

	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #666;
	width: 100%;

}

.zpwcr {

	float: right;

	width: 30%;

}

.zpwcr .wzpnm {

	display: block;

	height: 168px;

	line-height: 138px;

	text-align: right;

}

.zpwcr .nwsmor {
	float: right;

	display: block;

	width: 150px;

	border: 1px solid #666;

	height: 42px;

	line-height: 42px;

	padding-left: 30px;

	font-size: 14px;

	color: #666;

	border-radius: 3px;

	position: relative;
}



.lingyu_cont .right .part2 dl{padding-bottom: 60px;}
.lingyu_cont .right .part2 dl:last-child{padding-bottom: 0;}
.lingyu_cont .right .part2 dt{border-bottom: 1px solid #c3cddd; color: #083a81; font-size: 18px; font-weight: bold; margin-bottom: 20px;}
.lingyu_cont .right .part2 dt i{position: relative; display: inline-block; padding-bottom: 10px; font-style: normal;}
.lingyu_cont .right .part2 dt i::before{content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 1px; background: #e2a24a;}
.lingyu_cont .right .part2 li{padding-bottom: 25px;}
.lingyu_cont .right .part2 li:last-child{padding: 0;}
.lingyu_cont .right .part2 li a{color: #666; line-height: 22px; display: inline-block;}
.lingyu_cont .right .part2 li a:hover{color: #083a81;}

.lingyulist .yewu_list_li{box-shadow: 0px 0px 20px #f3f3f3;}
.lingyulist .yewu_list_li a{ height: 300px;}
.lingyulist .yewu_list_li i{margin-top: 80px;}
.xypg-detail-pn {
	margin-top: 30px;
}

.xypg-detail-pn div {
	margin-bottom: 10px;
	background: #f5f5f5;
	line-height: 35px;
	padding: 0 20px;
	position: relative;
}

.xypg-detail-pn div b {
	font-size: 16px;
	color: #333333;
	float: left;
	font-weight: normal;
}

.xypg-detail-pn div a {
	width: 75%;
	font-size: 14px;
	color: #565656;
}

.xypg-detail-pn div a:hover {
	color: #0088cf;
}



h1.title {
    font-size: 22px;
    font-weight: 600;
    line-height: 48px;
    text-align: center;
}
.headertop {
    padding: 20px 0;
    background: #fbfbfb;
}
.venus-menu {
    width: 100%;
}
.venus-menu li {
    width: 14%;
    float: left;
    text-align: center;
    margin-top: 10px;
}
.venus-menu li a {
    font-size: 18px;
    line-height: 42px;
}
.venus-menu li a:hover {
    color: #085fb0;
    font-weight: 500;
}
.width30 {
    width: 30%;
    float: left;
    background: url("../images/nab_bg.jpg") no-repeat;
    background-size: cover;
}
.width70 {
    width: 70%;
    float: left;
}
.bgfff {
    background: #fff;
    overflow: hidden;
}
.width30 h3 {
    text-align: right;
    font-size: 35px;
    line-height: 50px;
    padding: 60px 30px 60px 0;
    color: #fff;
}
.f9 {
    background: #f9f9f9;
    padding: 30px 0;
}
.f6 {
    background: #f6f6f6;
    padding: 30px 0;
}
.con_body h3 {
    font-size: 16px;
    line-height: 2.2em;
}
.con_body p {
    line-height: 42px;
    font-size: 16px;
}
/*footer*/




.pagination>li {
    display: inline;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    text-decoration: none;
    background:none;
    padding: 0;
    border: none;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #999;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    z-index: 2;
    color: #999;
    background:none;
    border-color: #ddd
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}
.pagination-lg>li>a, .pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333
}
.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}
.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}
.pagination-sm>li>a, .pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}
.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}
.pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}
nav.for-pagination {
    text-align: center;
    margin-bottom: 50px;
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination>li {
display: inline;
    float: left;
    line-height: 1.42;
    border: 1px solid #ccc;
    padding: 6px 12px;
    margin: 0 0 0 5px;
}
.pagination>li.thisclass {
    background: #083A81;
    color: #fff;
    margin-left: 0.75em;
}
.pagination>li.shouye {
    padding: 6px 12px;
    background: #fff;
    color: #999;
    border: 1px solid #ddd;
    margin-left: 0.75em;
    line-height: 1.42;
}
nav.for-pagination .pagination li.active a {
    background-color: #334870;
    border-color: #334870;
    color: #fff;
}
nav.for-pagination .pagination li span {
    color: #999;
}
nav.for-pagination .pagination li:nth-child(n+2) a {
    color: #999;
}


.mianbaoxie{border-bottom: 1px solid #e3e4e4; line-height: 60px; background: #fff;}
.cp-tit{ width: 100%; background: url("../images/left-top.jpg") center no-repeat; background-size: cover;}
.cp-tit h3{line-height: 36px; margin-left: 20px; font-size: 30px; font-weight: bold;color: #fff; padding: 40px 0;}
.left-dl{ border: 1px solid #e3e4e4;}
.left-dl dd{line-height: 46px; font-size: 16px;padding-left: 20px; border-bottom: 1px solid #e3e4e4;}
.left-dl dd:last-child{border: none;}
.left-bottom{width: 100%; background: url("../images/left-bot.jpg") center no-repeat; background-size: cover; height: 239px;}
.left-bottom p{
    text-align: center;
    line-height: 18px;
    color: #fff;
    font-size: 18px;
    padding-top: 106px;
    display: block;}

.tel400 {
    font-family: "Impact";
    line-height: 55px;
    width: 100%;
    margin-top: 8px;
    text-align: center;
    font-size: 33px;
    color: #FFF;
}
.left-lianxi{border: 1px solid #e3e4e4;}
.left-lianxi-tit h3{padding: 20px;color: #fff;font-size: 20px; width: 100%; background: url("../images/left-tit.jpg") center no-repeat; background-size: cover;}
.left-lianxi p{ margin: 0 20px; line-height: 26px;}
.left-lianxi p img{text-align: center;}

.newText .H1{font-size:24px; color:#333333; text-align: center}
.newTextDiv{border-top:1px solid #d7d8d8; border-bottom:1px solid #d7d8d8; padding:9px 0; margin: 30px 0 40px 0; text-align: center;}
.newTextDiv .H2{font-size:14px; color:#777777; margin-right:0.83%; display: inline-block; line-height: 34px; letter-spacing: 0.5px;}
.newTextCon{font-size:14px; line-height: 30px; color:#333333; }
.newTextCon img{max-width: 100%;}

.xinwen-list{}
.xinwen-list dl dd{ display: block;padding: 30px 0; border-bottom: 1px solid #e3e4e4; overflow: hidden;}
.xinwen-list dl dd .time{width:9.76%; float:left; position: relative; padding-top:10px;}
.xinwen-list dl dd .time::after{width:30px; height: 2px; content: ""; background-color:#d9d9d9; position: absolute; top:22px; right:0;}
.xinwen-list dl dd .time .H4{font-size:44px; font-family: Arial; font-weight: bold; color:#1A7BBE; line-height: 40px; }
.xinwen-list dl dd .time .H5{font-size:16px; color:#999999;font-family: Arial; margin: 12px 0;}
.xinwen-list dl dd .time .ico{width:24px; height: 12px; line-height: 0; display: block;}
.xinwen-list dl dd .text{width:87%; float:left; margin-left:2.4%;}
.xinwen-list dl dd .text .H4{font-size:18px; color:#333333; padding:14px 0 23px 0;}
.xinwen-list dl dd .text .p{font-size:14px; color:#999999; line-height: 26px; height:78px;
	overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; }
.xinwen-list dl dd .list:hover .H4{color:#1A7BBE;}

.chanpin-list{background: #F5F5F5;padding: 20px;}
.chanpin-list ul{width: 100%;}
.chanpin-list .list{float:left; width:31.76%; margin:0 2.36% 30px 0; background-color:#fff;}
.chanpin-list .list:nth-child(3n){margin-right:0;}
.chanpin-list .box .img{width:100%; padding-bottom:100%; position: relative; overflow: hidden;}
.chanpin-list .box .img img{width:100%; height: 100%; position: absolute;
-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;}
.chanpin-list .box .text{border:1px solid #e7e7e7; padding:30px 15px;}
.chanpin-list .box .text .H4{font-size:16px; color:#282d28; height: 18px;line-height: 18px; overflow: hidden;}
.chanpin-list .box .text .line{width:68px; height: 2px; display: block; background-color:#1A7BBE; margin: 20px 0; position: relative;}
.chanpin-list .box .text .line::after{width:25px; height: 2px; background-color:#afafaf; position: absolute; top:0; left:76px; content: "";}
.chanpin-list .box .text .more{font-size:12px; color:#666666; font-family: Arial; text-transform: uppercase;}
.chanpin-list .list:hover .img img{transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);}
.chanpin-list .list:hover .H4{color:#1A7BBE;}
.lingyu_cont .left{padding-right: 10px;}

/*******************************************************************************************************************************************************************************/
@media (max-width: 1920px) {
  .display-pc{display: block;}
  .display-600 {display: none; }
}


@media (max-width: 1600px){
	.wrap{width: 1200px; }
	.screen{padding: 0 6%;}
	.yewu_list_li b{font-size: 16px;}
}

@media (max-width: 1440px){
	.wrap{width: 1200px; }
	.screen{padding: 0 6%;}
	.yewu_list_li b{font-size: 16px;}
	.screen.yewu{padding-bottom: 30px;}
}
@media (max-width: 1366px){
	.wrap{width: 1200px; }
	.screen{padding: 0 6%;}
	.yewu_list_li b{font-size: 14px;}
	.screen.yewu{padding-bottom: 30px;}
	.dreamit-header-menu ul li a{font-size: 15px;}
	.pchan_header {font-size: 20px;}
	.cp-news dl dd{font-size: 13px;}
	.tuanduitit{font-size: 14px;}
	.footer-con h3 a{font-size: 15px;}
	.footer-con {padding-left: 30px;}
	.footer-right img{margin: 0;}
	.footer-right p{margin-left: 45px;}
	.footer-left p a {font-size: 12px;}

}

@media (max-width: 1000px) {
  .display-pc {display: none; }
  .display-600 {display: block; }
  .not-display-pc{display: block;}
  .not-display-600 {display: none; }

	
	.screen{padding: 0 5%;}
	.pchanp li{width: 50%; margin-bottom: 10px;}
	.yewu {
    margin-top: 30px;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
	.mtl{text-align: center; margin-bottom: 10px;}
	.mtl .iii{display: none;}
	
.pagination{width: 100%;font-size: 12px;}
.pagination span{padding: 4px 2px; background: #2F3237; margin-right: 3px; color: #fff;font-size: 12px;}
.pagination span a{color: #fff;font-size: 12px;}
.page-numbar a{ margin-right: 5px;font-size: 12px;}
.page-numbar a.page-num-current{color: #F79C0E;font-size: 12px;}
.range {    display: flex;    flex-wrap: wrap;}

	.slider1{height: 550px;background-position: right center;}
	.slider2{height: 550px;}
	.slider3{height: 550px;}
	.dreamit-slider-content::before{position: inherit;}
	.dreamit-slider-content h3{font-size: 20px;}
	.dreamit-slider-content h2{font-size: 25px; line-height: 36px; margin-bottom: 10px;}
	.slider-button a{padding: 8px 24px;}
	.slider_list:hover .owl-prev{left: 20px;}
	.slider_list .owl-prev, .owl-next{    top: -320px;    height: 30px;    width: 35px;    line-height: 30px;}
	.slider_list:hover .owl-next{right: 20px;}
	.index-about{padding: 0 10px 80px 10px;}
	.index-about .index-btn{display: none;}
	.main{overflow: hidden;margin: 70px 0 10px 0;}
	.wrap{width: 100%;}
	.lingyu_cont .left{width: 100%; padding: 0 5%;}
	.tet p{text-indent: 0; margin-top: 5px;}
	.lingyu_cont .left h1{padding-bottom: 6px;}
	.cp-rongyu ul li{width: 95%;}
	.tuandui-dteail-right p{margin-bottom: 0;    line-height: 30px;    font-size: 14px;}
	.tuandui-dteail-right {margin: 20px;}
	.tuandui_con p{font-size: 15px;}
	.lingyu_cont .left .tuandui-dteail-right h1 {font-size: 28px;}
	.news_listul .li{width: 100%;}
	.news_lista{padding: 20px 12px 20px 15px;}
	.lingyu_cont .left h1 {font-size: 20px; line-height: 30px;}
	.newTextDiv {margin: 15px 0 15px 0;}
	.newTextDiv .H2{line-height: 24px;}
	.xrtrn{padding-left: 15px; padding-right: 15px;}
	.zpxxnr ul li{width: 98%;}
	.zpwcl{width: 100%;}
	.zpxxnr ul li a{height: auto; overflow: hidden;}
	.zpwcl .zpljj {line-height: 20px;margin-top: 15px;}
	.contact {margin-top: 40px;}

	
	
	
	
.sub-menu-w {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #000;
  left: 0;
  top: 0;
  z-index: 9999;
  overflow-y: scroll;
  padding-bottom: 40px;
  display: none;
}
.sub-menu-w .btn-close {
  width: 56px;
  height: 56px;
  right: 0;
  top: 0;
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.sub-menu-w .btn-close img {
  width: 12px;
}
.sub-menu-w .menu-w {
  padding: 65px 40px 0;
}
.sub-menu-w .menu-w .menu-l {
  width: 100%;
  text-align: center;
  border-bottom: 1px rgba(255, 255, 255, 0.1) solid;
}
.sub-menu-w .menu-w .menu-l .mtt, .sub-menu-w .menu-w .menu-l .mtt a {
  color: #fff;
  font-size: 15px;
  line-height: 24px;
  font-weight: bold;
  padding: 9px 0;
}
.sub-menu-w .menu-w .menu-l:last-child {
  border-bottom: none;
}
.sub-menu-w .menu-w .menu-l .sub-menu {
  border-top: 1px rgba(255, 255, 255, 0.8) solid;
  padding: 8px 0;
  display: none;
}
.sub-menu-w .menu-w .menu-l .sub-menu a {
  display: block;
  color: rgba(255, 255, 255, 0.5);
  font-size: 11px;
  line-height: 16px;
  padding: 5px 0;
}
    
.topbar {
    height: 56px;
}

.topbar .logo-w {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 56px;
  background-color: #fff;
}
.topbar .logo-w .logo-ww {
  width: 100%;
  height: 56px;
  float: left;
  display: flex;
  justify-content: left;
  align-items: center;
}
.topbar .logo-w .logo-ww img {
  height: 30px;
    margin-left: 10px;
}
.topbar .logo-w.ylw {
  background-color: #083A81;
}
.topbar .navs-w {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10;
  height: 56px;
  background-color: #333;
}
.topbar .navs-w .menu-opener {
  width: 56px;
  height: 56px;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.topbar .navs-w .menu-opener img {
  width: 14px;
}
.topbar .navs-w .phone {
  width: auto;
  height: 56px;
  float: left;
  border-right: 1px rgba(0, 0, 0, 0.1) solid;
  padding: 0 25px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.topbar .navs-w .phone img {
  width: 19px;
  margin-right: 10px;
}
.topbar .navs-w .phone span {
  font-weight: bold;
  font-size: 21px;
}
.topbar .menu-w {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10;
  width: 0;
  height: 56px;
  overflow: hidden;
  transition: all 0.5s;
  border-left: 1px rgba(0, 0, 0, 0.1) solid;
}
.topbar .menu-w .menu-ww {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding-left: 25px;
  width: 100%;
  height: 100%;
  background-color: #333;
}
.topbar .menu-w .menu-ww .menus {
  padding-right: 35px;
}
.topbar .menu-w .menu-ww .menus .item {
  padding: 0 22px;
  line-height: 56px;
  font-size: 12px;
  color: #000;
  cursor: pointer;
  font-weight: bold;
  position: relative;
  display: inline-block;
  height: 56px;
  float: left;
}
.topbar .menu-w .menu-ww .menus .item:after {
  content: ' ';
  height: 3px;
  width: 100%;
  background-color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
  transition: opacity 0.4s;
}
.topbar .menu-w .menu-ww .menus .item.active:after, .topbar .menu-w .menu-ww .menus .item:hover:after {
  opacity: 1;
}
.topbar .menu-w .menu-ww .close-w {
  width: 56px;
  height: 56px;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background-color: #fff;
}
.topbar .menu-w .menu-ww .close-w img {
  height: 10px;
}
.topbar .menu-w.active {
  opacity: 1;
  width: calc(100% - 196px);
}
	
.pagination>li {padding: 1px 7px;}
}