@charset "utf-8";
/* General styles for all menus */
.cbp-spmenu{background:#333;border-left:1px solid #fff;position:fixed;}
.cbp-spmenu a{display:block;color:#fff;font-size:1.1em;font-weight:300;}
.cbp-spmenu a:hover{background:#444;}
.cbp-spmenu a:active{background:#444;color:#fff;}
/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical{width:240px;height:100%;top:0;z-index:1000;}
.cbp-spmenu-vertical a{border-bottom:1px solid #fff;padding:1em;}
.cbp-spmenu-horizontal{width:100%;height:150px;left:0;z-index:1000;overflow:hidden;}
.cbp-spmenu-horizontal h3{height:100%;width:20%;float:left;}
.cbp-spmenu-horizontal a{float:left;width:20%;padding:0.8em;border-left:1px solid #258ecd;}
/* Vertical menu that slides from the left or right */
.cbp-spmenu-left{left:-240px;}
.cbp-spmenu-right{right:-240px;}
.cbp-spmenu-left.cbp-spmenu-open{left:0px;}
.cbp-spmenu-right.cbp-spmenu-open{right:0px;}
/* Horizontal menu that slides from the top or bottom */
.cbp-spmenu-top{top:-150px;}
.cbp-spmenu-bottom{bottom:-150px;}
.cbp-spmenu-top.cbp-spmenu-open{top:0px;}
.cbp-spmenu-bottom.cbp-spmenu-open{bottom:0px;}
/* Push classes applied to the body */
.cbp-spmenu-push{overflow-x:hidden;position:relative;left:0;}
.cbp-spmenu-push-toright{left:240px;}
.cbp-spmenu-push-toleft{left:-240px;}
/* Transitions */
.cbp-spmenu,.cbp-spmenu-push{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;}
#show_bg {width:100%; height:100%; background:rgba(0, 0, 0, 0.5); position:fixed; top:0px; left:0px; z-index:999; display:none;}

htm {padding:0px; margin:0px;}
body {font-family:"黑体";}
dl {padding:0px; margin:0px;}
dt {padding:0px; margin:0px;}
dd {padding:0px; margin:0px;}
ul {padding:0px; margin:0px;}
ol {padding:0px; margin:0px;}
p {padding:0px; margin:0px; line-height:25px;}
li {padding:0px; margin:0px; list-style-type:none;}
form {padding:0px; margin:0px;}
fieldset {padding:0px; margin:0px;}
blockquote {padding:0px; margin:0px;}
fieldset {padding:0px; margin:0px;}
select {padding:0px; margin:0px; border:0px;}
label {padding:0px; margin:0px;}
textarea {padding:0px; margin:0px; border:0px;}
img {padding:0px; margin:0px; border:0px;} 
.clear {clear:both; height:0px;}
.top_bor {border-top:#000 solid 2px;}
.bot_bor {border-bottom:#000 solid 2px;}
.main {box-shadow: 0 1px 3px rgba(34,25,25,.4); background:#fff;}

input::-webkit-input-placeholder {color:#999;}
.input {width:80%; display:block; padding:8px 5px; background:none; border:#e5e5e5 solid 1px; -webkit-box-sizing:border-box; color:#999; font-size:14px; outline:none;}

.select{width:100%; color:#606366; padding:11px 25px 11px 5px; -webkit-appearance:none; border-radius:3px; background:url(../images/down.png) no-repeat right; background-size:15px 15px; -webkit-background-size:15px 15px; -moz-background-size:15px 15px; -ms-background-size:15px 15px; -webkit-box-sizing:border-box;}
.button {width:100%; display:block; padding:0px 5px; border:#e5e5e5 solid 1px; background:no-repeat; color:#fff; text-align:center; font-size:14px;}
.textarea {display:block; padding:10px 5px; background:none; border:#e5e5e5 solid 1px; -webkit-box-sizing:border-box; color:#999; font-size:14px; outline:none;}
.show_bg {width:100%; height:100%; background:rgba(0, 0, 0, 0.5); position:fixed; top:0px; left:0px; z-index:999; display:none;}

.space-10 {width:100%; height:10px; clear:both;}
.space-20 {width:100%; height:20px; clear:both;}
.space-30 {width:100%; height:30px; clear:both;}
.space-40 {width:100%; height:40px; clear:both;}
.space-50 {width:100%; height:50px; clear:both;}

.radius5 {-moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; border-radius:5px;}
.radius10 {-moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; border-radius:10px;}
.radius15 {-moz-border-radius:15px; -webkit-border-radius:15px; -ms-border-radius:15px; border-radius:15px;}
.radius20 {-moz-border-radius:20px; -webkit-border-radius:20px; -ms-border-radius:20px; border-radius:20px;}
.radius50 {-moz-border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%; border-radius:50%;}

/* 链接颜色 */

a {color:#666;}
a:link {color:#fff;text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:#ff6b66;}

/* 网站头部 */

.header {background:#fff; -moz-box-shadow:0 2px 4px #ddd; -webkit-box-shadow:0 2px 4px #ddd; -ms-box-shadow:0 2px 4px #ddd; box-shadow:0 2px 4px #ddd;}
.header .logo {float:left;}
.header .logo img {height:60px;}
.header .navcenter {height:auto; overflow:hidden; float:right;}
.header .navcenter a {width:70px; height:38px; line-height:38px; text-align:center; overflow:hidden; color:#1b1b1b; display:block; margin:10px 10px; border:#fff solid 1px; float:left;}
.header .navcenter a span {height:38px; line-height:35px; font-size:14px; font-weight:bold; display:block;}
.header .navcenter a font {height:38px; line-height:35px; font-size:16px; font-weight:bold; display:block;}
.header .navcenter a:hover {color:#222; border:#1b1b1b solid 1px;}
.header .navcenter a.hover {color:#222; border:#1b1b1b solid 1px;}

.menu_btn {height:50px; position:absolute; top:5px; right:12px;}
.menu_btn span {width:40px; height:50px; display:block; position:absolute; top:0px; right:-10px; background:url(../images/menu.png) no-repeat; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%; background-size:100% 100%;}

.footer {border-top:#e5e4e4 solid 3px;}
.footer .footer_top {height:auto; overflow:hidden; background:#f7f7f7;}
.footer .footer_text {height:auto; overflow:hidden; padding:10px 0px; background:#45403c;}
.footer .footer_text {line-height:30px; color:#fff;}
.footer .footer_text a {line-height:30px; color:#fff;}
.footer .qrcode img {width:120px; height:120px; display:block; border:#666 solid 1px; float:right;}

/* 首页轮播图 */

.slides {width:100%; height:auto; overflow:hidden; position:relative;}
.slides a {width:100%; height:auto; overflow:hidden; display:block; position:relative;}
.slides a img {width:100%; height:auto; overflow:hidden; display:block;}

.slidesjs-pagination {height:10px; position:absolute; bottom:20px; left:45%; z-index:998;}
.slidesjs-pagination li {width:10px; height:10px; line-height:10px; margin:0px 3px; float:left;}
.slidesjs-pagination li a {font-size:12px; text-align:center; color:#f7f7f7; background:#f7f7f7; display:block; -moz-border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%; border-radius:50%;}
.slidesjs-pagination li a.active,.slidesjs-pagination li a:hover.active {background:#666; color:#666;}
.slidesjs-pagination li a:hover {background:#666; color:#666;}

.slidesjs-navigation {display:none;}
.slidesjs-navigation .slidesjs-previous {width:35px; height:100px; line-height:100px; font-size:36px; margin-top:-50px; padding-left:0px; position:absolute; top:50%; left:0px; z-index:999;}
.slidesjs-navigation .slidesjs-previous:hover {background:rgba(0,0,0,0.3); -moz-border-top-right-radius:3px; -webkit-border-top-right-radius:3px; -ms-border-top-right-radius:3px; border-top-right-radius:3px; -moz-border-bottom-right-radius:3px; -webkit-border-bottom-right-radius:3px; -ms-border-bottom-right-radius:3px; border-bottom-right-radius:3px;}
.slidesjs-navigation .slidesjs-next {width:35px; height:100px; line-height:100px; font-size:36px; margin-top:-50px; padding-left:10px; position:absolute; top:50%; right:0px; z-index:999;}
.slidesjs-navigation .slidesjs-next:hover {background:rgba(0,0,0,0.3); -moz-border-top-left-radius:3px; -webkit-border-top-left-radius:3px; -ms-border-top-left-radius:3px; border-top-left-radius:3px; -moz-border-bottom-left-radius:3px; -webkit-border-bottom-left-radius:3px; -ms-border-bottom-left-radius:3px; border-bottom-left-radius:3px;}
.slides:hover .slidesjs-navigation {display:block;}

.frame_title {height:50px; border-bottom:#000 solid 1px;}
.frame_title span {height:40px; line-height:40px; display:block; color:#1b1b1b; font-size:16px; font-weight:bold; float:left;}
.frame_title a {height:14px; display:block; color:#1b1b1b; margin-top:13px; float:right;}

.frame_title2 {height:60px;}
.frame_title2 span {height:30px; line-height:30px; display:block; color:#1b1b1b; font-size:16px;}
.frame_title2 font {height:30px; line-height:30px; display:block; color:#999;}

.item {height:auto; overflow:hidden; display:block;}
.item img {width:100%;}
.item span {height:50px; line-height:50px; color:#fff; font-weight:bold; text-align:center; overflow:hidden; display:block; background:#555; padding:0px 10px;}
.item .n_title {height:50px; line-height:50px; color:#666; font-weight:bold; text-align:center; overflow:hidden; display:block;}

.items {height:auto; overflow:hidden; display:block; position:relative;}
.items img {width:100%;}
.items .a-title {height:50px; line-height:50px; color:#666; font-weight:bold; overflow:hidden; display:block;}
.items p {width:100%; height:40px; line-height:40px; color:#fff; text-align:center; overflow:hidden; display:block; background:#626060;  left:0px; bottom:0px;}

.title{ height:40px; line-height:40px; color:#CCC; font-weight:normal; font-size:12px; text-align:center;  width:806px; float:left;}
.messagebox {height:auto; overflow:hidden; background:#f7f7f7;}
.marginbox {height:auto; overflow:hidden; margin:20px; padding-bottom:10px; background:#fff; padding:20px 0px;}
.icon {height:40px; line-height:35px; padding-left:60px; background:url(../images/message.png) no-repeat 15px 15px; -webkit-background-size:30px 30px; -moz-background-size:30px 30px; -ms-background-size:30px 30px; background-size:30px 30px;}
.s-btn a {width:120px; height:40px; line-height:40px; color:#fff; text-align:center; display:block; background:#ff6b66; margin:0px auto;}

.imgbox {height:auto; overflow:hidden; position:relative;}
.imgbox .imgbg {width:100%; height:100%; background:rgba(0,0,0,0.3); position:absolute; top:0px; left:0px;}
.imgbox:hover .imgbg {background:rgba(0,0,0,0.1);}

.TTSliderPic{position: relative;}
.TTSliderPicList{position: relative;}
.TTSliderPic ul{position: absolute;top:0px;left: 0}

/* 分页样式 */

.page {height:auto; overflow:hidden; text-align:center; clear:both; margin-top:20px;}
.page .page_c {height:auto; overflow:hidden; display:inline-block;  margin-top:40px;}
.page .page_c a {height:25px; line-height:25px; font-size:12px; color:#666; border:#e5e5e5 solid 1px; background:#fff; display:block; padding:0px 15px; margin:0px 5px; float:left;}
.page .page_c span {height:25px; line-height:20px; display:block; padding:0px 10px; border:#fff solid 1px; background:#fff; margin:0px 5px; float:left;}
.page .page_c .prev {background:url(../images/page.png) no-repeat 4px 0px #fff;}
.page .page_c .next {background:url(../images/page.png) no-repeat 4px -40px #fff;}
.page .page_c a:hover {color:#ff4a00; border:#ff4a00 solid 1px;}
.page .page_c .prev:hover {background:url(../images/page.png) no-repeat 4px -60px #fff;}
.page .page_c .next:hover {background:url(../images/page.png) no-repeat 4px -20px #fff;}

/* 相关新闻 */

.morenews {height:auto; overflow:hidden; border-top:#ccc dashed 1px; padding:20px 0px; margin-top:20px; clear:both;}
.morenews span {height:30px; line-height:30px; display:block; color:#888;}
.morenews a {height:30px; line-height:30px; display:block; color:#a0a0a0;}
.morenews a:hover {color:#ff7700;}

/* 路径导航 */

.breadcrumb {height:30px; background:#fff;}
.breadcrumb a {line-height:40px; color:#888;}
.breadcrumb .active {color:#333;}
.action {height:50px; line-height:40px; color:#555; font-size:16px;}

/* 二级页面 */
.News1 li{width:100%;height:120px;}
.images img{ max-width:100%;}
.textarea{width:80%;}
.side_t {height:50px; line-height:50px; color:#fff; font-size:20px; padding-left:20px; background:#ff6b66;}
.side_ul {height:auto; overflow:hidden; padding:10px; background:#f1f1f1;}
.side_ul li {height:40px;}
.side_ul li a {height:40px; line-height:40px; color:#666; display:block; padding:0px 10px;}
.side_ul li a i {width:4px; height:4px; display:block; background:#333; float:left; margin-top:18px;}
.side_ul li a span {height:40px; line-height:40px; color:#333; display:block; padding:0px 10px;}
.side_ul li a:hover {color:#f16400;}
.cc_cont p{background:#f7f7f7;padding-top:15px; padding-left:10px;padding-bottom:20px;}

.forms dl{margin-left:10px;
	
}
.forms dd{
width:100%; display:block;  overflow:hidden;margin-bottom:30px;
}
.forms hr{
	margin:10px 0;
	border:0;
	border-top:1px solid #dddddd;
}

.forms dt{
	font-size: 16px;
	color: #606366;
	height:30px;
    font-weight:normal;
    margin-bottom:20px;
}

.forms button{
	font-size: 16px;
	color: #fff;
	padding:5px 0px;
	line-height:30px;
    background:#ff6b66;
    width:80%;
    margin-left:10px;
}
.c_cont p {color:#999;}
.c_cont img {max-width:100%;}
.side_ul p {height:40px; line-height:40px; color:#666;}
.ss_title {height:50px; border-bottom:#e4e4e4 solid 1px; clear:both; position:relative;}
.ss_title span {height:40px; line-height:40px; color:#5eb990; font-size:16px; font-weight:bold; display:block;}
.bg_color {height:auto; overflow:hidden; line-height:50px; color:#fff; background:#5eb990; margin-top:20px;}
.bg_color span {line-height:50px; color:#fff; font-size:20px; font-weight:bold; display:block;}

.product_box a{color:#fff;}
.product_box li{width:100%;height:40px; line-height:40px; background-color:#ff6b66; text-align:center; margin-top:10px;}
.bjtp_box{float:left; margin-top:80px; }
.bjtp_box ul{float:left;margin-left:20px;}
.bjtp_box li{width:144px;height:50px;background-color:#dcdcdc; margin-bottom:20px;line-height:50px;text-align:center;}
.bjtp{background-color:#f9f9f9;padding-top:45px; position:relative;}
.bjtp img{ float:right;margin-bottom:20px;}
.left_title {height:40px; background:url(../images/About1.png) no-repeat center; line-height:40px; overflow:hidden; position:relative;}
.top{ width:300px;height:40px; text-align:center; background:#fff; position:absolute; left:50%; top:0px; margin-left:-100px;}
.top span{font-size:26px;}
.top font{ font-size:14px;}
.right_box{  float:right;}
.left_box { float:left;}
.left_box a{ background-color:#F00; width:180px; height:40px; display:block; text-align:center; line-height:40px;}
.left_box li{ margin-top:10px;}
.box{ overflow:hidden;}

/* 相关新闻 */
.nav ul{}
.nav li{width:100%;height:40px;margin-bottom:5px; line-height:40px; text-align:center; }
.nav a{font-size:16px;color:#444; background:#f7f7f7; display:block;}
.nav a.hover{background:#ff6b66;color:#fff;}
.nav a:hover{background:#ff6b66;color:#fff;}

.tupz img{ width:100%; height:100%;}
.tupz ul{ width:100%; height:100px;}
.tupz li{margin-bottom:10px;}
.tupz a{font-size:16px; color:#666;}
.tupz{margin-bottom:10px;}
.bottom img{width:373px;height:229px;}
.bottom li{text-align:center;margin-top:10px;}

.s_con img {max-width:100%;}

@media (max-width: 479px) {

.pc_head {display:none;}
.moble_head {display:block;}

.slidesjs-pagination {bottom:10px;}

.footer .qrcode img {width:120px; height:120px; display:block; border:#666 solid 1px; float:right;}

.footer .footer_text p {font-size:12px;}
.footer .footer_text a {font-size:12px;}

.moble_p {display:none;}

.show_box {width:100%; height:220px; overflow:hidden;}
.show_box .hot_products {width:190px; display:block; float:left;}
.show_box .hot_products img {width:160px; display:block;}
.show_box .hot_products span {width:160px; height:40px; overflow:hidden; line-height:40px; color:#fff; text-align:center; display:block; background:#555; margin:0px auto;}

.items .a-title {height:30px; line-height:30px;}
.items p {height:30px; line-height:30px;}

}

@media (min-width: 480px) and (max-width: 767px)  {

.pc_head {display:none;}
.moble_head {display:block;}

.slidesjs-pagination {bottom:10px;}

.footer .footer_text p {text-align:center;}
.footer .footer_text a {text-align:center;}
.footer .qrcode img {float:none; margin:0px auto;}

.moble_p {display:none;}

.show_box {width:760px; height:220px; overflow:hidden;}
.show_box .hot_products {width:190px; display:block; float:left;}
.show_box .hot_products img {width:160px; display:block;}
.show_box .hot_products span {width:160px; height:40px; overflow:hidden; line-height:40px; color:#fff; text-align:center; display:block; background:#555; margin:0px auto;}

.items .a-title {height:20px; line-height:20px;}
.items p {height:30px; line-height:30px;}

}

@media (min-width: 768px) and (max-width: 999px){
 
.pc_head {display:none;}
.moble_head {display:block;}

.moble_p {display:none;}
  
.show_box {width:490px; height:220px; overflow:hidden;}
.show_box .hot_products {width:190px; display:block; float:left;}
.show_box .hot_products img {width:160px; display:block;}
.show_box .hot_products span {width:160px; height:40px; overflow:hidden; line-height:40px; color:#fff; text-align:center; display:block; background:#555; margin:0px auto;}
  
.header .navcenter a {margin:10px 5px;}
 
}

@media (min-width: 1000px) {

.pc_head {display:block;}
.moble_head {display:none;}

.show_box {width:630px; height:260px; overflow:hidden;}
.show_box .hot_products {width:240px; display:block; float:left;}
.show_box .hot_products img {width:200px; display:block;}
.show_box .hot_products span {width:200px; height:40px; overflow:hidden; line-height:40px; color:#fff; text-align:center; display:block; background:#555; margin:0px auto;}

.header .navcenter a {width:80px; margin:10px 5px;}

}

@media (min-width: 1260px) {

.pc_head {display:block;}
.moble_head {display:none;}

.show_box {width:790px; height:260px; overflow:hidden;}
.show_box .hot_products {width:230px; display:block; float:left;}
.show_box .hot_products img {width:200px; display:block;}
.show_box .hot_products span {width:200px; height:40px; overflow:hidden; line-height:40px; color:#fff; text-align:center; display:block; background:#555; margin:0px auto;}
 
.header .navcenter a {width:80px; margin:10px 18px;}

}

.newslist {height:auto; overflow:hidden; padding:0px; margin:0px;}
.newslist li {height:45px; line-height:45px; overflow:hidden; clear:both; border-bottom:#e6e6e6 dashed 1px; position:relative;}
.newslist li i {width:4px; height:4px; background:#888; display:block; position:absolute; top:22px; left:0px;}
.newslist li a {height:45px; line-height:45px; display:block; color:#333; padding-left:15px; padding-right:100px;}
.newslist li time {width:90px; height:45px; line-height:45px; color:#999; position:absolute; top:0px; right:0px;}
.newslist li a:hover {color:#000;}

.show_msg {width:100%; height:100%; background:rgba(0,0,0,0.4); position:fixed; left:0px; top:0px; z-index:99;display:none;}
.show_msg .show_msg_text {width:360px; height:180px; background:rgba(0,0,0,0.4); margin-left:-180px; margin-top:-90px; position:fixed; left:50%; top:50%; z-index:99;}
.show_msg .show_msg_text .show_msg_text_b {width:350px; height:170px; margin:5px; background:url(../images/success.png) no-repeat 0px 40px #f7f7f7;}
.show_msg .show_msg_text .show_msg_text_b span {height:50px; line-height:50px; color:#4c4c4c; font-size:18px; text-align:center; font-weight:bold; padding:0px 10px; display:block;}
.show_msg .show_msg_text .show_msg_text_b .text {width:300px; height:auto; overflow:hidden; margin:120px auto; padding-left:130px; margin:0px auto;}
.show_msg .show_msg_text .show_msg_text_b .text b {color:#d31145; font-size:24px; line-height:40px; padding:20px 0px; display:block;}
.show_msg .show_msg_text .show_msg_text_b .text .btn {height:39px; line-height:39px; font-size:18px; text-align:center; display:block; margin-top:30px; float:left;}
.show_msg .show_msg_text .show_msg_text_b .text a.backbtn {color:#fff; padding:0px 20px; background:url(../images/c_list_2.png) no-repeat right center #d31145; border:#d31145 solid 1px;}
.show_msg .show_msg_text .show_msg_text_b .close {width:26px; height:26px; background:url(../images/close.png) no-repeat; cursor:pointer; position:absolute; top:15px; right:15px;}