*{margin:0;padding:0;list-style:none; transition:all;-o-transition:all;-ms-transition:all;-moz-transition:all;-webkit-transition:all;font-family:"Arial";}
body,html{font-size:14px; }
h1,h2,h3,h4,h5,h6{font-weight:normal}
a{text-decoration:none;color:#adaba8; transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
a:hover{text-decoration:none;}
em,i,strong{font-style:normal;}
img{display: inline-block; border: 0; vertical-align: middle;}
input,textarea{font-size: 14px; outline: none;}
.w1400{width:1400px;margin:0 auto;overflow:hidden}
input,select{outline:none}
.swiper-slide{overflow:hidden!important;}
img{max-width:100%}
::-webkit-input-placeholder {color:#949494;}
:-moz-placeholder {color:#949494;}
::-moz-placeholder {color:#949494;}
:-ms-input-placeholder {color:#949494;}
.transy{transform: translateY(60px);-webkit-transform: translateY(60px); transition: 700ms;-webkit-transition: 700ms;transition-timing-function: ease-out;-webkit-transition-timing-function: ease-out; opacity: 0;} 
.tranShow{ transform: translateY(0); -webkit-transform: translateY(0); opacity: 1;}
.swiper-container,.swiper-slide,.swiper-wrapper{height:auto!important;}
.swiper-slide{overflow:hidden!important;}

/*header*/
.menu-handler {
	width: 58px;
	height: 58px;
	cursor: pointer;
	float:right;
	display:none;
	position:relative;
	z-index: 999999;
	margin-top:20px;
}
.menu-handler .burger {
	width: 24px;
	height: 2px;
	background: #50679b;
	display: block;
	position: absolute;
	z-index: 5;
	top: 20px;
	left: 50%;
	margin: 0px 0px 0px -12px;
	transform-origin: center;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-o-transform-origin: center;
	-ms-transform-origin: center;
}
.menu-handler .burger-2 {
	top: 27px;
}
.menu-handler .burger-3 {
	top: 35px;
}
.menu-handler.active .burger-1 {
	top: 27px;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.menu-handler.active .burger-2 {
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter: alpha(opacity=0);
	opacity: 0;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	-webkit-opacity: 0;
}
.menu-handler.active .burger-3 {
	top: 27px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.trans, .trans:hover {
	-webkit-transition: all 277ms ease-in-out;
	-moz-transition: all 277ms ease-in-out;
	-o-transition: all 277ms ease-in-out;
	transition: all 277ms ease-in-out;
	-ms-transition: all 277ms ease-in-out;
}
.trans-fast,.trans-fast:hover {
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
}

.menuBox{position: fixed; top:60px; width:200px;right:-200px; height: 100%; overflow-x:hidden; overflow-y: auto; z-index: 30; background-color:rgba(255,255,255,0.85)}
.menuBox .mlogo{ display: block; margin:0 auto;width:128px;padding-top:20px}
.menuBox .mlogo img{ display: block; width: 100%;}
.navMobile {text-align: center;border-top:1px solid #eee}
.navMobile li { text-align: center;}
.navMobile li a{ display: block; color: #000;width:100%;text-align:center; font-size:14px;border-bottom:1px solid #eee;line-height:50px;}
.navMobile li a:hover{font-weight:bold;color:#324c7f}
.navMobile li .listDown{ display: none;}
.navMobile li .listDown a{ color:#000; font-size: 14px;margin-bottom:10px}
.navMobile li .listDown a:first-child{margin-top:10px}
.navMobile li .listDown a:hover{font-weight:bold;color:#324c7f}
/*头*/
/*banner*/
.d_nav{position:fixed;right:54px;top:90px;z-index:60;opacity:0}
.d_nav a{display:block;margin-top:10px;width:140px;text-align:left;font-size:12px;color:#50689a;position:relative}
.d_nav a span{opacity:0}
.d_nav a:after{content:url(../images/xian.gif);position:absolute;right:0px}
.d_nav a:hover:after,.d_nav a.cur:after{content:url(../images/xian1.png)}
.d_nav a:hover span,.d_nav a.cur span{opacity:1}


.banner{width:100%;float:left;position:relative;margin-top:85px}
.banner img{width:100%}
.banner .swiper-container{padding:0px}
.banner .swiper-pagination {bottom:30px; width: 100%; position: absolute;}
.banner .swiper-pagination-bullet{width:12px !important;height:12px !important}
.header{position:fixed;top:0px;left:0px;width:100%;z-index:90;height:85px;background:#fff;box-shadow: 0 0 5px 1px rgba(0,0,0,.2);
    -o-box-shadow: 0 0 5px 1px rgba(0,0,0,.2);
    -ms-box-shadow: 0 0 5px 1px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 5px 1px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,.2);}
.header .w1716{position:relative;width:100%;float:left}
.header .logo{float:left;position:absolute;left:93px;top:3px;width:88px;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.header nav{width:100%;float:left;text-align:center;color:#555555;}
.header nav>ul{width:100%;float:left}
.header nav>ul li{display:inline-block;margin-right:48px;line-height:85px;position:relative}
.header nav>ul li a{font-size:18px;color:#555555;width:100%;display:block}
.header nav>ul li:last-child{margin-right:auto}
.header nav>ul li a:hover,.header .nav>ul li a.cur{color:#324c7f;}
.header nav>ul li div{padding-bottom:40px;position:absolute;border-bottom:1px solid #324c7f;top:86px;left:50%;-webkit-transform:translate(-50%,-50px);-ms-transform:translate(-50%,-50px);transform:translate(-50%,-50px);width:163px;background:rgba(255,255,255,0.9);display:none;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;line-height:24px !important;}
.header nav>ul li div:before{content:url(../images/menu.png);position:absolute;top:-10px;float:left;left:0px}
.header nav>ul li div a{display:block;width:100%;height:37px;line-height:37px;box-sizing:border-box;margin-top:20px;color:#555555;text-align:center;font-size:18px;background-color:transparent;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.header nav>ul li div a:first-child{margin-top:23px;}
.header nav>ul li div a:hover{color:#fff;background:#a1aabe}
.header nav>ul li:hover{overflow:visible;height:50px;}
.header nav>ul li:hover div{display:block;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}

.search{right:93px;position:absolute;cursor: pointer;top:25px;}
.search .search_icon{float:right;width:37px;transform: rotate(45deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.search .search_icon:hover{ transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);}
.search .search_b{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 50;}
.search .search_bG{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); display: none;}
.search .search_b .form{ width: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.search .search_b input[type='text']{ width: 90%; height: 80px; line-height: 80px; background: #fff; font-size: 40px; padding-left: 10px; float: left;
 border: 0;}
.search .search_b input[type='button']{ float: left; width: 80px; height: 80px; border: 0; background: url(../images/sou1.png) #44577f no-repeat center; cursor: pointer;}
.search .search_b i{ display: block; font-size: 140px; color: #fff; position: absolute; top: 0; right: 50px;}
.swi_page{width:100%;left:0px;bottom:30px;position:absolute;z-index:50}
.banner .arrow-left, .banner .arrow-right{position:absolute;left:0px;width:46px;height:100%;z-index:16;top:0;opacity:0;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.banner .arrow-left{background:url(../images/qiehuan.png) no-repeat left;}
.banner .arrow-right{background:url(../images/qiehuan1.png) no-repeat right;right:0px;left:auto}
.banner:hover .arrow-left{left:50px}
.banner:hover .arrow-right{right:50px;}
.banner:hover .arrow-left,.banner:hover .arrow-right{opacity:1}
.banner .pagination{position:absolute;bottom:25px;z-index:18;width:100%;text-align:center;left:0px}
	
.indexA{width:100%;float:left;padding:70px 0px}
.indexA_top{width:100%;float:left;position:relative;overflow:inherit;z-index:1}
.indexA_top:after{position:absolute;right:0px;width:75%;background:#f7f7fb;height:100%;content:'';top:0px;z-index:-1;}
.indexA_right{position:relative;width:725px;float:right}
.indexA dl{width:48%;float:left;}
.indexA dl dt,.indexC_right dl dt,.indexE_top dl dt{font-size:60px;color:#50689a;font-weight:bold;margin-top:120px;}
.indexA dl dd{width:80%;margin-top:10px;}
.indexA dl dd p,.indexC_right dl dd p,.indexE_top dl dd{font-size:14px;color:#666666;line-height:24px;width:100%;float:left}
.more{width:84px;float:left;text-align:right;display:inline-block;font-size:30px;color:#cbcbcb;position:relative;margin-top:28px;}
.more:before{width:52px;height:1px;background:#cbcbcb;content:'';position:absolute;left:0px;top:16px}
.more:hover:before{width:70px;background:#50689a}
.more:hover{color:#50689a}
.swiper-container{padding:0px;position:relative}
.swiper-container a{width:100%;display:block;position:relative}
.swiper-container a div{opacity:0;position:absolute;left:0px;top:0px;width:100%;height:100%;background-color: rgba(0,0,0,0.2);transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.swiper-container a div p{width:92%;margin:3% 4%;float:left;border:1px solid #fff;height:90%;position:relative}
.swiper-container a div span{color:#fff;font-size:24px;bottom:32px;left:30px;position:absolute}
.pagination{right:30px;bottom:30px;z-index:5;position:absolute}
.swiper-pagination-switch{width:13px;height:12px;background:#000;opacity:0.2;border-radius:0 !important;border:none;display:inline-block;margin-right:10px;}
.swiper-active-switch{background:#50689a;opacity:0.8}
.swiper-container a:hover div{opacity:1}
.swiper-slide img{width:100%}
.indexA .indexA_bo{width:100%;float:left;text-align:center;margin-top:34px;}
.indexA .indexA_bo a{display:inline-block;margin-right:56px;width:289px}
.indexA .indexA_bo a p,.indexB_left a p,.indexC_right a p,.indexC_bo a p,.indexD_right a p,.indexE_left a p{overflow:hidden;width:100%;float:left}
.indexA .indexA_bo a img,.indexB_left a img,.indexC_right a img,.indexC_bo a img,.indexD_right a img,.indexE_left a img{width:100%;float:left; transition-duration:2.5s;-ms-transition-duration:2.5s;-moz-transition-duration:2.5s;-webkit-transition-duration:2.5s;}
.indexA .indexA_bo a:hover img,.indexB_left a:hover img,.indexC_right a:hover img,.indexC_bo a:hover img,.indexD_right a:hover img,.indexE_left a:hover img{transform: scale(1.3);-o-transform: scale(1.3);-ms-transform: scale(1.3);-moz-transform: scale(1.3);-webkit-transform: scale(1.3);}
.indexA .indexA_bo a:last-child{margin-right:auto}
.indexA .indexA_bo a span,.indexB_left a span,.indexC_bo a span,.indexE_left a span{width:100%;float:left;text-align:center;font-size:18px;color:#333333;margin-bottom:15px;}
.index a:hover span{color:#50679b}

.indexB,.indexD{width:100%;float:left;background:#f7f7fb;padding:70px 0px;}
.indexB h2,.indexB p,.indexD h2,.indexD p{width:100%;float:left;text-align:center}
.indexB h2,.indexD h2{font-size:60px;color:#50689a;font-weight:bold;}
.indexB p,.indexD p{font-size:14px;line-height:24px;color:#666666;margin-top:20px;}
.indexB_left{float:left;}
.indexB_left a{width:183px;float:left;margin-right:20px;}
.indexB_left a span,.indexC_bo a span,.indexE_left a span{margin-top:15px;margin-bottom:auto}
.indexB_right{float:right}
.indexB_right a:last-child{margin-right:0px}
.indexB_mid{width:588px;float:left;position:relative;margin-top:40px;}
.indexB_left a:first-child{margin-top:105px;}
.indexB_left a:last-child{margin-top:155px}
.more_div{width:100%;text-align:center;float:left;margin-top:10px}
.more_div .more{float:none;margin:0px}

.indexC{width:100%;float:left;padding:70px 0px}
.indexC_left{width:674px;float:left;position:relative}
.indexC_right{float:right;width:49%}
.indexC_right div{float:left;width:212px;position:relative}
.indexC_right div span{position:absolute;bottom:10px;left:30%;font-size:18px;color:#fff;width:40%;height:30px;background-color: rgba(0,0,0,0.6);text-align:center;line-height:30px;}
.indexC_right dl{width:60%;float:right;text-align:right}
.indexC_right dl .more{float:right}
.indexC_right dl .more:before{top:11px}
.indexC_right dl dd{font-size:14px;color:#666666;line-height:24px;margin-top:10px}
.indexC_bo{width:100%;float:left;margin-top:35px;}
.indexC_bo a{width:443px;margin-right:35px;float:left}
.indexC_bo a:last-child{margin-right:0px}
.indexD .more_div{margin-top:10px;}
.indexD_left{width:680px;float:left;position:relative;margin-top:35px;}
.indexD_left .swiper-container a div p{margin:4% 4%}
.indexD_right{float:right;width:686px;margin-top:35px;}
.indexD_right a{width:326px;float:left;position:relative;display:block}
.indexD_right a:nth-child(2n){float:right}
.indexD_right a p{margin-top:0px}
.indexD_right a span{width:100px;height:35px;text-align:center;line-height:35px;color:#fff;display:block;position:absolute;bottom:20px;left:40px;background-color: rgba(102,121,163,0.9)}
.indexD_right a span:before{content:url(../images/xian.jpg);position: absolute;top: -4px;left: -20px;}
.indexD_right a:last-child{width:100%;margin-top:35px;}

.indexE{width:100%;float:left;margin:70px 0px}
.indexE_top{width:100%;float:left}
.indexE_top dl{width:50%;float:left}
.indexE_top dl dt{margin-top:0px}
.indexE_top dl dd{margin-top:12px;}
.indexE_top .more{float:right}
.indexE_left{width:411px;float:left;margin-top:75px;}
.indexE_right{float:right}
.indexE_mid{width:510px;float:left;margin-left:34px;position:relative;margin-top:28px;}
.indexE_mid .swiper-container a div p{margin:5% 4%}

footer{height:449px;width:100%;float:left;background:url(../images/footerbg.jpg) no-repeat center;}
footer .w1400{overflow:inherit}
.footer_top{width:100%;float:left;height:386px;}
.footer_top dl dt{font-size:24px;color:#fff}
.footer_top dl dd p{font-size:14px;line-height:38px;width:100%;float:left;color:#fff;margin-top:10px;}
.footer_top dl.foo_dl1 a,.footer_top dl.foo_dl3 a{width:140px;height:36px;text-align:center;line-height:36px;border-radius:15px;float:left;border:1px solid #747474;font-size:14px;background:#444343;color:#fff;margin-top:30px;}
.footer_top dl.foo_dl1 a:hover,.footer_top dl.foo_dl3 a:hover{background:#585757}
.footer_top dl{height:290px;border-right:1px solid #747474;float:left;margin-top:66px;}
.footer_top dl.foo_dl1{width:524px;padding-right:70px;}
.footer_top dl.foo_dl2{width:300px;margin-left:70px;}
.footer_top dl.foo_dl2 .bshare-custom{width:100%;float:left;margin-top:26px;}
.footer_top dl.foo_dl2 .bshare-custom a{padding:0px;display:inline-table;margin-right:17px;}
.footer_top dl.foo_dl2 .bshare-custom a.bshare-facebook{width:13px;height:24px;background:url(../images/fx1.png) no-repeat center}
.footer_top dl.foo_dl2 .bshare-custom a.bshare-twitter{width:28px;height:23px;background:url(../images/fx2.png) no-repeat center}
.footer_top dl.foo_dl2 .bshare-custom a.tobe{width:19px;height:23px;background:url(../images/fx3.png) no-repeat center}
.footer_top dl.foo_dl2 .bshare-custom a.bshare-linkedin{width:22px;height:22px;background:url(../images/fx4.png) no-repeat center}
.footer_top dl.foo_dl3{width:325px;float:right;border:none}
.footer_top dl.foo_dl3 dd{margin-top:28px;}
.footer_top dl.foo_dl3 input,.footer_top dl.foo_dl3 textarea{width:96%;padding-left:2%;font-size:14px;color:#fff;background:#6b6b6b;border:none;height:40px;line-height:40px;margin-bottom:10px;}
.footer_top dl.foo_dl3 textarea{height:74px;}
.footer_top dl.foo_dl3 a{margin-top:0px}
.foo_en{width:100%;float:left;height:63px;text-align:center;}
.foo_en a{color:#8b8b8b}
.foo_en p{width:100%;text-align:center;font-size:14px;color:#8b8b8b;margin-top:22px;}

input:-moz-placeholder, textarea:-moz-placeholder {   
color:#949494  ;
}   
input::-moz-placeholder, textarea::-moz-placeholder {     
color:#949494  ;
}   
input:-ms-input-placeholder, textarea:-ms-input-placeholder {   
color:#949494 ;  
}

.d_banner{position:absolute;top:0px;left:0px;width:100%;height:100%;}
.d_banner dl{margin:0 auto;width:0px;background-color: rgba(0,0,0,0.5);margin-top:210px;color:#fff;padding:90px 48px;text-align:center;position:relative;opacity:0; transition-duration:.8s;-ms-transition-duration:.8s;-moz-transition-duration:.8s;-webkit-transition-duration:.8s;}
.d_banner dl dt{font-size:60px;font-weight:bold}
.d_banner dl dd{font-size:14px;line-height:26px;margin-top:10px;}
.d_banner dl:before{content:url(../images/headerico1.png);position:absolute;left:6px;bottom:12px;}
.d_banner dl:after{content:url(../images/headerico.png);position:absolute;right:6px;top:12px;}

.made{width:100%;float:left;padding:70px 0px}
.made h3,.made p{width:100%;float:left;text-align:center;}
.made h3{font-size:40px;color:#50679b;font-weight:bold;position:relative}
.made h3:before,.made h3:after{content:url(../images/xian2.gif);position: absolute;top: -12px; margin-left: -90px;}
.made h3:after{margin-left:30px;}
.made p{font-size:16px;color:#888888;line-height:30px;margin-top:10px;}
.madeA_bo,.madeC_bo,.madeB_bo,.madeD_bo{width:100%;float:left;margin-top:36px;}
.madeA_bo a{float:left;width:680px;}
.madeA_bo a div,.made1 a p{width:100%;float:left;overflow:hidden;position:relative;margin-top:0px}
.madeA_bo a div .div_img,.made1 a img{width:100%;float:left; transition-duration:2.5s;-ms-transition-duration:2.5s;-moz-transition-duration:2.5s;-webkit-transition-duration:2.5s;}
.madeA_bo a div p{margin-top:0px}
.madeA_bo a:hover div .div_img,.made1 a:hover img{transform: scale(1.3);-o-transform: scale(1.3);-ms-transform: scale(1.3);-moz-transform: scale(1.3);-webkit-transform: scale(1.3);}
.madeA_bo a p{opacity:0;position:absolute;top:0px;left:0px;width:100%;height:100%;text-align:center;background-color: rgba(0,0,0,0.3)}
.madeA_bo a p img{margin-top:25%}
.madeA_bo a span,.made1 a span{font-size:20px;color:#333;margin-top:15px;float:left;text-align:center;width:100%;}
.madeA_bo a:hover p{opacity:1}
.madeA_bo a:hover span,.made1 a:hover span{color:#50679b}
.madeA_bo a:last-child{float:right}
.madeB{background:#f4f4f4}
.madeB_bo a{width:439px;float:left;margin-right:40px;}
.madeB_bo div{float:right;width:439px;}
.madeB_bo div a{margin-right:0px;width:100%;float:left}
.madeB_bo div a:last-child{margin-top:23px;}
.madeC_bo a{width:320px;margin-right:40px;float:left}
.madeC_bo a:nth-child(2n+1){margin-top:60px;}
.madeC_bo a:last-child,.madeD_bo a:last-child{margin-right:0px}
.madeD{background:#f4f4f4}
.madeD_bo a{width:329px;float:left;margin-right:40px;}
.madeD_bo a:first-child{width:661px;}

.animate-box{position:relative;margin-top:20px;}
.animate-box a{font-size:18px;color:#333333;margin-top:10px;width:100%;float:left;overflow:hidden}
.animate-box .d_a{width:100%;display:block;overflow:hidden}
.animate-box .d_a img{width:100%;float:left; transition-duration:2.5s;-ms-transition-duration:2.5s;-moz-transition-duration:2.5s;-webkit-transition-duration:2.5s;}
.animate-box .d_a:hover img{transform: scale(1.3);-o-transform: scale(1.3);-ms-transform: scale(1.3);-moz-transform: scale(1.3);-webkit-transform: scale(1.3);}
.item{width:100%;float:left;}
.item:hover .fh5co-desc a{color:#50689a}
.item:hover .animate-box a div{opacity:1}
.list_nav{width:100%;float:left;margin-top:30px;text-align:center;}
.list_nav a{font-size:16px;color:#333333;display:inline-block;line-height:38px;padding:0px 22px;border-radius:15px;margin:0px 10px;}
.list_nav a:hover,.list_nav a.cur{background:#596994;color:#fff}
#fh5co-main .container{padding-bottom:70px;}


.xq{width:100%;float:left;margin-top:60px;}
.xqA .foucebox {position:relative;width:566px;height:586px;overflow:hidden;float:left}
.xqA .foucebox .bd { position:relative; float:right; width:449px;height:100%;overflow:hidden;height:586px}
.xqA .foucebox .bd img {width:100%;height:100%}
.xqA .foucebox .hd {width:106px; float:left; margin-right:11px; z-index:1; }
.xqA .foucebox .hd ul { width:100%; overflow:hidden;   }
.xqA .foucebox .hd li { position:relative; width:100%;float:left; overflow:hidden;margin-bottom:11px  }
.xqA .foucebox .hd li:last-child{margin-bottom:0px}
.xqA .foucebox .hd img {width:100%;float:left; display:block;  }
.xqA .foucebox li.on .hoverBg{opacity:1}
.xqA .foucebox li .hoverBg { opacity:0;position:absolute; top:0; left:0px; width:100%; height:100%; z-index:80;background:url(../images/xqico.png) no-repeat center rgba(0,0,0,0.5)}
.xqA_right{float:right;width:794px;}
.xq h2,.xq strong,.xq p{width:100%;float:left}
.xq h2{font-size:36px;color:#50689a;font-weight:bold;margin-top:10px;}
.xq p{font-size:16px;color:#333333;line-height:30px;margin-top:10px;}
.xq strong{font-size:24px;color:#333333;margin-top:20px;}
.xqB .w1400{position:relative}
.xqB_bo{width:100%;float:left;margin:40px 0px}
.xqB_bo .swiper-slide a{width:311px;float:left;margin-right:52px;overflow:hidden}
.xqB_bo .swiper-slide a img,.xqC p img,.xqD .w1400 p img{width:100%;float:left; transition-duration:2.5s;-ms-transition-duration:2.5s;-moz-transition-duration:2.5s;-webkit-transition-duration:2.5s;}
.xqB_bo .swiper-slide a:hover img,.xqC p:hover img,.xqD .w1400 p:hover img{transform: scale(1.3);-o-transform: scale(1.3);-ms-transform: scale(1.3);-moz-transform: scale(1.3);-webkit-transform: scale(1.3);}
.xqB_bo .swiper-slide a:last-child{margin-right:0px}
.xqB_bo .swiper-slide a:nth-child(2n){margin-top:40px;}
.xqB .arrow-left,.xqB .arrow-right{top:-80px;margin-top:0px;position:absolute;width:13px;height:19px;background:url(../images/xqpre.png) no-repeat center;right:30px;left:auto}
.xqB .arrow-right{background:url(../images/xqnext.png) no-repeat center;right:0px}
.xqB .arrow-right:hover{background:url(../images/xqnext1.png) no-repeat center}
.xqB .arrow-left:hover{background:url(../images/xqpre1.png) no-repeat center}
.xqC p{width:1046px;float:left;overflow:hidden;margin-top:0px}
.xqC .w1400 div{width:324px;float:right}
.xqC .w1400 div p,.xqD .w1400 div p{width:100%}
.xqD .w1400 div{width:325px;float:left}
.xqD .w1400 p{width:322px;float:right;margin-left:30px;overflow:hidden;margin-top:0px}
.xqE_top{width:100%;float:left}
.xqE_top p{width:671px;float:left;margin-right:30px;margin-top:0px}
.xqE_top p:last-child{margin-right:auto;width:478px;margin-top:125px}
.xqE_top1 p{width:671px;margin-top:30px;margin-right:0px}
.xqE_top1 p:last-child{width:478px;margin-right:30px;margin-top:30px}
.xqE_top1 p{float:right}
.xqE .w1400{position:relative}
.xqE_mid{width:100%;position:absolute;top:0px;left:0px;z-index:80}
.xqE_mid dl{margin:0 auto;width:350px;color:#fff;background:#50689a;padding:70px 24px;text-align:center;margin-top:288px;}
.xqE_mid dl dt{font-size:24px;font-weight:bold}
.xqE_mid dl dd{font-size:16px;line-height:30px;margin-top:20px;}
.return,.return a{width:100%;float:left;}
.return a{text-align:center;font-size:16px;color:#50689a;margin:70px 0px}
.return a i{width:40px;height:40px;background:url(../images/return.png) no-repeat center #50689a;display:inline-block;border-radius:100%;margin-bottom:10px;}
.return a:hover i{background:url(../images/return.png) no-repeat center#5770a4}
.about{padding:40px 0 50px;line-height:24px;}
.about p{color:#333;}

.indexC_left.transy,
.indexD_left.transy,
.indexE_left.transy,
.madeA_bo a:first-child.transy,
.xqC p.transy,
.xqE_top2 p:first-child.transy,
.xqE_top1 p:last-child.transy{
	transform: translateX(-100%);
   -o-transform: translateX(-100%);
   -ms-transform: translateX(-100%);
   -moz-transform: translateX(-100%);
   -webkit-transform: translateX(-100%);
	 }
.indexC_right.transy,
.indexD_right.transy,
.indexE_right.transy,
.madeA_bo a:last-child.transy,
.xqC .w1400 div.transy,
.xqE_top2 p:last-child.transy,
.xqE_top1 p:first-child.transy{
	transform: translateX(100%);
   -o-transform: translateX(100%);
   -ms-transform: translateX(100%);
   -moz-transform: translateX(100%);
   -webkit-transform: translateX(100%);
	 }
.indexC_right.tranShow,.indexC_left.tranShow,
.indexD_right.tranShow,.indexD_left.tranShow,
.indexE_right.tranShow,.indexE_left.tranShow,
.madeA_bo a:first-child.tranShow,.madeA_bo a:last-child.tranShow,
.xqC .w1400 div.tranShow,
.xqC p.tranShow,
.xqE_top1 p:first-child.tranShow,
.xqE_top2 p:first-child.tranShow,
.xqE_top1 p:last-child.tranShow,
.xqE_top2 p:last-child.tranShow{ 
   transform: translateX(0);
   -o-transform: translateX(0);
   -ms-transform: translateX(0);
   -moz-transform: translateX(0);
   -webkit-transform: translateX(0);
}

.backTop{ position: fixed; bottom: 60px; right: 30px; background: url(../images/top.png) no-repeat #50689a; width: 45px; height: 45px; cursor: pointer; z-index: 10; display: none; }
.backTop:hover{ background-color: #576fa2; transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}

.Qabout p{width:600px;}
.Qabout .w1400 div{width:750px;}

.ke-zeroborder p{font-size: 16px;color: #333333;line-height: 30px;}


.aboutA{width:100%;float:left;padding:90px 0px 86px 0px}
.aboutA .w1400{overflow:inherit;position:relative}
.aboutA .w1400 div{width:100%;float:left;border:1px solid #e5e5e5;height:446px;position:relative;line-height:446px}
.aboutA .w1400 div:before{content:url(../images/abico1.png);position:absolute;left:0px;bottom:0px;line-height:0px}
.aboutA .w1400 div p{font-size:18px;color:#333333;line-height:40px;width:474px;margin-left:80px;vertical-align:middle;display:inline-block}
.aboutA .w1400 img{float:right;position:absolute;right:0px;top:-19px;width:726px}

.aboutB{width:100%;float:left;background:url(../images/aboutbg.jpg) no-repeat center;background-size:cover;color:#fff;text-align:center;padding:120px 0px}
.aboutB strong{font-size:30px;width:100%;float:left;}
.aboutB p{font-size:18px;line-height:36px;margin-top:28px;width:100%;float:left}
.aboutB div{width:100%;float:left;margin-top:50px;}
.aboutB div img{border:3px solid #9eafd4;margin:0px 5px;}

.aboutC{padding:70px 0px 65px 0px;width:100%;float:left}
.aboutC img{float:left;width:894px;}
.aboutC .w1400 div{width:482px;float:right}
.aboutC .w1400 div p{width:100%;float:left;font-size:18px;color:#444444;line-height:40px;margin-bottom:15px}


@media screen and (max-width:1440px){
	 .w1400{width:1200px}
	 .indexA .indexA_bo a{width:23.5%;margin-right:2%;float:left}
	 .indexB_left{width:30%;margin-right:0.6%}
	 .indexB_mid{width:38.8%}
	 .indexB_left a{width:49%;margin-right:auto}
	 .indexB_left a:last-child{float:right}
	 .indexB_right{margin-right:0px}
	 .indexC_left{width:49%}
	 .indexC_right div{width:185px;}
	 .indexA dl dt, .indexC_right dl dt, .indexE_top dl dt{margin-top:60px}
	 .indexC_bo a{width:32%;margin-right:2%}
	 .indexD_left,.indexD_right,.indexD_right a{width:49%}
	 .indexD_right a:last-child{margin-top:26px}
	 .indexE_left{width:28%;}
	 .indexE_mid{width:40%;margin-left:2%}
	 .footer_top dl.foo_dl1{width:40%;padding-right:50px;}
	 .footer_top dl.foo_dl2{width:20%}
	 .d_nav{right:10px}
	 .d_banner dl{padding:30px 48px;margin-top:140px;}
	 .madeA_bo a{width:49%}
	 .madeB_bo a{width:32%;margin-right:2%}
	 .madeB_bo div{width:32%}
	 .madeB_bo div a:last-child{margin-top:16px;}
	 .madeC_bo a,.madeD_bo a{width:23.5%;margin-right:2%}
	 .madeD_bo a:first-child{width:48%;margin-right:2%}
	 .animate-box a div p{padding:20px 34px 34px 34px;;line-height:28px}
	 .xqA_right{width:50%}
	 .xq p{line-height:26px;}
	 .xq h2{margin-top:0px}
	 .xq strong{margin-top:10px}
	 .xqB_bo .swiper-slide a{width:23.5%;margin-right:2%}
	 .xqC p{width:70%}
	 .xqD .w1400 div{width:40%}
	 .xqD .w1400 p{width:18%;margin-left:2%}
	 .Qabout p{width:49% !important}
	 .Qabout .w1400 div{width:49% !important;float:right !important}
	 .Qabout .w1400 div p{width:100% !important}
	 
	 .aboutA .w1400 img{width:600px;}
	 .aboutA .w1400 div{height:360px;line-height:360px}
	 .aboutC img{width:694px;}
	}
@media screen and (max-width:1300px){
	.header nav>ul li a{font-size:12px;}
	.header .logo{left:20px;}
	.header .search{right:20px;}
	}
@media screen and (max-width:1025px){
	.menu-handler{margin-top:0px;}
	.search{margin-top:15px;}
	.search .search_b .form{width:90%}
	.header nav{display:none}
	.header{height:60px;}
	.w1400{width:96%}
	.header .logo{width:60px}
	.indexA_right{width:500px;}
	.search .search_icon{width:30px;}
	.banner{margin-top:60px;}
	/*.footer_top{display:none}
	footer{height:auto;background:#575757}
	foo_en{color:#fff;}*/
	 footer{background:none;background:#575757;height:auto}
	.footer_top{height:auto;padding:40px 0px}
	.footer_top dl.foo_dl1{display:none}
	.footer_top dl.foo_dl2{margin-left:0px}
	.footer_top dl{border-right:none;width:50% !important;float:left;margin-top:0px !important}
	.foo_en{color:#fff;border-top:1px solid #949494;height:auto;padding:20px 0px}
	.foo_en p{margin-top:0px;line-height:24px;}
	.indexC_right div{width:152px;}
	.indexA dl dt, .indexC_right dl dt, .indexE_top dl dt{margin-top:0px}
	.search{float:right;position:inherit;right:auto;top:auto;}
	.menu-handler{display:block}
	.menuBox .mlogo{width:100%;text-align:center;float:left;margin-bottom:40px;}
	.menuBox .mlogo img{width:auto !important;display:inline-block !important;float:none !important}
	.madeB_bo div a:last-child{margin-top:6px;}
	.xqA .foucebox{float:none;margin:0 auto}
	.xqA_right,.xqC .w1400 div{width:100%;float:left;margin-top:20px;}
	.xqC p{width:auto;margin:0 auto}
	.xqE_mid{width:100%;float:left;position:inherit;}
	.xqE_mid dl{width:100%;float:left;margin-top:0px;}
	.xqE_top p{width:60%;margin-right:2%}
	.xqE_top1 p{margin-left:2%;width:60%;margin-right:0px}
	.xqE_top p:last-child,.xqE_top1 p:last-child{width:38%}
	.xqE_top1 p:last-child{margin:auto;margin-top:30px !important;}
	.madeA_bo a p img{display:none}
	 .banner .arrow-left, .banner .arrow-right{display:none}
	 .preview a img{margin-top:0px !important}
	 .d_banner dl{margin-top:80px;}
	 
	 .aboutA .w1400 img{width:500px;}
	.aboutA .w1400 div{height:auto;height:300px;line-height:300px}
	.aboutA .w1400 div p{margin-left:30px;width:400px;}
	.aboutB div img{height:200px}
	.aboutC{text-align:center}
	.aboutC img{float:none;display:inline-block}
	.aboutC .w1400 div{width:100%;text-align:left;margin-top:20px;text-align:center}
	.aboutC .w1400 div p{text-align:left}
    }
@media screen and (max-width:769px){
	.search .search_b input[type='text']{width:84%;padding-left:2%;}
	.search .search_b input[type='button']{width:14%;}
	.indexA .w1400:after{display:none}
	.indexA dl{width:100%}
	.indexA_right{width:100%;margin-top:20px;}
    .indexC_right,.indexC_left{width:100%;float:left}
	.indexC_left{margin-top:20px;}
	.indexE_top dl{width:60%}
	.d_banner dl{display:none}
	.xqD .w1400 div{width:100%;float:left}
	.xqD .w1400 p{width:32%;margin-left:auto;margin-left:2%;margin-top:20px;}
	.xqD .w1400 p:last-child{margin-left:0px}
	.xqE_top p:last-child{margin-top:104px;}
	.xqB .swiper-button-prev, .xqB .swiper-button-next{top:10px;}
	.xq h2{width:80%}
	
	.aboutA{text-align:center;padding:70px 0px}
	.aboutA .w1400 div{height:auto;line-height:normal;padding:30px 0px;}
	.aboutA .w1400 div p{width:auto;padding:0px 20px;margin:0px;text-align:left}
	.aboutA .w1400 img{position:static;display:inline-block;float:none;margin-top:30px}
	.aboutB div img{height:150px}
	.aboutB{padding:70px 0px}
	.aboutB div{margin-top:0px}
	}
@media screen and (max-width:415px){
	.Qabout p{width:100% !important}
	 .Qabout .w1400 div{width:100% !important;}
	.shubiao{display:none}
	.search .search_b input[type='text']{width:74%;border-radius:none;height:50px;line-height:50px;font-size:28px;}
	.search .search_b input[type='button']{width:24%;border-radius:none;height:50px;line-height:50px;}
	.search .search_b i{font-size:90px;}
	.indexB_left,.indexB_mid,.indexD_left,.indexD_right{width:100%;}
	.indexB_left a{margin-top:0px !important}
	.swi_page{bottom:5px}
	.d_nav{display:none}
	.madeB_bo a,.madeB_bo div a{width:49%;margin-right:auto}
	.madeB_bo a:nth-child(2n){float:right}
	.madeB_bo div{width:100%;float:left;margin-top:20px;}
	.madeB_bo div a:last-child{margin-top:0px}
	.list_nav a{margin-top:10px;}
	.list_nav{margin-top:20px;}
	.item:hover .animate-box a div{display:none}
	.xqE_top p{width:100% !important}
	.xqE_top p:last-child{margin-top:30px;}
	.xqA .foucebox{width:100%;height:auto}
	.xqA .foucebox .bd,.xqA .foucebox .hd{width:100%}
	.xqA .foucebox .hd li{width:23.5%;margin-right:2%;margin-bottom:0px;margin-top:20px;}
	.xqA .foucebox .hd li:last-child{margin-right:0px}
	.preview{visibility:hidden}
	.swi_pcon .shubiao{display:none}
	.indexA dl dt, .indexC_right dl dt, .indexE_top dl dt,.indexB h2, .indexD h2,.made h3,.xq h2{font-size:30px;}
	.swi_page{display:none}
	.indexA,.indexB, .indexD,.indexC,.indexE,.made{padding:30px 0px}
	.madeA_bo a span, .made1 a span{font-size:16px;}
	.madeA_bo, .madeC_bo, .madeB_bo, .madeD_bo{margin-top:20px;}
	.fh5co-desc a{font-size:14px;}
	.animate-box{margin-top:10px;}
	.xq{margin-top:30px;}
	.return a{margin:30px 0px}
	.xqB_bo{margin:20px 0px}
	.footer_top dl{width:100% !important;text-align:center;height:auto !important;margin-bottom:30px;}
	.xqA .foucebox .bd{height:400px;}
	
	.aboutB div img{height:75px}
	.aboutA,.aboutB,.aboutC{padding:30px 0px}
	.aboutA .w1400 div p,.aboutB p,.aboutC .w1400 div p{font-size:14px;}
	.indexA .indexA_bo a span, .indexB_left a span, .indexC_bo a span, .indexE_left a span{font-size:14px;}
	
	.list_nav a{font-size:12px;padding:0px 10px;line-height:24px;margin:0px}
    }
@media screen and (max-width:376px){
	.indexC_right div{display:none}
	.indexC_right dl,.madeD_bo a:first-child{width:100%}
	.madeA_bo a{width:100%}
	.madeA_bo a:last-child{margin-top:20px;}
	.madeC_bo,.madeD_bo{margin-top:16px}
	.madeC_bo a,.madeD_bo a{margin-top:20px !important;width:49%;}
	.madeC_bo a:nth-child(2n){float:right;margin-right:0px}
	/*.size-1of4{width:49% !important;margin-right:auto !important}
	.size-1of4:nth-child(2n){float:right;}*/
	
	.aboutB div img{height:auto;width:100%;margin:0px}
	
    }