@charset "utf-8";
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html, body, div, ul, li, h1, h2, h3, h4, span, p{margin: 0; padding: 0;}
h1, h2, h3, h4{font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit;}
body{font-family: "Microsoft YaHei"; font-size: 14px; background-color: #eee;}
html{position: relative; min-height: 100%;}
ul li{list-style: none;}
img{vertical-align: middle; border: 0;}
a{text-decoration: none; color: #333;}
a:hover{text-decoration: none; color: #666;}
input, button{font-family: "Microsoft YaHei";}
:after, :before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.clearfix:after{content:".";display:block;width:0;height:0;clear:both;visibility:hidden;}
* html .clearfix{height:1%}
.clearfix{min-height:1%}

.container{ margin:auto;}
.container:before,
.container:after{content: ""; display: table;}
.container:after{clear: both;}


span.mores{font-family: "宋体";}

.price { color: #ff4200;}

body{background:#ecedf1 url(../images/background.jpg) center top no-repeat;}

.header{ background-color:#eeeeee;}
.header_top { background-color:#fbfbfb;border-bottom: 1px solid #e5e5e5;}
.header_top .left_part{ float:left;}
.header_top .left_part li{display: inline-block; line-height: 30px;height: 30px; font-size:14px; color:#333;}
.header_top .right_part{ float:right;}
.header_top .right_part li{display: inline-block; line-height: 30px;height: 30px; font-size:14px; color:#333;}
.header_top .right_part li a{border-right:1px solid #e8e8e8;padding:0 5px;font-size:12px}
.header_top .right_part li a:hover{ color:#b31826;}
.header_top .right_part li:last-child>a{border-right:none}

.header_middle{ padding:20px 0;}
.logo{float:left;width:95px;height:95px;background-image:url(../images/logo.png)}
.logo a{ display:block; width:100%; height:100%;}
.top_search{float:left; width:560px; margin-left:180px; overflow: hidden;}
.top_search_form{  position:relative;  height:40px; margin-top:2px;}
.top_search_form .btn-dropdown{border:2px #494745 solid; background-color: #fff; color: #666; border-radius: 0; border-right: none;}
.top_search_form .form-control{border:2px #494745 solid; border-radius: 0; height: 38px;}
.top_search_form .btn-search {  height: 38px; padding-left: 25px; padding-right: 25px; border-radius:0 ; background-color: #494745;border-color: #494745;color: #fff;}
.top_search_form .btn-search:hover{ opacity: .9;}
.top_search_form .btn-dropdown:hover{ opacity: .9;}

.top_search_form .layui-form-select{ width:88px; position:absolute; left:0; top:0;}
.top_search_form .layui-form-select .layui-input{border:2px #cd8d50 solid;}
.top_search_form .layui-input_box{ float:left; margin-left:85px; width:300px; border:2px #cd8d50 solid;border-radius:0;}
.top_search_form .layui-btn{ width:70px;border-radius:0; float:right; background-color:#cd8d50;}
.top_search_form .layui-input:focus,.top_search_form .layui-input:hover{border-color:#cd8d50!important}
.top_search_form .layui-form-select dl dd.layui-this{ background-color: #cd8d50;}
.top_search_words{ margin-top:10px; overflow: hidden;}
.top_search_words a{ display:inline-block; margin-right:10px; color:#0066cc; }
.top_search_words a:hover{ color:#b31826;}

.top_phone{ float:right; text-align:right; text-align: center; margin-top: -10px; margin-bottom: -10px; background-color: #fff; padding: 3px;}
.top_phone img  { width: 80px; transition:all .2s;}
.top_phone img:hover { width: 90px; margin: -5px;}
.top_phone p{ color:#888; padding-top: 3px;}

.header_menu{height:40px; background-color:#ec7801;}
.menu>li{display:inline-block;float:left; text-align:center;line-height:40px; position:relative; }
.menu>li>a {display:inline-block;float:left;color:#fff;font-size:18px; padding:0 30px;} 
.menu>li>a:hover,
.menu>li>a.cur {background-color:#e54e01;  color:#fff;}

/*footer*/
.fot_top_box{ background-color:#222222; padding:20px 0; color:#d5d5d5;}
.fot_top_box .left_part{ float:left;}
.fot_top_box .right_part{ float:right;}
.fot_top_box .fot_logo{ float:left; width:85px; height:85px; margin-right: 20px; } 
.fot_coyright{ float:left; margin-left:35px; padding-top:10px;}
.fot_coyright a{display: inline-block; border-left:1px solid #888; color:#d5d5d5;padding:0 8px;font-size:14px; line-height:12px;}
.fot_coyright a:nth-of-type(1) {border-left:none; padding-left:0;}
.fot_coyright a:hover{ color:#b8b8b8;}
.fot_coyright p{ padding-top:12px;}
.fot_coyright p span{ padding-left:10px;}

.fot_top_box .right_part .code_txt i{ display:block; width:83px; height:50px; line-height:50px; text-align:center; font-size:44px; color:#cd8d50; margin-top:8px;}
.fot_top_box .right_part .code_txt span{ display:block; font-size:12px; color:#666;}
.fot_top_box .right_part .code_img{ padding:2px;}
.fot_top_box .right_part .code_img img{ width:100%;}
.fot_top_box .right_part .d-service-item { display: inline-block; text-align:center; width: 90px;}
.fot_top_box .right_part .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#989898;display:block; margin: auto;}
.fot_top_box .right_part .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.fot_top_box .right_part .d-service-item:hover .i-qq{background-position:center 3px;}
.fot_top_box .right_part .d-service-item .i-ww{width:44px;height:44px;background:url(../images/side_con_icon04.png) no-repeat center 10px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.fot_top_box .right_part .d-service-item:hover .i-ww{background-position:center 3px;}
.fot_top_box .right_part .d-service-item p { display: block; text-align: center; color:#d5d5d5; margin-top: 5px;}
.breadcrumb{ margin-bottom:15px;padding: 8px 15px; background-color: #fff; border-radius:0; display: table; width: 100%;margin-top:0px;}
.breadcrumb a{color:#2556A5;}
.breadcrumb>li{ float:left; color:#666; }
.breadcrumb>li+li:before{content:""}
.breadcrumb>li+li+li:before {padding:0 5px 0 2px;color:#ccc;content:"\003E";}

#Container{padding:0px 20px 20px 0px;overflow:hidden;zoom:1;}
#Container h1{text-align:center; padding:0 0 15px 0; line-height:normal; overflow:hidden;font-family:"Microsoft YaHei"; font-size:26px;color:#000; line-height:45px;  }
#Container h1 span { font-size: 16px!important; }
.artInfo{background-color:#eeeeee; position:relative;height:35px; line-height:35px; color:#888;text-align: center; margin-bottom:15px;}
.artInfo span{margin-right:10px;}
.ContainerCon{margin-top:25px;line-height:25px;color:#222;font-size:14px;padding:0 20px;overflow:visible;}
.ContainerCon center{font-size:12px;}
.ContainerCon img{ max-width:800px; margin:auto;}
.ContainerCon p,.ContainerCon div{font-size:14px;line-height:25px;margin:10px 0;color:#222; text-indent:28px;}
.ContainerCon a,.ContainerCon a:visited{text-decoration:none;}
.ContainerCon a:hover,.ContainerCon a:active{text-decoration:underline;}
.ContainerCon h1,.ContainerCon h2,.ContainerCon h3,.ContainerCon h4,.ContainerCon h5,.ContainerCon h6{font-weight:bold;line-height:25px;margin:5px 0;}
.ContainerCon li { list-style-type: n;}
.Con-photo { text-align: center; text-indent:0!important;}
.ContainerCon img{ max-width:800px; margin:auto;}

.pagination-page,.pagination-count,.pagination-form{float: left;line-height:26px;color: #999}
.pagination-form{line-height:20px;margin: 10px 0}
.pagination .pagination-page a{ display:block;padding:0px 8px;font-family: Arial,SimSun;font-size: 14px;line-height:24px;position: relative;z-index: 1;color: #666}
.pagination .page-prev,.pagination .page-next{color: #9d9d9d;border-radius: 2px;border: 1px solid #c1c1c1;filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=white,endColorstr=#f0f0f0);background-image: -moz-linear-gradient(top,#fff,#f0f0f0);background-image: -webkit-linear-gradient(top,#fff,#f0f0f0);background-image: -ms-linear-gradient(top,#fff,#f0f0f0)}
.pagination .page-prev{margin-right: 5px}
.pagination .page-next{margin-left: 5px}
.pagination .page-cur,.pagination .page-hover{position: relative;border: 1px solid #0777c6;background: #0777c6;font-size:14px;border-radius:2px;color: white;display: block;width:26px;height:26px;line-height:26px;overflow: hidden}
.pagination .page-cur{font-weight: bold}
.pagination a{text-decoration: none;color: #999}
.yk-pagination{margin:20px 0 20px;text-align: center;position: relative}
.yk-pagination-new{margin: 14px 0 30px;text-align: center;position: relative;height: 40px}
.yk-pagination-new .pagination{height: auto}
.yk-pagination .pagination{margin-top: 10px;display: inline-block;*display: inline;*zoom: 1;height:40px}
.pagination-form{position: relative;margin:6px 0}
.pagination-form .page-num{position: relative;float: left;width: 45px;border: 1px solid #dedede;line-height: 18px;color: #9d9d9d;font-size: 14px;text-align: center;z-index: 2;height: 18px;outline: 0}
.pagination-count{margin: 0 15px 0 30px}
.pagination-form .anim{position: absolute;width: 66px;left: 0}
.pagination-form .btn-jump{float: left;border: 1px solid #1951c4;background: #0063dc;color: white;padding: 0 10px;line-height: 16px;vertical-align: middle;border-radius: 0;height: 18px;width: 24px;display: inline-block;margin-right: 5px}
.pagination div.page-wrap,.pagination div.page-num-wrap{display: inline-block;*display: inline;*zoom: 1;position: relative}
.pagination-form label{float: left;margin-right: 5px}
.pagination div.page-num-wrap{float: left}
.pagination div.page-wrap{float: left;margin-left: 5px;margin-right: 5px;width:26px; height:26px;}
.pagination div.page-siblings{width: auto}
.pagination div.page-wrap .page{padding: 0;display: block}
.pagination .bg{border:1px solid #c1c1c1;width:26px;height:26px;position: absolute;bottom: 0;left: 0;border-radius: 2px;filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=white,endColorstr=#f0f0f0);background-image: -moz-linear-gradient(top,#fff,#f0f0f0);background-image: -webkit-linear-gradient(top,#fff,#f0f0f0);background-image: -ms-linear-gradient(top,#fff,#f0f0f0);overflow: hidden}
.page-wrap a:hover{ border-color:#908f8f!important;}
.page-split{float: left;padding: 0 15px;font-family: Arial,SimSun;font-size: 14px;line-height:32px;color: #999;}

/*悬浮链接*/ 
.suspension{position:fixed;z-index:55;right:0;bottom:35px;width:70px;height:200px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#ec7801;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-wangwang .i{background-position:-176px 0;}
.suspension .a-dingding .i {
    background-position: -220px 0;
}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:34px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-ww{width:44px;height:44px;background:url(../images/side_con_icon04.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-ww{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}
.suspension .d-dingding {
    top: 0px;
}
.suspension .d-dingding .arrow {
    top: 62px;
}

.d-dingding {
    text-align: center;
}

.d-dingding img {
    width: 160px;
}

.d-dingding .img {
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
}

.d-dingding p {
    font-size: 12px;
    color: #93959c;
    padding-top: 6px;
}
.d-dingding .d-tit {
    font-size: 16px;
    color: #333;
    padding-bottom: 6px;
}

.pay-item { display: block; border: #f5f5f5 solid 1px; text-align: center; height: 62px; }
.pay-item.active { border: #ec7801 solid 1px; }
.pay-item img { height: 60px;}
.pay-qrcode { width: 300px; margin-top: 50px; background-color: #fff; border: #f5f5f5 solid 1px;}
.pay-bottom { background: #5E707E;height: 58px;color: #fff;font-size: 14px; padding: 8px 20px;}
.pay-bottom img { display: inline-block; float: left; }

.imga { position:relative; width: 100%; height:120px;}
.imga p { font-size:28px; color:#494745; text-align: center; padding-top: 50px; opacity:0.5;}
.bg { background: url(../images/bg.png) no-repeat center top; }

/* Margin */
.m-a-0 { margin:        0 !important; }
.m-t-0 { margin-top:    0 !important; }
.m-r-0 { margin-right:  0 !important; }
.m-b-0 { margin-bottom: 0 !important; }
.m-l-0 { margin-left:   0 !important; }
.m-x-0 { margin-right:  0 !important; margin-left:   0 !important; }
.m-y-0 { margin-top:    0 !important; margin-bottom: 0 !important; }

.m-a { margin:        16px !important; }
.m-t { margin-top:    16px !important; }
.m-r { margin-right:  16px !important; }
.m-b { margin-bottom: 16px !important; }
.m-l { margin-left:   16px !important; }
.m-x { margin-right:  16px !important; margin-left: 16px !important; }
.m-y { margin-top:    16px !important; margin-bottom: 16px !important; }
.m-x-auto { margin-right: auto !important; margin-left: auto !important; }

.m-a-sm { margin:        12px !important; }
.m-t-sm { margin-top:    12px !important; }
.m-r-sm { margin-right:  12px !important; }
.m-b-sm { margin-bottom: 12px !important; }
.m-l-sm { margin-left:   12px !important; }
.m-x-sm { margin-right:  12px !important; margin-left:   12px !important; }
.m-y-sm { margin-top:    12px !important; margin-bottom: 12px !important; }

.m-a-md { margin:        24px !important; }
.m-t-md { margin-top:    24px !important; }
.m-r-md { margin-right:  24px !important; }
.m-b-md { margin-bottom: 24px !important; }
.m-l-md { margin-left:   24px !important; }
.m-x-md { margin-right:  24px !important; margin-left:   24px !important; }
.m-y-md { margin-top:    24px !important; margin-bottom: 24px !important; }

.m-a-lg { margin:        80px!important; }
.m-t-lg { margin-top:    80px !important; }
.m-r-lg { margin-right:  80px !important; }
.m-b-lg { margin-bottom: 80px !important; }
.m-l-lg { margin-left:   80px !important; }
.m-x-lg { margin-right:  80px !important; margin-left:   80px !important; }
.m-y-lg { margin-top:    80px !important; margin-bottom: 80px !important; }


/* Padding */
.p-a-0 { padding:        0 !important; }
.p-t-0 { padding-top:    0 !important; }
.p-r-0 { padding-right:  0 !important; }
.p-b-0 { padding-bottom: 0 !important; }
.p-l-0 { padding-left:   0 !important; }
.p-x-0 { padding-left:   0 !important; padding-right: 0 !important; }
.p-y-0 { padding-top:    0 !important; padding-bottom: 0 !important; }

.p-a { padding:        16px !important; }
.p-t { padding-top:    16px !important; }
.p-r { padding-right:  16px !important; }
.p-b { padding-bottom: 16px !important; }
.p-l { padding-left:   16px16px !important; }
.p-x { padding-right:  16px !important; padding-left:   16px !important; }
.p-y { padding-top:    16px !important; padding-bottom: 16px !important; }

.p-a-md { padding:        24px !important; }
.p-t-md { padding-top:    24px !important; }
.p-r-md { padding-right:  24px !important; }
.p-b-md { padding-bottom: 24px !important; }
.p-l-md { padding-left:   24px !important; }
.p-x-md { padding-right:  24px !important; padding-left:   24px !important; }
.p-y-md { padding-top:    24px !important; padding-bottom: 24px !important; }

.p-a-lg { padding:        80px!important; }
.p-t-lg { padding-top:    80px !important; }
.p-r-lg { padding-right:  80px !important; }
.p-b-lg { padding-bottom: 80px !important; }
.p-l-lg { padding-left:   80px !important; }
.p-x-lg { padding-right:  80px !important; padding-left:   80px !important; }
.p-y-lg { padding-top:    80px !important; padding-bottom: 80px !important; }

/* Shadow */
.shadow-1 {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.07);
}
.shadow-2 {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.07);
}
.shadow-3 {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.07);
}

.flex {
	display: flex;
}

.basis-xs {
	flex-basis: 20%;
}

.basis-sm {
	flex-basis: 40%;
}

.basis-df {
	flex-basis: 50%;
}

.basis-lg {
	flex-basis: 60%;
}

.basis-xl {
	flex-basis: 80%;
}

.flex-sub {
	flex: 1;
}

.flex-twice {
	flex: 2;
}

.flex-treble {
	flex: 3;
}

.flex-direction {
	flex-direction: column;
}

.flex-wrap {
	flex-wrap: wrap;
}

.align-start {
	align-items: flex-start;
}

.align-end {
	align-items: flex-end;
}

.align-center {
	align-items: center;
}

.align-stretch {
	align-items: stretch;
}

.self-start {
	align-self: flex-start;
}

.self-center {
	align-self: flex-center;
}

.self-end {
	align-self: flex-end;
}

.self-stretch {
	align-self: stretch;
}

.align-stretch {
	align-items: stretch;
}

.justify-start {
	justify-content: flex-start;
}

.justify-end {
	justify-content: flex-end;
}

.justify-center {
	justify-content: center;
}

.justify-between {
	justify-content: space-between;
}

.justify-around {
	justify-content: space-around;
}

/* Positioning */
.pos-r { position: relative !important; }
.pos-a { position: absolute !important; }
.pos-f { position: fixed !important; }