html,body{
	font-family:"Microsoft JhengHei, Microsoft Yahei";
font-size:12px;
 line-height:20px;
 overflow-x: none;
 }
*{margin: 0;padding: 0;}
ul,dl{ list-style-type:none;}
.img-auto {
  display: block;
  overflow: hidden;
}
.img-auto img {
  width: auto;
  height: auto;
  margin: 0px auto;
  transition: 600ms;
}
.img-auto img:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.clear{ 
	clear:both;
	 margin:0;
	 padding:0;
	 font-size:0px;
	 line-height:0px; 
	 height:0px; 
	 overflow:hidden;
	 } 
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

img{
	 border:none; 
	 vertical-align:top;
	 }
body a{outline:none;blr:expression(this.onFocus=this.blur());}
a{text-decoration: none;color: #666666;}
.w1280{
	width: 1280px;
	margin: auto;
}

/*nav*/
.service_nav{
	width: 100%;
	height: 54px;
	border-bottom:1px solid #c6c6c6;
}
.nav_wtwo{width:1280px;margin: 0 auto;line-height: 52px;position: relative;}
.nav_wtwo ul{float: left }
.nav_wtwo ul li{float: left;padding-left: 30px;}
.nav_wtwo ul li:first-child{margin-left: 0;}
.nav_wtwo ul li a{font-size: 14px;padding-right:30px;border-right:1px solid #c6c6c6;}
.nav_wtwo ul li:last-child a{border: none;}
.nav_wtwo ul li:hover{border-bottom:2px solid #0769a9;}
.nav_wtwo ul li:hover a{color:#0769a9 ;}
.nav_text{float: right;}
.nav_text img{padding: 17px 0px 0 0;width: 10%;}
.nav_text a{color:#8f8f8f;font-size: 12px;}
.nav_text span{color:#8f8f8f;font-size: 12px;}
.nav_wtwo ul li.on{border-bottom:2px solid #0769a9;}
.nav_wtwo ul li.on a{color:#0769a9 ;}
/*center*/
.prolist-bj{
	width: 100%;
	margin: 0 auto;
 	position: relative;
}
.prolist {
		width:1280px;
		margin: 0 auto;
		padding-top:59px ;
		}
.prolist ul li{
	float: left;
    border: 1px solid #CCCCCC;
    width: 22.35%;
    margin-right: 3.3%;
    text-align: center;
    font-size: 22px;
    margin-bottom: 40px;
    height: 376px;
    display: inline-block;
}
.prolist ul li:last-child{margin-right: 0;}
.prolist ul li p{
	font-size:16px; 
	padding-top: 38px;
	color:#666666;
	}
.prolist ul li img{ padding-top:39px;}
.prolistimg{  width:1280px; margin: 0 auto;}
.clear{ clear:both; display: block;}
/*分页*/
.paging{
	padding-top:70px;
	text-align: center;
	padding-bottom:70px;
}
.paging ul li{
	display: inline-block;
	 padding: 14px 21px;
	color: #666666;
	border: 1px solid #CCCCCC;
	font-size: 16px;
}
.paging ul li:hover{background:#0769a9;color: #FFFFFF;}
.paging .none{
	background: none;
}
.paging .border{
	border: 1px solid #CCCCCC;
}
.paging .border img{
	margin: 0 0 3px 15px;
}
/*input*/
.personal_img{
	width: 100%;
	background: url(../img/personal_details_01.png) top center no-repeat;}

.personal_input{
	width: 1280px;
	margin: auto;
	padding-bottom: 94px;
	
	}
 .personal_img p{
 	font-size: 26px;
 	color: #FFFFFF;
 	text-align: center;
 	padding-top: 139px;
 	}
.personal_show{padding-top: 41px;}
.personal_show select{
	width: 21%;
	height:41px;
	background: none;
	border:1px solid #FFFFFF;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background: url(../img/arrow_02.png) no-repeat 96% center;
    color: #FFFFFF;
    padding-left: 10px;
 
}
.personal_show option{
    border-bottom: 1px dashed #ccc;
    height: 40px;
    margin-bottom: 20px;
	font-size:14px;line-height:1.2;
	padding-left: 12px;
	color: #666666;
}
.personal_show input{
	width: 20%;
	height: 40px;
	background: none;
	border:1px solid #FFFFFF;
	margin-left: 1%;
	padding-left: 10px;
}
.personal_show input:focus{color: #FFFFFF;}
 .personal_show  input::-webkit-input-placeholder{
	color: #FFFFFF;
	font-size: 12px;
}
.personal_show button{
	background: #079ca9;
	border:1px solid #079ca9;
	color: #FFFFFF;
	width:126px;
	height:44px;
	line-height: 39px;
	margin-left: 1%;
}

.personal_show button:hover{
 	background: #d49f10!important;
    transition: all 0.5s;
}


/*support服务支持页面*/
.main_img{
	width: 100%;
	margin: 0 auto;
}
.main_text img{margin-top: 45px;}
.main_text{
	width: 1280px;
	max-height: 197px;
	margin: auto;
	margin-top: 45px;
	background: url(../img/support_02.png) no-repeat center center;
}
.main_text p{
	width: 700px;
	font-size: 16px;
	color: #FFFFFF;
	padding:57px 0 50px 520px ;
	line-height: 40px;
	
}
/*手风琴*/
 .accordion {
 	width:1280px;
 	margin: 30px auto 20px;
 	background: #FFF;
 	-webkit-border-radius: 4px;
 	-moz-border-radius: 4px;
 	border-radius: 4px;
 }
.accordion  .border_bottom{
	border:1px solid #CCCCCC;
	margin-bottom: 19px;
}
.boder01{
	
	background:#e4e5e6;
	padding: 7px 8px 7px 8px;
	border-radius: 2px;
	color:#6e6e6f;
}
.accordion .link {
	cursor: pointer;
	display: block;
	padding: 23px 15px 23px 17px;
	width:1190px;
	margin-left:25px;
	color: #4D4D4D;
	font-size: 16px;
	font-weight: 700;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.accordion li:last-child .link {
	border-bottom: 0;
}
.accordion li i {
	position: absolute;
	top: 16px;
	left:0px;
	font-size: 16px;
	color: #666;
	margin-right: 20px;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	font-style:normal
}
.accordion li i.fa-chevron-down {
	right: 12px;
	top: 29px;
	left: auto;
	font-size: 16px;
}
.accordion li.open .link {
	color: #0769a9;
}
.accordion li.open i {
	color: #0769a9;
}
.accordion li.open i.fa-chevron-down {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);	
	border-color:#0769a9;
}
 .submenu {
 	display: none;
 	background:#FFFFFF;
 	font-size: 14px;
 	 border-top: 1px solid rgb(204, 204, 204);
    width: 93.5%;
    margin: auto;
    padding-top: 20px;
 }
 .submenu a {
 	display:inline-block;
 	text-decoration: none;
 	color:#666666;
 	padding: 12px;
 	padding-left: 42px;
 	-webkit-transition: all 0.25s ease;
 	-o-transition: all 0.25s ease;
 	transition: all 0.25s ease;
 }
 .fa-chevron-down {
       width: 7px;
       height: 7px;
       border-top: 2px solid #666;
       border-right: 2px solid #666;
       transform: rotate(135deg);
       }
.one_text span{
	font-size: 12px;
	color: #666666;
	line-height:28px;
}
.one_text p{
	font-size: 12px;
	color: #666666;
	line-height:28px;
}
.two_text span{
	font-size: 12px;
	color: #666666;
	line-height:28px;
}
.two_text p{
	font-size: 12px;
	color: #666666;
	line-height:28px;
}
.two_text p:last-child{padding-bottom: 25px;}
.accordion li i.for{
    padding: 7px 6px 7px 6px;
	background: #e4e5e6; 
	display: inline-block;
	border-radius: 2px;
	color: #666666;
	font-size: 12px;
	position: initial;
}
.accordion li.open i.for{
	background: #d5a115;
	color: #FFFFFF;
}

/*support页面*/
.support_one{
	width: 100%;
	margin: auto;
	background: url(../img/superr_01.png) top no-repeat;
	padding-bottom: 60px;
}
.suppoet_two{
	width: 1280px;
	margin: auto;
	background: url(../img/superr_03.png) top no-repeat;
	/*padding-bottom:120px;*/
}

.purchase_text{
	background: #edf1f6 url(../img/superr_02.png) top  center no-repeat;
}
.suppoet_header{
	padding-top:60px;
	text-align: center;
	font-size:26px;
	color:#086bcf ;
	padding-bottom: 50px;
}
.suppoet_header:before{content: ""; width: 50px; height: 2px;background: #086bcf;display: inline-block;margin-right: 20px;vertical-align: middle;}
.suppoet_header:after{content: ""; width: 50px; height: 2px;background: #086bcf;display: inline-block;margin-left: 20px;vertical-align: middle;}
.purchase_center{ font-size: 14px; color: #666; line-height: 46px; padding-bottom: 60px;}
.suppoet_icon{margin: auto;margin-left: 250px;
}
.icon_hv{
	border:1px solid #CCCCCC;
	background: #fff;
	width: 386px;
	height: 205px;
	text-align: center;
	float: left;
	margin-bottom: 60px;
	line-height: 26px;
}
.icon_hv:nth-child(2){ margin-left: -1px;}
.icon_hv img{
	padding-top: 30px;
	text-align: center;
	padding-bottom: 31px;
}
.icon_hv p{
	color: #666666;
	font-size: 14px;
}


.prolist ul li:hover p{
   	font-size: 16px;
    margin-top: 26px;
    color: #666666;
    background: rgba(7,105,169,0.5);
    padding: 20px 0 20px 0;
    color: #FFFFFF;
    transition: all 0.5s;
}
.prolist ul li img{ margin-top:39px;}



/*产品详情*/
.ppflo{float: left;margin-top: 40px;}

.m#comment{background: url(../img/products-info_02.jpg) top center no-repeat; }
.m#comment .tit{ font-size: 24px; color: #fff; padding: 29px 0;}
.pro5{}
.pro5 li{width: 308px; height: 48px; line-height: 48px; text-align: center; font-size: 16px;background: #0769a9;color:#fff;margin-right: 1px;}
.pro5 li.curr{color:#0769a9;background: #fff;}

.mc.tabcon{ font-size: 14px; line-height: 26px; padding: 40px 0; min-height: 300px;color:#666;}
.mc.tabcon img{max-width: 100%;}

.proinfomore{background: url(../img/products-info_08.jpg) top center no-repeat;}

.proinfomore-title{background: url(../img/products-info_03.jpg) center 60px no-repeat; text-align: center;font-size: 26px;color:#0769a9;padding-top: 60px;}

.proinfomore .prolist ul li {margin-bottom: 54px;}

.pro1{float:right;width: 440px; margin-top: 40px;}
.pro2{font-size: 24px; color: #0769a9; border-bottom: 2px solid #0769a9; padding-bottom: 30px; margin-bottom: 30px;}
.pro3{font-size: 16px; color: #666; line-height: 42px; margin-bottom: 78px;max-height: 300px; overflow: hidden;}
.pro3 strong{color: #0769a9;}
.pro4{ }
.pro4 a{ display: block;background: #0769a9;color:#fff;width: 168px; height: 44px;font-size: 16px; line-height: 44px; text-align: center;}
.pro4 a:hover{background: #00468e;}


/********************在线客服********************/

@media screen and (max-width:1366px){
	.bar{bottom:70px!important;}
}


.bar{width:32px;position:fixed;right:0;top:200px;z-index:999;background:rgba(0,0,0,0.0);}
.bar a{
	width: 45px;
    height:44px;
    display:block;
    text-align:center;
    color:#fff;
    font-size:12px;
    position:relative;
    right:23px;
    z-index:2;
    text-decoration: none;
    color: #9b9999;
    
    }

.bar a.bar01{background: #036dbd url(../images/bar-icon01.png) no-repeat center 28px;position:relative;}
#BDBridgeFixedWrap{position:absolute !important;left:0 !important;top:0 !important;width:100% !important;height:100% !important;}
#BDBridgeFixedWrap a{width:80px !important;height:80px !important; background:none !important;}
.bar a.bar02{background:#FFFFFF url(../img/qq.png) no-repeat center center;border: 1px solid #CCCCCC;padding-bottom: 5px;}
.bar a.bar03{background:#FFFFFF url(../img/phone.png) no-repeat center center;border: 1px solid #CCCCCC;padding-bottom: 5px;border-top: none;}
.bar a.bar05{background:#FFFFFF url(../img/wei.png) no-repeat center center;border: 1px solid #CCCCCC;padding-bottom: 5px;border-top: none;}
.bar a.bar06{background:#FFFFFF url(../img/upward.png) no-repeat center center;border: 1px solid #CCCCCC;padding-bottom: 5px;border-top: none;}
.bar a.bar02:hover{background:#0769a9 url(../img/qqhover.png) no-repeat center center;border: 1px solid #0769a9;padding-bottom: 5px;color: #FFFFFF;transition: all 0.5s;}
.bar a.bar03:hover{background:#0769a9 url(../img/phonehover.png) no-repeat center center;border: 1px solid #086BCF;padding-bottom: 5px;color: #FFFFFF;transition: all 0.5s;border-top: none;}
.bar a.bar04:hover{background:#0769a9 url(../images/bar-icon04.png) no-repeat;}
.bar a.bar05:hover{background:#0769a9 url(../img/weihover.png) no-repeat center center;border: 1px solid #0769a9;padding-bottom: 5px;color: #FFFFFF;transition: all 0.5s;border-top: none;}
.bar a.bar06:hover{background:#0769a9 url(../img/upwardhover.png) no-repeat center center;border: 1px solid #0769a9;padding-bottom: 5px;color: #FFFFFF;transition: all 0.5s;border-top: none;}

.bar03-model{width:160px;height:170px;position:absolute;right:60px!important;background:#fff;box-shadow:0px 0px 10px #ccc;top:50px;padding:0px 20px;opacity:1;z-index:0;display: none;}
.bar03-model .list{padding-top:16px;border-bottom:1px solid #e8e8e8;padding-bottom:15px;}
.bar03-model .list .tit{font-size:16px;color:#999;}
.bar03-model .list .tel{font-size:24px;color:#666666;margin-top:5px;}

.bar03-box:hover .bar03-model{opacity:1;display: block;}
.bar05-model{width:138px;height:160px;position:absolute;right:60px!important;background:#fff;box-shadow:0px 0px 10px #ccc;top:50px!important;padding:0px 20px;opacity:0;z-index:0;display: none;border-top: none;}
.bar05-model img{
	margin-top: 10px;
	border: 1px solid #CCCCCC;
}
.bar05-box:hover .bar05-model{opacity:1;display: block;}