﻿@charset "utf-8";
/* CSS Document */
html{}
body{}

/* CSS reset */
body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td {margin:0; padding:0;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; font-family:Microsoft YaHei;}
table {border-collapse:collapse; border-spacing:0;}
table th , table td {padding:5px;}
fieldset , img {border:0;}
ul, ol, em { list-style: none outside none; }
h1 , h2 , h3 , h4 , h5 , h6 {font-size:100%;}

/* Q_Main */

.Q_Main {position:relative; margin-left:auto; margin-right:auto; min-width:320px; max-width:640px; overflow:hidden;}
a{text-decoration:none; color:#FFF;}

/* Wap_head */

.Wap_head {margin: 0 auto; overflow: hidden; text-align:left; }
.Wap_head img {width:100%;height:auto;}

/* Wap_Dh */

.Wap_Dh {margin: 0 auto; overflow: hidden; text-align:left; }
.Wap_Dh ul{ background:url(../Images/wap/m-index_02.jpg); background-size:1em auto; overflow:hidden}
.Wap_Dh ul li{  float:left; width:25%;height:2.917em; text-align:center;line-height:2.917em;}
.Wap_Dh ul li a{color:#fff; display:block; line-height:2.917em;height:2.917em;border-left:1px #fff solid;border-top:1px #fff solid;}

/* focus */

.focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;  }
.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:5px; background-color:rgba(51,51,51,0.5);   }
.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1;font-size:0 }
.focus .hd ul .on{ background:#f96b17;  }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;  }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }

/*banner*/
.banner img{ display:block; width:100%}
.content{padding:0px 0.833em;background:#e7e7e7; padding-top:1em;}

/* Wap_bg_01 */

.Wap_bg_01 {margin: 0 auto; overflow: hidden; text-align:left; }
.Wap_bg_01 img {width:100%;height:auto;}

/* Wap_bg_02 */

.Wap_bg_02 {margin: 0 auto; overflow: hidden; text-align:left; position:relative;}
.Wap_bg_02 .wz1 { width:88%;text-align:left; position: absolute; top:25%;left:0; padding:4%;color:#000; line-height:200%;}
.Wap_bg_02 .wz2 {width:88%; text-align:left; position: absolute; top:75%;left:0; padding:4%;color:#000;line-height:200%;}
.Wap_bg_02 img {width:100%;height:auto;}

/* Wap_Tit_bg */

.Wap_Tit_bg {margin: 0 auto; overflow: hidden; text-align:left; position:relative;}
.Wap_Tit_bg .wz { text-align:left; position: absolute; top:30%;left:15%;color:#fff; font-size:1em; text-align:center; }
.Wap_Tit_bg img {width:100%;height:auto;}

/* Wap_zp_bg */

.Wap_zp_bg {margin: 0 auto; overflow: hidden; text-align:left; position:relative; }
.Wap_zp_bg .wz { text-align:left; position: absolute;left:30%;color:#fff; font-size:18px;}
.Wap_zp_bg img {width:100%;height:auto;}

/*Type ======*/

.Sy_Goods_Type {text-align:left; position: absolute; top:3%;left:2%;width:100%; z-index:99; }
.Sy_Goods_Type .T1 { overflow:hidden; display:inline; float:left; width:43%;margin:5px;cursor:pointer; border:1px #8d8d8d solid;overflow:hidden; color:#000; padding:1%;text-align:center; }
.Sy_Goods_Type .T1 a { color:#000; font-size:0.8em;}
.Sy_Goods_Type .T1 a:hover { color:#ff0000; font-size:0.8em;}


/* Wz_Tpms */

.Wz_Tpms{ overflow:hidden; padding-top:15px;}
.Wz_Tpms li{ float:left; width:42%;  margin:0px 3%; min-height:150px; overflow:hidden; border:1px #dcdcdc solid; margin:0px 5px 20px 15px; text-align:center;position:relative;}
.Wz_Tpms li img{ height:150px;}
.Wz_Tpms li h5{ font-size:0.2em;background:url(../Images/wap/hh.png) no-repeat; width:100%;line-height:2.500em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:left; padding:0px 0px 0px 5px;position:absolute;left:0;bottom:0;}
.Wz_Tpms li h5 a{color:#fff}

/* Wap_Ny_Maps */

.Wap_Ny_Maps {width:100%;margin: 0 auto;text-align:left; height:500px; overflow:hidden;}

/* Wap_Ny_M */

.Wap_Ny_M {margin: 0 auto;text-align:left;}

.Wap_Ny_M .dh_ct {margin: 0 auto;text-align:left; background-size:1em auto; background-color:#0053d2; padding:2%;overflow:hidden; color:#fff;  }
.Wap_Ny_M .dh_ct a { color:#fff; }

.Wap_Ny_M .zj_ct {margin: 0 auto;text-align:left; padding:2%; }

/* Wap_ys */

.Wap_ys {margin: 0 auto; overflow: hidden; text-align:left; background-color:#e7e7e7; padding:10px 1px 10px 1px;}
.Wap_ys .tts { }
.Wap_ys .pps {}
.Wap_ys img {width:100%;height:auto;}

/* Wap_zp_bg */

.Wap_zp_bg {margin: 0 auto; overflow: hidden; text-align:left; position:relative; height:180px; }
.Wap_zp_bg .wz { text-align:left; position: absolute;left:30%;color:#fff; font-size:18px;}
.Wap_zp_bg img {width:100%;height:auto;}

/*Ny_Lm_tp ======*/

.Ny_Lm_tp {text-align:left; position: absolute; top:10%;left:2%;width:100%; z-index:99; }
.Ny_Lm_tp .T1 { background:#fc5a95; overflow:hidden; display:inline; float:left; width:27%;margin:5px;cursor:pointer; overflow:hidden; color:#000; padding:1%;border-radius:4px; text-align:center; text-indent:10px; }
.Ny_Lm_tp .T1 a { color:#fff; font-size:0.8em;}
.Ny_Lm_tp .T1 a:hover { color:#fff; font-size:0.8em;}

/*Ny_Lm_tp2 ======*/

.Ny_Lm_tp2 {text-align:left; position: absolute; top:10%;left:2%;width:100%; z-index:99; }
.Ny_Lm_tp2 .T1 { background:#9fcce3; overflow:hidden; height:32px; line-height:32px; display:inline; float:left; width:45%;margin:5px;cursor:pointer; overflow:hidden; color:#000; padding:1%;border-radius:4px; text-align:center; text-indent:10px; }
.Ny_Lm_tp2 .T1 a { color:#fff; font-size:1.0em;}
.Ny_Lm_tp2 .T1 a:hover { color:#fff; font-size:1.0em;}

/* Wap_syzp_bg */

.Wap_syzp_bg {margin: 0 auto; overflow: hidden; text-align:left; position:relative;height:320px;}
.Wap_syzp_bg .pps {width:100%;position: absolute;height:320px;}
.Wap_syzp_bg .pps img {width:100%;height:auto;}

/*gdcp_dvs ======*/

.Wap_syzp_bg .gdcp_dvs { width:90%;overflow:hidden; margin:10px 0px 0px 20px;height:320px;position: absolute;}
.Wap_syzp_bg .gdcp_dvs .dvs_pp { width:240px;height:280px;}
.Wap_syzp_bg .gdcp_dvs .dvs_pp ul {width:100%; height:280px; overflow:hidden; margin:0 auto; background-color:#63b9e0; }
.Wap_syzp_bg .gdcp_dvs .dvs_pp .pic {width:101%;height:240px;overflow:hidden; }
.Wap_syzp_bg .gdcp_dvs .dvs_pp .pic img {width:100%; margin:0px;}

.Wap_syzp_bg .gdcp_dvs .dvs_pp .txt{ color:#808080; width:226px; height:35px; overflow:hidden; text-align:center; line-height:35px; overflow:hidden;}
.Wap_syzp_bg .gdcp_dvs .dvs_pp .txt a { color:#fff; font-size:1.2em; }
.Wap_syzp_bg .gdcp_dvs .dvs_pp .txt a:hover { color:#f00; font-size:1.2em; }

/* Wap_UnDh */

.Wap_UnDh { background-color:#024097;margin: 0 auto; overflow: hidden; text-align:center;padding:15px;color:#fff;}
.Wap_UnDh a{ margin-left:10px;margin-right:10px;color:#fff;}

/* Wap_Cps */

.Wap_Cps {margin: 0 auto;text-align:left; position:relative; }
.Wap_Cps .wz { width:90%;text-align:left; position: absolute; top:70%; left:0; padding:0 5% 20% 5%;color:#000; line-height:188%;text-align:center; font-size:0.8em;}
.Wap_Cps .wz a { color:#000; font-size:0.8em;}
.Wap_Cps .wz a:hover { color:#000; font-size:0.8em;}
.Wap_Cps img {width:100%;height:auto;}

/* Wap_Uline */

.Wap_Uline {margin: 0 auto;text-align:left; height:60px;}

/* 底部浮动栏 */
.Wap_UnBar { width:100%; position:fixed; left:0; bottom:-1px; z-index:100; }
.Wap_UnBar .main { width:100%; height:45px; max-width:640px; min-width:320px; background:#024097; margin:0 auto; box-shadow:0 -2px 5px rgba(0,0,0,0.2); }
.Wap_UnBar li { float:left; width:25%; }
.Wap_UnBar a { display:block; height:40px; line-height:25px; text-align:center; color:#FFF; padding-top:2px; font-size:0.8em; border-left:1px #184f9b solid; border-right:1px solid #184f9b; }
.Wap_UnBar a:before { width:25px; height:20px; content:"\20"; background:url(../Images/wap/QM_ico.png) 0 -20px no-repeat; background-size:100px; display:block; margin:0 auto; }
.Wap_UnBar li:nth-child(1) a:before { background-position:0 -20px; }
.Wap_UnBar li:nth-child(2) a:before { background-position:-25px -20px; }
.Wap_UnBar li:nth-child(3) a:before { background-position:-50px -20px; }
.Wap_UnBar li:nth-child(4) a:before { background-position:-75px -20px; }
.Wap_UnBar li:nth-child(1) a { border-left:0; }
.Wap_UnBar li:nth-child(4) a { border-right:0; }
.Wap_UnBar a.hover { background:#336d87; }

/* Sy_Zxcp */

.Sy_Zxcp{ overflow:hidden; padding-top:15px;}
.Sy_Zxcp li{ float:left; width:42%;  margin:0px 3%; min-height:150px; overflow:hidden; border:1px #dcdcdc solid; margin:0px 5px 20px 15px; text-align:center;position:relative;}
.Sy_Zxcp li img{ width:99%;}
.Sy_Zxcp li h5{ font-size:0.2em;background:url(../Images/wap/hh.png) no-repeat; width:100%;line-height:2.500em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:left; padding:0px 0px 0px 5px;position:absolute;left:0;bottom:0;}
.Sy_Zxcp li h5 a{color:#fff}

/* Ny_Cpzs */

.Ny_Cpzs{ overflow:hidden; padding-top:15px;}
.Ny_Cpzs li{ float:left; width:48%;  margin:0px 1%; height:250px;overflow:hidden; border:1px #dcdcdc solid; margin:0px 2px 20px 3px; text-align:center;}
.Ny_Cpzs li img{width:99%;height:200px;}
.Ny_Cpzs li h5{font-size:0.2em; white-space:nowrap; width:80%;line-height:2.500em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:left; text-align:left; padding:0px 0px 0px 5px;}
.Ny_Cpzs li h5 a{color:#808080}

.Wap_Lxwm_bg { margin: 0 auto;  text-align:left; color:#000; padding:10px 25px 10px 25px; font-size:0.8em; line-height:1.8em; }
.Wap_Lxwm_bg a { color:#000; font-size:1.0em;}
.Wap_Lxwm_bg a:hover { color:#000; font-size:1.0em;}

/*Sy_GdArc_Ls*/

.Sy_GdArc_Ls { width:638px;overflow:hidden; margin:5px 0px 0px 0px;}
.Sy_GdCps_Ls .dvs_pp { width:200px; margin:5px 5px 5px 5px;}
.Sy_GdArc_Ls .dvs_pp ul {width:200px; overflow:hidden; margin:0 auto}
.Sy_GdArc_Ls .dvs_pp .pic {width:175px;height:140px;overflow:hidden; border: 1px solid #D1D1D1;}
.Sy_GdArc_Ls .dvs_pp .pic img {width:175px;}
.Sy_GdArc_Ls .dvs_pp .txt{ color:#808080; width:175px; height:30px; overflow:hidden; text-align:center; line-height:30px; overflow:hidden;}
.Sy_GdArc_Ls .dvs_pp .txt a { color:#fff; font-size:12px; }
.Sy_GdArc_Ls .dvs_pp .txt a:hover { color:#f00; font-size:12px; }

/* wap_Nrdv ==============================*/

.wap_Nrdv { margin: 0 auto; overflow: hidden; text-align: left; }
.wap_Nrdv .dh_ct { margin: 0 auto;  text-align:left; color:#FFF; font-size:15px; line-height:250%; background-color:#d10400; text-indent:1em;}
.wap_Nrdv .dh_ct A { color:#FFF; font-weight:300; font-size:15px;}
.wap_Nrdv .dh_ct A:hover { color:#FFF; font-size:15px;}
.wap_Nrdv .zj_ct { margin: 0 auto; text-align:left; color:#000; }

/*PageList ==============================*/

.QR_List_page { width:500px; color: #000; font-size: 12px; padding: 10px 0px 0px 10px; height:50px; }
.QR_List_page a { color: #000; font-weight: 300; margin: 0px 6px 0px 6px; font-family: Arial; }

.QR_List_page_n { width: 100%; color: #000; font-size: 12px; margin: 20px 0px 15px 0px; }
.QR_List_page_n a { color: #000; font-weight: 300; margin: 0px 6px 0px 6px; font-family: Arial; }

.QR_List_page_n_p { width: 100%; color: #000; font-size: 12px; margin: 20px 0px 15px 0px; }
.QR_List_page_n_p a { color: #000; font-weight: 300; margin: 0px 6px 0px 6px; font-family: Arial; }


.QR_List_page_p { width: 100%; color: #000; font-size: 12px;  margin: 30px 0px 15px 0px; _margin: 15px 0px 15px 0px;  }
.QR_List_page_p a { color: #000; font-weight: 300; margin: 0px 6px 0px 6px; font-family: Arial; }

.QR_List_page_msg { color: #000; font-size: 12px; height: 20px; margin: 5px 0px 0px 80px; }
.QR_List_page_msg a { color: #000; font-weight: 300; margin: 0px 6px 0px 6px; font-family: Arial; }

.QR_List_page .P_ym { margin: 0 auto;  text-align:left; color:#808080; padding:10px 15px; font-size:1.0em; line-height:1.7em; float:left; display:inline; }

.QR_List_page .P_sums { margin: 0 auto;  text-align:left; color:#808080; padding:10px 0px 0px 0px; font-size:1.0em; line-height:1.7em; float:left; display:inline;}

/* Ny_Tdfc */

.Ny_Tdfc { width:100%; margin:10px 0px 0px 5px; overflow:hidden;}
.Ny_Tdfc li {width:96%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:center;text-indent:15px; line-height:200%;  border-bottom:1px dotted #808080;}
.Ny_Tdfc li img {width:100%; }
.Ny_Tdfc li h3 {width:100%;text-align:center;}

.Ny_Tdfc li a { color:#000; }
.Ny_Tdfc li a:hover { color:#F00; }


/* Ny_NewsLs */

.Ny_NewsLs { width:100%; margin:10px 0px 0px 10px; overflow:hidden;}
.Ny_NewsLs li {width:90%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:left; display:inline;text-align:left;text-indent:15px; line-height:200%;  border-bottom:1px dotted #808080;}
.Ny_NewsLs li a { color:#000; }
.Ny_NewsLs li a:hover { color:#F00; }

/*QR_Arc_Faqls*/

.QR_Arc_Faqls { width:100%;overflow:hidden; margin:20px 20px 0px 20px;}
.QR_Arc_Faqls ul {width:90%;overflow:hidden;margin:10px 0px 20px 0px;border-bottom:1px dotted #808080;}
.QR_Arc_Faqls .tt {width:100%;overflow:hidden;font-size:1em; font-family:微软雅黑;font-weight:800;}
.QR_Arc_Faqls .inf {width:100%;overflow:hidden; font-size:0.8em; font-family:微软雅黑; line-height:188%;color:#808080; }

/*Sy_Zxdt*/

.Sy_Zxdt { width:100%; margin:10px 0px 10px 10px; overflow:hidden;}
.Sy_Zxdt .bg_c{ width:100%; height:38px; border-bottom:1px dotted #000; clear:both; overflow:hidden;}
.Sy_Zxdt .bg_c .tit{width:80%; height:38px;line-height:38px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:left; display:inline;text-align:left;text-indent:15px;}
.Sy_Zxdt .bg_c .tit a { color:#fff; }
.Sy_Zxdt .bg_c .tit a:hover { color:#ff0000; }
.Sy_Zxdt .bg_c .Rq { width:20%;float:left; display:inline;width:60px; overflow:hidden;height:38px;line-height:38px;color:#808080; font-size:12px; text-align:right; }

/*See ======*/

.QR_Arc_See { width:100%; padding: 5px 5px 5px 0px; overflow:hidden;}
.QR_Arc_See .home {font-size:12px; padding: 5px 5px 5px 0px;}
.QR_Arc_See .info {width:100%; margin: 20px 5px 5px 0px;}
.QR_Arc_See .info .dvtop {width:100%; text-align:center;}
.QR_Arc_See .info .tit {width:100%; height:30px; line-height:30px; font-size:16px; font-weight: 800; text-align:center;}
.QR_Arc_See .info .sj {width:100%; height:30px; line-height:30px; font-size: 14px; font-weight: 300; }
.QR_Arc_See .info .line { width:100%; border-top: 1px #fff dotted; }
.QR_Arc_See .info .ct { width:100%;text-align:left; padding:0; }
.QR_Arc_See .fy {width:100%;line-height: 200%;}
.QR_Arc_See .fy A {  font-weight:800; font-size:0.8em;}
.QR_Arc_See .fy A:hover {  font-size:0.8em;}

/*Info ======*/

.QR_Goods_Info { width:100%;margin:0 auto; padding:0;overflow:hidden;}
.QR_Goods_Info .G_DTit { width:100%;margin:10px 0px 10px 0px; padding:0;overflow:hidden;line-height:25px; height:25px;font-size:14px; text-indent:10px;font-weight:800;color:#fff;background:#196db8; }

.QR_Goods_Info .G_DTit2 { width:100%; border-bottom:1px #d53434 dashed; margin:0 auto; padding:0;overflow:hidden;line-height:35px; height:35px;font-size:1em; text-indent:10px; font-weight:800;color:#000; text-align:center;}
.QR_Goods_Info .G_DPps {width:100%; overflow:hidden;text-align:center; margin-top:10px;}
.QR_Goods_Info .G_DPps .b_pp {width:97%; overflow:hidden;border:0px #808080 solid; padding:2px;}
.QR_Goods_Info .G_DPps .b_pp img {width:95%;}

.QR_Goods_Info .G_DCs {width:100%; overflow:hidden;}
.QR_Goods_Info .G_DCs .tit {width:80%; height:30px; line-height:25px; font-size:23px; font-weight:800; margin:8px 0px 8px 0px; overflow:hidden; text-overflow:ellipsis;border-bottom:1px #808080 dashed; text-align:left; }
.QR_Goods_Info .G_DCs ul {width:100%; margin:10px 0px 10px 0px;text-align:left;}
.QR_Goods_Info .G_DCs li {width:100%; overflow:hidden;margin:5px; }
.QR_Goods_Info .G_DNr {width:100%; overflow:hidden; line-height:188%; padding:5px; } 
.QR_Goods_Info .G_DNr img {width:90%; height:auto;} 

/*QR_Arc_P2N ======*/

.QR_Arc_P2N {width:100%;margin:0 auto; padding:0;overflow:hidden;}
.QR_Arc_P2N .info {width:100%;margin:0 auto; padding:0;overflow:hidden;}
.QR_Arc_P2N .info a { font-size:1em; color:#000; }
.QR_Arc_P2N .info a:hover { font-size:1em;  color:#ff0000; }

/*More pic ======*/

.QR_Goods_pic { width: 96%; text-align: center; }
.QR_Goods_pic .One { float: left; width: 50px; border: 0px black solid; margin: 10px 5px 0px 2px; }
.QR_Goods_pic .One img { clear: both; display: block; border: 0px; }
.QR_Goods_pic .One .pic { display: block; width: 46px; height: 46px; overflow: hidden; }
.QR_Goods_pic .One .pic img { width: 44px; height: 44px; border: 1px solid #F2F2F2; }
.picborder { border: 2px solid #FF6600; }
.picborder2 { border: 0px solid #FF6600; }


@media screen and (min-width:320px) { 
	body{font-size:75%;}
}
@media screen and (min-width:375px) {
	body{font-size:87.5%;}
}
@media screen and (min-width:480px) {
	body{font-size:87.5%;}
}
@media screen and (min-width:540px) {
	body{font-size:112.5%;}
}
@media screen and (min-width:550px) {
	body{font-size:125%;}
}
@media screen and (min-width:640px) {
	body{font-size:150%;}
}

