.l{ float:left;}
.r{float:right;}
.m_t{ margin-top:9px;}
.m_t17{ margin-top:17px;}
.m_t20{ margin-top:20px;}
.c_l{ clear:both; height:0px; font-size:0px; overflow:hidden;}
.margin_top{ margin-top:-500px;}
/*
 1.头部
*/
.b_center{ margin:0 auto; }
.h100{ height:100px; font-size:0; overflow:hidden;}
.top_bg{ width:100%; text-align:center;  height:100px;/* position:fixed;*/ top:0; left:0; z-index:99;transition:all 0.3s; background:url(../images/top_bg1.png) repeat; }
.top_bg.bgs2{background:#ffffff;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15); }
.tpos .top_bg{ height:80px;/* background:#0a0a0a;*/}
.search{ width:290px; float:right; height:40px; text-align:left; overflow:hidden; background-color:#8f7306;}
.search .input_shurk{ float:left;width:248px; height:40px; line-height:40px; background:none;border:none;outline:medium; color:#fff; font-size:14px; text-indent:15px; }
.search .s_btns{ float:left; width:42px; height:40px; border:none;background:url(../images/search_bg.png) center center no-repeat; cursor:pointer; outline:none;}
.search .s_btns:hover{transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);}
.top_tel{ float:right; padding-left:26px; line-height:40px; font-size:14px; color:#fff; letter-spacing:0.5px; background:url(../images/top_pic1.png) left center no-repeat;}
.top_tel a{ font-size:12px; color:#fff;text-decoration:none;}
.top_tel a:hover{ transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);}
.top_txt{ line-height:40px; float:left; font-size:14px; color:#fff;}

 
.menu {width:100%; max-width:1200px;}
.menu .logo_l{  float:left; display:inline;}
.menu .logo_l img{ height:100px;transition:all 0.3s;}
.tpos .menu .logo_l img{ height:80px;}
.menu .logo_l:hover img{opacity:0.8;filter:Alpha(opacity=80);}
.menu .logo_r{ float:right;display:inline;}

.nav_bg{height:100px;}
.tpos .nav_bg{ height:80px;}
.nav{clear:both; font-family:"微软雅黑";}
.nav li.m{ float:left; text-align:center; width:105px; /*margin-left:37px; */position:relative;/*padding-left:30px; padding-right:30px;*/}
.nav li.m:first-child{ margin-left:0;}
.nav h3 a{ height:100px; line-height:100px;display:block; font-size:12px; font-weight:300; color:#000; text-decoration:none;/*  background:url(../images/nav_bg1.png) right center no-repeat;transition:all 0.3s;*/ text-transform:uppercase; overflow:hidden; position:relative;}
.tpos .nav h3 a{ height:80px; line-height:80px;}
.nav h3 a span{ display:block;position:relative;transition: all 0.3s;height:100px;}
.nav h3 a span:after{content:attr(data-title);position:absolute;/*color:#fff;*/left:0;transform:translateY(100%);width:100%;top:0;}
.tpos .nav h3 a span{ height:80px;}
.nav h3{ font-weight:normal;}
.nav li h3 a:after{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: 0%;height: 2px;opacity: 0;background-color: #fff;-webkit-transition: all .5s;
-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav li h3 a:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav a:hover{color:#1f86de;}
.nav a:hover span{transform:translateY(-100%);}
.nav li.on h3 a{ color:#fff; background-color:#0061b0;}
.nav li.on h3 a:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
/*.nav .sub_bg{ position:fixed; width:100%; z-index:109; height:0px;background:url(../images/top_bg.png) repeat; z-index:109; left:0; top:100px; overflow:hidden;transition:all 0.3s;}
.nav .m:hover .sub_bg{ height:50px;}*/
.nav .sub{ display:none; /*默认隐藏*/ width:185px;  padding:0;background:url(../images/top_bg.png) repeat;   position:absolute; top:100px; left:0px; padding-top:10px; padding-bottom:10px; z-index:110; /*border-top:2px solid #ededed; */ /*border-bottom:1px solid #e6e6e6;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);*/}
.tpos .nav .sub{ top:80px;}
/*.tpos .nav .sub_bg{ top:80px;}*/
.nav .sub dl{width:100%; margin:0 auto; text-align:center;}
.nav .sub dd{ list-style:none; text-decoration:none;}
.nav .sub dd a{ height:40px; line-height:40px; display:inline-block; color:#fff;font-size:13px; width:147px; margin-left:20px; margin-right:20px;}
.nav .sub dd a:hover{ color:#f1f1f1; text-decoration:none;}
.nav .sub dd .top_img{ float:left; margin-left:40px; width:270px; overflow:hidden;}
.nav .sub dd .top_img img{ width:100%; height:180px; margin-bottom:4px;}
.nav .sub dd .top_img h2{ font-size:14px; color:#333333; font-weight:normal; height:22px; line-height:22px; overflow:hidden; margin-bottom:3px;}
.nav .sub dd .top_img p{ line-height:20px; height:40px; overflow:hidden; font-size:12px; color:#8f8f8f;}
.nav .sub dd .top_img a:hover h2{ color:#f4ae17}
.nav .sub dd .top_img a:hover img{transition:all 0.3s;filter: Alpha(Opacity=80);opacity: 0.8;}
/*.nav #m4 .sub{ width:1000px; margin-left:-510px;}
.nav #m6 .sub{ width:900px; margin-left:-380px;}*/

/*微信弹窗*/
#hidden{z-index: 2147483647;display: none; background: #000; filter: alpha(opacity=0); left: 0px; opacity: 0; position: fixed; width: 3000px; height: 100%; padding-top: 28%; text-align: center; top:0;}
#hiddenimg{opacity:1  ; display:none; position:fixed;left:0%; width:100%; height:300px;padding-top:0;z-index:2147483647; top:28%; text-align:center;}
#hiddenimg img{ width:90%;max-width:300px; margin:0 auto; }
#hiddenimg2{text-align: center;}
.weixinclose{ position:fixed; right:2%; top:2%; color:#fff; font-size:30px; cursor:pointer; z-index:2147483648; font-weight:normal; display:none;}

/*头部搜索*/
.top_cart{ float:right; margin-left:20px; padding-left:11px; height:100px; min-width:7px;background:url(../images/top_pic4.png) left center no-repeat;transition:all 0.3s;}
.top_cart i{ display:block; width:20px; height:20px; text-align:center; color:#fff; font-family:Arial; font-size:10px; line-height:20px; background-color:#d71616; border-radius:50%; margin-top:30px; font-style:normal; letter-spacing:-0.5px;transition:all 0.3s;}
.top_cart:hover{transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);}
.tpos .top_cart{ height:80px;}
.tpos .top_cart i{ margin-top:21px;}
.top_user{ float:right; margin-left:20px;font-family:Arial; height:100px;transition:all 0.3s; cursor:pointer;position:relative; color:#000; line-height:100px;}
.top_user:hover{transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80); color:#0061b0;}
.tpos .top_user{ height:80px; line-height:80px;}
.top_search{ float:right;height:100px; width:25px; position:relative; transition:all 0.3s;}
.tpos .top_search{ height:80px;}
.top_search .input1{ width:83%; text-indent:10px; line-height:30px; height:30px; outline:medium; background:none; color:#9c9c9c; text-align:left; font-size:13px; border:0;}
.top_search em{height:100%; width:100%;  cursor:pointer; display:block;}
.top_search em:Hover{transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);}
.top_search .search_con{ border-radius: 6px; background-color:#ffffff; display:none;position:absolute; bottom:-36px;right:0px; width:280px; height:0px; z-index:100;/* border:1px solid #eee;box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.2);*/}
.top_search .search_con .input1{ height:36px; line-height:36px; border:0; background:none; border:0; padding-left:7px; padding-right:20px; width:211px; float:left; outline:none;}
.top_search .search_con .bnts{ float:left; width:42px; height:36px; background:url(../images/top_pic3.png) center center no-repeat; cursor:pointer;}
.top_search .search_con .bnts:hover{transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);}