@charset "utf-8";
*{margin:0;padding:0;box-sizing:border-box;}
a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;}
*,:after,:before{-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
*,a,div,h1,h2,h3,h4,h5,html,img,li,p,span{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body{font-size:12px;line-height:normal;color:#666;font-family:"Microsoft YaHei","微软雅黑",sans-serif;-webkit-text-size-adjust:none;background:#FFF;text-align:center;position:relative;line-height:1;}
header,footer,section,hgroup,nav,article,aside,details,figcaption,figure,menu{display:block;}
input{font-size:12px;line-height:16px;}
input::-ms-clear{display:none;}
input::-ms-reveal{display:none;}
img{border:0;}
ul{list-style:none;}
textarea{resize:none;overflow:auto;}

/* 颜色链接 */
a:link,a:visited{text-decoration:none;}
a:hover{transition:all 0.3s ease-in-out 0s;}
textarea,input,select,button{outline:none;border: 0;}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }

/* HTY Common Reset*/
html{overflow-x:hidden}
html button::-moz-focus-inner{border-color:transparent!important;}
input,button,textarea,select,option{font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;}
fieldset{border:0;}
iframe{background-image:none;}
p{margin:0;padding:0;}
a{text-decoration:none;outline:none;}

/* HTY Common Atom*/
.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;overflow:hidden;visibility:hidden;width:0;height:0;}
.fl{float:left;}
.fr{float:right;}
.c_b{clear:both;}
.area{width:1275px;position:relative;margin:0 auto;height: auto;}
.opacity0{opacity:0;}
/*隐藏*/
.hide1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hide2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
/* 头部 */
.header{ height: 120px; width: 100%; background-color: #FFFFFF;}
.flex{display: flex; align-items: center;justify-content: space-between;}
.header .logo{width:657px; height: 120px;}
.header .search{position:relative;height: 36px; width: 260px;}
.header .search input{width: 100%;background-color: #f7f7f7; height: 36px; line-height: 36px; padding:0 24px; border-radius: 5px;}
.header .search .btn{position: absolute;right: 0;top: 0;width: 42px;height: 36px;background-color: #00519d;border-radius: 5px;display: flex;}

.header .search .btn img{width: 25px; height: 25px; margin: 5px auto;}
.nav-box{-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;background-color: #00519d;height: 65px;display: flex;justify-content: center;}
.nav-box .navbar_nav{display: flex;justify-content: center;align-items: center;}
.nav-box .navbar_nav li{position: relative;display: block;flex:1}
.nav-box .navbar_nav li a{text-decoration: none;height: 100%;padding: 0 39px;display: block;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;color: #fff;font-size: 16px;}
.nav-box .navbar_nav li.dropdown{display: inherit;position: relative; z-index: 999;}
.nav-box .navbar_nav li.dropdown:hover{background: linear-gradient(to bottom, #fefeff, #f1f8ff, #e8f4ff);height:57px; line-height: 57px; margin-top: 8px; color: #00519d;}
.nav-box .navbar_nav li.dropdown:hover a{color: #00519d;}
.nav-box .navbar_nav li.active{background: linear-gradient(to bottom, #fefeff, #f1f8ff, #e8f4ff);height:57px; line-height: 57px; margin-top: 8px; color: #00519d;}
.nav-box .navbar_nav li.active a{ color: #00519d;}
.nav-box .navbar_nav li.dropdown .dropdown_menu{position: absolute;top:57px;background:none;/* box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38); */ left:0; display: none;width: 700px;}
.nav-box .navbar_nav li.dropdown .dropdown_menu li{float: left;}
.nav-box .navbar_nav li.dropdown .dropdown_menu a{font-size: 16px;color: #666;padding: 0 10px;text-align: center;background: #fff;display: block; position: relative; line-height: 45px;}
.nav-box .navbar_nav li.dropdown .dropdown_menu a:after{ position: absolute; content:""; top: 15px;right: 0; width: 1px;height: 15px; background-color: #00519D;}
.nav-box .navbar_nav li.dropdown .dropdown_menu li:last-child a::after{display:none;}
.nav-box .navbar_nav li.dropdown:hover .dropdown_menu{background:none;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s; display: block; width: 700px;}
span:focus {outline: none;}
 

/* 底部 */
.footer{width: 100%; background-color: #044989;}
.footer .left{position: relative;margin:0;}
.footer .left .top{display: flex; justify-content: space-between; margin-bottom: 35px;}
.footer .left .top .pclogo{width:548px; height: 75px;}
.footer .left .top .icont{margin-left: 45px; color: #FFFFFF;font-size: 16px; margin-top: 8px;}
.footer .left .top .icont .map{display: flex; line-height: 32px;  align-items: center;}
.footer .left .top .icont .map img{ width:16px; height: 17px; margin-right: 5px;}
.footer .left .top .icont .info{display: flex;}
.footer .left .top .icont .info .tel{display: flex;line-height: 32px;align-items: center;}
.footer .left .top .icont .info .tel p{color: #FFFFFF 1 !important;}
.footer .left .top .icont .info .tel img{width:15px; height: 16px;margin-right: 5px;}
.footer .left .top .icont .info .email{display: flex;line-height: 32px;align-items: center; margin-left: 10px;}
.footer .left .top .icont .info .email img{width:20px; height: 15px;margin-right: 5px;}

.footer .left .bottom{position: relative;display: flex; color: #FFFFFF; font-size: 14px; padding: 15px 6px;line-height: 35px;}
.footer .left .bottom:before{content:"";position:absolute;width:100%;left:0; top: 0; height: 1px; background-color: #0d448b;}
.footer .left .bottom:after{content:"";position:absolute;width:100%;left:0; top: 1px; height: 1px; background-color: #165cb1;}
.footer .left .bottom p{ margin-right: 15px;}
.footer .left .bottom p a{color: #FFFFFF; }
.footer .right{display: flex;flex-direction: column; color: #bbdefe; margin: 20px;}
.footer .right img{width: 136px; height: 136px}

.footer .right span{line-height: 35px; font-size: 15px;letter-spacing: 2px;}
#navToggle{
	display: none;
}

/* 移动端导航 */
.m_nav{position:fixed;top:0px;box-shadow:0 15px 27px 0 rgba(167,165,165,0.38);width:100%;height:100%;background:rgba(4,73,137,1);transition:all ease 0.5s;-webkit-transition:all ease 0.5s;z-index:1000;opacity:1;visibility:visible;margin-top:0;overflow-y:auto;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;top:0;transform:translateX(100%)}
.m_nav.open{transform:translateX(0)}
.m_nav .top{height:60px;padding:20px;box-sizing:border-box}
.m_nav .top .closed{width:30px;height:30px;vertical-align:middle;float:right;cursor:pointer}
.m_nav .logo{width:100%;margin:0 auto}
.m_nav .logo img{display:block;margin:0.3rem auto; width: 90%;}
.m_nav .ul{margin-top:30px}
.m_nav .ul li{padding:0 20px;border-bottom:1px solid #f5f5f5;transform:translateY(0);-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;opacity:0; text-align: left;}
.m_nav.open .ul li{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
.m_nav .ul li:nth-child(1){-webkit-transition:all .2s cubic-bezier(.77,0,.175,1) 0ms;transition:all .2s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li:nth-child(2){-webkit-transition:all .4s cubic-bezier(.77,0,.175,1) 0ms;transition:all .4s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li:nth-child(3){-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li:nth-child(4){-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0ms;transition:all .8s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li:nth-child(5){-webkit-transition:all 1.0s cubic-bezier(.77,0,.175,1) 0ms;transition:all 1.0s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li:nth-child(6){-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0ms;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li a{display:block;text-decoration:none;color:#FFFFFF;font-size:16px;height:50px;line-height:50px;width:100%}
.m_nav .ul li .dropdown_menu{display:none}
.m_nav .ul li.dropdown.active .dropdown_menu{display:block}
.m_nav .ul li .dropdown_menu a{display:block;height:50px;line-height:50px;padding:0 40px;box-sizing:border-box;border-bottom:1px solid #f5f5f5}
.m_nav .ul li .dropdown_menu a:last-child{border:none}
.empty{height: 80px;font-size: 16px;line-height: 80px;}
@media screen and (max-width: 992px){
	.mheader{padding:0 2%;height:.88rem; display: flex;justify-content: space-between; position:fixed;left: 0;top: 0;width: 100%; z-index: 99;background-color: #FFFFFF;}
	.mheader .mlogo{display: block;}
	.mheader .mlogo img{width:4.82rem; height: .49rem; }	
	.mheader .m-search{width:.4rem; height: .4rem; background: url(../images/m/m-search.png) no-repeat center center; background-size:.4rem .4rem;}
	.mheader .m-search-close{width:.4rem; height: .4rem; background: url(../images/m/seacha.png) no-repeat center center; background-size:.31rem .31rem;}
	.mheader .m-searchs{width:.4rem; height: .4rem; background: url(../images/m/v-search.png) no-repeat center center; background-size:.4rem .4rem;}
	.mheader .m-search-closes{width:.4rem; height: .4rem; background: url(../images/m/vseacha.png) no-repeat center center; background-size:.31rem .31rem;}
	.mheader #navToggle{display: block;}
	.mheader #navToggle img{ width: .4rem;height: .4rem;}
	.mheader #navToggle.open span:before{top:10px;-webkit-transform:translateY(-11px) rotate(-45deg);-moz-transform:translateY(-11px) rotate(-45deg);-ms-transform:translateY(-11px) rotate(-45deg);-o-transform:translateY(-11px) rotate(-45deg);transform:translateY(-11px) rotate(-45deg)}
	.mheader #navToggle.open span:after{bottom:12px;-webkit-transform:translateY(10px) rotate(45deg);-moz-transform:translateY(10px) rotate(45deg);-ms-transform:translateY(10px) rotate(45deg);-o-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg)}
	.mheader #navToggle.open span{background:none}
	.mheader #navToggle.open span:before,.mheader #navToggle.open span:after{background:#4f4f4f}
	.area {width: 96%; display: block;}
	.mt{margin-top: .88rem !important;}
	/* 内页头部 */
	.mheader .back img{ width: .4rem; height: .4rem;}
	.mheader .tit{width: 60%; font-size:.35rem;color: #FFFFFF ;margin-left: .4rem;}
	.hcolor{background-color: #00519D;}
	 /* 搜索弹框 */
	.m-searchbox{position:fixed;top: 0.88rem; left: 0; width: 100%; height: 1.06rem; background-color: #00519d;  z-index: 9; padding:0 2%; display: none;}
	.mser{display: flex;align-items: center; justify-content: space-between;position: relative;}
	.m-searchbox input{width: 96%; height: .64rem; margin:.2rem 2%; padding-left: .35rem; border-radius: .35rem; font-size: .28rem;padding-left: .9rem;line-height:.64rem;}
	.m-searchbox .btn{width:.76rem; height: .65rem; background-color: #1578d5;position: absolute; left: 0;top:.2rem;border-top-left-radius:.35rem; border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-left-radius: .35rem; border-right:2px solid #a1c8ec;}
	.m-searchbox .btn img{width:.34rem;height: .34rem; margin-top: .12rem;}
	/* 移动端底 */
	.footer .right{display: none;}
	.footer .area{width: 100% !important;}
	.footer .left .top{display: block;margin-bottom:0;padding-bottom: .3rem;}
	.footer .left .top .mflogo{width: 80%;padding-top: .24rem; margin: 0 auto; }
	.footer .left .top .icont{margin-left:0; font-size: .18rem; margin-top:0;}
	.footer .left .top .icont .map{justify-content: center;line-height: .32rem}
	.footer .left .top .icont .map img{width: .25rem; height: .25rem;}
	.footer .left .top .icont .info{justify-content: center; align-items: center;}
	.footer .left .top .icont .info .tel{line-height: .32rem;}
	.footer .left .top .icont .info .tel img{width:.25rem; height: .26rem; }
	.footer .left .top .icont .info .email{line-height: .32rem;}
	.footer .left .top .icont .info .email img{width:.3rem;height: .2rem;line-height: .26rem;}
	.footer .left .bottom{display: none;}
	.empyt{height: .8rem;font-size: .18rem;line-height: .8rem;}
}