@charset "utf-8";

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


@media ( max-width:1200px){
.Contain{padding:0 12px;}
}
@media ( max-width:998px){
body{font-size:14px;}
}

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

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

/*pages*/
.Pages{ zoom:1; overflow:hidden;text-align:center; color:#555; clear:both; line-height:28px;}
.Pages span{ padding:0px 0px; display:inline-block; vertical-align:middle;}
.Pages a{ display:inline-block; margin:0px 2px; border:1px solid #dddddd; border-radius:4px; color:#666666; font-size:14px; text-align:center;}
.Pages .p_page a{ display:inline-block; vertical-align:middle;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{ display:inline-block; vertical-align:middle; padding:0 12px;}
.Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover,.Pages .p_page .a_first:hover,.Pages .p_page .a_end:hover{background:#666; color:#fff;}
.Pages .p_page .num a{vertical-align:middle; width:29px;}
.Pages .p_page .num a:hover,.Pages .p_page .num a.a_cur{background:#666; color:#fff;}

@media ( max-width:768px){
.Pages{ line-height:24px;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{padding:0 6px;}
.Pages .p_page .num a{width:24px;}
}
/*pages end*/


/*Top*/
.Header{ height:70px;position:fixed; left:0px; top:0px; width:100%; z-index:100; background:rgba(0,0,0,0.2); transition: all ease 0.3s;}
.Header .Logo{float:left; padding-top:12px;transition: all ease 0.3s;}
.Header .auto{ width:92%; margin:0px auto;}
.Header .Search{ position:relative; float:right; padding:25px 0px 0 37px; z-index:777;transition: all ease 0.3s;}
.Header .Search .icon{ cursor:pointer; display:block; text-align:center; height:20px; border-radius:50%; width:20px;}
.Header .searchbox{ display:none; position:absolute; height:33px; right:0px; top:71px; background:#fff; box-shadow:0 0 10px #ddd; border:1px solid #ddd; width:300px;}
.Header .searchbox .i2{ position:absolute; top:-50px; border-radius:50%; right:-5px; cursor:pointer; width:30px; height:30px; background: #999 url(../images/closenav.png) center center no-repeat;}
.Header .searchbox .input{ color:#666;width:90%; height:33px; line-height:33px; text-indent:1em;}
.Header .searchbox .btn button{ position:absolute; right:0px; top:0px; height:33px; width:33px; background: #999 url(../images/searchico.png) center center no-repeat;}
.Header .tel{ color:#fff; line-height:70px; font-size:24px; padding:0 49px; float:right;transition: all ease 0.3s;}
.Header .version{transition: all ease 0.3s; line-height:70px; position:relative;float:right; margin-left:0px; font-size:14px;}
.Header .version dt{ cursor:pointer; padding-right:20px; color:#fff;}
.Header .version dd{ display:none; background:rgba(0,0,0,0.2); color:#fff; line-height:35px; text-align:center; position:absolute; width:80px; left:-10px; top:70px;}
.Header .version a{ color:#fff;}
.Header .version .arr{ position:absolute; z-index:2; width:100%; height:70px; left:0px; top:0px;}
.Header .version .arr i{ position:absolute; width:11px; height:6px; background:url(/cn/images/versionarr.png); right:0px; top:33px;transition: all ease 0.3s;}
.Header .version.on .arr i{dis-moz-transform: translate(0, -3px) rotate(-180deg) !important;
	-ms-transform: translate(0, -3px) rotate(-180deg) !important;
	-o-transform: translate(0, -3px) rotate(-180deg) !important;
	transform: translate(0, -3px) rotate(-180deg) !important;}

.MainNav{ float:right; transition: all ease 0.3s;}
.MainNav li{float:left; position:relative; z-index:999;}
.MainNav li span a{ z-index:2; position:relative;display:block; color:#fff; text-align:center; height:70px; line-height:70px; font-size:14px; padding:0 18px;}
.MainNav li:hover span a,.MainNav li.onnav span a,.MainNav li span a.sele{ color:#fff;}
.MainNav i{ position:absolute; left:50%; top:35px; height:1px; font-size:0; background:#fff; width:0%; z-index:0;transition: all ease 0.3s;}
.MainNav i.i2{ left:auto; right:50%;}
.MainNav li:hover span i,.MainNav li.onnav span i,.MainNav li span a.sele i{ width:10px; left:0px;}
.MainNav li:hover span .i2,.MainNav li.onnav span .i2,.MainNav li span a.sele .i2{ left:auto; right:0;}

.NavPull{display:none; position:absolute; top:70px; text-align:center; left:-16px; background:rgba(255,255,255,0.8); border-radius:0 0 15px 15px; width:125px; padding-bottom:10px; box-shadow:0 5px 10px #ddd;}
.NavPull.null{background:none; padding:0; box-shadow: 0 0px 0px none;}
.NavPull dd a{ display:block; color:#666; font-size:16px; padding:5px 0;}
.NavPull dd a:hover{ background:rgba(0,0,0,0.5); color:#fff;}

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

.Header.Fixedtop{ height:58px;}
.Header.Fixedtop .Logo{ padding-top:4px;}
.Header.Fixedtop .MainNav li span a{ height:58px; line-height:58px;}
.Header.Fixedtop .MainNav i{ top:28px;}
.Header.Fixedtop .Search{ padding-top:21px;}
.Header.Fixedtop .searchbox{ top:59px;}
.Header.Fixedtop .searchbox .i2{ top:-40px;}
.Header.Fixedtop .version{ line-height:58px;}
.Header.Fixedtop .version .arr i{ top:28px;}
.Header.Fixedtop .version dd{top:58px;}
.Header.Fixedtop .tel{line-height:58px;}
.Header.Fixedtop .NavPull{ top:58px;}


@media ( max-width:1440px){
.Header .tel{padding:0 30px;}
}
@media ( max-width:1366px){
.Header .Search{ padding-left:5px;}
.Header .tel{padding:0 9px; font-size:20px;}
}
@media ( max-width:1200px){
.Header .auto{ width:auto; padding:0 12px;}
.MainNav li span a{padding:0 12px;}
}
@media ( max-width:1054px){
.Header .Logo{ width:14%; padding-top:18px;}
}

@media ( max-width:998px){
.Header{height:46px; padding:0;background:rgba(0,0,0,0.5);}
.Header .Logo{ padding:5px 5px 0 0; width:auto;}.Header .Logo img{ height:33px;}
.Header .tel { line-height:41px; padding: 7px 15px 0 4px;}
.Header .tel i{ display:none;}.Header .tel a{ display:inline-block; width:22px; height:22px; background:url(/cn/images/ico/tel.png);}
.Header .version { line-height:46px; margin-right:15px;}
.Header .version .arr i{top:22px;}
.Header .openbtn{ display:block;}
.Header .Search{ position:static; padding:12px 45px 0 0;}
.Header .searchbox{ display:; position:absolute; height:33px; right:2%; top:49px; width:96%;}
.Header .searchbox .i2{top:-41px; right:32px;}
.Header.Fixedtop{ height:46px;}
.Header.Fixedtop .Logo{ padding-top:8px; width:auto;}
.Header.Fixedtop .MainNav{ padding-top:0px;}
.Header.Fixedtop .Search{ padding:12px 42px 0 0;}
.Header.Fixedtop .tel{line-height:41px; padding: 7px 15px 0 4px;}
.Header.Fixedtop .version{ line-height:46px;}
.Header.Fixedtop .version .arr i{top:22px;}
.Header .version dd,.Header.Fixedtop .version dd{top:46px;}
.Header.Fixedtop .Logo{ padding-top:5px;}
.Header.Fixedtop .searchbox{top:49px;}
.Header.Fixedtop .searchbox .i2{ top:-42px;}
.Header.Fixedtop .MainNav li span a{ height:47px;}

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

.pcnav{ display:none;}
.mobilenav{ display:block;}

.NavPull { position:static; background:#f2f2f2; text-align:left; width:100%; border-radius:0; padding-bottom:0;}
.NavPull dd a{ display:block;padding:5px 0px 5px 10px; color:#333; font-size:14px; border-bottom:1px solid #ddd;}
.NavPull dd a:hover{ color:#fff;}
}
/*Top*/


/*Bottom*/
.Footer{ font-size:14px; background:#222222; padding:57px 0px 0px; color:#cccccc; line-height:36px;}
.Footer a{color:#cccccc;}.Footer a:hover{color:#fff;}
.Footer .Contact{ float:right; text-align:right; line-height:26px; color:#979797;}
.Footer .Contact .tel{ line-height:36px; font-size:36px; color:#fff;}
.Footer .Contact .tel a{color:#fff;}
.Footer .Contact .share{ margin-top:11px;}
.Footer .Contact .share a{ display:inline-block; vertical-align:middle; margin-left:20px; border:1px solid #757575; border-radius:50%; width:48px; height:48px; opacity:0.5; position:relative;}
.Footer .Contact .share a:hover{ border:1px solid #fff;opacity:1;}
.Footer .Contact .share a.sina{ background:url(/cn/images/ico/sina.png) center center no-repeat;}
.Footer .Contact .share a.qq{ background:url(/cn/images/ico/qq.png) center center no-repeat;}
.Footer .Contact .share a.wx{ background:url(/cn/images/ico/wx.png) center center no-repeat;}
.Footer .Contact .share img{transition: all ease 0.3s; opacity:0; width:0px; height:0px; position:absolute; max-width:none; left:0px; bottom:48px;}
.Footer .Contact .share a:hover img{ border:5px solid #fff; opacity:1; width:120px; height:120px; left:-42px;}

.Footer .nav{ padding-bottom:21px; font-size:16px;}
.Footer .nav a{ color:#fff;}.Footer .nav a:hover{ text-decoration:underline;}
.Footer .nav i{ display:inline-block; text-align:center;  width:53px; color:#707070; font-size:12px; line-height:20px; vertical-align:middle;}
.Footer .lxwm li span{ margin-left:44px; display:block;}
.Footer .link{ margin:8px 0 0px;width:300px; height:86px; position:relative;}
.Footer .link ul{ padding:5px 0; line-height:28px; height:28px; overflow:hidden; background:#2d2d2d;}
.Footer .link ul{ padding:5px 0; line-height:28px; height:28px; overflow:hidden; background:#2d2d2d;}
.Footer .link li{ padding:0 25px 0 7px;}
.Footer .link li span{ margin-right:18px; display:inline-block;}
.Footer .link .arr{ cursor:pointer; position:absolute; z-index:2; width:25px; height:38px; right:0px; top:0px;}
.Footer .link .arr i{ position:absolute; width:9px; height:5px; background:url(/cn/images/linkarr.png); right:8px; top:18px;transition: all ease 0.3s;}
.Footer .link.on .arr i{dis-moz-transform: translate(0, -3px) rotate(-180deg) !important;
	-ms-transform: translate(0, -3px) rotate(-180deg) !important;
	-o-transform: translate(0, -3px) rotate(-180deg) !important;
	transform: translate(0, -3px) rotate(-180deg) !important;}
.Footer .link.on ul{ height:auto;}

.Footer .Copyright{ color:#cccccc; clear:both; line-height:26px; border-top:1px solid #414141; padding:16px 0; text-align:center;}
.Footer .Copyright i{ display:inline-block; vertical-align:middle; width:23px; color:#7e7e7e;}
.Footer .Copyright a{color:#cccccc;}.Footer .Copyright a:hover{color:#fff;}

.totop{width: 40px;height: 40px;text-align: center; background: #555; position: fixed;bottom: 73px; right: 5px; cursor: pointer;border-radius: 5px;color:#fff;overflow: hidden;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.totop>span{display: block;line-height: 15px;font-size: 12px;color:#fff;}
.totop.cd-is-visible {visibility: visible;opacity: 1; height:40px; cursor:pointer;}

@media ( max-width:998px){
.Footer{padding-top:20px; line-height:22px; text-align:center;}
.Footer .lxwm{ text-align:left;}
.Footer .Contact .tel{ font-size:24px;}
.Footer .nav,.Footer .share{ display:none;}
.Footer .Copyright .fl,.Footer .Copyright .fr{ line-height:18px; font-size:12px; float:none;}
.Footer .Contact{ float:none; text-align:center;}
.Footer .link{ margin:8px auto 12px; height:auto;}.Footer .link ul{ position:static;}
.totop{width: 30px;height: 30px;bottom: 73px; font-size:12px;}
.totop.cd-is-visible { height:35px;}
.totop>span{ line-height:12px;}
}
/*Bottom*/


/*首页 s*/
.HomeBan {overflow:hidden; height:500px; clear:both; position:relative; background:url(/cn/images/loading.gif) center center no-repeat;}
.HomeBan .slides li{ position:relative; position:relative;}
.HomeBan .slides li a{ display:block; height:500px; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.HomeBan .slides li .txt{ position:absolute; width:70%; left:10%; top:29%;transform:translateY(-300px);-webkit-transform:translateY(-300px);opacity:0;transition:all 1s;}
.HomeBan .slides li .txt img{ width:auto;}
.HomeBan .slides li p{transform:translateX(-100px);-webkit-transform:translateX(-100px);opacity:0;}
.HomeBan .slides li .p1{ position:relative; z-index:1; font-size:68px; color:#4c4c4c; font-weight:bold; line-height:73px; transition:all 1.1s 0.3s;}
.HomeBan .slides li .p2{ position:relative; z-index:1; font-size:26px; color:#808080; text-transform:uppercase; line-height:50px;transition:all 1.1s 0.4s;}
.HomeBan .slides li .p3{ margin-top:-14.5%;transition:all 1.1s 0.5s;}
.HomeBan .slides li.flex-active-slide .txt{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.HomeBan .slides li.flex-active-slide p{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}
.HomeBan .flex-control-nav{bottom:35px; z-index:10;}
.HomeBan .flex-control-nav li a{ opacity:1; width:12px; height:12px; border-radius:50%;}
.HomeBan .flex-control-nav li a.flex-active{opacity:1; background-position:right top;}
.HomeBan .flex-direction-nav a {width: 48px; height: 48px; border:1px solid #fff; border-radius:50%;}
.HomeBan .flex-direction-nav .flex-prev { opacity:1; left:-60px; background: url(/cn/images/arrleft.png) center center no-repeat;}
.HomeBan .flex-direction-nav .flex-next { opacity:1; right:-60px; background: url(/cn/images/arrright.png) center center no-repeat;}
.HomeBan:hover .flex-direction-nav .flex-prev { left:5%;}
.HomeBan:hover .flex-direction-nav .flex-next { right:5%;}
.HomeBan:hover .flex-direction-nav .flex-prev:hover { border:1px solid #fff; background: #fff url(/cn/images/arrleft0.png) center center no-repeat;}
.HomeBan:hover .flex-direction-nav .flex-next:hover { border:1px solid #fff; background: #fff url(/cn/images/arrright0.png) center center no-repeat;}
.home .HomeBan{ height:720px;}
.home .HomeBan .slides li a{height:720px;}

@media ( max-width:998px){
.home .HomeBan{ height:380px;}
.home .HomeBan .slides li a{height:380px;}
.HomeBan {height:300px;}
.HomeBan .slides li a{ height:300px;}
.HomeBan .flex-control-nav li a{width:10px; height:10px; background:#fff;}
.HomeBan .flex-control-nav li a.flex-active{ background:#ef813d;}
.HomeBan .flex-direction-nav a { display:none;}
.HomeBan .flex-control-nav{bottom:0px;}
.HomeBan .slides li .p1{font-size:38px; line-height:38px;}
.HomeBan .slides li .p2{font-size:18px;}.HomeBan .slides li .p3{ margin-top:-20%;}
}
@media ( max-width:640px){
.home .HomeBan{ height:280px;}
.home .HomeBan .slides li a{height:280px;}
.HomeBan {height:200px;}.HomeBan .slides li a{ height:200px;}
.HomeBan .slides li .p1{font-size:20px; line-height:25px;}
.HomeBan .slides li .p2{font-size:14px; line-height:25px;}
}

.activehover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.5);
	box-shadow: 0 15px 30px rgba(0,0,0,0.2);
	-webkit-transform: translate3d(0, -3px, 0);
	transform: translate3d(0, -3px, 0);}

.HomeTit{ text-align:center; padding:52px 0 49px;}
.HomeTit h2{ letter-spacing:0.15em; line-height:59px; font-size:34px; color:#333333;}
.HomeTit h2 i{ font-size:0; margin:0 9px; width:30px; height:1px; background:#d3d3d3; display:inline-block; vertical-align:middle;}
.HomeTit .txt{ max-width:835px; margin:0px auto; padding-top:5px;}

.HomeAbout{}
.HomeAbout .info{ background:#f8f9fc url(../images/aboutdot.gif) 0px bottom no-repeat; float:left; width:38%; margin-top:20px; height:400px; padding:0 7%;}
.HomeAbout .info .box{ padding-top:60px; line-height:30px;}
.HomeAbout .info .top{ background:url(/cn/images/dot2.gif) 0px top no-repeat; padding:25px 0 19px; font-size:20px; color:#333333; border-bottom:1px solid #dfe0e2; position:relative; margin-bottom:22px;}
.HomeAbout .info .top i{ position:absolute; bottom:-1px; left:0px; font-size:0; width:32px; height:1px; background:#4d4d4d;}
.HomeAbout .info .txt{ height:150px; overflow:hidden;}
.HomeAbout .info .txt.on{ overflow-y:auto;}
.HomeAbout .info .more{background:url(/cn/images/morearr.png); width:26px; height:20px; margin:15px auto; cursor:pointer;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.HomeAbout .info .more:hover{ margin-top:20px;}
.HomeAbout .info .more.on{dis-moz-transform: translate(0, -3px) rotate(-180deg) !important;
	-ms-transform: translate(0, -3px) rotate(-180deg) !important;
	-o-transform: translate(0, -3px) rotate(-180deg) !important;
	transform: translate(0, -3px) rotate(-180deg) !important;}

.HomeAbout .imgbox{ float:right; width:48%; height:420px;}
.HomeAbout .imgbox .more{ color:#fff; text-align:right; position:absolute; width:100%; left:0px; bottom:0px; line-height:70px; background:rgba(0,0,0,0.5); z-index:2;transition: all ease 0.3s;}
.HomeAbout .imgbox .more i{ margin:0 49px 0 20px; background:url(/cn/images/more.png); width:26px; height:18px; display:inline-block; vertical-align:middle;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.HomeAbout .imgbox:hover .more i{ margin:0 25px 0 20px;}

.NumList{ text-align:center; padding:5% 0 5%;}
.NumList li{ text-align:center; background:url(/cn/images/line.gif) right 53px no-repeat; width:25%; float:left;}
.NumList li .num{ line-height:37px; padding-top:12px; color:#56565e; font-size:34px;}
.NumList li .ico{ position:relative; display: block; margin: 0px auto 12px; height:102px; width:102px;}
.NumList li .i1,.NumList li .i2{position: absolute; left:0px;top: 0px;}
.NumList li .i1{ transition: 400ms;}
.NumList li .i2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0); transition:500ms;}
.NumList li:hover .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);}
.NumList li:hover .i1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.2); transform: scale(1.2);}
.NumList li:last-child{ background:none;}

.graybg{ background:#f8f9fc; padding-bottom:5%;}

.HomeCase{ margin:0 30px;}
.HomeCase ul{margin-left:-3%;}
.HomeCase li{ width:47%; float:left; margin-left:3%; text-align:center;transition: all ease 0.3s;}
.HomeCase li .imgbox{ padding-top:280px; margin-bottom:16px;}
.HomeCase li .info{ opacity:0; font-size:14px; color:#cccccc; position:absolute; width:92%; height:100%; background:rgba(0,0,0,0.6); left:0px; bottom:-50px; z-index:2; padding:0 4%;transition: all ease 0.3s;}
.HomeCase li .info .num{ padding-top:15px; line-height:73px; font-size:50px;}
.HomeCase li .info .num .line{ display:block; width:1px; height:80px; background:rgba(255,255,255,0.2); font-size:0; margin:0px auto;}
.HomeCase li .info i{ background:url(/cn/images/dot.png) 0px center no-repeat; padding-left:7px; display:inline-block;}
.HomeCase li .info h3{ display:block !important; line-height:40px; padding-top:5px; font-size:18px; color:#fff;}
.HomeCase li .info .txt{ line-height:20px; height:40px; overflow:hidden;}
.HomeCase li .tit{transition: all ease 0.3s;}
.HomeCase li.on .info{ opacity:1; bottom:0;}
.HomeCase li.on .tit{ opacity:0;}

.HomeFa{ margin:0 0 6% -2.5%;}
.HomeFa li{ position:relative; width:30.8333%; margin:0 0 0 2.5%; float:left;transition: all ease 0.3s;}
.HomeFa li .imgbox{ padding-top:125%;}
.HomeFa li .bg{ position:absolute; width:100%; height:100%;transition: all ease 0.3s; left:0px; top:0px; background:rgba(0,0,0,0.2); z-index:2;}
.HomeFa li .info{ position:absolute; left:40px; top:38px; z-index:3; color:#fff;}
.HomeFa li .tits{ padding:10px 0 17px; line-height:33px; font-size:24px;}
.HomeFa li .tits i{ display:block; font-size:14px;}
.HomeFa li .more{font-size:12px; margin-top:-25px; opacity:0;transition: all ease 0.3s;}
.HomeFa li .more i{  font-size:14px; margin-left:12px;}
.HomeFa li:hover .more{ margin:0; opacity:1;}
.HomeFa li:hover .bg{ background:rgba(0,0,0,0.5);}

.HomeService{margin:0; clear:both;}
.HomeService li{float:left; width:18%; position:relative; height:370px; overflow:hidden;transition: all ease 0.3s;}
.HomeService li .info{ position:absolute; z-index:2; left:40px; top:30px; line-height:44px; font-size:24px; color:#fff;}
.HomeService li .info img{ display:inline-block; vertical-align:middle; margin-right:12px;}
.HomeService li .info i{ opacity:0; margin-left:20px;transition: all ease 0.3s;}
.HomeService li .img{ position:absolute; width:100%; height:100%; left:0px; top:0px; background-position:0px center; background-repeat:no-repeat;}
.HomeService li .bg{ position:absolute; width:100%; height:100%; left:0px; top:0px; background:rgba(0,0,0,0.2); z-index:1;}
.HomeService li.on{ width:64%;}
.HomeService li.on .bg{ opacity:0;}
.HomeService li.on .info i{ opacity:1; margin-left:0;}

.HomeNews{ padding-bottom:5%;}
.HomeNews .flex-viewport{ margin-left:-30px;}
.HomeNews .slides li { padding:15px 0 40px;}
.HomeNews .slides .box{ background:#f7f8fa;margin:0 0 0 30px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.HomeNews .slides .imgbox{ padding-top:60%;}
.HomeNews .slides .info{ padding:27px 35px 30px; font-size:14px; line-height:26px; text-align:center;}
.HomeNews .slides .tit{ margin:5px 0; color:#333; font-size:16px;}
.HomeNews .slides .date{ color:#999999; }
.HomeNews .slides .p{ color:#666;-webkit-line-clamp: 2; height:52px; font-size:14px;}
.HomeNews .slides .more{ display:inline-block; width:108px; line-height:32px; border:1px solid #b3b3b3; border-radius:16px; margin:0px auto;}
.HomeNews .slides .share{ margin:7px 0 14px;}
.HomeNews .slides .share a{ width:20px; height:20px; display:inline-block; margin:0 13px 0 12px; background:url(/cn/images/share.png) no-repeat; opacity:0.5;}
.HomeNews .slides .share a.f{ background-position:0px top;}
.HomeNews .slides .share a.t{ background-position:-20px top;}
.HomeNews .slides .share a.g{ background-position:-40px top;}
.HomeNews .slides .share a:hover{opacity:1;}
.HomeNews .slides li:hover .box{ background:#fff;}
.HomeNews .slides li:hover .more{ background:#4d4d4d; border:1px solid #4d4d4d; color:#fff;}

.HomeNews .flex-control-nav { bottom:-11px;}
.HomeNews .flex-control-nav li a{ width:30px; height:4px; background:#e5e5e5;}
.HomeNews .flex-control-nav li a.flex-active{background:#56565e;}
.HomeNews .flex-direction-nav a{width:48px; height:48px; border:1px solid #595961; border-radius:50%;}
.HomeNews .flex-direction-nav .flex-prev { opacity:1; left:-90px; background: url(/cn/images/arrleft0.png) center center no-repeat;}
.HomeNews .flex-direction-nav .flex-next { opacity:1; right:-90px; background: url(/cn/images/arrright0.png) center center no-repeat;}
.HomeNews:hover .flex-direction-nav .flex-prev:hover { left:-90px; border:1px solid #56565e; background:#56565e url(/cn/images/arrleft.png) center center no-repeat;}
.HomeNews:hover .flex-direction-nav .flex-next:hover { right:-90px; border:1px solid #56565e; background:#56565e url(/cn/images/arrright.png) center center no-repeat;}

@media ( max-width:1200px){
.HomeNews .flex-direction-nav .flex-prev {left:0px;}
.HomeNews .flex-direction-nav .flex-next {right:0px;}
.HomeNews:hover .flex-direction-nav .flex-prev:hover {left:0px;}
.HomeNews:hover .flex-direction-nav .flex-next:hover {right:0px;}
}
@media ( max-width:998px){
.HomeTit{ padding:25px 0 20px;}
.HomeTit h2{ font-size:20px; line-height:35px;}
.HomeCase{ margin:0;}
.HomeCase li .info{ display:none;}
.HomeCase li .imgbox{ padding-top:80%; margin-bottom:6px;}
.HomeCase li:hover .tit{ opacity:1;}
.HomeNews .flex-viewport{ margin-left:-12px;}
.HomeNews .slides li { padding:10px 0 30px;}
.HomeNews .slides .box{margin:0 0 0 12px;}
.HomeNews .slides .info{ padding:15px 15px 10px; line-height:24px;}
.HomeNews .slides .p{height:48px;}
.HomeNews .flex-direction-nav{ display:none;}
}
@media ( max-width:768px){
.HomeAbout .info{float:none; width:auto; margin-top:0px; height:auto; padding:12px 12px 25px;}
.HomeAbout .info .box{ padding-top:0px; line-height:24px;}
.HomeAbout .info .top{ font-size:18px; margin-bottom:15px;}
.HomeAbout .info .txt{ height:120px; overflow:hidden;}
.HomeAbout .info .more{background:url(/cn/images/morearr.png); width:26px; height:20px; margin:15px auto; cursor:pointer;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.HomeAbout .info .more:hover{ margin-top:20px;}
.HomeAbout .imgbox{ float:none; width:auto; height:auto; padding-top:50%;}
.HomeAbout .imgbox .more{line-height:35px;}
.HomeAbout .imgbox .more i{ margin:0 20px 0 10px;}
.HomeAbout .imgbox:hover .more i{ margin-right:10px;}
.HomeNews .slides .share a{margin:0 6px 0 6px;}
}
@media ( max-width:640px){
.NumList li{ background-position: right 30px;}
.NumList li .ico{height:52px; width:52px; margin-bottom:0;}
.NumList li .num{font-size:20px;}
.HomeFa li .info{left:10px; top:10px;}
.HomeFa li .ico{ width:50%;}
.HomeFa li .tits{line-height:24px; font-size:16px;}
.HomeFa li .tits i{font-size:12px; line-height:18px;}
.HomeFa li .more{ margin-top:-18px !important; opacity:1;}
.HomeService { margin-left:-2.5%;}
.HomeService li{ width:30.833% !important; margin-left:2.5%; padding-top:45%; height:auto;}
.HomeService li .img{ background-size:cover;}
.HomeService li.on .bg{ opacity:1;}
.HomeService li .info{ font-size:16px; left:20px; top:15px;}
.HomeService li .info img{ width:32px; display:block;}
.HomeService li .info i{ opacity:1; margin-left:0;}
.HomeNews .slides .info{ padding-top:5px;}
.HomeNews .slides .tit{font-size:15px;}
.HomeNews .slides .share{ margin:5px 0 0px;}
}

/*首页 end*/


/*栏目页公用样式 s*/
.SubPage{ height:auto !important; min-height:255px; height:255px; padding-top:70px; padding-bottom:70px;}
.SubMenu{ text-align:center; line-height:58px; background:#f9f9f9; border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2;}
.SubMenu li{ position:relative; display:inline-block;*display:inline; zoom:1; width:18%; background:url(/cn/images/menuline.gif) right center no-repeat;}
.SubMenu li a{ display:block;color:#888888;}
.SubMenu li a:hover,.SubMenu li.onli a{ color:#333333;}
.SubMenu i{ position:absolute; left:48%; top:-10px; height:7px; background:url(/cn/images/menuarr1.png);width:14px; z-index:0;transition: all ease 0.3s;}
.SubMenu .i2{ top:auto; bottom:-10px; background:url(/cn/images/menuarr2.png);}
.SubMenu li:hover .i1,.SubMenu li.onli .i1{ top:0; opacity:1;}
.SubMenu li:hover .i2,.SubMenu li.onli .i2{ bottom:0; opacity:1;}

.SinglePage{ word-wrap:break-word;word-break:normal;text-align:justify; line-height:32px; font-size:16px;}

@media ( max-width:998px){
.SubPage{ padding-top:25px;padding-bottom:30px;}
.SinglePage{line-height:24px; font-size:14px;}
.SubMenu{line-height:45px;}
.SubMenu li{width:24%;}
}
/*栏目页公用样式 end*/


/*联系我们 s*/
.Contactus{ max-width:872px; margin:31px auto 0; line-height:36px; color:#333333;}
.Contactus .ewm{ float:right; padding-top:29px; text-align:center;}
.Contactus .ewm img{ display:block; margin:0px auto 5px; width:142px; height:142px;}
.Contactus li{ padding-left:27px; background-position:0px 8px; background-repeat:no-repeat;}
.Contactus li.add{ background-image:url(/cn/images/ico/ico_lx1.png);}
.Contactus li.add span{ display:block; margin-left:50px;}
.Contactus li.mobile{ background-image:url(/cn/images/ico/ico_lx2.png);}
.Contactus li.tel{ background-image:url(/cn/images/ico/ico_lx3.png);}
.Contactus li.mail{ background-image:url(/cn/images/ico/ico_lx4.png);}
.Contactus li.qq{ background-image:url(/cn/images/ico/ico_lx5.png);}
@media ( max-width:998px){
.Contactus{line-height:26px;}
.Contactus li.add span{ margin-left:44px;}
.Contactus .ewm{padding-top:10px;}
}
@media ( max-width:640px){
.Contactus .ewm{ float:none;}
}


/*新闻中心 s*/
.NewsList{ padding-bottom:1.5%;}
.NewsList li{ border-bottom:1px dashed #eeeeee; padding-bottom:35px; margin-bottom:35px; font-size:14px;}
.NewsList li .box{ padding-left:273px; position:relative; height:150px; line-height:26px;transition: all ease 0.3s;}
.NewsList li .imgbox{ position:absolute; left:0px; top:0px; width:250px; height:150px;}
.NewsList li .imgbox em{ z-index:2; background:rgba(0,0,0,0.4) url(../images/more2.png) center center no-repeat; width:100%; height:100%; left:0px; top:0px; position:absolute; opacity:0;transition: all ease 0.3s;}
.NewsList li .tit { padding:8px 0 0px; color:#333333; font-size:16px;}
.NewsList li .p {-webkit-line-clamp: 2; height:52px; color:#666666; margin:18px 0 15px;}
.NewsList li .date { color:#dedede;}
.NewsList li:hover .box { background:#f8f9fc;}
.NewsList li:hover .imgbox em{opacity:1;}

.NewsInfo {color:#333333; line-height:26px;}

.newsnav{ margin:28px 0 0 -4%;}
.newsnav li{ float:left; margin-bottom:35px; cursor:pointer; position:relative; width:16%; text-align:center; margin-left:4%;}
.newsnav li .b2{ display:none;}
.newsnav li img{ margin:0px auto;}
.newsnav li span{ width:100%; top:40%; line-height:48px;  position:absolute; left:0px; color:#d2d2d2; font-size:48px;}
.newsnav li.on span{ color:#fff;}
.newsnav li.on .b2{ display:block;}
.newsnav li.on .b1{ display:none;}
.newstab{ clear:both;}

.Titleinfo{ text-align:center; border-bottom:1px dashed #e5e5e5; margin-bottom:35px;}
.Titleinfo h2{-size:24px; color:#222222; line-height:26px;}
.Titleinfo .date{ padding:12px 0; font-size:14px;}
.Titleinfo .date i{ display:inline-block; margin:0 10px;}
.Titleinfo .share{ display:inline-block;*display:inline; zoom:1; vertical-align:middle;}

.PrevNextBox {margin:50px 0 0 0;position:relative; color:#888888; font-size:16px; display:none;}
.PrevNextBox dl{ width:49.5%; line-height:50px; height:50px;overflow:hidden; background:#f1f1f1; position:relative;}
.PrevNextBox dl span{ padding-left:97px; position:relative; display:block;}
.PrevNextBox dl span em{ position:absolute; left:33px; top:0px; color:#000000;}
.PrevNextBox dl a{ margin:0px auto; display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:95%; color:#666666;}
.PrevNextBox dl:hover{background:#666; color:#fff;}
.PrevNextBox dl:hover a{ color:#fff;}
.PrevNextBox dl:hover span em{color:#fff;}
.PrevNextBox dl a.none{color:#999;}
.newsclose{ text-align:center; width:35%; margin:25px auto 0;}

@media ( max-width:768px){
.NewsList li{ padding-bottom:15px; margin-bottom:15px;}
.NewsList li .box{ padding-left:135px; height:102px; line-height:24px;}
.NewsList li .imgbox{width:120px; height:100px;}
.NewsList li .tit { padding-top:4px; font-size:15px;}
.NewsList li .p {height:40px; line-height:20px;margin:8px 0 2px;}

.Titleinfo { line-height:20px; padding-bottom:10px; margin-bottom:20px;}
.Titleinfo h2{ font-size:18px;}

.PrevNextBox {margin:30px 0 0 0; font-size:14px;}
.PrevNextBox dl{ width:auto; float:none !important; line-height:30px; height:30px; margin-bottom:8px;}
.PrevNextBox dl span{ padding-left:65px;}
.PrevNextBox dl span em{left:10px;}
.PrevNextBox dl a{ display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%; color:#666666;}
.PrevNextBox dl:hover{background:#126db6; color:#fff;}
.PrevNextBox dl:hover a{ color:#fff;}
.PrevNextBox dl:hover span em{color:#fff;}
.PrevNextBox dl a.none{color:#999;}

.newsnav li span{ font-size:25px; top:30%;}
}
@media ( max-width:640px){
.newsnav li{margin-bottom:20px;}
.newsnav li span{ font-size:22px; top:15%;}
}


/*定制服务 s*/
.custit{ color:#111111; margin-bottom:32px; font-size:36px; max-width:388px; line-height:33px; border-bottom:2px solid #eaeaea; padding-bottom:18px;}
.custxt{ color:#333333; padding-bottom:20px;}

.cuslist1{ margin-bottom:55px;}
.cuslist1 li{ background:#f4f4f4; height:400px; width:25%; float:left; position:relative;transition: all ease 0.3s;}
.cuslist1 li .imgbox{ height:200px; width:100%;}
.cuslist1 li .info{ width:80%; padding:0 10%; text-align:center;}
.cuslist1 li .info .box{ font-size:14px; color:#999999; height:200px; width:2%; display:table-cell; vertical-align:middle;}
.cuslist1 li .info .tits{ color:#333333; font-size:16px; margin-bottom:16px;}
.cuslist1 li .info .tits i{ display:block; margin:0px auto; width:18px; height:15px; border-bottom:2px solid #d6d6d6;}
.cuslist1 li.next .imgbox{ position:absolute; left:0px; bottom:0;}
.cuslist1 li.next{ height:200px; padding-bottom:200px;}

.cuslist2{ margin:0 0 45px -13px;}
.cuslist2 li{ width:25%; float:left;}
.cuslist2 li .box{ position:relative; margin:0 0 13px 13px; text-align:center;}
.cuslist2 li .imgbox{ padding-top:74%;}
.cuslist2 li .tit{ position:absolute; z-index:2; left:0px; bottom:0px; line-height:45px; background:rgba(0,0,0,0.6); color:#fff;}

.cuslist3{ margin:0 0 0px -30px;}
.cuslist3 li{ width:33.3333%; float:left;}
.cuslist3 li .box{ position:relative; padding-bottom:15px; margin:0 0 0px 30px; text-align:center;}
.cuslist3 li .imgbox{ padding-top:74%; margin-bottom:15px;
    -webkit-box-shadow: 0 15px 20px rgba(0,0,0,0.5);
	box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}
.cuslist3 li .tit{ color:#333333;}

@media ( max-width:768px){
.custit{margin-bottom:20px; font-size:20px; padding-bottom:8px;}
}
@media ( max-width:640px){
.cuslist1 li{ width:50%;}
.cuslist1 li{height:320px;}
.cuslist1 li .imgbox{ height:160px;}
.cuslist1 li .info .box{height:160px;}
.cuslist1 li.next{ height:160px; padding-bottom:160px;}
.cuslist1 li .info .tits{margin-bottom:8px;}
.cuslist2 li{ width:50%;}
.cuslist2 li .tit{ line-height:32px;}
.cuslist3{ margin:0 0 0px -12px;}
.cuslist3 li .box{margin:0 0 0px 12px;}
}

/*设计方案 s*/
#bigimg{ margin-bottom:16px;}
#bigimg li{ position:relative;}
#bigimg .imgbox{ padding-top:70%;}
#bigimg .info{ line-height:30px; position:absolute; z-index:1; background:rgba(0,0,0,0.42); top:18%; right:10%; padding:5% 4%; width:30%; color:#fff;transform:translateY(-300px);-webkit-transform:translateY(-300px);opacity:0;transition:all 1s;}
#bigimg .info .txt{ max-height:270px; overflow-y:auto;}
#bigimg .info .tits{ font-size:24px;}
#bigimg .info .tits i{ display:block; width:19px; height:17px; border-bottom:4px solid #d1d1d1; margin-bottom:25px;}
#bigimg .more{ position:absolute; z-index:3; right:6%; bottom:25%; width:62px; height:62px; background:rgba(255,255,255,0.95) url(../images/zoom.png) center center no-repeat;
  -webkit-animation-name: scaleDraw; /*关键帧名称*/
  -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
  -webkit-animation-iteration-count: infinite;  /*动画播放的次数*/
  -webkit-animation-duration: 4s; /*动画所花费的时间*/
}
#bigimg li.flex-active-slide .info{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
@keyframes scaleDraw {
   0%{transform: scale(1);  /*开始为原始大小*/}
   25%{transform: scale(1.2); /*放大1.1倍*/}
   50%{transform: scale(1); background-color:rgba(0,0,0,0.8);}
   75%{transform: scale(1.2); background:rgba(0,0,0,0.5) url(../images/zoom2.png) center center no-repeat; box-shadow:0 0 10px #ddd;}
}

#smallpic .slides li .imgbox{ cursor:pointer; padding-top:65%;margin-left:1px;}
#smallpic .flex-control-nav{bottom:0px; z-index:10;}
#smallpic .flex-direction-nav a { margin-top:-98px;width: 50px; height: 195px;}
#smallpic .flex-direction-nav .flex-prev { opacity:0; left:0px; background: rgba(0,0,0,0.55) url(../images/faarr1.png) 0px center no-repeat;}
#smallpic .flex-direction-nav .flex-next { opacity:0; right:0px; background: rgba(0,0,0,0.55) url(../images/faarr2.png) right center no-repeat;}
#smallpic:hover .flex-direction-nav .flex-prev { left:0; opacity:1;}
#smallpic:hover .flex-direction-nav .flex-next { right:0; opacity:1;}
#smallpic .flex-disabled{ display:none;}
.hidepic{ display:none;}

@media ( max-width:998px){
#smallpic .flex-direction-nav a { margin-top:-25px;width: 35px; height: 50px;}
#smallpic .flex-direction-nav .flex-prev { opacity:1;}
#smallpic .flex-direction-nav .flex-next { opacity:1;}
}
@media ( max-width:768px){
#bigimg .info{ position:static; width:auto; line-height:24px;transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;}
#bigimg .more{ width:42px; height:42px;}
}


/*项目展示 s*/
.CaseList{ margin-left:-30px; padding-bottom:25px;}
.CaseList li{ width:33.3333%; float:left;}
.CaseList li .box{ position:relative; padding-bottom:15px; margin:0 0 10px 30px; text-align:center;transition: all ease 0.3s;}
.CaseList li .imgbox{ padding-top:70%; margin-bottom:17px;}
.CaseList li .tit{ color:#333333;}

.casebg{ width:800px; left:-500px; top:70px; height:464px; position:absolute;background:#eaeaea;}
.Caseinfo{ line-height:38px; position:relative; z-index:1; padding-right:8%; width:52%; color:#333333; float:left; height:464px; background:#eaeaea;}
.Caseinfo .tits{ padding-top:72px; line-height:62px; font-size:24px; margin-bottom:34px;}
.Caseinfo .tits i{ display:inline-block; border-bottom:4px solid #d8d8d8;}
.Caseinfo .h2{ font-size:28px; color:#1c1c1c; margin-bottom:19px;}
.Caseinfo .txt{ height:200px; overflow-y:auto;}
.Caseitem{ line-height:38px; width:35%; float:right;}
.Caseitem .box{ height:464px; display:table-cell; vertical-align:middle;}
.Caseitem .box dl{ position:relative; margin-top:10px; padding-bottom:10px; padding-left:150px; color:#666666;}
.Caseitem .box dl dt{ position:absolute; left:0px; top:0px; color:#222222;}
.Caseitem .box dl dt img{ display:inline-block; vertical-align:middle; margin-right:20px;}

.CaseList2{ margin:32px 0 0 -20px;}
.CaseList2 li{ width:33.3333%; float:left;}
.CaseList2 li .box{ margin:0 0 20px 20px; position:relative; text-align:center;}
.CaseList2 li .imgbox{ padding-top:75%;}
.CaseList2 li .info{ padding:0 10%; width:80%; line-height:25px; z-index:2; height:100%; background:rgba(0,0,0,0.67); position:absolute; left:0px; bottom:-50px; opacity:0;transition: all ease 0.3s;}
.CaseList2 li .info .tit{ padding:30% 0 13px; color:#fff;}
.CaseList2 li .info .p{ height:50px; opacity:0.5;color:#fff;-webkit-line-clamp: 2; font-size:14px; margin:13px 0 21px;}
.CaseList2 li .more{ font-size:18px; color:#fff;}
.CaseList2 li:hover .info{ bottom:0; opacity:1;}
.CaseList2 li.li1 .imgbox{ padding-top:155.1%;}
.CaseList2 li.li1 .info .tit{ padding-top:60%;}
@media ( max-width:998px){
.casebg{ display:none;}
.Caseinfo{ padding-left:2%; width:50%;}
}
@media ( max-width:768px){
.Caseinfo{ padding:15px; width:auto; height:auto; float:none; line-height:24px;}
.Caseinfo .txt{ height:auto;}
.Caseinfo .tits{ padding-top:0px; line-height:45px; font-size:20px; margin-bottom:18px;}
.Caseinfo .h2{ font-size:18px; color:#1c1c1c; margin-bottom:5px;}
.Caseitem{ line-height:26px; width:auto; float:none; padding-top:15px;}
.Caseitem .box{ height:auto; display:block;}
.Caseitem .box dl{ padding-left:100px;}
.Caseitem .box dl dt img{ margin-right:5px;}
.CaseList2 li .info .tit{ padding:5% 0 5px;}
.CaseList2 li .info .p{ height:32px; line-height:16px;margin:0px 0 0px;}
}

@media ( max-width:640px){
.CaseList{ margin:0 0 0px -12px; padding-bottom:15px;}
.CaseList li{ width:auto; float:none;}
.CaseList li .box{margin:0 0 0px 12px;}
.CaseList li .imgbox{ margin-bottom:10px;}
.CaseList2{ margin:15px 0 0 -10px;}
.CaseList2 li .box{ margin:0 0 10px 10px;}
.CaseList2 li.li1 .imgbox{ padding-top:158.5%;}
}


/*关于我们 s*/
.Aboutit{ padding-bottom:25px;}
.Aboutinfo{ color:#333333; line-height:30px;}
.Aboutinfo .img{ float:right; margin:0 0 0 28px;}
.Aboutinfo .txt{ width:45%; float:left; padding-top:17%;}
.Aboutinfo .img2{ width:45%; float:right;}
.Aboutinfo .txt2{ width:56%; float:left; padding-top:6%;}
.Aboutinfo .img3{ width:37.5%; float:right; margin-top:-60px;}
.Aboutinfo .img3 .box{ padding:17px 19px 20px 20px; position:relative;}
.Aboutinfo .img3 .bg1{ position:absolute; left:0px; top:0px; width:74px; height:74px; border-top:2px solid #d6d6d6; border-left:2px solid #d6d6d6;}
.Aboutinfo .img3 .bg2{ width:50%; height:78%; background:#d6d6d6; position:absolute; right:0px; bottom:0px;}
.Aboutinfo .img3 img{ width:100%; position:relative; z-index:1;}

.graybg2{ background:#f8f9fc;}

.rynav{ line-height:50px; height:50px; margin:4% 0 36px; clear:both; font-size:28px;}
.rynav li{ letter-spacing:0.5em; color:#002222; width:50%; float:left; text-align:center; cursor:pointer; background:#f3f3f3; cursor:pointer;}
.rynav li.on{ background:#cccccc;}

.RyList{ margin:0px 0 0 0; clear:both;}
.RyList .flex-viewport{ margin-left:-29px;}
.RyList .flex-direction-nav a {width: 38px; height: 38px; border:1px solid #333; border-radius:50%;}
.RyList .slides li { padding:15px 0 39px;}
.RyList .slides .box{ margin-left:29px;}
.RyList .imgbox{ padding-top:141%; background:#f3f3f3; border:1px solid #e5e5e5; margin-bottom:23px;transition: all ease 0.3s;}
.RyList .imgbox span{ background-size:contain;}
.RyList .tit{ color:#333333;}
.RyList .flex-control-nav { bottom:-11px; display:none;}
.RyList .flex-control-nav li a{ width:30px; height:4px; background:#e5e5e5;}
.RyList .flex-control-nav li a.flex-active{background:#56565e;}
.RyList .flex-direction-nav a{width:48px; height:48px; border:1px solid #595961; border-radius:50%;}
.RyList .flex-direction-nav .flex-prev { opacity:1; left:-90px; background: url(/cn/images/arrleft0.png) center center no-repeat;}
.RyList .flex-direction-nav .flex-next { opacity:1; right:-90px; background: url(/cn/images/arrright0.png) center center no-repeat;}
.RyList:hover .flex-direction-nav .flex-prev:hover { left:-90px; border:1px solid #56565e; background:#56565e url(/cn/images/arrleft.png) center center no-repeat;}
.RyList:hover .flex-direction-nav .flex-next:hover { right:-90px; border:1px solid #56565e; background:#56565e url(/cn/images/arrright.png) center center no-repeat;}

.SbList{ margin:2.5% 0 0 0; clear:both;}
.SbList .flex-viewport{ margin-left:-29px;}
.SbList .flex-direction-nav a {width: 38px; height: 38px; border:1px solid #333; border-radius:50%;}
.SbList .slides li { padding:15px 0 39px;}
.SbList .slides .box{ position:relative; margin-left:29px; padding:19px; border:1px solid #e7e7e7; background:#fff;transition: all ease 0.3s;}
.SbList .imgbox{ padding-top:65%;margin-bottom:18px;}
.SbList .tit{ color:#333333; margin-right:5%; width:95%;}
.SbList .arr{ position:absolute; background:url(/cn/images/more3.png); right:18px; bottom:21px; width:19px; height:10px;}
.SbList .flex-control-nav { bottom:-11px; display:none;}
.SbList .flex-control-nav li a{ width:30px; height:4px; background:#e5e5e5;}
.SbList .flex-control-nav li a.flex-active{background:#56565e;}
.SbList .flex-direction-nav a{width:48px; height:48px; border:1px solid #595961; border-radius:50%;}
.SbList .flex-direction-nav .flex-prev { opacity:1; left:-90px; background: url(/cn/images/arrleft0.png) center center no-repeat;}
.SbList .flex-direction-nav .flex-next { opacity:1; right:-90px; background: url(/cn/images/arrright0.png) center center no-repeat;}
.SbList:hover .flex-direction-nav .flex-prev:hover { left:-90px; border:1px solid #56565e; background:#56565e url(/cn/images/arrleft.png) center center no-repeat;}
.SbList:hover .flex-direction-nav .flex-next:hover { right:-90px; border:1px solid #56565e; background:#56565e url(/cn/images/arrright.png) center center no-repeat;}

#Hornorbox {position: relative; max-width:953px; margin:2% auto 0;}
#Hornorbox .swiper-container {padding-bottom: 0px;}
#Hornorbox .swiper-slide { text-align:center;width: 580px; position:relative;}
#Hornorbox .swiper-slide .bg{ position:absolute; left:0px; z-index:2; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.45);}
#Hornorbox .swiper-slide .imgbox{ height:392px; background:#bebebe;}
#Hornorbox .swiper-slide .imgbox span{ background-size:contain;}
#Hornorbox .swiper-slide .tit{ display:none; color:#333; margin-top:25px;}
#Hornorbox .swiper-slide.swiper-slide-active .bg{ display:none;}
#Hornorbox .swiper-slide.swiper-slide-active .tit{ display:block;}
#Hornorbox .swiper-pagination {width: 100%;bottom: 0px; display:none;}
#Hornorbox .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;background-color: #cccccc;width: 10px;height: 10px;opacity: 1;}
#Hornorbox .swiper-pagination-bullets .swiper-pagination-bullet-active {background-color: #666;}
#Hornorbox .swiper-button-prev { cursor:pointer;left: 20px;width: 45px;height: 45px;background: url(/cn/images/ryarr1.png) center center no-repeat; margin-top:-40px;}
#Hornorbox .swiper-button-next { cursor:pointer;right: 20px;width: 45px;height: 45px;background: url(/cn/images/ryarr2.png) center center no-repeat; margin-top:-40px;}
#Hornorbox .swiper-button-prev:hover { background-color:rgba(0,0,0,0.5);}
#Hornorbox .swiper-button-next:hover { background-color:rgba(0,0,0,0.5);}


@media ( max-width:1200px){
.RyList .flex-direction-nav .flex-prev {left:0px;}
.RyList .flex-direction-nav .flex-next {right:0px;}
.RyList:hover .flex-direction-nav .flex-prev:hover {left:0px;}
.RyList:hover .flex-direction-nav .flex-next:hover {right:0px;}

.SbList .flex-direction-nav .flex-prev {left:0px;}
.SbList .flex-direction-nav .flex-next {right:0px;}
.SbList:hover .flex-direction-nav .flex-prev:hover {left:0px;}
.SbList:hover .flex-direction-nav .flex-next:hover {right:0px;}
}

@media ( max-width:998px){
.Aboutinfo .img{ float:none; margin:0 0 12px; text-align:center;}
.Aboutinfo{ color:#333333; line-height:24px;}
.Aboutinfo .txt{ width:auto; float:none; padding:0 0 15px;}
.rynav{ line-height:40px; height:40px; margin-bottom:15px; font-size:18px;}
.RyList .flex-direction-nav {display:none;}
.RyList .flex-control-nav {display:block;}
.SbList .flex-direction-nav {display:none;}
.SbList .flex-control-nav {display:block;}
.Aboutinfo .img3{margin-top:0px;}
}
@media ( max-width:640px){
.RyList .flex-viewport{ margin-left:-12px;}
.RyList .slides .box{ margin-left:12px;}
.RyList .imgbox{ margin-bottom:5px;}
.SbList .flex-viewport{ margin-left:-12px;}
.SbList .slides .box{ margin-left:12px; padding:8px;}
.SbList .imgbox{ margin-bottom:5px;}
.Aboutinfo .txt2{ width:auto; float:none; padding-top:0;}
.Aboutinfo .img3{ width:auto; float:none; margin-top:15px;}
#Hornorbox .swiper-slide {width: 280px;}
#Hornorbox .swiper-slide .imgbox{ height:250px;}
#Hornorbox .swiper-button-prev { left:5px; margin-top:-55px;}
#Hornorbox .swiper-button-next { right:5px; margin-top:-55px;}
}
@media ( max-width:560px){
#Hornorbox .swiper-slide {width: 220px;}
#Hornorbox .swiper-slide .imgbox{ height:180px; background:none;}
#Hornorbox .swiper-slide .tit{margin-top:5px;}
#Hornorbox .swiper-button-prev { left:0px;margin-top:-30px;}
#Hornorbox .swiper-button-next { right:0px; margin-top:-30px;}
}

/* 19-08-08 */
.BottomFix{display: none; position: fixed; width: 100%; left: 0px; bottom: 0px; z-index: 9; background: rgba(255,255,255,0.9);}
.BottomFix dl dd{width: 25%; float: left; text-align: center; padding: 10px 0px;}
.BottomFix dl dd a{display: block; border-right: 1px solid #e5e5e5;}
.BottomFix dl dd:nth-child(4n) a{border-right: none;}
.BottomFix dl dd .name{font-size: 14px; display: block; line-height: 30px; color: #666;}

@media ( max-width:560px){
	.Footer{margin-bottom: 80px;}
	.BottomFix{display: block;}
}