@charset "utf-8";

/* CSS Document */
@media screen and (min-width:960px){
	.header-PC{display: block}
	.header-M{display: none;}
}
@media screen and (max-width:959px){
	.header-PC{display: none}
	.header-M{display: block; height: 50px;}
}
.icon-country:before {
  font-size: 1.8em;
}
.icon-menu:before {
  font-size: 2em
}
.icon-close:before {
  font-size: 1.8em;
}

/*搜索框字体颜色*/
-webkit-input-placeholder { /* WebKit browsers */
    color:    #999;
}
-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #999;
}
-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #999;
}
-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #999;
}
/*PC端*/
.header-PC .top{height: 28px; background-color:#252525; color:#FFF;}
.header-Product .top{position: fixed; top:0px; width:100%; z-index: 9999;}
.header-PC .top-L{width:50%; text-align:left; font-size: 0.75em; line-height: 28px; float: left;}
.header-PC .top-L img{margin-top: 7px; width:24px; height: 16px;}
.header-PC .top-L img:hover, .header-PC .top-L span:hover{cursor: pointer;}
.header-PC .top-L a{color:#FFF;}
.header-PC .top-L a:hover{color:rgba(255,255,255,0.8);}
/*.header-PC .top-L{display:inline-block; margin-left:5px; line-height: 28px;}*/
.header-PC .top-L .old{display: inline-block; margin-left:5px; margin-right: 4px; width:1px; height:9px; background-color:rgba(255,255,255,0.8);}

.header-PC .top-R{width:50%; text-align: right; float: left; font-size: 1em; line-height: 27px;}
.header-PC .top-R a{color:#FFF;}
.header-PC .top-R a:hover{color:#009fdf}
.header-PC .logo{width:16%; float: left; height: 60px; left:0px; vertical-align:middle; line-height: 60px;}
.header-PC .logo img{vertical-align: middle; max-width: 100%;}
.header-PC .top-country{background-color:#f1f1f1; display: block; color:#333333; padding:15px 0 35px; border-top: 1px solid rgba(255,255,255,0.6); font-size: 0.875em; position: fixed; top:28px; box-shadow: 5px 5px 10px rgba(0,0,0,0.2);}
.header-PC .top-country li{width:18%; float: left; margin-right:2.25%; border-bottom: 1px solid rgba(0,0,0,0.1); padding-top:0.8vw; padding-bottom: 0.8vw; line-height: 19px;}
.header-PC .top-country li:nth-child(5n){margin-right:0px;}
.header-PC .top-country li p{display: inline-block;}
.header-PC .top-country li p:last-child{margin-left:10%;}
.header-PC .top-country ul:after{width:10px; height: 5px; content: ""; background:url(../images/countries/arrow.png); position: absolute; top:-20px; left:7px; z-index: 99999}
.header-PC .nav .navfl{float:right; width:84%; text-align: right;}
.header-PC .nav-bg{background-color:#efefef; border-bottom: 1px solid rgba(0,0,0,0.5);}
.header-PC .top-country .close{width:100%; overflow: hidden; text-align: center;}
.header-PC .top-country .icon-close{width:3em; height: 3em; border-radius: 1.5em; display: inline-block; background-color:#333; color:#FFF; line-height: 3em; font-size: 10px; margin-top:20px;}
.header-PC .top-country .icon-close:hover{cursor: pointer;}
/*原样式*/
.topnav{width:100%;padding:90px 0 104px 0;background:#002855;position:absolute;top:28px;left:0px;z-index:9999;display:none;}
@media screen and (min-width:1480px){
.w1440{width:1440px; margin-left: auto; margin-right: auto;}
}
@media screen and (max-width:1479px){
.w1440{width:98%; margin-left: auto; margin-right: auto;}
}



.header-Index .nav{width:100%;height:60px;background-color: transparent;position:absolute; z-index: 9999;}
.header-Product .nav{width:100%;height:60px;background-color: #FFF;position:fixed; z-index: 9999; top:28px; box-shadow: 0px 0px 15px #999;}
.nav .top{position:absolute;left:24px;}
.nav .top .zg{font-size:16px;color:#002855;line-height:60px;}
.nav .top .zg i{display:inline-block;width:23px;height:22px;background:url(../images/china.png);vertical-align:middle;margin-right:6px; ;}
.navcon{width:990px;margin:0 auto}

/*.nav .logo{position:absolute;left:50%;top:19px;transform:translate(-34%,0%);z-index:999;}删除*/
.nav .navfl{float:left;}
.nav .navfl .navul{float:left; width:100%; }
.nav .navfl .navul li{display:inline-block;line-height:60px;}
@media screen and (min-width:1280px){
	.nav .navfl .navul li{padding-left:50px;}
}
@media screen and (max-width:1279px){
	.nav .navfl .navul li:first-child{padding-left:0px;}
	.nav .navfl .navul li{padding-left:30px;}
}
.nav .navfl .navul li:first-child{margin-left:0px;}
.nav .navfl .navul li a{font-size:1em;}
.nav .navfl .navul .products a{font-size:1em;}
.nav .navfl .navul li span{display: inline-block; }
.nav .navfl .navul li .arrow{
	vertical-align: bottom; line-height:55px; font-size: 16px; margin-left:5px;transform:rotate(180deg);
	-ms-transform:rotate(180deg); 	/* IE 9 */
	-moz-transform:rotate(180deg); 	/* Firefox */
	-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
	-o-transform:rotate(180deg);
}
.nav .navfl .navul li .arrow-down{
	transform:rotate(360deg);
	-ms-transform:rotate(360deg); 	/* IE 9 */
	-moz-transform:rotate(360deg); 	/* Firefox */
	-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
	-o-transform:rotate(360deg);
	vertical-align: bottom; line-height:55px; font-size: 16px; margin-left:5px;
}
.nav .navfl .navul li a:hover{color:#009fdf;}
.nav .navfl .navul li .menu_a{color:#444;}
.nav .navfl .navul li .menu_a:hover{color:#009fdf;}
.nav .navrh .rhlist li.lispan{margin-right:50px;}
.nav .navfl .navul li.ahover a,.nav .navrh .rhlist li.ahover a{color:#009fdf}
.nav .navfl .navul li .navlist{width:100%;position:absolute;left:0;right:0;display:none;z-index:999999;}
.nav .navfl .navul li .navlist .listfl{width:55%;height:331px;background:#efefef;float:left;}
.nav .navfl .navul li .navlist .listfl .navicon{float:right;width:540px;margin-top:69px;}
.nav .navfl .navul li .navlist .listfl a{display:inline-block;margin-right:75px;text-align:center;line-height:40px; float: left; margin-bottom: 20px;}
.nav .navfl .navul li .navlist .listfl a img{display:inline-block; width:42px;}
.nav .navfl .navul li .navlist .listfl a p{font-size:14px;color:#444;text-align:center; margin-bottom: 12px;}

.nav .navfl .navul li .navlist .listrh{width:45%;height:331px;background:#e3e3e3;float:right;}

.nav .navfl .navul li .navlist .listrh .navimg{margin:30px 24px 0;}

.nav .navfl .navul li .navlist .listrh .navimg .liimg{float:left;}

.nav .navfl .navul li .navlist .listrh .navimg .liimg img{width:281px;}

.nav .navfl .navul li .navlist .listrh .navtit{height:118px;float:left;margin-left:20px; text-align: left;}

.nav .navfl .navul li .navlist .listrh .navtit p{line-height:normal;}

.nav .navfl .navul li .navlist .listrh .navtit .ntit{font-size:14px;color:#444;margin-top:20px; margin-bottom: 16px;}

.nav .navfl .navul li .navlist .listrh .navtit .nline{width:23px;height:2px;background:#26a6e1;margin:10px 0 50px 0;}

/*头部新增 s*/
.nav .navfl .navul li .navlist1{background:#efefef;padding:59px 0 56px 0;}
.nav .navfl .navul li .navlist1 dd{width:520px;margin:0 auto;}
.nav .navfl .navul li .navlist1 dd .ddfl{float:left;}
.nav .navfl .navul li .navlist1 dd .ddfl a{display:block;font-size:14px;color:#444;line-height:normal;margin-bottom:18px;}
.nav .navfl .navul li .navlist1 dd .ddfl a:hover{color:#009fdf;}
.nav .navfl .navul li .navlist1 dd .ddfl a:first-child{margin-top:15px;}
.nav .navfl .navul li .navlist1 dd .ddfl a:last-child{margin-bottom:0px;}
.nav .navfl .navul li .navlist1 dd .ddrh{float:right;}

.nav .navfl .navul li .navlist2{background:#efefef;padding:59px 0 56px 0;}
.nav .navfl .navul li .navlist2 dd{width:520px;margin:0 auto;}
.nav .navfl .navul li .navlist2 dd .ddfl{float:left;}
.nav .navfl .navul li .navlist2 dd .ddfl a{display:block;font-size:14px;color:#444;line-height:normal;margin-bottom:18px;}
.nav .navfl .navul li .navlist2 dd .ddfl a:hover{color:#009fdf;}
.nav .navfl .navul li .navlist2 dd .ddfl a:first-child{margin-top:15px;}
.nav .navfl .navul li .navlist2 dd .ddfl a:last-child{margin-bottom:0px;}
.nav .navfl .navul li .navlist2 dd .ddrh{float:right;}

/*头部新增 e*/


.nav .navrh{float:right;}

.nav .navrh .rhlist{float:left;}

.nav .navrh .rhlist li{display:inline-block;line-height:60px;margin-right:50px;}

.nav .navrh .rhlist li:last-child{margin-right:0px;}

.nav .navrh .rhlist li a{font-size:16px;color:#002855;}

.nav .navrh .rhlist li span{display:inline-block;width:1px;height:24px;background:#002855;line-height:40px;vertical-align:middle;}

.nav .navrh .rhlist li:hover a{color:#009fdf;}



.header-PC .Searchbox{position:absolute;right:56px;top:20px; height: 60px; background-color: #FFF;}

.header-PC .Searchbox .icon{cursor:pointer;}

.header-PC .Searchbox .icon img{vertical-align:middle;margin:-3px 10px 0 0;}

.header-PC .search{display:none;background:#fff;width:100%; height:60px; position:absolute;right:0px;top:28px;z-index:888;}

.header-PC .search .ipt{width:80%;height:30px;line-height:30px;text-indent:1em;}

.header-PC .search .searchbtn{color:#fff; cursor:pointer; width:70px; height:30px; border-radius:13px; background:#002855; position:absolute; right:0px; top:0px;}

#wap-search-in {height: 30px; line-height: 30px; margin-top:15px; border: none;  width: 40%; margin-left:30%; }
#wap-search-btn{}
.header-PC .search button{color:#444; background-color: transparent; font-size: 24px; line-height: 60px;}
/*.topnav{width:100%;padding:90px 0 104px 0;background:#002855;position:absolute;top:90px;left:0px;z-index:999;display:none;}删除*/

.topul li{width:20%;float:left;margin-right:6.6%;}

.topul li:nth-child(4n){margin-right:0px;}

.topul li p{font-size:24px;color:#fff;}

.topul li dl{margin-top:48px;}

.topul li dl dd{margin-bottom:22px;}

.topul li dl a{float:left;font-size:18px;color:#fff;}

.topul li dl a:nth-child(2n){float:right;font-size:18px;color:#009fdf;padding-bottom:8px;border-bottom:1px solid #008eca;}




/*手机端*/
.header-M .header-fixed{height: 50px; line-height: 50px; position: fixed; top:0px; width:100%; background-color:#FFF; z-index: 9; margin-bottom: 50px;}
.header-M .logo{width:130px; margin:auto; height: 50px; line-height: 50px;}
.header-M .logo img{vertical-align: middle; display: inline-block;}
.header-M .Country{border-radius: 1.5em; position: absolute; top:50%; left:8%; z-index: 1; line-height: 20px; text-align: center; color:#333; margin-left:-3px; margin-top:-10px;cursor: pointer;}
.m-Country{width:100%; height: 100%; position: fixed; top:50px; left:0; background-color:#FFFFFF; z-index: 2; line-height: 30px;}
.m-Menu{width:100%; height: 100%; position: fixed; top:50px; left:0; background-color:#2c5c8f; z-index: 999999;}
.header-M .Menu{position: absolute; top:0px; right:8%; color:#333; margin-right:-3px;}
.Country img{margin-right:5px;}
.m-Menu li{border-bottom:1px solid #204f7e; position: relative; opacity: 0}
.m-Menu li li{line-height: 38px; opacity: 1}
.m-Menu li li a{margin-top:-1px; padding-left:0px; line-height: 36px; display: inline-block}
.m-Menu li a{padding-left:8%; color: #FFF; text-decoration: none; line-height: 45px; font-size: 1em; display: block;}
.m-Menu li .arrow, .m-Menu li .arrow-r{	color:#FFF; position: absolute; right:8%; font-size: 1.4em; line-height: 30px;}
.m-Menu li .arrow{top:7px;}
.m-Menu li .arrow-r{top:9px;}
.nav .arrow, .m-Menu li .arrow{
	transform:rotate(180deg);
	-ms-transform:rotate(180deg); 	/* IE 9 */
	-moz-transform:rotate(180deg); 	/* Firefox */
	-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
	-o-transform:rotate(180deg);
}
.nav .arrow, .m-Menu li .arrow-r{
	transform:rotate(360deg);
	-ms-transform:rotate(360deg); 	/* IE 9 */
	-moz-transform:rotate(360deg); 	/* Firefox */
	-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
	-o-transform:rotate(360deg);
}
.m-Menu li, .SingIn-button, .search{
	-webkit-animation-name: fadeInUp; 
	animation-name: fadeInUp;	
	-webkit-animation-duration: 1s; 
	animation-duration: 1s; 
	animation-fill-mode:forwards ;
	-webkit-animation-fill-mode:forwards ;
}
.m-Menu li:nth-child(1){
	animation-delay:0s;
	-webkit-animation-delay: 0s;
}
.m-Menu li:nth-child(2){
	animation-delay:0.1s;
	-webkit-animation-delay: 0.1s;	
}
.m-Menu li:nth-child(3){
	animation-delay:0.2s;
	-webkit-animation-delay: 0.2s;

}
.m-Menu li:nth-child(4){
	animation-delay:0.3s;
	-webkit-animation-delay: 0.4s;
}
.m-Menu li:nth-child(5){
	animation-delay:0.4s;
	-webkit-animation-delay: 0.4s;
}
.m-Menu li:nth-child(6){
	animation-delay:0.5s;
	-webkit-animation-delay: 0.5s;	
}

.S-Menu{width:100%; background-color:#2e6297; overflow: hidden;}
.S-Menu li{border-bottom: 1px solid #285887; padding-left:10%; padding-top:0; color:#FFF; font-size: 0.9em;}
.S-Menu li:last-child{border-bottom: none;}
.S-Menu li{	
	-webkit-animation-name: fadeInUp; 
	animation-name: fadeInUp;	
	-webkit-animation-duration: 0s; 
	animation-duration: 0s; 
	animation-delay:0s;
	-webkit-animation-delay: 0s;	
}
.m-Menu .Close{position: absolute; top:5%; right:8%; color:#333; font-size: 20px; border:2px solid #999; width:42px; height: 42px; border-radius: 21px; text-align: center; box-shadow: 0px 0px 2px #999;}
.m-Menu .SingIn-button a{display: inline-block; width:70px; height: 30px; border:1px solid #FFF; color:#FFF; margin-left:5px; margin-right:5px; text-align: center; text-decoration: none; margin-top:30px; line-height: 28px; font-size: 1em}
.m-Menu .SingIn-button a:hover{border:1px solid #FFF; background-color:#FFF; color: #333;}
.m-Menu .search{width:84%; margin:30px auto 0; position: relative; opacity: 0;}

.m-Menu .search .form-control{width:90%; height: 32px; line-height: 32px; border:1px solid rgba(220,221,221,0.7); vertical-align: middle; padding-left:5%; padding-right:5%; font-size: 0.9em; background-color:#FFF;}
.m-Menu .search .updown_search_btn{line-height: 35px; background:none; border:none; position: absolute; right:2%; top:0px; font-size: 1.5em;  vertical-align: middle; color:#333;}

.m-Menu .SingIn-button{opacity: 0}
.m-Menu .SingIn-button{
	animation-delay:0.53s;
	-webkit-animation-delay: 0.53s;	
}
.m-Menu .search{
	animation-delay:0.55s;
	-webkit-animation-delay: 0.55s;
}

.m-Country{padding-top:2%;}

.m-Country ul{width:90%; margin:auto;}
.m-Country li{width:18%; float: left; margin-right:2.25%; border-bottom: 1px solid rgba(0,0,0,0.1); padding-top:0.8vw; padding-bottom: 0.8vw; line-height: 19px;}

.m-Country li p{display: inline-block;}

@media screen and (min-width:641px){
	.m-Country li:nth-child(5n){margin-right:0px;}
}
@media screen and (max-width:640px){
	.m-Country li{width:23%; margin-right:2%;}
	.m-Country li:nth-child(4n){margin-right:0px;}
}


@-webkit-keyframes fadeInUp {
0% {
top:1000px;

-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}

/*头部导航栏变色*/
.theme-white .navfl .navul li a{color:#FFF;}
.theme-black .navfl .navul li a{color:#000;}
.theme-white .logo-white{display: block}
.theme-white .logo-black{display: none; }
.theme-black .navfl .navul li a{color:#000;}
.theme-black .logo-white{display: none}
.theme-black .logo-black{display: block; }
.all-logo, .all-logo-black{position: relative;}
@media screen and (min-width:960px){
	.logo{position: absolute; left:0; top:0;}
}
/*公共样式*/
.search input {height: 30px; line-height: 30px; border:none; width:40%;} 
.banner-other{margin-top:60px; width:100%;}
@media screen and (max-width:959px){
	.banner-other{margin-top:0px; width:100%;}
}