@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;font-size:12px;font-family:"微软雅黑"; background-color: #fff; color: #666666;}
img{border:none;}
p{margin:0;padding:0;}
ul,li,ol,dl,dt,dd{margin:0;padding:0;list-style-type:none;}
a{color:#666666;font-size:12px;text-decoration:none;transition:all 0.3s ease-in-out 0s;}
a:hover{color:#579377;text-decoration:none;}
ul,ol,dl,dt,dd {display: block; list-style-type: decimal; margin-block-start: 0em;margin-block-end: 0em; margin-inline-start: 0px; margin-inline-end: 0px;
padding-inline-start: 0px;}
.clearfix{zoom: 1; }
.clearfix:after{display: block; clear: both; visibility: hidden; height:0; overflow: hidden; content: "."; }
.center{margin:auto;}
.clear{clear:both;}
.wrapper{max-width: 1400px; margin: 0px auto;}
.sbj{ margin-top: 30px;}
#alttxt{background: #FFF;border: 1px #ddd solid;font-size:12px;padding:10px;z-index:1000;position:absolute;display:none;}
.bian,#alttxt,div.contents img,.error3{border-radius: 5px;box-shadow: 0px 0px 15px #aaa;}
.fl{ float: left;}
.fr{ float: right;}
/***头部***/
.header{height:120px;*zoom:1;position:relative;background-color:#fff;z-index:102}
.header:after,.header:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden}
.logo{width:400px; padding: 28px 0px; height:64px;}
.logo dl{ line-height: 36px; font-size: 33px; font-weight: bold; color: #579377;}
.logo dt{ line-height: 28px; font-size: 13px; text-transform: uppercase; color: #888888;letter-spacing:0.3px;}
.nav{float:left;}
.nav li{float:left}
.nav li .v1{display:block;line-height:120px;text-align:center;font-size:17px;color:#272727;position:relative;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
.nav li .v1:after{content:'';position:absolute;right:0;top:50%;width:1px;height:12px;margin-top:-6px;background-color:#bebebe}
.nav li.on .v1,.nav li:hover .v1{background-color:#579377 ;color:#fff}
.nav li.on .v1:after,.nav li:hover .v1:after{display:none}
.nav .sub{position:absolute;top:120px;left:0;right:0;text-align:center;height:58px;background:rgba(255,255,255,.9);font-size:0;display:none}
.nav .sub a{display:inline-block;line-height:58px;font-size:15px;color:#272727;position:relative;padding:0 20px;}
.nav .sub a:after{content:'';position:absolute;right:0;top:50%;width:4px;height:4px;margin-top:-2px;border-radius:50%;background-color:#535353}
.nav .sub a:hover{color:#579377}
.header .info1{float:right;height:120px}
.header .btn-l{float:left;width:60px;line-height:120px;text-align:center;font-size:0}
.header .btn-l a,.header .btn-l span{display:inline-block;width:36px;height:120px;vertical-align:middle;margin:0 10px;position:relative;cursor:pointer;background-position:center;background-repeat:no-repeat}
.header .btn-l .tel{background-image:url(../images/i-01.png)}
.header .btn-l .tel:hover{background-image:url(../images/i-01-on.png)}
.header .btn-l .tel .txt{width:300px;position:absolute;top:120px;left:50%;line-height:1.2;color:#fff;font-size:16px;padding:20px 0;background-color:#579377;display:none;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.header .btn-l .tel .txt b{font-size:30px;font-family:Impact;font-weight:400;}
.header .btn-l .pic{position:absolute;width:144px;height:144px;top:100%;left:50%;margin-left:-72px;display:none;z-index:2;box-shadow:0 0 10px rgba(0,0,0,.2)}
.header .btn-l .qr:hover .pic,.header .btn-l .tel:hover .txt{display:block}
.header .lang{float:left;width:155px;text-align:center;background-color:#579377;position:relative}
.header .lang dt{font-size:15px;color:#fff;position:relative;line-height:120px;cursor:pointer}
.header .lang dt:after{content:'';width:14px;height:14px;display:inline-block;vertical-align:middle;margin-left:15px;background:url(../images/i-04.png) center no-repeat}
.header .lang dd{position:absolute;top:100%;left:0;right:0;display:none;background-color:#579377;border-top:1px solid #fff;padding:10px}
.header .lang dd a{display:block;font-size:14px;line-height:40px;color:#fff}
.header .lang dd a:hover{background-color:#fff;color:#579377}
.so-btn{float:right;width:60px;height:120px;position:relative;cursor:pointer;background:url(../images/i-05.png) center center no-repeat}
.so-btn:after{content:'';position:absolute;left:0;top:50%;width:1px;height:48px;margin-top:-24px;background:rgba(255,255,255,.3)}
.soBox{position:absolute;top:120px;left:0;right:0;height:66px;display:none;background-color:rgba(255,255,255,.9)}
.soBox form{display:block}
.soBox .con{border-radius:2px;overflow:hidden;position:relative;margin-top:11px}
.soBox .inp{width:100%;display:block;height:42px;background-color:#fff;border:0;font-size:16px;padding:0 80px 0 20px;outline: none;}
.soBox .btn{width:62px;height:42px;position:absolute;right:0;top:0;border:0;background:url(../images/i-06.png) center center no-repeat #579377}
.wp{ width: 100%; max-width: 1300px; margin: 0 auto;}
/*footer*/
.footer{ background: url(../images/footer.jpg) no-repeat top; color: #ffffff; font-size: 14px; padding: 35px 0px 0 0;}
.footer a{ color: #fff; font-size: 14px;}
.fnav{ padding-bottom: 20px; border-bottom: 1px solid #5e5965;}
.fnav li{ line-height: 60px; display: block; height: 60px;}
.fnav li dl{ width:98px; float: left; font-size: 20px; font-weight: bold; color: #fff;}
.fnav li dt{ width:112px; height: 20px; line-height: 20px; margin: 20px auto; background: #539378; text-align: center; font-size: 14px; color: #fff; text-transform: uppercase; float: left; margin-right:20px;}
.fnav li dd{float: left; color: #AEADB0; font-size: 15px;margin-right:8px;}
.fnav li dd a{ font-size: 15px; color: #AEADB0;}
.fnav a:hover{color: #539378;}
.fnr{ padding: 40px 0px; border-bottom: 1px solid #5e5965;}
.foot_l{ width: 50%;}
.foot_l dl{ line-height: 40px; font-size: 16px; color: #fff; margin-bottom: 20px;}
.foot_l dl img{ padding-right: 20px; vertical-align: middle;}
.foot_r{ width: 50%; text-align: right;}
.foot_r img{ width: 163px; height: 163px; margin-left: 30px;}
.copyright{ text-align: center; line-height: 35px; padding-top: 20px;}
/*index*/
.ss_r{ width: 20%; position: relative; margin-top: -75px;}
.pc_search_input{ padding: 0px 0px;}
.pc_search_input .inpbox{ background: none; border: 1px solid #e5e5e5; height: 36px; line-height: 36px; color: #333; font-size: 14px; width: 250px;outline:none; margin-top: 14px; border-radius: 18px; padding-left: 10px;}
.inpsub{ background: url(../images/ss.png) no-repeat left center; width: 38px; height: 38px; border: none; position: relative; margin-left: -35px; outline:none; margin-top: 15px;}
.iproduct{ padding: 50px 0px; background: url(../images/cpfl.jpg) no-repeat center 175px;}
.title{ margin-bottom: 35px;}
.title dl{ line-height: 31px; font-size: 14px; font-weight: lighter; color: #272727; letter-spacing: 10px; text-transform: uppercase;}
.title dt{ line-height: 53px; font-size: 36px; font-weight: lighter; color: #dfdfdf;}
.title dt span{ font-weight: bold; color: #579377;}
.title dt em{ font-weight: bold; color: #272727; font-style: normal;}
.fs_rt dl{ display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 40px; padding-bottom: 121px;}
.fs_rt dl a{  display:inline-block; width: 20%; text-align: center; background: url(../images/cpl.jpg) repeat-y top right; padding: 60px 0px 48px 0px;}.fs_rt dl img{padding-bottom: 27px;}
.fs_rt dl p{line-height: 47px; font-size: 20px;}
.fs_rt dl a:hover{background:#579377; color:#fff;}
.fs_rt dl a:nth-child(1){ border-top-left-radius: 25px; border-bottom-left-radius: 25px;}
.fs_rt dl a:nth-child(5){ border-top-right-radius: 25px; border-bottom-right-radius: 25px;}
.fs_rt dl a:nth-child(1) span{background: url(../images/l1.png) no-repeat center center;width:79px;height: 78px;display: inline-block;margin-bottom: 27px;}
.fs_rt dl a:nth-child(2) span{background: url(../images/l2.png) no-repeat center center;width:79px;height: 78px;display: inline-block;margin-bottom: 27px;}
.fs_rt dl a:nth-child(3) span{background: url(../images/l3.png) no-repeat center center;width:79px;height: 78px;display: inline-block;margin-bottom: 27px;}
.fs_rt dl a:nth-child(4) span{background: url(../images/l4.png) no-repeat center center;width:79px;height: 78px;display: inline-block;margin-bottom: 27px;}
.fs_rt dl a:nth-child(5) span{background: url(../images/l5.png) no-repeat center center;width:79px;height: 78px;display: inline-block;margin-bottom: 27px;}
.n_list .fljs{ margin-bottom: 48px;}
.n_list .fljs .fl_l{ width: 48%;}
.n_list .fljs .fl_r{ width: 48%;}
.box4{background: url(../images/ys.jpg) no-repeat top center;height:698px;padding: 50px 0px;}
.ys_tit{text-align: right;margin-top:30px;}
.ys_tit li{font-size: 36px; color: #ffffff; line-height: 36px;}
.ys_tit p{text-transform: uppercase; font-size:24px; color: #ffffff; line-height: 24px;margin-top: 8px;}
.ys_lf{ margin-top: 38px;}
.ys1{ margin-top: 62px; height: 120px}
.ys_t{ font-size: 22px; color: #ffffff;font-style: italic; background: url(../images/line.png) no-repeat bottom left; padding-bottom: 15px;}
.ys_t span{text-transform: uppercase; font-size: 12px;color: #ffffff;font-style: normal; margin-left: 10px;}
.ys_c{font-size: 16px; color: #ffffff; line-height: 30px; margin-top: 9px;}
.ys_mid{margin-top:38px;margin-left: 36px;}
.ys_rt{margin-top:38px;}
.ys2{margin-top:80px;height:120px}
.ys3{margin-top: 62px;height: 120px}
.ys4{ margin-top: 80px;height: 120px }
.ys_tel{background: url(../images/tel1.png) no-repeat top left; width:430px;margin: 0 auto; height: 40px; line-height: 40px; font-size: 26px; color: #ffffff; margin-top: 35px;}
.ys_tel p{display: inline-block; float: left; margin-left: 108px;font-weight: normal;}
.ys_tel span{ width: 140px; float: right; display: block; text-align: center; font-size: 16px; border:1px solid #ffffff; border-radius: 5px;line-height: 40px; height: 40px;}
.ys_tel span a{color: #ffffff;}
.cgal{padding: 60px 0px;}
.al_l{width: 50%; display: flex; justify-content: space-between;}
.al_l dl{width: 44%; padding: 2%; background: #f9f9f2;}
.al_l dl a{display: block; padding: 2%; background: #fff;}
.al_l dl ol{max-width: 295px; max-height: 210px; overflow: hidden;}
.al_l dl ol img{width: 295px; height: 210px; transition: all 0.6s;}
.al_l dl dt{line-height: 58px; border-bottom: 1px solid #000000; font-size: 18px; color: #000000; font-weight: bold; margin-bottom: 15px;}
.al_l dl dt span{ color: #888888; font-size: 14px; font-weight: normal; text-transform: uppercase;}
.al_l dl dd{ line-height: 24px; font-size: 14px; color: #888888;}
.al_l dl ul{ text-align: right; font-size: 24px; font-family: impact; color: #272727;}
.al_l dl:hover{ background: #579377;}
.al_l dl:hover ol img{ transition: all 0.6s; transform: scale(1.2);}
.al_r{ width: 39%; background: url(../images/hj.jpg) no-repeat left top; padding: 2% 2% 2% 4%; position: relative; margin-top: -114px;}
.al_r dl{ width: 100%;}
.al_r dl ol{ max-width: 540px; height:360px ; overflow: hidden;}
.al_r dl ol img{ width: 540px; height: 360px; transition: all 0.6s;}
.al_r dl dt{ line-height: 58px; border-bottom: 1px solid #000000; font-size: 18px; color: #000000; font-weight: bold; margin-bottom: 15px;}
.al_r dl dt span{ color: #888888; font-size: 14px; font-weight: normal; text-transform: uppercase;}
.al_r dl dd{ line-height: 24px; font-size: 14px; color: #888888;}
.al_r dl:hover ol img{ transition: all 0.6s; transform: scale(1.2);}
.box7{background:url(../images/gs.jpg) no-repeat top center;padding:60px 0px;}
.ab_lf{width:calc(53% - 14px);border: 7px solid #fff;padding:5% 10% 5% 5%;}
.ab_tit{ width: 240px;color:#ffffff;}
.ab_tit p{font-size:18px;}
.ab_zm{font-size:72px;text-transform:uppercase;line-height:72px;}
.ab_t {margin-left:10px;}
.ab_t li{font-size:30px;line-height:30px;margin-top:7px;}
.ab_t p{font-size:20px;line-height:20px;font-weight:normal;margin-top:8px;}
.ab_con{font-size:16px;color:#ffffff;line-height:35px;margin-top:16px;}
.ablist{margin-top: 15px;}
.ablist li{float: left; width: 154px; height: 48px; line-height: 48px; background: #ffffff; text-align: center; margin-right: 21px; font-size: 16px;}
.ablist li a{color: #333;font-size: 16px;}
.ablist li:hover{background: #fd9418;}
.ablist li:hover a{color: #fff;}
.ab_rt{width:calc(37% - 14px);margin-left: -5%;border: 7px solid #fff;}
.ab_rt img{width: 100%;height: auto;}
.news{ padding: 80px 0px;}
.news_r{ width: 25%;}
.news_r dl{ padding-bottom: 15px; border-bottom: 1px solid #CCCCCC; margin-bottom: 10px; background: url(../images/m1.png) no-repeat right 30px;}
.news_r dl dt{ line-height: 21px; font-size: 14px; color: #888888;}
.news_r dl dd{ line-height: 25px; font-size: 16px; color: #272727; transition: all 0.6s;}
.news_r dl:hover dd{ padding-left: 15px; transition: all 0.6s;}
.newsd{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 30px;}
.newsd dl{ width: 28%; border: 1px solid #E5E5E5; padding: 2%;}
.newsd dl dt{ line-height: 25px; font-size: 16px; color: #000000; transition: all 0.6s;}
.newsd dl ol{ line-height: 19px; color: #888888; padding-bottom: 19px;}
.newsd dl dd{ line-height: 24px; font-size: 14px; color: #888888;}
.newsd dl:hover{ background: #549378;}
.newsd dl:hover dt, .newsd dl:hover ol, .newsd dl:hover dd{ color: #fff;}
.newsd dl:hover dt{ padding-left: 25px; transition: all 0.6s;}
.advantage {width: 72%; margin-right: 3%; background: #f8f8f8;}
.advantage_t{ position: absolute; left: 0; top: 0; z-index: 2;}
.advantage_p { margin: 0 auto; position: relative; padding: 25px;}
.advantage_p .tab_box_2 { width: 100%; height: 370px; overflow: hidden; display: block; position: relative; }
.youshi_pro_1 { height: 370px; position: relative;}
.youshi_pro_1_l { float: left; width: 460px; height: 300px; overflow: hidden;}
.youshi_pro_1_l img { width: 460px; height: 300px;}
.youshi_pro_2a { float: left; width: 500px; margin-left: 1px; padding-right: 45px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background:url(../images/ys_line.png) no-repeat 417px 48px;}
.youshi_pro_2a h5 { height: 70px; line-height: 50px; font-size: 20px; font-weight: bold;padding: 0px;margin: 0px;}
.youshi_pro_2a h4 { line-height: 1; font-size: 14px; color: #333333;padding: 0px;margin: 0px;}
.youshi_pro_2a ol{ line-height: 32px; padding-bottom: 20px; border-bottom: 1px solid #000; font-size: 16px; color: #272727; text-transform: uppercase; padding-top: 15px; margin-bottom: 15px;}
.youshi_pro_2a ol span{ float: right; padding-right: 30px;}
.youshi_pro_2a ol span img{ padding-top: 13px;}
.youshi_pro_2a ul{ line-height: 50px; font-size: 30px; font-family: impact; color: #000;}
.youshi_pro_2_1 { line-height: 30px; padding: 28px 0 0 0; color: #888888; font-size: 14px;}
.youshi_pro_2_1 i{ display: block; height: 12px;}
.advantage_l { float: left; background: url(../images/ys_l.png) no-repeat center; display: block; width: 40px; height: 40px; cursor: pointer; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; position: absolute; left: 584px; top: 350px; z-index: 5; border: 1px solid #549378;}
.advantage_r { float: left; background: url(../images/ys_r.png) no-repeat center #549378; display: block; width: 42px; height: 42px; cursor: pointer; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; position: absolute; left: 645px; top: 350px; z-index: 5;}
.advantage_p .hd { width: 353px; height: 520px; position: absolute; right: 0; top: 0;}
.advantage_p .hd ul{}
.advantage_p .hd ul li { cursor: pointer; height: 110px; color: #888888; position: relative; background: #fff; margin-bottom: 16px;}
.advantage_p .hd ul li h6{ width: 91px; height: 110px; line-height: 110px; position: absolute; right: 0; top: 0px; color: #C5D6DE; font-size: 70px; font-weight: bold; font-family: Arial;padding: 0px;margin: 0px;}
.advantage_p .hd ul li i { display: block; width: 60px; height: 60px; float: left; margin-left: 27px; margin-top: 25px; margin-right: 18px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; border-radius: 50%;}
.advantage_p .hd ul li i.d1{ background:url(../images/ys_d1.png) no-repeat 0 0 #0060b0;}
.advantage_p .hd ul li i.d2{ background:url(../images/ys_d2.png) no-repeat 0 0 #0060b0;}
.advantage_p .hd ul li i.d3{ background:url(../images/ys_d3.png) no-repeat 0 0 #0060b0;}
.advantage_p .hd ul li i.d4{ background:url(../images/ys_d4.png) no-repeat 0 0 #0060b0;}
.advantage_p .hd ul li span { display: block; font-size: 16px; color: #333333; padding-top: 32px;}
.advantage_p .hd ul li b { display: block; color: #333333; font-weight: normal; text-transform:uppercase; font-size: 12px; padding-top: 5px;}
.advantage_p .hd ul li.on i.d1{ background:url(../images/ys_d1.png) no-repeat 0 -60px #fff;}
.advantage_p .hd ul li.on i.d2{ background:url(../images/ys_d2.png) no-repeat 0 -60px #fff;}
.advantage_p .hd ul li.on i.d3{ background:url(../images/ys_d3.png) no-repeat 0 -60px #fff;}
.advantage_p .hd ul li.on i.d4{ background:url(../images/ys_d4.png) no-repeat 0 -60px #fff;}
.advantage_p .hd ul li.on{background: #0060b0; position: relative; z-index: 5;}
.advantage_p .hd ul li.on span { color: #fff;}
.advantage_p .hd ul li.on b{ color: #C5D6DE;}
.advantage_p .hd ul li.on h6{ color: #C5D6DE;}
.nlx{ margin-top: 50px;}
.nlxt{ height: 40px; line-height: 40px; background: #579377; font-size: 16px; color: #fff; padding-left: 20px;}
.nlxb{ background: #f4f5f7; padding: 10px; line-height: 30px; font-size: 14px;}
.yqlj{ line-height:29px;text-align: center;background: #37313F;font-size: 14px;color: #fff;}
.yqlj a{color: #fff; margin-right:10px;}
.yqlj a:hover{color: #579377;}
/*内页样式*/
#left{ width:230px; float:left; margin-right:20px; margin-top:30px;margin-bottom: 20px;}
#right{width:950px; float:right; margin-top:30px;margin-bottom: 20px;}
.title3{text-align: center;font-size: 36px;font-weight: bold;border-bottom: 1px solid #ccc;color: #303030;padding-bottom: 10px;}
.title3 span{color: #222;}
.title3 li{width:40px;height: 3px;background-color: #579377;margin:8px auto 0px auto;}
.mup1{height:26px; line-height:26px; border-bottom:#ccc 1px solid; margin-bottom:10px; background:url(../images/new_jt.jpg) no-repeat 10px center; padding-left:20px; font-size:14px; color:#000;margin-top: 10px;}
.mup{width: 100%;background-color: #EFEFEF;border-bottom: 1px solid #DFDEDE;height: 42px;line-height: 42px;font-size: 14px;}
.mup img{margin-right: 5px;}
.mup span{float: right;}
.mup span a{font-size: 16px;}
.hg{line-height:30px;}
.tittle{text-align: center;font-size:24px;font-weight: bold;margin-bottom: 10px;}
.lb{text-align: left;}
.lb a{ color:#333;}
.lb a:hover{color: #579377;}
.nyxw2{width:48%;float: left;text-align: left;height:40px;line-height:40px;border-bottom: 1px #D5D5D5 dotted;margin-right:4%; background:url(../images/cion01.gif) no-repeat left center;color:#333;}
.nyxw2 a{ padding-left:20px; color:#333;}
.nyxw2 span{float: right;height:40px;line-height:40px}
.nyxw2:nth-child(2n){margin-right: 0px;}
.nyxw2 a:hover{color: #579377;}
.page{text-align: center;margin: 10px auto 10px auto;}
.page li{display: inline-block;line-height: 40px;border: 1px solid #cccccc;padding: 0 18px;margin: 0px 3px;border-radius: 3px;}
.page li a{color: #999999;font-size: 14px;}
.page li:hover{background-color: #579377;border: 1px solid #579377;}
.page li:hover a{color: #fff;}
.current{background-color: #579377!important;border: 1px solid #579377!important;}
.current a{color: #fff!important;}
.inews ul{border-bottom: 1px solid #ccc;padding-bottom: 10px;margin-bottom: 10px;}
.inews ul li{background:url(../images/cion01.gif) no-repeat left center;line-height: 32px;height: 32px;}
.inews ul li a{ padding-left:20px;font-size:16px;}
.inews ul li a:hover{color: #579377;margin-left: 5px;}
.inews ul li span{float:right;}
.inews ul p{color:#999;}
/*内页样式*/
.nr{line-height:36px;font-size:14px;margin-bottom:20px;}
.pubdate{text-align: center;font-size:16px;}
.nr a{font-size: 14px;}
.info{margin-bottom: 20px;}
.info img{max-width:940px;height: auto;}
.left{width:240px;float: left;margin-right: 20px;}
.right{float: left;margin-bottom: 20px;}
.cpfl{width: 240px;float: left;margin-right:20px;background-color: #f3f3f3;margin-bottom: 20px;}
.cpfl ul{color: #fff;font-size: 22px;text-align: center;background-color: #579377;height: 50px;padding:20px 0px;}
.cpfl ul p{font-size: 15px;text-transform: uppercase;}
.cpfl li{height:55px;line-height:55px;transition:all .2s ease;border-bottom: 1px solid #fff;text-indent:20px;}
.cpfl li a{font-size:15px;}
.cpfl li:hover{transition:all .2s ease; text-indent:30px;background-color:#FFD994;}
.cpfl li:hover a{color:#fff;}
.cpfl dl{background-color: #579377;height: 46px;line-height: 46px;text-align: center;color: #fff;font-size: 14px;font-weight: bold;}
.cpfl dt{padding: 0px 5px;line-height: 36px;font-size: 14px;}
.nlx{ margin-top: 15px; }
.nlxt{ height: 42px; line-height: 42px; background: #579377; font-size: 16px; color: #fff; padding-left: 20px;}
.nlxb{ padding:0px 0px 0px 5px; line-height:38px; font-size: 14px; border: 1px solid #CCCCCC;}
table{border-collapse: collapse;}
.cp_l{ width:420px; margin-right:30px;}
.cp_r dl{border-bottom:1px solid #EEEEEE;font-size: 22px;font-weight: bold;background-color: #FAFAFA;line-height: 40px;height: 40px;border-left: 2px solid #579377;padding-left: 10px;}
.cp_r ul{background-color: #FDFDFD;padding: 10px;margin-bottom:5px;}
.cp_r ul li{color: #579377;font-size: 16px;}
.cp_r ul ol img{float: left;width: 130px;margin-right: 10px;}
.cp_r ul ol p{line-height: 26px;font-size: 13px;text-indent: 2em;}
.cp_r dd{font-size: 14px;line-height: 26px;}
.cp_r dt{margin-top:10px;padding: 15px 20px;font-size: 14px;color: #666;background-color: #efefef;border-radius: 15px;overflow: hidden;line-height:31px;}
#preview{ float:none; margin:0px auto; text-align:center; width:420px;}
.jqzoom{width:410px;height:410px;position:relative; border: 1px solid #DDDDDD;display: table-cell; vertical-align: middle; padding: 4px;}
.zoomdiv{ left:859px; height:300px; width:300px;}
.list-h li{ float:left;}
#spec-n5{width:420px;height:56px; padding-top:6px; overflow:hidden;}
#spec-left{width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{float:left; overflow:hidden; margin-left:5px;display:inline;position:relative; width:390px; margin-right:5px;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:65px;}
#spec-list ul li img{padding:2px;border:1px solid #ccc; width:50px; height:50px;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:430px;height:430px;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list div{ margin-top:0;margin-left:0px; width: 100% !important;}
.nyxx{background: #fafafa;color: #444;line-height: 36px;font-weight: bold;font-size: 15px;border-radius: 5px;margin: 10px 0px;}
.nyxx i{background: #579377;width: 2px;height: 20px;display: block;float: left;margin: 8px 10px 0px 0px;}
#toolbar {position: fixed;z-index: 9999;right: 0px;bottom: 15%;}
#toolbar li {margin-bottom: 3px;font-size: 0;width: 57px;height: 57px;right: 0;position: relative;}
#toolbar li a { display: block;position: absolute;z-index: 9;right: 0;top: 0;width: 57px;height: 57px;overflow: hidden;background: #539378;-webkit-transition: all .5s ease;transition: all .5s ease;white-space: nowrap;font-size: 0;}
#toolbar li .icon-font {display: inline-block;vertical-align: middle;width: 57px;height: 57px;background-color: #333;color: #fff;}
#toolbar li .icon-qq:after {background-position: 0 -150px;}
#toolbar li .icon-phone:after {background-position: 0 -90px;}
#toolbar li .icon-ewm:after {background-position: 0 -30px;}
#toolbar li .icon-message:after {background-position: 0 -120px;}
#toolbar li .icon-top:after {background-position: 0 -60px;}
#toolbar li .icon-wangwang:after {background-position: 0 0;}
#toolbar li .wz {display: inline-block;line-height: 57px;font-size: 18px;color: #fff;vertical-align: middle;padding-left: 10px;}
#toolbar li .wz1 {display: inline-block;line-height: 57px;font-size: 20px;font-family: impact;color: #fff;vertical-align: middle;padding-left: 0px;}
.icon-font { position: relative;}
.icon-font:after {content: "";width: 30px;height: 30px;background-image: url(../images/icon_spirit.png);background-repeat: no-repeat;position: absolute;left: calc(50% - 15px);top: calc(50% - 15px);}
#toolbar li.ewm .ewm-box {position: absolute;z-index: 1;padding: 5px;background: #539378;width: 110px;right: 120%;bottom: 0;opacity: 0;visibility: hidden;-webkit-transform: translateX(100%);transform: translateX(100%);-webkit-transition: all .7s;transition: all .7s;}
#toolbar li.ewm .ewm-box p {margin-bottom: 0;}
#toolbar li.ewm .ewm-box img {max-width: 100%;}
#toolbar li.ewm .ewm-box:after {content: '';position: absolute;right: -5px;bottom: 20px;width: 0;height: 0;line-height: 0;font-size: 0;overflow: hidden;border-width: 5px;cursor: pointer;border-style: dashed dashed dashed solid;border-color: transparent transparent transparent #539378;border-right: none;}
#toolbar li.ewm:hover .icon {background-position: -57px -180px;}
#toolbar li.ewm:hover .ewm-box {opacity: 1;visibility: visible; -webkit-transform: translateY(0);transform: translateY(0);}
#toolbar li.backtop {cursor: pointer;}
#toolbar li.backtop .iconfont {color: #fff;background-color: #539378;}
#toolbar li:hover a {width: 200px;}
#toolbar li:hover .icon-font {background-color: #539378;}
#toolbar li:hover .icon-qq:after {background-position: -30px -150px;}
#toolbar li:hover .icon-phone:after {background-position: -30px -90px;}
#toolbar li:hover .icon-ewm:after {background-position: -30px -30px;}
#toolbar li:hover .icon-message:after {background-position: -30px -120px;}
#toolbar li:hover .icon-wangwang:after {background-position: -30px 0;}
#toolbar li:hover .icon-top:after {background-position: -30px -60px;}
@media screen and (min-width:1400px){
.moddle{ width:1400px;}	
.header .hdr{width:1000px;}
.nav li .v1{width: 120px;}
.n_list li{ width:341px;margin-right:12px;float:left;margin-bottom: 16px;}
.n_list li:nth-child(4n){margin-right:0px;}
.n_list li ol{ width:341px;height:260px;overflow: hidden;display: inline-table;}
.n_list li ol img{width: 100%; height: 100%; transition: all 0.6s;}
.n_list li:hover ol img{transition: all 0.6s; transform: scale(1.2);}
.n_list li p{ line-height:46px;background:#F5F5F5;font-size:16px;color:#444444;text-align:center;}
.n_list li:hover p{background:#579377;color:#fff;}
.ys_tit{width:560px;}
.ys_lf{width:440px;}
.ab_rt{margin-top:90px;}
.prolist {width:100%;overflow:hidden;}
.prolist dl {float:left;width:272px;height: auto;line-height: 0px;margin-right: 10px;}
.prolist dl:nth-child(5n){margin-right: 0px;}	
.prolist dt {width:270px;height: auto;text-align: center;border: 1px solid #CCCCCC;border-radius: 5px;}
.prolist dt a {width: 100%;}
.prolist dd {text-align: center;height:46px;line-height:46px;overflow: hidden;font-size: 14px;width: 100%;}
.pro_list_img {width:270px;height:270px;display: table-cell;vertical-align: middle;margin: 0px;float: none;line-height: 0px;
font-size: 0px;overflow: hidden;}
.prolist dt .pro_list_img img {padding: 0px;border: none;width: auto;height: auto;max-width: 100%;max-height: 100%;display: block;margin: auto;line-height: 0px;font-size: 0px;cursor:pointer;transition: all 0.6s;}
.prolist dl dd a {color: #333;}
.prolist dt:hover .pro_list_img img{transform:scale(1.3);}
.prolist dl:hover dd a{color: #579377;}
.right{width:1140px;}
.product {width: 100%;overflow: hidden;}
.product dl {float: left;width:276px;height: auto;line-height: 0px;margin-right: 12px;}
.product dl:nth-child(4n){margin-right: 0px;}	
.product dt {width:274px;height: auto;text-align: center;border: 1px solid #CCCCCC;border-radius: 5px;}
.product dt a {width: 100%;}
.product dd {text-align: center;height:46px;line-height:46px;overflow: hidden;font-size: 14px;width: 100%;}
.product_img {width:274px;height:274px;display: table-cell;vertical-align: middle;margin: 0px;float: none;line-height: 0px;
font-size: 0px;overflow: hidden;}
.product dt .product_img img {padding: 0px;border: none;width: auto;height: auto;max-width: 100%;max-height: 100%;display: block;margin: auto;line-height: 0px;font-size: 0px;cursor:pointer;transition: all 0.6s;}
.product dl dd a {color: #333;}
.product dt:hover .product_img img{transform:scale(1.3);}
.product dl:hover dd a{color: #579377;}
.cp_r{ width:690px;}
}	
@media screen and (max-width:1399px){
.moddle{ width:1200px;}
.header .hdr{width:800px;}
.nav li .v1{width:95px;}	
.n_list li{ width:291px;margin-right:12px;float:left;margin-bottom: 16px;}
.n_list li:nth-child(4n){margin-right:0px;}
.n_list li ol{ width:291px;overflow: hidden;display: inline-table;padding: 0px;}
.n_list li ol img{width: 100%; height: 100%; transition: all 0.6s;}
.n_list li:hover ol img{transition: all 0.6s; transform: scale(1.2);}
.n_list li p{ line-height:46px;background:#F5F5F5;font-size:16px;color:#444444;text-align:center;}
.n_list li:hover p{ background:#579377;color:#fff;}
.ys_tit{width: 460px;}
.ys_lf{width: 340px;}
.ab_rt{margin-top:120px;}
.prolist {width: 100%;overflow: hidden;}
.prolist dl {float: left;width:232px;height: auto;line-height: 0px;margin-right: 10px;}
.prolist dl:nth-child(5n){margin-right: 0px;}	
.prolist dt {width:230px;height: auto;text-align: center;border: 1px solid #CCCCCC;border-radius: 5px;}
.prolist dt a {width: 100%;}
.prolist dd {text-align: center;height:46px;line-height:46px;overflow: hidden;font-size: 14px;width: 100%;}
.pro_list_img {width:230px;height:230px;display: table-cell;vertical-align: middle;margin: 0px;float: none;line-height: 0px;
font-size: 0px;overflow: hidden;}
.prolist dt .pro_list_img img {padding: 0px;border: none;width: auto;height: auto;max-width: 100%;max-height: 100%;display: block;margin: auto;line-height: 0px;font-size: 0px;cursor:pointer;transition: all 0.6s;}
.prolist dl dd a {color: #333;}
.prolist dt:hover .pro_list_img img{transform:scale(1.3);}
.prolist dl:hover dd a{color: #579377;}
.right{width:940px;}
.product {width: 100%;overflow: hidden;}
.product dl {float: left;width:226px;height: auto;line-height: 0px;margin-right: 12px;}
.product dl:nth-child(4n){margin-right: 0px;}	
.product dt {width:224px;height: auto;text-align: center;border: 1px solid #CCCCCC;border-radius: 5px;}
.product dt a {width: 100%;}
.product dd {text-align: center;height:46px;line-height:46px;overflow: hidden;font-size: 14px;width: 100%;}
.product_img {width:224px;height:224px;display: table-cell;vertical-align: middle;margin: 0px;float: none;line-height: 0px;
font-size: 0px;overflow: hidden;}
.product dt .product_img img {padding: 0px;border: none;width: auto;height: auto;max-width: 100%;max-height: 100%;display: block;margin: auto;line-height: 0px;font-size: 0px;cursor:pointer;transition: all 0.6s;}
.product dl dd a {color: #333;}
.product dt:hover .product_img img{transform:scale(1.3);}
.product dl:hover dd a{color: #579377;}
.cp_r{ width:490px;}
.n_list li ol { min-width: 287px !important;}
.n_list .pcontt {WIDTH: 89% !important;}
.ss_r{ width: 23% !important;}	
.newsd dl dt{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}	
.n_list1 dl{ padding: 145px 10% 126px 10% !important;}	
.about_l img{ margin-left: -15px !important;}
}