@charset "utf-8";
/* CSS Document */
/*chongzhi*/
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,button,form,fieldset,input,textarea,p,blockquote,th,td {    
    margin:0;   
    padding:0;   
}
input{border:none; background:none;}
a{ text-decoration:none; color:#999; font-size:12px;} 
table {  
    border-collapse:collapse;   
    border-spacing:0;   
} 
fieldset,img {    
    border:0;   
} 
address,caption,cite,code,dfn,em,strong,th,var {  
    font-style:normal;   
    font-weight:normal;   
} 
ol,ul {  
    list-style:none;   
} 
caption,th {  
    text-align:left;   
} 
h1,h2,h3,h4,h5,h6 {  
    font-size:100%;   
    font-weight:normal;   
} 
q:before,q:after {  
    content:'';   
} 
abbr,acronym { 
    border:0;   
}
/*chongzhi_end*/



.pic_in_f_box{ width:94%; margin:0 auto; overflow:hidden;padding: 10px 0;}
.pic_in_f_box img{ float:left; width:45%; margin:2.5%;}
.out_pri{ width:100%; max-width:600px; overflow:hidden; margin:0 auto; background-color:#f8f8f8;}
.ad_pri{ width:100%; overflow:hidden;}
.ad_pri img{ display:block; width:100%;}


.pri_inp{ width:100%; overflow:hidden; margin-bottom:20px;}
.pri_inp .per_inp_pri{ width:90%; overflow:hidden; margin:20px auto; height:70px; background-color:#fff; border-radius:5px; position:relative; border:1px solid #e1e1e1;}

.pri_inp .per_inp_pri select{ width:49%; float:left; font:25px/70px "microsoft yahei"; color:#666; border:none; background-color:#fff;height: 70px; text-indent: 10px; outline:none;-webkit-appearance: none; background:url(../image/pic_u.png) no-repeat right center;}

.pri_inp .per_inp_pri i{ float:left; width:1%; border-right:1px solid #ddd; height:30px; margin:20px 0;}
.pri_inp .per_inp_pri span{ display:none;}
.pri_inp .per_inp_pri h1{ font:25px/70px "microsoft yahei"; color:#333; position:absolute; right:15px; top:0; height:70px;}
.pri_inp .per_inp_pri h2{ font:22px/70px "microsoft yahei"; color:#ccc; position:absolute; left:15px; top:0; height:70px;}

.pri_inp .per_inp_pri input{ width:100%; float:left; font:25px/70px "microsoft yahei"; color:#333; text-indent:15px; height:70px; outline:none; position:relative; z-index:10; background-color:transparent; }
.pri_inp h3{ width:100%; overflow:hidden; text-align:center; font:18px/30px "microsoft yahei"; color:#333; }
.pri_inp h3 span{ color:#c33;}
.pri_inp  button{ width:90%; display:block; overflow:hidden; height:70px; background-color:#c33; font:25px/70px "microsoft yahei"; color:#fff; border:none; border-radius:5px; margin:30px auto; cursor:pointer; outline:none;}

.price{ width:100%; overflow:hidden; margin-top:30px;}
.price img{ width:90%; overflow:hidden; display:block; margin:0 auto;}

.price .pri_box{ width:90%; margin:0 auto; overflow:hidden; background-color:#fff; padding-bottom:20px; border-top:8px solid #c33;}
.price .pri_box .ti_pri{ width:100%; overflow:hidden; margin-top:20px;}
.price .pri_box .ti_pri p{ float:left; width:33%; float:left; font:20px/60px "microsoft yahei"; color:#666; text-align:center;}

.price .pri_box .pri_info_num{ width:100%; overflow:hidden;}
.price .pri_box .pri_info_num .pri_num_ev{ width:100%; overflow:hidden;}

.price .pri_box .pri_info_num .pri_num_ev h1{float:left; width:33%; float:left; font:22px/66px "microsoft yahei"; color:#666; text-align:center; }
.price .pri_box .pri_info_num .pri_num_ev p{float:left; width:33%; float:left; font:22px/66px "microsoft yahei"; color:#cc3333; text-align:center; }
.tip_info{ width:90%; overflow:hidden; margin:0 auto; margin-top:36px;}
.tip_info p{ font:14px/25px "微软雅黑"; color:#666; text-align:center;}
.tip_info p span{ color:#ff6600;}

.pic_dec{ width:100%; overflow:hidden; margin:40px auto; background-color:#fff; position:relative;}

.pic_dec .ti_dec{ height:30px;border-bottom:1px solid #ddd; width:80%; float:left; margin-left:10%; margin-bottom:25px;}
.pic_dec .ti_dec h1{ font:25px/60px "microsoft yahei"; color:#333; width:140px; height:60px; background-color:#fff; text-align:center; margin:0 auto;}

.pic_box{ overflow:hidden; float:left; height:auto !important;}
.pic_box .pic_text{ width:50%; float:left; text-align:center;}

.pic_box .pic_text img{ width:86%; float:left; margin-left:7%; height:180px; margin-top:15px;}
.pic_box .pic_text p{ font:16px/48px "微软雅黑"; color:#333; float:left; height:48px; overflow:hidden; width:100%; text-align:center; }

.out_pic_b{ position: relative;
    overflow: hidden;
/*    padding-top: 80%;*/
    background-color: #fff; width: 94%;
    margin: 0px auto;}
.out_pic_b .pic_in_box{
    position: absolute;
    left: 0;
    top: 0; }

.qie_cir{ width:100%; overflow:hidden; text-align:center;}
.qie_cir p{ width:10px; height:10px; margin:5px 3px; background:url(../image/gray_cir.png) no-repeat; display:inline-block;}
.qie_cir .cu_cir_p{ background-image:url(../image/red_cir.png);}

.num_pri{ width:100%; overflow:hidden; text-align:center;}
.num_pri h1{ font:22px/60px "microsoft yahei"; color:#666; text-align:center;}
/*.num_pri h1 span{ color:#fff; margin:0 8px; font:32px/60px "microsoft yahei"; font-weight:bold;}*/
.num_pri h1 a{ padding:0 5px}

.btn_rpi_thr{ width:100%; overflow:hidden; margin-top:30px; text-align:center;}

.btn_rpi_thr h1{ font:22px/40px "microsoft yahei"; color:#333; background:url(../image/laba.jpg) no-repeat left center; padding-left:36px; width:380px; margin:0 auto;}
.btn_rpi_thr h1 span{ font-size:25px; color:#c33; font-weight:bold; margin:0 3px;}
.btn_rpi_thr p{ width:150px; height:45px; margin:0 auto; overflow:hidden; font:22px/45px "microsoft yahei"; color:#fff; border-radius:5px; margin-top:15px; background:url(../image/jtx.gif) no-repeat; background-position:40px 12px; background-color:#c33;background-position: 18px 14px;
    background-color: #c33;
    text-indent: 20px;}

.shen{position: fixed;
    width: 70px;
    right: 0;
    bottom: 70px;}
.shen img{ width:100%; float:left;}


.swiper-pagination {
    position:relative !important;
    width: 100%;
    background-color: #fff;
}
.swiper-pagination-bullet {

    margin: 0px 5px;
    margin-bottom: 10px;
}
/*tanchu*/
.cover_info{ width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.65);z-index:20; display:none;}

.cover_info .info_t{ width:100%;max-width: 500px;position: fixed;left: 50%; top: 50%;transform: translate(-50%,-50%);}
.cover_info .info_t .off_pic{ width:90%; margin-left:5%;float:left; z-index:10; position:relative; }
.cover_info .info_t .off_pic span{ float:right; width:70px; height:70px; background:url(../image/off_x.png) no-repeat center;overflow:hidden; margin-bottom:-35px; margin-right:-35px; cursor:pointer;}

.cover_info .info_t .info_deta{  width:90%;border-radius:15px; background-color:#fff; overflow:hidden; padding:20px 0; margin-left:5%; float:left;}
.cover_info .info_t .info_deta p{ font:18px/60px "microsoft yahei"; color:#999;width:80%; float:left; margin-left:10%; background:url(../image/tip_inf_pic.jpg) no-repeat 0 3px; text-indent:32px; margin-bottom:10px;}
.cover_info .info_t .info_deta input{ width:80%; display:block; font:25px/70px "microsoft yahei"; margin:20px auto; color:#333; border:1px solid #e1e1e1;border-radius:5px; outline:none; text-indent:15px;}
.cover_info .info_t .info_deta h1{ width:80%;display:block; font:25px/70px "microsoft yahei"; margin:30px auto 20px; border:none; background-color:#c33; border-radius:5px; color:#fff; outline:none; text-align:center;}
/*tanchu_end*/





@media screen and (max-width: 500px){
	
	.cover_info .info_t .off_pic {
    width: 84%;
    margin-left: 8%;
  
}
	.cover_info .info_t .info_deta {
    width: 84%;
    border-radius: 8px;
    margin-left: 8%;}
	.cover_info .info_t .off_pic span{ width:40px; height:40px; background:url(../image/off_x.png) no-repeat center;overflow:hidden; margin-bottom:-20px; margin-right:-20px; background-size:40px;}
	.cover_info .info_t .info_deta{  padding:10px 0;}
	.cover_info .info_t .info_deta p {
    font: 12px/22px "microsoft yahei";
    margin-bottom: 20px;
    text-indent: 26px;
    background-size: 18px;
    }
	.cover_info .info_t .info_deta input {
    font: 14px/42px "microsoft yahei";
    margin: 15px auto;
    }
	.cover_info .info_t .info_deta h1 {
    font: 16px/42px "microsoft yahei";
    margin: 15px auto;
    }
	
	
	
	.pic_box .pic_text img {
     margin-top:5px;
    height: 110px;
}
	.num_pri {
    background-position: 47.5% 6px;
    background-size: 100px;
}
    .pic_box .pic_text{ width:50%; float:left; text-align:center;}

    .pic_box .pic_text p{ font:12px/30px "微软雅黑";  width:90%; margin-left:5%; height:30px; overflow:hidden; text-align:center; }
    .num_pri h1 {
    font: 16px/45px "microsoft yahei"; height:45px; overflow:hidden;
}
    .out_pic_b {
    width: 94%;
    margin: 0px auto;
   
    
    }
	.pri_box {
   
    border-top: 4px solid #c33 !important;
}
	/*.num_pri h1 span {
    margin: 0 1.5%;
	font: 18px/36px "microsoft yahei"; font-weight:bold;
	}*/
	.btn_rpi_thr {
    margin-top: 10px;
	}
	.pic_dec {
   
    margin: 20px auto;
	}
	.pri_inp .per_inp_pri {
   
height: 42px;
   
margin:12px auto;
   
}
	.pri_inp .per_inp_pri select {
    font: 14px/42px "microsoft yahei";
    background-size: 30px;
    height: 42px;
 }
	.pri_inp .per_inp_pri input {
    font: 14px/42px "microsoft yahei";
    height: 42px;
 }
	.pri_inp button {
    font: 16px/42px "microsoft yahei";
    margin: 15px auto 20px;
    height: 42px;
 }
	.pri_inp h3 {
    font: 14px/20px "microsoft yahei";
    }
	.price .pri_box .ti_pri p {
    font: 16px/40px "microsoft yahei";
	}
	.price .pri_box .pri_info_num .pri_num_ev p {
    font: 16px/46px "microsoft yahei";
	}
	.price .pri_box .pri_info_num .pri_num_ev h1{
    font: 16px/46px "microsoft yahei";
	}
	.tip_info {
    width: 60%;

    margin-top: 20px;
    }
    .tip_info p {
    font: 12px/25px "微软雅黑"; 
    }
	.btn_rpi_thr h1 span {
    font-size: 16px;
	}
	.btn_rpi_thr h1 {
    font: 14px/40px "microsoft yahei"; background-size:24px;
    padding-left: 24px;
 
    width: 250px;
    }
	.btn_rpi_thr p {
    width: 120px;
    height: 35px;
    font: 15px/35px "microsoft yahei";
    margin-top: 5px;
    background-position: 15% center;
    text-indent: 20px;
    background-size: 10%;
    }
	.pic_dec .ti_dec h1 {
    font: 16px/60px "microsoft yahei";

    width: 80px;

  
    }
	
	.pri_inp .per_inp_pri h2 {
    font: 14px/50px "microsoft yahei";
    height: 50px;
	}
	.pri_inp .per_inp_pri h1 {
    font: 14px/42px "microsoft yahei";
    height: 42px;
 }
	.pri_inp .per_inp_pri i{
    margin: 10px 0;
    }
	
	
	}












.head_nav{ width:100%; overflow:hidden; padding:10px 0; background-color:#fff; max-width: 600px;}
.cu_head_nav{/*position: fixed;
    z-index: 20;
    top: 0;*/}

.head_nav img{ height:30px; vertical-align:middle;}
.head_nav h1{ color: #333;
    padding: 0 16px 0 10px;
    background:url(../image/arrowdown.png) right 5px no-repeat;
    background-size: 12px auto;
    font-size: 105%;
    font-weight: 700; display:inline-block;}

.head_nav p{ float: right;
    color: #333;
    background:url(../image/user.png) center no-repeat;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 2px 15px 0 0;margin-right: 18px;
    background-size: 16px auto;}





/*css_js*/
.odometer.odometer-auto-theme, .odometer.odometer-theme-car {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  position: relative;
  text-align:center; margin:0 auto;
}
.odometer.odometer-auto-theme, .odometer.odometer-theme-car {
  *display: inline;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-car .odometer-digit {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  position: relative;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-car .odometer-digit {
  *display: inline;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-car .odometer-digit .odometer-digit-spacer {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-car .odometer-digit .odometer-digit-spacer {
  *display: inline;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-car .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-car .odometer-digit .odometer-ribbon {
  display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-car .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-car .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-car .odometer-digit .odometer-value.odometer-last-value {
  position: absolute; width:34px; height:52px;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-up .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform .5s;
  -moz-transition: -moz-transform .5s;
  -ms-transition: -ms-transform .5s;
  -o-transition: -o-transform .5s;
  transition: transform .5s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-down .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.odometer.odometer-auto-theme, .odometer.odometer-theme-car {
  -moz-border-radius: 0.34em;
  -webkit-border-radius: 0.34em;
  -o-border-radius: 0.34em;
  -ms-border-radius: 0.34em;
  -khtml-border-radius: 0.34em;
  border-radius: 0.34em;
  font-family: "Arimo", monospace;
  padding: 0.15em;

  color: #eee0d3;
}

.num_pri span{ text-align:center !important;}


.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-car .odometer-digit {
  background: url(../image/num_bg_s.jpg) no-repeat center;
  background-size: 30px 60px;
  padding: 6px 6px;
   
  
  
  
}
.odometer.odometer-auto-theme .odometer-digit:first-child, .odometer.odometer-theme-car .odometer-digit:first-child {
  -moz-border-radius: 0.2em 0 0 0.2em;
  -webkit-border-radius: 0.2em 0 0 0.2em;
  -o-border-radius: 0.2em 0 0 0.2em;
  -ms-border-radius: 0.2em 0 0 0.2em;
  -khtml-border-radius: 0.2em 0 0 0.2em;
  border-radius: 0.2em 0 0 0.2em;
}
.odometer.odometer-auto-theme .odometer-digit:last-child, .odometer.odometer-theme-car .odometer-digit:last-child {

}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-car .odometer-digit .odometer-digit-inner {
/*  left: 0.15em;*/
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}
/*css_js*/


.odometer {
  font: 36px/40px "microsoft yahei" !important;
    color: #fff !important;
    font-weight: bold !important;
}


@media screen and (max-width: 500px){
	.odometer {
     font-size:18px !important;
    
    }
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-car .odometer-digit {
	 background:url(../image/num_bg_s.jpg) no-repeat center;
   background-size: 20px;
  padding: 0 7px;background-position: center 2px;}
  
  
  
  .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-car .odometer-digit .odometer-value.odometer-last-value {
  position: absolute; width:25px; height:40px;
}
	
	}


.link_p_b{ width:100%; background-color:#fff; padding:20px 0; overflow:hidden; margin:4% auto;}
.swiper-pagination-bullet{ opacity: 0.6 !important; width:5px !important; height:5px !important; background: #fff !important;}
.swiper-pagination-bullet-active { opacity: 0.8 !important; background: #990000 !important; border-radius:50%;}

.box_pic  .swiper-pagination{ background:none;}

.thr_link{ width:100%; margin:0 auto; overflow:hidden; margin-left:1.25%;}

.thr_link .per_l_p{ width:29.6%; float:left; margin:0 1.25%; background-color:#f8f8f8; padding-top:30%; position:relative; border:1px solid #EDEDED; }

.box_l{ width:100%; height:100%; position:absolute; left:0; top:0; text-align:center;}
.box_l img{ width:45%; margin-top:10%;}
.box_l p{ font:20px/40px "microsoft yahei"; color:#000; position:relative;}
.box_l span{ font:14px/16px "microsoft yahei"; color:#999;}
.box_l p i{ width:24px; height:14px; position:absolute; right:25px; top:2px; background:url(../image/ho_m.png) no-repeat center;}


.pic_p{ width:95%; overflow:hidden; margin:0 auto; margin-top:30px;}
.pic_p h2{font:24px/48px "microsoft yahei"; color:#E5E5E5; text-align:center;}
.pic_p h2 b{ color:#333; margin:auto 3%;}

.pic_p .box_pic{ width:100%; overflow:hidden; margin-top:18px; position:relative;}
.pic_p .box_pic .link_pic_m{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:5; width:138px;height:44px; background:url(../image/bg_m.png) no-repeat; text-indent:-2px;}
.pic_p .box_pic .link_pic_m p{ width:100%; font:14px/44px "microsoft yahei";text-shadow: 1px 1px 11px #aaa; color:#fff; text-align:center;}
.pic_p .box_pic .image-box{ position:relative; width:100%; padding-top:56%;}

.pic_p .box_pic .image-box img{ width:100%; height:100%; position:absolute; left:0; top:0;}
.btn_link_pic p{ width:90%; height:68px; padding:0 10px; text-align:center; background-color:#cc3333; color:#fff; font:24px/68px "microsoft yahei"; margin:25px auto; border-radius:10px;}
.btn_link_pic{ width:100%; overflow:hidden; position:relative;}
.btn_link_pic p i{ font-style:normal; padding-left:28px; color:#fefc4c; background:url(../image/addr-pic.png) no-repeat left center;}

.btn_link_pic span{ margin-right:5px;}

.btn_link_pic p b{ padding-left:36px; background:url(../image/more_pic.png) no-repeat right center;}
.btn_link_pic em{ position:absolute; right:15%; top:40px; width:60px; height:90px; background:url(../image/hand.png) no-repeat; }
@media screen and (max-width: 320px){
	.box_l p {
     line-height:20px !important;

}
	}

@media screen and (max-width: 500px){
	.box_l p {
    font: 13px/30px "microsoft yahei";
}
	.pic_p h2 {
    font: 16px/32px "microsoft yahei";
}
	.btn_link_pic p {
    height: 40px;
    font: 14px/40px "microsoft yahei";
    margin: 15px auto; border-radius:5px;
}
    .box_l img {
    margin-top: 8%;
}
    .box_l p i {
    right: 15px;
    top: -2px;

}
    .btn_link_pic p i {
    padding-left: 20px;
    background-size:12px;
}
    .pic_p{ margin-top:15px;}
	.pic_p .box_pic{ margin-top:10px;}
    .btn_link_pic em {
    right: 5%;
    top: 28px;
    background-size: 30px;
}
    .box_l span {
    font: 12px/14px "microsoft yahei"; padding:0 3px; display:inline-block; height:14px; overflow:hidden;
}
     .btn_link_pic p b {
    padding-left: 26px;
    background-size:24px; 
}
	
	}


.bot_tel{text-align:center;padding-bottom:8%;font-size: 24px;color:#C00;margin-top:25px;line-height:40px;}
.bot_tel a{ font-size:24px; height:40px; color:#C00; background:url(/css/m/images/tel.png) no-repeat left 3px;background-size: 25px; padding-left:32px;}
.bot_tel i{ font-size:16px; color:#666; font-style:normal; line-height:22px; margin:auto 5px;}