@font-face{font-family:'MicrosoftYaHeiLight';src:url('../fonts/microsoftyaheiuilight.ttf') format('truetype')}

body{font:14px "Microsoft YaHei","微软雅黑"; background-color:#eef0f1;}



.clearfix:before,.clearfix:after {display: table;content:'';}

.clearfix:after { clear: both; }

.clearfix { *zoom:1;}

.pull-left{float: left;}

.pull-right{float: right;}



header{ position: relative; z-index: 99999;}

.search-header{ position: fixed; left: 0; top:-76px; z-index:9999; padding:0 300px; width: 100%; background: #fff; border-top:solid 1px #eee; transition: all 0.3s;}

.search-header .col-xs-12{ display: flex; align-items: center; justify-content: space-between; padding: 0 15px; width: 100%; height:76px;}

.search-header .left{ display: flex; align-items: center;}

.search-header .left .tel{ margin-left: 20px;}

.search-header form{ display: flex; align-items: center; width:600px; height: 50px; border: solid 3px #99CC01; border-radius: 25px;}

.search-header form .xiala{ position: relative;}

.search-header form .xiala .biaoti{ position: relative; z-index: 2; display: flex; justify-content: center; align-items: center; width:120px; height:44px; background: #ccc; border-radius:22px 0 0 22px; cursor: pointer;}

.search-header form .xiala .biaoti .mc{ color: #333;}

.search-header form .xiala .biaoti .icon{ margin-left: 5px; font-size: 16px; transform:rotate(90deg);}

.search-header form .xiala .biaoti input{ position: absolute; left: 0; top: 0; visibility: hidden; opacity: 0;}

.search-header form .xiala ul{ display: none; position: absolute; left:-3px; right: -3px; top:0; z-index: 1; padding-top:44px; background: #fff; border: solid 3px #99CC01; border-top:none; border-radius: 22px 0 0 0;}

.search-header form .xiala ul:before{ content:""; position: absolute; right: -3px; top: 0; z-index: 1; width: 3px; height: 44px; background: #fff;}

.search-header form .xiala:hover .biaoti{ background: #eee;border-radius:22px 0 0 0;}

.search-header form .xiala:hover ul{ display: block;}

.search-header form .xiala ul li{ line-height: 40px; cursor: pointer; text-align: center;}

.search-header form .xiala ul li:nth-child(n+2){ border-top: solid 1px #eee;}

.search-header form .xiala ul li:hover{ background: #eee;}

.search-header form .box{ display: flex; justify-content: space-between; align-items: center; padding:0 0 0 15px; width: calc(100% - 120px);}

.search-header form .box input{ width: calc(100% - 64px); height: 44px; color: #333; line-height: 44px; background: none; border: none;}

.search-header form .box button{ padding: 0; width: 64px; height: 44px; background: url(../images/icon_fdj_pc2.png) no-repeat center center / 24px auto; border: none;}

.search-header .ziduan ul{ display: flex; align-items: center;}

.search-header .ziduan ul li:nth-child(n+2){ margin-left:40px;}

.search-header .ziduan ul li a{ display: block; color: #333; line-height: 24px;}

.search-header .ziduan ul li a:hover{ color: #99CC01;}

.search-header.active{ top:44px;box-shadow: 0 3px 5px rgba(0,0,0,0.1);}



#demo{display:block}

#demo4{display:none}

.mob_menu,.mob_con_title{display:none}

.bg-grey{background-color:#eef0f1}

.carousel-inner img{width:100%;height:100%}

.top-menu{width:100%;height:75px;background-color:#6db102;opacity:0.8;position:fixed;top:0;z-index:999;line-height:75px}

.top-menu>div{margin:0 80px;display:flex;justify-content:space-between}

.logo-img>a{display:inline-block;width:370px}

.ul-list a.limt{background-color:#99CC01}

.ul-list a:hover{background-color:#99CC01}

.logo-img>a>img{width:100%;height:auto}

.heig{height:75px;width:100%;display:block;border:1px solid red;visibility:hidden}

.menu-list a{line-height:27px;color:#ffffff}

.index-items-title{text-align:center;padding:45px 0 20px}

.index-items-title h2{font-family:MicrosoftYaHeiLight;font-size:36px;font-weight:normal;font-stretch:normal;line-height:55px;letter-spacing:0px;color:#040000}

.index-items-title p{font-size:16px;font-weight:normal;font-stretch:normal;line-height:48px;letter-spacing:0px;color:#040000;opacity:0.5}

.index-items-title i{display:inline-block;height:2px;width:67px;background:#080103;border:1px solid #7b787a;display: none}

.index-items-list{max-width:1400px;margin:0 auto;display:flex;flex-wrap:wrap}

.index-items-item{ margin-right:10px; margin-bottom:25px; padding-bottom:10px; width:calc((100% - 40px) / 4); background-color:#FFFFFF}

.index-items-item:nth-child(5n+5){ margin-right:0;}

.index-items-list.fwlc{ margin-bottom: 20px;}

.index-items-list.fwlc .index-items-items{ margin-right:10px; width: calc((100% - 50px) / 6);}

.index-items-list.fwlc .index-items-items:nth-child(6n+6){ margin-right:0;}

.index-items-list.jdal .index-items-item{ width: calc((100% - 40px) / 5);}

.index-items-list.jdal .index-items-item:nth-child(4n+4){ margin-right:10px;}

.index-items-list.jdal .index-items-item:nth-child(5n+5){ margin-right:0;}

.index-items-list.zulin .index-items-item{ width: calc((100% - 30px) / 4);}

.index-items-list.zulin .index-items-item:nth-child(5n+5){ margin-right:10px;}

.index-items-list.zulin .index-items-item:nth-child(4n+4){ margin-right:0;}

.index-items-list.zulin .index-items-item a{ background: #fff;}

.index-items-item a{display:block;overflow:hidden;}

.index-items-item a .mc{ padding:0 15px; font-size: 16px; color:#7e8c8d; line-height: 30px; text-align: left !important;}

.index-items-items a{ display: block; height:310px;line-height:310px;display:inline-block;overflow:hidden}

.index-items-item p>a{display:block;overflow:hidden;font-family:MicrosoftYaHeiLight;font-size:16px;color:#999999;padding-left: 10px;padding-right: 10px}

.index-items-item img{width:100%;height:auto}

.banner-bg{text-align:center;margin-bottom:30px}

.banner-bg h2{font-family:MicrosoftYaHeiLight;color:#040000;font-size:36px;font-weight:normal;line-height:27px}

.banner-bg p{font-size:16px;color:#040000;line-height:75px;opacity:1}

.index-items-title p{line-height:48px;}

.pro .index-items-list{display:flex;}

.case .index-items-list{margin:20px auto}

.youshi .index-items-list{margin:20px auto 10px}

.pro .index-items-item>a{ display: block;}

.case .index-items-item>a{ display: block;background-color:#fff}

.proitems>p.prott{color:#159800;padding:0 10px;}

.proitems .jia{ display: flex; align-items: center; justify-content: space-between; margin-top:5px; font-size: 14px;color: red;padding:0 10px;}

.proitems .jia .jiage{max-width: calc(100% - 80px); overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}

.proitems .jia .jiaru{ padding:0 5px; line-height: 20px; font-size: 12px; color:#333; border: solid 1px #159800; border-radius: 3px; cursor: pointer;}

.proitems .jia .jiaru:hover{ color: #fff; background: #159800; border-color: #159800;}



.youshi .index-items-item{ margin-right:20px; width:calc((100% - 60px) / 4); text-align:center}

.youshi .index-items-item:nth-child(4n+4){ margin-right:0;}

.youshi .index-items-item:nth-child(n+5){ margin-top:20px;}

.case{padding-bottom:1px}

.index-items-item>span>a{display:block;text-align:center;font-family:MicrosoftYaHeiLight;font-size:16px;line-height:40px;color:#333;height:40px}

.youshi .index-items-item>span{font-family:MicrosoftYaHeiLight;font-size:16px;font-weight:normal;font-stretch:normal;line-height:27px;letter-spacing:0px;color:#333333;padding:20px 0}

.youshi .index-items-item>p{font-family:MicrosoftYaHeiLight;font-size:12px;font-weight:normal;font-stretch:normal;line-height:20px;letter-spacing:0px;color:#666666;text-align:justify;margin:0 10px}

.youshi .index-items-item>p>a{font-family:MicrosoftYaHeiLight;font-size:12px;font-weight:normal;font-stretch:normal;line-height:20px;letter-spacing:0px;color:#666666;text-align:justify;/*width:330px*/}

.service>a{display:inline-block;height:auto;line-height:inherit;text-align:center}

.service>a>span{font-family:MicrosoftYaHeiLight;font-size:16px;font-weight:normal;font-stretch:normal;line-height:40px;letter-spacing:0px;color:#666;text-align:justify}

.service>a>p{font-family:MicrosoftYaHeiLight;font-size:12px;font-weight:normal;font-stretch:normal;line-height:20px;letter-spacing:0px;color:#666666;padding:3px;margin:5px;text-align:justify}

.service>a>img{width:100%;height:auto;}

.service>div{padding-top:100px;width:70px;text-align:center}

.service>div>img{width:38px;height:38px}

.news .index-items-title{ max-width:1400px;margin:0 auto;border-bottom:1px solid #eee;padding-bottom:50px}

.news .index-items-list{padding:10px 0}

.index-items-list>.news-items{flex:1}

.news .index-items-item>h4{font-family:MicrosoftYaHei;font-size:18px;font-weight:normal;font-stretch:normal;line-height:27px;letter-spacing:0px;color:#221714}

.news .index-items-item a{color:#221714}

.news-items>span{display:block;width:90px;font-family:MicrosoftYaHei;font-size:16px;font-weight:normal;font-stretch:normal;line-height:43px;letter-spacing:1px;color:#666666;border-top:2px solid #aaaaaa;margin-top:20px}

.news-items>a>h4{font-family:MicrosoftYaHei;font-size:18px;font-weight:normal;font-stretch:normal;line-height:27px;letter-spacing:0px;color:#221714}

.news-items i{display:block;height:1px;width:20px;background:#aaaaaa;border:1px solid #aaaaaa;margin:10px 0}

.news-items a{font-family:MicrosoftYaHeiLight;font-size:16px;font-weight:normal;font-stretch:normal;line-height:43px;letter-spacing:1px;color:#666666}

.news-items a:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.news-items>p{width:330px;font-family:MicrosoftYaHeiLight;font-size:12px;font-weight:normal;font-stretch:normal;line-height:20px;letter-spacing:0px;color:#666666; height: 40px; overflow: hidden;}

.news-items>p>a{font-size:12px;line-height:20px;color:#666666}

.index-items>div.forms{width:950px;margin:0 auto;padding:50px 0}

.forms>h4{font-family:MicrosoftYaHei;font-size:18px;font-weight:normal;font-stretch:normal;line-height:27px;letter-spacing:0px;color:#221714}

.forms>div.index-items-list{margin:10px 0;display:flex;justify-content:start}

div.forms input{height:50px;border:none;background:none;border-bottom:1px solid #aaaaaa;margin-right:10px;text-indent:10px;outline:none}

div.forms::-webkit-input-placeholder{font-family:MicrosoftYaHei;font-size:12px;font-weight:normal;font-stretch:normal;line-height:30px;letter-spacing:0px;color:#999999}

div.forms>p{font-family:MicrosoftYaHei;font-size:12px;font-weight:normal;font-stretch:normal;line-height:30px;letter-spacing:0px;color:#999999}

a.btn{width:208px;height:47px;font-family:MicrosoftYaHeiLight;line-height:47px;text-align:center;border:solid 1px #666666;border-radius:25px;font-size:18px;color:#000000;opacity:0.5}

a.btn.btn-more{display:block;margin:0px auto 0px;padding:0}

a.btn.btn-news-more{width:140px;height:36px;font-family:MicrosoftYaHeiLight;font-size:12px;line-height:36px;margin:30px 0;padding:0}

a.btn.btn-submit{width:177px;height:41px;font-family:MicrosoftYaHeiLight;font-size:18px;font-weight:normal;font-stretch:normal;line-height:41px;letter-spacing:0px;color:#008d67;border:1px solid #008d67;margin-top:9px;padding:0}

button.btn.btn-submit{width:177px;height:41px;font-family:MicrosoftYaHeiLight;font-size:18px;font-weight:normal;font-stretch:normal;line-height:41px;letter-spacing:0px;color:#008d67;border:1px solid #008d67;margin-top:9px;padding:0}

a:active,a:hover,a:after{border-color:#008d67;color:#008d67;text-decoration:none}

.footer{background:#009900;font-size:12px;color:#ffffff}

.footer>div{width:1400px;display:flex;justify-content:space-between;margin:0 auto;padding:20px 0}

.footer>div>div:first-child{margin-top:20px}

.footer p{text-align:left}

.footer p>span{display:inline-block;padding:0 15px 15px}

.about{display:flex;justify-content:space-between}

.about-left{width:240px;margin:20px 20px 0px 20px}

.img-list>a{display:block;width:240px;height:inherit}

.img-list img{width:100%;height:auto}

.about-left-title{width:240px;height:80px;background:#009900;color:#ffffff;font-family:MicrosoftYaHeiLight;font-size:24px;font-weight:400;font-stretch:normal;line-height:27px;padding-left:25px;padding-top:20px}

.about-left-title>span{display:block}

.about-left-title>span:last-child{font-size:14px}

.about-left>ul{line-height:80px;background:#ededed}

.about-left>ul>li{border-bottom:1px solid #d9d9d9;padding-left:25px}

.about-left>ul>li>a{color:#2f2f2f;padding-left:10px}

.about-left>ul>li>a.active{color:#009900;border-left:5px solid}

.about-right{margin-top:20px;margin-right:20px; width: calc(100% - 240px - 20px);}

.about-con-title{height:60px;display:flex;justify-content:space-between;line-height:60px;border-left:9px solid #0168b7;border-bottom:1px solid #d9d9d9;padding:0 10px}

.about-con-title>span{font-family:MicrosoftYaHeiLight;font-size:24px;font-weight:normal;font-stretch:normal;letter-spacing:0px;color:#0168b7}

.about-con-title p{color:#999999;font-size:12px}

.about-con-title a{color:#999999}

.about-con-title a.active{color:#0168b7}

.about-con-title .youxiu{float: left;}

.about-con-title .youxiu>input{display:inline-block !important; width:auto !important}

.about-content{padding:24px 10px 24px 10px}

.tc-content{padding:24px 10px 24px 10px}

.about-content.case,.about-content.news{padding:24px 10px 24px 10px}

.about{max-width:1440px;margin:0 auto}

.case-list{display:flex;justify-content:space-between;flex-wrap:wrap}

.case-list.active{ margin-top: -20px;}

.case-list span{display:block}

.about-content.case.pc-pro-list .case-list{ justify-content: flex-start;}

.about-content.case.pc-pro-list .case-list .case-item{ margin-right: 6px; width: calc((100% - 18px) / 4);}

.about-content.case.pc-pro-list .case-list .case-item:nth-child(4n+4){ margin-right: 0;}

.about-content.case.pc-pro-list .case-list .case-item span{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}





.case-item{text-align:center;margin-top:10px;width:273px;height:inherit;border:1px solid #e5e5e5;    padding-bottom: 0px;}

.case-item a {height: 150px;

    display: inline-block;}



.case-item.taoc img{width:100%;height:inherit;min-height:230px}

.case-item img{height: 100%;}

.case-item span{ display: block; padding:0 15px; font-size:14px;line-height:40px; text-align: left;}

.case>h2{font-size:24px;text-align:center;margin:30px}

.case>div.case-msg{margin:0 20px}

.news-item{border-bottom:1px solid #d9d9d9;display:flex;justify-content:flex-start;padding:20px 0}

.news-list.active .news-item:nth-child(1){ padding-top: 0;;}

.news-item>a{width:271px;height:220px}

.news-item>a>img{width:100%;height:100%}

.news-item>div{flex:1;font-family:MicrosoftYaHeiLight;display:flex;justify-content:space-between;flex-direction:column;padding:20px 0 0 20px}

.news-item>div p:first-child{font-family:MicrosoftYaHeiLight;font-size:16px;display:flex;justify-content:space-between}

.news-item>div p:first-child>a{color:#2f2f2f}

.news-item>div p:first-child>span{font-size:14px}

.news-item>div p:nth-child(2){font-size:14px;color:#aaaaaa;line-height:20px}

.news-item>div p:last-child{text-align:right}

.news-item>div p:last-child>a{display:inline-block;border:1px solid #d9d9d9;height:30px;width:80px;line-height:27px;text-align:center;color:#aaaaaa}

.category_list{margin:20px 0 10px}

p.category_item{margin-bottom:8px;border-bottom:1px solid #eee}

.category_item>span{width:90px;text-align:right;display:inline-block}

.category_item>a{display:inline-block;padding:0 10px;color:#666;line-height:20px;font-size:12px;min-width:50px}

.category_item>a.active{color:#159800}

.pro-list{display:flex;flex-wrap:wrap}

.pro-item{ position: relative; margin-right:13px; width:calc((100% - 13px * 3) / 4);border:1px solid #d9d9d9;margin-bottom:13px}

.pro-item:nth-child(4n+4){ margin-right:0;}

.pro-item.left{width:240px;margin-top:20px; height: auto !important;}

.pro-item>a{display:block;height:auto;position:relative; padding-bottom:10px;}

.pro-item.left>a{height:inherit}

.pro-item img{width:100%;height: 240px; margin:0 auto;display:block}

.pro-item .item{display:block; padding:0 15px; line-height:24px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}

.pro-item .item:nth-child(2) a{ color: #212529;}

.pro-item .item:nth-child(4){ display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; margin-top:5px; color:#159800}

.pro-item .item:nth-child(4) .jiage{ max-width: calc(100% - 80px); overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}

.pro-item .item:nth-child(4) .jiaru{ padding:0 5px; line-height: 20px; font-size: 12px; color:#333; border: solid 1px #159800; border-radius: 3px; cursor: pointer;}

.pro-item .item:nth-child(4) .jiaru:hover{ color: #fff; background: #159800; border-color: #159800;}

.pro-item a{ display: block; padding:0;}

.pro-list.taoc .pro-item span:nth-child(3){ font-size: 16px;}

.pro-item.left span{ display: block; padding:0 15px;line-height:30px;font-size:14px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}

.pro-item.left span.biaoti2{ color: #159800;}

div.about-left-title.pro-detail{height:60px;line-height:60px}

div.about-left-title.pro-detail>span{font-size:24px;font-weight:normal;font-stretch:normal;line-height:20px;letter-spacing:0px;color:#ffffff}

.pro-con{height:720px}

.pro-info{border:1px solid red;height:710px;width:470px;position:relative;top:-460px;right:-650px}

.page{text-align:center;line-height:30px;padding:20px 0}

.footers{display:none}

.clear{clear:both}

#Nmain .wrapper.clearfix .NMate .NMtcont .NMtri{width:930px;float:right;margin-right:20px}

.LISTtop{margin-top:20px}

.LISTtop ul li{font-size:14px;color:#333;line-height:20px;margin-bottom:8px;overflow:hidden}

.LISTtop ul li span{width:90px;text-align:right;display:block;float:left}

.LISTtop ul li a{ display:block;padding:0 10px;background-color:#989898;border-radius:3px;color:#FFF;float:left;line-height:20px;font-size:12px;margin:0 8px;min-width:50px}

.LISTtop ul li  .currs{background-color:#159800}

.LIstcent{margin-top:10px}

.LICE_pic{float:left;width:520px;height:462px;overflow:hidden}

.LIst_ta{float:right; padding-left:30px; width: calc(100% - 617px);}

.LIst_ta table{border-collapse:collapse;width:470px}

.LIst_ta table .tab_t{width:100px;text-align:center;font-weight:bold;color:#159800}

.LIst_ta table tr td{line-height:20px;padding:5px}

.LIst_ta table .tab_d{padding-left:20px}

.LIst_ta table .tab_txt{font-family:Arial,Helvetica,sans-serif,'宋体';line-height:25px;color:#333;padding:10px}

.LIst_ta table .tab_list{padding-left:15px;font-weight:bold;color:#159800}

.List_bot{margin:40px 0}

.ListB_t{height:30px;border-bottom:1px solid #159800}

.ListB_t span{display:inline-block;background-color:#159800;padding:0 15px;line-height:30px;color:#fFF}

.List_bot dl{font-family:Arial,Helvetica,sans-serif,'宋体';line-height:24px;padding:10px}

#preview{float:left;text-align:center;width:617px}

.jqzoom{width:617px;height:617px;position:relative}

.zoomdiv{left:859px;height:435px;width:494px}

.list-h li{float:left}

#spec-n5{width:617px;height:76px;overflow:hidden;margin-top:5px}

#spec-left{background:url(../images/prevbtn.png) no-repeat;width:15px;height:76px;float:left;cursor:pointer;margin-top:2px}

#spec-right{background:url(../images/nextbtn.png) no-repeat;width:15px;height:76px;float:left;cursor:pointer;margin-top:2px}

#spec-list{ float: left;overflow:hidden;display:inline}

#spec-list ul li{float:left;margin-right:0px;display:inline;width:90px;text-align:center}

#spec-list ul li img{padding:2px;border:1px solid #ccc;width:70px;height:70px}

#spec-list ul li img.active{ padding: 1px; border: solid 2px rgba(255,102,0);}

.jqzoom{position:relative;padding:0}

.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:435px;height:494px;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{position:relative;width:580px;margin-left:5px}

#spec-list div{margin-top:0;margin-left:0px;*margin-left:0}

.pen-bgcolor ul{display:flex;justify-content:flex-start;flex-wrap:wrap;width:470px}

.pen-bgcolor ul>li{margin-right:9px;text-align:center;font-size:12px;margin-bottom:10px}

.pen-bgcolor ul>li>a{width:55px;height:55px;display:block;border:1px solid #CCCCCC}

.pen-bgcolor ul>li.active>a{border:1px solid #008d67}

.pen-bgcolor ul>li.active>span{color:#008d67}

.pen-bgcolor ul>li>a>img{width:100%;height:100%}

.lqpage{ display: flex; justify-content: space-between; align-items: center;}

.lqpage a{ display: flex; justify-content: center; align-items: center; padding:0 10px; width:calc(50% - 10px); height: 45px;border: solid 1px #e6e6e6; border-radius: 5px;}

.lqpage a:nth-child(2){ margin-left: 30px;}

.lqpage a span{ font-size: 16px; color: #999999;}

.lqpage a span:nth-child(1){ margin-right: 10px;}

.lqpage a span:nth-child(2){ width: calc(100% - 58px);}

.pro-search{line-height:59px;padding:0 10px}

.pro-search input[type=text]{height:30px; width:200px; border:1px solid #CCCCCC;color:#2f2f2f}

.mob_top_menu{display:none}

.pro-detail-msg,.mob-pro-search{display:none}

.youxiu{padding:0}

.youxiu>input{display:block;width:100%}

.youxiu>input::-webkit-input-placeholder{color:#aaaaaa;text-align:center;font-size:14px}

.youxiu>input:last-child{background:#009900;color:#ffFFFF;border:0}

#demok{display:block;width:617px;height:617px;margin:10px 0;position:relative;border:1px solid #ccc}

#float-box{position:relative;z-index:1}

#float-box>img{width:100%;height:100%}

#small-box{display:none;width:300px;height:400px;position:absolute;background:#ffffcc;border:1px solid #ccc;filter:alpha(opacity=50);opacity:0.5;cursor:move}

#big-box{display:none;position:absolute;top:0;left:620px;width:500px;height:617px;overflow:hidden;border:1px solid #ccc;z-index:999999; background: #fff;}

#big-box img{position:absolute;z-index:5}

.mob-submit,.top-to{display:none}

.mob-submit,.top-tel{display:none}

.sidebar-box{position:fixed;right:0;top:40%;transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);z-index:1000}

.sidebar li{width:50px;height:50px;background-color:#EAEAEA;position:relative;text-align:right;border-bottom:1px solid #DBDBDB;transition:all 0.5s ease-in-out}

.sidebar li i{width:50px;height:49px;position:absolute;right:0;top:0;z-index:1100;background-color:#EAEAEA;transition:all 0.5s ease-in-out}

.sidebar li a{display:block;width:100%}

.sidebar li .text{width:220px;font-size:14px;color:#181818;font-weight:600;position:absolute;left:50px;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);text-align:left;z-index:10}

.sidebar li .icon01{background:url('../images/aside-img001.png') no-repeat center #009900}

.sidebar li .icon02{background:url('../images/aside-img002.png') no-repeat center #009900}

.sidebar li .icon03{background:url('../images/aside-img003.png') no-repeat center #009900}

.sidebar li .icon04{background:url('../images/aside-img004.png') no-repeat center #009900}

.sidebar li .icon05{background:url('../images/aside-img005.png') no-repeat center #009900}

.sidebar li .icon06{background:url('../images/aside-img006.png') no-repeat center #009900}

.sidebar li .icon07{background:url('../images/map01.png') no-repeat center #009900}

.sidebar:hover li{width:250px}

.sidebar:hover li .text{left:30px}

.sidebar li:hover{background-color:#009900}

.sidebar li:hover .text{color:#FFFFFF}

.sidebar li:hover .icon01{background:url('../images/aside-img001.png') no-repeat center #009900}

.sidebar li:hover .icon02{background:url('../images/aside-img002.png') no-repeat center #009900}

.sidebar li:hover .icon03{background:url('../images/aside-img003.png') no-repeat center #009900}

.sidebar li:hover .icon04{background:url('../images/aside-img004.png') no-repeat center #009900}

.sidebar li:hover .icon05{background:url('../images/aside-img005.png') no-repeat center #009900}

.sidebar li:hover .icon06{background:url('../images/aside-img006.png') no-repeat center #009900}

.sidebar li:hover .icon07{background:url('../images/map01.png') no-repeat center #009900}

.pop_box{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background:url(../images/pop_bg.png)}

.pop_box .img{width:296px;margin:0 auto;display:block;position:relative;top:50%;transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%)}

.mob_about,.mob-pro-list,#loadingBox{display:none}

.pc-pro-list{display:block}

.proitems{position:relative}

.proitems>p{display:block;width:100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; line-height: 24px;}

.search-index{text-align:center;border:2px solid #2caeff;background:#2caeff;height:34px;line-height:40px;margin-top:22px;display:flex;border-radius:15px}

.search-index>input,.search-index>select,.search-index>a{height:30px}

.search-index>a{border:1px solid #2caeff;height:30px;line-height:28px;display:inline-block;width:70px;background:#2caeff;color:#fff;border-top-right-radius:15px;border-bottom-right-radius:15px;position:relative}

#fenleis{border-top-left-radius:15px;border-bottom-left-radius:15px;text-indent:10px;color:#666;width:100px;border:0;outline:none}

#skeys{width:200px;border:0;border-left:1px solid #CCCCCC;outline:none}

.icon-search{display:inline-block;width:16px;height:16px;background:url(../images/search.png) no-repeat center;-webkit-background-size:100% 100%;background-size:100% 100%;position:absolute;top:5px;left:7px}

.search-index>a>span{padding-left:15px}

input,button,textarea{ outline:none !important;}

.tr{ transition: all .3s; -webkit-transition: .3s;}

.overflow{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.sizeCover{ background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important;}

.container-fluid-cz-1{ max-width: 1430px !important;}

.container-fluid-cz-1 .row{ display: block;}

.container-fluid-cz-1 .col-xs-12{padding:0 15px; width: 100%;}

.container-fluid-cz-2{ max-width: 1430px !important;}

.main-pad-1{ padding:170px 0;}

.main-pad-2{ padding:40px 0;}

.main-pad-3{ padding:30px 0 0;}

.main-pad-4{ padding:30px;}

.main-pad-5{ padding:20px 0 0;}

.main-pad-6{ padding:10px 0 0;}

.main-pad-7{ padding:60px 0;}

.main-pad-8{ padding:0 20px 170px;}

.main-pad-9{ padding:0 0 170px;}

.main-pad-10{ padding:20px 0 0;}

.main-pad-11{ padding:55px 15px;}

.main-pad-12{ padding:35px 0;}

.main-pad-13{ margin: 30px 0; padding-bottom: 30px;}

.main-background-1{ background: #eef0f1;}

.main-background-2{ background: #fff;}

.main-radius-1{ border-radius: 5px;}

.main-jiangexian-1{ margin:30px 0; height: 1px; background: #e6e6e6;}

.container-fluid-cz-6{ padding:0 15px; max-width:1430px;}

.container-fluid-cz-6 .col-xs-12{ padding: 0 15px;}

.headerzhanweifu11{ height:44px;}

header .top_bar{ padding:0 80px; background: #fff;position: fixed; left: 0; top: 0; z-index: 999; width: 100%; }

header .top_bar .col-xs-12{ display: flex; align-items: center; justify-content: space-between;padding:0 15px; width: 100%; height: 44px;}

header .top_bar .biaoyu{ font-size: 12px; color: #666666;}

header .top_bar .right ul{display: flex; align-items: center;}

header .top_bar .right ul li{ height: 12px; line-height: 12px; font-size: 12px; color: #4bb344;}

header .top_bar .right ul li:nth-child(n+2){ margin-left:15px; padding-left: 15px; border-left:solid 1px #666666;}

header .top_bar .right ul li a{ display: block; font-size: 12px; color: #666666;}

header .top_bar .right ul li a:hover{ color: #4bb344; text-decoration: underline !important;}

header .menu{ padding:0 80px; background: #4bb344;}

header .menu .col-xs-12{display: flex; align-items: center; justify-content: space-between; padding:0 15px; width: 100%; height: 76px;}

header .menu .left{ display: flex; font-size:0; align-items: center;}

header .menu .left .tel{ margin-left:35px;}

header .menu .right ul{ display: flex;}

header .menu .right ul li{ position: relative;}

header .menu .right ul li > a{ display: block; width: 100px; color: #fff; line-height: 76px; text-align: center;}

header .menu .right ul li:hover > a{ background: #99CC01;}

header .menu .right ul li:hover .ol-list{display:block}

header .menu .right ul li a.limt{ background: #99CC01;}

header .menu .right ul li a.limt .ol-list{display:block}

header .menu .right ul li .ol-list{display:none;position:absolute;top:75px;left:0;z-index:999;width:100px;background:#6db102;border-radius:0px;box-shadow:0px 10px 14px 0px

    rgba(0,0,0,0.2)}

header .menu .right ul li .ol-list > li > a{font-size:12px;text-decoration:none;color:#ffFFFF;height:35px;display:flex;align-items:center;border-bottom:1px solid #eee;justify-content:center}

header .menu .right ul li .ol-list > li:last-child > a{border-bottom:0}

header .menu .right ul li .ol-list > li > a>span{height:35px;line-height:35px}

.col-md-3-cz-1{ flex: none; max-width: initial; width:50% !important;}

.col-md-9-cz-1{flex: none; margin-left:30px; max-width: initial; width: calc(50% - 30px) !important;}

.header .col-xs-12{ display: flex; align-items: center; justify-content: space-between;  height: 120px;}

.header .col-xs-12 .left{ display: flex; align-items: center;}

.header .col-xs-12 .left .logo{ margin-right: 20px;}

.header .right{ display: flex; align-items: center;}

.header .right .this{ width: 160px; height: 44px; font-size: 22px; color: #000000; text-align: center; line-height: 42px; border: solid 1px #e6e6e6; border-radius: 5px;}

.header .right .fanhui{ margin-right: 20px; padding-right: 20px; border-right:solid 1px #eee;}

.header .right .fanhui a{ font-size: 16px; color: #666; line-height: 16px;}

.header .right.active .this{ color: #4bb344;}

.banner{ position: relative; font-size: 0;}

.banner img{ width: 100%;}

.banner .swiper-pagination{ position: absolute; left: 0; bottom: 20px; z-index: 1; width: 100%; font-size: 0; text-align: center;}

.banner .swiper-pagination span{ margin: 0 3px; width:40px; height:5px; background: #fff; opacity: .5; border-radius: 0; transition: all 0.3s; outline: none;}

.banner .swiper-pagination span.swiper-pagination-bullet-active{ opacity: 1;}

#cpboxs{ position: relative;}

#cpboxsLine{ position: absolute; left: 0; top:-121px; z-index: 9; width: 100%; height: 1px;}

.title-1{ padding:20px 15px; background: #fff; border-radius: 5px;}

.title-1 ul{ display: flex;}

.title-1 ul li{ height: 18px; line-height: 18px;}

.title-1 ul li:nth-child(n+2){ margin-left: 15px; padding-left: 15px; border-left: solid 1px #bcbcbc;}

.title-1 ul li a{ font-size: 18px; color: #666666;}

.title-1 ul li.active a{ color: #4bb344; font-weight: bold;}

.title-2{ display: flex; align-items: center; padding:0 15px; height: 80px;}

.title-2 .icon{ font-size: 0;}

.title-2 .icon img{ width: 26px;}

.title-2 .icon.active img{ width: 20px;}

.title-2 .icon.active2 img{ width: 23px;}

.title-2 .icon.active3 img{ width: 27px;}

.title-2 .mc{ margin-left: 15px; font-size: 16px; color: #666666;}

.title-2.active{ justify-content: space-between;}

.title-2.active form{ display: flex; justify-content: space-between; align-items: center; background: #ebebeb; border-radius:20px;}

.title-2.active form input{ padding-left: 20px; width: calc(100% - 60px); height: 40px; font-size: 16px; color: #666666; line-height: 40px; background: none; border: none;}

.title-2.active form button{ padding: 0; width: 60px; height: 40px; background: url(../images/icon_fdj_pc.png) no-repeat center center; border: none;}

.title-2.active .left{ display: flex; align-items: center;}

.title-3{ position: relative; margin-top:25px; margin-bottom: 20px; height:46px; border-top: solid 1px #e6e6e6;}

.title-3 #link{ position: absolute; left: 0; top:-121px; z-index: 1; width: 100%; height: 1px;}

.title-3 ul{ display: flex;}

.title-3 ul li:nth-child(1){ display: none;}

.title-3 ul li:nth-child(n+3){ margin-left: 40px;}

.title-3 ul li .biaoti{ position: relative; padding-top:15px; font-size: 16px; color: #999999; line-height: 30px; cursor: pointer;}

.title-3 ul li.active .biaoti{ color: #4bb344;}

.title-3 ul li.active .biaoti:before{ content: ""; position: absolute; left: 0; top: -3px; z-index: 1; width: 100%; height: 4px; background: #4bb344; border-radius: 2px;}

.title-3 ul .jiaru{ display: none; position: absolute; right: 0; top: 0; z-index: 1; width:180px;}

.title-3 ul .jiaru a{ display: flex; justify-content: center; align-items: center; height:45px; color: #fff; background: #009900;}

.title-3 ul .jiaru a .icon{ margin-right: 10px;}

.title-3 ul .jiaru a .icon img{ width:20px;}

.title-3 ul .jiaru a .mc{ font-size: 16px;}

.title-3 ul .jiaru a:hover{ background: #4bb344;}

.title-3.active ul li:nth-child(1){ display:block;}

.title-3.active ul{ position: fixed; top:121px; z-index: 9; background: #fff; box-shadow:inset 0 1px 0 #eee,0 5px 10px rgba(0,0,0,0.1);}

.title-3.active ul li:nth-child(n+3){ margin-left: 0;}

.title-3.active ul li .biaoti{ padding:0 20px; line-height:45px;}

.title-3.active ul li.active .biaoti:before{ top: 0; height: 2px;}

.title-3.active ul .jiaru{ display: block;}

.title-3-nr{ display:none;}

.title-3-nr.active{ display: block;}

.title-6{ display: flex; margin-bottom: 30px; line-height: 24px;}

.title-6 .biaoti{ width: 130px; font-size: 18px; color: #999999;}

.title-6 .right{ width: calc(100% - 130px);}

.title-6 .right ul{ display: flex; flex-wrap: wrap;}

.title-6 .right ul li{ margin-right:15px;}

.title-6 .right ul li a{ font-size: 18px; color: #009900;}



.text-1{ margin: 0 auto; max-width: 560px;}

.text-1 .biaoti{ margin-bottom: 20px; display: flex; align-items: center;}

.text-1 .biaoti .icon{ margin-right: 15px; font-size: 0;}

.text-1 .biaoti .icon img{width: 16px;36}

.text-1 .biaoti .mc{ font-size: 18px; color: #333;}

.text-1 form ul li{ display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; background: #e6e6e6; transition: all .3s;}

.text-1 form ul li:nth-child(n+2){ margin-top: 20px;}

.text-1 form ul li input{ width: calc(100% - 130px); height: 38px; font-size: 18px; color: #999999; line-height: 38px; background:none; border:none;}

.text-1 form ul li:nth-child(1) input{ width: 100%;}

.text-1 form ul li button{ padding:0; width: 120px; height: 38px; color: #fff; line-height: 38px; background: #009900; border:none; border-radius: 5px;}

.text-1 form ul li button.active{ background: #ccc; color: #333;}

.text-1 form ul > button{  margin-top:40px;padding: 0; width: 100%; height: 60px; color: #009900; font-size: 16px; color: #009900; line-height: 58px; background: none; border: solid 1px #009900;}

.text-2 ul{ display: flex; justify-content: space-between; align-items: center;}

.text-2 ul li{ display: flex; align-items: center; max-width: calc((100% - 40px) / 5);}

.text-2 ul li .icon{ display: flex; justify-content: center; align-items: center; width: 86px; height:86px; font-size: 44px; color: #009900; border: solid 2px #009900; border-radius: 50%;}

.text-2 ul li .textbox{ padding-left: 10px; width: calc(100% - 86px); color: #9a9a9a;}

.text-2 ul li .textbox .biaoti{ margin-bottom:15px; font-size: 30px; line-height: 34px;}

.text-2 ul li .textbox .jieshao{ font-size: 17px; line-height: 24px;}

.text-3{ display: flex; align-items: center; justify-content: space-between; padding:30px; background: #e6e6e6; border-radius: 5px;}

.text-3 .left .biaoti{ display: flex; align-items: center; margin-bottom: 10px;}

.text-3 .left .biaoti .icon{ margin-right: 10px; font-size: 0;}

.text-3 .left .biaoti .icon img{width: 21px;}

.text-3 .left .biaoti .mc{ font-size: 16px; color: #333;}

.text-3 .left .list{ padding-left: ;}

.text-3 .left .list ul{ display: flex; align-items: center;}

.text-3 .left .list ul li{ color: #999999; line-height: 24px;}

.text-3 .left .list ul li:nth-child(n+2){ margin-left: 60px;}

.text-3 .right{ line-height: 24px;}

.text-3 .right a{ font-size: 16px; color: #009900;}

.text-4{ padding-bottom: 30px; margin-bottom: 40px; border-bottom: solid 1px #e6e6e6;}

.text-4 ul li{ display: flex; justify-content: space-between; align-items: center;}

.text-4 ul li:nth-child(n+2){ margin-top:30px;}

.text-4 ul li .imgbox{ display: flex; justify-content: center; align-items: center; width: 100px; height: 100px; font-size: 0; border: solid 1px #e6e6e6;}

.text-4 ul li .imgbox img{ max-width: 100%; max-height: 100%;}

.text-4 ul li .textbox{ display: flex; justify-content: space-between; align-items: center; padding-left: 25px; width: calc(100% - 100px);}

.text-4 ul li .textbox .text{/* width: calc(100% - 150px);*/}

.text-4 ul li .textbox .text .biaoti{ display: flex; align-items: center; margin-bottom: 10px; line-height: 24px;}

.text-4 ul li .textbox .text .biaoti .mc{ font-size: 18px; color: #333333;}

.text-4 ul li .textbox .text .biaoti .shuliang{ margin-left: 20px; color: #999999;}

.text-4 ul li .textbox .text .jieshao{ color: #666666; line-height: 24px;}

.text-4 ul li .textbox .jiage{  display: flex; align-items: center; justify-content: flex-end; width: 140px;}

.text-4 ul li .textbox .jiage span:nth-child(1){ font-size: 18px; color: #ff0000;}

.text-4 ul li .textbox .jiage span:nth-child(2){ margin-left: 10px; font-size: 16px; color: #666666;}

.text-4 ul li .textbox .right{ display:flex; align-items: center; font-size: 16px; color: #666; line-height: 24px;}

.text-4 ul li .textbox .right > div:nth-child(n+2){ margin-left: 10px;}

.text-4 ul li .textbox .right span{ color: #ff0000;}

.text-5 .maxbiaoti{ margin-bottom: 20px;}

.text-5 .maxbiaoti .biaoti{ font-size: 24px; color: #333333; font-weight: lighter; line-height: 30px;}

.text-5 .maxbiaoti .jieshao{ font-size: 12px; color: #999999; font-weight: lighter; line-height: 24px;}

.text-5 .maxbiaoti .jieshao a{ color: #0091e5;}

.text-5 .box{ margin-bottom: 35px; border: solid 1px #dcdcdc;}

.text-5 .box .jiage{ display: flex; align-items: center; padding:0 20px; height: 60px; border-bottom: solid 1px #ededed;}

.text-5 .box .jiage .mc{ font-size: 18px; color: #333333;}

.text-5 .box .jiage .shuzi{ font-size: 24px; color: #ff0000; font-weight: bold;}

.text-5 .box .bots{ padding:0 20px 34px;}

.text-5 .box .bots .biaoti{ display: flex; align-items: center; margin-bottom:12px; line-height: 42px;}

.text-5 .box .bots .biaoti .mc{ font-size: 18px; color: #333; font-weight: lighter;}

.text-5 .box .bots .biaoti .jieshao{ margin-left: 10px; color: #cd2e10;}

.text-5 .box .bots ul{ display: flex; flex-wrap: wrap;}

.text-5 .box .bots ul li{ margin:0 20px 10px 0;}

.text-5 .box .bots ul li label{ display: block; position: relative; font-weight: normal; margin: 0; cursor: pointer !important;}

.text-5 .box .bots ul li label input{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; opacity: 0;cursor: pointer !important;}

.text-5 .box .bots ul li label .imgbox{ position: relative; display: flex; justify-content: center; align-items: center; width: 180px; height: 70px; font-size: 0; border: solid 1px #e6e6e6; border-radius: 5px;cursor: pointer !important;}

.text-5 .box .bots ul li label .imgbox img{ max-height: 100%; max-height: 100%;}

.text-5 .box .bots ul li label input[type="radio"]:checked + .imgbox:before{ content:""; position: absolute; right: 0; bottom: 0; z-index: 1; width: 24px; height: 24px; background: url(../images/xz_pc.png) no-repeat; background-size: 100% 100%;;}

.text-5 button{ display: block; padding:0; margin-left: calc(100% - 150px); width: 150px; height: 50px; font-size: 20px; color: #fff; line-height: 50px; background: #ff0000; border: none; border-radius:5px;}

.text-6 .maxbiaoti{ display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px; border-bottom: solid 1px #e6e6e6;}

.text-6 .maxbiaoti .left{ display: flex; align-items: center; visibility: hidden; opacity: 0; transition: all .3s;}

.text-6 .maxbiaoti .left label{ position: relative;cursor: pointer !important;}

.text-6 .maxbiaoti .left label input{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; opacity: 0;cursor: pointer !important;}

.text-6 .maxbiaoti .left label b{ position: relative; padding-left: 30px; font-size: 16px; color: #747474;cursor: pointer !important;}

.text-6 .maxbiaoti .left label b:before{ content:""; position: absolute; left: 0; top: 50%; z-index: 1; margin-top: -9px; width: 18px; height: 18px; border: solid 1px #e6e4e3 ; border-radius: 50%;}

.text-6 .maxbiaoti .left label input[type="checkbox"]:checked + b:after{ content:""; position: absolute; left:3px; top: 50%; z-index: 1; margin-top:-6px; width:12px; height: 12px; background: #cd2e10; border-radius: 50%;}

.text-6 .maxbiaoti .right{ display: flex; align-items: center; padding:0 10px; height:34px; border: solid 1px #999; border-radius: 3px; cursor: pointer;}

.text-6 .maxbiaoti .right .mc{ margin-left: 5px; color: #666;}

.text-6 .maxbiaoti .right .icon img{ width: 20px;}

.text-6 ul{ padding:30px 0 0;/* margin-bottom: 30px; border-bottom: solid 1px #e6e6e6;*/}

.text-6 ul li{ position: relative; transition: all .3s;}

.text-6 ul li:nth-child(n+2){ margin-top: 30px;}

.text-6 ul li label{ display: none; position: absolute; left: 0; top: 0; display: flex; align-items: center; width: 50px; height: 100%; cursor: pointer !important; visibility: hidden; opacity: 0; transition: all .3s;}

.text-6 ul li label input{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; opacity: 0;cursor: pointer !important;}

.text-6 ul li label b{ position: relative; display: block; width:18px; height: 18px;cursor: pointer !important;}

.text-6 ul li label b:before{ content:""; position: absolute; left: 0; top: 50%; z-index: 1; margin-top: -9px; width: 18px; height: 18px; border: solid 1px #e6e4e3 ; border-radius: 50%;}

.text-6 ul li label input[type="checkbox"]:checked + b:after{ content:""; position: absolute; left:3px; top: 50%; z-index: 1; margin-top:-6px; width:12px; height: 12px; background: #cd2e10; border-radius: 50%;}

.text-6 ul li .rights{ display: flex; justify-content: space-between; align-items: center; width: 100%;}

.text-6 ul li .rights .imgbox{ display: flex; justify-content: center; align-items: center; width: 100px; height: 100px; font-size: 0; border: solid 1px #e6e6e6;}

.text-6 ul li .rights .imgbox img{ max-width: 100%; max-height: 100%;}

.text-6 ul li .rights .textbox{ display: flex; justify-content: space-between; align-items: center; padding-left: 25px; width: calc(100% - 100px);}

.text-6 ul li .rights .textbox .text{ display: flex; align-items: flex-start;}

.text-6 ul li .rights .textbox .text .lefts{ width:350px;}

.text-6 ul li .rights .textbox .text .lefts .biaoti{ margin-bottom: 10px; line-height: 24px; font-size: 18px; color: #333333;}

.text-6 ul li .rights .textbox .text .lefts .shuliang2{ display: none;}

.text-6 ul li .rights .textbox .text .lefts .jieshao{ color: #666666; line-height: 24px;}

.text-6 ul li .rights .textbox .text .shuliang{ margin-left: 30px;}

.text-6 ul li .rights .textbox .text .shuliang .mc{ margin-bottom:20px; font-size:18px; color: #999999; line-height: 24px; text-align: center;}

.text-6 ul li .rights .textbox .text .shuliang .caozuos{ display: flex; align-items: center;}

.text-6 ul li .rights .textbox .text .shuliang .caozuos a{ display: flex; justify-content: center; align-items: center; width:20px; height: 20px; color: #666; border:solid 1px #999; cursor: pointer; transition: all .3s;}

.text-6 ul li .rights .textbox .text .shuliang .caozuos .nums{ position: relative; margin:0 10px;}

.text-6 ul li .rights .textbox .text .shuliang .caozuos .nums span{ display: block; font-size: 18px; color: #333;}

.text-6 ul li .rights .textbox .text .shuliang .caozuos .nums input{ position: absolute; left: 0; top: 0; visibility: hidden;}

.text-6 ul li .rights .textbox .jiage{  display: flex; align-items: center; font-size: 16px;}

.text-6 ul li .rights .textbox .jiage > div:nth-child(n+2){ margin-left: 15px;}

.text-6 ul li .rights .textbox .jiage .youhui{ color: #666;}

.text-6 ul li .rights .textbox .jiage .youhui span{ color: #ff0000;}

.text-6 ul li .rights .textbox .jiage .chengjiao{ color: #666;}

.text-6 ul li .rights .textbox .jiage .chengjiao span{ color: #ff0000;}

.text-6 ul li .rights .textbox .jiage .shiji{ color: #666;}

.text-6 .caozuo{ position: fixed; left:0; bottom: 0; z-index: 99999999999999999999999; padding:30px calc((100vw - 1400px) / 2 + 30px); width:100%; background: #fff; display: flex; justify-content: space-between; align-items: center; box-shadow:0 -5px 10px rgba(0,0,0,.1);}

.text-6 .caozuo .shanchu{ display: none; width: 100px; height:44px;font-size:16px; color: #fff; line-height:44px; text-align: center; background: #ff0000; border-radius: 5px; cursor: pointer; visibility: hidden; opacity: 0; transition: all .3s;}

.text-6 .caozuo .xinxi{font-size: 16px; color: #666; line-height: 24px;}

.text-6 .caozuo .xinxi > div:nth-child(n+2){ margin-top:5px;}

.text-6 .caozuo .xinxi span{ color: #ff0000;}

.text-6 .caozuo .jiesuan{ display: flex; align-items: center; justify-content: flex-end; transition: all .3s;}

.text-6 .caozuo .jiesuan .jiage{display: flex; align-items: center; margin-right: 20px;}

.text-6 .caozuo .jiesuan .jiage .mc{ color: #747474;}

.text-6 .caozuo .jiesuan .jiage .shuzi{ display: flex; align-items: center; font-size: 24px; color: #ff0000;}

.text-6 .caozuo .jiesuan .jiage .shuzi .num{ position: relative;}

.text-6 .caozuo .jiesuan .jiage .shuzi .num input{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;}

.text-6 .caozuo .jiesuan button{ padding:0; width: 140px; height: 50px; font-size: 20px; color: #fff; line-height: 50px; background: #ff0000; border: none; border-radius: 5px;}

.text-6.on .maxbiaoti .left{ visibility: visible; opacity: 1;}

.text-6.on ul li{ padding-left: 50px;}

.text-6.on ul li.on label{ visibility: visible; opacity: 1;}

.text-6.on .caozuo .shanchu{ display: block; visibility: visible; opacity: 1;}

.text-6.on .caozuo .xinxi{ display: none;}

.text-6.on .caozuo .jiesuan{ position: relative; opacity:.1;}

.text-6.on .caozuo .jiesuan:before{ content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 5;}

.text-7 ul li{ padding:10px 30px 30px; background: #fff; border-radius: 5px;}

.text-7 ul li:nth-child(n+2){ margin-top: 10px;}

.text-7 ul li > .biaoti{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; height: 50px; border-bottom: solid 1px #e6e6e6;color: #999999;}

.text-7 ul li .bots .ul{ margin-bottom: 15px;}

.text-7 ul li .bots .ul .li{display: flex; align-items: center; margin-bottom: 10px; padding-bottom: 10px; border-bottom: solid 1px #eee;}

.text-7 ul li .bots .ul .li:last-child{ margin-bottom: 0;}

.text-7 ul li .bots .ul .li .imgbox{ display: flex; justify-content: center; align-items: center; width: 100px; height: 100px; font-size: 0; border: solid 1px #e6e6e6;}

.text-7 ul li .bots .ul .li .imgbox a{ display: block;}

.text-7 ul li .bots .ul .li .imgbox a img{ max-width: 100%; max-height: 100%;}

.text-7 ul li .bots .ul .li .textbox{ display: flex; justify-content: space-between; align-items: center; padding-left: 25px; width: calc(100% - 100px);}

.text-7 ul li .bots .ul .li .textbox .lefts .biaoti{ display: flex; align-items: center; line-height: 24px;}

.text-7 ul li .bots .ul .li .textbox .lefts .biaoti .mc a{ display: block; font-size: 18px; color: #333333;}

.text-7 ul li .bots .ul .li .textbox .lefts .biaoti .shuliang{ margin-left: 20px; color: #999999;}

.text-7 ul li .bots .ul .li .textbox .lefts .jieshao{ margin-bottom: 5px; color: #666666; line-height: 24px;}

.text-7 ul li .bots .ul .li .textbox .lefts .danjia{ color: #666; line-height:24px;}

.text-7 ul li .bots .ul .li .textbox .lefts .danjia span{ margin-right: 5px; font-size: 16px; color: #ff0000;}

.text-7 ul li .bots .ul .li .textbox .rights{ display: flex; align-items: center; font-size: 16px; color: #666;}

.text-7 ul li .bots .ul .li .textbox .rights > div:nth-child(n+2){ margin-left: 20px;}

.text-7 ul li .bots .ul .li .textbox .rights span{ color: #ff0000;}

.text-7 ul li .other{ display: flex; justify-content: space-between; flex-direction: row-reverse; align-items: flex-start;}

.text-7 ul li .other .le .weizhifu button{ width:100px; height: 40px; font-size: 16px; color: #fff; line-height: 40px; background: #ff0000; border: none; border-radius: 5px;}

.text-7 ul li .other .le .yizhifu{width:100px; height: 40px; font-size: 16px; color: #999;line-height: 40px; text-align: center; background: #f2f2f2; border-radius: 5px;}

.text-7 ul li .other .ri{padding-left: 25px;  width: calc(100% - 100px);}

.text-7 ul li .other .ri .top2{ display: flex; align-items: center; justify-content: flex-end; margin-bottom: 15px;} 

.text-7 ul li .other .ri .top2 .list{ display: flex; align-items: center; font-size: 16px; color: #666;}

.text-7 ul li .other .ri .top2 .list > div:nth-child(n+2){ margin-left:20px;}

.text-7 ul li .other .ri .top2 .list span{ color: #ff0000;}

.text-7 ul li .other .ri .top2 .jiage{ display: flex; align-items: center; justify-content: flex-end; width:350px;}

.text-7 ul li .other .ri .top2 .jiage .mc{font-size: 16px; color: #666;}

.text-7 ul li .other .ri .top2 .jiage .shuzi{ font-family: 'Arial'; font-size:30px; color: #ff0000;} 

.text-7 ul li .other .ri .bot2 .mc{font-size: 16px; color: #666; line-height: 24px; text-align: right;}

.text-7 ul li .other .ri .bot2 .list{ display: flex; align-items: center; justify-content: flex-end;font-size: 16px; color: #999; line-height: 24px;}

.text-7 ul li .other .ri .bot2 .list > div:nth-child(n+2){ margin-left:20px;}

.text-8{ margin-left: calc(100% - 660px); padding:0 15px 80px; background: #fff; border-radius: 5px;}

.text-8 .maxbiaoti{ margin-bottom: 60px; border-bottom: solid 1px #e6e6e6;}

.text-8 .maxbiaoti ul{ display: flex; justify-content: space-between; align-items: center; padding:20px 0;}

.text-8 .maxbiaoti ul li{ display: flex; justify-content: center; align-items: center; width: 50%; cursor: pointer;}

.text-8 .maxbiaoti ul li:nth-child(2){ border-left:solid 1px #e6e6e6;}

.text-8 .maxbiaoti ul li .icon{ font-size: 0;}

.text-8 .maxbiaoti ul li:nth-child(1) .icon img{ width: 24px;}

.text-8 .maxbiaoti ul li:nth-child(2) .icon img{ width: 32px;}

.text-8 .maxbiaoti ul li .mc{ margin-left: 20px; font-size: 18px; color: #333;}

.text-8 .maxbiaoti ul li.active{ opacity: .5;}

.text-8 .ul .li{ display: none;}

.text-8 .ul .li.active{ display: block;}

.text-8 .ul .li .textbox{ min-height: 470px;}

.text-8 .ul .li:nth-child(1) .textbox{ padding: 0 50px;}

.text-8 .ul .li:nth-child(1) .textbox .jieshao{ margin-bottom: 45px; color: #999999; line-height: 24px;}

.text-8 .ul .li:nth-child(1) .textbox .imgbox{ display: flex; justify-content: center; align-items: center; margin: 0 auto 80px; width: 328px; height: 312px; border: solid 1px #e6e6e6;}

.text-8 .ul .li:nth-child(1) .textbox .imgbox img{ width: 204px;}

.text-8 .ul .li:nth-child(1) .textbox a{ color: #999999; line-height: 24px;}

.text-8 .ul .li:nth-child(2) ul{ padding: 0 50px;}

.text-8 .ul .li:nth-child(2) ul li{ display: flex; justify-content: space-between; align-items: center; padding:0 20px; height: 60px; background: #f7f7f7; border-radius: 5px; transition: all .3s;}

.text-8 .ul .li:nth-child(2) ul li:nth-child(n+2){ margin-top: 20px;}

.text-8 .ul .li:nth-child(2) ul li input{ width: calc(100% - 130px); height: 60px; color: #999999; line-height: 60px; background: none; border: none;}

.text-8 .ul .li:nth-child(2) ul li:nth-child(1) input{ width: 100%;}

.text-8 .ul .li:nth-child(2) ul li:nth-child(2) input{ width: 100%;}

.text-8 .ul .li:nth-child(2) ul li button{ width: 120px; height: 38px; color: #fff; line-height: 38px; background: #009900; border: none; border-radius: 5px;}

.text-8 .ul .li:nth-child(2) ul li button.active{ background: #ccc; color: #333;}

.text-8 .ul .li .textbox ul > button{ display: block; padding: 0; margin-top: 60px; width: 100%; height: 60px; font-size: 18px; color: #fff; line-height: 60px; background: #009900; border: none; border-radius: 5px;}

.text-8.active .maxbiaoti ul li{ width: 100%;}

.text-8.active .ul .li:nth-child(2) ul{ padding: 0 50px;}

.text-8.active .ul .li:nth-child(1) ul li{ display: flex; justify-content: space-between; align-items: center; padding:0 20px; height: 60px; background: #f7f7f7; border-radius: 5px; transition: all .3s;}

.text-8.active .ul .li:nth-child(1) ul li:nth-child(n+2){ margin-top: 20px;}

.text-8.active .ul .li:nth-child(1) ul li input{ width: calc(100% - 130px); height: 60px; color: #999999; line-height: 60px; background: none; border: none;}

.text-8.active .ul .li:nth-child(1) ul li:nth-child(1) input{ width: 100%;}

.text-8.active .ul .li:nth-child(1) ul li:nth-child(2) input{ width: 100%;}

.text-8.active .ul .li:nth-child(1) ul li button{ width: 120px; height: 38px; color: #fff; line-height: 38px; background: #009900; border: none; border-radius: 5px;}

.text-8.active .ul .li:nth-child(1) ul li button.active{ background: #ccc; color: #333;}

.text-9 ul li .biaoti{ display: flex; justify-content: space-between; align-items: center; height: 76px;border-bottom: solid 1px #eeeeee;}

.text-9 ul li .biaoti .mc{ width:200px; font-size: 16px; color: #464646;}

.text-9 ul li .biaoti input{ width: calc(100% - 200px); text-align: right; height: 75px; font-size: 16px; color: #999999; line-height: 75px; background: none; border: none;}

.text-9 ul li .biaoti a{ display: flex; align-items: center; color:#4bb344;}

.text-9 ul li .biaoti a .title{ margin-right:20px; font-size: 16px;}

.text-9 ul li .biaoti a .icon{ font-size:0;}

.text-9 ul li .biaoti a .icon img{ width:8px;}

.text-9 ul li textarea{ padding:15px 30px; margin: 0; width: 100%;max-width: 100%; min-width: 100%; height: 120px;min-height: 120px; color: #999999; line-height: 24px; background: #eeeeee; border: none;}

.text-9 button{ display: block; padding: 0; margin:60px auto 0; width: 200px; height: 60px; font-size: 20px; color: #4bb344; line-height: 56px; background: #fff; border:solid 2px #4bb344; border-radius: 5px;}

.text-10 ul li{ background: #e6e6e6; border-radius: 5px; cursor: pointer;}

.text-10 ul li:nth-child(n+2){ margin-top:10px;}

.text-10 ul li label{ position: relative; display: flex; justify-content: space-between; align-items:center; padding:25px 30px; margin: 0; font-weight: normal;}

.text-10 ul li label input{ position: absolute; left: 0; top: 0; opacity: 0;}

.text-10 ul li label .left{ display: flex; width: calc(100% - 140px);}

.text-10 ul li label .left .icon{ font-size: 0; line-height: 30px;}

.text-10 ul li label .left .icon img{ width: 21px;}

.text-10 ul li label .left .ul{ display: flex; align-items:center; padding-left: 10px; width: calc(100% - 21px); }

.text-10 ul li label .left .ul .li{font-size: 16px; color: #666666; line-height: 30px;}

.text-10 ul li label .left .ul .li:nth-child(1){ max-width: 50%;}

.text-10 ul li label .left .ul .li:nth-child(n+2){padding-left: 20px; max-width: 25%;}

.text-10 ul li label .rights{ display: flex; align-items: center;}

.text-10 ul li label .rights .lefts{ display: flex; align-items: center;}

.text-10 ul li label .right{ display: none; font-size: 16px; color: #009900;}

.text-10 ul li label .right2{ color: #999;}

.text-10 ul li label input[type='radio']:checked + .left + .right{ display: block;}

.text-10 ul li label input[type='radio']:checked + .left + .right + .right2{ display: none;}

.text-10 a{ display: block; padding: 0; margin:60px auto 0; width: 200px; height: 60px; font-size: 20px; color: #4bb344; line-height: 56px; text-align: center; background: #fff; border:solid 2px #4bb344; border-radius: 5px;}

.text-11 .tops{ padding:0 20px; background: #fff; border-radius: 5px 5px 0 0;}

.text-11 .tops .li{ display: flex; align-items: center; justify-content: space-between;}

.text-11 .tops .li:nth-child(n+2){ border-top: solid 1px #eeeeee;}

.text-11 .tops .li:nth-child(1){ padding: 40px 0;}

.text-11 .tops .li .mc{ width: 200px; font-size: 16px; color: #333;}

.text-11 .tops .li .imgbox{ position: relative; width: 66px; height: 66px; background-color: #4bb344; border-radius: 50%; overflow: hidden;}

.text-11 .tops .li .imgbox input{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;}

.text-11 .tops .li:nth-child(n+2) input{ width: calc(100% - 200px); height: 75px; font-size: 16px; color: #464646; line-height: 75px; background: none; border: none; text-align: right;}

.text-11 .centers{ display: flex; align-items: center; justify-content: space-between; padding:0 20px;height:76px;}

.text-11 .centers .text{ width: calc(100% - 28px); font-size: 16px; color: #464646;}

.text-11 .centers .anniu{ width:100px; height: 40px; font-size: 16px; color: #4bb344; line-height: 38px; text-align: center; border: solid 1px #4bb344; border-radius: 5px; cursor: pointer;}

.text-11 .bots{ padding: 20px 20px 70px; background: #fff; border-radius: 0 0 5px 5px;}

.text-11 .bots .mc{ margin-bottom: 10px; font-size: 16px; color: #333; line-height: 24px;}

.text-11 .bots textarea{ width: 100%;max-width: 100%; min-width: 100%; height: 50px;min-height: 50px; color: #747474; line-height: 24px; background: none; border: none; border-bottom: solid 1px #eeeeee;}

.text-11 .bots button{ display: block; padding: 0; margin: 50px auto 0; width: 200px; height: 60px; font-size: 20px; color: #4bb344; line-height: 56px; background: none; border: solid 2px #4bb344; border-radius: 5px;}

.text-11 .bot2{ padding:0 20px; background: #fff; border-radius: 5px;}

.text-11 .bot2 ul li{ display: flex; justify-content: space-between; align-items: center; padding: 20px 0; border-bottom: solid 1px #eee;}

.text-11 .bot2 ul li .left .mc{ margin-bottom: 5px; font-size: 16px; color: #333; line-height: 24px;}

.text-11 .bot2 ul li .left .list .ul{ display: flex;}

.text-11 .bot2 ul li .left .list .ul .li{ font-size: 12px; color: #666; line-height: 24px;}

.text-11 .bot2 ul li .left .list .ul .li:nth-child(n+2){ margin-left: 20px;}

.text-11 .bot2 ul li .right{ display: flex; align-items: center;}

.text-11 .bot2 ul li .right a{ font-size: 16px; color: #333; line-height: 24px; cursor: pointer !important;}

.text-11 .bot2 ul li .right a:nth-child(n+2){ margin-left: 15px;}

.text-12{ padding: 30px 0;}

.text-12 .tops{ margin-bottom: 20px;}

.text-12 .tops .anniu{ padding:0 34px;}

.text-12 .tops .anniu ul{ display: flex; align-items: center;}

.text-12 .tops .anniu ul li{ width: 134px; font-size: 18px; color: #333; line-height: 36px; text-align: center; cursor: pointer; border-radius:18px 18px 0 0;}

.text-12 .tops .anniu ul li:nth-child(n+2){ margin-left:5px;}

.text-12 .tops .anniu ul li.active{ color: #fff; background: #009900;}

.text-12 .tops .form ul li{ display: none;}

.text-12 .tops .form ul li.active{ display: block;}

.text-12 .tops .form ul li form{ display: flex; justify-content: space-between; align-items: center; padding:0 10px 0 33px; height: 66px; border: solid 5px #009900; border-radius:33px;}

.text-12 .tops .form ul li form button{ width:60px; height:56px; background:url(../images/icon_fdj_pc2.png) no-repeat center center; background-size: 30px auto; border: none;}

.text-12 .tops .form ul li form input{ width: calc(100% - 60px); height: 56px; font-size: 18px; color: #333; line-height: 56px; background: none; border: none;}

.text-12 .bots{ display: flex; align-items: flex-start; font-size: 12px; color: #666666; line-height: 24px;}

.text-12 .bots ul{ display: flex; flex-wrap: wrap; width: calc(100% - 80px);}

.text-12 .bots ul li{ margin-right: 20px;}

.text-12 .bots ul li a{ display: block; font-size: 12px; color: #666666;}

.text-12.active{ margin: 0 auto; padding: 0; max-width: 1110px;}

.text-12.active .tops .anniu ul li{ color:#fff;}

.text-12.active form{ background: #fff;}

.text-12.active .bots{ color:#fff;}

.text-12.active .bots ul li a{ color:#fff;}

.text-13{ margin:0 auto; max-width: 1400px;}

.text-13 .biaoti{ margin-bottom:20px; font-size: 18px; color: #333; line-height: 24px;}

.text-13 form{ margin-bottom: 15px;}

.text-13 form ul{ display: flex; justify-content: space-between;}

.text-13 form ul li:nth-child(1){ width:20%;}

.text-13 form ul li:nth-child(2){ width:15%;}

.text-13 form ul li:nth-child(3){ width:15%;}

.text-13 form ul li:nth-child(4){ width:calc(50% - 170px - 40px);}

.text-13 form ul li:nth-child(5){ width:170px;}

.text-13 form ul li input{ display: block; padding:0 10px; width: 100%; height: 40px; color: #aaaaaa; line-height: 39px; background: none; border: none; border-bottom: solid 1px #aaaaaa;}

.text-13 form ul li button{ display: block; width: 100%; height: 40px; font-size: 18px; color: #77beac; line-height: 38px; background: none; border: solid 1px #77beac; border-radius: 20px;}

.text-13 .tishi{ color: #77beac; line-height: 24px;}

.text-14{ padding-top: 20px;}

.text-14 .maxbiaoti{ margin-bottom:10px;}

.text-14 .maxbiaoti > .mc{ margin-bottom: 10px; font-size: 28px; color: #009900;}

.text-14 .other{ display: flex; align-items: center; justify-content: space-between;}

.text-14 .other .fenxiang ul{ display: flex; align-items: center;}

.text-14 .other .fenxiang ul li:nth-child(n+2){ margin-left:20px;}

.text-14 .other .fenxiang ul li a{ display: flex; align-items: center;}

.text-14 .other .fenxiang ul li a .icon{ margin-right: 10px; font-size: 0;}

.text-14 .other .fenxiang ul li:nth-child(1) a .icon img{ width: 18px;}

.text-14 .other .fenxiang ul li:nth-child(2) a .icon img{ width: 16px;}

.text-14 .other .fenxiang ul li:nth-child(3) a .icon img{ width: 15px;}

.text-14 .other .fenxiang ul li a .mc{ color: #666666;}

.text-14 .other .jiage{ display: flex; align-items: center; margin-bottom:5px;}

.text-14 .other .jiage .mc{ font-size: 18px; color: #666666;}

.text-14 .other .jiage .num{ margin-left: 10px; font-size: 24px; color: #f60a0a;}

.text-14 .jieshao{ margin-bottom: 10px;height: auto; max-height: 48px; color: #999999; line-height: 24px; overflow: hidden;}

.text-14 .miaoshu{line-height: 28px;margin-bottom: 20px;color: #666}

.text-14 .biaoti{ margin-bottom:15px; color: #009900; font-weight: bold; line-height: 24px;}

.text-14 .list{ position: relative; margin-bottom: 45px; padding:0 30px;}

.text-14 .list a{ position: relative; padding-top: 100%; margin-bottom: 5px; display: block;}

.text-14 .list span{ display: block; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; border:1px solid #CCCCCC}

.text-14 .list span img{ max-width: 100%; max-height: 100%;}

.text-14 .list .mc{font-size: 12px; color: #333; line-height: 14px; text-align: center;}

.text-14 .list .swiper-slide.active span{ border:1px solid #008d67;}

.text-14 .list .swiper-slide.active .mc{ color: #008d67;}

.text-14 .list .swiper-button{ margin-top:-8px; width:16px; height: 16px; background: url(../images/jt.png) no-repeat; background-size: 100% auto;}

.text-14 .list .swiper-button.swiper-button-prev{ left: 0;}

.text-14 .list .swiper-button.swiper-button-next{ right: 0; transform: rotateY(180deg);}

.text-14 .caozuo { /*display: flex;*/ align-items: center; margin-bottom: 100px;}

.text-14 .caozuo .shuliang{ display: flex; align-items: center; margin-right: 50px;}

.text-14 .caozuo .shuliang .mc{ margin-right: 15px; color: #666666;}

.text-14 .caozuo .shuliang .shuliangk{ display: flex; width: 104px; border: solid 1px #e6e6e6; border-radius:5px;}

.text-14 .caozuo .shuliang .shuliangk a{ display: flex; justify-content: center; align-items: center; width:29px; height: 30px; font-size:18px; color: #666666; cursor: pointer;}

.text-14 .caozuo .shuliang .shuliangk input{ width: calc(100% - 29px * 2); height: 30px;font-size:18px; color: #666666; line-height: 30px; text-align: center; background: none; border: none; border-left: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6;}

.text-14 .caozuo button{ display: flex; justify-content: center; align-items: center; width: 135px; height: 40px; color: #ff2525; background: none; border: solid 1px #ff7777; border-radius: 5px;}

.text-14 .caozuo button .icon{ margin-right: 10px; font-size: 0;}

.text-14 .caozuo button .icon img{ width: 21px;}

.text-14 .caozuo button .mc{ color: #ff0000;}

.text-14 .textbox{ margin-bottom: 60px;}

.text-14 .textbox ul{ display: flex; flex-wrap: wrap; color: #0e930c; width: 240px;}

.text-14 .textbox ul li{ display: flex; align-items: center; width: 120px;}

.text-14 .textbox ul li:nth-child(n+3){ margin-top:10px;}

.text-14 .textbox ul li .icon{ display: flex; justify-content: center; align-items: center; width: 16px; height: 16px; font-size:12px; border: solid 1px #0e930c; border-radius: 50%;}

.text-14 .textbox ul li .mc{ padding-left:5px; width: calc(100% - 16px); font-size: 12px;}

.text-14 .textbox ul li:nth-child(n+5){ width: 100%;}

.text-14 .textbox .tishi{ margin-top:10px; font-size: 16px; color: red; line-height: 24px;}

.text-14 .jiaru a{ display: block; width: 200px; height: 50px; font-size: 16px; color: #fff; line-height: 48px; background: #0e930c;border-radius: 5px;}

.text-14 .jiaru a:hover{ background:red;}

.text-15{ color: #333; line-height: 24px;}

.text-15 img{ max-width: 100% !important;}

.text-16{ display: flex; justify-content: center; align-items: center; padding:150px 0;}

.text-16 .imgbox{ margin-right: 40px; font-size: 0;}

.text-16 .textbox b{ display: block; margin-bottom:15px; font-size: 30px; color: #333; font-weight: bold; line-height: 34px;}

.text-16 .textbox{font-size: 16px; color: #666; line-height: 30px;}

.text-16 .textbox span{ color: #ff0000;}

.text-16 .textbox a{ display: block; margin-top: 5px; width:80px; line-height: 24px; font-size: 12px; color: #333; text-align: center; border: solid 1px #333; border-radius: 3px;}

.text-17{padding:150px 0;}

.text-17 .imgbox{ margin-bottom:40px; font-size: 0;}

.text-17 .textbox{ margin-bottom: 100px;}

.text-17 .textbox .biaoti{ margin-bottom: 15px; font-size: 24px; color: #333; line-height: 24px;}

.text-17 .textbox .jieshao{ font-size: 16px; color: #888; line-height: 24px;}

.text-17 .anniu{ margin: 0 auto; width: 360px; height: 50px; font-size: 18px; color: #fff; line-height: 50px; text-align: center; background: #ff2525; border-radius: 5px; cursor: pointer;}

.text-18{ margin-bottom: 20px;}

.text-19 .ul .li{ display: flex; align-items: flex-start;}

.text-19 .ul .li:nth-child(n+2){ margin-top: 20px;}

.text-19 .ul .li .biaoti{ width: 110px; font-size: 16px; color: #333333; line-height: 29px;}

.text-19 .ul .li .tishi{ width:63px; height: 29px; font-size: 16px; color: #999999; line-height: 27px; text-align: center; border: solid 1px #e6e6e6; border-radius: 5px;}

.text-19 .ul .li .more{ display: none; width: 60px; color: #333333; line-height: 29px; text-align: right; cursor: pointer;}

.text-19 .ul .li .list{/* padding-right: 20px; width: calc(100% - 110px - 63px - 60px);*/width: calc(100% - 110px);/* height: 29px; overflow: hidden;*/}

.text-19 .ul .li .list ul{ display: flex; flex-wrap: wrap;}

.text-19 .ul .li .list ul li{  margin-right:20px;}

.text-19 .ul .li .list ul li a{ display: block; color: #666666; line-height: 29px;}

.text-19 .ul .li .list ul li.active a{ color: #ff2525;}

.container-fluid-cz .row{ display: block;}



#newBridge .nb-icon-base{ top:initial !important; bottom: 20px;}



.subnav .biaoti{ display: flex; align-items: center; padding:0 10px; height: 45px; background: #4bb344; border-radius:10px 10px 0 0;}

.subnav .biaoti .icon{ font-size: 0;}

.subnav .biaoti .icon img{ width: 21px;}

.subnav .biaoti .mc{ padding-left: 10px; font-size: 16px; color: #fff;}

.subnav ul{ border: solid 1px #dfdfdf; border-top: none; border-radius: 5px;}

.subnav ul li:nth-child(n+2){ border-top: solid 1px #d8d8d8;}

.subnav ul li a{ position: relative; display: flex; justify-content: space-between; align-items: center; padding:0 40px; height: 35px; font-size:12px; color: #666666;}

.subnav ul li a:before{ content: ""; position: absolute; left: 20px; top: 50%; z-index: 1; margin-top:-3px; width: 6px; height: 6px; background: #666666; border-radius: 50%;}

.subnav ul li a:after{ content:">"; position: absolute; right: 15px; top:0; font-family: '宋体';  color: rgba(102,102,102,.5); line-height: 35px;}

.subnav ul li{position: relative;}

.subnav ul .two{position: absolute;top: 0;left:100%;width: 250px;z-index: 22;background: #fff}

.subnav .two{display: none;box-shadow: 2px 5px 10px rgba(0,0,0,0.2);padding:10px 15px;}

.subnav .two li a:after,.subnav .two li a:before{display: none}

.subnav ul li:hover .two{display: block;}



.picture-1{ display: flex; justify-content: space-between; background: #fff; border-radius:5px; overflow: hidden;}

.picture-1 .left{ display: flex; align-items: center; padding:0 40px; width: 445px;}

.picture-1 .left .imgbox{ width:120px; height: 120px; background: #4bb344; border-radius: 50%;}

.picture-1 .left .text{ padding-left:20px; width: calc(100% - 120px);}

.picture-1 .left .text .biaoti{ margin-bottom: 10px; font-size: 24px; color: #333; line-height: 30px;}

.picture-1 .left .text .id{ font-size:16px; color: #666666; line-height: 30px;}

.picture-1 .right{ width: calc(100% - 445px); height: 200px;} 

.picture-2 ul li{ display: flex; justify-content: space-between; align-items: center;}

.picture-2 ul li:nth-child(n+2){ margin-top: 30px; padding-top: 30px; border-top: solid 1px #e6e6e6;}

.picture-2 ul li .imgbox{ display: flex; justify-content: center; align-items: center; width: 100px; height: 100px; font-size: 0; border: solid 1px #e6e6e6;}

.picture-2 ul li .imgbox img{ max-width: 100%; max-height: 100%;}

.picture-2 ul li .textbox{ display: flex; justify-content: space-between; align-items: center; padding-left: 25px; width: calc(100% - 100px);}

.picture-2 ul li .textbox .text{ width: calc(100% - 120px);}

.picture-2 ul li .textbox .text .biaoti{ margin-bottom: 10px; display: flex; align-items: flex-end; line-height: 18px;}

.picture-2 ul li .textbox .text .biaoti .mc{ font-size: 18px; color: #333;}

.picture-2 ul li .textbox .text .biaoti .shuliang{ margin-left: 10px; color: #999999; line-height: 14px;}

.picture-2 ul li .textbox .text .jieshao{ margin-bottom: 10px; color: #666666; line-height: 24px;}

.picture-2 ul li .textbox .text .jiage{ display: flex; align-items: center;}

.picture-2 ul li .textbox .text .jiage .num{ font-size: 18px; color: #ff0000;}

.picture-2 ul li .textbox .text .jiage .mc{ margin-left:10px; font-size: 16px; color: #666666;}

.picture-2 ul li .textbox .right .more{ margin-bottom: 15px;}

.picture-2 ul li .textbox .right .more a{ display: block; width: 120px; height: 40px; color: #999999; text-align: center; line-height: 38px; border: solid 1px #999999; border-radius: 5px;}

.picture-2 ul li .textbox .right .quxiao{ text-align: center;}

.picture-2 ul li .textbox .right .quxiao a{ color: #999999;}

.picture-3{ margin:0 auto 25px; max-width: 1400px; font-size: 0;}

.picture-3 img{ width: 100%;}

.picture-3.active{ margin:25px auto 0}

.picture-4 ul{ display: flex; flex-wrap: wrap; max-width: 860px;}

.picture-4 ul li{ margin-right: 20px; width: calc((100% - 60px) / 4);}

.picture-4 ul li:nth-child(4n+4){ margin-right: 0;}

.picture-4 ul li:nth-child(n+5){ margin-top: 20px;}

.picture-4 ul li a{ position: relative; display: block;/* padding:20px;*/ background: #fff;}

.picture-4 ul li a .imgbox{/* margin-bottom: 20px;*/ font-size: 0;}

.picture-4 ul li a .imgbox img{ width: 100%;}

.picture-4 ul li a .textbox{ position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; font-size: 16px; color: #fff; line-height: 40px; background: rgba(0,0,0,.3);}

.picture-4 ul li.active a:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height:100%; border:solid 5px #009900;}

.picture-5 ul{ display: flex; flex-wrap: wrap;}

.picture-5 ul li{ margin-right: 20px; width: calc((100% - 80px) / 5); border:solid 1px #ccc;}

.picture-5 ul li:nth-child(5n+5){ margin-right:0;}

.picture-5 ul li:nth-child(n+6){ margin-top:20px;}

.picture-5 ul li .imgbox{ position: relative; font-size: 0;}

.picture-5 ul li .imgbox a{ display: block; position: absolute; left: 0; top: 0; z-index: 5; width: 100%; height: 100%;}

.picture-5 ul li .imgbox img{ width: 100%;}

.picture-5 ul li .textbox{ padding:0 10px 10px; line-height: 24px;}

.picture-5 ul li .textbox .biaoti{ font-size: 16px;}

.picture-5 ul li .textbox .biaoti a{ display: block; color: #999999;}

.picture-5 ul li .textbox .canshu{ margin-bottom: 5px; font-size: 14px; color: #009900;}

.picture-5 ul li .textbox .other{ display: flex; justify-content: space-between; align-items: center;}

.picture-5 ul li .textbox .jiage{font-size: 14px; color: #ff0000;}

.picture-5 ul li .textbox .jiaru{ padding:0 8px; font-size: 12px; color: #333; line-height: 22px; background: none; border:solid 1px #ff0000; border-radius: 3px;}

.picture-6 { padding-top:30px; max-width: 665px;}

.picture-6 ul{ display: flex;}

.picture-6 ul li{ width:calc((100% - 60px) / 4);}

.picture-6 ul li:nth-child(n+2){ margin-left: 20px;}

.picture-6 ul li a{ position: relative; display: block; border:solid 1px #eee;}

.picture-6 ul li a .imgbox{ overflow: hidden;}

.picture-6 ul li a .imgbox span{ display: block; padding-top: 100%;}

.picture-6 ul li a .textbox{ position: absolute; left: 0; bottom: 0; right: 0; z-index: 1; font-size: 12px; color: #fff; line-height: 24px; background: rgba(0,0,0,0.3);}



.footer2{ padding: 20px 0; background: #009900;}

.footer2 .col-xs-12{ display: flex; align-items: center; justify-content: space-between;}

.footer2 .menu{ padding-bottom:10px; }

.footer2 .menu ul{ display: flex; flex-wrap: wrap;}

.footer2 .menu ul li:nth-child(n+2){ margin-left:20px;}

.footer2 .menu ul:nth-child(2){ padding-top: 10px;}

.footer2 .menu ul li a{ display: block; font-size: 16px; color: #fff; line-height: 30px;}

.footer2 .right{ display: flex; justify-content: space-between;}

.footer2 .right .imgbox{ font-size: 0;}

.footer2 .right .imgbox img{ width: 85px;}

.footer2 .right .contact{ padding-left: 15px; color: #fff; line-height: 22px;}

.tr3{ transition: all 1s;}

.rowsss{flex-wrap:nowrap; flex-direction: row-reverse;}



.addAddress{position: fixed; left:50%; top: 50%; z-index: 9999; margin:-280px 0 0 -400px; padding: 20px 20px 30px;  width: 800px; background: #fff; border-radius: 5px; opacity: 0; visibility: hidden; transform: scale(.8);}

.addAddress .esc{ position: absolute; top: 0; right: 0; z-index: 5; width: 30px; line-height: 30px; text-align: center; color: #333; font-size: 20px; font-weight: bold; cursor: pointer;}

.addAddress ul li{ display: flex; align-items: center; justify-content: space-between; border-bottom: solid 1px #eee;}

.addAddress ul li .mc{ color: #333;}

.addAddress ul li .right{ width: 50%;}

.addAddress ul li .right input{ width: 100%; height:60px; color: #333; line-height:60px; text-align: right; background: none; border: none;}

.addAddress ul li.dizhi{ display: block; border-bottom: none;}

.addAddress ul li.dizhi .mc{ line-height: 60px;}

.addAddress ul li.dizhi .right{ width: auto;}

.addAddress ul li:last-child{ border-bottom: none;}

.addAddress ul li textarea{ margin-bottom:30px; padding:10px; width: 100%; height: 120px; color: #333; line-height: 30px; background: #eee; border: none;}

.addAddress ul li button{ display: block; padding: 0; margin: 0 auto; width: 180px; height: 50px; font-size: 18px; color: #4bb344; line-height: 46px; background: none; border: solid 2px #4bb344; border-radius: 5px;}

.addAddress.active{ opacity: 1; visibility: visible; transform: scale(1);}

.addAddressBG{ position: fixed; left: 0; top:0; z-index: 999; width: 100%; height: 100%; background: rgba(0,0,0,0.6);opacity: 0; visibility: hidden;}

.addAddressBG.active{ opacity: 1; visibility: visible;}



.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}

.zoomMask{position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}



@media screen and (min-width:992px){

    .header .right .fanhui a:hover{ color: #009900; text-decoration: underline !important;}

    .subnav .biaoti{height: 60px;}

	.subnav .biaoti .mc{font-size: 20px;}

    .subnav ul li a{height: 55px; font-size:16px;}

    .subnav ul li a::after{top: 10px}

    .subnav .two{border-top:1px solid #dfdfdf}

    .subnav .two li a{font-size: 14px;height: 45px;}

	.text-12 .bots ul li a,.text-12 .bots{font-size: 16px}

    .hidden-md,.hidden-lg{ display: none;}

    .lqpage a:hover span:nth-child(2){ color: #009900;}

    .title-1 ul li a:hover{ color: #009900; text-decoration: underline !important;}

    .title-6 .right ul li a:hover{ color: #009900; text-decoration: underline !important;}

    .text-1 form ul li:hover{ box-shadow:inset 3px 3px 5px rgba(0,0,0,0.1);}

    .text-1 form ul > button:hover{ color: #fff; background: #009900;}

    .text-3 .right a:hover{ text-decoration: underline !important;}

    .text-5 .box .bots ul li label:hover .imgbox{ border-color: #009900;}

    .text-5 button:hover{background: #009900;}

    .text-6 .caozuo .xinxi{ max-width: calc(100% - 430px);}

    .text-6 .jiesuan button:hover{ background: #009900;}

    .text-6 ul li .rights .textbox .text .shuliang .caozuos a:hover{ color: #fff; background: #009900; border-color: #009900;}

    .text-7 ul li .bots .ul .li .imgbox:hover{ border-color: #ff0000;}

    .text-7 ul li .other .le .weizhifu button:hover{ background: #009900;}

    .text-7 ul li .bots .ul .li .textbox .lefts .biaoti .mc a:hover{ text-decoration: underline !important;}

    .text-8 .ul .li:nth-child(2) ul li:hover{ box-shadow:inset 3px 3px 5px rgba(0,0,0,0.1);}

    .text-8 .ul .li .textbox ul > button:hover{ background: #ff0000;}

    .text-8.active .ul .li:nth-child(1) ul li:hover{ box-shadow:inset 3px 3px 5px rgba(0,0,0,0.1);}

    .text-8 .ul .li a:last-child:hover{ color: #009900; text-decoration: underline !important;}    

    .text-9 ul li .biaoti a .title:hover{ text-decoration: underline;}

    .text-9 button:hover{color: #fff; background: #4bb344;}

    .text-10 a:hover{color: #fff !important; background: #4bb344;}

    .text-11 .centers .anniu:hover{color: #fff; background: #4bb344;}

    .text-11 .bots button:hover{color: #fff; background: #4bb344;}

    .text-12 .bots ul li a:hover{color: #4bb344;text-decoration: underline !important;}

    .text-19 .ul .li .list ul li a:hover{color: #4bb344;text-decoration: underline !important;}

    .text-19 .ul .li .more:hover{color: #4bb344;text-decoration: underline;}

    .picture-5 ul li .textbox .jiaru:hover{ color: #fff; background: #4bb344; border-color: #4bb344;}

    .picture-6 ul li a:hover .imgbox span{ transform:scale(1.1);}

    .picture-6 ul li a:hover .textbox{ background:#4bb344;}

    .subnav ul li a:hover{ color: #4bb344;}

    .contents{ padding: 20px 0 0; background: #eff0f2;}

    .about-left{ margin-top:0;background: #fff;}

    .about-right{ margin-top:0;}

    .about-left>ul{ background: #fff;}

    .about-con-title{ background: #fff;}

    .category_list{ margin: 0; padding: 20px 0 10px; background:#fff;}

    .about-content{ padding-left: 0; padding-right: 0;}

    .pro-item{ background: #fff;}

    .about-content{ padding-left:10px; padding-right: 10px; background: #fff;}

    .pro-item.left{ margin-left: 10px; margin-right: 10px; width:auto !important;}

    .pro-item>a{ width: auto  !important;}

    .addAddress ul li button:hover{color: #fff; background: #4bb344;}

}



@media screen and (max-width:1500px){

    .search-header .ziduan ul li:nth-child(n+2){ margin-left: 20px;}

}



@media screen and (max-width:1439px){

    header .menu{ padding:0;}

    header .top_bar{ padding:0;}

    header .menu .left .tel{ display: none;}

    .search-header{ padding:0;}

    .search-header .left .tel{ display: none;}

    .search-header form{ width: 500px;}

    .index-items-title{ padding:30px 0;}

    .text-2 ul li .textbox .biaoti{ margin-bottom: 10px; font-size: 24px; line-height: 30px;}

    .text-2 ul li .textbox .jieshao{ font-size: 15px;}

    .text-6 ul li .rights .textbox .text .lefts{ width: 300px;}

    .text-14 .maxbiaoti{ display: block; margin-bottom: 10px;}

    .text-14 .maxbiaoti > .mc{ margin-bottom: 10px; font-size: 24px;}

    .text-14 .other .jiage .mc{ font-size: 16px;}

    .text-14 .other .jiage .num{ font-size: 18px;}

    .text-14 .list{ margin-bottom:20px;}

    .text-14 .caozuo{ display: block; margin-bottom:20px;}

    .text-14 .caozuo .shuliang{ margin-right: 0; margin-bottom: 20px;margin-top:5px}



}



@media screen and (max-width:1400px){

    .text-6 .caozuo{ left: 0; padding: 15px; width: 100%;}

}



@media screen and (max-width:1199px){

    .text-8{ margin: 0 auto; max-width: 600px;}

    .text-2 ul li .icon{ width:60px; height:60px; font-size: 34px;}

    .text-2 ul li .textbox{ width: calc(100% - 60px);}

    .text-2 ul li .textbox .biaoti{ margin-bottom: 5px; font-size: 16px; line-height: 24px;}

    .text-2 ul li .textbox .jieshao{ font-size: 14px;}

    .text-4 ul li .textbox .right span,.text-4 ul li .textbox .right s{ display:block;}

    .text-6 ul li label{ width: 40px;}

    .text-6 ul li .rights .textbox .text .lefts{ width: 260px;}

    .text-6 ul li .rights .textbox .text .lefts .biaoti{ margin-bottom: 5px; font-size: 15px;}

    .text-6 ul li .rights .textbox .text .shuliang{ margin-left: 10px;}

    .text-6 ul li .rights .textbox .text .shuliang .mc{ margin-bottom: 10px; font-size: 14px;}

    .text-6 ul li .rights .textbox .text .shuliang .caozuos .nums span{ font-size: 16px;}

    .text-6 ul li .rights .textbox .jiage span{ display: block; margin-top: 5px; font-size: 14px;}

    .text-6 .caozuo .xinxi{ font-size: 14px;}

    .text-6.on ul li{ padding-left: 40px;}

    .text-7 ul li .bots .ul .li .textbox{ padding-left: 15px;}

    .text-7 ul li .bots .ul .li .textbox .rights{ font-size: 14px;}

    .text-7 ul li .bots .ul .li .textbox .rights > div:nth-child(n+2){ margin-left: 10px;}

    .text-7 ul li .other .ri{ padding-left: 15px;}

    .text-7 ul li .other .ri .top2 .list{ font-size: 14px;}

    .text-7 ul li .other .ri .top2 .list > div:nth-child(n+2){ margin-left: 10px;}

    .text-7 ul li .other .ri .top2 .jiage{ width: 250px;}

    .text-7 ul li .other .ri .top2 .jiage .mc{ font-size: 14px;}

    .text-7 ul li .other .ri .top2 .jiage .shuzi{ font-size: 24px;}

    .text-7 ul li .other .ri .bot2 .mc{ font-size: 14px;}

    .text-7 ul li .other .ri .bot2 .list{ font-size: 14px;}

    #preview{ float: none;}

    .LIst_ta{ float: none; width: 100%; padding-left: 0; margin-top: 20px;}

    header .menu .right ul li{ width: 12.5%;}

    .picture-5 ul li{ width:calc((100% - 60px) / 4);}

    .picture-5 ul li:nth-child(5n+5){ margin-right:20px;}

    .picture-5 ul li:nth-child(4n+4){ margin-right:0;}

    .picture-5 ul li:nth-child(n+5){ margin-top:20px;}

    

}



@media screen and (max-width:991px) and (min-width:768px){

    .hidden-sm{ display: none !important;}

}



@media screen and (max-width:991px){

    .mob-pro-list{ display: block;}

    .rowsss{flex-wrap:wrap; flex-direction: row;}

    .main-pad-3.main-background-1{ padding-bottom: 20px;}

    .main-pad-4{ padding: 20px;}

    .main-pad-5.main-background-1{ padding-bottom: 20px;}

    .main-pad-7{ padding: 40px 0;}

    .main-pad-8{ padding: 0 20px 40px;}

    .main-pad-9{ padding:0;}

    .main-pad-11{ padding: 30px 15px;}

    .main-pad-12{ padding:20px 0;}

    .main-jiangexian-1{ margin:20px 0;}

    .col-md-3-cz-1{ margin-bottom:20px; width: 100% !important; max-width: initial}

    .col-md-3-cz-1.active{ margin-bottom: 0;}

    .col-md-9-cz-1{ margin:0; width: 100% !important; max-width: initial}

    .headerzhanweifu{ height:120px;}

    .header .col-xs-12{ height: 100px;}

    .header{ margin-top:-76px;}

    body{ padding-top:76px;}

    header{ position: fixed; left: 0; top: 0; width: 100%;}

    header .menu .left .tel{ display: block; margin-left: 20px;}

    header .menu .left{ justify-content: space-around; width: calc(100% - 30px - 36px - 50px);}

    header .menu .left .logo img{ width: 120px;}

    header .menu .left .tel img{ width: 150px;}   

    header .menu .left .search{ position: relative; display: none;}

    header .menu .left .search a{ display: block; position: absolute; left: 0; top: 0; z-index: 5; width: 100%; height: 100%;}

    header .menu .left .search form{ display: flex; justify-content: space-between; align-items: center; width:300px; background: #fff; border-radius: 20px;}    

    header .menu .left .search form input{ padding:0 20px; width: calc(100% - 60px); height:36px; font-size: 14px; color: #333; line-height:36px; background: none; border: none;}

    header .menu .left .search form button{ padding:0; width: 60px; height: 36px; background:url(../images/icon_fdj_pc2.png) no-repeat center center / 18px auto; border: none;}

    header .dl a{ display: block; font-size: 18px; color: #fff;}

    header.on .menu .left .tel{ display: none;}

    header.on .menu .left .search{ display: block;}

    .menu_btn{ position: relative; width: 30px;}

    .menu_btn b{ display: block; height: 2px; background: #fff; transition: all 0.3s;}

    .menu_btn b:nth-child(2){ margin:6px 0;}

    .menu_btn.active b:nth-child(2){ width: 0;}

    .menu_btn.active b:nth-child(1){ transform:translateY(8px) rotate(45deg);}

    .menu_btn.active b:nth-child(3){ transform:translateY(-8px) rotate(-45deg);}

    .menu_box{ display: none; position: fixed; left: 0; top: 76px; z-index:99; width:150px;}

    .menu_box ul li:nth-child(n+2){ margin-top:1px;} 

    .menu_box ul li a{ display:block; padding:0 10px; height:40px; font-size: 16px; text-align: center; color:#fff; line-height:50px; background: rgba(138,192,52,0.9);}

    .search-header{ transition:all 0s;}

    .search-header .col-xs-12{ position: relative; background: #99CC01;}

    .search-header form { background: #fff;}

    .search-header form .xiala .biaoti{ background: none !important;}

    .search-header .col-xs-12 > a{ display: block; position: absolute; left: 0; top: 0; z-index:99999; width: 100%; height: 100%;}    

    .search-header form{ width: 100%;}

    .search-header form .xiala{ display: none;}

    .search-header form .box{ padding: 0; width: 100% !important;}

    .search-header form .box input{ padding:0 0 0 10px;}

    .search-header.active2{ position: relative; top: initial; z-index: 1; border-top:none;}

    .search-header.active2 form{ position: relative; margin-right:50px;}

    .search-header.active2 form .xiala{ display: block;}

    .search-header.active2 form .box .icon{ width: 50px; height: 34px; background: url(../images/icon_fdj_pc2.png) no-repeat center center / 18px auto;}

    .search-header.active2 form .box button{ position: absolute; right: -50px; top: 0; background: none; font-size: 16px; color: #fff; line-height: 34px; text-align: right;}

    body.search{ padding-top:0; background: #eee;}

    .title-1 ul li{ height: 16px; line-height: 16px;}

    .title-1 ul li a{ font-size: 16px;}

    .title-2{ padding:20px 0; height: auto;}

    .title-3{display: none; margin: 0; height: auto; border-top: none;}

    .title-3.active{ display: block; position:fixed; top:76px; left: 0; right: 0; z-index: 2; background: #fff; box-shadow:0 5px 10px rgba(0,0,0,0.1);}

    .title-3.active ul{ position: initial; top:initial; left: initial; background: none; box-shadow: none;}

    .title-3.active ul li{ width:25%;}

    .title-3.active ul li .biaoti{ position: relative; text-align: center;}

    .title-3.active ul li.active .biaoti:before{ top: initial; bottom: 0;}

    .title-3.active ul li:nth-child(n+2) .biaoti:after{ content:""; position: absolute; left: 0; top: 50%; z-index: 1; margin-top:-15px; width: 1px; height: 30px; background: #eee;}

    .title-7{ margin-bottom:15px; margin-top:20px; padding-bottom: 5px; font-size: 12px; color:#009900; line-height: 24px; border-bottom: solid 1px #ccc;}

    .title-8{ visibility: hidden; position: fixed; left:0; top:-61px; z-index: 2; padding:15px; width: 100%; background: #fff; border-bottom:solid 1px #eee; box-shadow:0 3px 5px rgba(0,0,0,0.1);}

    .title-8 a{ display: block; padding:0 20px; font-size: 16px; line-height:30px; color: #333; border-left:solid 1px #eee;}

    .title-8 .swiper-slide:last-child a{ padding-right: 0; border-right:none}

    .title-8 .swiper-slide:first-child a{ padding-left: 0; border-left:none}

    .title-8 .swiper-slide{ width: auto !important;}

    .title-8.active{ top:77px; visibility: visible;}

    .title-9{ position: relative; display: flex; margin-bottom:20px; border-bottom:solid 1px #eee;}

    .title-9 .biaoti{ padding:0 10px; margin-bottom: -1px; color: #333; line-height: 40px; border-bottom:solid 2px #009900;}

    .title-9 #getitem1,.title-9 #getitem2,.title-9 #getitem3{ position: absolute; left: 0; top:-121px; z-index: 1; width: 100%; height: 1px;}

    .title-10{ padding:0 10px;}

    .title-10 .swiper-slide{ width: auto;}

    .title-10 .swiper-slide:nth-child(n+2){ margin-left:20px; padding-left:20px;}

    .title-10 a{ position: relative; display: block; padding-bottom:10px; color: #333; line-height:24px;}

    .title-10 .swiper-slide:nth-child(n+2) a:after{content:""; position: absolute; left:-20px; top:5px; z-index: 1; width: 1px; height:14px; background: #eee;}

    .title-10 .swiper-slide.active a:before{ content:""; position: absolute; left:0; bottom:0; z-index: 1; width: 100%; height: 2px; background: #009900;}

    .text-3{ padding: 20px;}

    .text-3 .left .biaoti .mc{ font-size: 14px;}

    .text-3 .left .list ul li:nth-child(n+2){ margin-left:40px;}

    .text-3 .right a{ font-size: 14px;}

    .text-4{ margin-bottom: 20px; padding-bottom: 20px;}

    .text-4 ul li:nth-child(n+2){ margin-top: 20px;}

    .text-4 ul li .textbox{ padding-left: 20px;}

    .text-4 ul li .textbox .text .biaoti .mc{ font-size: 16px;}

    .text-4 ul li .textbox .right{ font-size: 14px;}

    .text-5 .maxbiaoti .biaoti{ font-size: 18px; line-height: 24px;}

    .text-5 .box{ margin-bottom: 20px;}

    .text-5 .box .jiage{ padding:0 15px; height: 50px;}

    .text-5 .box .jiage .mc{ font-size: 16px;}

    .text-5 .box .jiage .shuzi{ font-size: 18px; }

    .text-5 .box .bots{ padding:0 20px 20px;}

    .text-5 .box .bots .biaoti .mc{ font-size: 16px;}

    .text-5 .box .bots ul li{ margin:0 10px 10px 0;}

    .text-5 .box .bots ul li label .imgbox{ width: 130px; height: 50px; overflow: hidden;}

    .text-5 button{ margin-left: calc(100% - 140px); width: 140px; height: 44px; font-size: 18px; line-height: 44px;}

    .text-6 ul li .rights .textbox{ display: block;}

    .text-6 ul li .rights .textbox .text{ justify-content: space-between;}

    .text-6 ul li .rights .textbox .text .lefts{ width: calc(100% - 100px);}

    .text-6 ul li .rights .textbox .text .lefts .biaoti{ font-size: 14px;}

    .text-6 ul li .rights .textbox .jiage{ padding-top:5px; margin-top:5px; font-size: 12px; border-top: solid 1px #eee;}

    .text-6 ul li .rights .textbox .jiage span{ display: initial;}

    .text-6 .caozuo .xinxi{ max-width: calc(100% - 380px);}

    .text-6 .caozuo .xinxi > div:nth-child(n+2){ margin-top: 0;}

    .text-6 .caozuo .jiesuan .jiage .shuzi{ font-size: 18px;}

    .text6zhanweifu{ height: 102px;}

    .text-7 ul li{ padding:10px 15px;}

    .text-7 ul li .bots .ul .li .textbox{ flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: flex-start;}

    .text-7 ul li .bots .ul .li .textbox .lefts{ margin-bottom: 10px; width: 100%;}

    .text-7 ul li .bots .ul .li .textbox .lefts .biaoti .mc a{ font-size: 16px;}

    .text-7 ul li .bots .ul .li .textbox .rights{width: 100%;}

    .text-7 ul li .other{ flex-wrap: wrap; flex-direction: column; justify-content: flex-start; align-items: flex-end;}

    .text-7 ul li .other .ri{ padding-left: 0; margin-bottom: 10px; width: 100%;}

    .text-7 ul li .other .ri .top2{ margin-bottom: 10px;}

    .text-9 button{ margin-top:30px;}

    .text-10{ padding:15px;}

    .text-10 ul li label{ padding: 20px;}

    .text-10 a{ margin-top: 30px;}

    .text-12{ padding:0;}

    .text-12 .tops{ position: relative; margin-bottom: 0;}

    .text-12 .tops > a{ display: block; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%;}

    .text-12 .tops .anniu ul li{ font-size: 14px; line-height: 30px;}

    .text-12 .tops .form ul li{ position: relative;}

    .text-12 .tops .form ul li a{ display: block; position: absolute; right: 0; top: 0; z-index: 2; width: 100%; height: 100%;}

    .text-12 .tops .form ul li form{ padding: 0 10px 0 20px; border-width:3px;}

    .text-12 .tops .form ul li form{ height:40px; border-radius:20px;}

    .text-12 .tops .form ul li form button{ width:50px; height:34px; background-size:20px auto;}

    .text-12 .tops .form ul li form input{ width:calc(100% - 50px); height:34px; font-size: 14px; line-height: 34px;}

    .text-12.active{ padding:0 15px;}

    /* .text-12.active .tops{ display: flex; justify-content: space-between; align-items: center;}

    .text-12.active .tops .form{ width:calc(100% - 100px);} */

    .text-12.active .tops .fenlei{ position: relative;}

    .text-12.active .tops .fenlei .biaoti{ position: relative; padding-right: 15px; color: #333; line-height: 40px;}  

    .text-12.active .tops .fenlei .biaoti:before{ content:""; position: absolute; right: 0; top: 50%; margin-top:-3px; border-left: solid 4px transparent; border-right: solid 4px transparent; border-top: solid 6px #000;}

    .text-12.active .tops .fenlei ul{ display: none; position: absolute; right: 0; top: 100%; z-index: 1; width:100px; background: #fff; max-height:255px; overflow-y: auto; border: solid 1px #eee; box-shadow: 0 0 10px rgba(0,0,0,0.1);}

    .text-12.active .tops .fenlei ul li{ color: #333; line-height: 34px; cursor: pointer; text-align: center;}              

    .text-12.active .tops .fenlei ul li:nth-child(n+2){ border-top: solid 1px #eee;}

    .title-10 + .text-12.active{ margin-top: 15px;}

    .text-14{ margin-bottom: 20px;}

    .text-14 .jiaru a{ width: 150px; height: 44px; font-size: 14px; line-height: 44px; }

    .text-20{ padding:10px 0; background: #fff;}

    .text-20 .col-xs-12{ display: flex; padding:0 15px; width: 100%;}

    .text-20 .mc{ color: #666;}

    .text-20 ul{ display: flex; flex-wrap: wrap; width: calc(100% - 72px);}

    .text-20 ul li a{ color: #666;}            

    .index-items-title{ padding: 20px 0 0; margin-bottom: 20px;}

    .index-items-title h2{ font-size: 30px;}

    .index-items-title p{ font-size: 14px; line-height: 40px;}

    .index-items-list{ padding: 0 15px;}

    .index-items-item{ margin-right:20px; margin-bottom: 20px; width: calc(50% - 10px);}

	.index-items-item:nth-child(5n+5) { margin-right: 20px; }

    .index-items-item:nth-child(4n+4){ margin-right:10px;}

    .index-items-item:nth-child(even){ margin-right:0;}

    .index-items-list.zulin .index-items-item{ margin-right:20px; width: calc(50% - 10px);}

    .index-items-list.zulin .index-items-item:nth-child(5n+5){ margin-right:20px;}

    .index-items-list.zulin .index-items-item:nth-child(4n+4){ margin-right:20px;}

    .index-items-list.zulin .index-items-item:nth-child(2n+2){ margin-right:0;}

    .youshi .index-items-item{ width: calc(50% - 10px);}

    .index-items-list.fwlc .index-items-items{width: calc((100% - 20px) / 3);}

    .index-items-list.fwlc .index-items-items:nth-child(6n+6){ margin-right:10px;}

    .index-items-list.fwlc .index-items-items:nth-child(3n+3){ margin-right:0;}

    .index-items-list.fwlc .index-items-items:nth-child(n+4){ margin-top:10px;}

    .index-items-list.jdal .index-items-item {margin-right:10px; width: calc((100% - 20px) / 3);}

    .index-items-list.jdal .index-items-item:nth-child(4n+4){ margin-right:10px;}

    .index-items-list.jdal .index-items-item:nth-child(5n+5){ margin-right:10px;}

    .index-items-list.jdal .index-items-item:nth-child(3n+3){ margin-right:0;}

    .text-11 .tops .li:nth-child(1){ padding:30px 0;}

    .text-11 .tops .li:nth-child(n+2) input{ height: 60px; line-height: 60px;}

    .text-11 .bots{ padding: 20px;}

    .text-11 .bots button{ margin-top: 30px;}

    .text-11 .bot2 ul li .left{ width: calc(100% - 80px);}

    .text-11 .bot2 ul li .left .mc{ font-size: 14px;}

    .text-11 .bot2 ul li .left .list .ul{ flex-wrap: wrap;}

    .text-11 .bot2 ul li .left .list .ul .li{ width: 50%;}

    .text-11 .bot2 ul li .left .list .ul .li:nth-child(n+2){ margin-left: 0;}

    .text-11 .bot2 ul li .right a{ font-size: 14px;}

    .text-13{ padding-bottom: 20px;}

    .text-19 .ul .li .biaoti{ width: 80px; font-size: 14px;}

    .text-19 .ul .li .tishi{ width: 60px; font-size: 14px;}

    .text-19 .ul .li .more{ width: 50px; font-size: 12px;}

    .text-19 .ul .li .list{ width: calc(100% - 80px - 60px - 50px);}

    .text-19 .ul .li .list ul li{ margin-right: 15px;}

    .picture-1 .left{ padding:0 30px; width: 300px;}

    .picture-1 .left .imgbox{ width: 100px; height: 100px;}

    .picture-1 .left .text{ width: calc(100% - 100px);}

    .picture-1 .right{ width: calc(100% - 300px); height: 160px;}

    .picture-4 ul{ justify-content: space-between;}

    .picture-4 ul li{ margin:0; width: calc(50% - 10px);}

    .picture-4 ul li:nth-child(n+3){ margin-top:20px}

    .picture-5 ul{ justify-content: space-between;}

    .picture-5 ul li{ margin:0 !important; width:calc(50% - 10px);}

    .picture-5 ul li:nth-child(n+3){ margin-top:20px !important;}

    .picture-6{ max-width: initial; padding-top: 20px;}

    .picture-7{ padding:10px .1rem 0;}

    .picture-7 ul{ display: flex; flex-wrap: wrap; justify-content: space-between}

    .picture-7 ul li{ width:calc((100% - 5px) / 2);}

    .picture-7 ul li:nth-child(n+3){ margin-top: 5px;}

    .picture-7 ul li a{ display: block; border: 1px solid #d9d9d9;}

    .picture-7 ul li a img{ width: 100%;}

    .picture-7 ul li a span{ display: block; padding:0 15px; color: #7e8c8d; line-height: 30px;}            

    .footer2{ display: none;}

    .footer2 .col-xs-12{ display: block;}

    .footer2 .right{ display: block; text-align: center;} 

    .footer2 .right .wechat{ margin: 0 auto 20px;}

    .about{ display: block; padding:20px 15px;}

    .about-left{ display: none;}

    .about-right{ margin:0; width: auto;}

    .about-con-title{ padding-bottom: 10px; display: block; height: auto; line-height: 24px;}

    .about-con-title>span{ font-size: 18px;}

    .about-content{ padding:0;}

    #preview{ width:calc(100vw - 30px);}

    #demok{ width:calc(100vw - 30px);height:calc(100vw - 30px);}

    #float-box>img{ width:calc(100vw - 32px);height:calc(100vw - 32px);}

    #spec-n5{ width:calc(100vw - 30px);}

    #spec-list{ margin-right: 5px; width:calc(100vw - 30px - 30px - 5px - 5px);}

    #spec-left,#spec-right{ margin-top:0;}

    .text-14{ padding-top:0;}

    .text-14 .textbox{ margin-bottom:20px;}

    .proitems .jia{bottom: 2px; font-size: 12px}

    .pro-item{ margin-right:13px; width:calc((100% - 13px * 2) / 3);}

	

    .pro-item:nth-child(4n+4){ margin-right:13px;}

    .pro-item:nth-child(3n+3){ margin-right:0;}

    .title-3-nr{ display: block;}

    .title-3-nr:nth-child(n+2){ margin-top: 20px;}

    .tabBar2Height{ height: 44px;}

    .tabBar2{ position: fixed; left: 0; bottom: 0; z-index: 99999; width: 100%; background: #fff; box-shadow: inset 0 1px 0 rgba(0,0,0,.1),0 -5px 10px rgba(0,0,0,0.1);}

    .tabBar2 ul{ display: flex; justify-content: space-between; align-items: center;     padding: 0px 0px 0px 10px;}

    .tabBar2 ul li{ position: relative;}

    .tabBar2 ul li span{ display: block; width: 1px; height:14px; background:rgba(0,0,0,.1);}

    .tabBar2 ul li a{ display: block; color: #333; line-height: 44px; text-align: center;}

    .tabBar2 ul li.gouwuche1 a,.tabBar2 ul li.xiadan1 a{ color: #fff;background-color:#009900;    padding: 0px 20px;}

    .tabBar2 ul li.kefu a{ color: #fff; background-color:#F00;     padding: 0px 20px;

    right: -14px;

    position: inherit;}

	.tabBar2 ul li.kefu1 a{ color: #fff; background-color:#F00;     padding: 0px 20px;

    right: -14px;

    position: inherit;}

	.tabBar2 ul li.gouwuche a,.tabBar2 ul li.xiadan a{color: #fff;background-color:#009900;    padding: 0px 20px;}

	.tabBar2 ul li:nth-child(8){

		display: none;

	}

	

	.tabBar2 ul li:nth-child(7){

		margin-right: -10px;

	}

	.tabBar2 ul li:nth-child(10){

		display: none;

	}

    body.Yabout .search-header{ display: none;}

    body.Yabout .title-8.active{ top:76px; border-top:solid 1px #eee;}

    .news .index-items-list{ padding-left:15px;padding-right:15px;}

    .text-13{  padding-left:15px;padding-right:15px;}

    .addAddress{ left: 15px; margin:-224px 0 0 0; padding:15px 15px 20px;  width: calc(100% - 30px); }

    .addAddress ul li .right input{  height:50px; line-height:50px;}

    .addAddress ul li.dizhi .mc{ line-height: 50px;}

    .addAddress ul li textarea{ margin-bottom:15px;height: 100px; line-height: 26px;}

    .addAddress ul li button{ width: 150px; height: 40px; font-size: 16px;line-height:36px;}

    .about-content.case.pc-pro-list .case-list{ justify-content: space-between;display:inline-block;}

    .about-content.case.pc-pro-list .case-list .case-item{ margin-right: 0; width: calc(50% - 2px); display:inline-block;}

   

}

 





@media screen and (max-width:399px){

	.text-14 .caozuo .shuliang .mc{margin-right: 5px}

	.text-14 .caozuo button{width: 120px}

    .text-14 .caozuo .shuliang .shuliangk a{width: 25px}

    .text-14 .caozuo .shuliang .shuliangk input{ width: calc(100% - 25px * 2);}

}