﻿html,body{overflow-x: hidden;}
body{position: relative;}

/*公共时间*/
.head_right input,.navlist li,.navlist,header{
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

header{height: 100px;line-height: 100px;background: white;overflow: hidden;    position: absolute;top: 0;left: 0;width: 100%;z-index: 111;}
.head1{width: 75%;margin:0 auto;position: relative;}
.head1 ul{display: inline-block;float: right;width:500px;vertical-align: top;}
.head1 li{display: inline-block;margin-right: 45px;vertical-align: top;}
.head1 li:last-child{margin-right: 0;}
.head1 li img{vertical-align: middle;margin-right: 6px;animation:run4 1s ease;}
.head1 li a{font-size: 16px;color: #666666;}
.head1 li:hover a{color: #0f6ab6;}

.header_u1{position: absolute;top: 0;right: 0;}
.hd1-a4{font-size: 24px;line-height: 100px;color: #e60012;float: right;}
.hd1-a5{width: 50px;float: right;margin-right: 6px;    overflow: hidden;}
.hd1-a5 img{width: 100%;}

.navlist{line-height: 70px;position: fixed;top: 100px;left: 0;width:100%;z-index: 111;background:rgba(11,82,147,.8)}
.navlist div{width: 75%;margin:0 auto;position: relative;}
.navlist ul{display: inline-block;vertical-align: top;width: 100%;}
.navlist li{display: inline-block;font-size: 16px;width: 12%;box-sizing: border-box;vertical-align: top;text-align: center;}
.navlist li:hover,.navlist li.active{background: #0f6ab6;}
.navlist li:hover>a,.navlist li.active>a{color: #68c6ff;}
.navlist li a{display: block;color: white;font-size: 16px;}
.head_right a{position: absolute;right:10px;}
.head_right a img{width: 19px;}
.head_right{display:inline-block;position: absolute;right:10px;top:0;}
.head_right img{width: 25px;vertical-align: middle;}
.head_right form{display: inline-block;vertical-align: middle;}
.head_right input{padding-left:10px;box-sizing:border-box;color:white;width:150px;border: transparent;background: transparent;border: 1px solid lightgray;height: 33px;border-radius:50px;outline: none;}

/*.head_right:hover input{width: 100px;border-bottom: 1px solid lightgray;}*/
.mobile{display: none;}







/*侧边栏部分*/
.cbl{position: fixed;z-index: 999;right: 0;top: 50%;margin-top: 0;width: 55px;}
.cbl a{display: block;width: 55px;margin-bottom: 3px; border-top-left-radius: 10px;border-bottom-left-radius: 10px; height: 55px;line-height: 55px;background:rgba(11,82,147,.8);background:rgba(11,126,216,.8);font-size: 0;transition: all .4s ease 0s;
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;}
.cbl .number{width: 200px;}
.cbl a i{display: inline-block;color: #fff;font-size: 15px;text-align: center;border: 1px solid rgba(255,255,255,0.2);border-radius: 50%; vertical-align: middle;width: 34px;height: 34px;line-height: 34px;margin-left: 11px;}
.cbl .goTop, .cbl .goTop i{height: 38px;line-height: 38px;}
.cbl .goTop i{border: none;border-radius: 0;margin-top: 0;}
.cbl span{font-size: 16px;color: #fff;vertical-align: middle;margin-left: 25px;}
.cbl a:hover{background:rgba(11,126,216,.8);}
.cbl .number:hover{transform: translateX(-140px);}
/*侧边栏部分*/


/*footer部分*/
footer{margin-top: 90px;padding-bottom: 50px;background: #0f6ab6;}
footer dd{}
/*footer:before{display: block;content: '';width: 100%;height: 30px;background: url(../images/footer_02.jpg) no-repeat;background-size:100%;}*/
.footer{width: 75%;margin:0 auto;display: flex;justify-content: space-between;}
.footer dl{display: inline-block;vertical-align: top;}
.footer dl:nth-child(2){width: 420px;}
.footer dl:nth-child(2) dd{display: inline-block;width: 32%;vertical-align: top;}
.footer dl dt{margin-bottom: 40px;margin-top: 50px;font-size: 16px;color: white;font-weight: bold;}
.footer dl dd,.footer dl dd a{font-size: 14px;line-height:30px;color: white;}
.footer dl dd a:hover{color: #72d7e0;}
.footer dl:nth-child(3){width: 140px;}
.footer dl:nth-child(3) dd{display: inline-block;vertical-align: top;width: 31%;}
.footer dl:nth-child(3) dd a{font-size: 25px;}
.footer dl:nth-child(3) dd:nth-child(2) a{font-size: 35px;}
/*footer部分*/

@keyframes run3{
	0%{transform:scaleX(1) scaleY(1);}
	50%{transform:scaleX(0.9) scaleY(1.1);}
	100%{transform:scaleX(1) scaleY(1);}
}



.ej_footer{width: 100%;background: #0f6ab6;padding: 60px 0;}

.ej_footer1{width: 75%;margin:0 auto;font-size: 0;display: flex;justify-content: space-between;}

.ej_footer1 div{display: inline-block;vertical-align:top}

.ej_footer1 h2,.ej_footer1 dt{font-size: 16px;color: white;font-weight:bold;margin-bottom:22px;}

.ej_footer1 a{display: inline-block;vertical-align: top;width:32%;color: white;font-size:14px;margin-top:10px;}

.ej_footer1 a:hover{color:#1fbcde;}

.ej_footer1 dl{margin-top:40px;}

.ej_footer1 dd{color: white;font-size: 14px;margin-top:5px;}

.ej_footer_left{width:254px;}

.ej_footer_middle{width: 336px;}

.ej_footer_right{width: 265px;}

.ej_footer_middle input,.ej_footer_middle textarea{display: block;width: 100%;line-height: 40px;box-sizing:border-box;padding-left:12px;border: none;outline: none;background:#5797cc;color:white;margin-top: 10px;}

.ej_footer_middle textarea{resize: none;}

.ej_footer_middle input[type=submit]{width: 110px;text-align: center;padding: 0;background: #1fbcde;transition: 0.3s ease-in-out;cursor: pointer;}

.ej_footer_middle input[type=submit]:hover{background: #1da5c3;}

/*.footer_span1{display: inline-block;vertical-align: top;width: 25px;height: 25px;background: url(../images/footer_weixin1.png) no-repeat center center;}

.footer_span2{display: inline-block;vertical-align: top;width: 25px;height: 25px;background: url(../images/footer_webo1.png) no-repeat center center;}

.footer_span3{display: inline-block;vertical-align: top;width: 25px;height: 25px;background: url(../images/footer_qq1.png) no-repeat center center;}

.footer_span1:hover{background: url(../images/footer_weixin.png) no-repeat center center;}

.footer_span2:hover{background: url(../images/footer_weibo.png) no-repeat center center;}

.footer_span3:hover{background: url(../images/footer_qq.png) no-repeat center center;}*/

.ej_footer1 .ej_footer_right a{display: inline-block;font-size: 25px;text-align: center;width: 33%;}

.ej_footer1 .ej_footer_right a:nth-of-type(1){font-size: 30px;margin-top: 8px;}


.xiugai_footer{display: block !important;text-align: left;margin-top: 25px;}
.xiugai_footer li{display: inline-block;vertical-align: top;width:57px;}
.xiugai_footer li a{display: block !important;width: 100%;}
.ppp li{width: 48%;}


.navlist li{position: relative;}
.navlist .ej_nav{position: absolute;width:100%;font-size: 0;left: 0;transform: scaleX(0.5) scaleY(0);opacity: 0;border-top: 1px solid rgba(11,82,147,.8);transition: 0.3s ease-in-out;text-align: left;    z-index: 99;}
.navlist .ej_nav dl{width: 100%;box-sizing: border-box;background:#0f6ab6;display: inline-block;vertical-align: top;padding: 20px;border-right: 1px solid rgba(250,250,250,.5);line-height: 25px;}
.navlist .ej_nav dl:last-child{border: none;}
.navlist .ej_nav dl a{font-size: 14px;}
.navlist .ej_nav dl a:hover{color: #68c6ff;}
.navlist .ej_nav dl dd a:before{content: '';display: inline-block;vertical-align: middle;border: 3px solid transparent;border-left-color: white;margin-top: -4px;margin-right: 5px;}
.navlist .ej_nav dl dd a:hover:before{border-left-color: #68c6ff;}
.navlist .ej_nav dl dt a{font-weight: bold;}
.navlist .ej_nav dl dt{margin-bottom: 5px;}
.navlist li:hover .ej_nav{transform: scaleX(1) scaleY(1);opacity: 1;}
.navlist .ej_nav.on{transform: scaleX(1) scaleY(1);opacity: 1;display:block;}

.ej_footer .beian{display: block;width:75%;margin:40px auto 0;text-align: center;color: white;}
.ej_footer_right img{margin-top: 10px;}
.ej_footer_right img:nth-of-type(1),.ej_footer_right img:nth-of-type(2){margin-top:0;}

.ej_footer_right span{display: inline-block;vertical-align: top;}
.ej_footer_right span font{display: block;line-height: 25px;text-align: center;color: white;font-size: 12px;}
@media screen and (max-width: 1600px ) {
.head1,.navlist div{width: 90%;}
@media only screen and (max-width:1200px ) {
	.navlist ul,.navlist div{width: 100%;}
	.navlist ul li{width: 100%;display: block;text-align: center;padding: 0;}
	.navlist{line-height:45px !important;top:60px !important;left: 100% !important;}
	.navlist.active{left: 0 !important;}
	
}