@charset "utf-8";
/* CSS Document */
a{color:#565656; text-decoration:none;}
a:hover{ text-decoration:none;color: #549ac1;}
body{ font-family:"微软雅黑"!important; font-size:14px!important; background:#fff!important; color:#565656!important; border:0; padding: 0; margin:0; clear:both;}
/*内页店铺*/
#moTou { display:none;}

/*首页头部*/
.top { width:100%; height: auto; margin:0 auto;}
.top_a { width:1200px; height:auto; margin:0 auto; overflow:hidden;}
.top_l { width:100%; height:auto; margin:0 auto; overflow:hidden;}
.top_left { float:left; line-height:36px;}
.top_right { float:right; margin-top:10px;}
.top_right li { float:left; border-left:1px solid #6e6e6e; padding-left:15px; padding-right:15px;}
.top_right li:nth-child(1){ border:none;}
.top_right li a { color:#333;}

.top_logo { width:100%; height:126px; overflow:hidden;line-height:126px;}
.top_logo_left { float:left;}
.top_logo_right { float:right; font-size:14px; color:#333333;}
.top_logo_right img {padding-right:10px;vertical-align:middle;}
.top_logo_right span { font-size:22px; color:#000000;}

.nav { width:100%; height:54px; background:#cccccc;}
.nav_a { width:1200px; height:auto; margin:0 auto;}
.nav_a li { float:left; width:150px; text-align:center; line-height:54px;}
.nav_a li a { color:#fff; font-size:16px; display:block;}
.nav_a li .ks { background:#1b1b1b;}
.nav_a li a:hover { background:#1b1b1b;}

 .list_page{text-align:center;margin:10px;display:block;}
 .list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
 .list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
 .list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
 .list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
 .page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
 .page_group ul li{border-right:none;border-radius:0;float:left;}
 .page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
 .page_group ul li:first-child{border-radius:4px 0 0 4px;}
 .page_group ul li:last-child{border-radius:0 4px 4px 0;}
 .page_group ul .active a{background:#f3f3f3;border-radius:0;}
/*banner*/

/*banner*/
.fouse{ width:100%; margin:0 auto;  overflow:hidden;}
.hbann{ width:100%; margin:0 auto; height:534px;}
#full-screen-slider { width:100%; height:534px; float:left; position:relative; }
#slides { display:block; width:100%; height:534px; list-style:none; padding:0; margin:0; position:relative}

#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute; text-indent:-9999px;}
#slides li a { display:block; width:100%; height: auto; text-indent:-9999px;}
#pagination { width:100%; text-align:center; display:block; list-style:none; position:absolute;  margin-left:0%!important; top:500px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
.fouse #pagination li { display:block; list-style:none; width:12px; height:12px; display:inline-block; text-align:center; margin-left:15px; background:url(../images/index2_05.png) no-repeat;}
.fouse #pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
.fouse #pagination li.current { background:url(../images/index2_03.png) no-repeat;}
.moBanner{ width:100%; margin:0 auto; display:none;}
.fouse_foot { width:100%; height:auto; margin:0 auto; overflow:hidden;}
.pro_bottm { width:100%; height:auto; overflow:hidden; padding-top:1%;}


.fouseh{ width:100%; margin:0 auto;  overflow:hidden;}
.hbann{ width:100%; margin:0 auto; height:534px; overflow:hidden;}
#full-screen-slidera { width:100%; height:534px; float:left; position:relative; }

/*头部右边*/
.pros { width:100%; height:auto; margin:0 auto; overflow:hidden;}
.pros_top { width:100%; height:auto; margin:0 auto; overflow:hidden; background:#cccccc;}
.pros_top_a { width:1100px; height:auto; margin:0 auto; overflow:hidden;}
.pros_top_left { float:left; line-height:50px;}
.pros_rop_right { float:right; margin-top:12px;}
.pros_rop_right input { width:252px; height:28px; float: left; border:none; background:#ebebeb; outline:none; padding-left:10px;}
.pros_rop_right a { width:52px; text-align:center; float:left; background:#333333;}

/**/
.www360buy{ width:100%; height:auto; margin:0 auto; overflow:hidden; }
.www360buy .hd{ overflow:hidden; width:231px; float:left;}
.www360buy .hd ul { width:220px; height:auto; border:5px solid #cccccc;}
.www360buy .hd li{ position:relative; margin-left:-1px;  height:44px; line-height:44px;  width:85%; margin:0 auto;  border-top:0; border-bottom:1px dashed #ccc; _font-weight:bold; cursor:default; background:#cccccc; color:#333; font-size:16px; margin:0 auto; margin-top:10px; margin-bottom:10px; padding-left:10px;}
.www360buy .hd li img { padding-right:10px;}
.www360buy .hd .jsd { padding-left:0;}
.www360buy .hd li.on{   width:85%; margin:0 auto;  background:#cccccc; margin-top:10px; margin-bottom:10px; }
.www360buy .hd li.on a { color:#333333;}
.www360buy .hd li.on a:hover { color:#333333;}
.www360buy .bd{ height: auto; border-top:0;}
.www360buy .lh{ overflow:hidden; width:850px; float:right;}
.www360buy .lh li{ width:230px; margin-right:22px; margin-left:28px; padding:0 0px; float:left; margin-bottom:45px; background:#96a1a6;}
.www360buy .lh li img { position:5px; line-height:0;}
.www360buy .lh li p { width:100%; height:auto; text-align:center; line-height:36px; background:#96a1a6;}

.www360buy .lh li a { color:#fff; font-family:Lao UI; font-size:16px; display:block;}

.www360buy .lh li .p-img{ width:205px; height:222px; padding:30px 13px 0 13px; margin:0 auto; text-align:center;   }
.www360buy .lh li .p-name{ height:36px; line-height:18px;  word-break:break-all; word-wrap: break-word; overflow:hidden;   }
.www360buy .lh li .p-price{ color:#999;  }
.www360buy .lh li .p-price strong{ color:#c00; font-size:14px; font-family: verdana; }

.pros_a { width:1100px; height:auto; margin:0 auto; overflow:hidden; margin-top:20px; padding-bottom:40px;}
.hd_top { width:100%; height:75px; background:#cccccc; text-align:center; line-height:26px;}
.hd_top span { font-size:26px; font-weight:bold; color:#333333; padding-top:20px; display:block;}
.hd_bottm { width:100%; height:auto; background:#cccccc; }
.hd_bottm_s { width:100%; height:auto; text-align:center;  font-size:22px; color:#333333; padding-top:10px;}
.hd_bottm p { width:88%; height:auto; margin:0 auto; padding-bottom:15px; overflow:hidden; text-align:center; font-size:14px; padding-top:5px;}
.hd_bottm p img { float:left;}

.hd_topp { width:100%; height:43px; line-height:43px; background:#cccccc; margin-bottom:35px;}
.hd_topp span { padding-left:15px; font-size:16px; color:#000000;}
.hd_topp a { float:right; padding-right:15px; color:#333;}

.prosw { width:100%; height:auto; margin:0 auto; overflow:hidden; background:#f4f4f4;}
.prosw_a { width:1100px; height:auto; margin:0 auto; overflow:hidden; padding-top:20px; padding-bottom:20px;}
.prosw_top { width:100%; height:auto; margin:0 auto; overflow:hidden; text-align:center; font-size:26px; color:#333333;}
.prosw_top span { font-weight:bold;}


/* tab */
#tab{width:100%; margin:0 auto; position:relative; overflow:hidden; margin-top:30px;}
#tab .tab_menu{width:100%; text-align:center; margin-bottom:30px; }
#tab .tab_menu li{ position:relative; width:100px;  height:30px; line-height:30px; display:inline-block; margin:0 auto;  border-top:0;  cursor:default; color:#333; font-size:16px; text-align:center; border:1px solid #d7d7d7;}
#tab .tab_box{ width:100%; height: auto; margin:0 auto; overflow:hidden; background:#fff;}
#tab .tab_menu .selected{background-color:yellow;cursor:pointer;}
.hide{display:none;}


#tab .tab_menu .jsd { width:100px; height:30px; background:url(../images/index5_03.jpg) no-repeat;  margin-left:5px; margin-right:5px;}
#tab .tab_menu .jsd.selected { width:100px; height:30px; display:inline-block; margin:0 auto; background:#1b1b1b; color:#fff;}
#tab .tab_menu .jsd.selected  a { color:#fff;}
#tab .tab_menu .jsd b { width:27px; height:27px; background: url(../images/index6_05.jpg) no-repeat; display:block; float:left; margin-top:15px; margin-left:20px;}


/* marqueeleft */
.about_b .marqueeleft{height: auto;width:100%;overflow:hidden;margin:0 auto; }
.about_b .marqueeleft ul{float:left;}
.about_b .marqueeleft li{float:left;margin:0 5px;display:inline;width:253px;height: auto;overflow:hidden; position:relative;}
.about_b .marqueeleft li a { display:block; width:100%; height:100%;}
/* marqueetop */
.about_b .marqueetop{height:253px;width:240px;overflow:hidden;}
.about_b .marqueetop li{padding:5px 0;width:148px;height:133px;overflow:hidden;}
.about_b .marqueetop li .pic{display:block;border:#ccc 1px solid;width:135px;height:104px;padding:2px;overflow:hidden;}
.about_b .marqueetop li .txt{text-align:center;height:23px;line-height:23px;}
.about_b .marqueeleft li b { position:absolute; z-index:999; width:100%; height:100%; background:url(../images/index9_03.png); text-align:center;  color:#fff; line-height:26px; display:none;}
.about_b .marqueeleft li b span { padding-top:40%; color:#fff; display:block; }
.about_b .marqueeleft li:hover b{ display: block;}

.sd { width:100%; height:auto; background:#f4f4f4; margin-top:40px;}
.sd_a { width:1100px; height:auto; margin:0 auto; overflow:hidden; padding-top:23px; padding-bottom:50x;}
.sd_top { width:100%; height:auto; text-align:center; color:#999999;}
.sd_top span { font-size:120px; color:#333333; font-family:"宋体";}

.sd_b { width:100%; height:auto; margin:0 auto; overflow:hidden;}
.sd_b_left { width:50%; float:left;}
.sd_b_left_top { width:100%; height:auto; margin:0 auto; overflow:hidden;}
.sd_b_left_top_a { width:42px; height:42px; background:url(../images/index_41.jpg) no-repeat; text-align:center; line-height:42px; color:#fff; font-size:30px; float:left;}
.sd_b_left_top_b { float:left; padding-left:10px; line-height:26px;}
.sd_b_left_top_b span { font-size:26px; color:#666666; font-weight:bold; display:block; padding-bottom:10px;}
.sd_b_ld { width:100%; height:auto; padding-bottom:45px; width:518px; border-bottom:1px solid #d1d1d1;}

.ad_b_left_v { width:100%; height:auto; padding-top:20px;}
.ad_b_left_vf { width:100%; height:auto; padding-top:20px; border-right:1px solid #959595;}

.sd_b_right { float:right; width:500px;}

.ad_b_left_vh { width:100%; height:auto; padding-top:20px; border-left:1px solid #959595; padding-left:15px;}


.kf { width:100%; height:250px; margin:0 auto; margin-top:30px;}
.kf_a {height:auto; margin:0 auto; overflow:hidden;}
.kf_a_left { width:755px; float:left; /*border-right:1px solid #fff;*/ height:176px; color:#fff; margin-top:40px;margin-left:165px;}
.kf_a_left font { font-size:24px; line-height:46px;}
.kf_a_left span { font-size:36px;}
.kf_a_left h { font-size:18px; line-height:46px; display:block; padding-bottom:20px;}
.kf_right { width:200px; float:right; color:#fff; font-size:24px; text-align:center; line-height:36px;  margin-top:56px;margin-right:165px;}

.kf_right_t { width:168px; height:41px; background:#e60012; text-align:center; border-radius:0.4em; margin:0 auto; margin-top:30px;}
.kf_right_t a { color:#fff;}

.about { width:100%; height:auto; margin:0 auto; overflow:hidden;}
.about_a { width:1100px; height:auto; margin:0 auto; padding-top:36px;padding-bottom:80px;}
.about_top { width:100%; height:auto; text-align:center;}
.about_top span { display:inline-block; background:#e5e5e5; width:40%; height:1px;}
.about_top font { display:inline-block; font-size:26px; color:#333333; padding-left:15px; padding-right:15px;}
.about_r { width:100%; height:auto; margin:0 auto; overflow:hidden; line-height:36px; text-align:center;}


.about_o { width:100%; height:auto; overflow:hidden;}
.about_o_left { float:left; width:411px;}
.about_o_left img { width:411px; height:345px;}

.about_o_right { width:660px; float:right; line-height:26px;}
.about_o_right span { font-size:16px;}
.about_o_right a { width:140px; height:39px; background:#333333; display:block; color:#fff; text-align:center; line-height:39px;}

.anli { width:100%; height:auto; background:#f4f4f4; overflow:hidden;}
.anli_a { width:1100px; height:auto; margin:0 auto; overflow:hidden; padding-top:30px; padding-bottom:30px;}
.anli_top { width:100%; height:auto; margin:0 auto; overflow:hidden; font-size:26px; border-bottom:1px solid #d8d8d8; padding-bottom:15px;}
.anli_top a { float:right; font-size:14px; padding-top:10px;}
.anli_top span { font-weight:bold;}


.picScroll-left { width:100%; height:auto; overflow:hidden; text-align:center; margin-top:30px;}
.picScroll-left li { width:253px; height:auto; float:left; margin-left:10px; margin-right:10px; line-height:26px; color:#999999;}
.about_b { width:1200px; height:auto; margin:0 auto;}
.picScroll-left li a  { color:#333333; }


/**/
.www360buyf{ width:100%; height:auto; margin:0 auto; overflow:hidden; }
.www360buyf .hd{ overflow:hidden; border-bottom:1px solid #e1e1e1; }
.www360buyf .hd li{ position:relative; margin-left:-1px;   height:36px; text-align:center; width: auto; float:left;  font-size:24px;}
.www360buyf .hd li a {  border-right:1px solid #333333;  padding-left:15px; padding-right:15px; }
.www360buyf .hd li a:hover { color:#333;}
.www360buyf .hd li:nth-child(3) a{ border:0;}
.www360buyf .hd li.on{ width: auto;  font-size:24px; border-bottom:1px solid #fa7821;}
.www360buyf .bd{ height: auto; border-top:0; margin-top:25px;}
.www360buyf .lh{ overflow:hidden;}




.news { width:100%; height:auto; margin:0 auto; overflow:hidden;}
.news_a { width:1100px; height:auto; margin:0 auto; overflow:hidden; padding-bottom:30px;}

.news_a_left { width:680px; float:left; margin-top:40px;}

.news_os_top { width:94%; text-align:center; height:auto; background:#eeeeee; padding:20px;}
.news_os { width:100%; height:auto; margin:0 auto; overflow:hidden; line-height:26px;}
.news_os_top span { font-size:22px; color:#333333;}
.news_os_top a { color:#ff7300;}

.news_kd { width:100%; height:auto; margin:0 auto; overflow:hidden; margin-top:27px;}
.news_kd_left { width:85px; height:85px; background:#fff; border:1px solid #1b1b1b; text-align:center; color:#333; line-height:36px; float:left;}
.news_kd_left span { font-size:36px; display:block; padding-top:15px;}

.news_kd_right { width:570px; float:right;}
.news_kd_right span { font-size:16px;}
.news_kd_right a { color:#ff7300;}
.news_kd li { width:100%; height:auto; margin:0 auto; overflow: hidden; margin-bottom:15px;}

.news_kd li:hover .news_kd_left { background:#1b1b1b; color:#fff;  }


.news_a_right { width:393px; height:510px; background:url(../images/index13_03.jpg) no-repeat; float:right; margin-top:42px;}
.news_a_right_top { width:100%; height:auto; font-size:26px; color:#333333; margin-top:20px;}
.news_a_right_top span { color:#999999;}
.news_a_p  { width:92%; padding:4%; margin:0 auto;}

.news_o { width:100%; height:auto; margin:0 auto; overflow:hidden; color:#333333; line-height:20px; padding-top:25px; padding-bottom:20px;}
.news_o span { font-size:18px;}

.news_r { width:100%; height:auto; font-size:18px; color:#333333;}
.news_r font { font-size:24px;}

.news_a_kd { width:100%; height:auto; margin:0 auto; margin-top:20px;}
.news_a_kd li { width:100%; height:auto; margin:0 auto; overflow:hidden; margin-bottom:20px;}
.news_a_kd li input { width:230px; height:30px; background:#fff; border:1px solid #959595; outline:none;}
#content { width:230px; height:90px; background:#fff; border:1px solid #959595; outline:none;}
.news_a_kd li span { float:left;}

.news_a_bottm { width:251px; background:#1b1b1b; text-align:center; line-height:30px; line-height:30px; margin:0 auto; border-radius:0.5em;}
.news_a_bottm a { color:#fff;}


/* 本例子css */
.pros_h { width:100%; height:auto; margin:0 auto; overflow:hidden;  margin-top:16px;}
.scrollBox{ width:100%;  background:url(../images/scrollbg.png) ; position:relative;}
.scrollBox .piclist{ overflow:hidden; zoom:1;}
.scrollBox .ohbox{overflow:hidden; position:relative;width:100%;left:0px}
.scrollBox {position:relative;overflow:hidden;zoom:1; }
.scrollBox .piclist li{float:left; /*display:inline; width: auto;*/ margin-right:1%; border-radius:0.5em; text-align:center; line-height:20px; width:calc(96% / 5); background:url(../images/index4_03.jpg) no-repeat top left;}
 .scrollBox .piclist li:nth-child(5n){margin-right: 0}
.scrollBox .piclist li img {  margin-top:20px;/* margin-left:20px;*/}
.scrollBox .piclist li a { color:#333;}
.scrollBox .piclist li span{height:25px;line-height:25px;display:block;text-align:left; font-size:16px; color:#b323d3;}
.scrollBox .piclist li font { padding-left:15px;}
.scrollBox .pageBtn span{ background:url(../images/bntbg.png) no-repeat; display:block;width:37px;height:59px;position:absolute;top:70px;cursor:pointer;text-indent:-999em;overflow:hidden; }
.scrollBox .pageBtn .prev{ left:0;background-position:-11px -84px ; background:url(../images/index7_03.jpg) no-repeat;}
.scrollBox .pageBtn .next{ right:0;background-position:-53px -84px ;  background:url(../images/index7_05.jpg) no-repeat;}

.scrollBox .pageBtn .list{overflow:hidden;zoom:1; text-align:center; margin-top:29px;}
.scrollBox .pageBtn .list li{ background:url(../images/index20_05.jpg); display:inline-block;  width:9px;height:9px;cursor:pointer;margin-left:10px;line-height:10000px;overflow:hidden;  }
.scrollBox .pageBtn .list li.on{ background:url(../images/index20_03.jpg) no-repeat; }
.hsd { width:100%; height:auto; margin:0 auto; overflow:hidden; text-align:center; font-size:18px; color:#333333; padding-top:25px; padding-bottom:25px;}

.foot { width:100%; height:auto; margin:0 auto; overflow:hidden;}
.foot_nav { width:100%; height:auto; background:#cccccc;}
.foot_nav ul { width:1100px; height:auto; margin:0 auto; overflow: hidden;}
.foot_nav li { width:157px; float:left; line-height:45px; text-align:center;}
.foot_nav li a { color:#fff;}

.foot_a { width:100%; height:auto; background:#f3f3f3;}
.foot_p { width:1100px; height:auto; margin:0 auto; overflow:hidden; padding-top:20px; padding-bottom:20px;}
.foot_p_left { width:365px; height:130px; border-right:1px solid #c2c2c2; float:left;}
.foot_p_left img { padding-top:25px;}
.foot_p_center { float:left; padding-left:20px; line-height:26px; padding-top:15px;}

.foot_p_right { float:right;}
.foot_p_right li { float:left; padding-left:15px;}