@charset "utf-8";
/* CSS Document */
body{min-width:1200px;}
.header{width:100%;background:#019a36;font-size:13px;color:#fff;height: 30px;line-height: 30px;}
.top{width:100%;height:112px;}   
.top .logo{width:255px;height:100px; float:left;margin-top: 6px;}   
	   
.nav{width:870px;float:right;margin-top:39px;}
.nav-bg {width:870px; clear: both;position: relative; z-index: 888;}
.nav ul{width:870px; float:left;}
.nav li {float: right; position: relative;width:100px;margin-left: 8px;}
/*.nav li.x { width:4px; height:24px;margin:0 10px;}*/
.nav li a { display: block; width:100px; height:36px;line-height: 36px;text-align: center; font-size: 15px; color: #333;}
.nav li.on a, .nav li:hover a { background:#019a36;color: #FFF;}
.nav .sub { display: none; width:100px; height: auto; position: absolute; left:0px; z-index: 999; background: #019a36; text-align: center;}
.nav li .sub-big { width:100px; }
.nav li .sub-small li a { font-size:13px; }
.nav li .sub li { float: none; margin: 0; padding: 0; }
.nav li .sub a { width: auto; height: 36px; line-height: 36px; padding: 0; background: none; font-size: 13px; font-weight:normal; }
.nav li .sub a:hover { background: #076c2c; }

/*.chan{ position:absolute;right:0;top:5px;font-size:12px;}
.chan a{color:#666;padding:0 10px;}
.chan a:hover,.chan a.on{color:#74a70b;}*/
	          
/*  banner  css*/
.www51buycom { width:100%; height: 640px; margin:0 auto; position: relative; overflow:hidden;}
.bgli01{ width:100%; height:640px;}
.bgli02{width:100%; height:640px;}
.bgli03{ width:100%; height:640px;}
.bgli04{ width:100%; height:640px;}

/*数字按钮样式*/
.www51buycom .num { overflow:hidden; height: 25px; position: absolute; bottom:12px; right: 15px; zoom:1; z-index:3 }
.www51buycom .num li { width: 25px; height: 25px; line-height: 25px; text-align: center; font-weight: 400; font-family: "微软雅黑", Arial; color: #FFFFFF; background: #444444; margin-right: 10px; border-radius:50%; cursor:pointer; float: left; }
.www51buycom .num li.on { background: #FF7700; } /*当前项*/

/*上一个  下一个*/
.www51buycom .prev,
.www51buycom .next { display: block; width: 60px; height: 100px; background: url(../images/btn.png) no-repeat; position: absolute; top: 270px;}
.www51buycom .prev { left:10%; }
.www51buycom .next { right:10%; background-position: right }

.pro{width:100%;height:auto;padding: 50px 0;background: #ededed}
.pro .title{background: url(../images/title1.png) no-repeat center;text-align: center;font-size:28px;color:#2b2b2b;width: 100%;font-weight: bold;}
.pro .more{width: 100%;text-align: center;margin-top: 30px;}
.pro .more a{display: inline-block;width: 122px;height: 38px;line-height: 38px;text-align: center;border:1px solid #666;font-size:14px;color:#666;border-radius:38px; }
.pro .more a:hover{background: #019b40;color:#fff;border-color:#019b40;}
.pro_c{width:1200px; position:relative;margin:40px auto 0;}
.pro_l{width:100%;}
.pro_b{width:1200px; overflow:hidden;position: relative;height: 250px;}
.pro_b ul{float:left;}
.pro_b ul li{width:300px;float:left; text-align:center; overflow:hidden;}
#carousel ul li a{display: block;width: 280px;margin:0 auto;position: relative;height: 250px;overflow: hidden; }
#carousel ul li img{width:280px;height:250px;display: block;transition: all 0.5s;}
#carousel ul li .title{position: absolute;left: 0;bottom: 0;background:url(../images/titlebg.png) no-repeat center left;width: 100%;color:#fff;height: 50px;line-height: 50px;transition-duration: 0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
#carousel ul li h3{font-size:14px;color:#333;text-align: center;height: 50px;transition-duration: 0.5s;color:#fff;}
#carousel ul li .title span{position: absolute;right: 10px;bottom: 0;height: 50px;background: url(../images/index1.png) no-repeat center;width: 18px;opacity: 0;transition: 0.5s}
#carousel ul li a:hover img{transform: scale(1.2);}
#carousel ul li a:hover .title{background-position: -307px 0;}
#carousel ul li a:hover h3{margin-left: -40%;}
#carousel ul li a:hover span{opacity: 1;}
.piclist{position:absolute; left:0px; top:0px;}
.swaplist{ position:absolute; left:-3000px; top:0px}
.og_prev,.og_next{ width:44px; height:50px; background:url(../images/icon.png) no-repeat; position:absolute; top:39%; z-index:99; cursor:pointer;margin-top: -25px;}
.og_prev:hover{background:url(../images/icon_ie6.png) no-repeat;background-position:0 -60px;}
.og_next:hover{ background:url(../images/icon_ie6.png) no-repeat;}
.og_prev{ background-position:0 -60px; left:-65px;}
.og_next{ background-position:0 0; right:-65px;}

.news{width:1200px;height:auto; position:relative;margin:50px auto;}
.news .title{background: url(../images/title1.png) no-repeat center;text-align: center;font-size:28px;color:#2b2b2b;width: 100%;font-weight: bold;}

.news_l{width:100%;}
#cardqh {width:100%;}
#cardqhs {width:100%;text-align: center;margin: 30px 0;}
#cardqhs li {width:108px;height:38px;font-size:16px;color:#fff;background: #818181;border-radius: 3px;text-align: center;line-height: 38px;margin:0 6px;display: inline-block;}
#cardqhs li a{width:108px;display:block;color:#fff;}
#cardqhs li.selectcardqh {position: relative;width:108px;}
#cardqhs li.selectcardqh a{width:108px;background: #019a36;border-radius: 3px;}

#cardqhContent{width:100%;overflow:hidden;}
.cardqhContent{display: none;width: 100%;height:274px;}
#cardqhContent div.selectcardqh {display: block}
.cardqhContent .news_l_son{width:585px;float: right; }
.cardqhContent ul.news_l_son li{width:100%;font-size:14px;position:relative;margin-bottom: 25px;}
.cardqhContent ul.news_l_son li a{display: block;}
.cardqhContent ul.news_l_son li .content{float: right;width: 488px;margin-left: 20px;padding:5px 0;line-height: 24px;transition: 0.3s;}
.cardqhContent ul.news_l_son li h3{font-size:16px;color:#000;}
.cardqhContent ul.news_l_son li p{font-size:14px;color:#666;margin-top: 5px;}
.cardqhContent ul.news_l_son li a:hover h1{color:#019a36;}
.cardqhContent ul.news_l_son li a:hover h2{color:#019a36;}
.cardqhContent ul.news_l_son li a:hover h3{color:#019a36;}
.cardqhContent ul.news_l_son li a:hover p{color:#019a36;}
.cardqhContent ul.news_l_son li span{display: block;float: left;border-right:1px dashed #c6c6c6;padding-right: 20px;text-align: center;}
.cardqhContent ul.news_l_son li h1{font-size:44px;color:#818181;line-height: 50px;transition: 0.3s;}
.cardqhContent ul.news_l_son li h2{font-size:14px;color:#666;transition: 0.3s;}
.pic_news{width: 536px;float: left;}
.pro-switch {height: 357px;overflow: hidden;position: relative;width:536px;}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;}
.flexslider .slides li{position: relative;}
.flexslider .slides li .content{width: 100%;height: 72px;padding:16px 22px;box-sizing: border-box;position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,0.5);}
.flexslider .slides li .content h3{font-size:14px;color:#fff;line-height: 24px;}
.flexslider .slides img {width: 536px;height: 357px;display: block;}
.slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 357px;}
.no-js .slides > li:first-child {display: block;}
.flexslider {margin: 0 auto;position: relative;width:536px;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 {*height: 0;}
.flex-direction-nav a {width: 60px;height: 90px;margin: -60px 0 0;display: block;background: url(../images/ad_ctr.png) no-repeat 0 0;position: absolute;top: 50%;z-index: 10;cursor: pointer;text-indent: -9999px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 0 -90px;right: 0;}
.flex-direction-nav .flex-prev {left: 0;}
.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);}
.flex-control-nav {width: 100%;position: absolute;text-align: center;left:0; top:240px;}
.flex-control-nav li {margin: 0 5px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {background: url(../images/dot.png) no-repeat 0 -16px;display:block;height: 16px;overflow: hidden;text-indent:-99em;width: 16px;cursor: pointer;}
.flex-control-paging li a.flex-active {background-position: 0 0;}

.about{width:100%;margin: 50px 0;}
.about .news_title h3{font-size:28px;font-weight:bold;color:#2b2b2b;}
.about .news_title span{display: inline-block;width: 55px;height: 4px;background: #019a36;margin:18px 0 23px 0;}
.about_son .content{width:625px;float: left;font-size:14px;color:#666;text-indent: 24px;line-height: 30px; }
.about .img{width:536px;height:330px;float: right;}
.about img{width: 536px;height: 330px;}
.about a{display: block;width: 122px;height: 38px;line-height: 38px;text-align: center;border:1px solid #019b40;font-size:14px;color:#fff;border-radius:38px;margin-top:30px;text-indent:0;background-color: #019b40;}
.about a:hover{background: #06734a;color:#fff;border-color:#06734a;}

.foot{width:100%;height:auto;background:#3f3f3f;padding:10px 0;}
.foot_1{ float:left;font-size:12px;color:#ebebeb;}
.foot_1 a{color:#ebebeb;}
.foot_1 a:hover{color:#019a36;}
.foot_1 h3 span{padding:0 10px;}
.foot_4{padding-lefT:200px;line-height:24px;color:#ebebeb; background:url(../images/foot_1.jpg) no-repeat left top;margin-top:30px;}

.foot_2{ float:right;width:228px;height:auto;font-size:12px;color:#ebebeb; background:url(../images/foot_2.jpg) no-repeat left top;padding:15px 50px 0 86px;line-height:24px;}


.ny_banner{width:100%;height:400px;overflow:hidden;}
.ny_title{width:1003px;height:110px;margin:170px auto 0;position:relative;}
.ny_title_1{width:222px;height:110px; background:url(../images/tit.png) no-repeat center center; float:right;}
.ny_title_1 h3{color:#FFF;font: bold 27px/35px "microsoft yahei";color:#FFF;margin-top:28px; text-indent:33px;}
.ny_title_1 p{color:#FFF;font-size:14px;color:#FFF;text-indent:33px;font-weight:bold;}

.ny_nav_bg{width: 100%;height: 75px;border-bottom:1px solid #eee;line-height: 75px; }
.ny_nav{width:1200px;height:75px;margin:0 auto;text-align: center;}
/*.ny_nav h3{_display: inline;display: block;float: left;width: 195px;height: 57px;color: #000;line-height: 57px;font-size: 24px;text-align: center;}
.ny_nav p{ float:right;padding-right:15px;height: 57px;color: #000;line-height: 57px;color:#444}
.ny_nav ul{ float:left;}*/
.ny_nav ul li{ height: 75px;line-height: 75px;box-sizing: border-box;margin:0 30px;display: inline-block;}
.ny_nav ul li a{display:inline-block;height:75px;line-height:75px;color:#4d4d4d;font-size: 17px;box-sizing: border-box;}
.ny_nav ul li a:hover,.ny_nav ul li a.on{color: #019a36;border-bottom: 4px solid #019a36;}

.productlist li{width:300px;float:left; text-align:center; overflow:hidden;margin-bottom: 20px;}
.productlist li a{display: block;width: 280px;margin:0 auto;position: relative;height: 250px;overflow: hidden; }
.productlist li img{width:280px;height:250px;display: block;transition: all 0.5s;}
.productlist li .title{position: absolute;left: 0;bottom: 0;background:url(../images/titlebg.png) no-repeat center left;width: 100%;color:#fff;height: 50px;line-height: 50px;transition-duration: 0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
.productlist li h3{font-size:14px;color:#333;text-align: center;height: 50px;transition-duration: 0.5s;color:#fff;}
.productlist li .title span{position: absolute;right: 10px;bottom: 0;height: 50px;background: url(../images/index1.png) no-repeat center;width: 18px;opacity: 0;transition: 0.5s}
.productlist li a:hover img{transform: scale(1.2);}
.productlist li a:hover .title{background-position: -307px 0;}
.productlist li a:hover h3{margin-left: -40%;}
.productlist li a:hover span{opacity: 1;}


.ny_con{padding:20px 0;}
.ny_right{width:780px;height:auto; float:left;}
.bg_white{ background:#FFF;padding:20px 0;}
.ny_news{width:96%;height:auto;padding:0 2%;}
.ny_news ul li{height: 140px;padding-bottom: 15px;margin-bottom: 15px;border-bottom: dotted 1px #cecece;padding-left: 280px;position: relative;}
.ny_news ul li img {position: absolute;left: 10px;top: 0px;padding: 3px;background-color: #fff;border: solid 1px #e3e3e3;}
.ny_news ul li div {font-size: 14px;font-weight: bold;height: 25px;color:#333;}
.ny_news ul li a{ float:left;}
.ny_news ul li span { float:right;}
.ny_news ul li p {line-height: 20px !important;padding: 5px 0;color:#666;}
/*翻页*/
.fy{width:100%; height:60px; line-height:60px; text-align:center;}
.fy a{ color:#fff;font-size:14px;font-family:"Microsoft YaHei";padding:5px 10px; background:#b6b6b6; margin-right:10px; border-radius:3px;}
.fy a.home_xz{ color:#fff;font-size:14px;font-family:"Microsoft YaHei";padding:5px 10px; background:#019a36; margin-right:10px;}
.fy a:hover{ color:#fff;font-size:14px;font-family:"Microsoft YaHei";padding:5px 10px; background:#019a36; margin-right:10px;}
.fy span{padding:0 10px;}


.ny_pro ul li{width:96%;height: 43px;margin:10px 2%;float:left;border-bottom:1px dashed #dedede;font-size: 14px;line-height: 43px;color: #a3a3a3;}
.ny_pro ul li a{padding-left:32px;width:750px; display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; float:left;}
.ny_pro ul li span{ float:right;margin-right:35px;} 

.ny_com{width:96%;padding:2%;line-height:27px;font-size:14px;color:#666;}
.ny_com img{max-width:100%;}


.izl-rmenu{position:fixed;right:2px;bottom:10px;padding-bottom:73px;background:url(../images/r_b.png) center center no-repeat;z-index:999;}
.izl-rmenu .btn{width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;}

.izl-rmenu .btn-qq{background:url(../images/r_qq.png) center center  no-repeat;background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) center center  no-repeat;background-color:#6da9de;text-decoration:none;display:block;}

.izl-rmenu .btn-wx{background:url(../images/r_wx.png) center center  no-repeat;background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) center center  no-repeat;background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b;position:absolute;width:160px;left:-160px;top:0px;line-height:73px;color:#FFF;font-size:18px;text-align:center;display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) center center  no-repeat;background-color:#666666;display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}