@import 'layout.css';


body{background:#fff url('/img/mobileBg.jpg') repeat 0 0}
body.bg{background:#fff url('/img/mobileBg.jpg') repeat 0 0 !important}
input[type=button], input[type=submit], input[type=file], input[type=reset], button { cursor: pointer; -webkit-appearance: none; } 
a{-webkit-tap-highlight-color:transparent;}

.over-hidden{overflow:hidden}
.over-visible{overflow:visible !important}
.float-none{float:none !important}
.float-left{float:left !important}
.float-right{float:right !important}
.clear{display:block;clear:both;content:'';overflow:hidden}
.mg0{margin:0 !important}
.mg5{margin:5px !important}
.mg10{margin:10px !important}
.mg15{margin:15px !important}
.mg20{margin:20px !important}
.mg30{margin:30px !important}
.mg40{margin:40px !important}
.mg50{margin:50px !important}
.mg-lr15{margin:0 15px !important;}
.mg-top0{margin-top:0px !important}
.mg-top5{margin-top:5px !important}
.mg-top10{margin-top:10px !important}
.mg-top15{margin-top:15px !important}
.mg-top20{margin-top:20px !important}
.mg-top25{margin-top:25px !important}
.mg-top30{margin-top:30px !important}
.mg-top35{margin-top:35px !important}
.mg-top40{margin-top:40px !important}
.mg-top50{margin-top:50px !important}
.mg-btm0{margin-bottom:0px !important}
.mg-btm5{margin-bottom:5px !important}
.mg-btm-5{margin-bottom:-5px !important}
.mg-btm10{margin-bottom:10px !important}
.mg-btm15{margin-bottom:15px !important}
.mg-btm20{margin-bottom:20px !important}
.mg-btm25{margin-bottom:25px !important}
.mg-btm30{margin-bottom:30px !important}
.mg-btm35{margin-bottom:35px !important}
.mg-btm40{margin-bottom:40px !important}
.mg-btm50{margin-bottom:50px !important}
.mg-right0{margin-right:0px !important}
.mg-right5{margin-right:5px !important}
.mg-right-5{margin-right:-5px !important}
.mg-right10{margin-right:10px !important}
.mg-right15{margin-right:15px !important}
.mg-right20{margin-right:20px !important}
.mg-right30{margin-right:30px !important}
.mg-right40{margin-right:40px !important}
.mg-right50{margin-right:50px !important}
.mg-left0{margin-left:0px !important}
.mg-left5{margin-left:5px !important}
.mg-left-5{margin-left:-5px !important}
.mg-left10{margin-left:10px !important}
.mg-left15{margin-left:15px !important}
.mg-left20{margin-left:20px !important}
.mg-left30{margin-left:30px !important}
.mg-left40{margin-left:40px !important}
.mg-left50{margin-left:50px !important}
.pd0{padding:0 !important}
.pd5{padding:5px !important}
.pd10{padding:10px !important}
.pd15{padding:15px !important}
.pd20{padding:20px !important}
.pd30{padding:30px !important}
.pd40{padding:40px !important}
.pd50{padding:50px !important}
.pd-top0{padding-top:0px !important}
.pd-top5{padding-top:5px !important}
.pd-top10{padding-top:10px !important}
.pd-top15{padding-top:15px !important}
.pd-top20{padding-top:20px !important}
.pd-top30{padding-top:30px !important}
.pd-top40{padding-top:40px !important}
.pd-top50{padding-top:50px !important}
.pd-btm0{padding-bottom:0px !important}
.pd-btm5{padding-bottom:5px !important}
.pd-btm10{padding-bottom:10px !important}
.pd-btm15{padding-bottom:15px !important}
.pd-btm20{padding-bottom:20px !important}
.pd-btm25{padding-bottom:25px !important}
.pd-btm30{padding-bottom:30px !important}
.pd-btm40{padding-bottom:40px !important}
.pd-btm50{padding-bottom:50px !important}
.pd-right0{padding-right:0px !important}
.pd-right5{padding-right:5px !important}
.pd-right10{padding-right:10px !important}
.pd-right15{padding-right:15px !important}
.pd-right20{padding-right:20px !important}
.pd-right30{padding-right:30px !important}
.pd-right40{padding-right:40px !important}
.pd-right50{padding-right:50px !important}
.pd-left0{padding-left:0px !important}
.pd-left5{padding-left:5px !important}
.pd-left10{padding-left:10px !important}
.pd-left15{padding-left:15px !important}
.pd-left20{padding-left:20px !important}
.pd-left30{padding-left:30px !important}
.pd-left40{padding-left:40px !important}
.pd-left50{padding-left:50px !important}
.text-center{text-align:center !important}
.text-right{text-align:right !important}
.text-left{text-align:left !important}
.dp-no{display:none}
.dp-b{display:block}
.dp-ib{display:inline-block !important;*display:inline;zoom:1}
.fs_10{font-size:10px !important}
.fs_11{font-size:11px !important}
.fs_12{font-size:12px !important}
.fs_13{font-size:13px !important}
.fs_14{font-size:14px !important}
.fs_15{font-size:15px !important}
.fs_16{font-size:16px !important}
.fs_17{font-size:17px !important}
.fs_18{font-size:18px !important}
.fs_20{font-size:20px !important}
.fs_22{font-size:22px !important}
.fc_yellow{color:#fed53e !important}
.fc_lightGray{color:#8b8b8b !important}
.fc_gray{color:#767676 !important}
.fc_green{color:#06a5b2 !important}
.fc_000{color:#000 !important}
.lh12{line-height:12px !important}
.lh13{line-height:13px !important}
.lh14{line-height:14px !important}
.lh15{line-height:15px !important}
.lh16{line-height:16px !important}
.lh18{line-height:18px !important}
.lh20{line-height:20px !important}
.lh22{line-height:22px !important}
.lh36{line-height:36px !important}
.bd-e5{border:1px solid #e5e5e5}
.bd-top{border-top:1px solid #ddd}
.bd-btm{border-bottom:1px solid #ddd}
.bd-top-b2{border-top:1px solid #b2b2b2}
.no-bd{border:none !important}
.no-bd-top{border-top:none !important}
.no-bd-left{border-left:none !important}
.no-bd-right{border-right:none !important}
.no-bd-btm{border-bottom:none !important}
.ellipsis{width:90%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;display:block}
.underline{text-decoration:underline !important}
.text-del{text-decoration:line-through}
.font-normal{font-weight:normal !important}
.no-bg{background:none !important}
.bg-white{background-color:#fff !important}
.align-top{vertical-align:top !important}
.align-middle{vertical-align:middle !important}
.align-text{vertical-align:text-top !important}
.dot{padding:0 0 0 7px;background:url(/images/ico_dot.png) no-repeat 0 50%;background-size:3px 3px;line-height:18px}
.widHalf{float:left;width:50%}
.widHalf a{display:block}
.widHalf a img{width:100%}
pre{line-height:18px;word-break:break-word}
.text-b{font-weight:bold}
   .banner .swiper-container {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .banner .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        
        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;
    }
	.banner .swiper-slide img{ width:100%;} 
	
	.cpzs .swiper-container {
        width: 100%;
        padding-top:25px;
        padding-bottom: 30px;
    }
   .cpzs .swiper-slide {
        background-position: center;
        background-size: cover;
        width: 300px;

    }
.cpzs .swiper-slide img{ width:100%; height:auto;}


.jjfa{ padding:0 10px;  margin-top: 15px; margin-bottom:15px;  min-height: 405px;}
.jjfa h2 {

font-size: 20px;
font-weight: normal;
color: #000;
line-height: 2;

}
.jjfa h2 a {
  color: #666666;
  border-bottom: 3px solid #00ab59;
  height: 20px;
  display: block;
  width: 70px;
  font-size: 14px;
  color: #000;
  font-weight: bold;
}


.j_c .tabs{height:35px;}
.j_c .tabs a{display:block;float:left;width:33.33%;color:#333;text-align:center;line-height:35px;font-size:14px;text-decoration:none; margin-bottom:5px}
.j_c .tabs a.active{color:#fff;background:#0093dd;border-radius:5px;}
.j_c .swiper-container{width:100%;border-top:0;}
.j_c .swiper-slide{width:100%;background:none;color:#fff;}

.j_c .content-slide p{line-height:1.7; text-align:left;}
.j_c .swiper-container {margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;	z-index:1;}
.j_c .swiper-wrapper {position:relative;width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.j_c .swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.j_c .swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.j_c .content-slide li{ width:50%; float:left; margin-bottom:10px;}
.j_c .content-slide li a{ display:block; padding:0 5px}
.j_c .content-slide li .j_img img{ width:100%;}

.m_bang img{ width:100%;}

.pro ul li{ width:100%; background:#f7f7f7; margin-bottom:15px; padding:15px 0}
.pro ul li .p_img{ width: 30%;overflow:hidden; padding:5px; float:left;}
.pro ul li .p_img img{ width:100%; height:auto;}
.pro ul li .p_t {
width: 63%;
font-size: 14px;
line-height: 30px;
color: #666;
float:right;
padding-right:2%;
line-height:1.5
}
.pro ul li .p_t h1{ font-size:14px; color:#000; font-weight:normal; padding-bottom:5px; padding-top:2%;}
.pro ul li .p_t h1 a{ line-height:1.5}
.pro ul li .p_t p{ line-height:1.7}




    .cpzsxq .swiper-container {
        width: 100%;
        height: 100%;
    }
    .cpzsxq .swiper-slide {
        text-align: center;
        font-size: 18px;
        
        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;
    }
.cpzsxq .swiper-slide img{ width:100%;}

.cpzsxq .clearfix {
display: block;
}
.cpzsxq .nav_wap {
background-color: #f2f2f2;
position: relative;
border-bottom: 1px solid #e3e3e3;
z-index: 3;
}
.cpzsxq .nav_wap .swiper-container {
font-size: 1.2rem;
overflow: hidden;
z-index: 1;
width: 76%;
margin-left: 0;
}
.cpzsxq .nav_wap .swiper-container .swiper-slide {
width: 25%;
float:left;
}
.cpzsxq .nav_wap .swiper-container .slide-item {
display: table-cell;
vertical-align: middle;
text-align: center;
color: #7b7b7b;
width:100%;
line-height:47px;
}
.cpzsxq .nav_wap .swiper-container .slide-item.active {
color: #0093dd;
border-bottom: 2px solid #0093dd;
}

.cpzsxq .nav_wap .sub-header-buy {
position: absolute;
overflow: hidden;
z-index: 2;
top: 50%;
right: 2%;
background-color: rgba(242,242,242,.85);
-webkit-transform: translate3d(0,-50%,0);
-ms-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0);
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.cpzsxq .nav_wap .sub-header-buy button {
  padding:3px 9px;vertical-align: middle;
}
.cpzsxq .nav_wap .sub-header-buy .text{ font-size:12px}
.button-primary{
background-color: #0093dd;
color: #fff;
}
.jjfa .text img{ max-width:100%;height: auto !important; }


.questioncon ul li {
width: 100%;
padding: 21px 0 12px 0;
border-bottom: 1px solid #e9e9e9;
}
.ablock {
display: block;
}

.questioncon ul li .ask {
line-height: 18px;
font-size: 14px;
font-weight: bold;
color: #666;
overflow: hidden;
}
.questioncon ul li span.title {
display: inline-block;
width: 22px;
height: 18px;
line-height: 18px;
text-indent: 3px;
color: #fff;
font-weight: normal;
font-size: 12px;
background: url(/images/question_03.jpg) no-repeat left bottom;
padding-right: 10px;
}
.questioncon ul li .answer {
margin-top: 14px;
overflow: hidden;
}
.questioncon ul li span.title {
display: inline-block;
width: 22px;
height: 18px;
line-height: 18px;
text-indent: 3px;
color: #fff;
font-weight: normal;
font-size: 12px;
background: url(/images/question_03.jpg) no-repeat left top;
padding-right: 10px;
}
.questioncon ul li .ask span.title{background: url(/images/question_03.jpg) no-repeat left bottom;
}

.questioncon ul li .answer .txt {
line-height: 20px;
color: #888;
width: 648px;
}
.questioncon ul li:hover .ask {
color: #0093dd;
}
.questioncon ul li:hover .ask span.title {
background-position: left top;
}



.pagination {
font-size: 0px;
margin-right: -5px;
padding-top: 15px;
text-align: center;
}
.pagination a {
font-size: 12px;
color: #888;
display: inline-block;
_display: inline;
padding: 0 10px;
border: 1px solid #ddd;
margin-right: 5px;
line-height: 26px;
}
.pagination a:hover, .pagination a.cur, .pagination a.active, .pagination li.active a, .pagination li.active a:hover {
background: #0093dd;
font-weight: bold;
color: #fff;
border: 1px solid #0093dd;
}



.apply-form p {
  line-height: 20px;
  font-size: 12px;
  color: #383838;
  margin-bottom: 15px;
}
.apply-form th {
  width: 60px;
  padding-right: 4px;
  padding-bottom: 20px;
  line-height: 34px;
  text-align: right;
  font-size: 12px;
  font-weight: normal;
  color: #383838;
  vertical-align: top;
}
.apply-form td { padding-bottom:15px;}
.apply-form td .txt {
  width: 90%;
  height: 20px;
  line-height: 20px;
  padding: 7px 5px;
  border: 1px solid #cdced1;
  background: #fff;
  font-size: 14px;
  border-radius: 4px;
}
.apply-form td .txt2 { width:125px;}
.apply-form td img { vertical-align: middle;}
.apply-form td textarea {
  width: 90%;
  height: 120px;
  padding: 7px 5px;
  line-height: 20px;
  font-size: 14px;
  border: 1px solid #cdced1;
}
.apply-form td .txt:focus,
.apply-form td textarea:focus { border-color:#7bcbf9;}
.apply-form td .txt[disabled] { cursor: not-allowed; background:#f2f3f3;}
.apply-form .btn { padding-top:0px;}
.apply-form .btn input {
  width: 90px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  font-size: 14px;
  background: #0093dd;
  border-radius: 3px;
  padding: 0;
  border: 0;
  cursor: pointer;
  margin-right: 15px;
  color: #fff;
}
.apply-form .btn .rst { background:#888;}


input, textarea {
outline: none;
}

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



.downloadcon ul {
overflow: hidden;
width: 100%;
}
.downloadcon ul li {
width: 100%;
height: 43px;
line-height: 43px;
border-bottom: 1px solid #e9e9e9;
background: url(/images/download_03_02.jpg) no-repeat left center;
}
.downloadcon ul li a {
color: #666;
display: block;
padding-left: 11px;
background: url(/images/download_05_02.jpg) no-repeat right center;
  line-height: 44px;
}
.downloadcon ul li:hover{
	background-image: url(/images/download_03_01.jpg);
}
.downloadcon ul li:hover a {
color: #0857b0;
background-image: url(/images/download_05_01.jpg);
}

.xxzx ul {
overflow: hidden;
width: 100%;
}
.xxzx ul li {
width: 100%;
height: 43px;
line-height: 43px;
border-bottom: 1px solid #e9e9e9;
background: url(/images/download_03_02.jpg) no-repeat left center;
}
.xxzx ul li a {
color: #666;
display: block;
padding-left: 11px;
line-height:44px;

}
.xxzx ul li a span{ text-align:right; float:right;  line-height: 44px;}
.xxzx ul li:hover{
	background-image: url(/images/download_03_01.jpg);
}
.xxzx ul li:hover a {
color: #0857b0;
}


.j_text h1{ font-size:15px; color:#000; font-weight:normal;}
.bq {
  font-size: 12px;
  color: #666;
  padding-top: 10px;
  padding-bottom: 10px;
}
.bq a{ color:#666; margin:0 5px}
.bq a:hover{ text-decoration:underline;}
.text{ font-size:14px; line-height:2;}
.text h2{ font-size:14px;}
.text img{ max-width:100%; height:auto; padding:15px 0}
.new_next {
padding-top: 20px;
border-top: 1px solid #f0efef;
height: 100px;
margin-top: 60px;
}
.new_next p {
font-size: 12px;
color: #666;
line-height:24px;
}
.new_next p a{ color:#666;}
.new_next p a:hover{ color:#0093dd}

.new_next p.p_back a {
  width: 90px;
  height: 30px;
  text-align: center;
  display: inline-block;
  line-height: 30px;
  margin-top: 10px;
  background:#0093dd;
  color:#fff;
}

.new_next p.p_back a:hover{ background:#0093dd; border:1px solid #0093dd; color:#fff;}




.jjfa_mboli ul li .p_img{ width: 45%;overflow:hidden; padding:5px; float:left;}


.jjfa_mboli ul li .p_t {
width: 49%;
font-size: 14px;
line-height: 30px;
color: #666;
float:right;
padding-right:2%;
line-height:1.5
}
.jjfa_mboli  ul li .p_t h1 .time {
font-size: 12px;
color: #848484;
line-height: 1.6;
}


.jjfa .content-slide li{ width:50%; float:left; margin-bottom:15px;}
.jjfa .content-slide li a{ display:block; padding:0 5px}
.jjfa .content-slide li .j_img img{ width:100%;}
.jjfa .content-slide li p{ text-align:center; padding-top:5px;}

  .header_wap, .header_wap_bg, .all-wrap{
    display:none;
  }
@media screen and (max-width:1000px){
  .header_wap, .header_wap_bg{
    display: block;
  }
 .login-wrap .search{
  position: inherit;
  margin-left: 0;
 }
.login-wrap .s_box {
      width: 100%;
      border: 0px solid #C35050;
      height: 30px;
      padding: 0px 0px;
      display: block;
      overflow: hidden;
      margin: 10px 0;
  }
 .s_box1 {
     background: #f9fafb;
     border-width: 0px !important;
     height: 30px;
     line-height: 30px;
     padding: 0px 5px;
     display: block;
     overflow: hidden;
     float: left;
     width: 80%;
 }
 .s_box2 {
     background: url(../images/search.png) center center no-repeat #f9fafb;
     border: 0;
     height: 30px;
     padding: 0px 0px;
     display: block;
     overflow: hidden;
     width: 30px;
     float: left;
 }
 .banner img {
    min-height:inherit;
}
}


.carousel-container {
	position: relative;
	width: 362px;
	margin: 0 auto;
}
#carousel {
	height:160px;
	width: 362px;
	position: relative;
}
.carousel-image {
	border: 0;
	display: block;
}
.carousel-feature {
	position: absolute;
	top: -1000px;
	left: -1000px;
	cursor: pointer;
	border:5px solid #fff;
	box-shadow: 0 3px 8px rgba(0,0,0,0.5);