/* CSS Document */
body { font-family:"微软雅黑"; font: 14px Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif; color:#333333; background-color:#fff;}
* { margin:0; padding:0;}
a { color:#333333; text-decoration:none;}
a:hover { color:#0d9b7f; text-decoration:none; cursor:pointer;}
img { border:0;    width: 100%;} 
.clear{ clear:both;}
ul{ list-style-type:none}
li{ display:inline}

a {outline: none;}
a:active {star:expression(this.onFocus=this.blur());}
:focus { outline:0; }
html{overflow-x:hidden;overflow-y:scroll}
.index_notice_alert .txt1 {
    padding: 20px;line-height: 30px;
}
.index_notice_alert .btn_close {
    display: block;
    width: 256px;
    margin: 30px auto;
    background: #cb0032;
    border-radius: 6px;
    line-height: 68px;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}
.index_notice_alert h2 {
    font-size: 30px;
    color: #cb0032;
    line-height: 50px;
    padding-top: 25px;
    text-align: center;
}
/*------------------------------------------------------------ͷ��-----------------------------------------------------------*/
.header{ width:945px; padding-top:20px; height:55px;}
.logo{ float:left; font-family:"Microsoft YaHei"; font-size:30px; color:#34495e;}
.header span{ float:right;}
.header span a{color:#333; font-size:16px;float:left;line-height:156px;font-family:"Microsoft YaHei"; }
.header span a:hover{color:#ad0523;}
.logo:hover{ color:#34495e;}
.cancellation{border: 0;background: none;color: #f7b5d6;font-weight: bold;}
.black_index{ background:url(index_topbg.jpg) no-repeat 0 0;height:56px; float:left; padding:0 5px 0 22px;}
.phone_a{ background:url(index_topbg.jpg) no-repeat 0 -16px;height:56px;float:left; padding:0 5px 0 22px;}
.out_a{ background:url(index_topbg.jpg) no-repeat 0 -34px;height:56px;float:left;padding:0 5px 0 22px;}
.tuana{background:url(tuanicon.png) no-repeat 0; height:25px; padding:0 5px 0 30px;}
/*------------------------------------------------------------left-----------------------------------------------------------*/
.left{  }
.left h1{ line-height:65px; height:65px; background-color:#f7b5d6; font-family:"Microsoft YaHei"; font-size:18px; color:#fdfa06; padding-left:25px;}
.left ul{ }


.left ul li div{ float:left; padding-left:35px;}
.left ul li a{ display:block; font-family:"Microsoft YaHei"; font-size:18px; color:#fff;}
.left ul li span{ display:block; font-family:Arial; font-size:12px; color:#edf104;}

.left ul li strong{ position:absolute; top:25px; left:23px;}
.nav1{ background:url(1.jpg) no-repeat 0; width:25px; height:25px; float:left;}
.nav2{ background:url(2.jpg) no-repeat 0; width:25px; height:25px; float:left;}
.nav3{ background:url(3.jpg) no-repeat 0; width:25px; height:25px; float:left;}
.nav4{ background:url(4.jpg) no-repeat 0; width:25px; height:25px; float:left;}
.nav1on{ background:url(on1.jpg) no-repeat 0; width:25px; height:25px; float:left;}
.nav2on{ background:url(on2.jpg) no-repeat 0; width:25px; height:25px; float:left;}
.nav3on{ background:url(on3.jpg) no-repeat 0; width:25px; height:25px; float:left;}
.nav4on{ background:url(on4.jpg) no-repeat 0; width:25px; height:25px; float:left;}
/*------------------------------------------------------------right-----------------------------------------------------------*/
.banner{ width:619px; float:right;}

/*------------------------------------------------------------navdiv-----------------------------------------------------------*/
.navdiv{ width:945px; padding-top:35px;}
.navbgdiv{ float:left; width:212px; max-height:326px; padding-right:32px;}
.navbgdiv p{ width:212px; height:5px; float:left;}
.navbgdiv div a{ width:212px; background-color:#eff0f2; float:left; padding-bottom:5px;text-align: center;}
.navbgdiv div span{ text-align:center; display:block; padding-top:10px;font-size: 18px;}
.navbgdiv div img{ padding-top:10px;}

.navbtn{ border:0; background:url(btnbg.jpg) no-repeat; line-height: 41px;width:185px; height:41px; color:#fff;font-size:18px; font-family:"Microsoft YaHei"; margin-left:13px;}
/*--------------------------------------------------------------------bottom-----------------------------------------------*/
#bottom{width: 100%;  color:#fff; float: left;text-align: center;font-size: 14px;background: #080808;}

#bottom a{ font-size:14px; color:#fff;}
.footer{   background: #080808; width: 100%; height:50px;position:fixed;bottom:0px;left:0px;} 
.box {
    margin: 0 auto;
    padding-top: 10px;
    font-size: 16px;
    font-weight: normal;
}
.exchange_process {
}
.body_div {
    width: 1000px;
    margin: auto;
}
.exchange_process ul {
    width: 100%;
    padding-top: 100px;
}

.exchange_process ul li {
    display: table-cell;
    vertical-align: middle;
    border-radius: 5px;
}
.exchange_process ul li p {
    display: block;
    text-align: center;
    width: 300px;
    border-radius: 10px;
    padding: 15px;
    color: #fff;
    line-height: 40px;
    overflow: hidden;
}
.exchange_process ul li p span {
    font-size: 18px;
}
.exchange_process ul li a {
    display: block;
    color: #fff;
}
.exchange_process ul li img {
    width: 25px;
    margin-right: 5px;
    margin-top: -3px;
}

.exchange_process ul li.interval {
    width: 60px;
    text-align: center;
    font-size: 36px;
    color: #c2c2c2;
    line-height: 60px;
}
.exchange_process ul li {
    display: table-cell;
    vertical-align: middle;
    border-radius: 5px;
}
.exchange_notes {
    line-height: 30px;
    color: #666666;
    padding-bottom: 30px;
}
.intro{ background:url(../images/introbg.png) top repeat-x;     width: 1100px;
    display: block;
    height: 50px;
    margin: auto;}
.intro .box ul li{ float:left; width:23%; border-right:1px solid #ede8d6; padding:10px 5%; margin-top:50px;}
.chaxun{ background:#131313; height:320px;}

.boxx{     margin: 0 auto;
    padding-top: 10px;
    font-size: 16px;
    font-weight: normal;text-align: center;
    }
.selectt {
    border: #e2ddd3 1px solid;
    height: 40px;
    font-size: 18px;
    padding: 5px;
       width: 13.5%;
}	
/*---------------------------------------------------------------------------pro-----------------------------------------*/
.proleft{ width:660px; float:left;}
.proleft dl{ width:660px; float:left;}
.proleft dl dt{ background:#2c3e50;width:150px; float:left; padding-top:20px; min-height:332px; text-align:center;}
.proleft dl dt a{ display:block; width:150px; text-align:center;}
.qygwbtn{ background:url(pro_16.jpg) no-repeat; width:111px; height:39px; text-align:center;color:#fff;font-size:18px; font-family:"Microsoft YaHei"; border:0; margin:30px 0 20px 0;}
.proleft dl dt span{ text-indent:25px; color:#fff; display:block; width:150px; line-height:20px;}
.proleft dl dd{ width:485px; float:left; background:#34495e; padding:20px 0 0 21px ; min-height:332px; overflow:hidden;}
.proleft dl dd a{ display:block; width:146px; height:134px; padding:6px 0; background:#fff; margin:0 15px 20px 0; float:left; text-align:center;}
.proleft dl dd a img{ width:134px; height:134px;}
.proright{ width:220px; float:right;}
.yuan{background:url(yuan.jpg) no-repeat; width:190px; height:155px; text-align:center; padding:35px 0;}
.weixinbtn{background:url(weixinbtn.jpg) no-repeat; width:213px; height:45px; text-align:center;color:#fff;font-size:18px; font-family:"Microsoft YaHei"; border:0;}
.proright span{ text-align:center; color:#7f7e7e; display:block; width:220px; line-height:20px; padding-top:27px;}

input{font-family: "微软雅黑";}
input[type="button"]{cursor: pointer;}

.navbtn_style {border: 0;background: url(btnbgon.jpg) no-repeat;width: 185px;height: 41px;line-height: 41px;color: #fff;font-size: 18px;font-family: "Microsoft YaHei";margin-left: 13px;}

.stick-qrcode {_position: absolute;z-index: 40; right:10px; top:100px;}
.stick-qrcode .index-xiaomei, .stick-qrcode .stick-qrcode-index {background:url(weixin.png) no-repeat;}
.stick-qrcode .index-xiaomei {position: relative;display: inline-block;width:133px;height:185px;vertical-align: top;outline: 0;}
.stick-qrcode .index-xiaomei .close {position: absolute;top: 8px;right:0;width: 25px;height: 20px;}
.index-xiaomei img{ padding:30px 0 0 5px;}
.index-xiaomei p{ text-align:center; font-size:16px; font-family:"微软雅黑";width: 130px;position: absolute;bottom: 18px;}
/* 轮播样式 */
.zhanshi{}
.shutter{ width:100%; min-height: 600px;   margin-top: -17px;}  /* 轮播图宽高定义 */
.shutter li{position:absolute;left:0;top:0;}
.shutter li a img{}
.shutter-nav{display:inline-block;
    margin-right: 8px;
    padding: 2px 6px;

    font-weight: bold;
    font-size: 12px;
    cursor: pointer;
    border-radius: 10px;
    background: rgba(255,255,255,.5);}
.shutter-cur-nav{display:inline-block;margin-right:8px;color:#fff;padding:2px 6px;font-weight:bold;font-size:12px;cursor:pointer;    border-radius: 10px;
    background: rgba(255,255,255,.5);}
/*分页样式*/
.paginator { font: 12px Arial, Helvetica, sans-serif;padding:5px 10px 5px 0; margin: 0px;}
.paginator a {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin-right:2px}
.paginator a:visited {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;}
.paginator .cpb {padding: 1px 6px;font-weight: bold; font-size: 12px;border:none}
.paginator a:hover {color: #fff; background: #E97A06;border-color:#E97A06;text-decoration: none;}


.cardimg {
    width: 980px;
}
.cardimg li {
    width: 485px;
    float: left;
    height: 140px;
    overflow: hidden;
    border-bottom: 1px dashed #cccccc;
    margin-top: 10px;
}

.cardimg .dvimg {
    width: 250px;
    height: 130px;
    float: left;
    text-align: center;
}
.cardimg .dvcnt {
    width: 235px;
    height: 130px;
    float: left;
}
.cardimg .dvcnt .txtname {
    width: 100%;
    height: 25px;
    line-height: 25px;
}
.cardimg .dvcnt .txtname a {
    font-size: 14px;
    color: #c70000;
    font-weight: bold;
}

.cardimg .dvcnt .txt {
    margin-top: 5px;
    line-height: 22px;
    padding-left: 10px;
    font-size: 14px;
}
.index_notice {
    padding: 5px;
    background: #fff;
    border: #0096df 2px dotted;
    color: #666;
    line-height: 30px;
    width: 500px;

}
.index_notice .txt-scroll {
    height: 30px;
    line-height: 30px;
    padding: 0 5px 0 30px;
    background: url(ico-notice.png) no-repeat 5px 7px;
}
.index_notice .txt-scroll .scrollbox {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    transition: all .2s;
}
.txt-clone {
    display: inline;
    position: relative;
}
.space_white {
    height: 15px;
    background: #ffffff;
    width: 100%;
}
.page_middle {
    padding: 100px 0px;
}
.bg_page_box {

}

.order_query {
    padding: 30px 30px;
    width: 600px;
    color: #0a2b1d;
    margin: auto;
}
.order_query ul {
    margin-bottom: 10px;
}
.order_query ul h1 {
    text-align: center;
    line-height: 40px;
    padding: 10px 0px;
}
.order_query ul table input {
    height: 45px;
    width: 30px;
    padding-left: 5px;
    font-size: 16px;
    border: #e2ddd3 1px solid;
}

.order_query ul table {
}
.exchange_product{ font-size: 16px;  }
.exchange_product table{ width: 100%;}
.exchange_product table td{ padding: 1px;}
.exchange_product .card_info{   font-size: 16px;
    background: #fff;
    padding: 10px;
    border-radius: 10px;}
.exchange_product .card_no_use{font-size: 18px; background: #fff; padding: 20px; line-height: 45px; border-radius: 10px; margin-top: 50px;}
.exchange_product .card_no_use h3{ color: #ff0000;}
.exchange_product .card_no_use a.btn{ display: block; width: 250px; margin: 10px 0px; padding: 5px 0px; background: #ff2222;}
.exchange_product .list_product{ margin-top: 5px;}
.exchange_product .list_product .item{    border-radius: 5px;
    /* text-align: center; */
    margin: 10px 0px;
    background: #e4dfe4;}
.t1 {
        width: 30%;
}
.t2{    width: 50%;}
.t3 {
    min-width: 50px;
    text-align: center;
}
.exchange_product .list_product .item .t4{ height: 150px;}
.exchange_product .list_product .item h2{ text-align: left; font-size: 18px;min-height: 72px;}
.exchange_product .list_product .item img{     display: inline-block;
    height: 100px;
  }
.exchange_product .list_product .item .no_data{ text-align: center; padding: 20px;}
.exchange_product .list_product .item .check_box{ width: 30px; height: 30px;}
.exchange_product .list_product .item h4{ text-align: center; line-height: 30px;}
.exchange_product .list_product .item h4 a{ color: #ff0000;}
.exchange_product .bottom_option{ z-index: 999; padding: 0px 0px; text-align: center;  background:#e4dfe4; left: 0px; bottom: 0px; width: 100%;}
.exchange_product .bottom_option .option{ padding: 10px;}
.exchange_product .bottom_option .option li{ display: inline-block; padding: 0px 10px;}
.exchange_product .bottom_option .option span{ color: #cc0033;}
.exchange_product .bottom_option .btn{ padding: 10px 0px; margin: auto; display: inline-block; width: 200px;}
.exchange_product .bottom_option .color01{ background:#ff9900;}
.order_create {
    border-radius: 20px;
    background: #e4dfe4;
    padding: 60px;
    /* width: 900px; */
    /* vertical-align: middle; */
   
}
.select {
    border: 1px solid #e3e2e2;
    background: #faf7f7;
    width: 190px;
    margin-right: 7px;
    height: 35px;
    line-height: 35px;
}
.bd_jg {
    width: auto;
    padding: 0 0.3rem;
}
.left ul {
    width: 100%;
}
.left ul li {
    line-height: 0.58rem;
}
.left ul li {
    width: 100%;
    float: left;
    overflow: hidden;
    line-height: 0.36rem;
    padding-top: 0.2rem;
}
.left ul li b {
    font-size: 0.26rem;
    width: 35%;
    height: 0.58rem;
}
.left ul li input {
    width: 60%;
    font-size: 0.26rem;
    height: 0.58rem;
}