﻿*{ margin:0; padding:0; }
body{ font-size:16px; font-family:'Noto Sans SC', 'Source Han Sans', 'OPPO Sans', 'Roboto', 'MiSans', 'HarmonyOS Sans', '思源黑体', sans-serif; color:#666666; line-height:25px;}
a{ color:#666666; text-decoration:none; border:none;}
ul{ list-style-type:none;}
a:hover{ color:#464646; text-decoration:none;}

/***************** 头部*******************/

.header{ width:100%; height:135px;}
.header .header_top{ width:100%; height:30px; background:#464646; }
.header .header_top .top_db{ color:#FFF; width:980px; height:30px; margin:0 auto; overflow:hidden;}
.header .header_top .top_db .db_left{  float:left; height:30px; line-height:30px;font-size: 14px;}
.header .header_top .top_db .db_center{ float:left; height:30px; line-height:30px; margin-left:450px; }
.header .header_top .top_db a{ color:#FFF;}
.header .header_top .top_db a:hover{ color:#F00; text-decoration:underline; }
.header .header_top .top_db .db_right{ float:right; width:150px; height:30px; line-height:30px; padding-left:40px;font-size:12px; }



/***************** 导航*******************/
.nav{ width:980px; height:85px; margin:10px auto; }
.nav .logo{ width:300px; height:81px; margin:4px 45px 0px 0px; float:left; }
.nav ul{ width:620px; height:85px; float:left; }
.nav ul li{ float:left; width:86px; height:82px; text-align:center; line-height:82px; position:relative;font-size: 16px;}
.nav ul li a{ display:block; }
.nav ul li a:hover{ background:#f5f5f5; border-bottom:solid 3px #464646;}
.nav ul li a.hover{color:#464646; background:#f5f5f5; border-bottom:solid 3px #464646;}
.nav ul li ul{width:86px; display:none; position:absolute; left:0px; top:85px; z-index:10;}
.nav ul li ul li{ width:86px; height:30px; line-height:30px; text-align:center; float:none; background:#f5f5f5; }
.nav ul li:hover{ background:#f5f5f5;border-bottom:solid 3px #464646;}
.nav ul li:hover ul{width:86px; display:block;}
.nav ul li ul li a:hover{ color:#FFF; background:#464646; }
.nav ul li ul li a{FONT-SIZE:12PX; }


/***************** banner*******************/
.banner{ width:100%; height:430px; margin:0 auto;}
/*.banner ul{}
.banner ul li{ width:1399px; height:463px;}*/

.flexslider{position:relative;width:100%;height:430px;overflow:hidden;zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:210px;}
.flex-direction-nav .flex-prev{left:210px;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}




/***************** 中部内容*******************/


.content{ width:100%; }
.main{ width:980px; margin:0 auto; position:relative;}
.one{ width:960px; height:30px; line-height:30px; font-weight: bold;
color: #464646;
font-size: 16px;
padding-left: 20px;
border-bottom: 3px solid #464646;
background: transparent url("../images/biao.gif") no-repeat scroll left center;}
.one span{float: right;}
.two{ width:980px; height:187px; margin-bottom:20px; padding-left:0px; background:#FFF; border-bottom:solid 3px #dddcdc; }
.two_co{ width:980px; }
.two_co dl{ width:144px; margin:35px 25px 0px; float:left; }
.two_co dl dt{ width:144px; height:144px;}
.two_co dl dd{ width:144px; text-align:center; height:30px; line-height:30px; font-weight:bold;}

.mr_frBtnL{float:left; cursor:pointer; position:absolute; top:85px; left:40px;}
.mr_frBtnR{float:right; cursor:pointer; position:absolute; top:85px; right:40px;}

.three{ width:980px;margin-top: 20px; height: 280px;}
.three span{ float:right;}
.three_left{ width:300px; float:left; overflow:hidden;}
.three_left .three_top{ width:280px; height:30px; font-weight:bold; color:#464646; line-height:25px; padding-left:20px; border-bottom:solid 3px #464646; background:url(../images/biao.gif) left center no-repeat; }
.three_left .three_top a{ color:#464646;}
.three_left .three_top a:hover{ text-decoration:underline;}
.three_left dl{ width:280px; margin-top:10px; padding:10px 10px 0px; background:#fff; }
.three_left dl dt{ width:274px; height:88px; }
.three_left dl dd{ font-size:12px; text-indent:2em;margin-top: 10px;}

.three_right{ width:300px; float:left; margin-left:40px; overflow:hidden;}
.three_right .right_top{ width:280px; height:30px; font-weight:bold; color:#464646; line-height:25px; padding-left:20px; border-bottom:solid 3px #464646; background:url(../images/biao.gif) left center no-repeat; overflow:hidden;}
.three_right .right_top a{ color:#464646;}
.three_right .right_top a:hover{ text-decoration:underline;}
.three_right dl{ width:300px; height:41px; font-size:12px; margin-top:10px; margin-bottom:10px;border-bottom: 1px #cccccc dotted;}
.three_right dl dt{ width:174px; height:35px; float:left; padding:2px; border:solid 1px #e1e1e1; overflow:hidden;}
.three_right dl dd{ width:364px; height:41px; margin-left:15px; float:left; }
.three_right dl dd h4{ color:#333333;}


.four{ width:980px; clear:both; overflow:hidden;}
.four span{ float:right;}
.four .four_top{ height:30px; font-weight:bold; color:#464646; line-height:25px; padding-left:20px; border-bottom:solid 3px #464646; background:url(../images/biao.gif) left center no-repeat; overflow:hidden;}
.four .four_top a{ color:#464646;}
.four .four_top a:hover{ text-decoration:underline;}
.four .four_main{ width:935px; height:230px; margin-top:20px; padding-left:45px; position:relative;}
.four .four_main .four_gd{ width:900px; margin-left:40px; }
.four .four_main .four_gd dl{ width:128px; height:200px; margin:0px 25px; float:left; overflow:hidden;}
.four .four_main .four_gd dl dt{ width:120px; height:176px;}
.four .four_main .four_gd dl dt img{ border:solid 1px #000;}
.four .four_main .four_gd dl dd{ text-align:center; font-size:12px;}

.four_frBtnL{float:left; cursor:pointer; position:absolute; top:85px; left:20px;}
.four_frBtnR{float:right; cursor:pointer; position:absolute; top:85px; right:20px;}


.five{ width:980px; overflow:hidden;}
.five span{ float:right;}
.five .five_top{ height:30px; font-weight:bold; color:#464646; line-height:25px; padding-left:20px; border-bottom:solid 3px #464646; background:url(../images/biao.gif) left center no-repeat; overflow:hidden; margin-bottom:20px;}
.five .five_top a{ color:#464646;}
.five .five_top a:hover{ text-decoration:underline;}
.five dl{ width:470px; margin-left:10px; margin-bottom:20px; float:left;}
.five dl dt{ width:202px; height:133px; float:left; overflow:hidden;}
.five dl dd{ width:258px; margin-left:10px; float:left; font-size:12px;}


/******************底部***********/

.footer{ width:100%; height:78px; background:#464646 ; border-top: 3px solid #000; }
.footer .footer_main{ width:980px; font-size:12px; margin:0 auto; padding-top:20px;color:#fff;}
.footer .footer_main .footer_p{ width:750px; float:left;color:#fff;}
.footer .footer_main a.footer_p a{ color:#fff;}
.footer .footer_main .footer_erwei{ float:right; margin-right:30px;}



.yema{ float:right; margin:10px 80px 20px; overflow:hidden;}
.yema a{ padding:5px 8px; border:1px solid #dfdfdf; background-color:#f4f4f4; display:block; float:left; overflow:hidden; margin:0px 3px;}
.yema a:hover{ color:#FFF; background:#464646;}
.yema span{padding:5px 8px; border:1px solid #dfdfdf; background-color:#f4f4f4; display:block; float:left; overflow:hidden; margin:0px 3px;}


/*******************新闻列表**********************/
.max{ width:100%; background:url(../images/bj.gif); overflow:hidden; margin-top: 10px;}
.max_ti{ width:100%; height:45px; background:url(../images/bjb.gif);}
.news{ width:980px; height:45px; margin:0 auto;}
.news .xwzx{ width:200px; height:45px; text-align:center; line-height:45px; background:#464646; color:#FFF; font-size:16px; font-weight:bold; float:left;}
.news .gsxw{ width:100px; height:45px; line-height:45px; margin-left:20px; float:left;}
.news .location{ font-size:12px; width:200px; height:45px; line-height:45px; padding-left:15px; background:url(../images/xw05.gif) left center no-repeat; float:right;}
.news .location a:hover{ color:#589a1b;}
.max .news_main{ width:980px; margin:0 auto; }
.max .news_main .news_left{ width:200px; float:left; background:#fbfbfb; }
.max .news_main .news_left ul{ width:180px; padding:0px 10px;}
.max .news_main .news_left ul li{ width:180px; text-align:center; border-bottom:dashed 1px #dcdfd2; margin:10px 0px;}
.max .news_main .news_left ul li a{ background:url(../images/xwd1.gif) left center no-repeat;}
.max .news_main .news_left ul li a:hover{ color:#589a1b; background:url(../images/xwd.gif) left center no-repeat;}

.max .news_main .news_bao{ width:780px; float:left; background:#FFF;}
.max .news_main .news_zhong{ width:10px; height:500px; float:left;
 background:url(../images/bd_bg.png) left top no-repeat;  }
.max .news_main .news_right ul li a:hover{ color:#589a1b;}
.max .news_main .news_right{ width:750px; padding-left:20px; float:left; background:#fff;}
.max .news_main .news_right ul{ width:750px;}
.max .news_main .news_right ul li{ width:730px; height:120px; border-bottom:dashed 1px #e6e6e6; margin-top:20px;}
.max .news_main .news_right ul li dl{ width:730px; height:105px;}
.max .news_main .news_right ul li dl dt{ width:130px; height:105px; float:left; }
.max .news_main .news_right ul li dl dd{ width:720px; height:105px; float:left; margin-left:20px; font-size:12px;}
.max .news_main .news_right ul li dl dd span{ float:right; font-weight:100;}

.news_cp2{width:750px; padding-left:20px; float:left; font-size:14px; background:#cfcfcf;-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;}
.news_cp2 dl{ width:720px; height:180px; float:left; margin:20px 0px 10px 10px;background:#e4e4e4;}
.news_cp2 dl dt{ width:300px; height:160px;float:left;margin: 10px;}
.news_cp2 dl dt img{ width:300px; height:160px;}
.news_cp2 dl dd{float:left;width: 360px;margin: 10px;}

/*******************产品列表**********************/
.news_cp{width:750px; padding-left:20px; float:left; font-size:14px; background:#fff;}
.news_cp dl{ width:185px; height:180px; float:left; margin:20px 0px 10px 40px;}
.news_cp dl dt{ width:185px; height:160px;}
.news_cp dl dd{ text-align:center;}


/*********************产品内页************************/
.cpny{ width:750px;}
.cpny .cpny_left{ width:232px; height:380px; float:left; }
.cpny .cpny_right{ width:495px; height:360px; margin-left:20px; float:left; padding-top:20px;}
.cpny .cpny_right h4{ color:#464646; border-bottom:solid 1px #cccccc;}
.cpny .cpny_right p{ color:#ff3333; font-weight:bold;}
.cpny .cpny_right .anniu_confirm{ width:118px; height:38px; font-size:14px; font-weight:bold; color:#FFF; background:url(../images/cpny3.gif); padding-left:30px; border: solid 1px #638321;}
.cpny .cpny_right .anniu_gouwu{ width:118px; height:38px; font-size:14px; font-weight:bold; color:#FFF; background:url(../images/cpny4.gif); padding-left:30px; margin-left:20px; border:solid 1px #cb6601;}
.cpny .cpny_bottom{ width:750px; height:30px; float:left; border-bottom:solid 3px #437f59; margin-bottom:10px;}
.cpny .cpny_bottom h4{ width:100px; height:30px; line-height:30px; text-align:center; margin-left:10px; border:solid 1px #437f59; color:#437f59;}
.cpny .cpny_img{ width:721px; margin:20px auto 20px;}
.cpny .cpny_img h3{ text-align:center; margin-bottom:10px;}

/*********************************************/
.ad-gallery { width: 232px;}
.ad-gallery, .ad-gallery * { margin: 0; padding: 0;}
.ad-gallery .ad-image-wrapper { width: 100%;  height: 280px; position: relative; overflow: hidden; }
.ad-gallery .ad-image-wrapper .ad-loader { position: absolute; z-index: 10; top: 48%; left: 48%; border: 1px solid #FFF; }
.ad-gallery .ad-image-wrapper .ad-next {position: absolute; right: 0;top: 0;width: 25%;height: 100%;cursor: pointer;display: block; z-index: 100;}
.ad-gallery .ad-image-wrapper .ad-prev {position: absolute;left: 0;top: 0; width: 25%; height: 100%; cursor: pointer; display: block;z-index: 100; }
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {/* Or else IE will hide it */ background: url(../non-existing.jpg) \9}
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {background: url(../ad_prev.png);width: 30px;
height: 30px;display: none;position: absolute;  top: 47%; left: 0;  z-index: 101; }
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background: url(../ad_next.png); width: 30px; height: 30px; right: 0; left: auto; }
.ad-gallery .ad-image-wrapper .ad-image { position: absolute; overflow: hidden; top: 0; left: 0; z-index: 9; }
.ad-gallery .ad-image-wrapper .ad-image a img { border: 0; }
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description { position: absolute; bottom: 0px;left: 0px; padding: 7px; text-align: left; width: 100%; z-index: 2; background: url(../opa75.png);color: #000;}
 * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {background: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png');}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title { display: block;}
.ad-gallery .ad-controls {height: 20px;}
.ad-gallery .ad-info {float: left; }
.ad-gallery .ad-slideshow-controls { float: right; }
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop { padding-left: 5px; cursor: pointer;}
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown { padding-left: 5px;font-size: 0.9em; }
.ad-gallery .ad-slideshow-running .ad-slideshow-start {cursor: default; font-style: italic; }
.ad-gallery .ad-nav { width: 100%; position: relative;} 
.ad-gallery .ad-forward, .ad-gallery .ad-back { position: absolute; top: 0; height: 100%; z-index: 10; }
    /* IE 6 doesn't like height: 100% */
* html .ad-gallery .ad-forward, .ad-gallery .ad-back { height: 100px; }
.ad-gallery .ad-back {  cursor: pointer; left: -20px; width: 13px;display: block; background: url(../ad_scroll_back.png) 0px 22px no-repeat;}
.ad-gallery .ad-forward {cursor: pointer; display: block; right: -20px; width: 13px; background: url(../ad_scroll_forward.png) 0px 22px no-repeat;}
.ad-gallery .ad-nav .ad-thumbs {overflow: hidden; width: 100%;}
.ad-gallery .ad-thumbs .ad-thumb-list {float: left; width: 9000px; list-style: none; }
.ad-gallery .ad-thumbs li {float: left; padding-right: 5px; ;}
.ad-gallery .ad-thumbs li a {display: block; }
.ad-gallery .ad-thumbs li a img { border: 1px solid #CCC; display: block; }
.ad-gallery .ad-thumbs li a.ad-active img {border: 1px solid #464646;}
.ad-preloads { position: absolute;left: -9000px; top: -9000px;
}



/**************************生成订单***************************/
.ding{ width:100%;  background:url(../images/bj.gif); overflow:hidden; }
.ding_ti{ width:100%; height:45px; background:url(../images/bjb.gif);}
.ding_news{ width:980px; height:45px; margin:0 auto;}
.ding_news .ding_xwzx{ width:200px; height:45px; text-align:center; line-height:45px; background:#464646; color:#FFF; font-size:16px; font-weight:bold; float:left;}
.ding .ding_main{ width:980px;  margin:0 auto; }
.dingdan{ width:980px; margin-top:20px; font-size:14px; }
.dingdan .dingdan_ll{ height:35px; border-bottom:solid 2px #000; margin:20px 0px;}
.dingdan .dingdan_ll h4{ color:#464646; height:35px; line-height:35px; margin-left:20px;}
.dingdan table td{ border:solid 1px #dddddd;}
.dingdan table span{color:#fe6474; margin-right:30px;}
.dingdan .an{ width:140px; height:42px; margin:20px auto;}
.dingdan .anniu{ width:138px; height:40px; background:url(../images/tijiao.gif); border:solid 1px #d10000;}


/**************************关于我们***************************/


.gywm{ font-size:12px; text-indent:2em; width:730px;}


/**************************购物车***************************/


.gwc{ width:100%;  background:url(../images/bj.gif);font-size:14px; overflow:hidden; }
.gwc_ti{ width:100%; height:45px; background:url(../images/bjb.gif);}
.gwc_news{ width:980px; height:45px; margin:0 auto;}
.gwc_news .gwc_xwzx{ width:200px; height:45px; text-align:center; line-height:45px; background:#464646; color:#FFF; font-size:16px; font-weight:bold; float:left;}
.gwc .gwc_main{ width:980px;  margin:0 auto; }
.gwc_dingdan{ width:980px; margin-top:20px;}
.gwc_dingdan .gwc_dingdan_ll{ height:35px; border-bottom:solid 2px #464646; margin:20px 0px;}
.gwc_dingdan .gwc_dingdan_ll h4{ color:#464646; height:35px; line-height:35px; margin-left:20px;}
.quxiao{ border:none;}
.gwc_bl ul{ width:980px; }
.gwc_bl ul li{ margin-top:20px;}
.gwc_bl td{ border:none;}
.gwc_bl .anniu{ width:137px; height:40px; border:solid 1px #d10000; background:url(../images/jiesuan.gif)}
.gwc_bl .biao{ margin:20px 0px; background:#e5e5e5;}
.gwc_bl span{ color:#5d7867; font-weight:bold;}


/**************************联系我们***************************/
.lxwm{ width:650px; margin:0px auto 50px; padding-left:50px; font-size:16px; border-bottom:dashed 1px #aaaaaa; padding-bottom:20px;}
.lxwm h2{ margin:20px 0px;}
.dan{ margin-bottom:30px;}
.niu{ width:80px; height:30px; text-align:center; line-height:30px; background:#464646; color:#FFF; font-size:14px; font-weight:bold; margin-left:20px; border:none;}


/**************************公司简介内页***************************/
.gsny{ width:730px; margin:0px auto 20px;}
.gsny h4{ text-align:center; margin-top:20px;}
.gsny .gsny_top{ width:730px; height:35px; line-height:35px; border-bottom:dashed 1px #dddddd; font-size:12px; margin:20px 0px;}
.gsny .gsny_top .gsny_one{ width:150px; text-align:center; float:left;}
.gsny .gsny_top .gsny_two{ width:150px;text-align:center; float:left;}
.gsny .gsny_top .gsny_three{ width:210px;text-align:center; float:left;}
.gsny .gsny_top .gsny_four{ width:220px; float:left; text-align:center; }
.gsny .gsny_p{ font-size:12px; text-indent:2em; padding-bottom:30px; border-bottom:solid 1px #dddddd; }
.gsny .pian{ font-size:12px;}
.gsny .pian a:hover{ color:#589a1b;}


/**************************收货信息***************************/
.shouhuo{ width:900px; padding:30px 0px; font-size:14px; margin:0 auto;}
.shouhuo .pei{ width:180px; height:30px; background:#464646; color:#FFF;}
.shouhuo .te{ border:solid 1px #dddddd;}

.dan{ width:720px; margin:50px 50px 40px; color:#79777a; overflow:hidden;}
.dan .ly_r{ width:100px; height:40px; line-height:40px; text-align:right;}
.dan .ly_r span{ color:#F00; padding:0px 2px;}
.dan input{ width:290px; height:25px; line-height:3px; padding-left:5px;}
.dan .anniu{ width:80px; height:30px; background-color:#aaaaaa; color:#fff; border:none; margin-right:40px; margin-top:20px;}
.dan .yzm{ margin-top:1px; float:left; margin-left:10px;}