@font-face{
	font-family:trump_gothic_east;
	src: url('../fonts/trump_gothic_east.eot');
	src: url('../fonts/trump_gothic_east.eot?#iefix') format('embedded-opentype'),
		url('../fonts/trump_gothic_east.woff2') format('woff2'),
		url('../fonts/trump_gothic_east.woff') format('woff'), 
		url('../fonts/trump_gothic_east.ttf') format('truetype'),
		url('../fonts/trump_gothic_east.svg#trump_gothic_east') format('svg');
}
@font-face {
  font-family: Met-Regular;
  src: url("../fonts/Metric_Regular.otf");
}
@font-face {
  font-family: Met-Bold;
  src: url("../fonts/Metric_Medium.otf");
}

body{overflow:auto;overflow-x: hidden;}
*{ margin:0; padding:0;box-sizing:border-box;font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;}
img{ border:none;}
ul,li{ list-style:none;}
.clear{ clear:both}
.l{ float:left;}
.r{ float:right;}
a{ text-decoration:none;}
a:hover{ text-decoration:none;}
.lh_75{height:75px;}
.lh_90{height:90px;}
.lh_35{height:35px;}
.lh_140{height:190px;}
.s_width{width:83%;margin:0 auto;}
.s_width2{width:83%;margin:0 auto;}

.header{width:100%;position:absolute; height:109px; top:0;z-index: 9999;display: flex;justify-content: space-between; align-items: center; transition: all .2s; background: url(../images/hhbg.png) repeat-x left top; }
.header_a{ background: rgba(0,0,0,0.35);}
.header_se{position:absolute; }




