@charset "utf-8";
body{ margin:0px; padding:87px 0px 0px; margin:0px auto; font-size:14px; line-height:1.5em; color:#333333; width:100%; min-width:300px; zoom:1; background:#fff; font-family:frutigernext,"Microsoft YaHei",Arial,Helvetica,sans-serif,Arial,"宋体"; overflow-x:hidden;}
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:#414446; font-family:"微软雅黑";}
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,figcaption,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:#222222; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#e8353b;}
*:hover{transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}.tc{ text-align:center;}
.hidetxt{ display:none;}
.clear{ clear:both;}
.clearfix{ zoom:1;}
.clearfix:after,
.clearfix:before{content:" ";display: table;}
.clearfix:after{clear: both;}
:-moz-placeholder {color: #979898;}
::-moz-placeholder {color: #979898;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #979898;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #979898;}
.container{ max-width:1200px; min-width:300px; margin:0px auto;}
@media ( max-width:1200px){
.container{ margin:0px 10px;}
}
.relative{ position:relative;}
.body_on{overflow:hidden;}
/*font*/
.f_red{ color:#da251d;}
.Scale-img {overflow: hidden;text-align: center;cursor: pointer; zoom:1; overflow: hidden;}
.Scale-img img {opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.Scale-img:hover img {opacity: 1;-webkit-transform: scale3d(1.2,1.2,1);transform: scale3d(1.2,1.2,1); top:0px; left:0px;}


/*pages*/
.Pages{ padding:0px; zoom:1; overflow:hidden;text-align:center; color:#555; clear:both;}
.Pages span{ padding:0px 0px; display:inline-block;}
.Pages a{ display:inline-block; margin:0px 0px; line-height:28px; border-radius:4px; border:1px solid #dddddd; background:#fff; color:#666666;}
.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; text-align:center; vertical-align:middle; padding:0px 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{color:#333;}
.Pages .p_page .num a{ display:inline-block; text-align:center; margin:0px 2px; vertical-align:middle; color:#777777; width:28px;}
.Pages .p_page .num a:hover{ color:#0ca0b6;}
.Pages .p_page .num a.a_cur{ background:#0079c3; color:#fff;}

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


/*Top*/
.Header{ position:fixed; left:0px; top:0px; background:#fff; height:87px; border-bottom:1px solid #a7b4bf; box-shadow:0px 0px 10px #666; z-index:800; width:100%;}
.Header .Logo{ float:left; padding:17px 0px 14px;}
.Header .auto{ padding:0px 10px; position:relative;}
.version{ display:none; position:absolute; right:10px; top:34px;}
.version a{ width:30px; line-height:30px; font-size:13px; display:inline-block; text-align:center;}
.version a.on{ color:#fff; background:#1657a7; border-radius:50%;}
.MainNav{ float:right; padding:17px 0px 0px 0px; width:68%;}
.MainNav li{ padding:0 2%;display:inline;float:left; position:relative;}
.MainNav li span a{ display:block; line-height:35px; height:67px; text-align:center; font-size:15px;}
.MainNav li span em{ display:block; line-height:15px; color:#888;}
.MainNav li.onnav span a,.MainNav li span .sele{ color:#e8353b; border-bottom:3px solid #e8353b;transition:all 0s linear; -webkit-transition:all 0s linear;}
.SubNav{ position:absolute; left:0px; top:70px; width:100%; background:#007cc2; border-radius:0px 0px 8px 8px;display:none;}
.SubNav dl{ padding:10px 0px;}
.SubNav dd{ text-align:center;}
.SubNav dd a{ color:#fff; display:block; padding:5px;}
.SubNav dd a:hover{ background:#036ba5;}


/*手机导航 s*/
.phone_header{ display:none; position:relative; padding:10px 10px;}
.phone_header .Logo{ width:60%;}
.phone_header .version{ right:50px; top:50%; margin-top:-12px;}
.phone_header .version a{ line-height:25px; width:25px; font-size:12px;}
#navigation { float:right; padding-right:10px;}
#navigation .openbtn{ cursor:pointer; display:block; position:absolute; right:10px; top:35%; z-index:100; width:30px;}
#navigation .openbtn span{ display:block; width:30px; height:2px; background:#2a2a2a; margin:3px 0px;}
#navigation .closebtn{ cursor:pointer; display:block; position:absolute; right:5px; top:16px; z-index:100; width:30px;}
#navigation .closebtn span{ display:block; width:30px; height:2px; background:#2a2a2a; margin:3px 0px;}
#navigation .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; background:#000000 !important;}
#navigation .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; background:#000000 !important;}	
#navigation .sub{ padding-top:45px; top:0%;display:none; z-index:999; position:absolute; right:0px; width:100%; background:#fff;}
#navigation .sub li{ border-bottom:1px solid #dddddd;}
#navigation .sub li span{ position:relative; display:block; line-height:40px;z-index:99;}
#navigation .sub li span a{color:#000000; display:block; padding-left:10px; font-size:15px;}
#navigation .sub li:last-child{ background:none;}
.UI-jian{background: url(zoom_jian.png) center center no-repeat;}
.UI-jia{background: url(zoom_jia.png) center center no-repeat;}
#navigation li span .UI-jian,#navigation li span .UI-jia{position:absolute;right:0px;top:0px; width:45px; height:40px;display:block; cursor:pointer;}
#navigation .sub .foldContent { display:none; margin-bottom:-1px; background:#f4f1f1;}
#navigation .sub .foldContent li{ border-bottom:1px solid #fff; margin-bottom:0; line-height:30px;}
#navigation .sub .foldContent li a{ color:#333; display:block; padding-left:20px;}
#navigation .bg{ left:0px; top:0px; display:none; width:100%; height:100%; position:fixed; height:100%; background:#fff; z-index:998;}
/*手机导航 end*/

@media ( max-width:1300px){
.MainNav li{ padding:0 1.8%;}
}
@media ( max-width:1156px){
.MainNav{width:65%;}
.MainNav li{ padding:0 1%;}
}
@media ( max-width:998px){
body{ padding-top:0px;}	
.Header{ display:none;}
.phone_header{ display:block;}
}

/*Top*/

/*Bottom*/
.Sitemap{ margin-right:225px;}
.Sitemap dl{ line-height:1.7em; font-size:15px; width:20%; float:left; height:206px; background:url(spline.gif) 0px top no-repeat;}
.Sitemap .tit{ margin:0px 0px 6px 11px; color:#4f4f4f;}
.Sitemap li{ margin-left:11px;}
.Sitemap li a{ color:#a4a4a4;}.Sitemap li a:hover{ color:#18539b;}
.ServiceLine{ text-align:right; width:225px; position:absolute; right:0px; top:0px;}
.ServiceLine .tit{ height:37px; line-height:32px; color:#807f7f;}
.ServiceLine .tit span{ display:inline-block; padding-left:39px; background:url(tel.gif) 0px center no-repeat;}
.ServiceLine .tel{ line-height:49px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; color:#525151; font-size:32px; margin-bottom:15px;}
.ServiceLine .share { display:inline-block; *display:inline;zoom:1;}
.ServiceLine .share a{ position:relative; width:29px; height:29px; display:inline-block; margin-left:18px; border:1px solid #787777; border-radius:50%;filter:alpha(opacity=60);-moz-opacity: 0.6;opacity:0.6;}
.ServiceLine .share a.qq{ background:url(share.png) 0px top no-repeat;}
.ServiceLine .share a.weix{ background:url(share.png) -29px top no-repeat;}
.ServiceLine .share a.weibo{ background:url(share.png) -58px top no-repeat;}
.ServiceLine .share .img{ border:5px solid #fff; position:absolute; bottom:35px; left:-60px; max-width:none; width:120px; height:120px; display:none;}
.ServiceLine .share a:hover .img{ display:block;}
.ServiceLine .share a:hover{filter:alpha(opacity=100);-moz-opacity: 1;opacity:1;}

.Footer{ background:#18539b; color:#a8b6d1; line-height:28px; padding:19px 0px; margin-top:3.2%;}
.Footer a.wanhu{ text-decoration:underline; color:#a8b6d1;}
.Footer a{ color:#a8b6d1;}.Footer a:hover{ color:#ffcc00;}
.Footer nav i{ color:#4675af; width:20px; display:inline-block; vertical-align:middle; text-align:center;}
.Footer .col-right{ position:absolute; right:0px; top:0px; width:210px;}
.Footer .col-right .link{ position:relative;border:1px solid #003677; width:208px; line-height:33px; margin:5px auto 0px;}
.Footer .col-right .link span{ display:block; background: #0a4791 url(selectarr.gif) right center no-repeat; text-indent:1em; cursor:pointer;}
.Footer .col-right .link ul{ position:absolute; padding:5px 0px; left:-1px; width:101%;bottom:-1px; background:#0a4791; display:none;}
.Footer .col-right .link ul li{ text-indent:1em; padding:0px; line-height:22px; text-align:left;}

.FloatRight{ right:5px; bottom:15%; position:fixed; z-index:999;}
.FloatRight li{ margin-bottom:5px; position:relative; cursor:pointer;}
.FloatRight .icon{ width:50px; height:50px;}
.FloatRight .icon.tel{ background: #0079c3 url(floaticon.png) 0px top no-repeat;}
.FloatRight .icon.qq{ background:#0079c3 url(floaticon.png) -50px top no-repeat;}
.FloatRight .icon.msg{ background: #0079c3 url(floaticon.png) -100px top no-repeat;}
.FloatRight .icon.top{ background: #0079c3 url(floaticon.png) -150px top no-repeat;}
.FloatRight li:hover .icon.top{ background: #e6222a url(floaticon.png) -150px top no-repeat;}
.FloatRight .txt{ text-align:center; background:#e6222a; color:#fff; line-height:14px; padding:9px 0px 0px 0px; height:41px; width:100%; position:absolute; left:0px; top:0px; display:none;}
.FloatRight li:hover .txt{ display:block;}
.FloatRight .telbox{ border:1px solid #e5e5e5; border-radius:3px; position:absolute; background:#fff; right:60px; top:0px; padding:15px; width:130px; display:none;}
.FloatRight .telbox .img{ width:130px; height:130px;}
.FloatRight .telbox dd{ font-weight:bold;}
.FloatRight .telbox .arr{ position:absolute; width:6px; height:12px; display:block; background:url(telarr.png); top:8px; right:-6px;}


@media ( max-width:998px){
.Footer{ padding:15px 0px; text-align:center; line-height:22px;}
.Footer .col-right{ position:static; width:auto; margin-top:8px;}
}
@media ( max-width:800px){
.Sitemap{ display:none;}
.ServiceLine{ text-align:center; width:225px; position:static; margin:0px auto;}
}

/*Bottom*/


/*首页*/

/*banner s*/
.PcHomeBan{ min-width:1000px; max-width:100%;position:relative; height:600px; overflow:hidden; margin-bottom:4.5%;}
.PcHomeBan .bd{ position:relative; z-index:0;}
.PcHomeBan .bd ul{ width:100% !important;}
.PcHomeBan .bd li{ width:100% !important; height:600px;}
.PcHomeBan .bd li a{ height:600px; display:block;}
.PcHomeBan .hd{ width:100%;position:absolute; z-index:2; bottom:30px; left:0; height:7px; line-height:7px; text-align:center;}
.PcHomeBan .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:40px; height:6px; margin:0px 6px;overflow:hidden;line-height:9999px; background:#fff;filter:alpha(opacity=80);-moz-opacity: 0.8;opacity:0.8;}
.PcHomeBan .hd ul .on{ background:#e60012;filter:alpha(opacity=10);-moz-opacity: 1;opacity:1;}
.PcHomeBan .prev,
.PcHomeBan .next{ position:absolute;  left:15px; top: 50%; margin-top:-20px; display:none; width:40px; height:40px; overflow:hidden; background:url(banarr.png) 0px top no-repeat; cursor:pointer;}
.PcHomeBan .next{ left:auto; right:15px; background-position:-40px 0; }
.PcHomeBan:hover .prev{ display:block;}
.PcHomeBan:hover .next{ display:block;}

.HomeBan{ position:relative; margin-bottom:4.5%;}
.HomeBan .swiper-slide{ position:relative;}
.HomeBan .swiper-slide img{ display:block; margin:0px auto;}
.HomeBan .swiper-pagination-bullet{opacity:1; background:#fff; border-radius:50%; width:12px; height:12px;}
.HomeBan .swiper-pagination-bullet-active{opacity:1; background:#fd6003;}
.HomeBan .mast{ z-index:1; position:absolute; left:0px; bottom:0px; width:100%;}
.HomeBan  .swiper-pagination{ display:none;}
.mobileban{ display:none;}
/*banner end*/
@media ( max-width:998px){
.mobileban{ display:block;}
.PcHomeBan{ display:none;}
}

.Hometit{ text-align:center;}
.Hometit h2{ line-height:42px; background:url(titline.png) 0px center repeat-x; font-size:30px; color:#134c9d;}
.Hometit h2 span{ display:inline-block; padding:0px 18px; background:#fff;}
.Hometit p{ padding-top:6px; color:#ababab;}
.Hometit i{ display:block; margin:0px auto; width:62px; height:14px; border-bottom:6px solid #8aabd3;}

/*首页企业简介*/
.HomeAbout{ padding-bottom:5%;}
.HomeAbout .hd{ text-align:center; padding:27px 0 4.5% 0; line-height:35px;}
.HomeAbout .hd li{ display:inline-block; *display:inline; zoom:1;}
.HomeAbout .hd li span { margin-left:10px; display:block; padding:0px 24px; border:1px solid #cccccc; border-radius:17px; font-size:15px; color:#666666; cursor:pointer;}
.HomeAbout .hd li.on span { background:#e8353b; border:1px solid #e8353b; color:#fff;}
.HomeAbout .infotxt{ width:58%; float:left;}
.HomeAbout .infotxt .tit{ padding:26px 0px 20px; line-height:16px; color:#134c9d;}
.HomeAbout .infotxt .tit h3{ font-size:30px; color:#134c9d; line-height:38px;}
.HomeAbout .infotxt .tit p{ font-size:12px; text-transform:uppercase; line-height:16px;}
.HomeAbout .infotxt .con1{ color:#2c2c2c; line-height:2.1em; padding-bottom:2%;}
.HomeAbout .infotxt .con1 a{ color:#e8353b; display:inline-block;}
.HomeAbout .infotxt .con2{ color:#6a6a6a; line-height:2.1em; padding:0px 0px 20px 29%; position:relative;}
.HomeAbout .infotxt .con2 .img{ width:27%; left:0px; top:0px; position:absolute;}
.HomeAbout .infotxt .con2 .img img{ max-height:60px;}
.HomeAbout .infotxt .con2 p{ text-indent:2em;}
.HomeAbout .infotxt .more a{ color:#5f7cb3; background:url(more.gif) right center no-repeat; padding-right:30px;}
.HomeAbout .infotxt .more a:hover{ background:url(more.gif) right center no-repeat; padding-right:40px;}

.HomeAbout .imgbox{ width:39%; float:right; position:relative;}
.HomeAbout .imgbox .box{ padding:11px;}
.HomeAbout .imgbox .box i{ width:14px; height:10px; display:block; position:absolute; background:url(point.gif) no-repeat;}
.HomeAbout .imgbox .box i.lt{ background-position:0px top; left:0px; top:0px;}
.HomeAbout .imgbox .box i.rt{ background-position:-14px top; right:0px; top:0px;}
.HomeAbout .imgbox .box i.lb{ background-position:0px -10px; left:0px; bottom:0px;}
.HomeAbout .imgbox .box i.rb{ background-position:-14px -10px; right:0px; bottom:0px;}
.HomeAbout .imgbox .box img{ display:block; margin:0px auto;}

@media ( max-width:800px){
.HomeAbout .infotxt{ width:auto; float:none;}
.HomeAbout .imgbox{ width:auto; float:none;}
.HomeAbout .hd li{ float:left; width:50%; margin-bottom:10px;}
.HomeAbout .hd li span{ padding:0px;}
.Hometit h2{ line-height:42px;font-size:24px;}
.HomeAbout .infotxt .tit h3{ font-size:24px; color:#134c9d; line-height:38px;}
}

/*首页产品中心*/
.HomePro{ height:auto !important;height:760px; min-height:760px; background: #4775b1 url(probg.jpg) center bottom no-repeat; margin-bottom:5%;}
.HomePro .Hometit{ text-align:center; padding-top:4.5%;}
.HomePro .Hometit h2{background:url(titline2.png) 0px center repeat-x; color:#fff;}
.HomePro .Hometit h2 span{ background:none;}
.HomePro .Hometit p{ padding-top:6px; color:#fff;filter:alpha(opacity=78);-moz-opacity: 0.78;opacity:0.78;}
.HomePro .Hometit i{ display:block; margin:0px auto; width:62px; height:14px; border-bottom:6px solid #fff;filter:alpha(opacity=30);-moz-opacity: 0.30;opacity:0.30;}
.HomePro .search{ width:344px; margin:19px auto 3.5%; background:#eef2f8; height:45px;}
.HomePro .search .input{ text-indent:1em; width:75%; float:left; height:45px; line-height:45px; border:0px; background:none;}
.HomePro ul{ margin-left:-37px;}
.HomePro li{ width:25%; float:left; padding-top:75px;}
.HomePro li .box{ margin-left:37px; background:#fff; height:347px; border-radius:6px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear; position:relative;}
.HomePro li:hover .box{ background:#e8353b; box-shadow:0px 0px 6px #333; padding:16px 0px 8px; margin-top:-16px;}
.HomePro li .icon{ position:absolute; left:50%; margin-left:-58px; top:-58px; width:118px; height:118px;}
.HomePro li .tit { text-align:center; color:#1657a7;}
.HomePro li .tit i{ display:inline-block; border-bottom:1px solid #b5b5b5; padding:40% 0px 4% 0px; font-size:16px;}
.HomePro li .con { padding:12% 20px 0; line-height:1.9em; color:#737373; font-size:13px;}
.HomePro li a .i1,.HomePro li a .i2{ display: block; position: absolute; left:0px;top: 0px; width:119px; height:119px;}
.HomePro li .i1{ transition: 400ms;}
.HomePro li .i2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0); transition:500ms;}
.HomePro li:hover .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);}
.HomePro li:hover .i1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.2); transform: scale(1.2);}
.HomePro li:hover .tit i{ border-bottom:1px solid #fff; color:#fff;}
.HomePro li:hover .con{ color:#f8d1d2;}

@media ( max-width:998px){
.HomePro ul{ margin-left:-15px;}
.HomePro li .box{ margin-left:15px;}
}
@media ( max-width:768px){
.HomePro{ height:auto !important;height:atuo; min-height:atuo; padding-bottom:4%;}
.HomePro li{ width:50%; padding-top:60px;}
.HomePro li:hover .box{ background:#e8353b; box-shadow:0px 0px 6px #333; padding:0px 0px 0px; margin-top:-0px;}
.HomePro li .icon{ position:absolute; left:50%; margin-left:-40px; top:-40px; width:80px; height:80px;}
.HomePro li a .i1,.HomePro li a .i2{ width:80px; height:80px;}
.HomePro li .tit i{ padding-top:30%;}
}
@media ( max-width:640px){
.HomePro .search{ width:auto;}
.HomePro li .con { padding:10% 10px 0; line-height:18px;}
.HomePro li .box{ height:235px;}
}

/*首页招商加盟*/
.HomeJoin{ margin:4% 0 0 0;}
.HomeJoin ul { margin-left:-66px;}
.HomeJoin li{ width:25%; float:left; padding-bottom:30px;}
.HomeJoin li .box{ margin-left:66px;}
.HomeJoin li .icon{ width:50%; text-align:center; margin:0px auto;}
.HomeJoin li .tit{ text-align:center; color:#222222; line-height:3em;}
.HomeJoin li .tit i{ display:block; margin:0px auto; width:25px; border-top:1px solid #222222; height:16px;}
.HomeJoin li .p{ line-height:18px; color:#999999; font-size:12px;}
.HomeJoin li:hover .tit{ color:#246ddd;}
.HomeJoin li:hover .tit i{ border-top:1px solid #246ddd;}

@media ( max-width:998px){
.HomeJoin ul { margin-left:-20px;}
.HomeJoin li .box{ margin-left:20px;}
}
@media ( max-width:768px){
.HomeJoin li{ width:50%; padding-bottom:15px;}
}

/*首页合作案例*/
.Hometit2{ text-align:center; line-height:50px; color:#1657a7; font-size:22px;}
.HomeCase{ padding-bottom:4%;}
.HomeCase ul{ margin-left:-29px;}
.HomeCase li{ width:50%; float:left;}
.HomeCase li .box{ border:1px solid #e9e9e9; box-shadow:0px 3px 5px #d9d9d9; height:148px; padding:0px 15px 0px 192px; margin:16px 0px 0px 29px; position:relative; color:#2c2c2c; line-height:2em;}
.HomeCase li:hover .box{box-shadow:0px 3px 5px #888;}
.HomeCase li .box .img{ position:absolute; top:9px; left:11px;}
.HomeCase li .box .img img{ display:block; width:160px; height:130px; margin:0px auto;}
.HomeCase li .box .tit{ font-size:18px; color:#1657a7; padding:7.5% 0 3%;}
@media ( max-width:998px){
.HomeCase li .box{line-height:1.5em;}
}
@media ( max-width:800px){
.HomeCase ul{ margin-left:-15px;}
.HomeCase li .box{height:auto; padding:10px; margin-left:15px; font-size:12px;}
.HomeCase li .box .img{ position:static;}
.HomeCase li .box .img img{ display:block; width:auto; height:130px;}
}
@media ( max-width:640px){
.HomeCase li{ width:auto; float:none;}
.HomeCase li .box .img img{ width:100%; height:auto;}
.HomeCase li .box .tit{padding:15px 0px;}
}

/*首页供应商 and 装饰公司*/
.HomeBrand{ height:80px; margin-bottom:7%;}
.HomeBrand .box{ height:80px; position:relative; padding-left:126px;}
.HomeBrand .tit{ position:absolute; left:0px; top:0px; text-align:center; width:120px; line-height:80px; color:#fff; background:#1657a7; font-size:20px;}
.HomeBrand.left{ width:56.5%; float:left;}
.HomeBrand.right{ width:41%; float:right;}
/*.HomeBrand.right .tit{ background:#e8353b;}*/

.HomeBrand .swiper-slide{ border:1px solid #e9e9e9; margin-right:6px; float:left; width:178px; height:78px;}
.HomeBrand .swiper-slide:hover{ border:1px solid #1657a7;}
.HomeBrand .swiper-slide img{ display:block;width:178px; height:78px;}
.HomeBrand .swiper-button-prev {background: url(brandarr.png) no-repeat left top;position: absolute; z-index:999;left: 126px;bottom: 18px;width: 19px;height: 40px;}
.HomeBrand .swiper-button-next { background: url(brandarr.png) no-repeat -19px top; position: absolute; z-index:999; right: 0px;bottom: 18px; width: 19px; height: 40px;}

@media ( max-width:768px){
.HomeBrand{ height:120px;}
.HomeBrand .box{ position:relative; padding:40px 0px 0px 0px; height:80px;}
.HomeBrand .tit{ position:absolute; left:0px; top:0px; text-align:center; width:120px; line-height:30px; color:#fff; background:#1657a7; font-size:18px;}
.HomeBrand.left{ width:auto; float:none;}
.HomeBrand.right{ width:auto; float:none;}
.HomeBrand .swiper-button-prev {left: 0px; top:79px;}
.HomeBrand .swiper-button-next { top:79px;}
.HomeBrand .swiper-slide{width:150px; height:66px;}
.HomeBrand .swiper-slide img{width:150px; height:66px;}
}

/*首页新闻资讯*/
.HomeNews{ height:auto !important;height:800px; min-height:800px; background: #265ba5 url(newsbg.jpg) center bottom no-repeat; margin-bottom:5%;}
.HomeNews .Hometit{ text-align:center; padding-top:4.5%;}
.HomeNews .Hometit h2{ background:url(titline2.png) 0px center repeat-x; color:#fff;}
.HomeNews .Hometit h2 span{ background:none;}
.HomeNews .Hometit p{ padding-top:6px; color:#fff;filter:alpha(opacity=55);-moz-opacity: 0.55;opacity:0.55;}
.HomeNews .Hometit i{ display:block; margin:0px auto; width:62px; height:14px; border-bottom:6px solid #fff;filter:alpha(opacity=30);-moz-opacity: 0.30;opacity:0.30;}
.HomeNews .swiper-slide{ width:25%; float:left; margin-top:66px;}
.HomeNews .swiper-slide .box{ margin-left:17px; background:#e5e5e5; height:466px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear; position:relative; overflow:hidden;}
.HomeNews .swiper-slide .img img{ max-width:none; height:337px; display:block; margin:0px auto;}
.HomeNews .swiper-slide .infotxt{ padding:0px 17px;}
.HomeNews .swiper-slide .infotxt .tit{ line-height:26px; font-size:16px; padding:25px 0px 5px; color:#292929;}
.HomeNews .swiper-slide .infotxt .date{ font-size:12px; color:#666666;}
.HomeNews .swiper-slide .infotxt .p{filter:alpha(opacity=0);-moz-opacity: 0;opacity:0;}
.HomeNews .swiper-slide:hover .box{ background:#e8353b; box-shadow:0px 0px 6px #333; margin-top:-14px; height:492px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.HomeNews .swiper-slide:hover .box .infotxt { height:220px; margin-top:-78px; background:#e8353b; z-index:1; position:relative;}
.HomeNews .swiper-slide:hover .box .infotxt .p{filter:alpha(opacity=100);-moz-opacity: 1;opacity:1;transition:all 0.2s linear; -webkit-transition:all 0.2s linear; padding-top:12px; line-height:1.9em;}
.HomeNews .swiper-slide:hover .box .infotxt .tit{ color:#fff;}
.HomeNews .swiper-slide:hover .box .infotxt .date{ color:#f4aeaf;}
.HomeNews .swiper-slide:hover .box .infotxt .p{ color:#f4aeaf;}
.HomeNews .swiper-container{ height:588px; margin-left:-17px;}
.HomeNews  .swiper-pagination-bullets{ bottom:0px;}
.HomeNews .swiper-pagination-bullet{opacity:1; background:#fff; border-radius:50%; width:9px; height:9px;}
.HomeNews .swiper-pagination-bullet-active{opacity:1; background:#e8353b;}

@media ( max-width:1200px){
.HomeNews .swiper-slide .infotxt .tit{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:95%; display:block;}
}

@media ( max-width:998px){
.HomeNews{ height:auto !important;height:auto; min-height:auto; padding-bottom:4%;}
.HomeNews .swiper-container{margin-left:-15px; height:auto; padding-bottom:32px;}
.HomeNews .swiper-slide{margin-top:30px;}
.HomeNews .swiper-slide .box{ margin-left:15px; height:330px;}
.HomeNews .swiper-slide .img img{ max-width:none;height:260px;}
.HomeNews .swiper-slide:hover .box{ margin-top:0px; height:330px;}
.HomeNews .swiper-slide .infotxt .p{ display:none;}
.HomeNews .swiper-slide:hover .box .infotxt { height:auto; margin-top:0px;}
.HomeNews .swiper-slide .infotxt{ padding:0px 10px;}
.HomeNews .swiper-slide .infotxt .tit{ padding-top:10px; line-height:16px;}
}
@media ( max-width:768px){
.HomeNews .swiper-slide{ width:33.333%;}
.HomeNews .swiper-slide .box{ margin-left:15px; height:339px;}
.HomeNews .swiper-slide .img img{ max-width:none; height:200px;}
.HomeNews .swiper-slide:hover .box{ margin-top:0px; height:339px;}
}
@media ( max-width:560px){
.HomeNews .swiper-slide{ width:50%;}
.HomeNews .swiper-slide .box{ margin-left:15px; height:200px;}
.HomeNews .swiper-slide .img img{ max-width:none; height:140px;}
.HomeNews .swiper-slide:hover .box{ margin-top:0px; height:200px;}
}


/*栏目页公用样式 s*/
.SubPage{ padding:45px 0px 45px; border-top:1px solid #e2e9f4; background:#eef3fa;height:auto !important; height:280px; min-height:280px; margin-bottom:4%;}
.SubBan{ position:relative; height:419px; overflow:hidden;}
.SubBan img{ display:block; max-width:none; position:absolute; left:50%; margin-left:-960px;}
.MenuList{ text-align:center; padding:28px 0px 18px;}
.MenuList li{ text-align:center; display:inline-block;*display:inline-block; zoom:1; padding:0px 8px;}
.MenuList li a{ display:block; border:1px solid #cccccc; border-radius:15px; padding:0px 5px; min-width:108px; color:#222222; line-height:33px;}
.MenuList li a:hover,.MenuList li.onli a{ color:#fff; background:#e8353b; border:1px solid #e8353b;}

@media ( max-width:998px){
.SubBan{height:218px;}
.SubBan img{ height:218px;margin-left:-500px;}
.MenuList li{ text-align:center; display:inline-block;*display:inline-block; zoom:1; padding:0px 5px 10px;}
}
@media ( max-width:560px){
.MenuList{padding:20px 0px 20px;}
.MenuList li{display:block; padding:0px 0px;}
.MenuList li a{ display:block; border:0px solid #cccccc;border-bottom:1px solid #cccccc; border-radius:0px; padding:6px 5px; color:#222222; line-height:18px;}
.MenuList li a:hover,.MenuList li.onli a{border:0px solid #e8353b; border-bottom:1px solid #d62026;}
}
@media ( max-width:480px){
.SubBan{height:110px;}
.SubBan img{ height:110px;margin-left:-252px;}
}
/*栏目页公用样式 end*/


/*走进玉龙*/
.SinglePage{word-wrap:break-word; clear:both; overflow:hidden; line-height:1.95em; color:#222222; font-size:15px;}
.Aboutimg{ width:40%; float:left; margin-right:3%;}
.Aboutimg img{ box-shadow:2px 4px 5px #e4e5e6; display:block; margin:0px auto;}
.Abouttxt{ padding-top:15px; width:45%; float:left;}
.Abouttxt h3{ color:#e8353b; font-size:20px; padding-bottom:4px;}

.Hornortp{ width:610px; margin:0px auto;position: relative; background:url(rybg.jpg) center top no-repeat;}
.Hornortp .btn{position:absolute;width:11px;height:18px;top:45px;cursor:pointer; z-index:99;}
.Hornortp .prev{left:0px;}
.Hornortp .next{right:0px;}
.Hornortp #prevTop,.Hornortp #nextTop{width:40px;height:40px; top:50%; margin-top:-75px;}
.Hornortp #prevTop{ background: url(hornorarr.png) no-repeat 0 0px;}
.Hornortp #nextTop{ background: url(hornorarr.png) no-repeat -40px 0px;}
.Hornortp #prev,.Hornortp #next{width:11px;height:18px; bottom:66px; top:auto; display:none;}
.Hornortp #prev{left:0px;}
.Hornortp #next{right:0px;}
.Hornortp li{float:left;}
.Hornortp .picBox{position:relative;overflow:hidden; padding:22px 0px 20px; margin:0px auto; width:558px;height:393px;}
.Hornortp .picBox ul{height:415px;position:absolute; left:0px;}
.Hornortp .picBox li{width:558px;height:415px; position:relative;}
.Hornortp .picBox li img{ max-width:558px;height:370px; display:block; margin:0px auto;}
.Hornortp .picBox li .tit{ position:absolute; left:0px; bottom:0px; width:96%; background:url(../filter70.html); font-size:16px; color:#fff; padding:2% 2%; text-align:center;}
.Hornortp .smallImg{ height:98px;}
.Hornortp .listBox{width:auto;height:98px;margin:0px auto;position:relative;overflow:hidden;}
.Hornortp .listBox ul{height:98px;position:absolute;}
.Hornortp .listBox li{width:145px;height:98px;cursor:pointer;position:relative; padding:0px 5px;}
.Hornortp .listBox li img{ width:145px; height:98px; display:block;}
.Hornortp .listBox .on img{ border:2px solid #007cc2; width:141px; height:94px;transition:all 0s linear; -webkit-transition:all 0s linear;}
.Hornortp.nobg{ background:#fff;}
.Hornortp.nobg .picBox{ padding:0px 0px 0px; margin:0px auto 20px; width:610px;height:393px;}
.Hornortp.nobg .picBox li{width:610px;height:393px; position:relative;}
.Hornortp.nobg .picBox li img{ max-width:610px; width:610px;height:393px; display:block; margin:0px auto;}



.workmobile{ display:none; width:auto; margin:0px 0px; float:none; background:#fff; border:5px solid #f09405;}
.workmobile .swiper-slide { height:180px; display:table; vertical-align:middle;}
.workmobile .swiper-slide img{ display:block; margin:0px auto; vertical-align:middle;}

.BrandList{}
.BrandList ul{ margin-left:-27px;}
.BrandList li{ width:25%; float:left;}
.BrandList li .box{ margin:0px 0px 27px 27px; border:1px solid #d5e4f6; height:138px; background:#f7f9fc; position:relative;}
.BrandList li .box .img{ height:138px; display:table-cell; vertical-align:middle; width:2%;}
.BrandList li .box img{ max-height:117px; display:block; margin:0px auto;}
.BrandList li .box .infotxt{ width:101%; height:140px; font-size:15px; overflow:hidden; position:absolute; left:-1px; top:-1px; background:url(tm_03.png); display:none;}
.BrandList li .box .infotxt .tit{ font-size:18px; padding-bottom:6px; color:#0079c3;}
.BrandList li.w50{ width:50%;}
.BrandList li.w50 .box{ width:45%; float:left;}
.BrandList li.w50 .infotxt2{ width:45%; height:140px; font-size:15px; overflow:hidden; float:right;background:#eef3fa;}
.BrandList li.w50 .infotxt2 .tit{ font-size:18px; padding-bottom:6px; color:#0079c3;}

.BrandList2{}



.Video{ width:41.5%; float:left; margin-right:3%; position:relative; overflow:hidden;}
.Video img{height:374px; width:100%; display:block; margin:0px auto;}
.Video video{ width:100%; height:374px; display:block;}
.Video i{ background:url(play.png); width:50px; height:50px; position:absolute; left:50%; top:50%; margin:-25px 0px 0px -25px; display:block;}
.Video .bg{  width:100%; height:100%; position:absolute; left:0px; top:0px;}
.Video .box{ background:#000;}
.Video a.play{ width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:1;}
.Video:hover i{ background:url(playon.png);}

.PhotoList{}
.PhotoList ul{ margin-left:-30px;}
.PhotoList li{ width:33.333%; float:left;}
.PhotoList li .box{ border:1px solid #d5e4f6; background:#f7f9fc; margin:0px 0px 30px 30px; padding:18px;}
.PhotoList li .box .img{ height:220px; display:table-cell; vertical-align:middle; width:2%;}
.PhotoList li .box .img img{ max-height:220px;}
.PhotoList li .box .tit{ margin-top:18px; font-size:15px; background:url(more.gif) right center no-repeat; line-height:23px;}

.History{ width:936px; margin:0px auto; font-size:15px; color:#222222; line-height:1.6em;}
.History li{ position:relative; padding-left:171px; height:193px; margin-left:281px;}
.History li .img{ position:absolute; left:0px; background:#fff; border-radius:50%; top:0px;}
.History li .img img{ width:140px; height:140px; border-radius:50%;}
.History li .infotxt{ width:488px; height:154px; overflow-x:auto;}
.History li .infotxt dl{ display:table-cell; height:140px; vertical-align:middle;}
.History li .infotxt .year{ color:#e8353b; font-size:22px; padding:4px 0px;}
.History li .line{ width:166px; height:116px; background:url(lsline1.png); position:absolute; left:-155px; top:108px;}
.History li:nth-child(even){ margin-left:0px;}
.History li:nth-child(even) .line{ width:166px; height:116px; background:url(lsline2.png); position:absolute; left:115px; top:130px;}
.History li:last-child .line{ display:none;}
.History .li1{opacity:0;transition:opacity 1s;}
.History .li2{opacity:0;transition:opacity 1s 0.4s;}
.History .li3{opacity:0;transition:opacity 1s 0.8s;}
.History .li4{opacity:0;transition:opacity 1s 1.2s;}
.History .li5{opacity:0;transition:opacity 1s 1.8s;}
.History .li6{opacity:0;transition:opacity 1s 2.2s;}
.History .li7{opacity:0;transition:opacity 1s 2.6s;}
.History .li8{opacity:0;transition:opacity 1s 3s;}
.History .li9{opacity:0;transition:opacity 1s 3.4s;}
.History .li10{opacity:0;transition:opacity 1s 3.8s;}
.History .li11{opacity:0;transition:opacity 1s 4.2s;}
.History.anm li{opacity:1;}


@media ( max-width:998px){
.BrandList ul{ margin-left:-15px;}
.BrandList li .box .infotxt{ width:0px; height:0px;display:none;}
.BrandList li .box{ margin:0px 0px 15px 15px;}
.BrandList li.w50 .infotxt2{ line-height:18px;}
.Video{ width:auto; float:none; margin:0 0% 15px 0; text-align:center;}
.Video img{height:100%;}
.Video video{ height:auto;}
.PhotoList{ padding-bottom:15px;}
.PhotoList ul{ margin-left:-15px;}
.PhotoList li .box{ margin:0px 0px 15px 15px; padding:8px;}
.PhotoList li .box .tit span{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:90%; display:block;}
.PhotoList li .box .img{ height:180px;}
.PhotoList li .box .img img{ max-height:180px;}
}
@media ( max-width:980px){
.History{ width:auto;}
.History li{ position:relative; padding:0px 0px 15px 0px; height:auto; margin:0px 0px 15px 0px; background:url(linebg2.gif) 0px bottom repeat-x;}
.History li .img{ position:static;width:140px; height:140px; background:#fff; margin:0px auto;}
.History li .img img{ width:140px; height:140px; border-radius:50%;}
.History li .infotxt{ width:auto; height:auto; overflow:auto;}
.History li .infotxt dl{height:auto;}
.History li .infotxt .year{ color:#e8353b; font-size:22px; padding:4px 0px;}
.History li .line{ display:none;}
.History li:nth-child(even){ margin-left:0px;}
.History li:nth-child(even) .line{ display:none;}
}

@media ( max-width:768px){
.Aboutimg{ width:auto; float:none; margin-right:0%;}
.Abouttxt{ padding-top:15px; width:auto; float:none;}
.Hornortp{ display:none;}
.workmobile{ display:block;}
.PhotoList li .box .img{ height:140px;}
.PhotoList li .box .img img{ max-height:140px;}
.BrandList li.w50{ width:auto;}
.BrandList li.w50 .box{ width:auto;}
.BrandList li.w50 .infotxt2{ width:auto; margin:0px 15px 20px; height:auto;}
.BrandList li.w50 .infotxt2 .tit{ text-align:center;}
}
@media ( max-width:640px){
.BrandList li .box{height:100px;}
.BrandList li .box .img{ height:100px;}
.BrandList li .box img{ max-height:82px;}
.PhotoList li .box .img{ height:110px;}
.PhotoList li .box .img img{ max-height:110px;}
}
@media ( max-width:560px){
.BrandList li{ width:33.333%;}
.BrandList li .box{height:90px;}
.BrandList li .box .img{ height:90px;}
.BrandList li .box img{ max-height:80px;}
.PhotoList li{ width:50%; float:left;}
.PhotoList li .box .img{ height:90px;}
.PhotoList li .box .img img{ max-height:90px;}
}


/*产品中心*/
.SubMenu{ text-align:center; padding:0% 0 3.1%;}
.SubMenu li{ display:inline-block;*display:inline;zoom:1; padding:0px 22px;}
.SubMenu li a{ font-size:18px;}
.SubMenu li.on a{ color:#e8353b; font-weight:bold;}

.MenuBox{ border:1px solid #e2e9f4; background:#fff; padding:14px; margin-bottom:3%;}
.MenuBox .nav{ float:left;}
.MenuBox .nav li{ width:150px; margin-left:18px; float:left; line-height:45px;}
.MenuBox .nav li a{ text-align:center; font-size:16px; display:block; color:#555555;}
.MenuBox .nav li a:hover,.MenuBox .nav li.on a{ color:#fff; background:#e8353b; border-radius:22px;}
.MenuBox .search{ float:left; position:relative; padding-right:50px;}
.MenuBox .search .input{ width:249px; height:48px; line-height:48px; text-indent:1em; font-size:16px; color:#7badd9; background:#f4fafe; border:1px solid #c9e9fd;}
.MenuBox .search .btn{ position:absolute; right:0px; top:0px;}
.MenuBox .shop{ position:relative; float:right; padding-right:70px; line-height:60px; font-size:16px; color:#000000;}
.MenuBox .shop img{ display:block; position:absolute; right:0px; top:0px; width:50px; height:50px;}

.CaseList{ padding-bottom:4%;}
.CaseList ul{ margin-left:-29px;}
.CaseList li{ width:50%; float:left;}
.CaseList li .box{ border:1px solid #e9e9e9; box-shadow:0px 3px 5px #d9d9d9; height:220px; padding:0px 15px 0px 252px; margin:16px 0px 0px 29px; position:relative; color:#555555; line-height:1.8em; background:#fff;}
.CaseList li:hover .box{box-shadow:0px 3px 5px #888;}
.CaseList li .box .img{ position:absolute; top:10px; left:11px;}
.CaseList li .box .img img{ display:block; width:220px; height:200px; margin:0px auto;}
.CaseList li .box .tit{ font-size:18px; color:#1657a7; padding:7.5% 0 3%;}
.CaseList li .box p{ color:#555; height:150px; overflow:hidden;}

.Partner{ height:110px; padding-bottom:2%;}
.Partner .box{ height:110px; position:relative; padding-left:120px;}
.Partner .tit{ position:absolute; left:0px; top:0px; text-align:center; width:100px; line-height:32px; height:92px; padding-top:18px; color:#fff; background:#0079c3; font-size:24px;}
.Partner .tit span{ width:50px; margin:0px auto; display:block;}
.Partner .swiper-slide{ border:1px solid #dddddd; margin-right:20px; float:left; width:198px; height:108px;}
.Partner .swiper-slide:hover{ border:1px solid #1657a7;}
.Partner .swiper-slide img{ display:block;width:198px; height:108px;}
.Partner .swiper-button-prev {background: url(brandarr.png) no-repeat left top;position: absolute; z-index:999;left: 120px;top: 55px;width: 19px;height: 40px;}
.Partner .swiper-button-next { background: url(brandarr.png) no-repeat -19px top; position: absolute; z-index:999; right: 0px;top: 55px; width: 19px; height: 40px;}

.ProTit{ text-align:center; padding:3% 0; line-height:21px; font-size:18px;}
.ProTit i{ display:block; padding:10px 0px; color:#0079c3; font-size:38px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}

.ProList{ margin-left:-20px;}
.ProList .box1 li{ width:50%; float:left;}
.ProList .box1 li .box{ margin:0px 0px 20px 20px; background:#fff; overflow:hidden;}
.ProList .box1 li .box .img{ height:420px; display:table-cell; vertical-align:middle; width:2%; position:relative;}
.ProList .box1 li .box .img img{ max-height:420px; display:block; margin:0px auto;}
.ProList .infotxt{ display:none; position:absolute; left:0px; top:0px; background:url(filter69.png); width:100%; height:100%; color:#fff;}
.ProList .infotxt .tit{ text-align:center; font-size:18px; padding:10% 0 3%;}
.ProList .infotxt .p{ text-indent:2em; padding:0 10% 6%; line-height:1.7em;}
.ProList .infotxt .more{ border:1px solid #87a2b8; width:98px; line-height:33px; text-align:center; margin:0px auto; display:block; color:#aac5db;}

.ProList .box2 li{ width:33.333%; float:left;}
.ProList .box2 li .box{ margin:0px 0px 20px 20px; overflow:hidden;}
.ProList .box2 li .box .img{ border:1px solid #d5e4f6; height:268px; position:relative; background:#fff; display:table-cell; vertical-align:middle; width:2%;}
.ProList .box2 li .box .img img{ max-height:268px; display:block; margin:0px auto;}
.ProList .box2 li .box .tit{ text-align:center; padding-top:15px; font-size:15px;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%; display:block;}

.ProList .box3 { position:relative;}
.ProList .box3 li{ width:25%; float:left;}
.ProList .box3 .box{ margin:0px 0px 28px 20px; overflow:hidden;}
.ProList .box3 .box .img{ border:1px solid #d5e4f6; height:268px; position:relative; background:#fff; display:table-cell; vertical-align:middle; width:2%;}
.ProList .box3 .box .img img{ max-height:268px; display:block; margin:0px auto;}
.ProList .box3 .box .tit{ text-align:center; padding-top:15px; font-size:15px;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%; display:block;}

.ProList .box3 .swiper-slide{ width:25%;}
.ProList .box3 .swiper-button-prev {background: url(proarr.png) no-repeat left top;position: absolute; z-index:999;left: -10px;
top: 50%;margin-top: -38px;width: 18px;height: 33px;}
.ProList .box3 .swiper-button-next { background: url(proarr.png) no-repeat -18px bottom; position: absolute; z-index:999; right: -30px;top: 50%; margin-top: -38px; width: 18px; height: 33px;}

.ProList .hotcon{ position:relative; padding-left:75px; height:270px;background: url(hottit.png) no-repeat left 40px; margin-bottom:3%;}
.ProList .box4 { position:relative; background:; padding-top:12px;}
.ProList .box4 .box{ margin:0px 0px 19px 0px; overflow:hidden; padding:0px 8px;}
.ProList .box4 .box .img{ border:0px solid #d5e4f6; height:200px; position:relative; background:; display:table-cell; vertical-align:middle; width:2%;}
.ProList .box4 .box .img img{ max-height:200px; display:block; margin:0px auto;}
.ProList .box4 .box .tit{ text-align:center; padding-top:15px; font-size:15px;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%; display:block;}
.ProList .box4 .swiper-slide{ width:20%;}
.ProList .box4 .swiper-button-prev {background: url(proarr.png) no-repeat left top;position: absolute; z-index:999;left: 0px;
top: 50%;margin-top: -38px;width: 18px;height: 33px;}
.ProList .box4 .swiper-button-next { background: url(proarr.png) no-repeat -18px bottom; position: absolute; z-index:999; right: 0px;top: 50%; margin-top: -38px; width: 18px; height: 33px;}
.ProList .box4 	ul{ overflow:hidden; zoom:1; }
.ProList .box4 .li{ width:20%; float:left;}
.ProList .box4 .prev {background: url(proarr.png) no-repeat left top;position: absolute; z-index:999;left: 0px;
top: 50%;margin-top: -38px;width: 18px;height: 33px; cursor:pointer;}
.ProList .box4 .next{ background: url(proarr.png) no-repeat -18px bottom; position: absolute; z-index:999; right: 0px;top: 50%; margin-top: -38px; width: 18px; height: 33px; cursor:pointer;}
.pmc{ display:none;}
.mbmenu{ display:none;}

.Protit{ text-align:center; background:url(titline.png) 0px bottom repeat-x; font-size:30px; padding:0 0 32px; margin-bottom:34px;}

.ProductPic{ width:508px; height:384px; overflow:hidden; float:left;position: relative; background:#fff; margin-bottom:40px;}
.ProductPic .hd{ width:60px;height:364px; top:10px; position:absolute; right:24px; overflow:hidden;}
.ProductPic .hd ul li{ width:60px; height:76px;}
.ProductPic .hd ul li img{ width:60px; height:60px; display:block; border:2px solid #fff; cursor:pointer;transition:all 0s linear; -webkit-transition:all 0s linear;}
.ProductPic .hd ul li.on img{ border:2px solid #0079c3; width:56px; height:56px;}
.ProductPic .bd{ width:398px;height:384px; border-right:1px solid #d5e4f6; position:relative;}
.ProductPic .bd li{ position:relative; zoom:1; vertical-align:middle;}
.ProductPic .bd li img{ max-width:398px; max-height:384px; vertical-align:bottom;}
.ProductPic .bd li span{ display:table-cell; height:384px; width:2%; vertical-align:middle;}

.ProductInfo{ margin-left:543px; margin-bottom:40px;}
.ProductInfo .tit{ font-size:20px; margin-bottom:15px;}
.ProductInfo dl{ position:relative; padding:0px 0px 7px 0px; font-size:16px; color:#222222; width:100%;}
.ProductInfo dl dt{ font-weight:bold; /*position:absolute; left:0px; top:0px; */line-height:43px; display:inline-block;}
.ProductInfo dl dd{ display:inline-block;}
.ProductInfo dl dd span{ display:none; padding:9px 23px; vertical-align:middle; margin:16px 20px 20px 0px; border:1px solid #d5e4f6; background:#fff;}
.ProductInfo .btn a{ color:#333; font-size:16px; display:block; width:100px; margin-top:10px;}

.ProductContent{ clear:both; border:1px solid #e6e6e6; background:#fff;}
.ProductContent .hd{ border-bottom:1px solid #e6e6e6; height:53px; line-height:53px;}
.ProductContent .hd { margin-left:-1px;}
.ProductContent .hd li{ float:left; text-align:center; cursor:pointer; width:118px; font-size:18px; cursor:pointer;}
.ProductContent .hd li.on{ color:#0079c3; background:url(protiton.gif) center top no-repeat; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2;}
.ProductContent .con{ padding:20px; font-size:16px; line-height:2.2em;}
.ProductContent .con .t{ font-size:18px; color:#0079c3;}

@media ( max-width:1260px){
.ProList .swiper-button-prev {left: 20px;}
.ProList .swiper-button-next {right: 0px;}
}
@media ( max-width:998px){
.CaseList ul{ margin-left:-15px;}
.CaseList li .box{line-height:1.5em; margin-left:15px;}
.ProList{ margin-left:-10px;}
.ProList .box1 li .box{ margin:0px 0px 15px 10px;}
.ProList .box2 li .box{ margin:0px 0px 15px 10px;}
.ProList .box3 li .box{ margin:0px 0px 15px 10px;}
.ProList .box4 li .box{ margin:0px 0px 15px 10px;}
.ProList .infotxt{ width:0px; height:0px;display:none; top:-1000px; left:-1000px;}
.ProList .box1 li .box .img{ height:350px;}
.ProList .box1 li .box .img img{ max-height:350px;}
.ProList .box2 li .box .img{ height:220px;}
.ProList .box2 li .box .img img{ max-height:220px;}

.mbmenu{ display:block;}
.ProList .hotcon{ position:relative; padding-left:0px; height:auto;background: url(../none.html) no-repeat left top; margin-bottom:3%;}
.ppc{ display:block;}
.pmc{ display:block;}
}
@media ( max-width:800px){
.CaseList ul{ margin-left:-15px;}
.CaseList li .box{height:auto; padding:10px; font-size:12px;}
.CaseList li .box .img{ position:static;}
.CaseList li .box .img img{ display:block; width:auto; height:200px;}
.CaseList li .box p{ height:100px; overflow:hidden;}
.ProList .box1 li .box .img{ height:330px;}
.ProList .box1 li .box .img img{ max-height:330px;}
.ProList .box2 li .box .img{ height:200px;}
.ProList .box2 li .box .img img{ max-height:200px;}
.ProList .box3 .box .img{ height:200px;}
.ProList .box3 .box .img img{ max-height:200px;}
}
@media ( max-width:768px){
.MenuBox .nav{ float:none; margin-bottom:15px;}
.MenuBox .nav li{ width:50%; margin-left:0px; float:left; line-height:45px;}
.MenuBox .nav li a{margin-left:18px;}
.MenuBox .search{ float:none;}
.MenuBox .search .input{ width:100%; height:48px; line-height:48px; text-indent:1em; font-size:16px; color:#7badd9; background:#f4fafe; border:1px solid #c9e9fd;}
.MenuBox .shop{ position:relative; float:none; margin-top:12px; padding-right:0px; text-align:center; line-height:25px; font-size:16px; color:#000000;}
.MenuBox .shop img{ display:block; position:static; margin:0px auto; right:0px; top:0px; }

.Partner{ height:auto;}
.Partner .box{ position:relative; padding:48px 0px 0px 0px; height:80px;}
.Partner .tit span{ width:auto;}
.Partner .tit{ width:100%; line-height:30px; height:auto; padding:0px; color:#fff; background:#0079c3; font-size:20px;}
.Partner .swiper-button-prev {left: 0px;}
.Partner .swiper-slide{margin-right:10px; width:150px; height:66px;}
.Partner .swiper-slide img{width:150px; height:66px;}
.Partner .swiper-button-prev {top: 85px;}
.Partner .swiper-button-next {top: 85px;}
.ProList .box1 li .box .img{ height:280px;}
.ProList .box1 li .box .img img{ max-height:280px;}
.ProList .box2 li .box .img{ height:160px;}
.ProList .box2 li .box .img img{ max-height:160px;}
.ProList .box3 .box .img{ height:140px;}
.ProList .box3 .box .img img{ max-height:140px;}
.ProductPic{ display:none;}
.Protit{ font-size:22px;}
.ProductInfo{ margin:15px 0px 28px 0px;}
.ProductInfo dl{ padding-bottom:0px; line-height:28px;}
.ProductInfo dl dt{ line-height:28px;}
.ProductInfo dl dd span{ padding:0px 12px; margin:0px 12px 12px 0px;}
}

@media ( max-width:640px){
.SubMenu li{ display:block; float:left; width:50%; padding:0px 0px 10px 0px; text-align:center;}
.CaseList li{ width:auto; float:none;}
.CaseList li .box .img img{ width:100%; height:auto;}
.CaseList li .box .tit{padding:15px 0px;}
.CaseList li .box p{ height:auto;}
.ProTit i{ font-size:28px;}
.ProList .box1 li .box .img{ height:220px;}
.ProList .box1 li .box .img img{ max-height:220px;}
.ProList .box2 li .box .img{ height:120px;}
.ProList .box2 li .box .img img{ max-height:120px;}
.ProList .box3 li { width:50%;}
.ProList .box3 .swiper-slide{ width:50%;}
.ProList .box3 .box .img{ height:140px;}
.ProList .box3 .box .img img{ max-height:140px;}
.ProList .box4 .swiper-slide{ width:50%;}
.ProList .box4 .box .img{ height:140px;}
.ProList .box4 .box .img img{ max-height:140px;}
}

@media ( max-width:480px){
.ProList .box1 li .box .img{ height:180px;}
.ProList .box1 li .box .img img{ max-height:180px;}
.ProList .box2 li .box .img{ height:90px;}
.ProList .box2 li .box .img img{ max-height:90px;}
}



/*新闻资讯*/
.NewsList{ padding-bottom:25px;}
.NewsList li{ border:1px solid #d5e4f6; background:#fff; padding:20px 20px 0px 293px; height:179px; margin-bottom:10px; position:relative;}
.NewsList li .img{ position:absolute; left:0px; top:19px; left:19px;}
.NewsList li .img img{ display:block; width:240px; height:160px; margin:0px auto;}
.NewsList li .tit{ padding-top:2.2%; font-size:16px;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:92%; display:block;}
.NewsList li .tit i{ display:block; width:30px; border-top:3px solid #e5e5e5; height:18px; margin-top:2.2%;}
.NewsList li .p{ line-height:2em; color:#888888; margin-right:121px;}
.NewsList li .dtae{ position:absolute; right:20px; text-align:right; top:39px; color:#b8b8b8; line-height:19px;}
.NewsList li .dtae i{ display:block; line-height:28px; font-size:24px;}
.NewsList li .dtae2{ display:none;}
.NewsList li a.more{ position:absolute; right:20px; top:118px; display:block; background:url(more2.gif); width:36px; height:36px;}
.NewsList li:hover { background:#2878e4;}
.NewsList li:hover a.more{background:url(more3.gif);}
.NewsList li:hover .tit a{ color:#fff;}.NewsList li:hover .tit a:hover{ color:#ffcc00;}
.NewsList li:hover .p{ color:#fff;}
.NewsList li:hover .dtae{ color:#fff;}
.NewsList li:hover .dtae2{ color:#fff;}

.Titleinfo{ color:#666666; padding:0px 0px 24px 0px; margin-bottom:4%; text-align:center; background:url(linebg.gif) 0px bottom repeat-x;}
.Titleinfo .tit{ font-size:20px; color:#333333; padding-bottom:10px;}
.Titleinfo .date i{ margin:0px 12px; display:inline-block;}
.Shares{ display:inline-block; *display:inline;zoom:1; vertical-align:middle;}
.PrevNextBox { border-top:1px solid #dadada; margin:20px 0px 0px; padding:22px 0px 0px; position:relative; color:#888888;}
.PrevNextBox dl{ height:24px; padding-left:56px; position:relative; margin-bottom:7px;}
.PrevNextBox dl b{ position:absolute; left:0px; top:0px; color:#000000; font-weight:normal;}
.PrevNextBox a{ color:#666666;}.PrevNextBox a:hover{ color:#05ca09;}
.PrevNextBox a.none{ cursor:default; color:#888888;}
.PrevNextBox a.none:hover{ color:#888888;}

@media ( max-width:768px){
.NewsList li{padding:20px 20px 0px 250px;}
.NewsList li .img{ position:absolute; left:0px; top:19px; left:19px;}
.NewsList li .img img{width:220px; height:160px;}
.NewsList li .tit i{height:8px;}
.NewsList li .p{ line-height:20px; color:#888888; margin-right:0px;}
.NewsList li .dtae{ display:none;}
.NewsList li .dtae2{ display:block;}
.NewsList li a.more{ display:none;}
.PrevNextBox a{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:90%; display:block;}
}

@media ( max-width:560px){
.NewsList li{padding:10px; height:auto;}
.NewsList li .img{ position:static;}
.NewsList li .img img{width:100%; height:auto;}
}


/*合作加盟*/
.Cooprate{ height:395px;}
.Cooprate li{ width:14.28%; float:left; color:#222222; position:relative; padding-top:79px; line-height:1.7em; margin-top:207px;}
.Cooprate li .infotxt{ text-align:center; width:319px; margin-left:-70px;}
.Cooprate li .infotxt dt{ color:#00a0ea; font-size:16px;}
.Cooprate li .infotxt dd{font-size:17px;}
.Cooprate li .num{ position:relative; text-align:center; border:2px solid #0079c3; border-radius:50%; line-height:56px; width:56px; background:#fff; font-size:30px; margin-bottom:15px; margin-left:-28px; position:absolute; left:50%; top:0px;}
.Cooprate li .line{ display:block; left:50px; bottom:45px; background:url(cline1.png); width:130px; height:82px; position:absolute;}
.Cooprate li.next{ padding:0px 0px 79px; margin-top:0px;}
.Cooprate li.next .num{top:auto; bottom:-10px;}
.Cooprate li.next .line{ display:block; left:50px; top:50px; bottom:auto; background:url(cline2.png); width:130px; height:82px; position:absolute;}
.Cooprate li:last-child .line{ display:none;}
.Cooprate li:hover .num{ color:#fff; background:#0079c3;}
.Cooprate li:nth-child(even){ padding:0px 0px 79px; margin-top:0px;}
.Cooprate li:nth-child(even) .num{top:auto; bottom:-10px;}
.Cooprate li:nth-child(even) .line{ display:block; left:50px; top:50px; bottom:auto; background:url(cline2.png); width:130px; height:82px; position:absolute;}

.Cooprate li:last-child .line{ display:none;}
.Cooprate .li1{opacity:0;transition:opacity 1s;}
.Cooprate .li2{opacity:0;transition:opacity 1s 0.4s;}
.Cooprate .li3{opacity:0;transition:opacity 1s 0.8s;}
.Cooprate .li4{opacity:0;transition:opacity 1s 1.2s;}
.Cooprate .li5{opacity:0;transition:opacity 1s 1.8s;}
.Cooprate .li6{opacity:0;transition:opacity 1s 2.2s;}
.Cooprate .li7{opacity:0;transition:opacity 1s 2.6s;}
.Cooprate.anm li{opacity:1;}


.Support{}
.Support li{ margin-bottom:20px; position:relative; border:1px solid #eef3fa; height:60px; padding-left:172px;}
.Support li .tit{ background:#fff; border:1px solid #e4e4e4; font-size:18px; width:148px; height:58px; position:absolute; left:0px; top:0px;text-align:center; line-height:20px;}
.Support li .tit span{width:148px; height:58px;display:table-cell; vertical-align:middle; line-height:20px;}
.Support li .infotxt{ height:58px; padding-right:12px;display:table-cell; vertical-align:middle; line-height:18px;}
.Support li:hover{ background:#e5eef8; border:1px solid #98d4f9; color:#0079c3;}
.Support li:hover .tit{ color:#fff; background:#0079c3; border:1px solid #0079c3;}

.ShopList{ padding-bottom:15px;}
.ShopList ul{ margin-left:-27px;}
.ShopList li{ width:25%; float:left;}
.ShopList li .box{margin:0px 0px 27px 27px;}
.ShopList li .box .img img{ height:200px;}
.ShopList li .box .tit{ margin-top:15px; text-align:center; line-height:20px;}

@media ( max-width:980px){
.Cooprate{ height:auto;}
.Cooprate li{ width:auto; margin:0px 0px 15px 0px; float:none; padding:10px 0px 15px 79px; height:auto !important; height:60px; background:url(linebg2.gif) 0px bottom repeat-x; min-height:60px;}
.Cooprate li .line{ display:none;}
.Cooprate li .num{ left:0px; top:10px; margin:0px;}
.Cooprate li .infotxt{ text-align:left; width:atuo; margin-left:0px;}
.Cooprate li:nth-child(even){ width:auto; margin:0px; float:none; padding:0px 0px 15px 79px;}
.Cooprate li:nth-child(even) .num{ left:0px; top:0px; bottom:auto;}
.Cooprate li:nth-child(even) .line{ display:none;}
.Support li{height:auto; padding-left:0px; background:#e5eef8; border:1px solid #98d4f9;}
.Support li .tit{ position:static; width:auto; height:auto; padding-left:15px; background:#0079c3; color:#fff;}
.Support li .tit span{width:auto; height:35px;display:table-cell; vertical-align:middle; line-height:35px;}
.Support li .infotxt{ height:auto; padding:10px;display:table-cell; vertical-align:middle; line-height:18px;}
.ShopList ul{ margin-left:-15px;}
.ShopList li .box{ margin:0px 0px 10px 15px;}
.ShopList li .box .img img{ height:170px;}
.ShopList li .box .tit{ margin-top:10px;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:90%; display:block;}
}
@media ( max-width:760px){
.ShopList li{ width:50%; float:left;}
}
@media ( max-width:480px){
.ShopList li .box .img img{ height:140px;}
}
@media ( max-width:360px){
.ShopList li .box .img img{ height:110px;}
}


/*联系我们*/
.contactus ul{ margin-left:-30px;} 
.contactus li{ width:50%; float:left; color:#444444;} 
.contactus li .box{ border:1px solid #d5e4f6; background:#fff; margin:0px 0px 30px 30px; height:200px;} 
.contactus li:hover .box{box-shadow:0px 3px 5px #888; border:1px solid #e8353b;}
.contactus li .box .con{ padding:4%;} 
.contactus li .box .con .tit{ font-size:16px; padding-bottom:1%;} 

.Warmtip{ background:#fff; color:#222222; line-height:1.7em; padding:2.5%; font-size:16px;}
.Warmtip h2{ font-size:16px; color:#000;}

.Message{ margin-top:27px;}
.Message dl{ padding:0px 0px 0px 104px; padding-bottom:20px; position:relative;}
.Message dl dt{ width:94px; position:absolute; left:0px; top:0px; line-height:40px; font-size:15px; text-align:right;}
.Message dl dt i{ color:#f6ab00;}
.Message dl .input{ background:#fff; border:1px solid #dddddd; width:227px; text-indent:1em; height:38px; line-height:38px;}
.Message dl .yzinput{ background:#fff; border:1px solid #dddddd; width:118px; text-indent:1em; height:38px; line-height:38px;}
.Message dl .tip{ color:#999999;}
.Message dl .textarea{ padding:10px; border:1px solid #dddddd; background:#fff;}
.Message dl .textarea textarea{ width:100%; border:0px; height:185px;}
.Message dl .sendbtn{ font-size:16px; color:#fff; width:160px; height:40px; cursor:pointer; background:#00a0e9; border:0px;}

.mapbox{ width:667px; position:relative; margin:0px auto;}
.maptxt{}
.maptxt .item{ position:absolute; text-align:center; cursor:pointer; padding-top:31px; width:40px; line-height:17px;}
.maptxt .item.xj{ left:125px; top:144px;}
.maptxt .item.qh{ left:234px; top:245px;}
.maptxt .item.xz{ left:135px; top:311px;}
.maptxt .item.nmg{ left:336px; top:183px;}
.maptxt .item.gs{ left:304px; top:232px;}
.maptxt .item.nx{ left:347px; top:249px;}
.maptxt .item.sc{ left:313px; top:329px;}
.maptxt .item.yn{ left:272px; top:426px;}
.maptxt .item.shx{ left:374px; top:279px;}
.maptxt .item.chq{ left:356px; top:340px;}
.maptxt .item.guiz{ left:346px; top:390px;}
.maptxt .item.guangx{ left:369px; top:439px;}
.maptxt .item.shanx{ left:420px; top:216px;}
.maptxt .item.hen{ left:435px; top:283px;}
.maptxt .item.hub{ left:421px; top:332px;}
.maptxt .item.hun{ left:419px; top:374px;}
.maptxt .item.beij{ left:465px; top:170px;}
.maptxt .item.hebei{ left:460px; top:213px;}
.maptxt .item.tianj{ left:484px; top:194px;}
.maptxt .item.shand{ left:496px; top:236px;}
.maptxt .item.jiangs{ left:504px; top:283px;}
.maptxt .item.shangh{ left:525px; top:307px;}
.maptxt .item.anhui{ left:481px; top:330px;}
.maptxt .item.zhej{ left:531px; top:343px;}
.maptxt .item.jiangx{ left:468px; top:373px;}
.maptxt .item.fuj{ left:506px; top:400px;}
.maptxt .item.guangd{ left:452px; top:445px;}
.maptxt .item.taiwan{ left:526px; top:435px;}
.maptxt .item.xiangg{ left:490px; top:461px;}
.maptxt .item.aom{ left:440px; top:479px;}
.maptxt .item.hain{ left:377px; top:507px;}
.maptxt .item.liaon{ left:535px; top:164px;}
.maptxt .item.jil{ left:570px; top:125px;}
.maptxt .item.helj{ left:582px; top:68px;}
.maptxt .item a{ display:block; height:21px;}
.maptxt i.on{ display:block; width:20px; height:28px; position:absolute; top:0px; left:10px; background:url(lal.png);}
.maptip{ text-align:center; font-size:15px; text-align:center; padding-top:4.5%;}
.maptxt .poptxt{ display:none; position:absolute; background:url(mapmast.png); width:280px; height:215px; padding-top:10px; bottom:30px; left:-100px;}
.maptxt .poptxt img{ display:block; width:260px; height:180px; margin:0px auto; border-radius:5px;}
.maptxt .item.cur { z-index:10;}
.maptxt .item.cur .poptxt{ display:block;}

.mobilemap{ display:none;}

@media ( max-width:998px){
.contactus ul{ margin-left:-15px;} 
.contactus li .box{ margin:0px 0px 15px 15px; line-height:1.6em;} 
.maptxt{ display:none;}
.mobilemap{ display:block;}
.maptip{ padding-bottom:15px;}
}

@media ( max-width:648px){
.contactus li{ width:auto; float:none; color:#444444;} 
.contactus li .box{ height:auto;} 
.Message dl{ padding:0px 0px 0px 75px; padding-bottom:10px; position:relative;}
.Message dl dt{ width:75px;line-height:30px; font-size:13px;}
.Message dl .input{ text-indent:1em; height:30px; line-height:30px;}
.Message dl .tip{ font-size:12px; line-height:18px; padding-top:4px; display:block;}
.Message dl .yzinput{ width:50%;height:30px; line-height:30px;}
.Message dl .sendbtn{ width:100%;}
.mapbox{ width:auto;margin:0px auto;}
}


/*20170927一站式服务*/
.yzsban{  background-position:center;background-repeat:no-repeat;height:568px;}
.yzstxt{ text-align:center; color:#0079c3; padding:28px 10px 10%; font-size:20px; line-height:1.6em;}
.yzsarea{ background:url(yzsareabg.jpg) center bottom no-repeat; height:400px;}
.yzsarea .house{ position:relative; margin-top:-119px; width:646px; float:left;}
.yzsarea .house img{ display:block;}
.yzsarea .house li{ position:absolute;}
.yzsarea .house li .dot{ width:28px; height:28px; background:url(dot.png);-webkit-animation: scaleout 1.3s infinite ease-in-out;animation: scaleout 1.3s infinite ease-in-out;}
@-webkit-keyframes scaleout {
    0% { -webkit-transform: scale(1.0) }
    100% {
        -webkit-transform: scale(1.1);
        opacity: 0.4;
    }
}
@keyframes scaleout {
    0% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    } 100% {
          transform: scale(1.1);
          -webkit-transform: scale(1.1);
          opacity: 0.4;
      }
}
.yzsarea .house li.h1{ left:41%; top:6%;}
.yzsarea .house li.h2{ left:34.2%; top:51.5%;}
.yzsarea .house li.h3{ left:17%; top:43%;}
.yzsarea .house li.h4{ left:80%; top:65.5%;}
.yzsarea .house li.h5{ left:67%; top:46%;}
.yzsarea .house li.h6{ left:40%; bottom:2%;}
.yzsarea .house li .mast{ position:absolute; right:0px; bottom:0px; display:none; background:#e62129; color:#fff; width:160px; border-radius:8px; padding:20px;}
.yzsarea .house li .mast dt{ font-size:20px; padding-bottom:5px; text-align:center;}
.yzsarea .house li .mast dd p{ background:url(dot2.png) 0px 5px no-repeat; padding-left:14px;}
.yzsarea .house li:hover .mast{ display:block;}

.yzsarea .info{ width:32%; font-size:16px; float:right; color:#fff; padding-top:5%; line-height:1.8em;}
.yzsarea .info h2{ font-weight:normal; font-size:25px;}
.yzsarea .info p{ margin-top:14px;}

.yzstit{ text-align:center; width:60%; margin:0px auto; padding:3% 0;}
.yzspersonal{}
.yzspersonal li{ width:25%; float:left; text-align:center; position:relative;}
.yzspersonal li .box{ height:268px; border:1px solid #dfdfdf; margin:-1px 0px 0px -1px;}
.yzspersonal li .box dl{ width:60%; margin:0px auto; padding-top:24px; color:#999999; line-height:20px;}
.yzspersonal li .box dl dt{ line-height:43px; font-size:18px; color:#222222;}
.yzspersonal li .box dl dd{ height:70px;}
.yzspersonal li .box .icon{ width:100px; height:100px; margin:0px auto;}
.yzspersonal li .box .icon.icon1{ background:url(iconp1-2.png); background-size:contain;}
.yzspersonal li:hover .box .icon.icon1{ background:url(iconp01-2.png); background-size:contain;}
.yzspersonal li .box .icon.icon2{ background:url(iconp2-2.png); background-size:contain;}
.yzspersonal li:hover .box .icon.icon2{ background:url(iconp02-2.png); background-size:contain;}
.yzspersonal li .box .icon.icon3{ background:url(iconp3-2.png); background-size:contain;}
.yzspersonal li:hover .box .icon.icon3{ background:url(iconp03-2.png); background-size:contain;}
.yzspersonal li .box .icon.icon4{ background:url(iconp4.png); background-size:contain;}
.yzspersonal li:hover .box .icon.icon4{ background:url(iconp04.png); background-size:contain;}
.yzspersonal li:hover .box{ background:#c90112; border:1px solid #c90112; box-shadow:0px 8px 8px #c5c4c4; padding:10px 0px; margin-top:-10px; position:relative; z-index:1;}
.yzspersonal li:hover .box dl{ color:#fff;}
.yzspersonal li:hover .box dl dt{ color:#fff;}

.yzsitem{ position:relative; margin-bottom:5%;}
.yzsitem .swiper-slide{ width:33.333%; position:relative;}
.yzsitem .swiper-slide img{ display:block; width:100%;}
.yzsitem .swiper-button-prev {background: #0878d9 url(itemarr.png) no-repeat center center;position: absolute; z-index:999;left: 0px;top: 50%; margin-top:-19px;width: 35px;height:53px;}
.yzsitem .swiper-button-next { background: #0878d9 url(itemarr2.png) no-repeat center center; position: absolute; z-index:999; right: 0px;top:50%; margin-top:-19px; width: 35px; height:53px;}
.yzsitem .swiper-slide .mast{filter:alpha(opacity=90);-moz-opacity: 0.9;opacity:0.9; background:#0277db; width:100%; height:100%; position:absolute; display:none;}
.yzsitem .swiper-slide .mast dl{ padding:6% 5% 5%; color:#cbdcf5;}
.yzsitem .swiper-slide .mast dl dt{ text-align:center; color:#dde8f8; font-size:20px; padding-bottom:6%;}
.yzsitem .swiper-slide:hover .mast{display:block;}

.yzsselect{ height:460px; background:url(yzsselectbg.jpg) center top no-repeat; position:relative;}
.yzsselect ul{ margin-left:-24px;}
.yzsselect li{ width:16.666%; float:left;}
.yzsselect li .box{ margin-left:24px; background:#fff; height:240px; line-height:17px; text-align:center; color:#bbbbbb;}
.yzsselect li .icon{ width:35%; margin:0px auto; padding:12% 0px 10%;}
.yzsselect li dl dt{ color:#222222; font-weight:bold; line-height:42px; font-size:18px;}

.yzscase { margin-bottom:5%; position:relative;}
.yzscase .casebox{ width:627px; height:398px; float:left; border:1px solid #e4e4e4; position:relative;}
.yzscase .casebox li{ padding-left:500px;}
.yzscase .casebox li .big{ position:absolute; width:500px; left:-1px; top:-1px;}
.yzscase .casebox li .big img{ display:block; width:500px; height:400px;}
.yzscase .casebox li .small{ cursor:pointer; padding-left:9px;}
.yzscase .casebox li .small img{ width:110px; height:88px; display:block; padding-top:9px;}
.yzscase .casebox li a.zoom{ display:block; position:absolute; display:block; background:url(zoom.gif); width:48px; height:41px; right:0px; bottom:0px;}
.yzscase .casebox li.on .big{ z-index:2;}
.yzscase .caseinfo{ width:45%; float:right;}
.yzscase .caseinfo .tit{ line-height:29px;}
.yzscase .caseinfo .tit h2{ float:left; font-weight:normal; font-size:30px; color:#222222;}
.yzscase .caseinfo .tit span{ float:right; min-width:202px;}
.yzscase .caseinfo .pcon{ font-size:16px; padding:10px 0px 18px; color:#5d5d5d;}
.yzscase .caseinfo .pcon .xin{ float:right; min-width:202px;}
.yzscase .caseinfo .hd{ line-height:40px; height:40px;}
.yzscase .caseinfo .hd li{ width:148px; float:left; text-align:center; font-size:18px;}
.yzscase .caseinfo .hd li a{ background:#eaeaea; display:block; margin-right:3px; color:#222222;}
.yzscase .caseinfo .hd li.on a{ color:#fff; background:#0878d9;}
.yzscase .caseinfo .bd{ border:1px solid #eaeaea;}
.yzscase .caseinfo .bd li{ width:31.333%; padding:0 1%; float:left; text-align:center; padding-top:22px; padding-bottom:8px;}
.yzscase .caseinfo .bd li .img{ width:90%; margin:0px auto;}
.yzscase .caseinfo .bd li img{ display:block; margin:0px auto 5px;}
.yzscase .swiper-button-prev {background: #0878d9 url(itemarr.png) no-repeat center center;position: absolute; z-index:999;left: 0px;top: 60%; margin-top:-10px;width: 35px;height:53px;}
.yzscase .swiper-button-next { background: #0878d9 url(itemarr2.png) no-repeat center center; position: absolute; z-index:999; right: 0px;top:60%; margin-top:-10px; width: 35px; height:53px;}
.yzscase .con{ padding-top:20px;}

.yzsmsg{ height:550px; background:url(yzsmsgbg.jpg) center top no-repeat; margin-bottom:0%;}
.yzsmsg .map{ width:50%; float:left; padding-top:3%;}
.yzsmsg .txt{ width:45%; float:right; color:#fff; padding-top:6%;}

.yzsbottom{ background:#1c1a1b; padding:4% 0; color:#fff;}
.yzsbottom .tit{ text-align:center; width:96%; margin:0px auto 4%;}
.yzsbottom .con-left{ width:25%; padding-left:5%; float:left; line-height:2.2em;}
.yzsbottom .con-center{float:left;}
.yzsbottom .con-center li{ padding-right:38px;float:left; text-align:center; color:#a8a8a8; font-size:13px;}
.yzsbottom .con-center li img{ display:block; margin:0px auto 5px; width:86px; height:86px; border:2px solid #fff;}
.yzsbottom .con-right{ width:35%; float:right;}

@media ( max-width:1200px){
.yzscase .casebox{ float:none; margin:0px auto;}
.yzscase .caseinfo{ width:auto; float:none;}
}

@media ( max-width:992px){
.yzsarea{ background-size:cover; height:auto; padding:15px 0px;}
.yzsarea .house{ margin:0px auto;float:none;}
.yzsarea .info{ width:auto; float:none;}
.yzspersonal li:hover .box{ padding:0px 0px; margin-top:-1px; }
.yzsselect{ background-size:cover; height:auto; padding-top:15px;}
.yzsselect ul{ margin-left:-15px;}
.yzsselect li{ width:33.333%; margin-bottom:15px;}
.yzsselect li .box{ margin-left:15px; height:200px;}
.yzsmsg{ background-size:cover; height:auto; padding:15px 0px;}
.yzsbottom .con-left{padding-left:0%;}
}
@media ( max-width:648px){
.yzstxt{ font-size:16px;}
.yzsban{height:200px; background-size:cover;}
.yzsarea .house{ width:auto;}
.yzsarea .house li.h1 .mast{ right:-100px;}
.yzsarea .house li.h2 .mast{ right:-100px;}
.yzsarea .house li.h3 .mast{ right:-140px;}
.yzsarea .house li.h6 .mast{ right:-50px;}
.yzspersonal li{ width:50%;}
.yzspersonal li .box dl{ width:80%;}
.yzspersonal li .box .icon{ width:80px; height:80px;}
.yzsitem .swiper-slide{ width:50%;}
.yzsitem .swiper-slide .mast dl{ font-size:12px; line-height:15px;}
.yzsitem .swiper-slide .mast dl dt{ font-size:16px;}
.yzsselect li{ width:50%;}
.yzsmsg .map{ width:auto; float:none; padding-top:3%;}
.yzsmsg .txt{ width:auto; float:none;padding-top:6%;}
.yzscase .casebox{ width:100%; height:302px; float:none; margin-bottom:12px;}
.yzscase .casebox li{ float:left; width:25%; padding-left:0px; padding-top:205px;}
.yzscase .casebox li a.zoom{right:0px;}
.yzscase .casebox li .big{height:200px; overflow:hidden; width:100%;}
.yzscase .casebox li .big img{width:100%;}
.yzscase .casebox li .small{padding-left:0px; margin:0px 3px;}
.yzscase .casebox li .small img{ width:100%; height:70px; padding-top:0px;}
.yzscase .caseinfo .tit span{ min-width:130px;}
.yzscase .caseinfo .pcon .xin{ min-width:130px;}
.yzscase .caseinfo .hd li{ width:33%;font-size:14px;}
.yzscase .caseinfo .hd li a{ background:#eaeaea; display:block; margin-right:3px; color:#222222;}
.yzscase .swiper-button-prev {top: 23%;}
.yzscase .swiper-button-next {top:23%;}
.yzsbottom .con-left{ width:auto; float:none;}
.yzsbottom .con-center{float:none; padding:15px 0px;}
.yzsbottom .con-center li{ padding-right:0px; width:50%;}
.yzsbottom .con-right{ width:auto; float:none;}
}