@charset "utf-8";
@font-face{font-family:'oswald';src:url(../font/oswald.eot);}
@font-face{font-family:'oswald';src:url(../font/original-oswald.ttf); src:url(../font/oswald.eot); src:url(../font/oswald.svg); src:url(../font/oswald.ttf); src:url(../font/oswald.woff); src:url(../font/oswald.woff2);}

@font-face{font-family:'icomoon';src:url(../font/icomoon.eot); src:url(../font/icomoon.svg); src:url(../font/icomoon.ttf); src:url(../font/icomoon.woff);}


/*reset*/
h1,h2,h3,h4,h5,h6{ margin:0px;}
:focus{outline:0;}
body,ul,img,p,input,dl,dd,tr,th,td{margin:0;padding:0;font-family:'宋体';}
img{border:none; height:auto; max-width:100%;}
a{text-decoration:none;}
input{padding:0px;vertical-align: middle;line-height: normal;border:none;} 
body{overflow-x:hidden;  font-size:12px; line-height:24px; word-wrap:break-word; color:#666; background:#fff;}
.table-responsive{ overflow:auto;min-height:.01%;}
.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{line-height:0; display:table; content:"";}
.clearfix:after{clear:both;}
a:hover{text-decoration:none !important;}
a:focus {outline-style:none; -moz-outline-style: none; text-decoration:none;}
.clear{ clear:both;}
a:hover,img:hover{transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}
a,img{transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}
ul li{list-style:none;}
#hd .logo a img{margin-top:10px;}
.n_banner2 img{ width:100%;}
.abc-01{display: block !important;}
.main-box{width: 100%;max-width:1170px;margin: 0 auto;}
.nav_l{width:22%;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}
#logo{ margin-top:24px; display:inline-block;}
@media only screen and (min-width:1200px) { .small-mdzz{position: fixed;z-index: 99999;top: 0px;right: 0; width:100%; background:#fff; -webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3);box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3);}
.small-mdzz .nav_l{width:16%; margin:10px 0;}
.small-mdzz #logo{ margin-top:0px;}

 .small-mdzz .mainmenu > nav > ul > li > a{ padding-top:19px; padding-bottom:19px;}
 .small-mdzz .mainmenu > nav > ul > li > a span{ display:none;}
}

.top_section{ background:#eee;}
.top_l{ background:url(../images/ico_radio.png) no-repeat left center; padding-left:33px; float:left; margin-top:7px;}
.top_r{ float:right;}


.head-share{float:left;list-style:none;}
.head-share li{display:inline-block;}
.head-share li:hover img{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
.head-share li.head-fixed{position:relative;z-index:8888888;}
.head-share li.head-fixed .code{position:absolute;left:50%;top:60px;padding-top:7px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;margin-left:-90px;transform:scaleX(0);
	-webkit-transition:all var(--transition-time,300ms);
	-o-transition:all var(--transition-time,300ms);
	transition:all var(--transition-time,300ms);}
.head-share li.head-fixed .code:after{position:absolute;left:50%;top:-10px;content:"\f0d8";font-family:FontAwesome;color:#fff;font-size:24px;margin-left:-8px;}
.head-share li.head-fixed:hover .code{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;top:40px;z-index:1;visibility:visible;transform:scaleX(1);}
.head-share li.head-fixed .code>div{padding:15px;background:#fff;border-radius:2px;text-align:center;min-width:180px;border:1px solid #f2f2f2;}
.head-share li.head-fixed .code>div p{color:#808080;margin-top:5px; font-size:12px;}
.head-share li.head-fixed .code>div img{max-width:100px;max-height:100px;height:auto;}

.top_r .head-share li{ padding:7px 15px; background:url(../images/top_line.png) repeat-y left center; }

.top_tel{ float:right; font-size:12px; color:#808080; background:url(../images/top_line.png) repeat-y  left center; padding:7px 0; padding-left:26px;}
.top_tel img{ margin-right:14px;}
.top_tel p{ display:inline-block; color:#ff0000; font-size:18px; font-weight:bold; margin-left:4px;}

.nav_section .nav_l{ float:left;}
.nav_section .nav_r{ float:right; position:relative;}

.nav_box .hot{}
.nav_box .hot>a{ color:#ff0000;}

@media only screen and (max-width: 996px) {
.nav_section .nav_l{ width:100%;}
.nav_section{ position:relative; padding:20px 0;}
#logo{ position:absolute; top:0px; left:0px; margin-top:15px; margin-left:15px; z-index:88888;}
.mobile-menu-area .container{ padding-bottom:0;}

}
@media only screen and (max-width: 768px) {
.top_l{ display:none;}
.top_r{ width:100%; text-align:center;}
.top_tel{ display:inline-block; float:none;}
.head-share{ display:inline-block; float:none;}
}
@media only screen and (max-width: 350px) {
#logo{ max-width:160px; margin-top:20px;}
.nav_section{ padding:10px 0;}
}


.i_title{ text-align:center;}
.i_title h3{font-family:'oswald'; font-size:40px; text-transform:uppercase; color:#fff;}
.i_title .line{ margin-top:30px;}
.blue{ color:#019ce3;}
.yellow{ color:#fdc624;}
.green{ color:#34a853;}
.red{ color:#ff012b;}

.Unsere .i_title{ text-align:left;}
.Unsere .line{  width:100%; height:14px; margin-top:30px;}
.Unsere .i_title h3{ color:#201a1a;}
/*unserre_main*/
.Unsere{ padding-top:115px; padding-bottom:170px; position:relative; z-index:2;}
.Unsere ul{ margin-top:20px;}
.Unsere ul li{ margin-top:40px; list-style:none;}
.unsere_main{ width:54%;}
.unsere_p { font-size:13px; color:#727272; line-height:22px; max-height:66px; overflow:hidden; margin-top:25px;}
.unsere_ico{ width:80px; height:80px; border-radius:50%; background:#1086df; text-align:center;}
.unsere_ico:hover{ background:#b3e000;}
.unsere_text h4 a{ display:block; font-size:18px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; line-height:30px; margin:25px 0px 12px; font-weight:bold;}
.unsere_text p{ font-size:12px; color:#999; line-height:24px; height:92px; overflow:hidden;}
@media only screen and (max-width:1500px) {
#services{ background-size:57% !important;}
}
@media only screen and (max-width:768px) {
.unsere_main{ width:100%;}
#services{ background:none !important;}
.Unsere{ padding-top:30px; padding-bottom:30px;}
}



.choose_section{  background-size:cover; background-attachment:fixed; position:relative; padding-top:135px; padding-bottom:75px;}
.choose_section .line{  height:14px; width:100%;}
.choose_top{ position:absolute; top:-1px; left:0px; height:36px; width:100%;}
.a_scr{ position:absolute; top:10px; left:50%; margin-left:-100px; height:36px; width:200px;}

.pro_box{position: relative;width:156px;display:inline-block;}
.pro_box .box-img{transform: rotateY(0);transition: all 0.50s ease-in-out 0s;}
.choose_section ul li:hover .box-img{transform: rotateY(-90deg);}
.pro_box .box-img img{width: 100%;height: auto;}
.pro_box .box-content{width: 100%;height: 100%;position: absolute;top: 0;left: 0;text-align: center;transform: rotateY(90deg);transition: all 0.50s ease-in-out 0s;}
.pro_box .box-content img{ width:100%;}
.choose_section ul li:hover .box-content{transform: rotateY(0);}
.choose_section ul li{ list-style:none; text-align:center;}
.choose_section ul li .li{ padding:72px 30px 0;}
.choose_section ul li h4 a{ font-size:20px; font-weight:bold; color:#fff; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:48px 0 42px;}
.choose_section ul li p{ color:#b3dcef; line-height:30px; max-height:90px; overflow:hidden;}


.operating_section{ padding-top:75px; padding-bottom:86px;}
.operating_section .i_title h3{ color:#201a1a;}
.operating_section .line{  height:14px; width:100%;}
.title_p{ color:#808080; font-size:14px; line-height:26px; max-width:850px; margin:45px auto 60px; text-align:center;}
.b_slider_holder{ position:relative; padding-top:5px; padding-bottom:40px;}
.mac_wrapper{width:1025px;height: 576px; position: absolute; top: 0;left: 0;right: 0;margin: 0 auto;z-index: 1111;}
.center .li{-moz-transform:scale(0.95);-ms-transform:scale(0.98);-o-transform:scale(0.98);-webkit-transform:scale(0.98);color:#e67e22;opacity:1;transform:scale(0.98);}
.center .slick-center .li{-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);color:#e67e22;opacity:1;transform:scale(1);}
.center .li{opacity:0.8;transition:all 300ms ease;}
.operating_section .li{ opacity:0.5; margin:0px 20px; height:450px; overflow:hidden; box-shadow:6px 0 10px rgba(0,0,0,0.15); position:relative;}
.operating_section .li h4{ position:absolute; left:0px; bottom:-38px; line-height:22px; padding:8px 20px; text-align:center; color:#fff; background:rgba(0,0,0,0.38); width:100%;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; font-size:14px;}
.operating_section .slick-center .li{ opacity:1; box-shadow:none;}
.operating_section .slick-center .li h4{ bottom:9px;}
.operating_section .li img{ width:100%;}
.operating_section .slick-prev, .operating_section .slick-next { position: absolute; display: block; height: 45px; width: 45px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; margin-top: -10px; padding: 0; border: none; outline: none; background:#d4d4d4; border-radius:50%; top:50%; margin-top:-22px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; z-index:666666;}
.operating_section .slick-next{ background:#d4d4d4 ;right:29%;}
.operating_section .slick-prev{ background:#d4d4d4; left:29%; }
.operating_section .slick-next:hover{ background:#34a853 ;}
.operating_section .slick-prev:hover{ background:#34a853 ; }
.operating_section{margin-left:-165px; margin-right:-165px;}


@media only screen and (max-width: 1440px) {
.mac_wrapper{ width:800px;}
.b_slider_holder{ padding-bottom:30px;}
.operating_section .li{ height:353px; overflow:hidden;}
}
@media only screen and (max-width: 1300px) {
.operating_section{ margin-left:0px; margin-right:0px;}
.b_slider_holder{ display:none;}
.operating_section .li{border-radius:5px; height:auto;}
.operating_section .slick-center .li{border:1px solid #ddd; }
.operating_section .slick-center .li h4{ bottom:0;}
}
@media only screen and (max-width:768px) {
.operating_section .slick-prev{ left:0px !important;}
.operating_section .slick-next{ right:0px !important;}
.operating_section{ margin-left:0px; margin-right:0px; padding-left:40px; padding-right:40px;}

}
/* Slider */
.slick-slider{ position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; margin:0 auto; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand;}

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; margin:0 auto;}
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Arrows */
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }
/* Dots */
.slick-dots { position: absolute;  list-style: none; display: block; text-align: center; padding: 0px; width: 100%; z-index:999; left:0; margin-top:34px;}
.slick-dots li { position: relative; display: inline-block; height: 5px; width:52px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 5px; width:50px; outline: none; line-height: 0; font-size: 0; cursor: pointer; outline: none; background:#ddd;}
.slick-dots li button:focus { outline: none;}
.slick-dots li.slick-active button{background:#7ec93b;}

.button12{
	color: rgba(255,255,255,1);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	position: relative;
	overflow: hidden;
	text-align:center;
}
.button12 a{
	color: rgba(51,51,51,1);
	text-decoration: none;
	display: block;
}
.button12 span{
	z-index: 2;	
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;	
}
.button12::before{
	content: '';
	position: absolute;
	top: 50px;
	left: 30px;
	width: 0;
	height: 0;
	border-left: 200px solid transparent;
	border-right: 200px solid transparent;
	border-bottom: 190px solid rgba(255,255,255,0.2);
	z-index: 1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	border-radius:30px;
}
.button12::after{
	content: '';
	position: absolute;
	top: 50px;
	left:30px;
	width: 0;
	height: 0;
	border-left: 200px solid transparent;
	border-right: 200px solid transparent;
	border-bottom: 190px solid rgba(255,255,255,0.2);
	z-index: 1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.button12::after{
	-webkit-transition-delay: 0.2s; /* Safari */
    transition-delay: 0.2s;
}
.button12:hover::before{
	opacity: 1;
	-webkit-transform: translate(0px,-190px);
	transform: translate(0px,-190px);	
}
.button12:hover::after{
	opacity: 1;
	-webkit-transform: translate(0px,-150px);
	transform: translate(0px,-150px);	
}
/*case_section*/
.case_section{  background-size:cover; padding-top:100px; margin-top:50px; padding-bottom:90px; overflow:hidden; position:relative;}
.case_section .line{ height:14px; width:100%;}
.case_section ul{ margin:0px -20px;}
.case_section ul li{ list-style:none; margin-bottom:60px; padding:0px 20px;}
.case_section ul li:nth-child(2n){ margin-top:60px;}
.case_section .title_p{ color:#fff; line-height:26px; font-size:14px;}
.case_section .more{ text-align:center; margin-top:70px;}
.case_section .more a{ line-height:42px; display:inline-block; padding:0px 45px; border-radius:30px; border:2px solid rgba(255,255,255,0.5); color:#fff;}
.case_section .more a i{ margin-left:6px;}
.case_section .more a:hover{ background:#ff012b;}
.dtl24 {
    width: 100%;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 10px 10px 20px  rgba(0, 0, 0, 0.15);
    -moz-box-shadow:  10px 10px 20px  rgba(0, 0, 0, 0.15);
    box-shadow:  10px 10px 20px  rgba(0, 0, 0, 0.15);
}
.dtl24 img {
    width: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.dtl24 .dtl {
    background:rgba(0,0,0,0.7);
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    padding: 0 5%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	text-align:center;
}
.dtl24 .dtl h4 a,
.dtl24 .dtl p,
.dtl24 .dtl .r_more {
    opacity: 0;
    position: relative;
    -webkit-transition: all 0.3s 0.3s;
    -moz-transition: all 0.3s 0.3s;
    -o-transition: all 0.3s 0.3s;
    transition: all 0.3s 0.3s;
}
.dtl24 .dtl h4 a {
    top: -100px;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    margin-top: 30px;
    margin-bottom: 20px;
    display:inline-block;
	font-weight:bold;
}
.dtl24 .dtl p {
    top: 100px;
    font-size: 12px;
    color: #bbb;
	padding-top:20px;
	line-height:24px;
	border-top:1px solid rgba(255,255,255,0.2);
	max-height:92px;
}
.dtl24 .dtl .r_more {
    top: 100px;
    border:2px solid #fff;
    border-radius:30px;
    color: #fff;
    font-size: 12px;
	display:inline-block; text-align:center; line-height:30px; padding:0px 30px;
	margin-top:20px;
}
.dtl24 .dtl .r_more i{ font-size:14px; margin-right:6px;}
.dtl24 .dtl .r_more:hover {
    background: #ff012b;
    border: 2px solid #ff012b;
}
.dtl24:hover .dtl h4 a,
.dtl24:hover .dtl p,
.dtl24:hover .dtl .r_more {
    top: 0;
    opacity: 1;
}
.dtl24:hover .dtl {
    visibility: visible;
    opacity: 1;
}
/*products-tab*/
#parentHorizontalTab01{margin:0;text-align:left;padding:0px;text-align:left;}
#parentHorizontalTab01 ul.resp-tabs-list {margin: 0px;padding: 0px;margin-top:30px; text-align:center;}

#parentHorizontalTab01 .resp-tabs-list li { display:inline-block; list-style: none;cursor: pointer;text-transform:capitalize;color:#f8bc0c;text-align:center;background:#fff; font-size:14px; padding:0px 28px; text-transform:uppercase; margin-right:17px; line-height:28px; border:1px solid #f8bc0c !important; margin-top:10px; border-radius:30px;}
#parentHorizontalTab01 .resp-tabs-container div table{max-width:100%;}
#parentHorizontalTab01 .resp-tabs-container {clear: left;}

#parentHorizontalTab01 em.resp-accordion {cursor: pointer;padding: 5px;display: none;padding: 10px 15px !important;}
#parentHorizontalTab01 .resp-tab-content {display: none; padding:10px 0;}
#parentHorizontalTab01 .resp-tabs-list li:hover{color:#fff;z-index:99; background-color:#ff012b  !important; border:1px solid #ff012b !important;}
#parentHorizontalTab01 .resp-tabs-list li.resp-tab-active {color:#fff;z-index:99; background-color:#ff012b  !important; border:1px solid #ff012b !important;}
#parentHorizontalTab01 .resp-content-active,#parentHorizontalTab01 .resp-accordion-active {display: block;}
#parentHorizontalTab01 em.resp-accordion {font-size: 18px;margin: 0px;background:#eee;margin-bottom:1px; color:#333; font-style:normal;}
#parentHorizontalTab01 em.resp-tab-active {margin-bottom: 0px !important;}
#parentHorizontalTab01 em.resp-tab-title:last-child {border-bottom: 12px solid #c1c1c1 !important;background: blue;}
#parentHorizontalTab01 .resp-vtabs ul.resp-tabs-list {float: left;width: 30%;}
#parentHorizontalTab01 .resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 15px 15px !important;
    margin: 0 0 4px;
    cursor: pointer;
    float: none;
}
#parentHorizontalTab01 .resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    border: 1px solid #c1c1c1;
    float: left;
    width: 68%;
    min-height: 250px;
    border-radius: 4px;
    clear: none;
}

#parentHorizontalTab01 .resp-vtabs .resp-tab-content {border: none;word-wrap: break-word;}
#parentHorizontalTab01 .resp-vtabs li.resp-tab-active { 
position: relative;
z-index: 1;
margin-right: -1px !important;
padding: 14px 15px 15px 14px !important;
border-top: 1px solid;
border: 1px solid #5AB1D0 !important;
border-left: 4px solid #5AB1D0 !important;
margin-bottom: 4px !important;
border-right: 1px #FFF solid !important;
}
#parentHorizontalTab01 .resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 10px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 7px solid #c1c1c1;
}
#parentHorizontalTab01 em.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 7px solid #fff;
}
#parentHorizontalTab01 em.resp-tab-active {background: #fdc600 !important;color:#fff;}
#parentHorizontalTab01 .resp-easy-accordion em.resp-accordion {display: block;}
#parentHorizontalTab01 .resp-easy-accordion .resp-tab-content {border: 1px solid #1268bf;}
#parentHorizontalTab01 .resp-easy-accordion .resp-tab-content:last-child {border-bottom: 1px solid #1268bf;/* !important;*/}
#parentHorizontalTab01 .resp-jfit {width: 100%;margin: 0px;}
#parentHorizontalTab01 .resp-tab-content-active {display: block;}
@media only screen and (max-width: 768px) {
	#main-btn{padding:2% 6%;}
	#parentHorizontalTab01{padding:0; margin-top:40px !important;}
    #parentHorizontalTab01 ul.resp-tabs-list {display: none;}
    #parentHorizontalTab01 em.resp-accordion {display: block;}
    #parentHorizontalTab01 .resp-vtabs .resp-tab-content {border: 1px solid #C1C1C1;border:1px solid #e5e5e5;border-top:none;padding:15px 15px 30px 15px;}
    #parentHorizontalTab01 .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: 100px;
        clear: none;
    }
    #parentHorizontalTab01 .resp-accordion-closed {display: none !important;}
    #parentHorizontalTab01 .resp-vtabs .resp-tab-content:last-child {border-bottom: 1px solid #c1c1c1 !important;}
}



.btn26 {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.btn26 img {
    margin: 0;
    padding: 0;
    position: relative;
    top: 0;
    width: 100%;
    left: 0;
}
.btn26 .buttons {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.btn26 .buttons .fa {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    background: rgba(126, 201, 59,0.9);
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    line-height:74px;
    font-size: 22px;
    text-align: center;
    text-decoration: none;
    width:74px;
    height:74px;
    margin: 0 1px;
    color:#fff;
    -webkit-transition: all 0.3s cubic-bezier(0, 1.135, 0.73, 1.405);
    -moz-transition: all 0.3s cubic-bezier(0, 1.135, 0.73, 1.405);
    -o-transition: all 0.3s cubic-bezier(0, 1.135, 0.73, 1.405);
    transition: all 0.3s cubic-bezier(0, 1.135, 0.73, 1.405);
}
.btn26 .buttons .fa-search {
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.btn26:hover .buttons .fa {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.btn26:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
	opacity:0.8;
}
/*news_section*/
.news_section{ padding:60px 0 120px;  background-size:cover; background-attachment:fixed;}
.news_section .i_title h3{ color:#201a1a;}
.news_section .line{ height:14px; width:100%;}
.news_list{ margin-top:5px;}
.news_list li{ list-style:none; margin-top:30px;}
.news_list li .li{text-align:center;  position:relative;}
.news_list li .li .text{ position:relative; z-index:3;}
.news_list li .img{transition-duration: 0.6s; width:100%;transition-timing-function: ease-out; overflow:hidden; display:block; max-height:250px;}
.news_list li:hover .img img{transform: scale(1.1);}
.news_list li .li h4 a{ color:#333; font-size:15px; text-align:left;display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:30px 0 10px; padding:0px 30px;}
.news_list li .li p{ font-size:12px; color:#757575; line-height:30px; max-height:60px; overflow:hidden; text-align:left; padding:0px 30px;}
.news_list li .li .more a{ font-size:12px; color:#fff; border-radius:30px; background:#ff012b; padding:0px 48px; line-height:36px; display:inline-block; margin-top:20px; margin-bottom:30px;}
.news_list li .li .more a i{ margin-left:8px;}
.news_list li .li .more{position:absolute; bottom:30px; left:0px; width:100%; background:#fff;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;    -o-transition: all 0.3s;   transition: all 0.3s;z-index:1; opacity:0;-webkit-box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.15); -moz-box-shadow:8px 8px 15px rgba(0, 0, 0, 0.15); box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.15);}
.news_list li .li:hover .more{position:absolute; bottom:-86px; left:0px; width:100%; margin-bottom:0px; opacity:1;}
.news_list li:hover .li{ background:#fff;-webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.15); -moz-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.15); box-shadow:  0px 0px 10px rgba(0, 0, 0, 0.15);}
.news_list li:hover h4 a{ color:#34a853;}


.news_section .button12::before{ left:-20px;}
.news_section .button12::after{ left:-20px;}

@media only screen and (max-width: 768px) {
.news_list li{ width:100%;}
.news_list li .img{ float:left; width:30%;}
.news_list li{ margin-top:0px;}

}




/*footer_nav*/

/*service*/
#online_qq_layer{z-index:9999999;position:fixed;right:0px;bottom:0; }
#floatShow{display:block;}
#floatHide{display:none;}
#online_qq_tab{position:relative;z-index:9;}
#online_qq_tab #floatShow{overflow:hidden;background:url(../images/ser_2.png) no-repeat right bottom;  height:35px; width:250px; padding-top:8px; font-size:14px; padding-left:50px; text-transform:capitalize; color:#fff;}
#online_qq_tab #floatShow img{ max-height:24px; float:right; margin-top:6px;}
#online_qq_tab #floatHide img{ max-height:32px; float:right; margin-top:2px;}
#online_qq_tab #floatHide{overflow:hidden;background:#7ec93b url(../images/ser_1.png) no-repeat left center; width:100%; height:36px; font-size:14px;  color:#fff; line-height:36px; padding-left:50px; width:300px;text-transform:capitalize;}
#onlineService{display:inline;width:300px; overflow: hidden;display:none;background: #fff; font-size:12px;box-shadow:0px 0px 10px rgba(0,0,0,0.2); border:1px solid #eee;}
#online_qq_layer .inquiry .btn_1{ display:inline-block; line-height:30px; height:30px;  font-size:14px; color:#fff; text-transform:uppercase; background:#7ec93b; border:none; width:100%; text-align:center;}
#onlineService .p{ margin:5px 0; color:#808080; line-height:20px; font-size:12px;}
.i_message_inquiry h4{ font-size:16px; color:#ff8e09  ; text-transform:uppercase;}
.i_message_inquiry { padding:10px; padding-top:20px;}
.my_btn2{background: #ff8e09  none repeat scroll 0 0; border: medium none; color: #fff; display: inline-block;   font-size: 16px; margin-top:15px; padding: 8px 15px; text-transform: uppercase;transition: all 0.5s ease 0s;}
.my_btn2{ background:#7ec93b; color:#fff; line-height:38px; font-size:14px;  display:inline-block; padding:0px 26px; text-transform:uppercase; margin-top:15px;} 
.my_btn2 i{ margin-left:10px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}
.my_btn2:hover i{ margin-left:20px;}

#online_qq_layer .inquiry .btn_1:hover{ background:#019ce3;}
.i_message_inquiry .inquiry .input-group-addon{ background:none; border:none; border-radius:0px; padding:0px 10px;}
.i_message_inquiry  .inquiry .input-group-addon i{ line-height:30px; font-size:13px;}
.i_message_inquiry  .inquiry .form-control{ border:none; background:none; border-radius:0px; line-height:30px; color:#999; font-size:12px;}
.i_message_inquiry  .inquiry .input-group{ border:1px solid #ddd; background:#fff; height:32px; margin-bottom:20px;}
@media only screen and (max-width: 768px) {
#onlineService{ width:100%;}
#online_qq_layer{ width:100%;}
#online_qq_tab{ width:100%;}
#online_qq_tab #floatShow{ width:46px; height:46px; position:absolute; left:50%; bottom:10px; margin-left:-23px;}
#online_qq_tab #floatHide{ width:100%; background:#fdc600 url(../images/ser_1.png) no-repeat left center; width:100%; height:36px;}
}

/*back-top*/
.totop{width:42px; height:42px; position:fixed; right:30px; bottom:60px; z-index:9999; display:none; background:url(../images/top.png) no-repeat ;-moz-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s; border-radius:5px;}
.totop:hover{background:#url(../images/top.png) no-repeat ;}
@media only screen and (max-width: 768px) {.totop{  display:none; bottom:80px;}.totop:hover{ bottom:80px; }}


/*web_index*/
@media only screen and (max-width:768px) {
.i_title h3{ font-size:30px;}
}
@media only screen and (max-width:400px) {

.Unsere ul li{ width:100%; text-align:center;}
.unsere_ico{ margin:0 auto;}
.news_list li{ margin-bottom:20px;}
.news_list li .img{ width:100%;}
}

/*neiye*/
.n_banner img{ width:100%;}
.n_banner{ position:relative;}
.overly{ background:rgba(0,0,0,0.5); position:absolute; left:0px; width:100%; top:0px; height:100%;}
.mbx_section{ padding:15px 0;}
.mbx_section a i{ font-size:14px; color:#aaa; margin-right:6px;}
.mbx_section a{ font-size:14px; color:#fff;}
.mbx_section a:hover{ color:#7ec93b;}
.mbx_section span{ font-size:10px; color:#999; margin:0px 8px;}
.mbx_section h2{color:#fff; font-size:14px; display:inline-block;}
.mbx_section .mbx>i{ color:#999; margin:0px 6px;}

.n_banner img{ width:100%;}
.n_banner .mbx_section{ position:relative; color:#666; background:#f9f9f9;}
.n_banner .mbx_section a{ color:#666;}
.n_banner .mbx_section h2{ color:#666;}

.n_main{ margin-top:55px; padding-bottom:55px;}
.n_left{ float:left; width:22%;}
.n_right{ float:left; width:78%; padding-left:50px;}

/*内页*/
.main1{ width:1200px;margin:0 auto;text-align:left; padding:60px 0 60px;}

.n_title{ margin-bottom:50px; text-align:center;}
.n_title h3{background:#019ce3; color:#fff;font-size:30px; text-transform:uppercase; max-width:400px; line-height:52px; padding:0px 50px; position:relative; width:100%; margin:0 auto;}
.n_title h3:after{ position:absolute; left:-50px; bottom:-10px; width:70px; height:52px; content:"";}
.n_title h3:before{ position:absolute; right:-50px; bottom:-10px;  width:70px; height:52px; content:"";}

.title_section1{ background:url(../images/num_1.png) no-repeat left center;  padding:20px 0px 10px 90px; font-size:26px; font-weight:bold; color:#019ce3;}
.title_section2{background:url(../images/num_2.png) no-repeat left center;   padding:20px 0px 10px 90px; font-size:26px; font-weight:bold; color:#fdc624;}
.title_section3{ background:url(../images/num_3.png) no-repeat left center;  padding:20px 0px 10px 90px; font-size:26px; font-weight:bold;color:#34a853;}
.title_section4{ background:url(../images/num_4.png) no-repeat left center;  padding:20px 0px 10px 90px; font-size:26px; font-weight:bold;color:#ff012b;}
.title_simg{ margin-bottom:20px; margin-top:10px;}

.title_sp{ display:block; margin-bottom:10px; font-size:12px; color:#999; font-weight:normal;}

.b_title{ border-left:4px solid #019ce3; padding-left:12px;  font-size:20px; color:#333; font-weight:bold; line-height:30px; display:inline-block; margin-bottom:30px;}
.y_title{ border-left:4px solid #fdc624; padding-left:12px;  font-size:20px; color:#333; font-weight:bold; line-height:30px; display:inline-block;margin-bottom:30px;}
.g_title{ border-left:4px solid #34a853; padding-left:12px;  font-size:20px; color:#333; font-weight:bold; line-height:30px; display:inline-block;margin-bottom:30px;}
.r_title{ border-left:4px solid #ff012b; padding-left:12px;  font-size:20px; color:#333; font-weight:bold; line-height:30px; display:inline-block;margin-bottom:30px;}

.ser ul li{ list-style:none; padding:10px 0; line-height:26px;}
.ser{ width:1200px;margin:0 auto;background:#f6f6f6; margin-top:120px;}
.ser1 ul li{ margin-bottom:40px;}
.ser1 .mt_60{ margin-top:-60px;}
.ser1 .text{ padding-top:70px;}
.ser1 .text .p{ font-size:14px; color:#808080; line-height:26px;}

.ser2{ margin-top:120px;  padding-bottom:70px;}
.ser2 .li{ margin-top:60px;}
.ser2_title{ background:#019ce3; position:relative; padding:60px 0;}
.ser2_title .p{ color:#fff;}
.ser2_title .img{ position:absolute; right:0px; top:-60px; width:40%; float:right;}
.ser2_title .text .p{font-size:14px; color:#fff; line-height:26px;}
.ser2_adv .li p{ padding:10px 0;}
.dots{ display:inline-block; width:30px; height:30px; border-radius:50%; float:left; margin-right:15px; margin-left:5px; line-height:30px; text-align:center; background:#fff;}
.ser2_title .title_sp{ color:#fff;}

.ser2_li1{ background:#fff; border-radius:10px; padding:30px; margin-bottom:30px; margin-top:60px;}
.ser2_li1 li{ padding:10px 0; line-height:26px;}

.ser2_img1{ margin-top:30px;}


.ser2_adv .p{ font-size :14px; color:#808080; line-height:26px; margin-top:30px;}
.ser2_adv{ padding-top:100px;}

.project_section{ background:#fff; padding:70px 0;}
.project_section .title{ text-align:center;}
.project_section .title h2{ font-size:30px; color:#444;  margin-bottom:10px; font-weight:bold;}
.project_section ul li{ line-height:30px; margin-top:20px; text-align:left; font-size:16px; padding:10px 0;}
.project_section ul li .li1{ background:url(../images/no1.png) no-repeat left top; padding-left:50px;}
.project_section ul li .li2{ background:url(../images/no2.png) no-repeat left top; padding-left:50px;}
.project_section ul li .li3{ background:url(../images/no3.png) no-repeat left top; padding-left:50px;}
.project_section ul li .li4{ background:url(../images/no4.png) no-repeat left top; padding-left:50px;}

.project_section img{ max-width:100%;}
.project_section .autoplay3{ width:100%; padding:40px 130px 60px;}
.project_section  .li{ margin:0px 20px;}
.project_section .more{ text-align:center;}
.project_section .more a{ line-height:42px; display:inline-block; padding:0px 45px; border-radius:30px;  color:#fff; background:#019ce3;}
.project_section .more a i{ margin-left:8px;}
.project_section .more a:hover{ background:#ff012b;}


.project_section .slick-prev{ background:rgba( 0,0,0,0.15); width:40px; height:40px; position:absolute; left:60px; top:40%; vertical-align: middle;  border-radius:50%;}
.project_section .slick-prev::before{ border-radius: 0;color: #fff;display: inline-block;font-family: "FontAwesome";font-size: 22px; height: 40px;line-height: 40px;text-align: center;width: 40px;content: "\f104";}
.project_section .slick-next{ background:rgba( 0,0,0,0.15); width:40px; height:40px; position:absolute; right:60px; top:40%; vertical-align: middle; border-radius:50%;}
.project_section .slick-next::before{ border-radius: 0;color: #fff;display: inline-block;font-family: "FontAwesome";font-size: 22px; height: 40px;line-height: 40px;text-align: center;width: 40px;content: "\f105";}
.project_section .slick-next:hover,.rel_news .slick-prev:hover{ background:#00afff;}



.main2{ text-align:center; padding:60px 0;}

.pro_section{ width:1200px;margin:0 auto;padding:20px 0px 30px;}
.pro_section ul li{ list-style:none; text-align:center; margin-bottom:40px;}
.pro_section ul li:nth-child(4n+1){ clear:both;}
.pro_section ul li .img{ width:80px; height:80px; display:inline-block;}
.pro_section ul li h4{ height:90px; font-weight:bold; font-size:14px; color:#777; line-height:30px; margin-bottom:15px;}
.pro_section ul li p{font-size: 12px;color: #999;line-height: 24px; padding:0px 15px;}


.sns_section{ padding:70px 0; background:#fff;}
.sns_section .sns_r{ margin-top:60px;}
.ser_title{ font-size:30px; color:#444; margin-bottom:30px; font-weight:bold; line-height:46px;}
.ser_title2{ font-size:20px; color:#212121;font-weight:bold; text-transform:uppercase; margin:25px 0;}

.sns_l ul li{ float:left; width:50%;}
.sns_l ul .li{ text-align:center; box-shadow:0px 0px 10px rgba(0,0,0,0.15); background:#fff; margin:5px; padding:30px 15px;}
.sns_l ul li h4{ color:#fff; font-size:20px; font-weight:bold;}
.sns_l ul li p{ color:#fff; font-size:12px; line-height:26px; margin-top:20px;}

.sns_l ul li .li1{ background:#019ce3 url(../images/yh_ico1.png) no-repeat right bottom; border-top-right-radius:30px;border-bottom-left-radius:30px;}
.sns_l ul li .li2{ background:#34a853 url(../images/yh_ico2.png) no-repeat left bottom; border-bottom-right-radius:30px;border-top-left-radius:30px;}
.sns_l ul li .li3{ background:#fdc624 url(../images/yh_ico3.png) no-repeat right top; border-bottom-right-radius:30px;border-top-left-radius:30px;}
.sns_l ul li .li4{ background:#ff012b url(../images/yh_ico4.png) no-repeat left top; border-top-right-radius:30px;border-bottom-left-radius:30px;}


/*.sns_l ul li .li1 h4{ color:#019ce3;}
.sns_l ul li .li2 h4{ color:#34a853;}
.sns_l ul li .li3 h4{ color:#fdc624;}
.sns_l ul li .li4 h4{ color:#ff012b;}
*/
.sns_ico{ margin:20px 0;}
.sns_ico span{ margin:0px 8px; display:inline-block;}


.google_section{padding:70px 0;}
.google_section .google_text{ margin-top:70px;}
.partner_logo{ padding:30px; border-radius:10px; margin-top:30px; background:#fff; text-align:center;}
.partner_logo h4{ color:#444; font-size:18px; font-weight:bold; margin:20px 0; text-align:center;}


.price{ padding:70px 0; text-align:center;}
.price .ser_title{ margin-bottom:30px; display:inline-block;}
.price .ser_title h2{ font-size:30px; color:#444; margin-bottom:10px; font-weight:bold;}

.price  .li{ background:#fff; border:1px solid #eee; border-radius:10px; overflow:hidden;}
.price  .li1 h4{ background:#019ce3;}
.price  .li2 h4{ background:#fdc624;}
.price  .li3 h4{ background:#ff012b;}
.price  .li h4{ font-size:28px; color:#fff; font-weight:bold; padding:40px 20px;}
.price  .li h6{ font-size:20px; color:#333; padding:20px; border-bottom:1px solid #eee; font-weight:bold;}
.price  .li ul li{  border-bottom:1px solid #eee; padding:10px;}
.price .more{ text-align:center; margin:50px 0 50px;}
.price .more a{ line-height:50px; display:inline-block; padding:0px 55px; color:#fff; font-size:16px; font-weight:bold; background:#019ce3; border-radius:5px; letter-spacing:2px;}

@media only screen and (max-width:768px) {
.Unsere .i_title h3{  text-align:center;}
.Unsere .line{  width:100%; height:14px; margin-top:30px;}
.pro_section ul li{ width:50%; float:left;}
.ser1 .mt_60{ margin-top:0px;}
.ser2_title .img{ width:100%; position:inherit; float:none; margin-top:-80px;}
.project_section .autoplay3{ padding:40px 30px;}
.project_section .slick-prev{ left:0px;}
.project_section .slick-next{ right:0px;}
.price  .li{ margin-bottom:40px;}
.page_in h6{ margin-bottom:5px;}
.page_in .prev{ text-align:center; width:100%; margin-bottom:10px;}
.page_in .next{ width:100%; text-align:center !important;}
}
@media only screen and (max-width:400px) {
.pro_section ul li{ width:100%;}
.n_title{ overflow:hidden;}
}
/*news*/
.news_main{ margin-top:50px;}
.news_main h3{font-size:18px; color:#333;  font-weight:normal; margin-bottom:15px; padding-top:4px; line-height:30px;}
.news_main .page_day{  font-size:12px; color:#666; border-bottom:1px solid #eee; margin-bottom:15px;}
.news_main .page_day i{ color:#7ec93b; font-size:14px; margin-right:6px;}

.page_li{ margin-top:30px;}
.page_li li{ list-style:none; margin-top:10px; position:relative;}
.page_li .nav-previous{ float:left; width:50%;}
.page_li .nav-previous .meta-nav{ padding-left:60px;}
.page_li .nav-next{ float:right; width:50%; text-align:right;}
.page_li .nav-next .meta-nav{ padding-right:60px;}
.page_li .nav-previous a{ padding-left:60px; float:left;}
.page_li .nav-previous a:before{ content: "\f053";font-family:FontAwesome; height:40px; width: 40px; background-color: #fdc600; display: block; position: absolute; left:0; top:0; color:#fff; text-align:center; line-height:40px; font-size:18px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}
.page_li .nav-next a{ padding-right:60px; float:right;}
.page_li .nav-next a:before{ content: "\f054";font-family:FontAwesome; height:40px; width: 40px; background-color: #fdc600; display: block; position: absolute; right:0; top:0; color:#fff; text-align:center; line-height:40px; font-size:18px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}
.meta-nav{ font-size:13px; color:#666; line-height:22px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}
.post-title{ font-size:13px; color:#7ec93b; line-height:22px;}
.page_li li:hover .meta-nav{ color:#fdc600;}
@media only screen and (max-width: 768px) {
.page_li .nav-previous{ width:100%;}
.page_li .nav-next{ width:100%; text-align:left; float:left;}
.page_li .nav-next a{ float:left; padding-left:60px; padding-right:0;}
.page_li .nav-next a:before{ left:0px;}
.page_li .nav-next .meta-nav{ padding-left:60px; padding-right:0px;}
}


.page_tags{ margin:20px 0;}
.page_tags  p{ font-size:14px; color:#666; display:inline-block;  text-transform:uppercase;}
.page_tags a{ background:#fafafa; color:#333; line-height:30px; display:inline-block; padding:0px 14px; border-radius:5px; margin:5px; font-size:12px;}
.page_tags a:hover{ background:#7ec93b; color:#fff;}



.new_xxk{ border-bottom:1px solid #eee; text-align:center; padding-bottom:30px; margin-bottom:30px;}
.new_xxk a{ display:inline-block; font-size:16px; font-weight:bold; border-radius:30px; line-height:36px; padding:0px 42px; color:#f8bc0c; border:1px solid #f8bc0c; margin:0px 10px;}
.new_xxk .active,.new_xxk a:hover{ background:#ff012b; border:1px solid #ff012b; color:#fff;}

.news_top{ padding:50px 0; border-bottom:1px solid #eee;}
.news_top li{ list-style:none;}
.news_top li .li{ padding:20px; background:#f9f9f9;}
.news_top li .li .day{ color:#757575; font-size:12px;}
.news_top li .li .day i{ margin-right:8px; color:#34a853;}
.news_top li .li .img{ width:50%; float:left; margin-right:20px; display:block; max-height:160px; overflow:hidden;}
.news_top li .li h4 a{ color:#333; font-size:15px; text-align:left;display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:10px 0 10px;}
.news_top li .li p{ font-size:12px; color:#757575; line-height:30px; max-height:60px; overflow:hidden; text-align:left;}

.news_top li .li .more a{ font-size:12px; color:#666; border-radius:30px; background:#fff; padding:0px 28px; line-height:32px; display:inline-block; margin-top:20px; margin-bottom:20px;}
.news_top li .li .more a:hover{background:#ff012b; color:#fff;}
.news_top li .li .more a i{ margin-left:8px;}
.news_top .li1:hover .more{position:absolute; bottom:-86px; left:0px; width:100%; margin-bottom:0px; opacity:1;}

.news_ul { margin-top:50px;}
.news_ul li{ list-style:none; }
.news_ul li:nth-child(4n+1){ clear: both}
.news_ul li .li>a{ max-height:160px; overflow:hidden; display:inline-block;}
@media only screen and (max-width:1440px) {
    .news_ul li .li>a{ max-height:130px; overflow:hidden; display:inline-block;}
}
.news_ul li .li{ border:1px solid #eee; padding:15px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;margin-bottom:30px;}
.news_ul li .li:hover{ box-shadow:0px 5px 15px rgba(0,0,0,0.15);}
.news_ul li .li h4 a{ color:#333; font-size:15px; text-align:left;display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:10px 0 10px;}
.news_ul li p{font-size:12px; color:#757575; line-height:30px; max-height:60px; overflow:hidden; text-align:left;}
.news_ul li .li .day{ color:#757575; font-size:12px;}
.news_ul li .li .day i{ margin-right:8px; color:#34a853;}
@media only screen and (max-width: 400px) {
.news_ul li { width:100%;}	
.news_top li .li .img{ width:100%;}
.new_xxk a{ width:100%; margin:0px; margin-bottom:10px;}
	}



/*翻页*/
.page_p{ margin:30px auto 50px;text-align:center; width:100%; font-size:12px; padding-top:20px;}
.page_p li{ list-style:none; display:inline-block;}
.page_p a{ display:inline-block; font-size:14px; line-height:30px; padding:2px 15px; background:#ececec; margin-left:5px; color:#555; margin-top:5px;transition: 0.2s; -webkit-transition: 0.2s;-moz-transition: 0.2s;	-o-transition: 0.2s; border-radius:2px;}
.page_p a i{ line-height:30px;}
.page_p a:hover{ background:#019ce3; color:#fff !important; }
.total{ font-size:14px; line-height:24px; color:#333; margin-top:10px;}
.total span{ color:#019ce3;}
.page_p li p{ padding:2px 15px; line-height:30px; background:#019ce3; color:#fff; display:inline-block; margin-left:5px; border-radius:2px;}

.news_main .h4{color:#333; font-size:18px; text-align:left;display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:10px 0 10px; text-align:center; font-weight:bold; line-height:28px; margin-bottom:15px;}
.news_main .day{ color:#757575; font-size:12px; border-bottom:1px solid #eee; text-align:center; margin-bottom:20px; padding-bottom:5px;}
.news_main .day i{ margin-right:8px; color:#34a853;}

.page_in{ border-top:1px solid #eee; padding-top:30px; margin-top:30px;}
.page_in h6{color: #333;font-size: 15px; margin-bottom:15px;}
.page_in .prev{ float:left;}
.page_in .next{ float:right; text-align:right;}


.rel_news .i_title{ margin-top:50px; margin-bottom:30px;}
.rel_news .slider { padding:0px 40px;}
.rel_news{padding-bottom:40px; background:#f9f9f9; margin-top:50px; padding-top:20px;}
.rel_news .li{text-align:center;  position:relative; margin:15px;}
.rel_news .li .text{ position:relative; z-index:3;}
.rel_news .img{transition-duration: 0.6s; width:100%;transition-timing-function: ease-out; overflow:hidden; display:block;}


.rel_news .i_title h3{ color:#201a1a;}
.rel_news .line{ height:14px; width:100%;}
.rel_news .line1{  height:14px; width:100%;margin-top: 30px;}

.rel_news .li:hover .img img{transform: scale(1.1);}
.rel_news .li h4 a{ color:#333; font-size:15px; text-align:left;display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:30px 0 10px;}
.rel_news .li p{ font-size:12px; color:#757575; line-height:30px; max-height:60px; overflow:hidden; text-align:left;}
.rel_news li:hover .li{ background:#fff;-webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.15); -moz-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.15); box-shadow:  0px 0px 10px rgba(0, 0, 0, 0.15);}
.rel_news li:hover h4 a{ color:#34a853;}
.rel_news .slick-prev{ background:rgba( 0,0,0,0.15); width:40px; height:40px; position:absolute; left:-20px; top:40%; vertical-align: middle;  border-radius:50%;}
.rel_news .slick-prev::before{ border-radius: 0;color: #fff;display: inline-block;font-family: "FontAwesome";font-size: 22px; height: 40px;line-height: 40px;text-align: center;width: 40px;content: "\f104";}
.rel_news .slick-next{ background:rgba( 0,0,0,0.15); width:40px; height:40px; position:absolute; right:-20px; top:40%; vertical-align: middle; border-radius:50%;}
.rel_news .slick-next::before{ border-radius: 0;color: #fff;display: inline-block;font-family: "FontAwesome";font-size: 22px; height: 40px;line-height: 40px;text-align: center;width: 40px;content: "\f105";}
.rel_news .slick-next:hover,.rel_news .slick-prev:hover{ background:#00afff;}


/*联系我们*/
.cndns-right{position:fixed;right:1px;top:50%;margin-top:-80px;z-index:8888888;}
@media only screen and (max-width: 768px) {.cndns-right{ display:none;}}
.cndns-right ul li{ list-style:none;}
.cndns-right-meau{position:relative;font-family:'icomoon';}
.cndns-right-btn{width:48px;height:48px;border:1px solid #ddd;text-align:center;display:block;margin-bottom:6px;position:relative;background-color:#fff}
.cndns-right-btn span{color:#848484;font-size:26px;line-height:48px;}
.cndns-right-btn sup{display:block;min-width:24px;height:24px;text-align:center;line-height:24px;color:#fff;border-radius: 50%;background-color:#ffa726;position:absolute;left:-12px;top:-12px;}
.cndns-right-btn p{color:#ffa726;font-size:14px;line-height:18px;padding-top:5px;display:none;}
.cndns-right-meau:hover .cndns-right-btn span{display:none}
.cndns-right-meau:hover .cndns-right-btn p{display:block;}
.meau-car .cndns-right-btn {border-color:#ffa726;margin-bottom:20px;}
.meau-car.cndns-right-meau:hover .cndns-right-btn{background-color:#ffa726}
.meau-car.cndns-right-meau:hover .cndns-right-btn span{color:#fff;display:block;}
.meau-car .cndns-right-btn span{color:#ffa726;}
.meau-sev .cndns-right-btn{border-color:#ff6600;background:#ff6600 url(../images/qq.gif) no-repeat center center;} 
.meau-sev .cndns-right-btn p{color:#fff}
.meau-sev .cndns-right-btn span{color:#fff}
.meau-top .cndns-right-btn span{font-size:12px;line-height:12px;padding-top:10px;display:block}
.meau-top .cndns-right-btn i{display:block;color:#999}
.meau-top.cndns-right-meau:hover .cndns-right-btn{background-color:#ffa726}
.meau-top.cndns-right-meau:hover .cndns-right-btn span{display:block;color:#fff} 
.meau-top.cndns-right-meau:hover .cndns-right-btn i{color:#fff;}
.cndns-right-box{position:absolute;top:-15px;right:48px;padding-right:25px;display:none;}
.cndns-right-box .box-border{border:1px solid #ccc;border-top:4px solid #ffa726;padding:20px;background-color:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative}
.cndns-right-box .box-border .arrow-right{display:block;width:13px;height:16px;background:url(../images/arrow.png) no-repeat;position:absolute;right:-13px;top:26px;}
.cndns-right-box .box-border .sev-t span{font-size:42px;float:left;display:block;line-height:56px;margin-right:20px;color:#d3d3d3}
.cndns-right-box .box-border .sev-t p{float:left;color:#ffa726;font-size:24px;line-height:28px;}
.cndns-right-box .box-border .sev-t p i{display:block;font-size:14px;color:#aaa;}
.cndns-right-box .box-border .sev-b{padding-top:15px;margin-top:15px;border-top:1px solid #e4e4e4}
.cndns-right-box .box-border .sev-b h4{color:#666;font-size:14px;font-weight:normal;padding-bottom:15px;}
.cndns-right-box .box-border .sev-b li{float:left;width:33.33333%}
.cndns-right-box .box-border .sev-b li a{display:inline-block;color:#999;font-size:13px;padding-left:43px;background:url(../images/q1.gif) no-repeat left 3px;line-height:36px;}
.cndns-right-box .box-border .sev-b li a:hover{color:#ffa726}
.meau-sev .cndns-right-box .box-border{width:450px;}
.meau-contact .cndns-right-box .box-border{width:350px;}
.cndns-right-meau:hover .cndns-right-box{display:block}
.meau-code .cndns-right-box{top:inherit;bottom:-35px;}
.meau-code .cndns-right-box .box-border{width:156px;text-align:center;border-top:1px solid #ccc;}
.meau-code .cndns-right-box .box-border i{display:block;color:#f66e06;font-size:16px;line-height:16px;}
.meau-code .cndns-right-box .box-border .arrow-right{top:inherit;bottom:50px;}
.meau-sev .cndns-right-btn .demo-icon{display:none;}
.meau-sev:hover .cndns-right-btn{background:#ff6600}
.meau-zs .cndns-right-btn{background-color:#ffa726;color:#fff;margin-top:80px;border-color:#ffa726}
.meau-zs .cndns-right-btn span{color:#fff}
.meau-zs .cndns-right-btn p{color:#fff}



/*contact*/
.contact ul li{ list-style:none;}
.contact .pic_img{ margin-bottom:50px;}
.con_info ul li{ text-align:center;}
.con_info ul li h4 { font-size:16px; color:#333; font-weight:bold; margin:20px 0;}
.con_info ul li p{ font-size:13px; line-height:26px;}

.sign_page{ background:#f9f9f9;background-size:cover; background-attachment:fixed;}
.contact{ background:#fff; padding:50px 30px; margin:20px 0 80px;}
.con_message h3{ font-size:28px; color:#333; font-weight:bold; margin-bottom:20px;}
.con_message ul li{ list-style:none;}
.con_message .p{ font-size:12px; color:#808080; margin:12px 0px;}
.con_message .input3{ color:#666; width:90%; border:1px solid #ddd; line-height:20px; margin-bottom:25px; background:#fff; padding-left:10px; font-size:12px; height:40px;background:#fff;}
.con_message .input4{ color:#666; width:90%; height:100px; border:1px solid #ddd; line-height:20px; background:#fff; padding-left:10px; font-size:12px;background:#fff; margin-bottom:10px;}
.con_message .input3:focus ,.input4:focus{border:1px solid #00860b; background:none;}
.con_message .btn{ color:#fff; line-height:36px;border:none;font-size:14px; font-weight:bold; text-transform:uppercase; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; margin-top:20px; background:#00860b; padding:0px 25px;}
.con_message .btn:hover{ background:#00860b; color:#fff;}

.contact_li{ margin-top:20px;}
.contact_li .tel{ padding:10px 0; padding-left:80px;}
.contact_li .email{  padding:10px 0; padding-left:80px;}
.contact_li  h4{ color:#ff012b; font-size:24px;}
.contact_li  h4 a{ color:#ff012b;}
.contact_li  p{ color:#999; font-size:12px; margin-top:10px;}


.contact_x{ margin-top:45px;}
.contact_x .h4{font-size:22px; color:#555; font-weight:bold; margin-bottom:20px;}
.contact_x .h4 span{ font-size:16px; color:#808080;}
.contact_x p{ margin-bottom:5px; font-size:14px; color:#666;}

.contact_more { margin-top:50px; background:#f9f9f9; padding:20px 0;}
.contact_more h3{ font-size:28px; color:#333; font-weight:bold; margin-bottom:20px; padding-bottom:15px; margin-bottom:30px;}
.contact_more .li{ border-bottom:1px solid #eee; padding:20px; width:50%; float:left; min-height:240px;}
.contact_more .li .h4{ color:#019ce3; font-size:16px; font-weight:bold; margin-bottom:20px;}
.contact_more .li p{ margin-bottom:10px;}
.contact_more .li:2n+1{ clear:both;}

.con_pay { margin-top:20px;}
.con_pay h3{ font-size:28px; color:#333; font-weight:bold; margin-bottom:20px; border-bottom:1px solid #eee; padding-bottom:15px; margin-bottom:30px;}
.con_pay .pay_1{ font-size:14px; font-weight:bold; color:#666;}
.con_pay .pay_1 img{ max-width:140px; display:inline-block; margin-right:30px;}
.con_pay .pay_1 .p{ padding-top:10px; font-weight:normal; font-size:12px; line-height:24px; color:#808080; max-width:800px;}
.con_pay .pay_1 .p a{ color:#34a853; font-weight:bold;}
.con_pay .pay_1 .p a:hover{ border-bottom:1px solid #34a853;}

.con_pay .pay_2{ margin-top:30px;}
.con_pay .pay_2 .h4{color:#019ce3; font-size:20px; font-weight:bold; margin-bottom:20px; border-bottom:1px solid #eee; padding-bottom:15px; margin-bottom:30px;}
.con_pay .pay_2 .li2{ float:left; width:50%;}
.con_pay .pay_2 .li2 .img{ float:left; width:40%;}
.con_pay .pay_2 .li2 .text{ float:left; width:60%; padding-left:20px;}
.con_pay .pay_2 .li2 .text h4{ font-size:18px; color:#333; margin-bottom:10px; font-weight:bold;}
.con_pay .pay_2 .li2 .text p{ font-size:14px; margin-top:8px;}

.pay_3{ margin-top:30px; vertical-align:bottom;}
.pay_3 .h4{color:#019ce3; font-size:20px; font-weight:bold; margin-bottom:20px; border-bottom:1px solid #eee; padding-bottom:15px; margin-bottom:30px;}
.pay_3 .img{ float:left;}
.pay_3 .text{ display:inline-block; vertical-align:bottom; margin-left:20px; color:#808080; font-weight:bold;}

.pay_4{ background:#f9f9f9; border-radius:10px; padding:15px 20px; margin-top:30px;}
.pay_4 .h4{color:#333; font-size:16px; font-weight:bold; margin-bottom:20px;}
.pay_4 p a{ color:#ff0000; font-weight:bold; font-size:14px;}

.about{  background:#fff; padding:50px 30px; margin:20px 0 80px;}

.float0831{ position:absolute !important; top:50% !important; left:0px !important; z-index:6666666 !important; position:fixed !important;}
.waimaoyun{width:1200px;margin:0 auto;margin-top:90px;}
.waimaoyun p{text-align:center}
.side2 ul li a img{margin-top:10px;}


.abroad01
{
	padding: 25px 0 0;
	background: url(../images/abroad01_bg.png) no-repeat center bottom;
}
.abroad01 .abroad01_con
{
	text-align: center;
	padding: 51px 0 67px;
}
.abroad01 .abroad01_con .keyword01_img
{
	padding-top: 32px;
}
.abroad02
{
	padding: 23px 0 30px;
	background: #f8f8f8;
}
.abroad02 ul
{
	padding-top: 129px;
	background: url(../images/abroad02.png) no-repeat center 61px;
	overflow: hidden;
}
.abroad02 ul li
{
	float: left;
	width: 138px;
	height: 60px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	background: #28adfa;
	text-align: center;
	padding: 6px 0;
	margin-left: 13px;
}
.abroad02 ul li:first-child
{
	margin-left: 0;
}
.abroad02 ul li.li02
{
	background: #ff8c19;
}
.abroad02 ul li p
{
	font-size: 14px;
	color: #fff;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
}
.abroad03
{
	padding: 23px 0 26px;
	background: url(../images/abroad03.png) no-repeat center bottom;
}
.abroad03 ul
{
	padding-top: 61px;
}
.abroad03 ul li
{
	min-height: 138px;
	padding-bottom: 38px;
	overflow: hidden;
}
.abroad03 ul li dl
{
	float: left;
	width: 530px;
	margin: 0 35px;
}
.abroad03 ul li dl dt
{
	float: left;
	width: 67px;
	height: 58px;
}
.abroad03 ul li dl dd
{
	float: left;
	width: 463px;
	padding-left: 32px;
}
.abroad03 ul li dl dd b
{
	display: block;
	font-size: 18px;
	line-height: 18px;
	font-weight: normal;
	margin-bottom: 10px;
}
.abroad03 ul li dl dd b.b01
{
	color: #22a4de;
}
.abroad03 ul li dl dd b.b02
{
	color: #82bf33;
}
.abroad03 ul li dl dd b.b03
{
	color: #e34226;
}
.abroad03 ul li dl dd b.b04
{
	color: #61bfa5;
}
.abroad03 ul li dl dd b.b05
{
	color: #ff9803;
}
.abroad03 ul li dl dd b.b06
{
	color: #ff2b9e;
}
.abroad03 ul li dl dd p
{
	font-size: 14px;
	color: #666;
	line-height: 30px;
}
.abroad04
{
	padding: 24px 0 30px;
	background: #f8f8f8;
}
.abroad04 ul
{
	position: relative;
	width: 1004px;
	height: 630px;
	margin: 61px auto 0;
	background: url(../images/abroad04.png) no-repeat center;
}
.abroad04 ul li
{
	position: absolute;
	padding: 9px 18px 0;
	overflow: hidden;
}
.abroad04 ul li p
{
	font-size: 13px;
	color: #fff;
	line-height: 28px;
}
.abroad04 ul li.li01
{
	width: 246px;
	height: 161px;
	left: 0;
	top: 306px;
}
.abroad04 ul li.li02
{
	width: 276px;
	height: 104px;
	left: 12px;
	top: 131px;
}
.abroad04 ul li.li03
{
	width: 246px;
	height: 104px;
	left: 375px;
	top: 0;
}
.abroad04 ul li.li04
{
	width: 261px;
	height: 127px;
	right: 38px;
	top: 131px;
}
.abroad04 ul li.li05
{
	width: 257px;
	height: 127px;
	right: 0;
	top: 340px;
}
.abroad04 ul li.li06
{
	width: 337px;
	height: 119px;
	left: 331px;
	bottom: 0;
}
.abroad05
{
	padding: 24px 0 25px;
}
.abroad05 ul
{
	height: 421px;
	padding: 61px 0 0;
	background: url(../images/abroad05.png) no-repeat center 61px;
	overflow: hidden;
}
.abroad05 ul li
{
	float: left;
	width: 218px;
	height: 95px;
	line-height: 95px;
	text-align: center;
	font-size: 21px;
	color: #fff;
	overflow: hidden;
	margin-right: 73px;
	margin-bottom: 85px;
}
.abroad05 ul li:first-child
{
	margin-left: 50px;
}
.abroad05 ul li.li02, .abroad05 ul li.li03
{
	margin-right: 77px;
}
.abroad05 ul li.li04
{
	margin-right: 0;
}
.abroad05 ul li.li05
{
	margin-left: 190px;
}
.page-width {
    width: 1200px;
    margin: 0 auto;
}
.ny_tit {
    height: 82px;
    border-bottom: 1px solid #e7e7e7;
    text-align: center;
}
.ny_tit b {
    display: inline-block;
    font-size: 28px;
    color: #333;
    line-height: 80px;
    font-weight: normal;
    position: relative;
}
.btn01 {
    display: block;
    text-align: center;
    padding-top: 10px;
}
.ny_tit b:after {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -93px;
    top: 79px;
    width: 186px;
    height: 4px;
    background: #ff8c19;
}
.f18 {
    font-size: 18px;
    color: #333;
    line-height: 36px;
    text-align: center;
}
#fd{width:1200px;margin:0 auto;}