@charset "utf-8";
html,body{height:100%;}

body{padding:120px 0 0 0; margin:0px auto; font-size:16px; line-height:36px; color:#666666; width:100%; min-width:300px; zoom:1; background: #fff;}
ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}
select,input,textarea,button{ font-size:16px; border-radius:0; -webkit-border-radius:0; color:#545454; }
input:focus { outline: none;}
input,button,select,textarea{ border:0px;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/}
button{ cursor:pointer;}
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/}
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,fxigcaption,address{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ max-width:100%; border:none; border:0;  vertical-align:top;}
a{ color:#4c4c4c; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);transition: all ease 0.3s;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#056a0a;}
/**:hover{transition: all ease 0.3s;}*/
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}.tc{ text-align:center;}
.hide{ display:none;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
.clearfix:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix{*zoom:1;}
:-moz-placeholder {color: #808080;}
::-moz-placeholder {color: #808080;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #808080;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #808080;}
::-webkit-scrollbar{
            width: 3px;-webkit-overflow-scrolling : touch;
            background-color: #e6e6e6;}
::-webkit-scrollbar-track{
            background-color: #e6e6e6;}
::-webkit-scrollbar-thumb{
            border-radius: 10px;
            background-color: #056a0a;}
::-webkit-scrollbar-button{
            height: 0px;
            background-color: #B0AEDA;}

.relative{ position:relative;}
.bodyon{ overflow:hidden;}
.Contain{ position:relative; clear:both; max-width:1400px; margin:0px auto;}
.block{ display:block;}
.tit{ display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;}
.p{overflow: hidden;word-break:normal;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;}
.imgbox{ overflow:hidden; position:relative;}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;}
.effict{transition: all ease 0.3s;}

@media ( max-width:1400px){
.Contain{ margin:0 12px;}
}

@media ( max-width:998px){
body{ padding-top:46px; font-size:14px;line-height:24px;}	
select,input,textarea,button{ font-size:14px;}
}

/*font*/
.f_red{ color:#ff0000;}
.f_green{ color:#056b0a;}
.whiteblack { -webkit-filter: grayscale(100%);}
.whiteblack.active,
.whiteblack:hover {-webkit-filter: grayscale(0%);}

.Scale-img {overflow: hidden;cursor: pointer; zoom:1; overflow: hidden;}
.Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;}
.Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1); top:0px; left:0px;}

/*pages*/
.Pages{ zoom:1; overflow:hidden;text-align:center; clear:both; line-height:42px; font-size:18px;}
.Pages span{ padding:0px 0px; display:inline-block; vertical-align:middle;}
.Pages a{ display:inline-block; vertical-align:middle; margin:0px 4px; width:42px; border:1px solid #e6e6e6;}
.Pages .p_page a{ display:inline-block; vertical-align:middle;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{ padding:0 10px; font-family:"宋体";}
.Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover,.Pages .p_page .a_first:hover,.Pages .p_page .a_end:hover{background:#056a0a; border:1px solid #056a0a; color:#fff;}
.Pages .p_page .num{ margin:0 0px;}
.Pages .p_page .num a{vertical-align:middle;}
.Pages .p_page .num a:hover,.Pages .p_page .num a.a_cur{background:#056a0a; border:1px solid #056a0a; color:#fff;}

@media ( max-width:768px){
.Pages{ line-height:24px;font-size:12px;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{ padding:0 5px;}
.Pages a{ margin:0 2px;width:20px;}
}
/*pages end*/


/*Top*/
.Header{ z-index:999; position:fixed; left:0; top:0; width:100%; height:120px; background:#fff;transition: all ease 0.3s; border-bottom:1px solid #e6e6e6;}
.Header .Logo{ float:left; padding-top:11px;}
.Header .Logo img{transition: all ease 0.3s; height:94px;}
.Header .Toper{ position:absolute; right:0; top:14px;transition: all ease 0.3s;}
.Header .Tel{ line-height:38px; float:right; width:157px; margin-right:50px;font-family:Montserrat; color:#056a0a;border-bottom:1px solid #d9d9d9; font-size:16px;}
.Header .Tel .ico{ height:20px; vertical-align:middle; display:inline-block; border-right:1px solid #d9d9d9; width:30px; margin-right:10px;}
.Header .Tel a{color:#056a0a;}
.Header .Search{float:right; width:180px; border-bottom:1px solid #d9d9d9;}
.Header .Searchico{ display:none; padding:4px 0 0 0px; position:absolute; right:40px; top:13px;}
.Header .Searchico img{ width:16px; height:16px;}
.Header .searchbox{width:140px; position:relative; padding-left:39px;}
.Header .searchbox .input{width:100%; height:38px; line-height:38px;}
.Header .searchbox .input::-webkit-input-placeholder {color: #959595;}
.Header .searchbox .btn { position:absolute; left:0; top:9px; width:29px; background:none; height:20px; border-right:1px solid #d9d9d9;}
.Header .searchbox .btn img{ width:17px; height:17px; position:absolute; left:0; top:2px;}

.MainNav{float:right; padding-top:53px;}
.MainNav li{float:left;position:relative; z-index:999;}
.MainNav li span a{ z-index:2; position:relative;display:block; color:#666666; text-align:center; height:67px; line-height:57px; font-size:18px;transition: all ease 0.3s; padding:0 30px;}
.MainNav li span a img{ display:inline-block; vertical-align:middle; margin-right:8px;}
.MainNav .bg{ position:absolute; left:50%; bottom:0px; height:2px; background:#056b0a; width:0%; z-index:0;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.MainNav .arr{ display:none;}
.MainNav li:hover span a,.MainNav li.onnav span a,.MainNav li span a.sele{ color:#056b0a;}
.MainNav li:hover span .bg,.MainNav li.onnav span .bg,.MainNav li span a.sele .bg{ width:100%; left:0;}

.NavPull{display:none; position:absolute; top:67px; text-align:center; left:0px; background:#056a0a; width:100%;}
.NavPull.null{background:none; padding:0; box-shadow: 0 0px 0px none;}
.NavPull dd { position:relative;}
.NavPull dd em{ display:block;}
.NavPull a{ display:block; color:#fff; font-size:16px; padding:5px 0;}
.NavPull a:hover,.NavPull dd.on em a{ background:#0a8410;}
.NavPull .sub{ display:none; background:#056a0a; position:absolute; left:100%; top:0; width:150px;}
.NavPull dd:hover em a{background:#0a8410;}
.NavPull dd:hover .sub{ display:block;}

.mstbg{ position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:886; display:none;}
.openbtn{ cursor:pointer; display:none;width:26px; position:absolute; right:12px; top:12px; z-index:999;}
.closebtn{ position:fixed; left:0px; top:46px; width:100%; height:100%; z-index:887; display:none; background:rgba(255,255,255,0.8);}
.openbtn span{ display:block; height:3px; background:#056a0a; margin:4px 0px;transition: all ease 0.3s;}
.openbtn.on .sp1 {
	-webkit-transform: translate(0, 3px) rotate(45deg) !important;
	-moz-transform: translate(0, 3px) rotate(45deg) !important;
	-ms-transform: translate(0, 3px) rotate(45deg) !important;
	-o-transform: translate(0, 3px) rotate(45deg) !important;
	transform: translate(0, 3px) rotate(45deg) !important;}
.openbtn.on .sp2 {
	-webkit-transform: translate(0, -3px) rotate(-45deg) !important;
	-moz-transform: translate(0, -3px) rotate(-45deg) !important;
	-ms-transform: translate(0, -3px) rotate(-45deg) !important;
	-o-transform: translate(0, -3px) rotate(-45deg) !important;
	transform: translate(0, -3px) rotate(-45deg) !important;}	
.openbtn.on .sp3 { display:none;}

.Header.Fixedtop{ height:80px; box-shadow:0 0 8px #ddd;}
.Header.Fixedtop .Logo img{ height:55px;}
.Header.Fixedtop .Toper{ top:0;}
.Header.Fixedtop .MainNav{ padding-top:39px;}
.Header.Fixedtop .MainNav li span a{ height:41px; line-height:41px; }
.Header.Fixedtop .NavPull{top:41px;}

@media ( max-width:1130px){
.MainNav li span a{padding:0 20px;}
}
@media ( max-width:998px){
.Header{height:46px; padding:0; background:#fff; width:100%; position:fixed; box-shadow:0 0 10px #ddd; left:0px; top:0px; z-index:999;}
.Header .Logo{ padding-top:8px;}
.Header .Logo img{ height:30px;}
.Header .Toper{position:static;}
.Header .Tel{width:auto; margin-right:58px; padding-top:5px; border-bottom:0px solid #d9d9d9;}
.Header .Tel .ico{ border-right:0px solid #d9d9d9; width:auto;}
.Header .Tel i{ display:none;}
.Header .Search{ display:none; width:98%; background:#fff; position:absolute; box-shadow:0 0 10px #ddd; padding:1%; top:50px;}
.Header .searchbox{ width:78%;}
.Header .Searchico{ display:block;}
.Header .openbtn{ display:block;}

.MainNav{ position:fixed; height:auto; max-height:100%; overflow-y:auto; z-index:999; width:100%; padding:0; left:0;background: #666;top:46px; display:none;}
.MainNav ul{ margin-top:0px;}
.MainNav li{ position:relative; cursor:pointer; float:none; border-bottom:1px solid #717070;border-top:1px solid #616161; width:auto; margin:0 10px;}
.MainNav li span a{ font-size:16px; text-align:left; height:auto; display:block; line-height:40px; height:40px; padding-left:5px; color:#fff !important; border:0;}
.MainNav .bg{ display:none}
.MainNav li:hover span .line,.MainNav li.onnav span .line,.MainNav li span a.sele .line{ width:100%; margin:0; left:0px; bottom:-1px;}
.MainNav .arr{ display:inline-block; position:absolute; z-index:2; width:100%; height:46px; left:0px; top:0px;}
.MainNav .arr img{ position:absolute; width:17px; height:auto; background:none; right:20px; top:16px;transition: all ease 0.3s;}
.MainNav li.onnav .arr img{dis-moz-transform: translate(0, -3px) rotate(-180deg) !important;
	-ms-transform: translate(0, -3px) rotate(-180deg) !important;
	-o-transform: translate(0, -3px) rotate(-180deg) !important;
	transform: translate(0, -3px) rotate(-180deg) !important;}

.NavPull { position:static; background:#737373; text-align:left; width:100%; border-radius:0;}
.NavPull dd a{ display:block;padding:5px 0px 5px 10px; color:#fff; font-size:14px; border-bottom:1px solid #666;}
.NavPull dd a:hover{ color:#fff; background:#4d4c4c;}
.NavPull .sub{ display:block; background:#737373; position:static; width:100%;}
.NavPull .sub dd a{ padding-left:40px;}

.Header.Fixedtop{ height:46px;}
.Header.Fixedtop .Logo img{ height:30px;}
}
/*Top*/


/*Bottom*/
.Footer{ border-top:1px solid #e6e6e6; padding-top:4%;}
.Footer .Contain{ width:90%; margin:0px auto;}
.Footer .item.logo{ padding-top:18px;}
.Footer .item{ width:10.5%; float:left;  padding-bottom:61px;}
.Footer .item dt{ font-weight:bold; line-height:57px; font-size:20px; color:#000000; position:relative;}
.Footer .item dt .arr{ display:none;width:100%; position:absolute; left:0; top:0; height:100%;}
.Footer .item dt .arr i{ background:url(../images/arr.png); width:10px; height:6px; right:5px; top:18px; position:absolute;transition: all ease 0.3s;}
.Footer .item.on .arr i{dis-moz-transform: translate(0, -3px) rotate(-180deg) !important;
	-ms-transform: translate(0, -3px) rotate(-180deg) !important;
	-o-transform: translate(0, -3px) rotate(-180deg) !important;
	transform: translate(0, -3px) rotate(-180deg) !important;}
.Footer .item.company{ width:89%; float:right;text-align: center;}

.Copyright{ border-top:1px solid #e6e6e6; line-height:47px;}

.totop{width: 50px;text-align: center; cursor: pointer;overflow: hidden;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; font-size:35px;}
.totop.cd-is-visible {visibility: visible;opacity: 1; height:70px; cursor:pointer;}

.rightFloat{position: fixed;bottom:10%;right: 10px;z-index: 999;}
.rightFloat li{position: relative; cursor: pointer; text-align: center; width: 70px;height: 70px;background: #e3eff5;transition: all 0.5s ease; margin-bottom:1px;}
.rightFloat li .img-box{ padding-top:8px; margin:0px auto 4px; display: block; width: 35px;height: 27px;position: relative;}
.rightFloat li .img-box img{position: absolute;top: 8px;left: 0px;width: 35px;height: 35px;}
.rightFloat li .img-box .img2{opacity: 0;}
.rightFloat li p{color: black; line-height:20px;font-size:12px;}
.rightFloat li:hover .img2{opacity: 1;}
.rightFloat li:hover .img1{opacity: 0;}
.rightFloat li:hover {background: #056a0a;}
.rightFloat li:hover p{color: white;}
.rightFloat .li1 .inside,.rightFloat .li2 .inside{display:none; position: absolute;right: 70px;top: 0px;}
.rightFloat .li1 .inside img,.rightFloat .li2 .inside img{ max-width:none; width:120px; height:120px; border:5px solid #fff;}
.rightFloat .li3 .inside{display: none; font-size: 20px; background: url(../images/tel4.png) center center no-repeat; position: absolute;right: 80px;top: 15px; width:180px;height: 40px;color: white;line-height: 40px; }
.rightFloat .li3 .inside a{ color:#fff;}
.rightFloat .li1:hover .inside,.rightFloat .li2:hover .inside,.rightFloat .li3:hover .inside{display:block;}


@media ( max-width:998px){
.Footer .Contain{ width:auto; margin:0px 12px;}
.Footer .item.logo{ display:none;}
.Footer .item{ width:auto !important; float:none !important; padding-bottom:0px; border-bottom:1px solid #eee;}
.Footer .item .sub{ display:none; padding-bottom:8px;}
.Footer .item:last-child{ border-bottom:0;}
.Footer .item dt{line-height:40px; font-size:16px;}
.Footer .item.company{ padding-bottom:5px;}
.Footer .item dt .arr{ display:block;}
.Copyright {line-height:20px; padding:8px 0; font-size:12px;}
.Copyright dd{ float:none !important; text-align:center;}

.totop>span{ line-height:12px;}

.rightFloat{right: 2px;}
.rightFloat li{width: 35px;height: 35px;}
.rightFloat li p{ display:none;}
.rightFloat .li1 .inside,.rightFloat .li2 .inside,.rightFloat .li3 .inside{right: 35px !important; top:0 !important;}
.rightFloat li .img-box{ padding-top:0px; height:35px;}
.rightFloat li .img-box img{top: 5px;left: 5px;width: 25px;height: 25px;}
.totop.cd-is-visible {height:35px;}
}

/*Bottom*/

/*首页 s*/
.activehover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.5);
	box-shadow: 0 15px 30px rgba(0,0,0,0.1);
	-webkit-transform: translate3d(0, -3px, 0);
	transform: translate3d(0, -3px, 0);}
.homecss .Header{ border-bottom:0;}
	
.HomeBan {overflow:hidden; clear:both; position:relative;background:url(../images/loading.gif) center center no-repeat;}
.HomeBan .slides li{ position:relative;background-position:center center; background-repeat:no-repeat; background-size:cover;}
.HomeBan .flex-control-nav{bottom:15px; z-index:10;}
.HomeBan .flex-control-nav li{ margin:0 7px 0 8px;}
.HomeBan .flex-control-nav li a{ opacity:1; width:10px; height:10px; background:rgba(255,255,255,0.5); border-radius:50%;}
.HomeBan .flex-control-nav li a.flex-active{opacity:1; background:#056b0a;}
.HomeBan .flex-direction-nav a {width: 14px; height: 25px;}
.HomeBan .flex-direction-nav .flex-prev { opacity:0.5; left:50%; margin-left:-100px; bottom:29px; top:auto; background: url(../images/arrleft0.png) center center no-repeat;}
.HomeBan .flex-direction-nav .flex-next { opacity:0.5; left:50%; margin-left:90px; bottom:29px; top:auto; background: url(../images/arrright0.png) center center no-repeat;}
.HomeBan:hover .flex-direction-nav .flex-prev:hover { opacity:1;}
.HomeBan:hover .flex-direction-nav .flex-next:hover { opacity:1;}

.HomeTit{ text-align:center; padding:5.1% 0; width:90%; margin:0px auto;}

.Boxbg{ background:url(../images/boxbg.gif) center top no-repeat;}
.ProTop{ margin-bottom:32px; position:relative;}
.ProTop .imgbox{ width:54%; float:left; height:560px;}
.ProTop .info{ text-align:center; width:34%; float:left; padding:68px 5% 0; background:#fff; height:492px;}
.ProTop .info .thead{ max-width:320px; border-top:1px solid #000000; margin:0px auto; font-size:40px; color:#000; font-family:"宋体"; line-height:75px; margin-bottom:38px;}
.ProTop .info .thead span{ display:block; border-bottom:1px solid #000000;}
.ProTop .info .more{ margin:41px auto 0; width:138px; line-height:48px; border:1px solid #000; color:#000000;}
.ProTop .info a:hover .more{ color:#fff; background:#000;}
.ProTop.next .imgbox{ width:auto; float:none;}
.ProTop.next .info{ z-index:2; position:absolute; left:0; top:0; background:rgba(255,255,255,0.9);}
.ProTop .qwinfo{ z-index:2; background:rgba(255,255,255,0.95); width:1400px; left:50%; margin-left:-700px; position:absolute; bottom:0px;}
.ProTop .qwinfo .box{ padding:3% 6%; color:#000;}
.ProTop .qwinfo .ti{ font-size:40px; font-family:"宋体"; line-height:44px; margin-bottom:25px;}
.ProTop .qwinfo .p{ font-size:28px;}
.ProTop .qwinfo .more{ float:right; padding-top:20px;}
.ProTop .qwinfo .more a{ font-size:20px; color:#000; display:block; border:1px solid #000; float:right; width:338px; line-height:68px; padding-left:30px; position:relative;}
.ProTop .qwinfo .more a i{ top:30px; background:url(../images/arrright.png); width:15px; height:9px; position:absolute; right:30px;}
.ProTop .qwinfo .more:hover a{ background:#000; color:#fff;}
.ProTop .qwinfo .more:hover a i{ background:url(../images/arrright1.png);}

.ProList{}
.ProList .flex-viewport{ margin-left:-32px;}
.ProList .slides .box{ margin-left:32px; text-align:center;}
.ProList .slides .imgbox{ padding-top:130%;}
.ProList .slides .tit{ line-height:78px; font-size:20px; border-bottom:1px solid #000; color:#000;}
.ProList .slides .effict{ position:absolute; width:0%; left:50%; height:0%; top:50%; z-index:2; opacity:0; background:rgba(0,0,0,0.6);}
.ProList .slides .effict i{ width:60px; height:60px; position:absolute; top:50%; left:50%; margin:-30px 0 0 -30px; background:#056b0a url(../images/ico_1.png) center center no-repeat; z-index:3; border-radius:50%;}
.ProList .slides li:hover .effict{width:90%; height:90%; opacity:1;left:5%; top:5%;}
.ProList .flex-direction-nav a {width: 50px; height: 56px;}
.ProList .flex-direction-nav .flex-prev { opacity:1; left:auto; right:0; top:38%; background: #fff url(../images/arrleft.png) center center no-repeat;}
.ProList .flex-direction-nav .flex-next { opacity:1; right:0; top:49.8%; background: #056b0a url(../images/arrright1.png) center center no-repeat;}
.Morepro{ text-align:center; margin-top:5%;}

.Boxbg2{ padding:5% 0; background:url(../images/boxbg2.gif) center top no-repeat;}
.Joinimg{ text-align:center;}

.HomeSer{ margin:38px 0 29px; background:#fff;}
.HomeSer li{ width:23.3333%; float:left; text-align:center; padding:0 5%;}
.HomeSer li .ico{ width:45%; margin:0px auto 32px; text-align:center;
transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-webkit-transition:all 0.5s ease-in-out;}
.HomeSer li .tit{ font-size:28px; color:#000000; line-height:68px;}
.HomeSer li .p{-webkit-line-clamp: 2; line-height:26px; height:52px;}
.HomeSer li .more{ display:block; width:119px; color:#056b0a; line-height:70px; margin:30px auto 0; border-top:1px solid #e6e6e6;}
.HomeSer li .more i{ margin-left:11px; font-family:"宋体";}
.HomeSer li:hover .ico{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);}
.HomeSer li:hover .tit{ color:#056b0a;}
.HomeSer li:hover .more{ font-weight:bold;}

@media ( max-width:1440px){
.ProTop .qwinfo{width:94%; left:3%; margin-left:0px;}
}
@media ( max-width:998px){
.HomeBan .flex-direction-nav .flex-prev {bottom:22px; }
.HomeBan .flex-direction-nav .flex-next {bottom:22px;}

.ProTop .info .thead{ font-size:30px; line-height:60px; margin-bottom:20px;}
.ProList .flex-viewport{ margin-left:-12px;}
.ProList .slides .box{ margin-left:12px;}
.ProList .slides .tit{ line-height:40px; font-size:16px;}
.ProList .slides .effict{ display:none;}
.ProTop .qwinfo .ti{ font-size:30px; margin-bottom:10px;}
.ProTop .qwinfo .p{ font-size:20px;}
.ProTop .qwinfo .more a{ font-size:16px;width:250px; line-height:50px;}
.HomeSer li .ico{ margin-bottom:10px;}
.HomeSer li .tit{ font-size:16px;line-height:34px;}
.HomeSer li .p{ line-height:20px; height:40px;}
.HomeSer li .more{ width:80px; line-height:30px; margin:10px auto 0;}
}
@media ( max-width:768px){
.ProTop{ margin-bottom:10px;}
.ProTop .info .thead{ font-size:20px; line-height:40px; margin-bottom:23px;}
.ProTop .imgbox{ width:auto; float:none; height:auto; padding-top:65%;}
.ProTop .info{ width:auto; float:none; padding:12px; height:auto;}
.ProTop .info .more{ margin:20px auto 0; width:110px; line-height:35px;}
.ProList .flex-direction-nav a {width: 30px; height: 30px;}
.ProTop.next .info{ position:static;}
.ProTop .qwinfo .more { float:none; padding:0 0 5px;}
.ProTop .qwinfo .more a{ padding-left:12px; float:none; margin:0px auto; line-height:40px; width:200px;}
.ProTop .qwinfo .more a i{ top:15px; right:9px;}
.ProTop .qwinfo .ti{ font-size:22px; margin-bottom:0;}
.ProTop .qwinfo .p{ font-size:16px;}
.HomeSer li{ width:29.3333%;padding:0 2%;}
.HomeSer li .p{ display:none}
}
/*首页 end*/


/*栏目页公用样式 s*/
.SubPage{ height:auto !important; min-height:255px; height:255px; padding:0px 0px 5.5%;}
.Position{ line-height:55px; color:#808080;}
.Position a{color:#808080;}.Position a:hover{color:#056a0a;}

.ColumnName{ line-height:49px; padding-top:5px; color:#000000; font-size:20px; font-weight:normal;position:relative; border-bottom:1px solid #e6e6e6;}
.ColumnName .arr{ display:none;}
.ColumnName .arr i{ right:0px; top:14px; background:url(../images/arrbot.png); width:17px; height:9px; position:absolute;transition: all ease 0.3s;}

.MenuList{ float:left; width:160px; padding:0 18px; border:1px solid #e6e6e6;}
.MenuList ul{ padding:19px 0 35px 0;}
.MenuList li a{ margin-top:1px; display:block; padding-left:30px; background:url(../images/menuline.gif) 0px center no-repeat;position:relative; color:#666666;}
.MenuList li a:hover,.MenuList li.onli a{ color:#056a0a; background:url(../images/menuline2.gif) 0px center no-repeat;}
.MenuList.pro ul{ padding:0px 0 15px; margin-bottom:15px;border-bottom:1px dotted #d9d9d9;}

.MenuList .colname{ line-height:37px; color:#056b0a; font-size:18px; margin-top:20px; font-weight:bold;}
.MenuList li dl dt{ cursor:pointer; position:relative;}
.MenuList li dl dt .arr{ position:absolute; width:100%; height:100%; right:0; top:0; font-family:"宋体";transition: all ease 0.3s;}
.MenuList li dl dt .arr i{ position:absolute; right:0; top:0; font-family:"宋体";transition: all ease 0.3s;}
.MenuList li dl.on dt a,.MenuList li dl.on dt .arr i{ color:#056b0a;}
.MenuList li dl.on dt .arr i{dis-moz-transform: translate(0, -3px) rotate(90deg) !important;
	-ms-transform: translate(0, -3px) rotate(90deg) !important;
	-o-transform: translate(0, -3px) rotate(90deg) !important;
	transform: translate(0, -3px) rotate(90deg) !important;}

.MenuList li dl dd{ display:none; margin:0 0 0 32px; line-height:25px;}
.MenuList li dl dd p{margin:4px 0 4px 0; font-weight:bold;}
.MenuList li dl dd a{ padding:0; background:none; color:#666666 !important; font-size:14px;}
.MenuList li dl dd a:hover.on{ background:none;}
.MenuList li dl dd p i{ display:none; font-family:"宋体"; margin-left:10px;}
.MenuList li dl dd p a.on{ color:#056b0a !important;}
.MenuList li dl dd p a.on i{ display:inline-block; color:#056b0a;}

.MenuList li dl.null .arr{ display:none;}

.RightBar{ width:80%; float:right;}

.SubBan{ margin-bottom:4%;}
.SubTit{ color:#000000; font-size:50px; line-height:70px; position:relative; margin-bottom:4%; text-align:center;}
.SubTit span{ position:relative; z-index:1;}
.SubTit em{ position:absolute; left:0; top:0; width:100%; color:#f9f9f9;font-family:Montserrat; font-weight:bold; text-transform:uppercase; font-size:100px; letter-spacing:-0.05em;}

.SubTit1{ color:#000000; font-size:50px; line-height:70px; position:relative; margin-bottom:4%; text-align:center;}
.SubTit1 span{ position:relative; z-index:1;}
.SubTit1 em{ position:absolute; left:0; top:0; width:100%; color:#f9f9f9;font-family:Montserrat; font-weight:bold; text-transform:uppercase; font-size:100px; letter-spacing:-0.05em;}


.SinglePage{ color:#4c4c4c; word-wrap:break-word;word-break:normal;text-align:justify;}
@media ( max-width:1366px){
.SubTit{font-size:30px; line-height:40px;}
.SubTit em{ font-size:50px;}
}
@media ( max-width:1200px){
.RightBar{ width:76%;}
}
@media ( max-width:998px){
.SubPage{padding-bottom:25px;}
.ColumnName{ font-size:16px; line-height:38px; padding-top:0;}
.ColumnName .arr{ position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:1; display:block;}
.ColumnName.on .arr i{
dis-moz-transform: translate(0, -3px) rotate(180deg) !important;
-ms-transform: translate(0, -3px) rotate(180deg) !important;
-o-transform: translate(0, -3px) rotate(180deg) !important;
transform: translate(0, -3px) rotate(180deg) !important;}
.MenuList{ float:none; width:auto; margin-bottom:15px;}
.MenuList li .arr{ display:none !important;}
.MenuList .hideul{ display:none;}
.MenuList .hideul ul{ padding:15px 0;}
.RightBar{ margin:0; width:auto; float:none;}
.Position{ line-height:35px; padding-top:5px;}
.SubTit{font-size:22px;}
.SubTit em{ font-size:38px;}
}
/*栏目页公用样式 end*/


/*新闻动态 s*/
.NewsList{ padding-bottom:2%;}
.NewsList li{transition: all ease 0.3s; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #e6e6e6;}
.NewsList li .imgbox{ width:32%; height:240px; float:left;transition: all ease 0.3s; }
.NewsList li .info{ width:64%; float:right; line-height:28px; font-size:14px;}
.NewsList li .tit{ line-height:44px; padding-top:5px; font-size:20px; color:#333333;}
.NewsList li .date{ background:url(../images/date.gif) 0px center no-repeat; padding-left:24px; color:#056a0a;}
.NewsList li .p{ color:#808080; margin:16px 0 33px;-webkit-line-clamp: 2; height:56px;}
.NewsList li .detail{ width:120px; line-height:42px; text-align:center; background:#ebebeb; color:#000000;}
.NewsList li .detail i{ display:inline-block; margin-left:11px; font-family:"宋体";}
.NewsList li:hover .detail{ color:#fff; background:#056a0a;}
.NewsList li:hover .tit{ color:#056a0a;}

.Titleinfo{ border-bottom:1px solid #e6e6e6; text-align:center; margin-bottom:35px; padding-bottom:18px;}
.Titleinfo .tits{font-size:28px; color:#010101; line-height:53px;}
.Titleinfo .date{ font-size:14px; padding:5px 0 0 0;color:#808080;}
.Titleinfo .date i{ display:inline-block; margin:0 10px;}
.Titleinfo .share{ display:inline-block;*display:inline; zoom:1; vertical-align:middle;}

.PrevNextBox {margin:50px 0 0 0;position:relative; padding-top:11px; border-top:1px solid #e6e6e6; color:#888888; font-size:16px;}
.PrevNextBox dl{ width:65%; line-height:50px; height:50px;overflow:hidden; border-bottom:1px dotted #d9d9d9; position:relative;}
.PrevNextBox dl span{ padding:0 75px 0 55px; position:relative; display:block;}
.PrevNextBox dl span em{ position:absolute; left:0px; top:0px; color:#333333;}
.PrevNextBox dl span .date{ position:absolute; right:0; top:0; color:#808080; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.PrevNextBox dl a{ margin:0px auto; display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:95%; color:#333333;}
.PrevNextBox dl a.none{color:#999;}
.PrevNextBox a.back{ position:absolute; right:0; top:54px; color:#056a0a; font-size:16px; padding-right:31px; background:url(../images/back.gif) right center no-repeat;}

@media ( max-width:768px){
.NewsList li{padding-bottom:12px; margin-bottom:12px;}
.NewsList li .imgbox{ height:132px;}
.NewsList li .info{ine-height:24px;}
.NewsList li .tit{ line-height:24px; padding-top:0px; font-size:16px;}
.NewsList li .p{margin:5px 0 5px; height:auto; line-height:20px;}
.NewsList li .detail{ width:100px; line-height:30px;}

.Titleinfo { line-height:20px; font-size:12px; padding-bottom:15px; margin-bottom:20px;}
.Titleinfo .tits{ font-size:18px; line-height:24px; padding-bottom:10px;}
.Titleinfo .share{ display:none;}

.PrevNextBox {margin:50px 0 0 0; font-size:14px;}
.PrevNextBox dl{ width:auto; line-height:30px; height:30px; margin-bottom:8px;}
.PrevNextBox dl span{ padding-left:45px;}
.PrevNextBox a.back{ font-size:14px; top:-35px;}
}


/*服务支持 s*/
.Servicetxt{ margin-top:50px;}
.Servicetxt .imgbox{ width:45%; float:left; text-align:center;}
.Servicetxt .info{ width:50.6%; float:right; font-size:14px;}
.Servicetxt .info b{ font-size:16px;}
.Servicetxt .tit{ line-height:90px; color:#000000; font-size:32px;}
.Servicetxt .tit i{ display:block; width:30px; height:20px; border-top:2px solid #056b0a;}
.Servicetxt.next .imgbox{float:right;}
.Servicetxt.next .info{ float:left;}

.Remark{ background:#f5f5f5; text-align:center; padding:3% 5%;}
.Remark .tit{ color:#000000; font-size:32px; line-height:36px;}
.Remark .tit i{ display:block; margin:0px auto; width:30px; height:18px; border-bottom:2px solid #056b0a; margin-bottom:25px;}
.Sertit{ margin-top:5.5%; text-align:center; position:relative;}
.Sertit .tit{ position:absolute; width:160px; line-height:60px; color:#fff; font-size:28px; background:#056b0a; left:50%; top:50%; margin:-30px 0 0 -80px;}
.KnowList{ padding-top:24px;}
.KnowList li{ border-bottom:1px dotted #d9d9d9; padding:20px 0; font-size:14px;}
.KnowList li .ti{ color:#056b0a; font-weight:bold; font-size:22px;}


.Message { margin:0 0 -2%;}
.Message dl{ margin:0 0 28px 2%;}
.Message dl.w50{ width:48%; float:left;}
.Message dt{ line-height:26px; padding-bottom:17px; font-size:20px; color:#000000;}
.Message .input{ border:1px solid #d9d9d9; text-indent:1em; width:99.5%; height:62px; line-height:62px;}
.Message .textarea{ border:1px solid #d9d9d9; padding:15px;}
.Message .textarea textarea{ width:100%;height:160px;}
.Message .btn{ text-align:center; padding-top:2%;}
.Message .sendbtn{ color:#fff; font-size:24px; width:30%; height:64px; background:#056b0a;}
.Message .sendbtn:hover{background:#038509;}

@media ( max-width:998px){
.Servicetxt .tit{ line-height:40px;font-size:18px;}
.Message dl{ margin-bottom:10px;}
.Message dt{padding-bottom:8px; font-size:16px;}
.Message .input{height:40px; line-height:40px;}
.Message .textarea textarea{height:100px;}
.Message .sendbtn{ font-size:18px; height:40px;}
}
@media ( max-width:768px){
.Servicetxt{ margin-top:20px;}
.Servicetxt .imgbox{ width:auto; float:none !important;}
.Servicetxt .info{ width:auto; float:none !important;}
.Remark .tit{font-size:18px; line-height:24px;}
.Remark .tit i{ height:8px; margin-bottom:10px;}
.Sertit .tit{ width:100px; line-height:35px; font-size:16px; margin:-18px 0 0 -50px;}
.KnowList li{padding:10px 0;}
.KnowList li .ti{font-size:16px;}
}

/*联系我们 s*/
.Contact{ border:1px solid #e6e6e6;}
.Contact .map{ width:51%; float:left; text-align:center;}
.Contact .info{ width:39.5%; float:right; padding:7.5% 4.5% 0 0;}
.Contact .info .name{ line-height:30px; color:#000000; font-size:24px;}
.Contact .info .name i{ display:block; width:24px; margin-top:15px; height:31px; border-top:2px solid #e6e6e6;}
.Contact .info .p{ color:#4c4c4c; border-bottom:1px dotted #d9d9d9; line-height:49px; margin-bottom:11px;}
.Contact .info .p img{ display:inline-block; vertical-align:middle; margin-right:8px;}
@media ( max-width:998px){
.Contact .map{ width:auto; float:none;}
.Contact .info{ width:auto; float:none; padding:10px;}
.Contact .info .name{ font-size:18px;}
.Contact .info .name i{ height:10px;}
}


/*招贤纳士 s*/
.Hrhead{ border:1px solid #d9d9d9; text-align:center; color:#000000; background:#f5f5f5;font-size:18px;}
.Hrhead span{ display:block; border-right:1px solid #d9d9d9; line-height:60px;}
.Hrhead td:last-child span{ border-right:0;}
.Hrhead td{ width:16.6666%;}
.HrList{border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9; margin-bottom:4%;}
.HrList li{ border-bottom:1px solid #d9d9d9;}
.HrList li td{ width:16.6666%; height:60px; text-align:center; color:#444444; font-size:15px;}
.HrList li td a{color:#444444;}
.HrList .btn{ background:url(../images/jia.gif); width:24px; height:24px; margin:0px auto; display:block;}
.HrList li .txtCont{ position:relative; font-size:14px; display:none; border-top:1px solid #eeeeee; line-height:28px; padding:35px 4%; color:#4c4c4c;}
.HrList li .txtCont .item{ display:none; border-bottom:1px solid #e6e6e6; padding-bottom:10px; margin-bottom:10px;}
.HrList li .txtCont .item dd span{ color:#4c4c4c;}
.HrList li .txtCont .stit{ font-size:18px; color:#000000;}
.HrList li .txtCont .txt{ padding:0 0 30px; margin-bottom:30px; border-bottom:1px solid #e6e6e6;}
.HrList li .txtCont .apply{ text-align:right;}
.HrList li .txtCont .apply a{ color:#fff; font-size:16px; display:inline-block; text-align:center; width:140px; line-height:50px; background:#056a0a;}
.HrList li .txtCont .apply a:hover{ box-shadow:0 0 12px #ddd; background:#038a0a;}
.HrList li.current td{ color:#056a0a;}
.HrList li.current a{ color:#056a0a;}
.HrList li.current .btn{background:url(../images/jian.gif);}


.Jobbox{ line-height:38px; width:68%; position:relative; padding:40px; border-radius:10px; margin:20px auto; background:#fff;}
.Jobtit{ text-align:center; color:#056a0a; padding-bottom:3%; font-size:24px;}
.Jobitem{ color:#222222;}
.Jobitem dd{ margin-bottom:8px; width:33.333%; float:left;}
.Jobtit2{ font-size:18px; color:#0080af;}
.jobbtn{ display:block; margin-top:5%; color:#fff; font-size:18px; width:140px; line-height:45px; text-align:center; background:#0080af; border-radius:20px;}
.Jobbox .mfp-close{ border-radius:50%; background:#056a0a; font-size:40px; color:#fff; font-weight:bold; opacity:1; width:39px; height:39px; position:absolute; right:-15px; top:-15px;}
.mfp-close-btn-in .mfp-close{ color:#fff !important;}

.JobForm{ color:#666666; margin:0 0 4% -2%;}
.JobForm li{ width:48%; float:left; padding-left:2%; line-height:28px;}
.JobForm li.auto{ width:auto; float:none;}
.JobForm dl{ position:relative; padding-left:80px;}
.JobForm dl dt{ text-align:right; width:80px; position:absolute; left:0; top:0;}
.JobForm dl dd{}
.JobForm dd{ padding:5px 0px;}
.JobForm .input { background:#fff; border:1px solid #dbdbdb; width:99%; height:28px; line-height:28px;}
.JobForm .input2 { background:#fff; border:1px solid #dbdbdb; width:99%; height:116px; line-height:23px;}
.JobForm select { border:1px solid #dbdbdb; width:190px; height:23px; line-height:23px;}
.sendbtn{ cursor:pointer; color:#fff; width:120px; height:40px; font-size:16px; background:#056a0a; margin-right:8px;}
.resetbtn{ cursor:pointer; color:#fff; width:120px; height:40px; font-size:16px; background:#606060;}

@media ( max-width:998px){
.Hrhead span{ line-height:36px;font-size:15px;}
.HrList{ margin-bottom:28px;}
.HrList li td{ height:45px;font-size:14px;}
.hrw1{ width:70% !important;}
.hrw2,.hrw3,.hrw4,.hrw5{ display:none;}.hrw6{ width:30% !important;}
.HrList li .txtCont .stit{ font-size:16px;}
.HrList li .txtCont .item{ display:block;}
.HrList li .txtCont{ padding-top:10px; padding-bottom:18px; line-height:24px;}
.HrList li .txtCont .txt{ padding:0 0 10px; margin-bottom:10px;}
.HrList li .txtCont .apply a{width:100px; line-height:35px;}

.Jobbox{ width:auto; padding:12px;}
.Jobtit{ font-size:18px;}
.sendbtn{ width:80px; height:35px;}
.resetbtn{ width:80px; height:35px;}
}
@media ( max-width:768px){
.JobForm li{ width:auto; float:none;}
}

/*招商加盟*/
.Jointxt{ margin-bottom:50px;}
.Jointxt .imgbox{ width:45%; float:left; text-align:center;}
.Jointxt .info{ width:51%; float:right;}
.Jointxt .tit{ padding-top:4px; line-height:56px; margin-bottom:30px; border-bottom:1px solid #e6e6e6; color:#000000; font-size:28px;}
.Jointxt .tit span{ border-bottom:2px solid #056b0a; display:inline-block;}
.Jointxt b{color:#056b0a;}
.Jointit{ text-align:center; font-size:28px; color:#000000; padding-top:4%; margin-bottom:4%; line-height:56px;}
.Jointit span{ display:inline-block; padding-bottom:5px; background:url(../images/linetit.gif) center bottom no-repeat;}
.JoinProcess li{ position:relative; width:19%; padding:0 3%; float:left; text-align:center; background:url(../images/linebg.gif) 0px 19px repeat-x; height:285px;}
.JoinProcess .num{ color:#056b0a; width:40px; line-height:40px; margin:0px auto 24px; border-radius:50%; background:#e6e6e6; font-size:20px;}
.JoinProcess .txt{ line-height:26px; height:109px; overflow-y:auto;}
.JoinProcess .ico{ width:30%; margin:0px auto;}
.JoinProcess .arr{ background:url(../images/lc_arr.png); width:8px; height:14px; top:12px; right:1%; position:absolute;}
.JoinProcess li.lc4 .arr{ display:none;}
.JoinProcess li.lc5,.JoinProcess li.lc6,.JoinProcess li.lc7,.JoinProcess li.lc8{ float:right;}
.JoinProcess li.lc5 .arr{background:url(../images/lc_arr2.png); width:14px; height:8px; top:-130px; right:-7px;}
.JoinProcess li.lc5 .line{ background:url(../images/linebg.gif); position:absolute; height:100%; top:-266px; right:0; width:1px; font-size:0;}
.JoinProcess li.lc6 .arr,.JoinProcess li.lc7 .arr,.JoinProcess li.lc8 .arr{ background:url(../images/lc_arr3.png);}

.Joinsup{ position:relative; height:600px; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.Joinsup li{ line-height:60px; font-size:20px; color:#333333; width:16.6666%; float:left; text-align:center;}
.Joinsup li .ico{ display:block; width:60%; margin:0px auto;}

@media ( max-width:998px){
.Jointxt .imgbox{ width:auto; float:none;}
.Jointxt .info{ width:auto; float:none;}
.Jointxt .tit{line-height:40px; margin-bottom:10px; font-size:18px;}
.Jointit{ font-size:18px; color:#000000; line-height:40px;}
.Joinsup li{ line-height:40px; font-size:16px; width:33.333%;}
}
@media ( max-width:768px){
.JoinProcess li{ width:44%; height:auto; padding-bottom:25px;}
.JoinProcess .txt{ line-height:20px; height:100px; margin-bottom:10px;}
.JoinProcess li:nth-child(odd){ clear:both;}
.JoinProcess .line{ display:none;}
.JoinProcess li .arr{ display:none;}
.JoinProcess li.lc5,.JoinProcess li.lc6,.JoinProcess li.lc7,.JoinProcess li.lc8{ float:left;}
.Joinsup{ height:420px;}
}

/*全屋定制*/
.CaseList{ margin-left:-3%;}
.CaseList li{ width:30.3333%; float:left; text-align:center; margin:0 0 4% 3%;}
.CaseList .imgbox{ padding-top:70%;}
.CaseList .tit{ line-height:58px; font-size:18px; border-bottom:1px solid #d9d9d9; color:#000;}
.CaseList .effict{ position:absolute; width:0%; left:50%; height:0%; top:50%; z-index:2; opacity:0; background:rgba(0,0,0,0.6);}
.CaseList .effict i{ width:60px; height:60px; position:absolute; top:50%; left:50%; margin:-30px 0 0 -30px; background:#056b0a url(../images/ico_1.png) center center no-repeat; z-index:3; border-radius:50%;}
.CaseList li:hover .effict{width:90%; height:90%; opacity:1;left:5%; top:5%;}
.CaseList .info{ border-bottom:1px solid #d9d9d9; text-align:left; padding:13px 110px 0 0; height:68px; position:relative;}
.CaseList .info .price{ position:absolute; top:25px; right:0; width:100px; color:#056b0a; font-size:18px;font-family:Montserrat;display: none}
.CaseList .info .price i{ font-size:28px;}
.CaseList .info .tit{ line-height:31px; border:0;}
.CaseList .info .p{ color:#808080; font-size:14px;-webkit-line-clamp: 1; height:20px; line-height:20px;}

.Gongyi{ padding:6% 0; border-top:1px solid #000000; line-height:56px;}
.Gongyi .txt{ position:relative;padding:3px 0; text-align:center;}
.Gongyi .txt .kh1{ position:absolute; background:url(../images/gh1.gif); width:31px; height:24px; left:0; top:0;}
.Gongyi .txt .kh2{ position:absolute; background:url(../images/gh2.gif); width:31px; height:24px; right:0; bottom:0;}

@media ( max-width:768px){
.CaseList{ padding-bottom:10px;}
.CaseList li{ width:47%;}
.CaseList .tit{ line-height:34px; font-size:16px;}
.Gongyi{line-height:30px;}
.Gongyi .txt{padding:20px 0;}

.CaseList .info{padding:13px 50px 0 0;}
.CaseList .info .price{width:50px; color:#056b0a; font-size:12px;}
.CaseList .info .price i{ font-size:14px;}
}

/*产品中心*/
.ProToal{ margin-bottom:6%;}
.ProToal .search{font-size:18px; float:left; padding-left:61px; position:relative;}
.ProToal .search .ti{ position:absolute; left:0; top:0; line-height:45px;}
.ProToal .search select{ float:left; color:#000000; border:1px solid #000000; width:200px; height:45px; text-indent:0.5em;}
.ProToal .searchbox{ width:278px; float:right; border:1px solid #000000; position:relative; margin-left:10px;}
.ProToal .searchbox .input{ width:80%; height:43px; text-indent:1em; line-height:43px; font-size:14px; color:#666666;}
.ProToal .searchbox .btn{ background:none; position:absolute; top:12px; right:12px;}
.ProToal .page{ float:right; text-align:center;}
.ProToal .page a.btn{ vertical-align:middle; font-family:"宋体"; display:inline-block; border:1px solid #e6e6e6; width:43px; line-height:43px;}
.ProToal .page .num{ height:45px; width:95px; background:url(../images/pageline.gif) center 14px no-repeat; display:inline-block; vertical-align:middle; position:relative;}
.ProToal .page .num .cur{ color:#056b0a; font-size:28px; position:absolute; width:45px; left:14px; top:0; line-height:31px;}
.ProToal .page .num .all{ position:absolute; left:47px; color:#999999; bottom:0; line-height:24px; width:30px;}

@media ( max-width:998px){
.ProToal .search select{width:140px;}
.ProToal .searchbox{ width:200px;}
}
@media ( max-width:640px){
.ProToal .search{font-size:16px; float:none; padding-bottom:15px; padding-left:50px;}
.ProToal .search select{ width:39%;}
.ProToal .searchbox{ width:56%; margin-left:0;}
}

/*产品详情*/
.ProImg { width:50%; float:left;}
.ProImg .slides li{}
.ProImg .slides li .imgbox{ height:380px;}
.ProImg .flex-control-nav{bottom:15px; z-index:10;}
.ProImg .flex-control-nav li{ margin:0 7px 0 8px;}
.ProImg .flex-control-nav li a{ opacity:1; width:10px; height:10px; background:rgba(255,255,255,0.5); border-radius:50%;}
.ProImg .flex-control-nav li a.flex-active{opacity:1; background:#056b0a;}
.ProImg .flex-direction-nav a {width: 50px; height: 56px;}
.ProImg .flex-direction-nav .flex-prev { opacity:1; left:auto;background: #fff url(../images/arrleft.png) center center no-repeat;}
.ProImg .flex-direction-nav .flex-next { opacity:1; right:0; background: #fff url(../images/arrright.png) center center no-repeat;}
.ProImg .flex-direction-nav .flex-prev:hover {background: #056b0a url(../images/arrleft1.png) center center no-repeat;}
.ProImg .flex-direction-nav .flex-next:hover { background: #056b0a url(../images/arrright1.png) center center no-repeat;}

.ProInfo{ width:45%; float:right; font-size:14px;}
.ProInfo .tithead{ padding:26px 0 18px;}
.ProInfo .tithead .ti{ line-height:58px; color:#000000; font-size:30px;}
.ProInfo .tithead p{ line-height:24px; color:#056b0a;}
.ProInfo .tithead i{ display:block; width:30px; height:15px; border-bottom:2px solid #d9d9d9;}

.Protit{ line-height:83px; color:#056b0a; font-size:24px; padding-top:40px;}
.Protit2{ line-height:53px; border-bottom:1px solid #e6e6e6; margin-bottom:34px;}
.Protit2 h3{ color:#056b0a; font-size:24px; padding-top:35px; border-bottom:2px solid #056b0a; float:left;}

.ProInfo2{ border:1px solid #e6e6e6; padding:39px; font-size:14px;}

.TjPro{}
.TjPro .flex-viewport{ margin-left:-32px;}
.TjPro .box{ margin-left:32px; text-align:center;}
.TjPro .imgbox{ padding-top:68%;}
.TjPro .info{ border-bottom:1px solid #d9d9d9; text-align:left; padding:13px 110px 0 0; height:68px; position:relative;}
.TjPro .info .price{ position:absolute; top:25px; right:0; width:100px; color:#056b0a; font-size:18px;font-family:Montserrat;display: none}
.TjPro .info .price i{ font-size:28px;}
.TjPro .info .tit{ line-height:31px; font-size:18px; color:#000; border:0;}
.TjPro .info .p{ color:#808080; font-size:14px;-webkit-line-clamp: 1; height:20px; line-height:20px;}
.TjPro .flex-direction-nav a {width: 50px; height: 56px; margin-top:-65px;}
.TjPro .flex-direction-nav .flex-prev { opacity:1; left:10px; background: #fff url(../images/arrleft.png) center center no-repeat;}
.TjPro .flex-direction-nav .flex-next { opacity:1; right:10px; background: #fff url(../images/arrright.png) center center no-repeat;}
.TjPro .flex-direction-nav .flex-prev:hover { background: #056b0a url(../images/arrleft1.png) center center no-repeat;}
.TjPro .flex-direction-nav .flex-next:hover { background: #056b0a url(../images/arrright1.png) center center no-repeat;}
@media ( max-width:998px){
.ProInfo .tithead{ padding:10px 0;}
.ProInfo .tithead .ti{ line-height:35px; font-size:18px;}
.Protit{ line-height:35px; color:#056b0a; font-size:18px; padding-top:20px;}
.ProInfo2{ padding:15px;}
.Protit2{ line-height:35px; padding-top:15px; margin-bottom:15px;}
.Protit2 h3{font-size:18px;}
}
@media ( max-width:768px){
.ProImg { width:auto; float:none;}
.ProImg .slides li .imgbox{ height:auto; padding-top:65%;}
.ProImg .flex-direction-nav a {width: 30px; height: 30px;}
.ProInfo{ width:auto; float:none;}

.TjPro .info{padding:13px 50px 0 0;}
.TjPro .info .price{width:50px; color:#056b0a; font-size:12px;}
.TjPro .info .price i{ font-size:14px;}
.TjPro .info .tit{ line-height:34px; font-size:16px;}
.TjPro .flex-direction-nav a {width: 30px; height: 30px; margin-top:-40px;}
}