@charset "utf-8";
@font-face {
  font-family: 'Roboto';
  src: url(font/Roboto-Light.ttf) format('ttf');
}

*{box-sizing: border-box; }
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;}
body,button,input,textarea{font:12px Helvetica, Arial, "\5FAE\8F6F\96C5\9ED1",sans-serif,'Microsoft YaHei';border:none; overflow-x:hidden;}
h1{font-size: 18px; }
h2{font-size: 16px;}
h3{font-size: 14px;}
h4,h5,h6{font-size: 100%;}
small{font-size: 12px;}
img,input{vertical-align: middle; border:none;}
ul,ol,li{list-style: none;}
a{text-decoration:none;outline:none}
a:hover{text-decoration: underline;}
table{border-collapse: collapse;border-spacing: 0;}
body { background:#fff; color:#555; font-size:12px;overflow-x:hidden; font-family: 'Roboto',sans-serif;}
.clear{height:1px;clear:both;margin-bottom:-1px;overflow:hidden;visibility:hidden;display:block;}
i,em{font-style: normal;}
a{color:#333;cursor:pointer;}
a:hover{text-decoration:none;}
input,button,select{font-family:'Microsoft Yahei';outline: none;font-size:14px; }
button,input[type=button]{cursor: pointer;}


/*clearfix*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}


/*设置浮动*/
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}


.w1200{width:1200px;margin:0 auto;}
.w1400{width:1400px;margin:0 auto;}
@media all and (max-width:1460px){
	.w1400{width:96%;margin:0 2%}
}
@media all and (max-width:1260px){
	.w1200{width:100%;padding:0 2%}
}


.mt50{margin: 50px 0;}
.mt80{margin: 80px 0;}
.mt100{margin: 100px 0;}
.mt150{margin: 150px 0;}
@media all and (max-width:1260px){
	.mt80{margin: 40px 0;}
	.mt100{margin: 60px 0;}
	.mt150{margin: 100px 0;}
}
@media all and (max-width:1024px){
	.mt50{margin: 30px 0;}
	.mt100{margin: 40px 0;}
	.mt150{margin: 60px 0;}
}
@media all and (max-width: 768px){
	.mt80{margin: 30px 0;}
	.mt100{margin: 30px 0;}
	.mt150{margin: 30px 0;}
}
@media all and (max-width: 480px){
	.mt50{margin: 10px 0;}
}



/* 头部 */
.header{position: relative; width: 100%; z-index: 999;}
.header.show{box-shadow: 0 0 10px 5px rgba(0,0,0,0.1); position: fixed; top: 0; opacity: 1; animation: slideB .4s none; }
@keyframes slideB{
	from{transform: translateY(-100px);}
	to{transform: translateY(0);}
}
.header .header_top{background-color: #255BA9; color: #FFFFFF; position: relative; height: 60px;z-index: 998;}

.header .header_top .logo{ width: 100px; float: left; }
.header .header_top .logo img{ width: 100%; }
.header .header_top ul.nav{ padding-left: 30px; width: calc(100% - 100px); height: 60px; float: right; }

.header .header_top ul.nav>li{ float: left; height: 100%; }
.header .header_top ul.nav>li>a{ color: #FFFFFF; display: block; line-height: 100%; height: 100%; font-size: 16px; text-transform: uppercase; display: flex; align-items: center; padding-right: 38px;}
.header .header_top ul.nav>li a{}

/* 语言 */
.header .header_top ul.nav>li.language{ float: right; }
.header .header_top ul.nav>li.language>a{padding-right: 0; padding-left: 40px; background: url(../images/usa.png) no-repeat left center; background-size: auto 22px; }
.header .header_top ul.nav>li.language .subNav{ background-color: #f3f3f3; }
.header .header_top ul.nav>li.language li a{ padding-left: 30px; background: no-repeat 0px center; background-size: 22px; }

/* 下拉菜单 */
.header .header_top .subNav{ display: none; position: absolute; background-color: #FFFFFF; top: 50px; padding: 20px; box-shadow: 0 10px 10px 5px rgba(0,0,0,0.1);}
.header .header_top .subNav.show{ display: flex; }
.header .header_top .subNav>ul{ margin-right: 80px;}
.header .header_top .subNav>ul:last-child{ margin-right: 0;}
.header .header_top .subNav>ul>li{  }
.header .header_top .subNav>ul>li.sssub{ padding-left: 20px;}
.header .header_top .subNav>ul>li.sssub a{ font-size: 14px; text-transform: capitalize;  }
.header .header_top .subNav>ul>li>a{ font-size: 16px;  text-transform: uppercase; padding: 10px 0; display: block; width: 100%; color: #666; }
.header .header_top .subNav>ul>li:hover>a{ color: #000; }
.header .header_top .subNav>ul>li.one{ padding-bottom: 15px; margin-bottom: 5px; border-bottom: 1px solid #ccc; }
.header .header_top .subNav>ul>li.one>a{padding: 0;}
.header .header_top .subNav .img{ width: 200px; float: right; }
.header .header_top .subNav .img img{ width: 100%; }


/* 手机端菜单按钮 */
.header .header_top .m_btn{display: none; width: 30px; height: 60px; float: left; padding-top: 30px; margin-right: 20px;margin-left: 10px; cursor: pointer;}
.header .header_top .m_btn a{display:block;width:100%;height:3px;background-color:#fff;position:relative;}
.header .header_top .m_btn a:before,
.header .header_top .m_btn a:after{content:"";display:block;width:100%;height:3px;background-color:#fff;position:absolute;left:0px;}
.header .header_top .m_btn a:before{top:-10px;}
.header .header_top .m_btn a:after{bottom:-10px; }
.header .header_top .m_btn.cur a{animation: buttonAnimation 0.3s ease forwards;}
.header .header_top .m_btn.cur a:before{animation: buttonAnimationBefore 0.3s ease forwards; }
.header .header_top .m_btn.cur a:after{animation: buttonAnimationAfter 0.3s ease forwards; }
@keyframes buttonAnimationBefore{
0%{-moz-transform:translateY(0px) rotate(0);-ms-transform:translateY(0px) rotate(0);-webkit-transform:translateY(0px) rotate(0);transform:translateY(0px) rotate(0)}
50%{-moz-transform:translateY(10px) rotate(0);-ms-transform:translateY(10px) rotate(0);-webkit-transform:translateY(10px) rotate(0);transform:translateY(10px) rotate(0)}
100%{-moz-transform:translateY(10px) rotate(45deg);-ms-transform:translateY(10px) rotate(45deg);-webkit-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg)}
}
@keyframes buttonAnimationAfter{
0%{-moz-transform:translateY(0) rotate(0);-ms-transform:translateY(0) rotate(0);-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}
50%{-moz-transform:translateY(-10px) rotate(0);-ms-transform:translateY(-10px) rotate(0);-webkit-transform:translateY(-10px) rotate(0);transform:translateY(-10px) rotate(0)}
100%{-moz-transform:translateY(-10px) rotate(-45deg);-ms-transform:translateY(-10px) rotate(-45deg);-webkit-transform:translateY(-10px) rotate(-45deg);transform:translateY(-10px) rotate(-45deg)}
}
@keyframes buttonAnimation{
0%{background:#aaa}
50%{background:rgba(255,255,255,0)}
100%{background:rgba(255,255,255,0)}
}


.header .header_bottom{height: 100px; background-color: #FFFFFF; position: relative;  z-index: 997;}
.header .header_bottom .introduce{ width: 100%; padding-left: 130px;height: 100px; display: flex; flex-direction: column; justify-content: center; position: absolute; top: 0; padding-right: 200px; }
.header .header_bottom .introduce span{ font-weight: bold; font-size: 18px; color: #666; }
.header .header_bottom .introduce i{ display: block; font-size: 14px; margin-top: 5px; }
.header .header_bottom .introduce a{ padding: 8px 15px; margin-left: 30px; background-color: #255BA9; color: #FFFFFF;}
.header .header_bottom .h_search{position: absolute; right: 0; width: 230px; display: flex; align-items: center; height: 100px; }
.header .header_bottom .h_search input{ width: 70%; border: 1px solid #255BA9; padding: 6px 5px; }
.header .header_bottom .h_search button{ width: 30%; border: 1px solid #255BA9; background-color: #255BA9; display: ; color: #FFFFFF; padding: 6px 10px; }

@media all and (max-width:1460px){
	
}
@media all and (max-width:1260px){
	.header .header_bottom .introduce{flex-direction: column; align-items: flex-start; justify-content: center;}
	.header .header_bottom .introduce span{font-size: 14px;}
	.header .header_bottom .introduce a{margin-left: 0; margin-top: 10px;}
}
@media all and (max-width:1024px){
	.header.show{box-shadow: 0 0 20px 5px rgba(0,0,0,0.3);}
	.header .header_top .m_btn{display: block;}
	.header .header_top .logo{height: 60px; width: 60px;}
	.header .header_top .logo img{ width: auto; height: 60px; }
	.header .header_top ul.nav{display: none; position: fixed; left: 0; top: 60px; z-index: 9999; width: 100%; height: 100%; padding: 0; background-color: #FFFFFF; padding: 50px; overflow:auto;}
	.header .header_top ul.nav::-webkit-scrollbar{
	    width:3px;
	    height:3px;
	    background-color: #61B6EB;
	}
	.header .header_top ul.nav::-webkit-scrollbar-track{
	    background: rgba(255,255,255,0.8);
	    border-radius:3px;
	}
	.header .header_top ul.nav::-webkit-scrollbar-thumb{
	    background: #61B6EB;
	    border-radius:3px;
	}
	.header .header_top ul.nav::-webkit-scrollbar-thumb:hover{
	    background: #61B6EB;
	}
	.header .header_top ul.nav::-webkit-scrollbar-corner{
	    background: #61B6EB;
	}
	.header .header_top ul.nav>li{ float: none; height: auto; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #ccc; background: url(../images/icon_botton.png) no-repeat right 15px; background-size: 30px;padding-right: 40px;}
	.header .header_top ul.nav>li:first-child{background-image: none;}
	.header .header_top ul.nav>li>a{padding: 20px 0; font-size: 16px; }
	.header .header_top ul.nav>li a{color: #000000;}
	.header .header_top ul.nav>li.language{  float: none;}
	
	.header .header_top .subNav{position: static; box-shadow: none; padding: 10px 20px;}
	.header .header_top .subNav.show{ display: block; }
	.header .header_top .subNav .img{display: none;}
	.header .header_top .subNav>ul{margin-right: 0; margin-bottom: 30px; }
	.header .header_top .subNav>ul>li{ padding-left: 20px; }
	.header .header_top .subNav>ul>li.one{border-bottom: 0; padding-left: 0px; padding-bottom: 5px; }
	.header .header_top .subNav>ul>li.sssub{padding-left: 35px;}
	.header .header_top .subNav>ul>li>a{padding: 8px 0;}
	.header .header_bottom .introduce{padding: 0;}
	.header .header_bottom .h_search{display: none;}
}
@media all and (max-width: 768px){
	.header.show{animation: none; }
}
@media all and (max-width: 480px){
	.header .header_top ul.nav{ padding: 50px 30px; }
	.header .header_bottom{height: 80px;}
	.header .header_bottom .introduce{ height: 80px;}
	.header .header_bottom .introduce span{font-size: 12px;}
	.header .header_bottom .introduce i{ font-size: 12px; margin-top: 0px;}
}



/* 底部 */
.footer{background-color: #f6f6f6;}
.footer .foot_top{ padding: 40px 0; border-bottom: 1px solid #CCCCCC; }
.footer .foot_top dl{ float: left; margin-right: 60px; }
.footer .foot_top dl dt{ font-size: 16px; color: #555; text-transform: uppercase; font-weight: bold; margin-bottom: 15px;}
.footer .foot_top dl dd{ margin-bottom: 10px; }
.footer .foot_top dl dd a{ font-size: 16px; color: #555; }
.footer .foot_top dl dd a:hover{ color: #255BA9; }
.footer .foot_top dl.right{ float: right; margin-right: 0;  }
.footer .foot_top dl.right dd img{margin-top: 20px;}
.footer .foot_top dl.right dd input{ padding: 5px; border: 1px solid #CCCCCC; display: block; float: left; line-height: 24px; font-size: 12px; }
.footer .foot_top dl.right dd input#submit{ padding: 5px 20px; border-left: 0; cursor: pointer; color: #fff; background-color: #1265A8; transition: all .2s; font-size: 12px; text-transform: uppercase; font-weight: bold;}
.footer .foot_top dl.right dd input#submit:hover{ background-color: #333333; }
.footer .foot_bottom{ padding: 20px 0;  position: relative; display: flex; justify-content: space-between;}

.footer .foot_top dl.f_contact{width: 270px;}
.footer .foot_top dl.f_contact a{ font-size: 14px; cursor: inherit; }
.footer .foot_top dl.f_contact span{font-weight: bold; color: #555;}


.footer .foot_bottom p{font-size: 16px; line-height: 40px;}
.footer .foot_bottom .share{ display: flex; justify-content: end;}
.footer .foot_bottom .share .icon{ width: 40px; height: 40px; background: no-repeat center; background-size: 26px; margin-left: 15px; border-radius: 8px; }
.footer .foot_bottom .share .icon:hover{ background-color: #1265A8; }
.footer .foot_bottom .share .icon a{ display: block; height: 100%; width: 100%; }
.footer .foot_bottom .share .icon.in{ background-image: url(../images/icon_in.png); }
.footer .foot_bottom .share .icon.f{ background-image: url(../images/icon_facebook.png); }
.footer .foot_bottom .share .icon.y{ background-image: url(../images/foot_icon3.png); }
.footer .foot_bottom .share .icon.you{ background-image: url(../images/icon_youtube.png); }

.footer .foot_bottom .share .icon.in:hover{ background-image: url(../images/icon_in_h.png); }
.footer .foot_bottom .share .icon.f:hover{ background-image: url(../images/icon_facebook_h.png); }
.footer .foot_bottom .share .icon.y:hover{ background-image: url(../images/foot_icon3_h.png); }
.footer .foot_bottom .share .icon.you:hover{ background-image: url(../images/icon_youtube_h.png); }

@media all and (max-width:1260px){
	.footer .foot_top{ display: flex;  }
	.footer .foot_top dl{width: 20%; margin-right: 0; padding-right: 10px;}
	.footer .foot_top dl.right dd img{width: 40%;}
}
@media all and (max-width:1024px){
	
}
@media all and (max-width: 768px){
	.footer .foot_top{flex-wrap: wrap; flex-direction: column; align-items: center; text-align: center;}
	.footer .foot_top dl{width: 50%; padding-right: 0px; margin-bottom: 30px;}
	.footer .foot_top dl dt{margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #CCCCCC;}
	.footer .foot_bottom{flex-direction: column; text-align: center;}
	.footer .foot_bottom .share{justify-content: center;}
}
@media all and (max-width: 480px){
	.footer .foot_top{padding-bottom: 10px;}
	.footer .foot_top dl.right dd img{margin-top: 0;}
	.footer .foot_top dl.right dd input{width: 100%;margin-bottom: 10px;}
	.footer .foot_bottom{padding: 10px 0;}
}


/* 返回顶部 */
.backTop{ display: none; width: 48px; height: 48px; background-color: #333;  position: fixed; right: 20px; bottom: 60px; z-index: 9999; cursor: pointer; text-align: center; }
.backTop i{ display: block; width: 100%; height: 100%; background: url(../images/icon_top.png) no-repeat center; background-size: 70% ; font-weight: bold; color: #FFFDEF;}
.backTop:hover{ background-color: #1265A8;}