@import url(anim.css);
/* 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, img, button{margin:0; padding:0;border:0;}
body{font-size:12px;position:relative;*overflow-x:hidden; font-family: "微软雅黑","Microsoft YaHei", "Arial", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";color:#333;}
table{border-collapse:collapse; border-spacing:0;}
ol, ul, li{ list-style:none;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
/*h1{font-size:28px;}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}*/
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
a{text-decoration:none;color:#333;-webkit-tap-highlight-color:transparent;} 
a:hover{color:#333;text-decoration:none;} 
/*a:visited {color:#333;}
a:active {color:#333;}*/
a:focus{outline:0px dotted;}
a:focus, input:focus{ -moz-outline-style: none; } 
::selection { background:#B50000; color:#fff; } ::-moz-selection { background:#B50000; color:#fff;  } ::-webkit-selection { background:#B50000; color:#fff;  }
.wrap{ width:96%; margin:0 auto; max-width:1200px;}
.divhidden{ display:none;}
.l{ float:left;}
.r{ float:right;}
.c_l{ clear:both; font-size:0;  height:0; overflow:hidden;}

/* Font 文字排版 */
.f10{font-size:10px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f26{font-size:26px;}
.f28{font-size:28px;}
.f30{font-size:30px;}
.f38{font-size:38px;}
.fb{ font-weight:bold;}
.fn{ font-weight:normal;}
.lh150{ line-height:150%;}
.lh180{ line-height:180%;}
.lh200{ line-height:200%;}
.unl{ text-decoration:underline;}
.no-unl{ text-decoration:none;}
.fred { color:#c80000}
.fyellow { color:#fff600;}
.cheng {color:#ff8a00 !important;}
.cheng:hover {color:#ff8a00 !important; text-decoration:underline}
.fbule {color:#007bc8;}
.fgray { color:#6a6a6a;}
.fwhite { color:#FFF;}
.dxzm { text-transform:uppercase;}
.border1{ border:#999 1px solid;}
.border2{ border-left:#ccc 1px solid;}
.border3{ border-bottom:#ccc 1px solid;}
.border4{ border-top:#ccc 1px solid;}
.border5{ border:#333 1px solid;}
.border6{ border:#ccc 1px solid;}
.border7{ border-right:#ccc 1px solid;}
.border8{ border-left:#ff8a00 3px solid;}
.border9 {border-left:#ccc 1px solid;border-top:#ccc 1px solid;border-right:#ccc 1px solid;}
.border0{ border-bottom:#666 1px solid;}
.fsonti { font-family:"宋体"}




/* 定位 */
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.bc{margin-left:auto; margin-right:auto;}
.fl{ float:left;display:inline}
.fr{ float:right;display:inline;}
.clear{clear:both;}
.clear-l{clear:left;}
.clear-r{clear:right;}
/*.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block}*/
/** html .clearfix{height:1%;}. Clearfix{ display:block;}*/
.vm{vertical-align:middle;}
.pr{position:relative;}
.pa{position:absolute;}
.pn{position:static;}
.abs-right{}
.zoom{zoom:1;}
.hidden{visibility:hidden;}
.none{display:none;}
.block{display:block;}
.in_block{display:inline-block;}
.v_top{ vertical-align:top;}
.v_mid{ vertical-align:middle;}
.text_ind20{ text-indent:2em;}
.ov_hid{ overflow:hidden}
.one_lin{ height:20px;line-height:20px;overflow:hidden;display:inline-block;}
.two_lin{ height:40px;line-height:40px;overflow:hidden;display:inline-block;}
.nowrap{white-space: nowrap;}


/* Width & Height */
.w20{width:20px;}
.w30{width:30px;}
.w50{width:50px;}
.w60{width:60px;}
.w65{width:65px;}
.w70{width:70px;}
.w80{width:80px;}
.w85{width:85px;}
.w90{width:90px;}
.w95{width:95px;}
.w100{width:100px;}
.w110{width:110px;}
.w120{width:120px;}
.w140{width:140px;}
.w150{width:150px;}
.w190{width:190px;}
.w200{width:200px;}
.w250{width:250px;}
.w300{width:300px;}
.w350{width:350px;}
.w400{width:400px;}
.w450{width:450px;}
.w500{width:500px;}
.w600{width:600px;}
.w640{width:640px;}
.w700{width:700px;}
.w740{width:740px;}
.w770{width:770px;}
.w800{width:800px;}
.w950{width:950px;}
.w1000{width:1000px;}
.w980{width:980px;}
.w1000{width:1000px;}
.w{width:100%;}
.h{height:100%;}
.h18{height:18px;}
.h20{height:20px;}
.h30{height:30px;}
.h40{height:40px;}
.h50{height:50px;}
.h70{height:70px;}
.h80{height:80px;}
.h100{height:100px;}
.h200{height:200px;}

/* 边距 */
.m5{margin:5px}
.m10{margin:10px}
.m15{margin:15px}
.m30{margin:30px}
.mt-1{margin-top:-1px}
.mt-5{margin-top:-5px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mt50{margin-top:50px}
.mt90{margin-top:90px}
.mt100{margin-top:100px}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}
.mb100{margin-bottom:100px;}
.ml-1{ margin-left:-1px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml50{margin-left:50px;}
.ml100{margin-left:100px;}
.ml150{margin-left:150px;}
.mr5{margin-right:5px;}
.mr8{margin-right:8px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr50{margin-right:50px;}
.mr100{margin-right:100px;}
.mauto { margin:auto}


.p0{ padding:0px;}
.p5{ padding:5px;}
.p10{padding:10px}
.p15{padding:15px}
.p20{padding:20px}
.p30{padding:30px}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pt40{padding-top:40px}
.pt50{padding-top:50px}
.pt90{padding-top:90px}
.pt100{padding-top:100px}
.pb5{padding-bottom:5px;}
.pb8{padding-bottom:8px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px}
.pb50{padding-bottom:50px;}
.pb100{padding-bottom:100px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}
.pl80{padding-left:80px;}
.pl100{padding-left:100px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr50{padding-right:50px;}
.pr100{padding-right:100px;}



/* 圆角 */    
.br10{-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius:10px; position:relative; z-index:1;}  
.br20{-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius:20px; position:relative; z-index:1;}  
.br50{-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius:50px; position:relative; z-index:1;}  
.br100{-moz-border-radius: 100px;-webkit-border-radius: 100px;border-radius:100px; position:relative; z-index:1;} 




/* 页尾 */ 
.f_bg{ background-color:#eaeaea; overflow:hidden; padding-top:2%; padding-bottom:2%; color:#666666;font-size:18px; line-height:30px;}
.f_bg .wrap{ text-align:center;}
.f_bg a{ color:#666666;}
.foot_a{ line-height:22px; font-size:12px; overflow:hidden; text-align:center; margin-top:2%;}
.foot_a ul{ margin-top:7px;}
.foot_a ul li{ display:inline-block;width:30px; height:30px; margin-right:8px; vertical-align:top;}
.foot_a ul li a{ display:block; width:100%; height:100%;}
.foot_a ul li a:hover{transition:all 0.3s;filter: Alpha(Opacity=60);opacity: 0.6;}
.foot_a ul li.weixin a{ background:url(../images/foot_pic5.png) no-repeat;}
.foot_a ul li.weixin a:hover{filter: Alpha(Opacity=100);opacity: 1.0;}
.foot_a ul li.weixin .wem1{width: 203px; display: none;text-align: center; padding-top: 20px; padding-bottom:20px; position: absolute; margin-left:-86px;margin-top: -203px; background-image: url(../images/ewm.png);background-repeat: no-repeat;}
.foot_a ul li.weixin .wem1 img{ width:155px; height:155px; margin-right:5px;}
.foot_a ul li.weixin a:hover .wem1{ display:block;}
.foot_a ul li.qq a{ background:url(../images/foot_pic7.png) no-repeat;}
.foot_a ul li.sinna a{ background:url(../images/foot_pic6.png) no-repeat;}

.f_txt{line-height:30px; overflow:hidden;color:#666666; font-size:18px; text-align:center; padding-top:2%; padding-bottom:2%; border-top:1px solid #eee;}

.i_blank{ height:60px; overflow:hidden;}
.foot_div{ height:60px; width:100%; position:fixed; bottom:0;/* background:url(../images/foot_bg70.png) repeat;*/ background-color:#0652a2;z-index:2; font-size:14px; border-top:1px solid #0652a2;}
.foot_div.bgs2{ background:#f1f1f1;z-index:3; border-top:1px solid #d8d8d8;}
.foot_div.bgs3{background:url(../images/foot2_bg70.png) repeat;}
.foot_div.bgs4{ background:#f1f1f1;}
.foot_div ul li a{ display:block; width:100%; height:100%; color:#fff;}
.foot_div ul li{ width:25%; text-align:center; float:left; position:relative; height:60px;background:url(../images/i_bg11.png) right center repeat-y;}
.foot_div ul li:last-child{ background:none;}
.foot_div ul li img{ display:block; height:22px; margin:0 auto; margin-top:8px; margin-bottom:5px;}
.foot_div ul li p{ background:url(../images/foot_pic4.png) right 98% no-repeat; height:62px; padding-bottom:50px; position:absolute; bottom:0; width:50%; margin-left:25%; cursor:pointer; height:0;}
.foot_div ul li p a{ width:100%;line-height:30px; height:30px; overflow:hidden; margin-bottom:1px; background:url(../images/foot_bg60.png) repeat; font-size:14px; display:none;}


.gotop{ position:fixed; bottom:12%; right:1%; width:39px; height:39px; background:url(../images/gotop.png) no-repeat; background-size:100% 100%;
-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;
}
.gotop:hover{-webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg); cursor:pointer; transform:rotate(360deg);}
/*.gotop:hover{-webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg); cursor:pointer; transform:rotate(360deg);}*/

.carts{ position:fixed; bottom:5%; right:2%; width:53px; height:53px; background:url(../images/right_pic4.png) no-repeat; background-size:100% 100%;}
.carts em{ width:22px; height:22px; border-radius:50%; background-color:#e8342f; color:#fff; line-height:22px; font-size:13px; text-align:center; margin-top:-5%; margin-right:-3%; display:block; float:right; font-style:normal;}

.right_a{position:fixed; top:18%; right:2%;}
.right_a a{width:53px; height:53px; display:block; margin-bottom:10px;}
.right_a .bgs1{background:url(../images/right_pic1.png) no-repeat; background-size:100% 100%;}
.right_a .bgs2{background:url(../images/right_pic2.png) no-repeat; background-size:100% 100%;}
.right_a .bgs3{background:url(../images/right_pic3.png) no-repeat; background-size:100% 100%;}

/*弹出表单*/
.yuyue_bgs{z-index: 19891024;background-color: #000;opacity: 0.3; width:100%; height:100%; position:fixed; left:0; top:0; display:none;}
.layui-layer{z-index: 19891025; /*width: 600px; height: 360px;*/ width:0; height:0; /*top: 157.5px;*/  left: 50%;/* margin-left:-300px; */position:fixed; background-color:#edebeb;  border-radius:6px; overflow:hidden;}
.layui-layer.showdiv{ width:96%;max-width:660px; height:440px; margin-left:-330px;top:157.5px;transition:all 0.3s;}
.layui-layer-title {height: 42px; line-height: 42px;border-bottom: 1px solid #eee; font-size: 24px; color: #333333; overflow: hidden; border-radius: 6px 6px 0 0; text-align:left; margin-left:3%; margin-top:10px;}
.layui-layer-page .layui-layer-content{position: relative; overflow:hidden;}
.layui-layer .normal{ border:1px solid #dcdcdc;border-radius: 6px; height:33px; line-height:33px; padding:1%; text-indent:1%; width:98%; outline:none; color:#999999; font-size:14px;font-family:'微软雅黑'; margin-bottom:10px;}
.layui-layer-setwin { position: absolute; right: 15px; top: 0px;  font-size: 0; line-height: initial;}
.layui-layer-setwin a{ color:#666666; font-size:26px;}
.layui-layer .aap_p{ font-size:18px;color:#333333; }
.layui-layer .aap_p a{ font-size:18px; color:#bf0304;}
.layui-layer table td{font-size:14px;color:#333333; }
.layui-layer table td:nth-child(2){ text-align:left;}
.layui-layer .input{-webkit-appearance: none;width: 140px;height: 50px;display: block;background:#0652a2;border-radius: 6px;outline:none;color: #fff;font-size: 18px;text-align: center;line-height:50px; cursor:pointer; font-family:'微软雅黑'; margin-top:15px;}
.layui-layer .input:hover{filter:alpha(opacity=80);opacity:0.8;transition:all 0.3s;}
.layui-layer .normal2{ border:1px solid #dcdcdc;border-radius: 6px; height:96px; line-height:20px; padding:1%; width:97%; padding-left:2%;color:#999999; font-size:14px; outline:none;font-family:'微软雅黑';}
@media screen and (max-width: 780px) {
/*弹出表单*/
.layui-layer.showdiv{ max-width:none; margin-left:-48%; height:410px;top:115px;}
.layui-layer-title{ font-size:20px;}
.layui-layer .input{ height:40px; line-height:40px;}
.f30{font-size:22px;}
.f26{font-size:20px;}
.f20{font-size:16px;}
}
/*字体*/
@media screen and (max-width: 640px){
/* 页尾 */
.f_bg{ font-size:14px; line-height:24px;}
.f_txt{font-size:14px; line-height:24px; padding-top:3%; padding-bottom:3%;}
/*.gotop{ width:45px; height:69px;}*/
.f30{ font-size:20px;}
.f26{font-size:18px;}
.f22{font-size:17px;}
.f20{font-size:16px;}
.f18{font-size:14px;}
}
@media screen and (max-width: 480px){
.f30{ font-size:18px;}
.f26{font-size:17px;}
.f22{font-size:16px;}
.f20{font-size:14px;}
.f18{font-size:13px;}
/* 页尾 */ 
.f_bg{ font-size:12px; line-height:18px; }
.f_txt{font-size:12px; line-height:18px; }
}
@media screen and (max-width: 360px){
.f30{ font-size:18px;}
.f22{font-size:14px;}
.f20{font-size:14px;}
.f18{font-size:12px;}
}