@charset "utf-8";
/* CSS Document */
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0;background: transparent;}
body{font-family:"微软雅黑", Arial; font-size:14px; background:#fff; color:#909090;}
ul,li{list-style:none;}
a{ text-decoration:none;color:#909090;}
a:hover{color:#35ab7b;}
img{ border:none;background: transparent;}
.Main_center{width:1200px;height:auto;margin:0 auto;}
.ImgBox{display:table-cell; vertical-align:middle; text-align:center;}
.clearfix:before, .clearfix:after { content: ""; display: BLOCK; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
@font-face {
font-family:'Didot';
src: url('fonts/Didot.ttf') format('truetype');
}
@font-face {
font-family:'TimesBold';
src: url('fonts/TimesBold.ttf') format('truetype');
}
/*top*/
.top{height:auto;width:100%;position:relative;z-index:2; }
.top .top_head{width:100%;height:33px;line-height:33px; background:#f8f8f8; text-align:right;font-size:10px;}
.top .top_head .top_left{float:left;font-size:12px;color:#909090;}
.top .top_head .top_link{float:right;}
.top .top_head .top_link a{font-size:12px;color:#909090;}
.top .top_head .top_link a.on{color:#35ab7b;}
.top .top_head .top_link a:hover{color:#35ab7b;}
.top .top_box{overflow:hidden;width:1200px;height: 108px;margin:0 auto; }
.top .top_box img {width: 100%;}
.top .top_box .logo{overflow:hidden;float:left;height:120px;display:table-cell; vertical-align:middle;margin-top:25px;}
.top .top_box .logo img{overflow:hidden;float:left;max-height:120px;}
.top .top_box .slogan{float:left;margin-top:34px;text-align:left;font-size:14px; line-height:26px;color:#35ab7b; background: url(../images/top_line.jpg) no-repeat left center;text-transform:uppercase;padding-left:19px;margin-left:16px;}
/*top tel*/
.top .top_box .ph{float:right;margin-top:30px;padding:5px;padding-left:40px; background: url(../images/top_tel.png) no-repeat left center;margin-left:48px}
.top .top_box .ph{font-size:14px;color:#5e5e5e; text-align:left; line-height:24px;}
.top .top_box .ph h1{font-family: Arial;font-size:20px;color:#333333;}
.top .top_box .ph.ph2{padding-left:70px;background: url(../images/top_tel2.png) no-repeat left center;}
/*nav*/
.top .nav{overflow:hidden;width:100%;height:55px;background:#35ab7b;}
.top .nav .nav_box{overflow:hidden;width:1200px;margin:0 auto;height:55px;text-align:center;}
.top .nav .nav_box .ul1{height:auto;margin:0 auto;}
.top .nav .nav_box .ul1 .li1{list-style-type:none;float:left;height: 55px;line-height: 55px;margin:0 12px;}
.top .nav .nav_box .ul1 .li1 a{font-size:14px;color: #fff;display: inline-block;height: 55px;line-height: 55px;padding: 0 42px;text-align: center;position:relative;}
.top .nav .nav_box .ul1 .li1:hover .a1,#curr a{color: #fff;background:url(../images/top_navbg.png) repeat center center;}
/*erji*/
.top .nav .nav_box .ul1 .li1 ul{display:none;position:absolute;z-index:100;padding: 8px 4px;margin-left: -4px;background: url(../images/to_navbg.png) repeat center center; border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.top .nav .nav_box .ul1 .li1 ul li{ display:block;float:none; height:auto; margin:0; list-style-type:none;padding:2px 0px; }
.top .nav .nav_box .ul1 .li1 ul li a{ font-size:14px; height:35px;line-height:35px;color: #fff; display:block; text-decoration:none; text-align:left;min-width:142px;margin:0;}
.top .nav .nav_box .ul1 .li1 ul li a:hover {color: #35ab7b;}
/*banner*/
.banner {clear: both;}
.banner-box {width: 100%!important;min-height: 490px;position: relative;overflow: hidden;}
.banner-box .bd {width: 100% !important;position: relative;}
.banner-box .bd li .m-width {width: 100%!important;margin: 0 auto;overflow: hidden;}
.banner-box .bd li {width: 100% !important;}
.banner-box .bd li {display: block;background-size: auto;min-height: 500px; height:auto!important; overflow:hidden;width: 100vw!important;}
.banner-box .bd li a {display: block;height:auto!important;/*width: 145px;height: 40px;line-height: 40px;text-align: center;position: absolute;color: #FFFFFF;*/}
.banner-box .bd li img {border: none;position: absolute;left: 50%;margin-left: -960px;width: 1920px;height:auto;/*width:100%!important;height: 490px;*/}
.banner-btn {width: 100%;position: absolute;top: 120px;}
.banner-btn a {display: block;width: 50px;height:490px;position: absolute;top: 0;}
.banner-btn a.prev {/*background:url(../images/banner-left.png) no-repeat;*/left:0;}
.banner-btn a.next {/*background:url(../images/banner-right.png) no-repeat;*/right:0;}
.banner-box .hd {position: absolute;top: 500px;left: 46.8%;}
.banner-box .hd ul li {margin:0 14px;display:inline-block;width:6px;height:6px;line-height:9999px;overflow:hidden;background:transparent;cursor:pointer;border:2px solid #fff;border-radius:50%;}
.banner-box .hd ul li.on {background: #fff;}
/*search*/
.searchBox{width:100%;height:auto;border-bottom:1px solid #eee;margin:0 auto;position:relative;padding:18px 0;}
.search{ width:300px; float:right;height:40px;position:relative;}
.search input {width:292px;display:block; line-height:33px;height:33px; color:#d2d2d2; text-indent:15px; border:none;background: #fff;font-family:"微软雅黑", Arial; outline:none;border:1px solid #e5e5e5; border-right:none; border-radius:5px;}
.search .submit {position:absolute;right:0px;top: 0;height:35px;width:35px;border:none;background: #9f6c24;float:right;background:url(../images/index_search.png) center center no-repeat #35ab7b;cursor:pointer;border-radius:5px;}
.search_keywords{float:left;width:850px;padding-right:50px;line-height:35px; overflow:hidden;position:relative;font-size:16px;color:#5e5e5e; }
.search_keywords a{font-size:16px;color:#35ab7b;margin-right:16px;}
/*index_pro*/
.index_pro{width:100%; margin:0 auto;padding-top:32px;padding-bottom:50px;}
.proFenlei{width:100%; height:35px;line-height:35px; overflow:hidden;position:relative;font-size:14px;color:#fff; background:#35ab7b;margin-bottom:30px; letter-spacing:0.2px;padding:5px 0;}
.proFenlei a{font-size:14px;color:#35ab7b;margin-right:16px;color:#fff;margin:0 40px; position:relative;}
.proFenlei a:before{ content:"";background:url(../images/index_dotted.png) left 10px no-repeat ; position:absolute;top:0;left:-40px; width:3px;height:100%; }
.proFenlei a.readmore:before{background:none ;}
.proFenlei a:nth-child(1):before{background:none ;}
.proFenlei .tt{ display:inline-block;float:left;margin:0 30px;}
.proFenlei .t2{ display:inline-block; width:850px; overflow:hidden;}
.proFenlei a.readmore{float:right;font-size:12px;background:none;}
.proFenlei a:hover{ color:#d1dbdc;}
/*ListMenu*/
.ListMenu{ position:relative; float:left;width:275px;margin-right:25px;}
.ListMenu .ListMenu_tit{padding:41px 28px;background:url(../images/nav_ssbg.png) center bottom no-repeat #35ab7b; text-align:center;}
.ListMenu .ListMenu_tit .tt{font-size:20px;color:#fff;line-hieght:26px; }
.ListMenu .ListMenu_tit .en{font-size:16px; display:block; text-transform:uppercase;margin-top:4px;font-weight:300; color:#cdf0f0}
.ListMenu .ListSub{border:1px solid #35ab7b;border-top:none;}
.ListMenu .ListSub .ul1{padding-top:11px;}
.ListMenu .li1{ position:relative;}
.ListMenu .li1 i{width:47px;height:47px;background:url(../images/nav_ss.png) center center no-repeat; position:absolute;top:0px;right:10px; cursor:pointer;}
.ListMenu .li1 a{display:block;font-size:16px;line-height: 37px;color:#000;padding: 5px 53px 5px 32px;overflow: hidden;}
.ListMenu .li1 .a1{font-size:16px;color:#000;border-top:1px solid #cde7e7;line-height: 30px;padding: 5px 53px 5px 32px;}
.ListMenu .li1:hover .a1,.ListMenu .li1 .a1.on,.ListMenu li.focus .a1{color:#fff;border-color:#35ab7b;background:#35ab7b;}
.ListMenu .li1:hover i,.ListMenu li.focus i{background:url(../images/nav_ss2.png) center center no-repeat; }
/*erji*/
.ListMenu .li1 ul{display:none;}
.ListMenu li.on ul,.ListMenu li.focus ul{display:block;}
.ListMenu .li1 ul li a:hover,.ListMenu ul .li1 ul li.on a,.ListMenu ul .li1 ul li a.focus{color:#35ab7b;}
.index_pro .proList{float:left;width:900px;}
.proList ul{width:930px;}
.proList ul li{width:440px;margin-right:10px;margin-bottom:30px;float:left; background:#f7f7f7;transition: transform 0.3s ease-in-out;}
.proList ul li:nth-child(2n){margin-right:0;}
.proList ul li a{padding:14px; display:block;}
.proList ul li .Img{ float:left;width:210px; height:220px;overflow:hidden;}
.proList ul li .ImgBox{width:210px; height:220px;}
.proList ul li .ImgBox img {max-width:210px; max-height:220px;transition: transform 0.3s ease-in-out;}
.proList ul li .ListInfo{float:left;padding-left:16px;padding-right:6px; width:180px; font-size:14px; color: #000000; line-height:30px;padding-top:10px;}
.proList ul li .product_title{font-size:14px; line-height:30px;height:30px;overflow:hidden; color:#000000; }
.proList ul li .xinghao{font-size:14px; line-height:30px;height:30px;overflow:hidden; }
.proList ul li .jianjie{font-size:12px;line-height:26px; height:130px; overflow:hidden;margin-bottom:10px;}
.more2{display: block;text-align: center;font-size: 12px;color:#FFF;background-color:#35ab7b; width:89px;height: 37px;line-height: 37px; border-radius:37px; float:right;}
.proList ul li:hover{background:#35ab7b;}
.proList ul li:hover .ListInfo{color:#fff;}
.proList ul li:hover .more2{background:#fff; color:#35ab7b;}
/*ListMenu_more*/
.ListMenu_more{ width:100%; margin:0 auto; text-align: center; clear:both;padding-top:25px;}
.ListMenu_more a{display: block;margin:0 auto;text-align: center;font-size: 12px;color:#FFF;background-color:#35ab7b; width:290px;height: 40px;line-height: 40px;transition: all 0.6s cubic-bezier(.23, 1, .38, 1) .2s;}
.ListMenu_more a:hover{background:#329998;}
/*index_adtit*/
.index_adtit{ width:100%;margin:0px auto; padding:0; overflow:hidden; background:url(../images/index_aboutline.png) center top no-repeat;padding-top:66px;}
.index_adtit .Main_center{ text-align:center;}
.index_adtit h6{margin-top:40px;}
.index_adtit .txt{ height: 55px;color:#231815;font-size:14px;line-height:26px;}
/*about_box*/
.index_about{ width:100%; height:auto;margin:0px auto;padding:0 0 160px 0;background:url(../images/index_aboutbg.png) center bottom no-repeat; position:relative; z-index:1;margin-bottom:-50px; }
.about_box .pic{display:block;float:left;width:600px;height:460px;margin-bottom:50px;}
.about_box .pic img{overflow:hidden;max-width:600px;max-height:460px;}
.about_box .con_info{overflow:hidden;padding-left:65px;}
.about_box .con_info .wz{font-size:14px;line-height:34px;color:#878787;}
.about_box .con_info .more a{font-size: 12px;display:block;width:82px;border-radius: 2px;padding:0;margin:0;height:32px;line-height:32px; background: #35ab7b; color:#fff; text-align:center;margin-top:18px;margin-bottom:10px;}
.about_box .con_info .more a:hover{ background:#e66204;}
.about_box .con_title{overflow:hidden;}
.about_box .con_title .title_t{display:inline-block;float:left;font-size:32px;color: #5e5e5e;}
.shuju sup{font-size: 20px;font-weight: 300;line-height: 10px;letter-spacing: -0.02em;display: inline-block;margin-left: 5px;font-family:'Didot', Arial;vertical-align:top;}
/*index_fangan*/
.index_fangan{ width:100%; height:auto;margin:0px auto; padding:0 0 52px 0;position: relative;z-index:2;}
.index_fangan .con_title{margin:0 auto; text-align: center;}
.index_fangan .con_title a{ display:inline-block;}
.index_fangan .con_title .title_t{display:inline-block;font-size:40px;color: #010101; font-weight:bold;}
.fangan_list {margin:0; padding:0; height:auto; overflow:hidden;margin-top:55px;}
.fangan_list li{width:200px; float:left; list-style:none;padding:5px 0;margin-bottom:30px; text-align: center; font-size:30px; color:#35ab7b;}
.fangan_list li .title a{color:#35ab7b;}
.fangan_list li .ImgBox{width:100%;margin: 0 auto; text-align:center; display:block;margin-bottom:5px; border-style:solid;}
.fangan_list li .ImgBox img{width:100%;margin-bottom:0;margin: 0 auto; text-align:center;}
.fangan_list li .ImgBox{ overflow:hidden; max-width: 114px;max-height: 114px;}
.fangan_list li a img{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%);
transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -webkit-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1);}
.fangan_list li a:hover img{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(00%); -o-filter: grayscale(100%); filter: grayscale(100%);*filter: gray;}
.fangan_list li:hover .title a{color: gray; }
/*index_ad*/
.ad_tit{ background:url(../images/index_youshitit.png) center center no-repeat;height:125px;}
.index_ad{line-height:34px; font-size:16px; color:5e5e5e;}
.index_ad .number{font-size: 76px;font-family: Arial;color: #35ab7b;font-style:italic;background: url(../images/youshi_titss.png) 4px top no-repeat;padding:30px 0 10px 0;line-height: normal;margin: 0;letter-spacing: 3px;}
/*index_ad1*/
.index_ad1{padding:70px 0; border-bottom:1px solid #ececec;}
.index_ad1 .left{width:50%; float:left;}
.index_ad1 .tu{width:50%; float:left; text-align:right;}
/*index_ad2*/
.index_ad2{padding:70px 0; border-bottom:1px solid #ececec;}
.index_ad2 .left{width:50%; float:left;padding-top:15px;}
.index_ad2 .wz{padding-left:80px;}
.index_ad2 .tu{width:50%; float:left; text-align:left;}
/*index_ad3*/
.index_ad3{padding:70px 0; border-bottom:1px solid #ececec;}
.index_ad3 .left{width:50%; float:left;}
.index_ad3 .tu{width:50%; float:left; text-align:right;}
/*index_news*/
.index_news{height:auto; overflow:hidden;padding-top:114px;padding-bottom:90px;}
.news_box .news_left{width:690px; height:510px; float:left; margin-left:80px;}
.news_box .news_left .news_left_top{height:auto; overflow:hidden;font-size:20px; color:#909090; line-height:34px; }
.news_box .news_left .news_left_top .index_title{font-size:32px;line-height:34px;color:#35ab7b;margin-bottom:10px;}
.news_box .news_left .news_left_top .index_title a{color:#35ab7b;}
.news_box .news_left_content{margin-top:34px; height:auto; overflow:hidden; position:relative;}
.news_box .news_left_content .news_loop{ height:300px;overflow:hidden; }
.news_box .news_left_content ul{margin:0; padding:0;height:249px; overflow:hidden; float:left;}
.news_box .news_left_content ul li{overflow:hidden; list-style:none;padding-bottom:25px;margin-bottom:25px; border-bottom:1px solid #dcdcdc;}
.news_box .news_left_content ul li .date{font-size:14px; color:#909090;margin-bottom:5px;}
.news_box .news_left_content ul li .title{height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; color:#5e5e5e;margin-bottom:5px;}
.news_box .news_left_content ul li .jj{height:52px; line-height:26px; overflow:hidden; font-size:12px; color:#909090;}
.news_box .news_left_content ul li:hover .title{color:#35ab7b;}
.news_box .news_left_content .control{height:74px;margin-top:30px;}
.news_box .news_left_content .control span{width:30px;height:30px;display:inline-block;overflow:hidden;margin-right:5px;border-radius:15px;text-align:center;line-height:30px;cursor:pointer;}
.news_box .news_left_content .control span.prev{background:url(../images/news_icon.png) left center no-repeat #f2f2f2;}
.news_box .news_left_content .control span.next{background:url(../images/news_icon.png) right center no-repeat #f2f2f2;}
.news_box .news_left_content .control span.prev:hover{background:url(../images/news_icon2.png) left center no-repeat #35ab7b;}
.news_box .news_left_content .control span.next:hover{background:url(../images/news_icon2.png) right center no-repeat #35ab7b;}
.news_box .news_pic{width:430px; height:480px; float:left; position:relative;}
.news_box .news_pic .img{width:400px; height:480px; position:relative; z-index:2; background:#fff;}
.news_box .news_pic .img img{max-width:400px; max-height:480px;}
.news_box .news_pic .img img{-webkit-transition: opacity .3s ease-out;-moz-transition: opacity .3s ease-out;-o-transition: opacity .3s ease-out;transition: opacity .3s ease-out;}
.news_box .news_pic .img:hover img{filter:alpha(opacity=70);-moz-opacity:0.7; opacity:0.7;}
.news_box .news_pic span{display:block; width:400px; height:480px; position:absolute; right:0; top:26px; z-index:1;background-color:#35ab7b;}
/*foot*/
.foot{background: #f4f4f4;width:100%;height:auto;font-size:12px;color:#909090;}
.foot .foot_box{width:1200px;height:auto;margin:0 auto;padding: 55px 0 62px 0;}
.foot .foot_nav {overflow:hidden;float:left;width:550px;}
.foot .foot_nav ul{height:auto;width: 130px;margin-right: 10px;float:left;padding-bottom: 25px;}
.foot .foot_nav ul li{list-style-type:none;display:block;overflow:hidden;}
.foot .foot_nav .t1{font-size:14px;margin-bottom:24px;}
.foot .foot_nav .t1 a{color:#333;}
.foot .foot_nav .t2{font-size:12px;margin-bottom:10px;padding-left:20px;background: url(../images/bottom_datted.png) no-repeat left 8px;}
.foot .foot_nav .t2 a{display: inline-block;overflow:hidden;height: 24px;line-height: 24px;color:#909090;}
.foot .foot_nav .t2 a:hover{color:#f74493;}
.foot .foot_center{float:left;width:390px;marign-right:20px;}
.foot .foot_center h1{font-size:14px;color:#333;margin-bottom:22px;padding-left:5px;font-weight: normal;}
.foot .foot_lx{padding-left:5px;line-height:26px;}
.foot .share{padding:20px 0;}
.foot .share ul li{width: 25px;height: 25px;float:left;margin-right:10px;}
.foot .share ul li a{overflow: hidden;width: 25px;height:25px;display:inline-block;cursor:pointer;margin:0;padding:0; background-position:left center; background-repeat:no-repeat; position:relative;}
.foot .share ul li a.fa-facebook{background-image:url(../images/bottom_fb.png)}
.foot .share ul li a.fa-twitter{background-image:url(../images/bottom_tw.png)}
.foot .share ul li a.fa-qq{background-image:url(../images/bottom_qq.png)}
.foot .share ul li a.fa-weixin{background-image:url(../images/bottom_wx.png)}
.foot .share ul li a.fa-weibo{background-image:url(../images/bottom_wb.png)}
.foot .share ul li a.fa-zhihu{background-image:url(../images/bottom_zh.png)}
.foot .share ul li a.fa-baidu{background-image:url(../images/bottom_bd.png)}
.foot .share ul li a.fa-renren{background-image:url(../images/bottom_rr.png)}
.foot .share ul li:hover a{background-position:right center;}
.foot .share ul li .li_weixin img{display:none;width: 100px;height: 100px;margin-left: -35px;margin-top: -130px;position:absolute;z-index:1;}
.foot .share ul li:hover .li_weixin img{display:block;}
.foot .foot_right{float:right;width:240px;overflow:hidden;line-height:30px;text-align:right;}
.foot .bq{width:100%;font-size:12px;line-height:20px;color:#909090;text-transform: uppercase;border-top:1px solid #dfdfdf; text-align:center;padding-top: 30px;padding-bottom: 30px;}
.foot .bq .footLogo{}
.foot .bq a{color:#909090;}
.foot a:hover{color:#f74493;}
/****************footer start******************/
.footer{ background:#f4f4f4;padding:60px 0 0 0px;}
.footer .bottomlogo{overflow:hidden;float:left;width:260px;}
.footer .share{margin:0 auto;text-align:center;margin-top:28px;}
.footer .share ul{margin:0 auto; text-align:left;}
.footer .share ul li{width: 33px;height: 33px;display:inline-block;*display:inline;margin-right:12px;padding:0;}
.footer .share ul li a{overflow: hidden;width: 33px;height: 33px;line-height:33px;border-radius:50%;display:block;background-color:#dadada;position:relative;margin:0;cursor:pointer;padding-top:0em;box-shadow:0 0 0 0 #fafafa inset;transition: all 1s;}
.footer .share ul li a.fa-qq{background:url(../images/share2.png) 0 center no-repeat #35ab7b;}
.footer .share ul li a.fa-wx{background:url(../images/share2.png) -40px center no-repeat #35ab7b;}
.footer .share ul li a.fa-wb{background:url(../images/share2.png) -80px center no-repeat #35ab7b;}
.footer .share ul li a.fa-tw{background:url(../images/share2.png) -120px center no-repeat #35ab7b;}
.footer .share ul li a.fa-qq:hover {background:url(../images/share2.png) 0 center no-repeat #35ab7b;}
.footer .share ul li a.fa-wx:hover{background:url(../images/share2.png) -40px center no-repeat #35ab7b;}
.footer .share ul li a.fa-wb:hover{background:url(../images/share2.png) -80px center no-repeat #35ab7b;}
.footer .share ul li a.fa-tw:hover{background:url(../images/share2.png) -120px center no-repeat #35ab7b;}
.footer .share ul li a::before{content:''; position: absolute;border-radius: 50%; top: 0; left: 0;z-index:5; display: block; -webkit-transform: scale(0); transform: scale(0); transition: transform 1s;}
.footer .share ul li:hover a{ box-shadow:0 0 0.5em 2.5em rgba(256, 256, 256, 0) inset;}
.footer .share ul li:hover a::before { -webkit-transform: scale(1); transform: scale(1); background-color:#fff;}
.footer h1{font-size:14px;color:#333333;margin-bottom:18px;font-weight: 500;}
.footer .bottomNav{float:left;width:540px;}
.footer .bottomNav .li1{width:125px;margin-right:10px;float:left;min-height:170px; position:relative;}
.footer .bottomNav .li1 .ul2 li{display:block;min-width:50px;padding:0;margin-bottom:10px;}
.footer .bottomNav .li1 .ul2 li a{color:#909090;font-size:12px;}
.footer .bottomNav .li1 .ul2 li a:hover{color:#35ab7b;}
.footer .bottomlx{float:left;width:225px;padding-right:25px;min-height:170px;line-height:20px;font-size:12px;color:#333333;}
.footer .bottomlx h1{margin-bottom:5px; color:#5e5e5e;}
.footer .foot_right{float:right;width:150px;min-height:170px;}
.footer .bottomlx a{ color:#909090;}
.footer .bq{background:#f4f4f4;color:#909090;padding: 12px 0 13px 0;font-size:12px;line-height: 30px;text-align:center;margin-top:20px;}
.footer .bq a{color:#909090;}
.footer a:hover{color:#35ab7b;}
/************************page页样式开始************************/
/*pagebanner*/
.pagebanner{overflow:hidden;height:auto;min-height:490px;width:100%;text-align:center;margin:0 auto;position:relative;z-index:1;}
.pagebanner2{overflow:hidden;height:auto;min-height:330px;width:100%;text-align:center;margin:0 auto;position:relative;z-index:1;}
.pagebanner .Main_center{width:1200px;position: relative;height:350px;margin:0 auto;line-height:40px;}
/*position*/
.position{font-size:12px;color:#909090; line-height:26px;padding:11px 0; border-bottom:1px solid #e5e5e5; background:#fff; text-align:right;}
.page{width:1200px;height:auto;overflow:hidden;margin:0px auto;padding-top: 50px;padding-bottom: 30px; position:relative; }
/********zuo menu********/
.page .ListMenu{ width:240px;margin-right:60px;}
.page .ListMenu .li1 .a1{padding: 5px 47px 5px 18px;}
.page .ListMenu .li1 i{right:0;}
/*navph*/
.page .ListMenu .navph{padding:25px 30px; background:#35ab7b;}
.page .ListMenu .navph .tit{font-size:18px;color:#fff; text-align:left; line-height:30px;padding-left:40px;background: url(../images/nav_tel.png) no-repeat left center;}
.page .ListMenu .navph h1{font-family: Arial;font-size:24px; font-weight:bold;color:#fff;}
/********zuo menu2********/
.ListMenu2{float:left;width:240px;margin-right:30px; height:100%;}
.ListMenu2:after{ content:"";position:absolute;width:1px; background:#e5e5e5;height:100%; top:0; left:240px;}
.ListMenu2 .li1{ position:relative;}
.ListMenu2 .li1 a{display:inline-block;font-size:14px;line-height: 35px;color:#909090;overflow: hidden;margin-left:22px;margin-bottom:5px;padding:0 8px;}
.ListMenu2 .li1.focus .a1,.ListMenu2 .li1 .a1:hover{color:#333333;background:#efefef;transition: transform 0.3s ease-in-out;}
.Listpro{width:275px;margin-top:40px;}
.Listpro ul li{width:275px;margin-bottom:14px;float:left; }
.Listpro ul li .ImgBox{width:273px; height:204px;overflow:hidden; position:relative;border:1px solid #dcdcdc;}
.Listpro ul li .ImgBox img {max-width:273px; max-height:204px;transition: transform 0.3s ease-in-out;}
.Listpro ul li:hover .ImgBox{border-color:#35ab7b;}
.Listpro ul li .product_title{font-size:14px; line-height:52px; height:52px; text-align:center;color:#333333;overflow:hidden;padding:0 10px;}
.Listpro ul li:hover .product_title{color:#fff;border-color:#35ab7b;background:#35ab7b;}
.keywordlist{width:224px;}
.keywordlist li{padding: 0;margin: 0;}
.keywordlist li a{display: inline-block;float:left;font-size: 14px;line-height: 26px;color:#fff;background:#35ab7b;padding:4px 8px;margin-right:5px;margin-bottom:7px;}
.keywordlist li a:hover{backgrou
nd-color:#f36806;}
.Pagenwlist li{padding: 0;margin: 0;margin-bottom: 6px;line-height: 30px;}
.Pagenwlist li a{display: block;font-size: 14px;line-height: 30px;color:#464646;text-indent:20px;background:url(../images/news_z.png) left center no-repeat;}
.Pagenwlist li .tt{display:block;line-height: 30px;height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.Pagenwlist li:hover a{color:#35ab7b;}
.Pagenwlist2 li{padding: 0;margin: 0;margin-bottom: 6px;line-height: 30px;}
.Pagenwlist2 li a{display: block;font-size: 14px;line-height: 30px;color:#464646;text-indent:10px;background:url(../images/news_z.png) left center no-repeat;}
.Pagenwlist2 li .tt{display: inline-block;width:133px;line-height: 30px;height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.Pagenwlist2 li .date{display: inline-block;float: right;font-size: 12px;text-align: right;color:#909090;}
.Pagenwlist2 li:hover a,.Pagenwlist2 li:hover .date{color:#35ab7b;}
.page .Listculture ul li{font-size: 12px;line-height: 26px;color:#464646;margin-bottom:20px;}
.page .Listculture ul li h1{font-size: 14px;line-height: 30px;color:#35ab7b; font-weight:300; text-align:center;}
/********右侧内容********/
.page_rihgt{ width:900px; height:auto; overflow:hidden; float:left;font-size:14px;color:#000;line-height:30px;}
.page_tit{font-size: 18px;color:#333;line-height:30px;margin-bottom:25px;}
.page_r_text{width:900px;height:auto;min-height:400px;overflow:hidden;font-size:14px;color:#909090;line-height:36px;padding: 0;}
.page_r_text img{margin-top:5px;max-width:900px;}
/*PageproList*/
.PageproList{width:890px;}
.PageproList ul{width:915px;}
.PageproList ul li{width:290px;margin-right:15px;margin-bottom:10px;float:left; }
.PageproList ul li .ImgBox{width:290px; height:304px;overflow:hidden; position:relative;}
.PageproList ul li .ImgBox img {max-width:290px; max-height:304px;transition: transform 0.3s ease-in-out;}
.PageproList ul li:hover .ImgBox{border-color:#35ab7b;}
.PageproList ul li:hover .ImgBox img{transform: scale(1.01, 1.01);}
.PageproList ul li .product_title{font-size:14px; line-height:52px; height:52px; text-align:center;color:#5e5e5e;overflow:hidden;padding:0 10px;}
/*detail_box */
.page .Main_left .left-pro{width:480px;float:left;padding: 0;}
.page .Main_left .left-pro .ImgBox2{width:480px;height:355px;position:relative;}
.page .Main_left .left-pro .ImgBox2 a{position:relative;}
.page .Main_left .left-pro .ImgBox2 img{border:1px solid #dfdfdf;}
.page .Main_left .left-pro .ImgBox1{width:480px;float:left;height:75px;padding: 20px 0 0 0;}
.tempWrap{float: left;}
.page .Main_left #showArea{overflow: hidden;width:444px;height: 75px;float: left;}
.page .Main_left #showArea a{display:block;}
.page .Main_left #showArea ul li{cursor:pointer;display:block;width: 101px;height:75px;margin-right: 10px;}
.page .Main_left #showArea ul li a img{max-width: 101px;max-height:75px;}
.page .Main_left #gotop{cursor:pointer;float:left;margin-top: 30px;padding-right:11px;}
.page .Main_left #gobottom{cursor:pointer;float:right;display: inline-block;margin-top: 30px;}
.zxnewList{border-top:1px solid #e3e3e3;margin-top:30px;width:955px;}
.zxnewList .xgListtitle{width:890px; overflow:hidden;}
.zxnewList ul{width:250px;float:left;margin-right:70px;}
.zxnewList li{padding: 0;margin: 0;margin-bottom: 6px;line-height: 30px;}
.zxnewList li a{display: block;font-size: 14px;line-height: 30px;height: 30px;color:#464646;text-indent:20px;background:url(../images/newdotted.png) left center no-repeat;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.zxnewList li:hover a{color:#35ab7b;}
.page_news ul{width:100%;}
.page_news ul li{width:100%;height:auto;position:relative; border-bottom:1px solid #dcdcdc;margin-bottom:30px;background-color:#fff;}
.page_news ul li a{display:block;position: relative;}
.page_news ul li .ImgBox{width:150px; height:150px; overflow:hidden; float:left;margin-bottom: -1px;}
.page_news ul li .ImgBox img {max-width:150px; max-height:150px;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.page_news ul li a:hover .ImgBox img {transform: scale(1.05);}
.page_news ul li .news_info{width:715px; height:auto; float:left;padding:0 0 0 35px;position:relative;}
.page_news ul li .news_info .shuju{font-size:14px;color:#666;margin-bottom:6px;margin-top:12px;}
.page_news ul li .news_info .shuju .date{ display:inline-block; padding-left:20px;background:url(../images/news_dateicon.png) left center no-repeat;margin-right:15px;}
.page_news ul li .news_info .shuju .see{ display:inline-block; padding-left:20px;background:url(../images/news_seeicon.png) left center no-repeat;}
.page_news ul li .news_info h1{font-size:16px; line-height:32px; height:32px;font-weight:300;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#272727;}
.page_news ul li .news_info h2{font-size:12px; line-height:26px; height:78px;font-weight:300;overflow:hidden;margin-top:8px;color:#909090;}
.page_news ul li:hover .news_info h1{color:#35ab7b;}
.pro_list{width:355px;position:relative;overflow:hidden;float:left;}
.pro_list .loop_list{width:355px;height:372px;float:left;overflow:hidden;}
.pro_list .loop_list ul{margin:0; padding:0;width:355px;height:372px;overflow:hidden;}
.pro_list .loop_list ul li{width:355px;float:left;list-style:none;}
.pro_list .loop_list ul li .img{width:355px; height:372px;}
.pro_list .loop_list ul li .img img{max-width:355px; max-height:372px;}
.pro_list .loop_list ul li span{display:block; text-align:center; margin-top:2px; height:52px; line-height:52px; overflow:hidden; font-size:14px;}
.pro_list .prev,.pro_list .next{ position:absolute;top:50%;width:40px; height:40px; border-radius:40px; text-align:center; line-height:40px; float:left; margin-top:-20px; cursor:pointer; z-index:2;}
.pro_list .prev{left:20px;background:url(../images/pro_left.png) left center no-repeat;}
.pro_list .next{right:20px;background:url(../images/pro_right.png) left center no-repeat;}
/*page_tab*/
.page .page_tab{margin:0 auto;padding:0;text-align: right; }
.page .page_tab ul { margin:0 auto;padding: 0;list-style: none; text-align:right;height: 37px;line-height: 37px;font-size: 0;}
.page .page_tab ul li{margin: 0;padding: 0;display: inline-block;position: relative;height: 36px;line-height: 36px;}
.page .page_tab ul li a{display: inline-block;text-align: center;font-size: 14px;color: #5e5e5e;padding: 0 18px;height: 34px;line-height: 34px;border: 1px solid #e5e5e5;background: transparent;}
.page .page_tab ul li a:hover{border-color: #35ab7b;color: #fff; background:#35ab7b;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.page .page_tab ul li.next-page, .page .page_tab ul li.prev-page{ margin:0 20px;}
.page .page_tab ul li.next-page{ margin-right:0;}
.detail_box{margin-top:50px;}
.detail_nr{width:485px;float:left;height:auto;margin-left:60px;}
.detail_nr .detail_nr_tit{font-size:24px;color:#35ab7b; font-weight:bold;margin-bottom:20px;}
.detail_nr .detail_nr_jj{font-size:14px;line-height:30px;color:#000000;min-height:210px;}
.detail_title {border-bottom: 1px solid #e7e7e7;text-align: center;margin-bottom:30px;position:relative;display:block;padding-top:15px;}
.detail_title span {color: #000;font-size: 16px;height:30px;background: #ffffff;margin:0 auto;padding:0 12px;text-align:center;display:inline-block;width:auto;font-style: normal;margin-bottom: -15px;}
.detail_wz{padding:0 0px 30px 0px;font-size:14px;line-height:30px;color:#000;}
.detail_nr_tel{font-size:20px;color:#048887;margin-top:20px;line-height:40px;padding-left:50px;background:url(../images/pro_tel.png) left center no-repeat}
.detail_nr_btn a{display: block;float: left;text-align: center;font-size:14px;text-indent:-5px;height: 37px;line-height: 37px;text-transform: uppercase;text-decoration: none;margin: 0 auto;border-radius:37px;color: #35ab7b;background: #f4f4f4;transition: all ease .3s;margin-right:10px; padding:0px 15px;}
.detail_nr_btn a:hover{background: #35ab7b;color: #fff;}
.detail_nr_btn a.contactBtn{background: #35ab7b;color: #fff;}
/*xgList*/
.XiangGuanList{position:relative; }
.xgList{ text-align:center;margin-left:35px;width:830px; overflow:hidden;}
.xgList ul{width:830px; overflow:hidden;}
.xgList ul li{width:185px;margin-right:30px;margin-bottom:14px;float:left; }
.xgList ul li .ImgBox{width:185px; height:194px;overflow:hidden; position:relative;}
.xgList ul li .ImgBox img {max-width:185px; max-height:194px;transition: transform 0.3s ease-in-out;}
.xgList ul li:hover .ImgBox{border-color:#35ab7b;}
.xgList ul li .product_title{font-size:14px; line-height:52px; height:52px; text-align:center;color:#333333;overflow:hidden;padding:0 10px;}
.xgList ul li:hover .product_title{color:#35ab7b;}
.xgList .prev,.xgList .next{ position:absolute;top:50%;width:40px; height:40px; border-radius:40px; text-align:center; line-height:40px; float:left; margin-top:-20px; cursor:pointer; z-index:2;}
.xgList .prev{left:0;background:url(../images/pro_left2.png) left center no-repeat;}
.xgList .next{right:0;background:url(../images/pro_right2.png) right center no-repeat;}
/*page_tab2*/
.page .page_tab2{width:100%;margin: 0 auto;text-align: center;font-size:14px;padding-top:33px;clear: both; color:#333;padding-bottom:40px;}
.page .page_tab2 a{display:inline-block;overflow:hidden; margin:0 9px;;vertical-align:middle;text-align:center; border-radius:37px;}
.page .page_tab2 .lx_buttom{width:140px;height: 37px;line-height: 37px;color:#fff;background:#35ab7b;}
.page .page_tab2 .page_buttom{width:100px;height: 35px;line-height: 35px;border:1px solid #e7e7e7; color:#353535;}
.page .page_tab2 a.page_buttom:hover{color:#fff;background:#35ab7b; border-color:#35ab7b;}
/*SolutionList*/
.SolutionList{width:900px;}
.SolutionList ul{width:915px;}
.SolutionList ul li{width:290px;margin-right:15px;margin-bottom:40px;float:left; position:relative;}
.SolutionList ul li a{ display:block;}
.SolutionList ul li .ImgBox{width:290px; height:290px;overflow:hidden; position:relative; }
.SolutionList ul li .ImgBox img {max-width:290px; max-height:290px;transition: transform 0.3s ease-in-out;}
.SolutionList ul li:hover .ImgBox{border-color:#35ab7b;}
.SolutionList ul li:hover .ImgBox img{transform: scale(1.1, 1.1);}
.SolutionList ul li .product_title{width:270px;font-size:14px; line-height:45px; height:45px; text-align:center;color:#fff;overflow:hidden;padding:0 10px; position: absolute; bottom:0; background:url(../images/bg50.png) center center repeat; display:block;}
/*NewsList */
.NewsList {margin-top:34px; height:auto; overflow:hidden; position:relative;}
.NewsList ul{margin:0; padding:0; width:100%; height:auto; overflow:hidden;}
.NewsList ul li{height:84px; overflow:hidden; list-style:none; margin-bottom:35px;padding-bottom:40px;border-bottom:1px solid #f2f2f2; width:100%;display:block;}
.NewsList ul li a{ display:block;}
.NewsList ul li .date{width:84px; height:84px; text-align:center; font-size:14px; float:left;margin-right:26px; background:#efefef;line-height:34px; color:#666;}
.NewsList ul li .date span{font-size:16px; text-align:center; display:block; padding-top:9px; position:relative;}
.NewsList ul li .date span:after{ content:"";position:absolute;width:12px; background:#666;height:1px; bottom:0; left:0; right:0;margin:0 auto;}
.NewsList ul li .title{width:790px; overflow:hidden; float:left;}
.NewsList ul li h1{height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;font-size:16px; color:#5e5e5e; font-weight:normal;}
.NewsList ul li h4{height:52px; line-height:26px; overflow:hidden; font-size:12px; color:#909090; font-weight:normal;}
.NewsList ul li:hover .date{background:#35ab7b;color:#fff;transition: all ease .3s;}
.NewsList ul li:hover .date span:after{background:#fff;transition: all ease .3s;}
.NewsList ul li:hover h1{color:#35ab7b;transition: all ease .3s;}
/*feedback*/
.feedback{widows:100%; height:auto; overflow:hidden;}
.feedback input{width:408px; height:40px; border:1px solid #dfdfdf; margin:0;margin-bottom:10px; padding:0 10px;background:transparent; color:#a0a0a0; font-family:"微软雅黑",Sans-Serif;border-radius:5px; outline:none;}
.feedback .text2{width:408px; height:60px; border:1px solid #dfdfdf; margin:0;margin-bottom:10px; padding:10px 10px;background:transparent; color:#a0a0a0; font-family:"微软雅黑",Sans-Serif;border-radius:5px; outline:none;}
.feedback .getcode input{width:27.5%; margin-right:15px;}
.feedback .getcode span{margin-left:1em;}
.feedback .getcode img{max-width:100px;}
.feedback .button input{width:100px; height:40px; text-align:center; color:#fff; border:none;background:transparent; font-family:"微软雅黑",Sans-Serif; cursor:pointer;}
.feedback .button input[type=submit]{background:#35ab7b; }
.feedback .button input[type=submit]:hover{background:#067473; }
.feedback .button input[type=reset]{background:#35ab7b; }
.feedback .button input[type=reset]:hover{background:#067473; }
/*ListMenu listSub2*/
.ListMenu .listSub2{position:absolute;top:0;margin-left:70px!important;left:203px!important;z-index:100;background-color: #ffffff;border: #35ab7b solid 1px;display:none;padding-top:5px;padding-bottom:5px;}
.ListMenu .listSub2 a{display:block;line-height:24px; font-weight:normal; color:#333;width: 191px!important;padding: 5px 20px 5px 20px;}
.ListMenu .listSub2 a:hover{background:#b7dede;text-decoration:none;}
.ListMenu .li1:hover .listSub2{ display:block;}
.page .ListMenu .listSub2 {left: 168px!important;}
.PageproList2{margin-top:20px;}
.PageproList2 ul{width:100%; overflow:hidden; }
.PageproList2 ul li{width:440px;margin-right:20px;margin-bottom:20px;float:left; background-color:#f7f7f7;transition: background 0.3s ease-in-out; position:relative; overflow:hidden; font-size:14px; color: #5e5e5e; line-height:30px;}
.PageproList2 ul li:nth-child(2n){margin-right:0;}
.PageproList2 ul li a{padding:14px; display:block;padding-right:20px; color: #5e5e5e;}
.PageproList2 ul li .ListInfo{ height:230px; overflow:hidden;}
.PageproList2 ul li .Img{ float:left;width:180px; height:189px;overflow:hidden;padding-right:16px;}
.PageproList2 ul li .ImgBox{width: 180px;height: 189px;}
.PageproList2 ul li .ImgBox img {max-width: 180px;max-height: 189px;transition: transform 0.3s ease-in-out;}
.PageproList2 ul li .product_title{font-size:14px; line-height:30px;height:30px;overflow:hidden;width: 130px;padding-top:10px;}
.PageproList2 ul li .jianjie{font-size:12px;line-height:26px; height:234px; overflow:hidden;}
.PageproList2 ul li .more2{display:inline-block;text-align: center;font-size: 12px;color:#FFF;background-color:#35ab7b; width:120px;height: 32px;line-height: 32px; border-radius:32px; position:absolute;right:-18px; top:14px;transition: background 0.3s ease-in-out;}
.PageproList2 ul li:hover{background-color:#35ab7b;color: #fff;}
.PageproList2 ul li:hover a{color: #fff;}
.PageproList2 ul li:hover .more2{background-color:#fff;color: #35ab7b;}
/* side */
.side{position:fixed;width:54px;height:auto;right:0;bottom:50px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #fff; text-align:center;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s; background:#35ab7b;color:#fff;font:14px/54px Arial, Helvetica, sans-serif;overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}
.weixing-container{width:55px;height:54px;background-color:#35ab7b;background-image:url(../images/side_icon02.png); float:left; border-bottom:1px solid #fff;}
.weixing-show{width:126px;height:126px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-135px; top:32px; display:none;}
.weixing-show .weixing-ma{width:116px;height:116px;padding-left:5px;padding-top:5px;}
.weixing-show .weixing-ma img{width:116px;}
.weixing-show .weixing-txt{position:absolute;top:125px;left:7px;width:116px;margin:0 auto;text-align:center; font-size:14px; line-height:20px; font-family:"Microsoft YaHei", "微软雅黑", Arial;}
/* side */