@charset "utf-8";
*{ margin:0; padding:0; font-family:'Microsoft YaHei';}
*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

@font-face {
  font-family: "calibri";
  src: url("calibri/calibri.woff2") format("woff2"),
       url("calibri/calibri.woff") format("woff"),
       url("calibri/calibri.ttf") format("truetype"),
       url("calibri/calibri.eot") format("embedded-opentype"),
       url("calibri/calibri.svg") format("svg");
}

body{  background:#fff; font-size:14px;}
li {list-style: none;}
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
a{ text-decoration:none; color: #000;}

Form, input, dt, dl, dd, Ul, Li, H2, Img, textarea, em, ol { border: 0 none; font-style: normal; list-style-type: none; margin: 0; padding: 0;}

.fl{float: left;}
.fr{float: right;}
.clr , .clear{ clear:both;}
.clearfix:after{ display:block; clear:both; content:'';}

.pub_input{ width:100%; height:30px; border:1px solid #666;}
.pub_btn{ width:100px; height:30px; background:#945817; color:#fff;}

.box{ width:clc(100% - 20px); max-width:1200px; margin:0 auto; position:relative; padding:0 10px;}
.box:after{ display:block; clear:both; content:'';}

/*.menu_header{width: 100%;background:rgba(51,51,51,.8);height: 90px;margin-bottom: 5px;z-index: 99999;position: fixed;top: 0;left:0;margin-left: 0!important;margin-right: 0!important;}*/
.menu_header{width: 100%;background:url(/public/static/index/images/logo_bg1.png);height: 90px;margin-bottom: 5px;z-index: 9999;position: fixed;top: 0;left:0;margin-left: 0!important;margin-right: 0!important;}
.menu_header .menu{ width:100%;font-size:17px; margin: 0 auto;height: 89px;position: relative}
.menu_header .menu div > ul > li{ width:16.5%; float:left;height: 90px; text-align:center; font-size: 17px;color: white;list-style-type:none;position: relative;}
.menu_header .menu div > ul > li a{ font-size: 20px;color: white;}
.menu_header .menu div > ul{float: left;width: 100%;margin: 0px;list-style-type:square!important;opacity: 1;transition: 2s}
.menu_header .menu div > ul > li > ul{position: absolute;transition: .5s;z-index: 999;width: 100%;background-color: white;top:60px;left: 0px;height: 0px;overflow: hidden}
.menu_header .menu div > ul > li > ul > li > a{color:black;}
.head_menu li a div div span div{display:none;height:1px;background:white;margin:-30px auto 0}
.head_menu li:hover a div div span div{display:block}
.menu_btn{margin-top: 25px}
.logo{margin-top: 15px}
.menu .in{position:fixed;right:0;top:0;width: 20%;height:auto;background: black;z-index: 99999;padding-bottom: 100px}
.menu .in ul li{clear: both;width: 100%!important;}
#search_div{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0);z-index: 0;border: 0 solid #676665;transition: 2s;text-align: center;}
#search_close{float: right;margin: 30px;display:none;width:20px}
#search_div input{margin-top: 280px;width: 15%;background: none;border-bottom: 1px solid #676665;font-size: 30px;color: #f4f4f4;outline: none;display:none}
#search_btn img{margin-top: 35px}

.menu_box{ width:50%; height:100%; position:fixed; top:0; left:-50%; z-index:999999999; background:#000; overflow-x:auto; transition:.3s;}
.menu_box h2{ width:100%; height:1.2rem; padding:.1rem; background:url(images/top_bg.jpg); margin-bottom:.1rem;}
.menu_box h2 img{ max-width:98%; max-height:98%; }
.menu_box ul li{ }
.menu_box ul li > a{ width:100%; height:.8rem; line-height:.8rem; display:block; color:#fff;  padding: 0 .3rem; font-weight:bold; font-size:.3rem;}
.menu_box ul li .sed{ width:100%; padding-left:.6rem; display:none;}
.menu_box ul li .sed > a{ width:100%; height:.4rem; line-height:.4rem; display:block;font-size:.24rem;color:white}

.menu_box.show{ left:0;}
.menu_yy{ width:100%; height:100%; position:fixed; top:0; left:0; background:#000; opacity:.6; z-index:10; display:none; }

/*开始扒*/
.head_menu li{color:#1f1f1f;font-family:'playfair_regular',sans-serif;height:100%;line-height:90px;float:left;position:relative;/*margin-left:80px;*/text-align:center;width:16.66%;}
.head_menu li:first-child{margin-left:0;}
/*.head_menu li .top_nav_link{display:block;position:relative;width:100%;height:100%;*/
/*    -webkit-perspective: 500px;*/
/*    -moz-perspective: 500px;*/
/*    perspective: 500px;*/
/*}*/
.head_menu li:hover .cube_container{
    -webkit-transform: translateZ(-37px) rotateX(90deg);
    -moz-transform: translateZ(-37px) rotateX(90deg);
    -ms-transform: translateZ(-37px) rotateX(90deg);
    -o-transform: translateZ(-37px) rotateX(90deg);
    transform: translateZ(-37px) rotateX(90deg);
}
.head_menu li:hover .front{opacity:0;}
.head_menu li:hover .backer{opacity:1;}
.cube_container{width:100%;height:100%;position:absolute;top:0;left:0;
    -webkit-transform: translateZ(-37px);
    -moz-transform: translateZ(-37px);
    -ms-transform: translateZ(-37px);
    -o-transform: translateZ(-37px);
    transform: translateZ(-37px);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.cube_container .front{width:100%;height:100%;position:absolute;top:0;left:0;opacity:1;font-family: 'Times New Roman';
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateX(-90deg) translateZ(37px);
    -moz-transform: rotateX(-90deg) translateZ(37px);
    -ms-transform: rotateX(-90deg) translateZ(37px);
    -o-transform: rotateX(-90deg) translateZ(37px);
    transform: rotateX(-90deg) translateZ(37px);
    -webkit-transform: translateZ(37px);
    -moz-transform: translateZ(37px);
    -ms-transform: translateZ(37px);
    -o-transform: translateZ(37px);
    transform: translateZ(37px);
    -webkit-transition: background-color,opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: background-color,opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: background-color,opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: background-color,opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#page_header._with_opacity_bg .cube_container .backer{background-color:rgba(255,255,255,.1)}
.cube_container .backer{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;background-color:rgba(219,235,235,.1);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateX(-90deg) translateZ(37px);
    -moz-transform: rotateX(-90deg) translateZ(37px);
    -ms-transform: rotateX(-90deg) translateZ(37px);
    -o-transform: rotateX(-90deg) translateZ(37px);
    transform: rotateX(-90deg) translateZ(37px);
    -webkit-transition: background-color,opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: background-color,opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: background-color,opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: background-color,opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

._ssssub_nav{position:absolute;top:90px;left:0;width:100%;opacity:0;
    -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    visibility:hidden;
}
._ssssub_nav ._ssssub_nav_item{width:100%;height:45px;background-color:rgba(0,0,0,.6);line-height:45px;text-align:center;color:#fff;position:relative;margin-top:1px;}
#page_header_container._with_opacity_bg ._ssssub_nav ._ssssub_nav_item{background-color:rgba(255,255,255,.7);color:#000;}
._ssssub_nav ._ssssub_nav_item:first-child{margin-top:0;}
._ssssub_nav ._ssssub_nav_item p{position:absolute;top:50%;left:50%;opacity:0;width:100%;font-size:15px;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}
._ssssub_nav ._ssssub_nav_item p:first-child{opacity:1;}
._ssssub_nav ._ssssub_nav_item:hover p._en{opacity:0;cursor:pointer}
._ssssub_nav ._ssssub_nav_item:hover p._cn{opacity:1;cursor:pointer}
.head_menu li:hover ._ssssub_nav{opacity:1;visibility:visible;}


/*扒*/
.title{width:1380px;margin:0 auto 25px}
.title img{float: left;margin-top: 20px;margin-left: 75px}
.title span:nth-child(2){font-size: 50px;color: white;}
.title span:nth-child(3){font-size: 20px;color: white}

.title img{float: left;margin-top: 20px;margin-left: 75px}
.title a{text-decoration:none!important}
.title a span:nth-child(1){font-size: 50px;color: white;font-family: 'Times New Roman'}
.title a span:nth-child(2){font-size: 20px;color: white}

.product_bx{ width:100%; height:auto; margin:0 auto;opacity: 1;transition: 2s!important;position: relative}
.product_bx img{width: 100%;height: 100%;transition: 2s}
.product_bx div{width: 420px;height: 585px}
.product_bx > div > div > div > div{width: 436px!important;height: 585px}
.product_bx li{width: 420px!important;height: 585px;float: left;margin-right: 10px;}
.product_bx .bx-prev{ border:1px solid #bebebe;font-size: 20px;text-align: center;color: #bebebe;border-radius: 5px;margin-left: 92.5%!important;}
.product_bx .bx-next{ border:1px solid #bebebe;font-size: 20px;text-align: center;color: #bebebe;border-radius: 5px}
.bx-wrapper .bx-controls-direction a.disabled{display: block!important;}
.bx-wrapper .bx-controls-direction a{text-indent: 0!important;top:-7%!important;text-decoration: none!important;}
.product_bx .bx-wrapper{width:1330px;max-width: 1330px!important;}
.bx-wrapper .bx-viewport{-webkit-box-shadow: none!important;
    box-shadow:none!important;left:0!important;}
.bx-wrapper{margin-bottom: 0!important;}
.slider1 .slider{transition: 2s!important;margin-top: 180px;overflow: hidden}
.slider2 .slider{transition: 2s!important;overflow: hidden}
.prod_mobile .bx-viewport{min-height: 585px}

.banner_n {
    width: 100%;
    height: 340px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}
.banner_n div{width: 100%;height: 100%;background: rgba(0,0,0,.5);padding-top: 150px;text-align: center}
.banner_n p{font-size: 38px;color: white;margin-bottom: 0}
.banner_n img{margin: 0 auto}

.banner{ width:100%;margin:0 auto;opacity: 1;transition: 2s;position:relative}
.banner3{ width:70%;margin:0 auto;opacity: 1;transition: 2s}
.banner img{width: 100%;}
.banner1 .bx-wrapper .bx-controls{display: none!important;}
.banner2 .bx-wrapper .bx-controls{display: none!important;}
.banner3 .bx-wrapper .bx-prev{display: none!important;}
.banner3 .bx-wrapper .bx-next{display: none!important;}
.banner3 .bx-wrapper .bx-pager{bottom:7%}

.banner div.bx-pager { bottom: 7%; }

.bx-pager-link{width: 15px!important;height: 15px!important;border-radius: 50%!important;border:none!important;background: rgba(255,255,255,.5)}

.banner3{text-align: center;color: #666565;margin-top: 180px;transition: 2s}
.banner3 img{width: 100%;max-height: 980px;transition: 2s}

.show_style img{width:40px}
#show_style:hover #show_sty{display:block!important}
#show_style:hover .show_xhx{display:block!important}
#show_style1:hover .show_xhx1{display:block!important}
.show_style{position:relative}
#show_style1{position:relative}
.show_style > div{display:none;position:absolute;top:66px;left:9%;z-index:9999;}
.show_style > div > ul > li{width:150px;height:50px;background:rgba(0,0,0,.8);color:white;margin-top:1px;font-size:20px;text-align:center;line-height:50px}
.product_div > img{position: absolute;top:0;left: 0;z-index: 10}
.product_div > div{width: 365px;height: 165px;background: white;opacity: .8;position: absolute;z-index: 11;bottom:7px;right:10px;padding: 25px}
.product_div > div > p:nth-child(1){font-size: 20px;color: #7b7b7b;margin: 3px}
.product_div > div > p:nth-child(2){font-size: 14px;color: #7b7b7b;margin-bottom: 20px}
.product_div > div > p > img{width: 25px;height: 25px;float: left;margin: -4px 5px 0}
.product .title img{width:50px}

/*.intro img:hover,.case img:hover,.slider > a img:hover,.pro_xx div img:hover,.e-pro a img:hover{transform: scale(1.2);-ms-transform: scale(1.2);}*/
.intro_box{ width:100%;height: auto;overflow: hidden;padding-top: 45px;}
.intro{ width:100%; margin:0 auto; padding-bottom: 50px}
.intro > a{display: block;border: 1px solid #a1a0a0;border-radius: 50px;font-size: 13px;padding: 10px 30px;margin:0 auto;width: 135px}

.intro_cont > div{width: 100%;height: auto;line-height: 40px;margin-top: 45px;color: #fffefe}
.intro_cont{transition: 2s;margin-top: 180px;text-align: center}
.intro_cont > div p{width: 80%;margin: 0 auto}

.product { width:100%; margin:0 auto;height: auto;overflow: hidden;padding-top: 30px}

.nes_zx{width: 200px!important;height: 45px;margin-left: 50px;}
.nes_zx a{margin-left: 10px;padding: 10px 0 0 0!important;height: 45px!important;font-size: 16px;border-radius: 0!important;background: rgba(0,0,0,.5);color: white;}
.nav .active a{background: rgba(0,0,0,.5)!important;color: white;border: 1px solid white}
.ch_span{display:none}
.en_span{font-family:Calibri}
.intro a:hover{background:rgba(0,0,0,.8)}
.intro a:hover .en_span{display:none}
.intro a:hover .ch_span{display:block}
.ba_menu:hover .en_span{display:none}
.ba_menu:hover .ch_span{display:block}
.banner_fz{position:absolute;z-index:9999;top:40%;left:0;color:white;font-size:60px;font-weight:bold;width:100%;text-align:center}
.banner_fz .ch_span{display:block}

.main{ width:clc(100% - 20px); max-width:1200px; margin:0 auto; position:relative; padding:0 10px;overflow: hidden;clear:both; }
/*.main p{word-break:break-all;}*/

.all_left{ width:20%; float:left;}
.all_right{ width:78%; float:right; margin-top:20px; background:#fff;}


/*��ҳ���*/
.left_list{ width:100%; float:left; margin-top:20px; margin-bottom:20px;}
.left_list strong { background: #333333; color: #fff;    display: block;    font-size: 22px;    height:105px;    overflow: hidden;	text-align:center;    padding-top:40px;}
.left_list strong span { color: #fff; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 16px; font-weight: 100; padding-top: 3px; width:280px;}
.left_list h2 , .left_list .current { vertical-align: middle;	text-align:left;	font-size:14px;	background-color:#e7e7e7;color:#000;margin: 0}
.left_list h2 a , .left_list .current a {padding-left:40px;	height:50px;line-height:50px; font-size:14px; color:#363636; display:block;	border-bottom:1px #FFFFFF solid;}
.left_list .current a{ padding-left:70px;}
.left_list a:hover { font-weight:bold; }
.chlid_column{ display:none;}

/*��ҳ�Ҳ�*/
.right_tit{ width:100%; float:left; line-height:60px; border-bottom:1px solid #000; }
.right_tit h2{float:left; padding-left:30px; width:200px; font-size:16px;}
.right_tit span{padding-right:20px; font-size:14px; float:right}
.right_tit a{ color:#000; }
.right_all{ width:100%; min-height:500px; padding:30px 20px; float:left;}

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

/* ��Ʒ���� */
.prod_info{ width:100%;}
.prod_pic{ width:480px; height:480px; float:left;}
.prod_pic img{ max-width:480px; max-height:480px; border:1px solid #ccc; box-shadow:0 0 10px rgba(0,0,0,.2); }
.prod_con{ width:350px; height:480px; float:right;}
.prod_con h2{ font-weight:bold; font-size:18px; margin-top:30px; line-height:30px;}
.prod_con .price{ font-size:16px; padding:10px 0; font-weight:bold; color:#555}
.prod_con .price span{ color:#F99302; font-size:30px;}

.prod_con .num { height: 50px; line-height: 31px;  padding-top: 12px;}
.prod_con .num dd { display: inline-block; height: 34px; margin-right: 4px;}
.prod_con .num dd.input { background: url("images/productview_49.jpg") no-repeat; width: 59px;}
.prod_con .num dd input { border: 0;  color: #666666; margin-left: 6px;  margin-top: 6px; width: 46px;}
.prod_con .num dl dd span { cursor: pointer; display: block; height: 14px; margin-bottom: 3px; width: 18px;}
.prod_con .num dl dd .up { background: url("images/productview_51.jpg") no-repeat;}
.prod_con .num dl dd .down { background: url("images/productview_54.jpg") no-repeat;}
.prod_con .num dd.kuc { border: 0; color: #626262;}
.prod_con .num dd.kuc em{ font-style:normal;}
.prod_con .xx dl dt { color: #626262; float: left; width: 70px;}
.prod_con .xx dl dd { float: left;}


.buy { height: 60px; margin-top: 110px;}
.buy span { display: inline-block; float: left; height: 33px;}
.buy span.buynow a { background: url("images/buy.jpg") no-repeat; display: inline-block; height: 39px; margin-right: 7px; width: 150px;}
.buy span.addmycart a { background: url("images/addcart.jpg") no-repeat; display: inline-block; height: 39px; margin-right: 7px; width: 150px;}
.e-pro a p{margin: 0;font-weight: bold}
.e-pro{border-bottom: none!important;}
.pro_bg{position: fixed;width: 100%;height: 100%;display: none;z-index: 9999;transition: 2s;text-align: left;top:0;left:0;background: rgba(0,0,0,.5);}


.pro_xx{width: 34%;max-width:660px;height: 900px;background: white;display: none;padding: 5px;z-index: 99998;position: relative;margin: 20px auto}
.pro_img{width: 100%;max-height: 815px;overflow: hidden;margin-bottom: 10px;text-align:center}
.pro_img img{height: 100%;transition: 2s}

.case_xx{width: 65%;height: auto;background: white;display: none;padding: 10px;z-index: 99998;position: fixed;top:10%;left:17.5%}
.case_img{width: 100%;height: auto;overflow: hidden;margin-bottom: 10px;}
.case_img img{width: 100%;height: auto;transition: 2s}
.div_z{position:absolute;z-index:99999;left:2%;top:40%;width:50px;height:50px;border-radius:50%;background:rgba(0,0,0,.3);text-align:center;padding:10px;display:none}
.div_y{position:absolute;z-index:99999;right:2%;top:40%;width:50px;height:50px;border-radius:50%;background:rgba(0,0,0,.3);text-align:center;padding:10px;display:none}
.qh_z{width:30px;}
.qh_y{width:30px;}
.case_xx:hover .div_z{display:block}
.case_xx:hover .div_y{display:block}
.pro_xx:hover .div_z{display:block}
.pro_xx:hover .div_y{display:block}

.qh_z:hover{border-bottom:1px solid white;cursor:pointer}
.qh_y:hover{border-bottom:1px solid white;cursor:pointer}
.prod_content{ margin-top:30px; min-height:300px; }

@media (min-width: 1921px) {
	.pro_xx{height:1135px}
	.pro_img{max-height:1040px}
}

/*��������*/
.about{ width:100%; line-height:35px;}

/*����*/
.newslist{width:100%;min-height: 500px;border-top: 1px solid #dadada;margin-top: 20px;padding-top: 30px}
.newslist ul li{width:32%; float:left; border-bottom:1px #dadada dashed; line-height:40px;}
.newslist ul li img{width:100%;transition: 2s}
.newslist ul li span{width:100px; float:right; text-align:right}
.new_fen{height: 2px;width: 100%;background: black;margin: 15px auto}

.newstitle {
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	color: #333;
	line-height: 30px;
	width: 100%
}
.newssubtitle {
	text-align: center;
	line-height: 60px;
	font-size: 14px;
	width: 100%
}
.newssubtitle span {
	width: 100%
}
.newsx {
	line-height: 40px;
	width: 100%;
	margin-top: 5px;
}

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

/* ��Ʒ�б� */
ul.piclist li{ margin:20px 1.6% 0; float:left; width:30%;}
ul.piclist li a.pic{ width:100%; height:250px; overflow:hidden; text-align:center; display:block;}
ul.piclist li a.pic img{ max-width:100%; max-height:100%; border:1px solid #999; transition:.3s;}
ul.piclist li a.txt{ width:100%; height:30px; line-height:30px; display:block; text-align:center; font-size:16px; color:#333}
ul.piclist li a.txt:hover{ text-decoration:none}
ul.piclist li p.price{ color:red; text-align:center; line-height:15px; }


/* �������б� */
.forumlist{ width:100%; }
.forumlist li{ width:49%; float:left; padding:10px; border:1px solid #ccc; border-radius:10px; margin-bottom:20px;}
.forumlist li:nth-child(2n){ float:right;}
.forumlist li:hover{ border-color:#000;}
.forumlist li h2{ line-height:35px; font-size:16px; color:#6E3900; font-weight:bold;}
.forumlist li h2 b{float:right; font-weight:normal; color:#444; font-size:14px; }
.forumlist li .con{ width:100%; height:40px; line-height:20px; overflow:hidden; color:#888; padding:0 10px; }

.forumreplist{ width:100%; }
.forumreplist li{ width:100%; padding:10px; border:1px solid #ccc; border-radius:10px; margin-top:20px;}
.forumreplist li h2{ line-height:35px; font-size:14px; color:#6E3900; font-weight:bold;}
.forumreplist li h2 b{ font-weight:normal; color:#444; font-size:14px; }
.forumreplist li .con{ width:100%;  line-height:20px; overflow:hidden; color:#000; font-size:16px; }

.forum_info{ width:100%; }
.forum_info h2{ text-align:center; padding-bottom:15px;}
.forum_info .con{ line-height:25px; color:#333; font-size:14px;}


/** �ײ� */
.bottom_box{ width:100%;z-index:12;position:relative;height: auto;border-top: 1px solid #999999;background: #333333;color: white}
.bottom_box p{margin: 0;line-height: 30px}
.bottom_box p img{width: 25px;margin-top: -3px}
/*.bottom{ width:80%; height:200px; margin:0 auto; background:url(images/logobottom.png) no-repeat 30px 40px; position:relative;}*/


.bottom_menu > li{ float: left;text-align: center;font-size: 18px;line-height: 30px;;height: 140px; padding-top: 45px}
.bottom_menu a{ color:#fff; font-size:16px; }
.beian{background:#333333;border-top:1px solid #999999;color:white;text-align:center;min-height:120px;line-height:1;}
.beian p a{z-index:99999;position:relative}



/*.bottom_contact{ width:50%; height:auto; position:absolute; left:235px; bottom:35px; color:#fff;line-height: 30px;text-align: left}*/
/*.bottom_contact p{ font-size:16px;color: #b7b7b7;margin: 0}*/
/*.bottom_contact img{float: left;margin-top: 0px}*/
/*.bottom_addr{width: 500px;float: right;text-align: right;font-size: 16px;margin-top: 30px;line-height: 30px;color: #b7b7b7}*/

@media (max-width: 768px) {
    .menu_header{width: 100%;background:url(/public/static/index/images/logo_bg.png);height: .9rem;margin-bottom: .5rem;z-index: 99999;position: fixed;top: 0;left:0;margin-left: 0!important;margin-right: 0!important;}
    .menu_header .menu{ width:100%;font-size:.2rem; margin: 0 auto;height: .89rem;position: relative}
    .menu_header .menu div > ul > li{ width:16.5%; float:left;height: .9rem; text-align:center; font-size: .2rem;color: white;list-style-type:none;position: relative;}
    .menu_header .menu div > ul > li a{ font-size: .24rem;color: white;}
    .menu_header .menu div > ul{float: left;width: 100%;margin: 0px;list-style-type:square!important;opacity: 1;transition: 2s}
    .menu_header .menu div > ul > li > ul{position: absolute;transition: .5s;z-index: 999;width: 100%;background-color: white;top:.6rem;left: 0px;height: 0px;overflow: hidden}
    .menu_header .menu div > ul > li > ul > li > a{color:black;}

    .menu_btn{margin-top: .2rem!important;}
    .logo{width: .9rem;margin-top: .15rem}
    #search_btn img{margin-top: .25rem}
    .navbar-toggle{padding: .05rem .1rem!important;}
    #search_div{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0);z-index: 0;border: 0 solid #676665;transition: 2s;text-align: center;}
    #search_close{float: right;margin: .3rem;display:none;}
    #search_div input{margin-top: 30%;width: 90%;background: none;border-bottom: 1px solid #676665;font-size: .8rem;color: #f4f4f4;outline: none;display:none}
	.banner_fz{font-size:.3rem}
    .banner_n {
        width: 100%;
        height: 3.4rem;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
    }
    .banner_n div{width: 100%;height: 100%;background: rgba(0,0,0,.5);padding-top: 1.5rem;text-align: center}
    .banner_n p{font-size: .4rem;color: white;margin-bottom: 0}
    .banner_n img{margin: 0 auto}
	.banner3{text-align: center;color: #666565;margin-top: 0;transition: 2s}
	.banner1{width:70%!important;margin:0 auto}
	.intro_cont > div{line-height: .4rem;}
	.intro > a {
		margin-top:.3rem!important
	}
    .case_tit{
        font-size: 14px!important;
        line-height: 15px!important;
    }
	.new_fen{margin: .2rem auto}
    .title{width:7.5rem;margin:0 auto .25rem}
    .title img{float: left;margin-top: .2rem;margin-left: .35rem;width: .4rem!important}
    .title span:nth-child(2){font-size: .5rem;color: white;font-family: 'Times New Roman'}
    .title span:nth-child(3){font-size: .2rem;color: white}
	.title a span:nth-child(1){font-size:.5rem}

	.bx-next{width: .5rem!important;height: .5rem!important;padding-left: .15rem!important;padding-top: .05rem!important;}
	.bx-prev{width: .5rem!important;height: .5rem!important;padding-left: .10rem!important;padding-top: .05rem!important;}
    .bx-next img{width:.25rem!important;height: .4rem!important;}
    .bx-prev img{width:.25rem!important;height: .4rem!important;}
    .bx-pager-link{width: .15rem!important;height: .15rem!important;}

	.qh_z{width:.6rem}
	.qh_y{width:.6rem}

	.e-pro{margin-bottom:.2rem!important;}
	.e_pro a div{max-height:3.75rem!important}
	.newslist ul li p{font-weight:normal;color:#2d2d2d;font-size:.16rem;line-height:.3rem}
	.case_xx{top:35%;padding:.1rem;width: 95%;left: 2.5%;}

    .pro_bg{position: fixed;width: 100%;height: 100%;display: none;z-index: 9999;transition: 2s;text-align: left;top:0;left:0;background: rgba(0,0,0,.5);padding: 8% 10%}
	.pro_bg div span{font-size:.2rem;line-height:.2rem;width:2rem!important}
    .pro_xx{width: 7.2rem;
		max-width:7.2rem;
        height: 11.5rem;
        background: white;
        display: none;
        padding: .1rem;
        z-index: 99999;
        position: fixed;
        /*top: 16%;*/
        left: 2%;
		margin-top:.5rem!important
    }
    .pro_img{width: 7rem;height: 10rem;overflow: hidden;margin-bottom: .1rem;}
    /*.pro_img img{width: 100%;height: 100%;transition: 2s}*/
	.div_z{display:block;width:.5rem;height:.5rem;padding:.05rem}
	.div_y{display:block;width:.5rem;height:.5rem;padding:.05rem}
	.qh_z{width:.3rem;}
	.qh_y{width:.3rem;}

    .newslist ul li img{
        width: 100%;
        transition: 2s;
    }
    .intro_cont{margin-top: 0}
    .intro_box{ width:100%;height: auto;overflow: hidden;padding-top: 0;}
    .bottom_menu{width: 95%;margin: 0 auto!important;height: auto;border-right: none}
    .bottom_menu > li{ float: left;text-align: center;font-size: .2rem;line-height: .8rem;padding-left:15px!important;height: .8rem;border-bottom: 1px solid white;border-right: none!important;}
    .bottom_menu > li ul{display: none}
    .bottom_menu > li a img{display: none}
	.bottom_box div:nth-child(1){padding:0!important}

    .bottom_cont{text-align: center;padding-left: 15px!important;}
    .bottom_cont img{margin: 0 auto!important;float: none!important;}
    .bottom_cont div{margin: .2rem auto 0!important;float: none!important;}
	.contact{text-align:center}
	.contact div{width:100%}
	.beian p{font-size:.1rem}
	.beian{height:1.5rem!important;min-height:1.5rem!important;padding-top:.4rem!important}
}

@media (min-width: 768px) {
    .bottom_menu > li{
        border-bottom: none!important;
    }
	.pro_img img{width: 100%;height: auto;transition: 2s}
	.e-pro a p span{width:150px!important}
}

/* ��ҳCSS */
.pg {
    margin: 20px 0;
    text-align: center;
    width: 100%;
	color:#595555;
}
.pg span {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    color: #999999;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: 0 3px;
    padding: 0 10px;
    text-align: center;
}
.pg a {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    color: #000 !important;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: 0 3px;
    padding: 0 10px;
    text-decoration: none;
}








/** ��¼ҳ start */
.login_content { margin: 47px auto 0; padding-bottom: 180px; width: 1019px;}
.login_top { background: url("images/login_03.jpg") no-repeat; height: 20px;}
.login_c { color: #333; height: 583px; padding: 50px 0; border:1px solid #ccc; box-shadow:0 0 10px #ddd; }
.login_c .title { color: #333333; font-size: 14px; font-weight: bold; height: 130px; margin-left: 104px; padding-top: 90px;}
.login_c .formlist dl dd { width: 230px;}
.login_c .formlist dl dd input { width: 228px;}
.login_c .remember { color: #666; padding-left: 160px;}
.login_c .submit { font-size: 0; height: 41px; width: 151px;}
.login_cleft { width: 510px;}
.login_cleft .title { background: url("images/login_11.jpg") no-repeat;}
.login_cleft .formlist {margin-bottom: 28px; padding-left: 50px;}
.login_cleft .submit { background: url("images/login_31.png") no-repeat; margin-left: 160px; margin-top: 30px; border:0;}
.formlist dl { height: 46px; line-height: 46px; margin: 8px 0;}
.formlist dl dt { color: #000000; float: left; font-size: 14px; height: 46px; line-height: 46px; text-align: right; width: 110px;}
.formlist dl dd { float: left; height: 26px; width: 600px;}
.formlist dl dd span { display: inline-block;}
.formlist dl dd span input, .formlist dl dd select  { border: 1px solid #dedfde; color: #777777; height: 30px; line-height: 30px;  padding: 1px 3px;}

.formlist dl dd span textarea { border: 1px solid #dedfde; color: #777777;}


.login_cbo { border-left: 1px solid #d8d8d8; height: 325px; margin-top: 73px; width: 2px;}
.login_cright { width: 490px;}
.login_cright .title { background: url("images/login_13.jpg") no-repeat;}
.login_cright .type { padding-bottom: 10px; padding-left: 95px;}
.login_cright .type span { font-size: 14px;}
.login_cright .formlist {padding-left: 54px;}
.login_cright .formlist dl { padding: 6px 0;}
.login_cright .submit { background: url("images/login_28.png") no-repeat; margin-bottom: 10px; margin-top: 30px; border:0;}

.login_bottom { background: url("images/login_35.jpg") no-repeat; height: 16px;}


.btn_bac { background: url("images/userorder_19.png"); color: #fff; cursor: pointer; display: inline-block; font-family: "Microsoft Yahei",sans-serif; font-size: 14px; height: 34px; line-height: 34px; width: 125px;}


.u_edit { color: #777777; padding-left: 150px; padding-top: 30px;}
.u_edit .formlist dl dd .grade { padding-top: 2px;}
.u_edit .formlist dl dd .grade ul li { float: left; height: 20px; line-height: 20px; margin-right: 2px; text-align: center; width: 56px;}
.u_edit .formlist dl dd .grade ul li.grade_1 { background-color: #f0efef;}
.u_edit .formlist dl dd .grade ul li.grade_2 { background-color: #ecebeb;}
.u_edit .formlist dl dd .grade ul li.grade_3 { background-color: #d6d6d6;}
/** ��¼ҳ end */






/** ���ﳵ start */
.ordercon { margin: auto; width: 1000px;}
.order_l_right { color: #b1adaf; margin-top: 49px; padding-top: 51px; text-align: right; width: 691px;}
.order_l_r1 { background: url("images/order1_zt1.jpg") no-repeat left top; margin-bottom: 20px;}
.nullcart { width:650px; height: 44px; line-height:44px; font-size:24px; font-weight:bold; padding-left:57px; background:url('images/nullcart.jpg') no-repeat 0 center; float:right; margin-bottom:30px;}
.nullcart a{ color:#FF8D00;}



.order_listdh { background: url("images/order1_20.jpg") no-repeat center top;}
.order_listdh th { height: 32px; line-height: 32px;}
.order_listdh td { text-align: center;}
.order_listdh tr#olist td#olist-zero { border-bottom: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; vertical-align: top;}
.order_listdh tr#olist td#olist-second, .order_listdh tr#olist td#olist-first { border-bottom: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6;}
.order_list { border-left: 1px solid #e5e5e5; width: 100%;}
.order_list tr td { padding: 10px 0;}
.order_list .title { color: #666666;}
.order_num { border: 1px solid #dcd9da; display: inline-block;}
.order_num a { cursor: pointer;display: inline-block; float: left;height: 22px; width: 23px;}
.order_num .down { background: url("images/order1_24.jpg") no-repeat;}
.order_num input { color: #999999; float: left; height: 21px; text-align: center;width: 24px;}
.order_num .up { background: url("images/order1_26.jpg") no-repeat;}
.order_listdh tr#olist td#olist-second a { display: block; padding: 1px 0;}

.order_buyinfo { background-color: #f6f6f6; border-bottom: 1px solid #e6e6e6; border-top: medium none; height: 180px; margin-bottom: 48px; padding: 16px;}
.order_buyinfo .obi_left { width: 649px;}
.obi_left .delall { color: #666666; padding-top: 6px; width: 153px;}
div.ordercon div.delall span { float: left;}
.obi_left .delall a { color: #0162bd; margin-left: 3px;}
.obi_right { color: #333333; line-height: 22px; text-align: center; width: 303px;}
.obi_right .bottombo { border-bottom: 1px solid #dcdcdc;  margin-bottom: 10px; padding-bottom: 10px;}
.obi_right .button { margin-top: 30px;}
.obi_right .button .gouwu {background: url("images/order1_39.png") no-repeat; display: inline-block;  height: 41px; width: 151px;}
.obi_right .button .jiesuan { background: url("images/order1_41.png") no-repeat; cursor: pointer; font-size: 0; height: 41px; width: 151px;}

.order_l_right { color: #b1adaf; margin-top: 49px; padding-top: 51px; text-align: right; width: 691px;}
.order_l_r2 {  background: url("images/order1_zt2.jpg") no-repeat left top;}
.backcart { padding-bottom:15px; text-align: right;}
.backcart a { background-color: #454545; color: #fff; display: inline-block; height: 35px; line-height: 35px; margin-top: 13px; text-align: center; width: 150px;}


.order2_listdh { background:url("images/order1_20.jpg") no-repeat;color: #838383; font-weight: bold; height: 32px; line-height: 32px; padding-left: 27px;}
.border-right { border-right: 1px solid #e5e5e5;}
.order_list { border-left: 1px solid #e5e5e5; width: 100%;}
.order_list .title { color: #666666;}
.order2_tb1 { padding-bottom: 13px;  width: 972px; margin: auto;}
.order2_tb1 .title { color: #333333; font-size: 14px; font-weight: bold; height: 44px; line-height: 32px; padding-left: 12px; padding-top: 12px;}
.order2_tb1 tr { background: #f5f5f5; border-bottom: 1px solid #fff;}
.order2_tb1 a { color: #0162bd;}


.newadd { background: url("images/dian.jpg") repeat-x center top; height: 32px; line-height: 32px; margin: 10px auto 0; width: 98%;}
.order_formlist dl { height: 30px; line-height:30px; margin: 8px 0}
.order_formlist dl dt { float: left; height: 30px; line-height: 30px; padding-right: 12px; text-align: right; width:90px;}
.order_formlist dl dd { display: inline-block; float: left; height: 20px;}
.order_formlist dl dd span {  display: inline-block;}
.order_formlist dl dd span input  , .order_formlist dl dd select{ border: 1px solid #dedfde;  color: #777777; height:30px; line-height:30px;}
.redinput { background: url("images/redinput.png") no-repeat; color: #fff; cursor: pointer; display: inline-block; height: 33px; text-align: center; width: 146px;}
.privilege { margin-left: 5px;}
table#paymethod td { padding-left: 5px; padding-right: 5px;}
.order2_tb1 .tb2 { text-align: center;}
table.tb2 td { border-bottom: 1px solid #fff; padding: 0;}
table.tb2 td.padding10 { padding: 10px 0;}

div.sontable1 { float: left; padding-left: 30px;}
div.sontable2 { float: left; padding-left: 15px; text-align: left;}
div.sontable2 p { line-height: 25px;}
.order2_tb1 a { color: #0162bd;}


.order2_tb2 { margin-top: 15px;}
.order2_tb2 .obi_right { width: 230px;}
#order2 th { text-align: right; width: 120px; background:#fff;}
#order2 td { text-align: left; width: 120px; font-size:14px; background:#fff;}
.obi_right .price { color: #bc181f; font-family: Verdana,Geneva,sans-serif; font-size: 18px; font-weight: bold;}

.order_buyinfo {background-color: #f6f6f6;border-bottom: 1px solid #e6e6e6; border-top: medium none; height: 180px; margin-bottom: 48px; padding: 16px;}

.tjcart { color: #a9a9a9;}
.tjcart input { background: url("images/tjcart.png") no-repeat; font-size: 0; height: 44px; width: 154px;}




/* ���ﳵ end */


/** ����֧�� start */
.payfinish { margin: 0 auto; padding: 0px 0 110px; width: 1000px;}
.payfinish .order_finish { height: 43px;}
.payfinish .order-info { border-bottom: 1px solid #e6e6e6; line-height: 28px; margin-top: 74px; padding-bottom: 6px;}
.payfinish span.order { color: #8d8d8d; float: left; font-size: 14px; padding-left: 24px;}
.payfinish span.order-prices { color: #8d8d8d; float: right; font-size: 14px; margin-right: 31px;}
.payfinish span.order-prices em { color: #f98002; font-size: 22px; font-style: normal; font-weight: bold;}
div.show-order { padding-bottom: 20px;}
div.show-order a { background: #f39800; color: #ffffff; display: inline-block; float: right; height: 24px; line-height: 24px; margin-right: 31px; text-align: center; text-decoration: none; width: 119px;}
div.show-order-info { color: #8d8d8d;  display: none;  padding-bottom: 10px;}
div.show-order-info p { padding: 2px 0;}
.ordercon .order_listdh { height: 32px; width: 100%;}
div.paymethod { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color #e6e6e6 #e6e6e6; border-image: none; border-style: none solid solid; border-width: medium 1px 1px; margin: 0 auto; padding: 52px 70px 55px; width: 858px;}
div.paymethod .bg {  background: #f6f6f6; padding: 15px;}
div.paymethod .bg table td { height: 60px; line-height: 60px; text-align: center; width: 30px;}
/** ����֧�� end */