@charset "utf-8";
/* CSS Document */
/*切图：bwh*/
html{ overflow-x:hidden; overflow-y:auto;}
*{ padding:0; margin:0;}
ul,ol,li,dl,dd,dt{ list-style-type:none; line-height:normal;}
body, button, input, select, textarea{ font-family:'Microsoft yahei' ,Arial; font-size:12px;}
code, kbd, pre, samp { font-family:'Microsoft yahei' ,Arial;}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
a{ text-decoration:none; color:#333;
        transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
a:hover{color:#eb6100; cursor:pointer;}
img{border:0; max-width:100%;}
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{ margin:0; font-weight:normal; font-family:'Microsoft yahei' ,Arial;}
h1{font-size:36px;}
h2{font-size:24px;}
h3{font-size:22px;}
h4{font-size:18px;}
h5{font-size:14px;}
h6{font-size:12px;}
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
select{ margin:0; padding:0; font-family:'Microsoft yahei' ,Arial;}
textarea{ resize:none; outline:0;}
input{ outline:0;}


/*首页*/
.index-logo{ float:left; width:100%; position:absolute; left:0; bottom:50%; margin-bottom:2.44%; line-height:0; text-align:center; background:url(images/index1.png) center no-repeat;}
.index-logo img{ width:800px; height:152px;}
.index-nav{ float:left; width:100%; position:absolute; left:0; top:50%; margin-top:11.74%; text-align:center;}
.index-nav ul{ display:inline-block; *display:inline; *zoom:1;}
.index-nav ul li{ float:left; margin:0 42px; vertical-align:top;}
.index-nav ul li a{ float:left; width:140px; height:50px; line-height:48px; border:1px solid #fff; border-radius:3px; color:#fff; font-size:17px; background:url(images/index3.png) 19px center no-repeat; padding-left:16px;animation: zoomIn 1s; }
.index-nav ul li.last a{background:url(images/index4.png) 19px center no-repeat;}
.index-nav ul li a:hover{opacity:0.8; filter:alpha(opacity=80); box-shadow:0 5px 10px rgba(0,0,0,0.15); border-radius:25px;}


@media screen and (max-width:991px ) {

.index-logo{ background-size: auto 100%;}
.index-logo img{ width:80%; height:auto;}
.index-nav ul li{ margin:0 20px;}
	
}
@media screen and (max-width:767px ) {

.index-nav ul li{ margin:0 6px;}
.index-nav ul li a{ width:90px; height:36px; line-height:34px; font-size:14px; background:url(images/index3.png) 10px center no-repeat; background-size:8px 7px;}
.index-nav ul li.last a{ background:url(images/index4.png) 10px center no-repeat; background-size:8px 7px;}
	
}

/*导航*/
.padd{ padding-right:24px; padding-left:56px;}
.head{ float:left; width:100%;}
.logo{ float:left; width:100%; line-height:0; text-align:center; margin:46px 0 33px 0; padding-left:80px;}
.logo img{ width:246px; height:50px;}
.sub-nav{ float:left; width:100%; color:#fff; text-align:center; background:#eb6100; font-size:30px; line-height:131px; padding-left:80px;}


@media screen and (max-width:991px ) {

.logo{ margin:15px 0; padding-left:30px;}
.logo img{ width:147px; height:30px;}
.sub-nav{ line-height:50px; font-size:20px; padding-left:30px;} 

	
}


.nav-left{ float:left;  width:46.7%; height:100%; position:fixed; left:-46.7%; margin-left:80px; top:0; background:#fff; z-index:99; padding:0 100px 0 40px;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
}
.nav-box{ float:left; position:relative; height:100%; width:100%;}
.nav{ float:left; width:100%; }
.nav .li1{ float:left; width:100%; }
.nav .li1 span{ float:left; width:100%;}
.nav .li1 span a{ float:left; width:100%; color:#252525; font-size:18px; line-height:42px; background:url(images/meun2.png) right center no-repeat;}
.nav .li1.first span a{ background:none;}
.nav .li1 span a{ background:url(images/meun1.png) right center no-repeat;}
.nav .li1.first span a{ background:none;}
.nav .sub{ display:none; float:left; width:100%;}
.nav .sub li{ float:left; width:100%;}
.nav .sub li a{ float:left; width:100%; color:#6c6a6a; font-size:18px; line-height:42px; padding-left:14px;}
.nav .sub li a:hover{ color:#eb6100;}

.nav-addres{ float:left; width:100%; color:#6e6d6d; font-size:16px; line-height:43px; position:absolute; left:0; bottom:70px;}
.nav-addres a{ color:#6e6d6d;}

.nav-but{ float:left; width:80px; position:absolute; right:0; top:0; height:100%; border:1px solid #eeeeee; text-align:center; cursor:pointer; z-index:6;}.nav-but.active{border:1px solid #fff;}
.nav-but .meun-but{ float:left; position:absolute; width:24px; height:126px; margin:-63px 0 0 -12px; position:absolute; top:50%; left:50%; line-height:0;}
.nav-colse{ display:none; float:left; width:50px; position:absolute; right:0; top:0; margin:60px 14px 0 0; z-index:8;}
.nav-colse:hover{-webkit-transition: 1s ease;
   -moz-transition: 1s ease;
	-ms-transition: 1s ease;
	 -o-transition: 1s ease;
		transition: 1s ease;
-webkit-transform: rotate(360deg);
   -moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	 -o-transform: rotate(360deg);
		transform: rotate(360deg);}
.so{ float:right; width:100%; margin:60px 0 80px 0; position:relative;}
.so .Search{ float:left; width:100%; height:50px; background:none; border:1px solid #dfdfdf; line-height:48px; text-indent:30px; font-size:16px; color:#c6c4c4; border-radius:25px; -webkit-border-radius:25px; -moz- border-radius:25px;}
.so .sear_sub{ float:left; width:24px; height:24px; position:absolute; right:30px; top:50%; margin-top:-12px;}



@media screen and (max-height:800px ) {

.so{ margin:30px 0 40px 0;}
.so .Search{ font-size:14px;}
.nav .li1 span a{ font-size:16px; line-height:34px;}
.nav .sub li a{ font-size:16px; line-height:34px;}
.nav-addres{ font-size:14px; bottom:35px; line-height:35px;}

.nav-colse{ margin:30px 14px 0 0;}
	
}

@media screen and (max-width:1229px ) {

.nav-left{ padding:0 100px 0 20px;}
.so{ margin:30px 0 40px 0;}
.so .Search{ font-size:14px;}
.nav .li1 span a{ font-size:16px; line-height:34px;}
.nav .sub li a{ font-size:16px; line-height:34px;}
.nav-addres{ font-size:14px; bottom:35px; line-height:35px;}

.nav-colse{ margin:30px 14px 0 0;}
	
}

@media screen and (max-width:991px ) {

.nav-left{ width:100%; padding:0 40px 0 15px; left:-100%; margin-left:30px;}
.so{ margin:15px 0 20px 0;}
.so .Search{ height:32px; line-height:30px; text-indent:15px; font-size:14px;}
.so .sear_sub{ width:16px; height:16px; right:15px; margin-top:-8px;}

.nav .li1 span a{ font-size:16px; line-height:28px;}
.nav .sub li a{ font-size:16px; line-height:28px;}
.nav-addres{ font-size:14px; bottom:17px; line-height:26px;}
	
.nav-but{ width:30px;}	
.nav-but .meun-but{ width:12px; height:63px; margin:-32px 0 0 -6px;}
.nav-colse{ width:32px; margin:15px 0 0 0;}
	
}



/*footer*/
.footer{ float:left; width:100%; padding:0 15px;}
.footer-logo{ float:left; width:100%; line-height:0; text-align:center; margin:0 0 35px 0;}
.footer-logo img{ width:173px; height:50px;}
.footer-nav{ float:left; width:100%; text-align:center; color:#4d201a; font-size:15px; line-height:32px;}
.footer-nav a{ color:#4d201a;}
.footer-nav a:hover{ color:#eb6100;}
.copyright{ float:left; width:100%; text-align:center; color:#4d201a; font-size:15px; line-height:32px; margin:3px 0 22px 0; text-transform:uppercase;}
.copyright a{ color:#4d201a;}
.copyright a:hover{ color:#eb6100;}


@media screen and (max-width:991px ) {

.footer{ float:left; width:100%; padding:0 12px 0 42px;}
.footer-logo{ margin:0 0 10px 0;}
.footer-logo img{ width:104px; height:30px;}
.footer-nav{ font-size:12px; line-height:22px;}
.copyright{ font-size:12px; line-height:22px; margin:3px 0 20px 0;}
 

	
}



/*main*/
.main{ float:left; width:100%; padding-left:80px;}
.culture-bg{ float:left; width:100%; padding:79px 30px 76px 30px;}
.culture{ float:left; width:100%;}
.culture .title{ float:left; width:100%; text-align:center; color:#4c4a4a; font-size:24px; line-height:24px; background:url(images/cult1.png) center repeat-x;}
.culture .title span{ padding:0 6px; background:#fff;}
.culture .info{ float:left; width:100%; text-align:center; color:#767575; font-size:18px; line-height:33px; background:url(images/cult11.png) left top repeat-y;position:relative; margin-top:-13px; z-index:6;}
.culture .info .p1{ float:left; width:100%;background:url(images/cult11.png) right top repeat-y; padding:62px 17.5% 98px  13%;}

.culture .ico{ float:left; width:100%; background:url(images/cult1.png) center 7px  repeat-x; text-align:center; line-height:0; position:relative; margin-top:-7px; z-index:3; }

@media screen and (max-width:1366px ) {

.culture .info .p1{ font-size:16px; padding:62px 10% 98px  10%;}
	
}
@media screen and (max-width:991px ) {

.culture-bg{ padding:20px 12px;}
.main{ padding-left:30px;}
.culture .info .p1{ font-size:14px; line-height:28px;padding:25px 4%;}
.culture .title{ font-size:18px; line-height:18px;}
.culture .ico{background:url(images/cult1.png) center 3px  repeat-x; margin-top:-3px;}
.culture .ico img{ width:50px;}
	
}

.cult-serv{ float:left; width:100%; margin:65px 0 98px 0;}
.cult-serv li{ float:left; width:33.3333%; position:relative; overflow:hidden;}
.cult-serv li .img{ float:left; width:100%; line-height:0;}
.cult-serv li .but{ float:left; width:100%; height:100%; position:absolute; left:-100%; bottom:100%; background:#000; background:rgba(0,0,0,0.55);-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.cult-serv li .but img{ float:left; position:absolute; left:50%; top:50%; width:164px; height:164px; margin:-82px 0 0 -82px;}
.cult-serv li .title{ float:left; position:absolute; right:0; bottom:0; width:83.76%; background:url(images/cult8.png) left bottom no-repeat; padding:141px 0 27px 0;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.cult-serv li .title i{ float:right; width:55%; line-height:0; text-align:center;}
.cult-serv li .title i img{ width:86px;}
.cult-serv li .title h5{ float:right; width:55%; line-height:30px; font-size:30px; color:#fff; text-align:center; margin:19px 0 0 0;}

.cult-serv li:hover .but{ left:0;bottom:0;}
.cult-serv li:hover .title{ right:-100%;}


@media screen and (max-width:1660px ) {

.cult-serv li .but img{ width:110px; height:110px; margin:-55px 0 0 -55px;}
.cult-serv li .title i img{ width:58px;}
.cult-serv li .title h5{ line-height:20px; font-size:20px; margin:12px 0 0 0;}

	
}

@media screen and (max-width:1366px ) {


.cult-serv li .but img{ width:82px; height:82px; margin:-41px 0 0 -41px;}
.cult-serv li .title{ padding:160px 0 12px 0;}
.cult-serv li .title i img{ width:44px;}
.cult-serv li .title h5{ line-height:16px; font-size:16px; margin:10 0 0 0;}

	
}

@media screen and (max-width:991px ) {
.cult-serv{margin:20px 0;}
.cult-serv li .title{ padding:80px 0 12px 0; background-size:100% 100%;}
	
}

@media screen and (max-width:767px ) {
.cult-serv li{ width:100%;}

	
}


/**/

.cult-title{ float:left; width:100%; text-align:center; color:#41403e; font-size:24px; line-height:34px; background:url(images/main1.png) center bottom no-repeat; padding-bottom:21px;}

.cult-news{ float:left; width:100%; padding:69px 24px 63px 0;}
.cult-news .scorll{ float:left; width:45.7%; border:3px solid #050001;}
.cult-news .scorll a{ float:left; width:100%; height:542px;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.cult-news .scorll:hover{ border:3px solid #eb6100;}
.cult-news .scorll a:hover{-webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.cult-news .news-box{ float:left; width:44.7%; margin-left:5%;}
.cult-news .news-box ul{ margin-top:-38px;}
.cult-news .news-box li{ float:left; width:100%; position:relative; margin-top:38px;}
.cult-news .news-box li .time{ float:left; width:62px; position:absolute; left:0; top:4px;}
.cult-news .news-box li .time span{ float:left; width:100%; text-align:center; background:#cccccc; line-height:45px; font-size:22px; font-weight:bold; color:#fff; font-family:Arial;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.cult-news .news-box li .time time{ float:left; width:100%; text-align:center; border:1px solid #cccccc; border-top:none; line-height:21px; font-size:12px; color:#cccccc;}
.cult-news .news-box li .info{ float:left; width:100%; padding-left:89px;}
.cult-news .news-box li .info h1{ float:left; width:100%; color:#646263; font-size:20px; line-height:28px;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.cult-news .news-box li .info p{ float:left; width:100%; color:#565656; font-size:14px; line-height:22px; height:44px; overflow:hidden; margin:12px 0 8px 0;}
.cult-news .news-box li .info h5{ float:left; width:100%; color:#999999; font-size:14px; line-height:22px;}
.cult-news .news-box li:hover .time span{ background:#eb6100;}
.cult-news .news-box li:hover .info h1{ color:#eb6100;}

@media screen and (max-width:1199px ) {


.cult-news .scorll a{ height:480px;}
.cult-news .news-box ul{ margin-top:-20px;}
.cult-news .news-box li{ margin-top:20px;}
	
}


@media screen and (max-width:991px ) {

.cult-title{font-size:18px; line-height:28px; background-size:130px 5px; padding-bottom:12px;}

.cult-news{padding:20px 12px 20px 0;}
.cult-news .scorll{ width:100%;}
.cult-news .scorll a{ height:auto;}
.cult-news .news-box{ width:100%; margin:0;}
.cult-news .news-box ul{ margin-top:0;}
.cult-news .news-box li{ margin-top:15px;}
.cult-news .news-box li .info{ padding-left:80px;}
.cult-news .news-box li .info h1{ font-size:16px; line-height:24px;}
.cult-news .news-box li .info p{ margin:6px 0 4px 0;}
	
}

/**/
.Contact-us-bg{ float:left; width:100%; padding:57px 24px 79px 0;}
.Contact-us{ float:left; width:100%; background:#eeeeee; border:10px solid #eeeeee;}
.Contact-us .addres{ margin:0 auto; overflow:hidden; width:38.2%; padding:50px 0 50px 0;}
.Contact-us .addres h5{ float:left; width:100%; color:#525151; font-size:25px; line-height:33px; padding-bottom:22px; margin-bottom:15px; position:relative;}
.Contact-us .addres h5::after{ float:left; width:98px; height:1px; background:#050001; content:''; position:absolute; left:0; bottom:0;}
.Contact-us .addres .p{ float:left; width:100%; color:#646464; font-size:22px; line-height:37px;}
.Contact-us .addres a{ color:#646464;}
.map_bg{ float:left; width:57.4%; position:relative;}
.map_bg::after{ float:left; position:absolute; right:0; top:0; content:''; width: 0;height: 0;border-top: 390px solid transparent;border-right: 155px solid #eeeeee;}
.bdmap{ float:left; width:100%; height:390px;}
.BMapLabel{ background:url(images/cult10.png) center no-repeat !important; color:#494949 !important; font-size:18px !important; font-weight:bold !important; padding:10px 100px 15px 30px !important; line-height:40px !important; text-align:left !important; left:-54px !important; top:-50px !important;}



@media screen and (max-width:1440px ) {

.map_bg{ width:50%;}
.Contact-us .addres{ width:46%;}
.Contact-us .addres .p{ font-size:18px; line-height:34px;}
	
}

@media screen and (max-width:991px ) {

.Contact-us-bg{ padding:20px 12px 20px 0;}
.Contact-us{border:6px solid #eeeeee;}
.map_bg{ width:100%;}
.map_bg::after{border-top: 0 solid transparent; border-right: 0 solid #eeeeee;}
.Contact-us .addres{ width:100%; padding:15px 10px;}
.Contact-us .addres h5{ font-size:18px; line-height:26px; padding-bottom:15px; margin-bottom:10px;}
.Contact-us .addres h5::after{ width:60px;}
.Contact-us .addres .p{ font-size:13px; line-height:25px;}
.bdmap{ height:300px;}
	
}




.elli{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}	
@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1243px){body{-webkit-text-size-adjust:none}}




/*产品列表页面*/
.pord-list{ float:left; width:100%; padding:0 24px 0 0;}
.pord-list li{ float:left; width:25%; position:relative; overflow:hidden;}
.pord-list li .ico{ float:left; width:100%; line-height:0;}
.pord-list li .bg{ float:left; width:100%; position:absolute; left:0; bottom:-100%; height:100%; background:#000000;opacity:0.82; filter:alpha(opacity=82);

-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s; }
.pord-list li .info{ float:left; width:100%; position:absolute; left:0; top:100%; padding:0 12px; text-align:center;

-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.pord-list li .info h2{ float:left; width:100%; color:#fff; font-size:25px; line-height:25px; text-transform:uppercase;}
.pord-list li .info h5{ float:left; width:100%; margin-top:80px;}
.pord-list li .info h5 span{ display:block; margin:0 auto; font-size:20px; color:#fff; width:157px; height:38px; line-height:36px; border:1px solid #fff;border:1px solid rgba(255,255,255,0.44);}

.pord-list li:hover .bg{ bottom:0;}
.pord-list li:hover .info{ top:50%; margin-top:-71px;}

@media screen and (max-width:1366px ) {
	
.pord-list li .info h2{ font-size:20px; line-height:20px; }
.pord-list li .info h5{ margin-top:40px;}
.pord-list li .info h5 span{ font-size:16px; width:120px; height:34px; line-height:32px;}
.pord-list li:hover .info{ margin-top:-47px;}

}
@media screen and (max-width:991px ) {

.pord-list{padding:0 12px 0 0;}
.pord-list li .info h2{ font-size:16px; line-height:16px; }
.pord-list li .info h5{ margin-top:20px;}
.pord-list li .info h5 span{ font-size:14px; width:100px; height:30px; line-height:28px;}
.pord-list li:hover .info{ margin-top:-33px;}


}
@media screen and (max-width:767px ) {

.pord-list li{ width:50%;}


}

.Pag-up-down{ float:left; width:100%; color:#9d9b9b; font-size:27px; line-height:37px; padding:93px 0 71px 0; text-align:center;} 
.Pag-up-down a{ color:#9d9b9b;}
.Pag-up-down a.on,
.Pag-up-down a:hover{ color:#c78004;}

@media screen and (max-width:1366px ) {
.Pag-up-down{ font-size:22px; line-height:32px; padding:93px 0 71px 0;} 
}

@media screen and (max-width:991px ) {
.Pag-up-down{ font-size:18px; line-height:28px; padding:46px 0 35px 0;} 
}

@media screen and (max-width:767px ) {
.Pag-up-down{ font-size:14px; line-height:24px; padding:20px 12px 20px 42px;} 
}

.SideLayer1{ float:left; width:100%; padding:44px 0 52px 0; text-align:center;}
.SideLayer1 .pz_SideLayer{ display:inline-block; *display:inline; *zoom:1; vertical-align:top;}
.SideLayer1 .pz_SideLayer li{ float:left; margin:0 46px;}
.SideLayer1 .pz_SideLayer li a{ float:left; width:167px; height:48px; line-height:46px; text-align:center; border:1px solid #f5b282; border-radius:3px; color:#eb6100; font-size:20px; color:#eb6100;}
.SideLayer1 .pz_SideLayer li a.hover,
.SideLayer1 .pz_SideLayer li:hover a{ border:1px solid #eb6100;  background:#eb6100; color:#fff;}

@media screen and (max-width:1366px ) {
.SideLayer1 .pz_SideLayer li{ margin:0 23px;}
}

@media screen and (max-width:991px ) {
.SideLayer1{ padding:20px 0;}	
.SideLayer1 .pz_SideLayer li{ margin:0 15px;}
.SideLayer1 .pz_SideLayer li a{width:120px; height:38px; line-height:36px; font-size:16px;}
}
@media screen and (max-width:767px ) {
.SideLayer1{ padding:15px 0 15px 30px;}	
.SideLayer1 .pz_SideLayer li{ margin:0 6px;}
.SideLayer1 .pz_SideLayer li a{width:80px; height:34px; line-height:32px; font-size:14px;}
}

/*新闻列表*/
.news-list{ float:left; width:100%; padding:0 24px 0 0;}
.news-list ul{ margin:-50px -24px 0 -24px;}
.news-list li{ float:left; width:25%; padding:0 24px; margin-top:50px;}
.news-list li a{ float:left; width:100%; line-height:0; position:relative; overflow:hidden;}
.news-list li .ico{ float:left; width:100%; line-height:0;}
.news-list li .tit{ float:left; width:100%; position:absolute; left:0; bottom:0; background:#eb6100; color:#fff; font-size:20px; line-height:40px; background:#eb6100; padding:18px 20px 8px 20px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
.news-list li .info{ float:left; width:100%; height:100%; position:absolute; left:0; bottom:-100%; background:#eb6100; background:rgba(235,97,0,0.87); padding:20px;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
}
.news-list li .info i{ float:left; width:100%; height:100%; position:relative; left:0; top:0; border:1px solid #fff;}
.news-list li .info h2{ float:left; width:100%; color:#fff; font-size:20px; line-height:28px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; position:absolute; left:0; top:17.8%;padding:0 40px;} 
.news-list li .info time{ float:left; width:100%; color:#fff; font-size:18px; line-height:26px;position:absolute; left:0; bottom:25%; margin-bottom:114px;  padding:0 40px;} 
.news-list li .info p{ float:left; width:100%; color:#fff; font-size:18px; line-height:32px; height:96px; overflow:hidden;position:absolute; left:0; bottom:25%; padding:0 40px;} 
.news-list li .info h5{ float:left; width:100%; color:#fff; font-size:18px; line-height:26px;position:absolute; left:0; bottom:38px; padding:0 40px;} 

.news-list li:hover .info{ bottom:0;}
.news-list li:hover .tit{ bottom:-100px;}


@media screen and (max-width:1480px ) {

.news-list ul{ margin:-32px -15px 0 -15px;}
.news-list li{padding:0 15px; margin-top:32px;}	
.news-list li .tit{ font-size:18px; line-height:38px; padding:14px 15px 8px 15px;}
.news-list li .info{ padding:15px;}
.news-list li .info h2{ font-size:18px; line-height:26px; top:12%; padding:0 30px;}
.news-list li .info time{ font-size:16px; line-height:24px; padding:0 30px; margin-bottom:90px;}
.news-list li .info p{ font-size:16px; line-height:28px; height:84px; padding:0 30px;}
.news-list li .info h5{ font-size:16px; line-height:24px; padding:0 30px; bottom:26px; }

}

@media screen and (max-width:1199px ) {

.news-list ul{ margin:-22px -10px 0 -10px;}
.news-list li{padding:0 10px; margin-top:22px;}	
.news-list li .tit{ font-size:16px; line-height:36px; padding:8px 10px 4px 10px;}
.news-list li .info{ padding:10px;}
.news-list li .info h2{ font-size:16px; line-height:24px; top:12%; padding:0 20px;}
.news-list li .info time{ font-size:14px; line-height:22px; padding:0 20px; margin-bottom:70px;}
.news-list li .info p{ font-size:14px; line-height:22px; height:66px; padding:0 20px;}
.news-list li .info h5{ font-size:14px; line-height:22px; padding:0 20px; bottom:16px; }

}
@media screen and (max-width:991px ) {
	
.news-list{padding:0 12px 0 0;}	
.news-list ul{ margin:-12px -5px 0 -5px;}
.news-list li{padding:0 5px; margin-top:12px; width:33.333%}	
.news-list li .tit{ line-height:36px; padding:4px 8px 2px 8px;}
.news-list li .info{ padding:8px;}
.news-list li .info h2{padding:0 16px;}
.news-list li .info time{padding:0 16px; }
.news-list li .info p{padding:0 16px;}
.news-list li .info h5{ padding:0 16px;}

}

@media screen and (max-width:767px ) {
	
.news-list ul{ margin:-12px -5px 0 -5px;}
.news-list li{padding:0 5px; margin-top:12px; width:50%;}
.news-list li .info time{ margin-bottom:24px;}
.news-list li .info p{ height:22px;}


}

/*新闻详情*/

.news-det{ float:left; width:100%; padding:0 24px 122px 0;}
.news-det-left{ float:left; width:62.6%; margin-left:5.72%;}
.news-det-left.z_page{ width:88.12%;}
.news-det-left .det-box{ float:left; width:100%; border:1px solid #e1e1e1; padding:35px 25px 40px 32px;}
.news-det-left .det-box .p1{ float:left; width:100%; color:#1a1a1a; font-size:24px; line-height:32px;}
.news-det-left .det-box .p2{ float:left; width:100%; color:#9b9999; font-size:15px; line-height:25px; margin:27px 0 45px 0;}
.news-det-left .det-box .p2 span{ margin-left:33px; padding-left:33px; background:url(images/news7.png) left center no-repeat;}
.news-det-left .det-box .p3{ float:left; width:100%; color:#767575; font-size:16px; line-height:29px;}
.news-det-left .det-box .p4{ float:left; width:100%; line-height:0;}
.news-det-left .det-foot{ float:left; width:100%; margin-top:20px; position:relative;}
.news-det-left .sx_fy{ float:left; width:100%; padding-right:150px;}
.news-det-left .sx_fy a{ float:left; width:100%; color:#757474; font-size:14px; line-height:34px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
.news-det-left .sx_fy a:hover{ color:#eb6100;}
.news-det-left .renter{ float:right; position:absolute; right:0; top:0;}
.news-det-left .renter a{ float:left; width:133px; height:35px; line-height:35px; text-align:center; background:#eeeeee; color:#757474; font-size:14px;}
.news-det-left .renter a:hover{ background:#eb6100; color:#fff; box-shadow:3px 3px 5px rgba(0,0,0,0.12);}

.news-det-right{ float:right; width:22%; margin-right:6.16%; border:1px solid #e1e1e1; padding:25px 20px;}
.news-det-right h5{ float:left; width:100%; color:#eb6100; font-size:16px; line-height:26px; background:url(images/news11.png) left center no-repeat; padding-left:42px;}
.news-det-right .tit{ float:left; width:100%; margin:26px 0 21px 0;}
.news-det-right .tit span{ float:left; color:#040404; font-size:15px; line-height:25px;}
.news-det-right .tit a{ float:right; color:#666666; font-size:15px; line-height:25px;}
.news-det-right .tit a:hover{ color:#eb6100;}
.news-det-right .img{ float:left; width:100%; line-height:0;}
.news-det-right .line{ float:left; width:100%; padding:31px 33px  15px 50px;}
.news-det-right .line span{ float:left; width:100%; height:1px; background:#ebebeb;}
.news-det-right ul{ float:left; width:100%; margin-bottom:10px;}
.news-det-right ul li{ float:left; width:100%;}
.news-det-right ul li a{ float:left; width:100%; color:#757474; font-size:14px; line-height:40px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; padding-left:24px; background:url(images/news12.png) left center no-repeat;}
.news-det-right ul li a:hover{ color:#eb6100; background:url(images/news13.png) left center no-repeat;}



@media screen and (max-width:1366px ) {
	
.news-det-right{ width:28.16%; margin-right:0;}


}


@media screen and (max-width:991px ) {
	
.news-det{ padding:0 12px 60px 12px;}
.news-det-left{ float:left; width:66%; margin-left:0;}
.news-det-left.z_page{ width:100%;}
.news-det-left .det-box{ padding:20px 15px;}
.news-det-left .det-box .p1{ font-size:18px; line-height:26px;}
.news-det-left .det-box .p2{ font-size:14px; line-height:24px; margin:10px 0 15px 0;}
.news-det-left .det-box .p2 span{ margin-left:20px;}
.news-det-left .det-box .p3{ font-size:14px; line-height:26px;}
.news-det-left .sx_fy{ padding-right:115px;}
.news-det-left .renter a{ width:100px;}

.news-det-right{ width:31.16%; padding:15px 15px;}
.news-det-right h5{ padding-left:20px;}
.news-det-right .tit{ margin:10px 0 10px 0;}
.news-det-right .line{padding:15px 15px 10px 15px;}
.news-det-right ul{ margin-bottom:0;}
.news-det-right ul li a{ line-height:30px; padding-left:12px;}

}

@media screen and (max-width:767px ) {
	
.news-det{ padding:0 12px 30px 12px;}
.news-det-left{ width:100%; margin:0;}
.news-det-left.z_page{ width:100%;}
.news-det-right{ width:100%; margin-top:15px;}

}


/*旭增商贸*/
.SideLayer2{ float:left; width:100%; padding:46px 0 58px 0; text-align:center;}
.SideLayer2 .pz_SideLayer{ display:inline-block; *display:inline; *zoom:1; vertical-align:top;}
.SideLayer2 .pz_SideLayer li{ float:left; margin:0 80px;}
.SideLayer2 .pz_SideLayer li a{ float:left; width:155px; height:39px; line-height:37px; text-align:center; border:1px solid #e5e5e5; color:#9c9b9a; font-size:21px; color:#9c9b9a;}
.SideLayer2 .pz_SideLayer li a.hover,
.SideLayer2 .pz_SideLayer li:hover a{ color:#f39b5d;}

@media screen and (max-width:1366px ) {
.SideLayer2 .pz_SideLayer li{ margin:0 23px;}
}

@media screen and (max-width:991px ) {
.SideLayer2{ padding:20px 0;}	
.SideLayer2 .pz_SideLayer li{ margin:0 15px;}
.SideLayer2 .pz_SideLayer li a{width:120px; height:38px; line-height:36px; font-size:16px;}
}
@media screen and (max-width:767px ) {
.SideLayer2{ padding:15px 0 15px 30px;}	
.SideLayer2 .pz_SideLayer li{ margin:0 6px;}
.SideLayer2 .pz_SideLayer li a{width:80px; height:34px; line-height:32px; font-size:14px;}
}



.inner-title{ float:left; width:100%; text-align:center; color:#41403e; font-size:24px; line-height:34px; background:url(images/main1.png) center bottom no-repeat; padding-bottom:21px;}

@media screen and (max-width:991px ) {
.inner-title{ font-size:18px; line-height:28px; background-size:130px 5px; padding-bottom:12px;}
}

.Commerce-list{ float:left; width:100%; padding:0 24px 85px 0;}
.Commerce-list li{ float:left; width:25%; border:1px solid #e5e5e5; position:relative; margin-top:-1px; background:#000;}
.Commerce-list li .img{ float:left; width:100%; line-height:0;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
}
.Commerce-list li .title{ float:left; width:208px; height:208px; position:absolute; left:50%; top:50%; margin:-104px 0 0 -104px; text-align:center; background:#000; background:rgba(0,0,0,0.35); border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;-webkit-transform: scale(0); -moz-transform: scale(0);transform: scale(0);opacity:0; filter:alpha(opacity=00);-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
 }
.Commerce-list li .title i{ float:left; width:100%; line-height:0; position:absolute; left:0; bottom:50%;}
.Commerce-list li .title h2{ float:left; width:100%; line-height:24px; color:#fff; font-size:24px; position:absolute; left:0; top:50%; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; padding:0 10px; margin-top:18px;}

.Commerce-list li:hover .img{opacity:0.87; filter:alpha(opacity=87); }
.Commerce-list li:hover .title{-webkit-transform: scale(1); -moz-transform: scale(1);transform: scale(1);opacity:1; filter:alpha(opacity=100); }

@media screen and (max-width:1366px ) {

.Commerce-list li .title{ width:140px; height:140px; margin:-70px 0 0 -70px;}
.Commerce-list li .title i img{ width:32px;}
.Commerce-list li .title h2{line-height:18px; font-size:18px; margin-top:10px;}

}

@media screen and (max-width:991px ) {
.Commerce-list{ padding:0 12px 42px 0;}
.Commerce-list li{ width:50%;}
.Commerce-list li .title{ width:140px; height:140px; margin:-70px 0 0 -70px;}
.Commerce-list li .title i img{ width:32px;}
.Commerce-list li .title h2{line-height:18px; font-size:18px; margin-top:10px;}

}

@media screen and (max-width:767px ) {
.Commerce-list{ padding:0 12px 20px 30px;}
.Commerce-list li .title{ width:80px; height:80px; margin:-40px 0 0 -40px;}
.Commerce-list li .title i img{ width:24px;}
.Commerce-list li .title h2{line-height:16px; font-size:16px; margin-top:6px;}

}

.Commerce-content{ float:left; width:100%;margin-bottom:90px;}
.Commerce-content .content{ float:left; width:100%;}
.Commerce-content .middle{ display:block; margin:0 auto; width:837px;}
.Commerce-content .info-one{ float:left; width:100%; position:relative; padding:47px 0 50px 0; background:#000; background:rgba(0,0,0,0.6)}
.Commerce-content .info-one .bg{ float:left; width:100%; height:100%; background:#000; position:absolute; left:0; top:0;}
.Commerce-content .info-one .p1{ float:left; width:76.8%; margin:0 11.6%; color:#fff; font-size:30px; line-height:40px; text-align:center; position:relative; background:url(images/main8.png) center top repeat-x; padding:57px 0 14px 0;}
.Commerce-content .info-one .p1:after{ float:left; width:9px; height:100%; position:absolute; left:0; top:9px; background:url(images/main8.png) left top repeat-y; content:'';}
.Commerce-content .info-one .p1:before{ float:left; width:9px; height:100%; position:absolute; right:0; top:9px; background:url(images/main8.png) left top repeat-y;content:'';}
.Commerce-content .info-one .p2{ float:left; width:100%; color:#f7e0cf; font-size:61px; line-height:70px; text-align:center;  text-transform:uppercase; font-family:Arial; margin-top:9px;}
.Commerce-content .info-one .p3{ float:left; width:76.8%; margin:0 11.6%; color:#f1eeee; font-size:20px; line-height:44px; padding:36px 30px 138px 30px; position:relative;}
.Commerce-content .info-one .p3:after{ float:left; width:9px; height:100%; position:absolute; left:0; top:0; background:url(images/main8.png) left top repeat-y; content:'';}
.Commerce-content .info-one .p3:before{ float:left; width:9px; height:100%; position:absolute; right:0; top:0; background:url(images/main8.png) left top repeat-y;content:'';}
.Commerce-content .info-one .line{ float:left; width:76.8%; margin:0 11.6%; height:9px; position:relative; background:url(images/main8.png) center top repeat-x;}
.Commerce-content .info-one .line:after{ float:left; width:15px; height:101px; position:absolute; right:0; bottom:0; background:#eb6100; content:'';}
.Commerce-content .info-one .line:before{ float:left; width:229px; height:15px; position:absolute; right:0; bottom:-1px; background:#eb6100;content:'';}


@media screen and (max-width:1199px ) {
.Commerce-content .middle{ width:440px;}
.Commerce-content .info-one .p1{ font-size:18px; line-height:28px; padding:28px 0 14px 0;}
.Commerce-content .info-one .p2{ font-size:30px; line-height:40px;}
.Commerce-content .info-one .p3{ font-size:14px; line-height:26px; padding:18px 30px 79px 30px;}

}

@media screen and (max-width:991px ) {
.Commerce-content{ margin-bottom:45px;}

}

@media screen and (max-width:767px ) {
.Commerce-content{ margin-bottom:20px;}
.Commerce-content .middle{ width:280px;}
.Commerce-content .info-one .p1{ width:86%; margin:0 7%; font-size:16px; line-height:2px; padding:28px 0 14px 0; background-size:100% 3px;}
.Commerce-content .info-one .p1:after{ width:3px; top:3px;}
.Commerce-content .info-one .p1:before{ width:3px; top:3px;}
.Commerce-content .info-one .p2{ font-size:20px; line-height:30px; margin-top:3px;}
.Commerce-content .info-one .p3{ width:86%; margin:0 7%; font-size:12px; line-height:22px; padding:10px 13px 20px 13px;}
.Commerce-content .info-one .p3:after{ width:3px;}
.Commerce-content .info-one .p3:before{ width:3px;}
.Commerce-content .info-one .line{ width:86%; margin:0 7%; height:3px;}
.Commerce-content .info-one .line:after{ width:5px; height:33px;}
.Commerce-content .info-one .line:before{ width:76px; height:5px;}
.Commerce-content .info-one{ padding:20px 0; }


}



/*依力兰*/
.Commerce-content .yililan{ display:block; margin:0 auto; width:593px;}
.Commerce-content .info-tow{ float:left; width:100%; background:#000; background:rgba(0,0,0,0.43); border:15px solid #959595; border:15px solid rgba(149,149,149,0.43); margin:68px 0; padding:60px 48px 74px 43px;}
.Commerce-content .info-tow .p1{ float:left; width:100%; line-height:0;}
.Commerce-content .info-tow .p1 img{ width:438px;}
.Commerce-content .info-tow .p2{ float:left; width:100%; line-height:0; text-align:center; margin:42px 0 50px 0;}
.Commerce-content .info-tow .p2 img{ width:316px;}
.Commerce-content .info-tow .p3{ float:left; width:100%; color:#b8b7b7; font-size:18px; line-height:40px; text-align:center;}
.Commerce-content .info-tow .line{ float:left; width:100%; height:11px; margin-top:55px; background:url(images/main14.png) center no-repeat;}



@media screen and (max-width:1199px ) {
.Commerce-content .yililan{ width:440px;}
.Commerce-content .info-tow{ margin:34px 0; padding:30px 22px;border:6px solid #959595; border:6px solid rgba(149,149,149,0.43);}
.Commerce-content .info-tow .p1 img{ width:219px;}
.Commerce-content .info-tow .p2{  margin:20px 0 25px 0;}
.Commerce-content .info-tow .p2 img{ width:158px;}
.Commerce-content .info-tow .p3{ font-size:14px; line-height:26px; }
.Commerce-content .info-tow .line{ margin-top:25px;}

}


@media screen and (max-width:767px ) {
.Commerce-content .yililan{ width:280px;}
.Commerce-content .info-tow{ margin:34px 0; padding:20px 12px;border:6px solid #959595; border:6px solid rgba(149,149,149,0.43);}
.Commerce-content .info-tow .p1 img{ width:219px;}
.Commerce-content .info-tow .p2{  margin:15px 0 15px 0;}
.Commerce-content .info-tow .p2 img{ width:158px;}
.Commerce-content .info-tow .p3{ font-size:12px; line-height:22px; }
.Commerce-content .info-tow .line{ margin-top:15px; background-size:50% auto;}

}



/*产品详情*/
.det-title{ float:left; width:100%; text-align:center; padding:0 16.875%;}
.det-title h4{ color:#444444; font-size:24px; line-height:24px; background:url(images/main20.png) center no-repeat;}
.case_det1{ float:left; width:100%; padding:54px 16.875% 85px 16.875%;}
.case_det1 .middle{ float:left; width:100%; position:relative; padding-right:498px;}
.case_det1 .pic1{ float:left; width:100%; position:relative;}
.case_det1 .scroll{ float:left; width:100%; height:658px; padding-right:25px;}
.case_det1 .scroll .z_content{float:left; width:100%; border:1px solid #dcdcdc; padding:46px 0; height:100%;} 
.case_det1 .z_247{ float:left; width:100%; /*border:1px solid #dcdcdc;*/ padding:0 45px 0 39px; position:relative; color: #767575; font-size: 16px; line-height: 29px;}
.case_det1 .z_247 .img{ position:relative; z-index:5;}



.case_det1 .line1{ float:left; width:100%; padding-right:25px; position:absolute; left:0; top:0; z-index:6;}
.case_det1 .line1 span{ float:left; width:100%; height:46px; border:1px solid #e0e0e0; border-bottom:none; background:#fff;}
.case_det1 .line2{ float:left; width:100%; padding-right:25px; position:absolute; left:0; bottom:0; z-index:6;}
.case_det1 .line2 span{ float:left; width:100%; height:40px; border:1px solid #e0e0e0; border-top:none; background:#fff;}
.nicescroll-rails{ background:url(images/main22.png) center top repeat-y;}


.case_det1 .text{ float:right; width:470px; position:absolute; right:0; top:0;}
.case_det1 .text .l1{ float:left; width:100%; border-bottom:1px dashed #bfbfbf; padding:4px 0 19px 0;}
.case_det1 .text .l1 span{ float:left; color:#333333; font-size:18px; border-top:1px solid #7c7c7c; margin-left:23px; padding-top:21px; line-height:18px;}
.case_det1 .text .img{ float:left; width:100%; line-height:0; margin:40px 0 20px 0; max-height:378px; overflow:hidden;}
.case_det1 .l5{ float:left; width:100%; background:url(images/main52.png) left top repeat-x; padding-top:26px; border-top:1px dashed #d3d3d3;}
.case_det1 .l5 a{ float:left; width:50%; border:1px solid #dcdcdc; color:#151414; font-size:16px; line-height:51px; text-align:center; margin-left:-1px;}
.case_det1 .l5 a.on,
.case_det1 .l5 a:hover{ background:#eeeeee;}
.case_det1 .l5 a.a_more{ border-top:0;}
.case_det1 .l6{ float:left; width:100%; background:#eb6100; margin-top:21px; padding:0 28px 0 18px;}
.case_det1 .l6 .but3{ float:left; width:58.8%; color:#fff; font-size:20px; line-height:59px; text-transform:uppercase; text-align:center;}
.case_det1 .l6 .but3 span{ display:inline-block; *display:inline; *zoom:1; background:url(images/main53.png) left center no-repeat; padding-left:42px;}
.case_det1 .prev{ float:left; width:20.6%; height:59px; background:url(images/main55.png) center no-repeat;}
.case_det1 .next{ float:left; width:20.6%; height:59px; background:url(images/main56.png) center no-repeat;}



@media screen and (max-width:1600px) {

.det-title{padding:0 10.875%;}
.case_det1{ padding:54px 12.125% 85px 10.875%;}


}


@media screen and (max-width:1366px) {

.det-title{padding:0 6.125%;}
.case_det1{ padding:54px 6.125% 85px 6.125% ;}
.case_det1 .line1 span{ height:25px;}
.case_det1 .line2 span{ height:25px;}
.case_det1 .z_247{ padding:0 20px;}
.case_det1 .middle{ padding-right:380px;}
.case_det1 .scroll{ height:570px;}
.case_det1 .text{ width:360px;}

}


@media screen and (max-width:991px) {

.det-title{padding:0 12px;}
.det-title h4{ font-size:18px; line-height:18px; background:url(images/main20_1.png) center no-repeat;}
.case_det1{ padding:27px 12px 42px 12px;}
.case_det1 .line1{ padding-right:15px;}
.case_det1 .line1 span{ height:25px;}
.case_det1 .line2{ padding-right:15px;}
.case_det1 .line2 span{ height:25px;}
.case_det1 .z_247{ padding:0 20px; font-size:14px; line-height:26px;}
.case_det1 .middle{ padding-right:0;}
.case_det1 .scroll{ height:570px; padding-right:15px;}
.case_det1 .text{ width:100%; position:static; margin-bottom:15px;}
.case_det1 .text .l1 img{ width:177px;}
.case_det1 .l5 a{ line-height:40px; font-size:14px;}
.case_det1 .prev{ height:42px;}
.case_det1 .next{ height:42px;}
.case_det1 .l5{ padding-top:15px;}
.case_det1 .l6{ margin-top:15px;}
.case_det1 .l6 .but3{ height:42px; line-height:42px; font-size:16px;}


}

@media screen and (max-width:991px) {

.case_det1{ padding:15px 12px 20px 42px;}
.case_det1 .line1 span{ height:15px;}
.case_det1 .line2 span{ height:15px;}
.case_det1 .z_247{ padding:0 15px;}

}


/*文化-服务内容-详情*/
.service-det{ float:left; width:100%; padding:54px 16.875% 81px 16.875%;}
.service-det .sroll{ float:left; width:100%; padding:47px 163px; border:1px solid #dcdcdc;}
.service-det .sroll .img{ float:left; width:100%;}
.service-det .sroll .slick-prev{ width:38px; height:113px; background:url(images/main18.png) center no-repeat; background-size:100% 100%; margin-top:-56px; left:68px;}
.service-det .sroll .slick-next{ width:38px; height:113px; background:url(images/main19.png) center no-repeat; background-size:100% 100%; margin-top:-56px; right:68px;}
.service-det .sroll .slick-prev:hover{ background:url(images/main18_1.png) center no-repeat; background-size:100% 100%;-webkit-transition: 1s ease;
   -moz-transition: 1s ease;
	-ms-transition: 1s ease;
	 -o-transition: 1s ease;
		transition: 1s ease;}
.service-det .sroll .slick-next:hover{ background:url(images/main19_1.png) center no-repeat; background-size:100% 100%;-webkit-transition: 1s ease;
   -moz-transition: 1s ease;
	-ms-transition: 1s ease;
	 -o-transition: 1s ease;
		transition: 1s ease;}

.service-det .info{ float:left; width:100%; margin-top:45px;}
.service-det .info .title{ float:left; width:100%; line-height:0; position:relative; z-index:3; padding-left:30px;}
  .service-det .info .p1{ float:left; width:100%; color:#2d2c2c; font-size:16px; line-height:25px; border:1px dashed #dcdcdc; padding:56px 30px; position:relative; margin-top:-14px; z-index:2;}
.case_det2{ margin:0; padding:0; position:relative; z-index:3; width:470px; float:right;}
.case_det2 .l6{ position:relative; margin-top:-28px;}



@media screen and (max-width:1600px) {

.service-det{ padding:54px 10.875% 81px 10.875%;}
}

@media screen and (max-width:1366px) {

.service-det{ padding:54px 6.125% 81px 6.125%;}
.service-det .sroll{padding:30px 100px;}
.service-det .sroll .slick-prev{ left:30px;}
.service-det .sroll .slick-next{ right:30px;}
}

@media screen and (max-width:991px) {

.service-det{ padding:27px 12px 40px 12px;}
.service-det .sroll{padding:20px 50px;}
.service-det .sroll .slick-prev{ left:15px; width:19px; height:56px; margin-top:-28px;}
.service-det .sroll .slick-next{ right:15px; width:19px; height:56px; margin-top:-28px;}
.service-det .info{ margin-top:22px;}
.service-det .info .p1{  font-size:14px; line-height:24px;padding:30px 15px 40px 15px; margin-top:-14px;}
.case_det2{ width:50%;}
.case_det2 .l6{ margin-top:-21px;}
.service-det .info .title{ padding-left:15px;}
.service-det .info .title img{ width:247px;}


}



@media screen and (max-width:767px) {

.service-det{ padding:27px 12px 40px 12px;}
.service-det .sroll{padding:15px 30px;}
.service-det .sroll .slick-prev{ left:10px; width:10px; height:28px; margin-top:-14px;}
.service-det .sroll .slick-next{ right:10px; width:10px; height:28px; margin-top:-14px;}
.service-det .info{ margin-top:15px;}
.service-det .info .p1{  font-size:14px; line-height:24px;padding:25px 15px 35px 15px; margin-top:-14px;}
.case_det2{ width:90%;}



}