/* header */
.header{height: 90px;}
.header_box{background: #fff; position: fixed; top: 0; left: 0; width: 100%; height: 90px; border-bottom: 1px solid #ccc; z-index: 9;}
.header_box .container{position: relative; width: 90%;}
.header_box .logo{float: left; margin-top: 10px;}
.header_box .logo img{display: block;}
.header_box ul{margin-left: 120px; float: left;}
.header_box ul li{display: inline-block;}
.header_box ul li a.single{display: block; margin: 0 40px; line-height: 87px; border-bottom: 2px solid transparent; color: #555; font-size: 16px; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.header_box ul li a.single:hover{color: #3988c1;}
.header_box ul li.active a.single{color: #3988c1; border-bottom-color: #1e61b8}
.header_box .operate{position: absolute; right: 0; top: 50%; margin-top: -12px;}
.header_box .operate:before{content: ''; width: 1px; height: 14px; background: #c3c6c9; position: absolute; top: 50%; left: 0; margin-top: -7px;}
.header_box .search{margin-left: 16px; margin-top: 2px; float: left;}
.header_box .search a{display: block; width: 20px; height: 20px; background-image: url(/en/static/home/images/header_icon1.png); background-repeat: no-repeat; background-position: center; background-size: 20px;}
.header_box .language{margin-left: 30px; float: left; position: relative; cursor: pointer;}
.header_box .language span{width: 25px; height: 25px; display: inline-block;  vertical-align: middle; background-image: url(/en/static/home/images/header_icon2.png); background-repeat: no-repeat; background-position: center; background-size: 25px;}
.header_box .language a{display: inline-block; width: 20px; margin-left: 10px; font-size: 14px; color: #666;}
.header_box .language a:hover{color: #295b9d;}
.header_box .search_form{position: absolute; right: 70px; top: 50%; margin-top: -16px; padding-right: 55px; border: 1px solid #ccc; border-radius: 20px; width: 160px; height: 32px; background: #fff; display: none;}
.header_box .search_form form{height: 100%;}
.header_box .search_form input{width: 100%; height: 100%; padding-left: 10px; background: none;}
.header_box .search_form button{width: 20px; height: 20px; background-color: #fff; background-image: url(/en/static/home/images/header_icon1.png); background-repeat: no-repeat; background-position: center; background-size: 20px; position: absolute; right: 14px; top: 5px; cursor: pointer;}
.header_box .search_form:before{content: ''; width: 1px; height: 14px; background: #c3c6c9; position: absolute; top: 50%; right: 49px; margin-top: -7px;}
.drop_menu{position: fixed; top: 89px; left: 0; width: 100%; background: rgba(0,0,0,.4); text-align: center; padding: 15px 0; z-index: 9; display: none;}
.drop_menu a{font-size: 16px; color: #fff; line-height: 32px; display: inline-block; padding: 0 15px; margin: 0 20px; border-radius: 20px; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.drop_menu a:hover{background: #105ba1;}

/*footer*/
.footer{background: #1074bc;}
.footer .main{overflow: hidden; padding: 70px 0;}
.footer .main .mr{margin-right: 180px;}
.footer .logo{float: left;}
.footer .logo img{display: block;}
.footer .link{float: left;}
.footer .link a{display: block; font-size: 16px; color: #fff; line-height: 40px;  -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.footer .link a:hover{opacity: 1; text-decoration: underline;}
.footer .contact{float: left;}
.footer .contact h3{font-size: 16px; color: #fff; line-height: 40px;}
.footer .contact p{line-height: 40px; font-size: 16px; color: #fff; background-position: left center; background-repeat: no-repeat; background-size: 17px auto;}
.footer .guanzhu{float: right;}
.footer .guanzhu .form{width: 220px; border: 1px solid #ffffff; padding-right: 50px; border-radius: 5px; overflow: hidden; height: 52px; position: relative;}
.footer .guanzhu .form input{width: 100%; height: 100%; background: none; padding: 0 10px; font-size: 14px; color: #ffffff;}

/* WebKit browsers */
.footer .guanzhu .form input::-webkit-input-placeholder {
    color: #ffffff;
}
/* Mozilla Firefox 4 to 18 */
.footer .guanzhu .form input:-moz-placeholder {
    color: #ffffff;
    opacity: 1;
}
/* Mozilla Firefox 19+ */
.footer .guanzhu .form input::-moz-placeholder {
    color: #ffffff;
    opacity: 1;
}
/* Internet Explorer 10+ */
.footer .guanzhu .form input:-ms-input-placeholder {
    color: #ffffff;
}
.footer .guanzhu .form button{width: 50px; height: 50px; background-color: #2bb572; position: absolute; top: 0; right: 0; cursor: pointer;}
.footer .guanzhu .form button:before{content: ''; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 6px solid #fff; position: absolute; top: 50%; left: 50%; margin: -5px 0 0 -3px;}
.footer .guanzhu .img_block{margin-top: 35px; text-align: right;}
.footer .guanzhu .img_block img{display: inline-block;}
.footer .link_{color: #fff; opacity: .6; font-size: 14px; margin-bottom: 10px; overflow: hidden;}
.footer .link_ span{float: left;}
.footer .link_ .block{padding-left: 80px;}
.footer .link_ a{color: #fff; display: inline-block; margin-right: 10px;}
.footer .link_ a:hover{text-decoration: underline;}
.footer .copyright{line-height: 70px; font-size: 15px; color: #fff; border-top: 1px solid #3988c1; overflow: hidden;}
.footer .copyright span{float: left;}
.footer .copyright .share{float: right; margin-top: 20px;}
.footer .copyright .share i{float: left; line-height: 30px; margin-right: 10px;}
.footer .copyright .share a{width: 22px; height: 18px; background-position: center; background-repeat: no-repeat;}
.footer .copyright .share a.ico1{background-image: url("/en/static/home/images/footer_icon7.png");}
.footer .copyright .share a.ico2{background-image: url("/en/static/home/images/footer_icon8.png");}
.footer .copyright .share a.ico3{background-image: url("/en/static/home/images/footer_icon9.png");}

@media screen and (max-width: 1500px){
	.header_box ul{margin-left: 70px;}

	.footer .main .mr{margin-right: 100px;}
}
@media screen and (max-width: 1300px){
	.header_box ul{margin-left: 40px;}
	.header_box ul li a.single{margin: 0 4px; font-size: 14px;}
	.drop_menu a{font-size: 14px;}

	.footer .main .mr{margin-right: 30px;}
	.footer .link a{font-size: 14px;}
	.footer .contact h3{font-size: 14px;}
}
@media screen and (max-width: 992px){
	.mNavBtn{display: block; width: 24px; height: 16px; right: 15px; top: 17px; position: fixed; cursor: pointer; z-index: 15;}
	.mNavBtn.active .line2{display: none;}
	.mNavBtn.active .line1{transform: rotate(45deg); top: 7px;}
	.mNavBtn.active .line3{transform: rotate(-45deg); bottom: 7px;}
	.mNavBtn span{position: absolute; left: 0; width: 24px; height: 2px; background: #a9a9a9; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
	.mNavBtn span.line1{top: 0;}
	.mNavBtn span.line2{top: 7px;}
	.mNavBtn span.line3{bottom: 0;}
	.header_box ul{position: fixed; top: 0; right: -100%; width: 100%; height: 100%; padding: 80px 0 0 0; background: #fff; z-index: 14;}
	.header_box ul.active{right: 0;}
	.header_box ul li{display: block; padding: 0; margin-left: 50px;}
	.header_box ul li a.single{line-height: 30px;}
	.header_box ul li a.single:hover, .header_box ul li.active a{border: none;}
	.container{width: 100% !important; padding: 0 15px;}
	.container_s{width: 100% !important; padding: 0 15px;}
	.header{height: 50px;}
	.header_box{height: 50px;}
	.header_box .logo{margin-top: 5px;}
	.header_box .logo img{height: 40px;}
	.header_box .operate{right: 55px;}
	.header_box .operate:before{display: none;}
	.header_box .search{margin-left: 0;}
	.header_box .language{margin-left: 20px;}
	.drop_menu{display: none !important;}
	.header_box .search_form{right: 0; top: 100%; margin-top: 0;}

	.footer .main{padding: 20px 0;}
	.footer .logo{float: none;}
	.footer .main .mr{margin-right: 0;}
	.footer .logo img{margin: 0 auto;}
	.footer .link{display: none;}
	.footer .contact{float: none; padding: 15px 0; width: 280px; margin: 0 auto;}
	.footer .contact h3{display: none;}
	.footer .contact p{line-height: 24px; margin: 5px 0; background-position: left 4px;}
	.footer .guanzhu{float: none;}
	.footer .guanzhu .form{margin: 0 auto; width: 280px;}
	.footer .guanzhu .img_block{text-align: center; margin-top: 15px;}
	.footer .copyright{line-height: 24px; padding: 10px 0;}
	.footer .copyright span{display: block; text-align: center;}
	.footer .copyright .share{display: none;}
	.footer .link_{display: none;}
}