@charset "utf-8";

/* CSS Document */
/* html {-webkit-filter: grayscale(100%);} */

 html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;}

body{font:normal 100% Helvetica, Arial, sans-serif; font-family:"微软雅黑";color:#333333; font-size:16px; margin:0 auto; padding-top:1px;}

body li{ list-style:none;}

.wrap{min-width:320px; max-width:640px; margin:0 auto; position:relative; overflow:hidden;}

img{border:0px;}

ul,ul li{list-style:none}

a{text-decoration:none;color:#333333}

a:hover{color:#ff7691;}



/*top*/



.toptiao{width:100%;height:2.9rem; line-height:2.9rem; color:#fff; overflow: hidden; background-color:#c8000a; text-align:center; font-size:0.85rem; font-family:黑体}

.toptiao .topdingwei{width:100%; padding:0 0 0 20%;}

.toptiao .tubiao{ width:2rem; margin:0 auto; display:block;  float:left; text-align:center; padding:1.5% 2% 0 0;}

.toptiao .tubiao img{width:100%;}

.toptiao h1{ float:left; font-size:1.2rem;}





.toubiao{ width:100%; height:4.5rem; position:relative; overflow:hidden; font-family:黑体}

.toubiao img{ width:100%;}

.toubiao h1{ font-size:0.8rem; position:absolute; top:2%; left:18%; color:#fff;}

.toubiao p{ width:29%; font-size:0.8rem; height:1.2rem; line-height:1.3rem; background-color:#fff; position:absolute; top:35%; left:36%; border-radius:1rem; text-align:center;}

.toubiao em{ position:absolute; top:60%; left:2%; width:6%; font-style:normal;}

.toubiao em img{ width:100%;}

.toubiao p #itel{ position:relative; top:-2px; left:0; 

margin-left:3%;}



.toubiao i{position:absolute; top:60%; left:10%; width:6%; font-style:normal;}



.toubiao i img{ width:100%;}



/*

.toptiao i{ vertical-align:middle; width:1rem; display:block; position:relative; }

.toptiao i img{ width:100%;}

.toptiao span{ font-size:1rem;}

.toptiao span b{ font-size:1.5rem; font-weight:normal;}

.toptiao span b a{color:#fff; }

.toptiao ul{padding-left:25px}

.toptiao ul li{width:100%;height:30px;}

.toptiao ul li a{color:#ffffff}



*/

/*top banner*/

.main_image {width:100%; height:12rem; border-top:1px solid #d7d7d7; overflow:hidden; margin:0 auto; position:relative}

.main_image ul {overflow:hidden; position:absolute; top:0; left:0}

.main_image li {float:left; width:100%; }

.main_image li span {display:block; width:100%;}

.main_image li span img{ width:100%;}

.main_image li a {display:block; width:100%; }



div.flicking_con {width:100%; margin:0 auto; position:relative}

div.flicking_con .flicking_inner {position:absolute; top:360px; left:90px; z-index:999; width:300px; height:21px} /* 121126 */

div.flicking_con a {float:left; width:21px; height:21px; margin:0; padding:0; background:url('../images/btn_main_img.png') 0 0 no-repeat; display:block; text-indent:-1000px}

div.flicking_con a.on {background-position:0 -21px}

#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}

#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:100px;}

#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:100px;}











.g-adv{width:100%; max-width:640px;  position:relative; padding:2% 0 0 0}

.g-adv .sclwrap_box{position: relative; overflow: hidden; visibility: visible; list-style: none;}

.g-adv .sclwrap_box ul li{float: left; display: block;}

.g-adv .sclwrap_box ul li a{ text-decoration:none;}

.g-adv .sclwrap_box ul li a img{ width:100%; height:auto;}



.mytopbanner h1.myleftbanner{ width:4rem; padding:0 0 0 5%; float:left}

.mytopbanner h1.myleftbanner a{ text-decoration:none;}

.mytopbanner h1.myleftbanner a img{ width:100%;}



.mytopbanner span.mytopbaright{ width:72%; float:right; padding:2% 0 0; letter-spacing:0.2rem; position:relative; font-size:0.85rem;}

.mytopbanner span.mytopbaright b{ display:block; color:#F00; font-size:1.2rem;}





/*nav*/

.mynav{ position:relative; width:100%; margin:0 auto; padding-top:4%; padding-left:3%; font-family:黑体}

.mynav a{ text-decoration:none;  display:block; width:29%; float:left; margin-right:2%; margin-bottom:2%; }

.mynav a li{ list-style:none; background-color:#fff; border-radius:0.5rem; font-size:0.6rem; margin:0 auto;border:1px solid #b8b8b8; height:1.6rem; line-height:1.6rem; text-align:center;}

.mynav a li i{ display:block; width:19%; float:left; padding:0 0 0 8%; margin-top:1.4%}

.mynav a li img{ width:90%; }

.mynav a li h2{  margin:0 auto; float:left; width:70% }

/*banner*/

.mybannerimg{width:100%; position:relative;max-width:640px; height:auto;}

.mybannerimg img{width:100%;height:auto;  overflow:hidden;}









/*栏目标题*/

.lm_title{width:100%; background-color:#e5e5e5;height:37px; line-height:37px; overflow:hidden;margin-bottom:1px}

.lm_title span b{text-transform:uppercase}

.lm_titlexian{width:100%;border-bottom:2px solid #d2af5d}

.lm_title a.yytelbtn{width:89px;height:24px; line-height:24px; text-indent:30px; background: url(../images/yytelbtn.png) no-repeat #9f8271; border:1px solid #8a6f60; background-position:8px center; border-radius:5px}



/*footer*/

.footer{width:100%; background-color:#eae6e3}

.footer h2{ background-color:#d6d4d6;height:33px; line-height:33px;color:#aa9462; font-weight:normal}

.footer h2 a{color:#9a7d38;padding:0px 5px}



.bottom{

    background:#31122c;

    position:fixed;

    z-index:1000;

    width:100%;

    display:block;

     bottom:0; 

}

.bottom a{

    text-decoration:none;

}

.bottom ul{

    margin:0;

    padding:0;

    list-style:none;

}

.bottom ul li{

    float:left;

    width:25%;

    text-align:center;

}

.bottom ul li img{

    width: 1.8em;

    height:1.8em;

    margin-top: 0.3em;

}

.bottom ul li em{

    font-family: "微软雅黑";

    color: #FFF;

    line-height: 0.9em;

    font-style: normal;

    width: 100%;

    white-space: nowrap;

    clear: both;

    float: left;

    font-size:0.8em;

    margin-bottom: 0.4em;

}

.spanrow {

  display: block;

  float: left;

  height: 3em;

  width: 100%;

}

/*商务通*/

.tanchu {top: 50%; display: none;left: 50%;position: fixed;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop));_margin-top:20%;width: 240px;margin-left:-120px;margin-top:-60px; z-index: 997;height: 120px;background: url(/skin/default/img/swt.png) no-repeat}

.closebtn{top: 1px;position: absolute;right: 1px;width:25px;height:25px;display:block;z-index:999}

.tanchua1{display: block;width: 240px;height: 120px;position: absolute;z-index:998}



/*zepto 日历*/

.datepicker-box{position: fixed;z-index: 1000;width: 100%;display: block;bottom: 56px;left:0;border:1px solid #d9d9d9;background:#fff;height:235px;}

.datepicker-header{background:#F8F8F8;border-bottom:1px solid #EEE;height:35px;}

.datepicker-header span{text-align:center;padding:12px 15px 10px;}

.datepicker-header span.hover{background:#EEE;}

.datepicker-header span b{display:block;width:0;height:0;font-size:0;border:8px solid #F8F8F8;}

.datepicker-pre{float:left;}

.datepicker-next{float:right;}



.datepicker-header span.datepicker-pre b{border-left:0;border-right:8px solid #444;}

.datepicker-header span.datepicker-next b{border-right:0;border-left:8px solid #444;}

.datepicker-header h4{padding:10px 0;height:20px;line-height:20px;text-align:center;font-size:16px;font-weight:normal;}



.datepicker-body{width:100%;border:0;border-collapse:collapse;border-spacing:0;}

.datepicker-body th, .datepicker-body td{height:20px;line-height:20px;text-align:center;font-size:14px;}

.datepicker-body th.datepicker-weekend, .datepicker-body td.datepicker-weekend{color:#FF0000;}

.datepicker-body th{padding:6px 0;font-weight:normal;color:#333;}

.datepicker-body td{padding:4px 0;}

.datepicker-body td.cur{background:#DDD;border:1px solid #CCC;color:#FFF;}







@media screen and (min-width:320px) {  html { font-size:75%;}}

@media screen and (min-width:360px) {  html { font-size:87%;}}

@media screen and (min-width:480px) {  html { font-size:112%;}}

@media screen and (min-width:568px) {  html { font-size:131%;}}

@media screen and (min-width:639px) {  html { font-size:150%;}}