@charset "utf-8";
body{background:#fff; color: #000;font-family:"微软雅黑"; position:relative;}
a{text-decoration:none; color:#000;}
img{max-width: 100%; vertical-align: middle;}
input{font-family:"微软雅黑";/*-webkit-appearance: none;appearance: none;*/ }
.BMap_Marker div img{max-width: 138px !important;}

#box{min-width:; overflow:hidden;}
.container{width:1050px;margin:0 auto;}
.w_998{width:998px;margin:0 auto;}

.goToTop{position:fixed;right:10px;bottom:60px;z-index: 999;cursor:pointer;}

/*gotop*/
.xuanfu{position:fixed;right:10px;bottom:120px;z-index: 999;}
.xuanfu .goToTop{cursor:pointer;}
.xuanfu .ico{margin-bottom: 8px;}
/*pc_top_header*/
.TopHead{width:100%;height:38px;line-height:38px; background-color:#3892ce;}
.TopHead p{ font-size:13px; color:#fff; width:100%;}
/*pc header*/
.marster_head .pc_right{display: block;}
.marster_head{ width: 100%; background-color:#fff;}
.marster_head_cur{ position:fixed;top:0;left:0;z-index:99;border-bottom:#cfcfcf 1px solid;}
.marster_head .sub_main{width: 1050px;margin: 0 auto;}
.marster_head .logo{ width: 177px; display: inline-block;padding-top:13px;}
.black{height: 132px;width: 100%;position: fixed;left:0;top:0;background: rgba(0,0,0,0.5);display: none;z-index: 1;}
.marster_head .pc_right ul li{position:relative;}
.marster_head .pc_right ul li a{font-size: 14px;color: #313131;line-height: 77px;padding:0 18px; display:inline-block;}
.marster_head .pc_right ul li a:hover,.marster_head .pc_right ul li.cur a{color: #3892ce;}
.marster_head .pc_right ul li span{position: absolute;left: 0;bottom: 0;height: 3px;width: 0;background-color: #0077c3;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.marster_head .pc_right ul li:hover span,.marster_head .pc_right ul li.cur span{width: 100%;}
/*phone header*/
.marster_head .phone_right{ display:none; position: relative; float: right; width: 5%; min-width: 30px; }
.marster_head .phone_right .icon{ cursor: pointer;}
.marster_head .phone_right .icon img{ width: 100%;}
.phone_menu_alert{ position: fixed; left: 0; top: 0; background: #000; width: 100%; height: 100%; z-index: 5; overflow: hidden; font-size: 14px; display: none;}
.phone_menu_alert .close{transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s;-o-transition: 0.6s;behavior:url(../css/PIE.htc); position: absolute; left: 8px; top: 8px; width: 5%; min-width: 15px; cursor: pointer;}
.phone_menu_alert .close:hover{transform:rotate(180deg);-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);behavior:url(../css/PIE.htc);}
.phone_menu_alert .alert_logo{ text-align: center; padding: 20px 0; min-width: 110px; display: block; width: 100%; margin: 0 auto; background: #000;}
.phone_menu_alert .alert_logo img{ background: #000; width: 40%; display: block; margin: 0 auto;}
.phone_menu_alert ul{ width: 85%; padding: 0 7.5%; margin: 0 auto; height: 70%; overflow-y: scroll; background: #000;}
.phone_menu_alert ul::-webkit-scrollbar {width: 3px;}
.phone_menu_alert ul::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 1px #fff;}
.phone_menu_alert ul::-webkit-scrollbar-thumb {background: #3892ce;}
.phone_menu_alert ul::-webkit-scrollbar-thumb:window-inactive {background: #3892ce;}
.phone_menu_alert ul li{ text-indent: 5px; line-height: 3em;}
.phone_menu_alert ul li a{ color: #d0d0d0; display: block; border-bottom: 1px solid #333;}
.phone_menu_alert ul li a:hover{ opacity: 0.8;filter: alpha(opacity=80);}
/*footer*/
.footer{width:100%;height:42px;line-height:42px; background-color:#3892ce}
.footer p,.footer p a{ font-size:13px; color:#fff;}
.footer p a:hover{ text-decoration:underline;}
.footer p a{padding:0 15px;}
/*index*/
/*banner*/
.pc_banner{ display:block;}
.pc_banner .slideBox{ width:100%; height:auto; overflow:hidden; position:relative;}
.pc_banner .slideBox .hd{ height:9px;width:100%; text-align:center; overflow:hidden; position:absolute; right:0; bottom:15px; z-index:1; }
.pc_banner .slideBox .hd p{ overflow:hidden; zoom:1;width:100%; text-align:center;  }
.pc_banner .slideBox .hd p span{margin:0 6px; display:inline-block;  width:9px; height:9px;background:#fff; cursor:pointer;-webkit-border-radius:50%;border-radius:50%; opacity: 0.4;filter: alpha(opacity=40);}
.pc_banner .slideBox .hd p span.on{ background:#3892ce;}
.pc_banner .slideBox .bd{ position:relative; height:100%;z-index:0;}
.pc_banner .slideBox .bd li{ zoom:1; vertical-align:middle; }
.pc_banner .slideBox .bd img{ width:100%; height:auto; display:block;  }

.phone_banner{ display:none;}
.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.phone_banner .swiper-pagination-bullet{margin:0 6px; display:inline-block;  width:9px; height:9px;background:#fff;opacity: 0.4;filter: alpha(opacity=40);}
.phone_banner .swiper-pagination-bullet-active{background:#3892ce;}
/*indexcon*/
.indexcon .Advan .tit,.indexcon .tit h2 span{ color:#3892ce;}
.indexcon .tit{color:#313131; text-align:center;}
.indexcon .tit h2{ font-size:36px; margin-bottom:0.501%/*5px*/;}
.indexcon .tit p{ font-size:18px; text-transform:uppercase;}
.indexcon .Advan,.indexcon .Sale,.indexcon .Multiport,.indexcon .Custorm{ padding:2.604%/*50px*/ 0;}
.indexcon .adcont{ width:100%; margin-top:2.605%/*26px*/;}
.indexcon .adcont .adbox{ width:27.655%/*276px*/; margin-top:3.006%/*30px*/; margin-right:8.5175%/*91px*/;}
.indexcon .adcont .adbox:nth-of-type(3n),.indexcon .salebox li:last-child,.indexcon .Custorm ul li:nth-of-type(4n){ margin-right:0;}

.indexcon .adcont .adbox .font{ text-align:center;}
.indexcon .adcont .adbox .font h3{ font-size:20px; color:#3892ce; margin:10.869%/*30px*/ 0 5.434%/*15px*/ 0;}
.indexcon .adcont .adbox .font p{ font-size:14px; color:#666; line-height:24px;}

.indexcon .Sale,.indexcon .Custorm{ background-color:#f6faff;}
.indexcon .salebox{ margin-top:5.010%/*50px*/;}
.indexcon .salebox li{width:18.236%/*182px*/; margin-right:6.205%/*22px*/;}
.indexcon .salebox li img{width:100%;}

.indexcon .picture{ width:41.979%/*806px*/; margin:0 auto; margin-top:2.916%/*56px*/;}

.indexcon .Custorm ul{ margin-top:2.004%/*20px*/;}
.indexcon .Custorm ul li{ width:21.843%/*218px*/; margin-right:4.209%/*42px*/; margin-top:3.006%/*30px*/;}
.indexcon .Custorm ul li img{width:100%;}
/*about*/
.ab_banner{width:100%;}
.abcon .tit{ color:#3892ce;}
.abcon{padding:2.604%/*50px*/ 0 7.8125%/*150px*/;}
.abcon .abbox{margin-top:4.761%/*50px*/;}
.abcon .abbox .map{ width:340px; height:264px;}
.abcon .abbox .massage{padding-left:3.809%/*40px*/;}
.abcon .abbox .massage h3{ font-size:24px; color:#333;margin:15.142%/*48px*/ 0 9.476%/*34px*/;}
.abcon .abbox .massage p{ font-size:13px; color:#8f8f8f; line-height:30px;}
.ab_banner .pc_abban{ display:block;}
.ab_banner .phone_abban{ display:none;}

@media(max-width:1366px) {
/*index*/

}

@media(max-width:1280px) {
/*index*/

}

@media(min-width:1025px) and (max-width:1920px){
/*rotate*/
.indexcon .salebox li,.indexcon .adcont .adbox .img img,.indexcon .Custorm ul li
{
	-moz-transition: all 0.8s ease-in-out 0s;
	-o-transition: all 0.8s ease-in-out 0s;
	-webkit-transition: all 0.8s ease-in-out 0s;
	transition: all 0.8s ease-in-out 0s;
}
.indexcon .adcont .adbox:hover .img img
{
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
	opacity: 0.5;filter: alpha(opacity=50);
}
.indexcon .salebox li:hover
{
	-moz-transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
.indexcon .Custorm ul li:hover
{
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);	
}

.indexcon .picture_active
{
	animation: runTop 1s ease 0s;
	-webkit-animation: runTop 1s ease 0s;
	-ms-animation: runTop 1s ease 0s;
	-moz-animation: runTop 1s ease 0s;
}
@-webkit-keyframes runTop{
	0%{transform:translateY(1000px);opacity:0;}
	60%{transform:translateY(-30px);opacity:1;}
	80%{transform:translateY(30px);}
	100%{transform:translateY(0);}
}
@keyframes runTop{
	0%{transform:translateY(1000px);opacity:0;}
	60%{transform:translateY(-30px);opacity:1;}
	80%{transform:translateY(30px);}
	100%{transform:translateY(0);}
}
}

@media(min-width:1025px) and (max-width:1366px){

}

@media(max-width:960px) {
/*head*/
.marster_head{padding:14px 0;}
.marster_head .pc_right{display: none;}
.marster_head .phone_right{display: block;}
.marster_head .sub_main{width: 98%;}
.marster_head .logo{ width: 34.857%/*177px*/;padding-top:0;}
.TopHead .login{margin-right:0;}
/*index*/
.container,.w_998{width: 98%;}
}

@media(min-width:320px) and (max-width:767px){
/*head*/
.TopHead p,.TopHead .login a,.footer p,.footer ul a{ font-size:12px;}
/*foot*/
.footer p{ text-align:center;}
.footer .fot_nav{ display:none;}
.footer{height:auto;line-height:20px;padding:3% 0;}
/*banner*/
.pc_banner{ display:none;}
.phone_banner{ display:block;}
/*index*/
.indexcon .tit h2,.abcon .abbox .massage h3{ font-size:20px;}
.indexcon .tit p{ font-size:14px;}
.indexcon .adcont .adbox .font h3{ font-size:16px;}
.indexcon .adcont .adbox .font p{ font-size:12px; line-height:20px;}
.indexcon .adcont .adbox{width:45.699%;margin-top:6.006%;}
.indexcon .adcont .adbox:nth-of-type(3n){margin-right:8.5175%;}
.indexcon .adcont .adbox:nth-of-type(2n){margin-right:0;}
.indexcon .salebox li{width:28.236%;margin-right:7.655%;margin-bottom:3%;}
.indexcon .salebox li:nth-of-type(3n){margin-right:0;}
.indexcon .picture{width:98%;margin-top:6.916%;}
.indexcon .Custorm ul li{width:29.843%;}
.indexcon .Custorm ul li:nth-of-type(4n){margin-right:4.209%;}
.indexcon .Custorm ul li:nth-of-type(3n){margin-right:0;}
.indexcon .Advan, .indexcon .Sale, .indexcon .Multiport, .indexcon .Custorm{padding:8.604% 0;}
.indexcon .salebox{margin-top:8.010%;}
.indexcon .Custorm ul{margin-top:5.004%;}
/*about*/
.abcon .abbox .map{ width:100%; height:200px;}
.abcon .abbox .massage h3{margin:14.142% 0 5.476%;}
.abcon{padding-top:6.604%;}
.ab_banner .pc_abban{ display:none;}
.ab_banner .phone_abban{ display:block;}
}