.logo{ display: flex;justify-content: flex-start;z-index: 101;align-items: center;padding:0 0 0 5px;}
.logo img{width:100%;max-width:193px;}
.logo div{display: flex;justify-content: space-around;flex-direction: column;padding:0 0 0 15px; color:#fff;}
.logo div strong{font-size: 19px; line-height: 30px;}



.header.fixed-header_h {height:90px; background-color: rgba(255,255,255,1);  background-image: none;}


.header.header_h {box-shadow: 0 0 5px rgba(0, 0, 0, .2);background-color: #0e4aa4; background-image: none; }
.header.header_c {box-shadow: 0 0 0 rgba(0, 0, 0, .2);background-color:#0e4aa4; background-image: none; }
.header.header_h .logo div{color:#3b3c98;}

.header.header_xq {position: relative}


.header_tel{ padding:0 5px 0 0;}

.menu{ width:50%;}
.header .menu li {width:calc(100%/7); float: left; text-align: center}
.header .menu li a:hover { color: #fff}
.header .menu li a {  font-size: 16px;  line-height: 34px;   display: inline-block;  color: #fff;  position: relative; stransition: .5s all ease-in-out}
.header .menu li a:after{ content:''; width:0;height:2px; background: #fff;position: absolute;left:0;bottom:0;transition: 0.5s}
.header .menu li:hover a:after{ width:66px;}
.header.fixed-header_h .menu li a { color: #555;}
.header.fixed-header_h .menu li a:hover { color: #3b3c98}
.header.header_h .menu li a { color: #fff;}
.header.header_h .menu li a:hover { color: #fff}

.header.fixed-header_h .menu li a{line-height:90px;}

.son{background:rgba(0,0,0,0.8);position: absolute; z-index: 1; top: 100%; width: 100vw; left: 0; box-sizing: border-box; padding: 50px 0; display: none;}
.son .s_width{display: flex;justify-content: space-between; }
.son dd{width:30%; }
.son dd div{width:70%; margin:0 auto}
.son dd div img{width:100%; transition:0.4s ease;}
.son dd div:hover img{transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); }
.son dd a{ line-height: 45px;font-size: 16px; color:#fff;text-transform: uppercase;}
.header .menu li:hover .son dd a:after{ content:''; width:0;height:0;}

.header.fixed-header .son .son_li li a { color: #fff;}
.header.header_h .son .son_li li a { color: #fff;}
.header.fixed-header_h .son .son_li li a{line-height: 45px;}



/*footer*/
.footer{ background: #171b27 }
.footer ul{display: flex;justify-content: space-between;padding:55px 0}
.footer ul span{display: block;line-height: 45px;font-size: 16px;color:#a8b0c4}
.footer ul i{display: block;width:70px;height:1px;background:rgba(255,255,255,0.1);margin: 15px 0}
.footer ul dd{}
.footer ul dd a{color:#a8b0c4; font-size: 15px; line-height: 30px;}
.footer ul dd a:hover{color:#fff;}
.footer ul p{color:#a8b0c4; font-size: 15px; line-height: 30px;}
.footer ul img{margin: 0 0 15px 0}
.footer ul .f_logo img{margin: 0 0 35px 0}

.footer_p{ line-height:125px; text-align:center; font-size:15px; color:#a8b0c4; border-top:1px solid rgba(255,255,255,0.1) }
.footer_p a{ color:#a8b0c4}
.footer_p a:hover{ color:#fff}


.title{ display: flex;justify-content: space-between;align-items:flex-end;margin: 0 0 40px 0}
.title>a{ border-bottom:1px solid rgba(0,0,0,0.4);line-height: 55px; color:#6a6a6a}
.title>div{ display: flex;justify-content: space-between;flex-direction: column;font-size: 43px;color:#2f2f2f}
.title>div div{margin: 0 0 15px 0}
.title>div div span{padding: 0 0 0 10px}
.title>div p{ font-size:17px;color:#646464}
.title>div strong{ color:#373a9b}

.yingyong{padding:50px 0 65px 0}
/*index_h*/
.index_h{ position:relative}
.index_huahai{ }

.index_huahai_con{ width:100%; overflow:hidden;}
.index_huahai_con .zong{ width:100%; position:relative;}
.index_huahai_con .zong img{ }
.index_huahai_con .huahai_l{ width:303px; height:100%; position: absolute;right:0;top:0;z-index: 2; display: flex;justify-content: space-between;background:rgba(0,0,0,0.4)}
.index_huahai_con .huahai_l ul{ display: flex;justify-content: space-between;flex-wrap: wrap}
.index_huahai_con .huahai_l li{ width:50%; text-align:center; border-bottom:1px solid rgba(255,255,255,0.2); border-right:1px solid rgba(255,255,255,0.2); display: flex;justify-content: center;align-items: center;flex-direction: column}
.index_huahai_con .huahai_l li p{ font-size:17px; color:#fff; line-height: 55px; }
.index_huahai_con .huahai_l li:hover{background:rgba(255,255,255,0.7)}
.index_huahai_con .huahai_l li:hover p{ color:#383838;   font-size:20px; font-weight: bold}
.index_huahai_con .huahai_l li.cp_crnt p{ font-size:20px; font-weight:bold; color:#383838}
.index_huahai_con .huahai_l li.cp_crnt{background:rgba(255,255,255,0.7)}
.index_huahai_con .huahai_l li div{ background-position: center center; background-repeat: no-repeat; width:39px;height:49px;}
.index_huahai_con .huahai_l li.cp_a div{ background-image:url(../images/j_a.png)}
.index_huahai_con .huahai_l li.cp_b div{ background-image:url(../images/j_b.png)}
.index_huahai_con .huahai_l li.cp_c div{ background-image:url(../images/j_c.png)}
.index_huahai_con .huahai_l li.cp_d div{ background-image:url(../images/j_d.png)}
.index_huahai_con .huahai_l li.cp_e div{ background-image:url(../images/j_e.png)}
.index_huahai_con .huahai_l li.cp_f div{ background-image:url(../images/j_f.png)}
.index_huahai_con .huahai_l li.cp_g div{ background-image:url(../images/j_g.png)}
.index_huahai_con .huahai_l li.cp_h div{ background-image:url(../images/j_h.png)}
.index_huahai_con .huahai_l li.cp_a:hover  div{ background-image:url(../images/j_a_h.png)}
.index_huahai_con .huahai_l li.cp_b:hover  div{ background-image:url(../images/j_b_h.png)}
.index_huahai_con .huahai_l li.cp_c:hover  div{ background-image:url(../images/j_c_h.png)}
.index_huahai_con .huahai_l li.cp_d:hover  div{ background-image:url(../images/j_d_h.png)}
.index_huahai_con .huahai_l li.cp_e:hover  div{ background-image:url(../images/j_e_h.png)}
.index_huahai_con .huahai_l li.cp_f:hover  div{ background-image:url(../images/j_f_h.png)}
.index_huahai_con .huahai_l li.cp_g:hover  div{ background-image:url(../images/j_g_h.png)}
.index_huahai_con .huahai_l li.cp_h:hover  div{ background-image:url(../images/j_h_h.png)}
.index_huahai_con .huahai_l li.cp_crnt.cp_a div{ background-image:url(../images/j_a_h.png)}
.index_huahai_con .huahai_l li.cp_crnt.cp_b div{ background-image:url(../images/j_b_h.png)}
.index_huahai_con .huahai_l li.cp_crnt.cp_c div{ background-image:url(../images/j_c_h.png)}
.index_huahai_con .huahai_l li.cp_crnt.cp_d div{ background-image:url(../images/j_d_h.png)}
.index_huahai_con .huahai_l li.cp_crnt.cp_e div{ background-image:url(../images/j_e_h.png)}
.index_huahai_con .huahai_l li.cp_crnt.cp_f div{ background-image:url(../images/j_f_h.png)}
.index_huahai_con .huahai_l li.cp_crnt.cp_g div{ background-image:url(../images/j_g_h.png)}
.index_huahai_con .huahai_l li.cp_crnt.cp_h div{ background-image:url(../images/j_h_h.png)}

@media only screen and (max-width:1680px){ 
	.s_width{width:94%}
	.s_width2{width:94%}
}
@media only screen and (max-width:1400px){ 
	.header.fixed-header_h .son .son_li li a{line-height: 40px;}
	.logo div strong{font-size: 17px;}
}
@media only screen and (max-width:1350px){ 
	.logo div strong{font-size: 15px;}
	.menu{width:45%;}
	.header .menu li a{font-size: 15px;}
}