@charset "utf-8";
@import "base.css";



.hander{ width:100%;padding:50px 2%; background:#FFFFFF}

.logo{width:480px; float:left;}
.menu{ width:640px;float:right; margin-top:28px;}
.menu li{width:calc(100% / 6);float:left;text-align:center; position:relative; font-size:20px; font-weight:normal;}
.menu li a{overflow:hidden;height:22px; line-height:22px;  display:block; color:#000; position:relative;}
.menu li a span{ position:absolute;  width:100%; display:block; }
.menu li span.active{ top:0;}
.menu li span.curr{top:22px;}
.menu li span.nav_blod{ background-color:#b8024c; color:#FFF}

/* focusindex */
#focusindex{height:620px; overflow: hidden; position: relative; }
#focusindex li{ height:100%; overflow: hidden; position: absolute; width: 100%; }
#focusindex li img{width: 100%;height: 100%;object-fit: cover }
#focusindex .btnw{position:absolute;z-index:90; width: 100%;text-align: center; bottom:0;padding-bottom:55px;}
#focusindex .btnw span{display:inline-block;_display:inline;_zoom:1;width:60px;height:3px;_font-size:0;margin:35px;cursor:pointer; background:#adadad;z-index:9;}
#focusindex .btnw span.on{background:#fff;z-index:9}
#focusindex .preNext{width:53px;height:96px;position:absolute;top:270px;background: url(?theme/skins109/images/sprite.png) no-repeat left bottom;cursor:pointer;z-index:9; opacity:0;transition: all 0.3s linear 0s;}
#focusindex .pre{left:0%; z-index:9}
#focusindex .next{right:0%;background-position:right bottom;z-index:9}
#focusindex:hover .preNext{opacity:0.5;}
#focusindex:hover .pre{left:10%; }
#focusindex:hover .next{right:10%;}
#focusindex .pre:hover,#focusindex .next:hover{opacity:1;}


.numBox{width:80%;margin:20px auto;text-align:center;}
.numBox ul li{width: 25%;float: left}
.numBox ul li a{margin:0 0 0 18%;text-decoration:none;display:block;color:#333;-webkit-transition:all .25s ease;transition:all .25s ease}
.numBox ul li a .value{-webkit-transition:all .25s ease;transition:all .25s ease}
.numBox ul li a .label{color:#999;-webkit-transition:all .25s ease;transition:all .25s ease}
.numBox ul li a:hover{-webkit-transform:translateY(-5px) scale(1.02);transform:translateY(-5px) scale(1.02);}
.numBox ul li a:hover .value{-webkit-transform:translateY(-3px);transform:translateY(-3px);color:#b8024c}
.numBox ul li a:hover .label{color:#666}
.numBox ul li .value{font-size:2.5rem;font-family:"Avenir Next W01","Proxima Nova W01",Rubik,-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:1px;display:inline-block;vertical-align:middle}
.numBox ul li .trending{padding:0 5px;border-radius:30px;display:inline-block;font-size:1.81rem;vertical-align:middle;margin-left:5px}
.shareList2 ul li .txt h3 a{
	border-bottom: 1px solid #000000;
}
.shareList2 {
	margin-bottom: 3vw;
}
.shareList2 ul li .txt{
	    background: #F8F8F8 !important;
}
.shareList2 h2{
	font-size: 50px;
	text-align: center;
	padding: 40px ;
	color: #777;
}
@media only screen and  (max-width:1200px){
    .hander{padding:30px 2%;}

    .logo{width:480px; float:none; margin: auto}
    .menu{ width:640px;float:none; margin:20px auto 0;}


    /* focusindex */
    #focusindex{height:380px;}
    #focusindex .btnw{ padding-bottom:15px;}
    #focusindex .btnw span{margin:15px;}

    #focusindex .preNext{top:50%;margin-top: -48px;}
    #focusindex:hover .pre{left:5%; }
    #focusindex:hover .next{right:5%;}



    .numBox{width:92%;margin:20px auto}
	.shareList2 h2{
		font-size: 30px;
		padding: 20px;
	}
}
@media only screen and (max-width:640px){
	.shareList2 h2{
		font-size: 20px;
		padding: 0 20px 20px;
	}
    .hander{padding:10px 0;}

    .logo{width:90%; float:none; margin: auto}
    .menu{ width:96%;float:none; margin:20px auto 0;}
    .menu li{width:calc(100% / 4);font-size:16px;}
    .menu li a{line-height: 30px;height: 30px;}

    #focusindex{height:180px;}
    #focusindex .btnw span{width:30px;height:8px;margin:5px;}

    #focusindex .preNext{display: none}

    #focusindex .pre:hover,#focusindex .next:hover{opacity:1;}

    .numBox{width:100%;margin:20px auto}
    .numBox ul li{width:50%;float: left}
    .numBox ul li a{margin:0 0 0 10px;}
    .numBox ul li .value{font-size:2rem;}

}





.subnav{ padding:55px 0 35px 40px;}
.subnav a{ display:inline-table; font-size:20px; padding:0 10px; margin:0 5px; color:#333;}
.subnav a.cur{ background-color:#d6d6d6; border-bottom:2px solid #c81e5d;}


.sbox .caselist{width:100%;text-align:center;padding:10px 0;overflow:hidden;}
.sbox .caselist ul{ padding:5px;}
.sbox .caselist ul li{float:left;width:25%;overflow:hidden;position:relative;}
.sbox .caselist ul li .img{height:100%;margin:5px;overflow:hidden;}
.sbox .caselist ul li .img img{-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-ms-transition:all .5s linear;-o-transition:all .5s linear;transition:all .5s linear;}

.sbox .caselist ul li .mask{color:#fff;position:absolute;top:5px;left:5px;width: calc(100% - 10px);height:calc(100% - 10px);overflow:hidden;-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;background:rgba(0,0,0,.6)}
.sbox .caselist ul li h3{ padding:30px;color:#fff;font-size:16px; font-family:"微软雅黑"; font-weight:normal; text-align:left;}
.sbox .caselist ul li p{color: #fff;padding: 0px 60px 30px 30px;font-size: 14px;font-family: "微软雅黑";font-weight: normal;text-align: left;position: absolute;bottom: 45px;}
.sbox .caselist ul li .title{font-size:20px;text-align:left;margin: 20px; height:30px;line-height: 30px;overflow: hidden}
.sbox .caselist ul li a.arrow{padding:0px 30px;color:#fff;font-size:16px; font-family:"微软雅黑"; font-weight:normal; text-align:left;}
.sbox .caselist ul li a:hover img{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}
.sbox .caselist ul li a:hover .mask{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;}
.sbox .caselist ul li a:hover .arrow{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:.5s;-moz-transition-delay:.5s;-ms-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s}
.sbox .caselist ul li a:hover .arrow{-webkit-transition-delay:.7s;-moz-transition-delay:.7s;-ms-transition-delay:.7s;-o-transition-delay:.7s;transition-delay:.7s}

.loadings{ text-align:center; margin:30px 0; color:#999;display:none;}

.loadmore{ text-align:center; margin:30px auto 60px; width: 150px;}

.friend-links {padding: 0 50px 38px;width: 100%;}
.friend-links h6 {padding-bottom: 9px;font-size: 16px;line-height: 24px;color: #666}
.friend-links h6 .tilte {margin-right: 9px}
.friend-links h6 .tilte:before {content: '';display: inline-block;vertical-align: top;width: 5px;height: 16px;margin: 4px 10px 0 0;background: #d90000}
.friend-links .link-list a {position: relative;font-size: 14px;margin-right: 15px;color: #333;}
.friend-links .link-list a:hover {color: #000;}
.friend-links .link-list a::before {content: '';position: absolute;left: -8px;top: 1px;width: 1px;height: 14px;background-color: #777}

.footer{ padding:90px 0 0;}
.foot{width: 80%;margin: auto}
.footer .show{ font-size:24px;padding:0 0 40px 0; text-align:center;}

.footer .iphone{ border-bottom:2px solid #666;border-top:2px solid #666; padding:20px;font-size:28px;position: relative}
.footer .iphone:before{ position: absolute;content: "";width:2px;height:calc(100% - 40px);left: 50%;background: #666}
.footer .iphone span{float:right;}

.footer .erweima{padding:40px 0 20px 0;text-align: center}
.footer .erweima ul li{width:153px;line-height:48px; font-size:18px;display: inline-block;margin: 0 50px;}

.door{ font-size:18px; line-height:38px;text-align:center; color:#666;}


.CopyrightBox{ background:#333; padding:40px 5%; color:#fff; line-height:28px;width:100%; margin:90px auto 0;}
.CopyrightBox a{color:#d1d1d1;}

.CopyrightBox .foot-left{position:relative;float:left;width: 40%}
.foot-pp{ font-size:29px; margin:75px 0 20px;}
.foot-hyphen{position:absolute;top:107px;left:0;width:27px;height:2px;background-color:#666}
.foot-pp:after{ color:#d1d1d1; display:inline-block; font-size:22px;}
.foot-uy{ color:#d1d1d1}

.CopyrightBox .foot-right{position:relative;float:right;color:#d1d1d1;width: 52%}
.footer .iphonec1{border-bottom:1px solid #666;border-top:1px solid #666; font-size:18px; padding:10px 0; line-height:18px; margin-bottom:41px;}
.footer .iphonec1.iphone:before {position: absolute;content: "";width: 2px;height: calc(100% - 20px);left: 50%;background: #666;}
.footer .foot-zhichi em{}

.footer .foot-line {position:absolute;top:195px;right:-1px;background-color:#666;width:100%;height:1px;}
.CopyrightBox .foot-nav{ margin-bottom:29px;}
.CopyrightBox .foot-nav a{display:inline-block; color:#FFF; font-size:22px;width:90px;}

.page{padding: 20px;text-align: center;}
.page a{border: 1px solid #ccc;padding: 3px 10px;margin: 5px;color: #666}
.page a.active{background: #ccc;color: #666}
.usabout{
	text-align: center;
	padding: 4vw 3vw;
	border-top: 1px solid #888888;
	border-bottom: 1px solid #888888;
	max-width: 1600px;
	margin: 4vw auto;
}
.usabout img{
	display: block;
	margin: 0 auto;
	width: auto;
}
.usabout h4{
	font-size:44px ;
	line-height: 1.7;
	color: #333;
	margin-top: 80px;
}
.usabout p{
	font-size:24px ;
	line-height: 1.7;
	color: #333;
	margin-top: 40px;
}
@media only screen and (max-width:1200px){
    .subnav{ padding:20px 0 10px;}
    .subnav a{ font-size:16px; padding:0; margin:0 5px;}
.usabout h4{
	font-size:26px ;
	line-height: 1.7;
	color: #333;
	margin-top: 40px;
}
.usabout p{
	font-size:16px ;
	line-height: 1.7;
	color: #333;
	margin-top: 20px;
}

    .sbox .caselist ul li{float:left;width:33.3%;overflow:hidden;position:relative;}

    .friend-links {padding: 0 10px 10px;}

    .footer{padding:30px 0 0;}
    .foot{width:90%;}
    .footer .show{ font-size:20px;padding:0 0 20px 0; }

    .footer .iphone{ padding:10px;font-size:18px;}
    .footer .iphonec1.iphone:before {width:0;}
    .footer .foot-line {display:none}
    .footer .iphone:before{ height:calc(100% - 20px);width: 1px;}

    .footer .erweima ul li{width:153px;line-height:48px; font-size:18px;display: inline-block;margin: 0 50px;}



    .CopyrightBox{ padding:20px 3%; margin:30px auto 0;}

    .foot-pp{ font-size:20px; margin:20px 0 10px;}

    .CopyrightBox .foot-right{float:right;color:#d1d1d1;width: 52%}
    .footer .iphonec1{font-size:14px; padding:10px 0; line-height:18px; margin-bottom:20px;}

    .CopyrightBox .foot-nav{ margin-bottom:15px;}
    .CopyrightBox .foot-nav a{ font-size:14px;width:90px;}

}

@media only screen and (max-width:640px){
    .subnav{ padding:20px 0 10px;}
    .subnav a{ font-size:14px; padding:0; margin:0 5px;}
.usabout img{
	width: 50%;
}
.usabout p br{
	display: none;
}
    .sbox .caselist ul li{float:left;width:50%;overflow:hidden;position:relative;}

    .friend-links {padding: 0 20px 38px;width: 100%;}

    .foot{width:96%;}
    .footer .show{ font-size:16px; }
.usabout h4{
	font-size:18px ;
	line-height: 1.7;
	color: #333;
	margin-top: 30px;
}
.usabout p{
	font-size:14px ;
	line-height: 1.7;
	color: #333;
	margin-top: 15px;
}
    .footer .iphone{ padding:10px 0;font-size:15px;}

    .footer .erweima ul li{width:120px;line-height:48px; font-size:18px;display: inline-block;margin: 0 10px;}
    .door{ font-size:14px; line-height:26px;}

    .CopyrightBox .foot-left,.CopyrightBox .foot-right {float: none;width:96%;margin: auto;text-align:center;font-size:13px;}
.CopyrightBox .foot-left img{
	margin: 0 auto;display: block;
}
    .CopyrightBox{ padding:20px 3%; margin:30px auto 0;}
    .foot-hyphen{display: none}
    .foot-pp{ font-size:20px; margin:20px 0 10px;text-align: center}
    .foot-pp:after{display: none}
    .foot-uy{text-align: center}
    .footer .iphonec1{font-size:14px; padding:10px 0; line-height:18px; margin:20px 0;}
    .footer .iphonec1 em{display: none}
    .footer .iphonec1 span{float: none;margin-left: 10px;border-left: 1px solid #666;padding-left: 10px;}
    .footer .iphonec1 span em{display: inline-block;font-size: 12px;}
    .footer .foot-beian, .footer .foot-beian a,.footer .foot-zhichi{color: rgba(255,255,255,0.2);font-size: 12px;}
    .footer .foot-zhichi em{float: none;display: block;font-size: 14px;color: rgba(255,255,255,0.2);}
    .CopyrightBox .foot-nav{ display: none}
    .CopyrightBox .foot-nav a{ font-size:14px;width:60px;}
	
	.footer .foot-zhichi em>span{
		overflow: hidden;
		    display: inline-block;
		    /* width: 60%; */
		    text-align: left;
		    width: 75%;vertical-align: top;
	}
.footer .foot-zhichi em em{
	float: none !important;
	 display: inline-block;
	 
}
}








/*pages*/
.warp1200{ width:1200px; margin:0 auto; overflow:hidden;}

.fleldBox2 ul li{ width:28.3%; float:left;line-height:2.5; background:#d7d7d7; color:#333; padding:50px 10px; margin:0 2.5% 80px;border-bottom:5px solid #fff;}
.fleldBox2 ul li h3{ font-size:36px; font-weight:bold; text-align:center;color:#000;}
.fleldBox2 ul li p{font-size:18px;  text-align:center;    min-height: 225px;}
.fleldBox2 ul li:hover { background-color:#7d7d7d;color: #eaeaea; border-bottom:5px solid #d60c46;}
.fleldBox2 ul li:hover h3 { color:#FFF}

.fleldBox3{padding:100px 0;font-size:18px; line-height:2.2;}
.fleldBox3 .fleldpic{float: right; width: 45%}
.fleldBox3 .fleldtxt{ width:50%;float: left;}
.fleldBox3 .fleldtxt p{ margin-bottom:40px;}
.fleldBox3 .fleldtxt h2{font-size:56px;}

.fleldBox4{ text-align:center; font-size:32px; padding:40px 0 0;}

.shareList  ul li{margin-bottom: 20px;float: left;color:#666;transform: translate3d(0,0,0);transition:all ease-out 0.5s; width: 25%;font-size: 16px; line-height: 1.5}
.shareList  ul li:hover{transform: translate3d(0,-20px,0);}
.shareList  ul li .con{padding: 10px;}
.shareList  ul li .img{ background: #f8f8f8;height: 280px;overflow: hidden}
.shareList  ul li .txt{padding:20px 15px; background:#eaeaea;}
.shareList  ul li .txt h3 a{font-size:26px; color: #333; display: block;line-height: 44px;height: 88px;overflow: hidden;}
.shareList  ul li .txt p{margin-top: 20px;line-height: 24px;height: 48px;overflow: hidden;}
.shareList  ul li .img img{
	height: 100%;display: block;
}

.about{ margin:50px auto 30px;font-size:18px;color:#3e3a39; line-height: 2}
.about .con{padding: 0 10px;}
.about .con .img{width:80%;max-width: 320px;margin-bottom: 15px;}
.about h3{font-size:38px;color:#333;margin:0 0 40px 0}
.about p{ margin-bottom:20px;}
.about .aboutL{width:100%;float:left;}
.about .aboutR{float: right;width: 50%;}

@media only screen and (max-width:1200px){
    .warp1200{ width:90%;}

    .fleldBox2 ul li{ width:31.3%;padding:30px 10px; margin:0 1% 30px;}
    .fleldBox2 ul li h3{ font-size:26px;}
    .fleldBox2 ul li p{font-size:14px;}

    .fleldBox3{padding:50px 0;font-size: 16px;}
    .fleldBox3 .fleldpic{ width:30%}
    .fleldBox3 .fleldtxt{ width:65%;}
    .fleldBox3 .fleldtxt p{ margin-bottom:20px;}
    .fleldBox3 .fleldtxt h2{font-size:26px;}

    .shareList  ul li{width:33.3%;}
    .shareList  ul li .txt{padding:10px;}
    .shareList  ul li .txt h3 a{font-size:20px;}
    .shareList  ul li .txt p{margin-top:10px;}

    .about{ margin:20px auto;font-size:16px;line-height:1.8}
    .about h3{font-size:20px;margin:0 0 20px 0}
    .about p{ margin-bottom:10px;}
    .about .aboutL{width:60%;}
    .about .aboutR{width:40%;}

.shareList ul li .txt h3 a{
	font-size: 20px;line-height: 30px;height: 60px;overflow: hidden;
}
.shareList ul li .img{
	height: 212px;
}
}

@media only screen and (max-width:640px){
    .warp1200{ width:96%}

    .fleldBox2 ul li{ width:48%;padding:10px 5px; margin:0 1% 10px; height: 245px;}
    .fleldBox2 ul li h3{ font-size:16px;}
    .fleldBox2 ul li p{font-size:12px;}

    .fleldBox3{padding:20px 0;font-size: 14px}
    .fleldBox3 .fleldpic,.fleldBox3 .fleldtxt, .about .aboutL, .about .aboutR{float: none; width:96%;margin: auto}
    .fleldBox3 .fleldtxt p{ margin-bottom:10px;}
    .fleldBox3 .fleldtxt h2{font-size:20px;}

    .fleldBox4{ font-size:20px;}

    .shareList  ul li{margin-bottom:10px;width:50%;font-size: 14px;}
    .shareList  ul li:hover{transform: translate3d(0,-10px,0);}
    .shareList  ul li .con{padding: 10px;}
    .shareList  ul li .txt{padding:10px;}
    .shareList  ul li .txt h3 a{font-size:16px;}
    .shareList  ul li .txt p{margin-top:10px;}

    .about{ margin:20px auto 10px;font-size:14px;line-height:1.5}
    .about .con{padding: 0 10px;}
    .about h3{font-size:18px;margin:0 0 10px 0}
    .about p{ margin-bottom:10px;}



}


#back-to-top{
    position:fixed;
    bottom:100px;
    right:60px;
    z-index:133333;
}
#back-to-top a{
    text-align:center;
    text-decoration:none;
    color:#d1d1d1;
    display:block;
    width:50px;
    /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/
    -moz-transition:color 1s;
    -webkit-transition:color 1s;
    -o-transition:color 1s;
}
#back-to-top a:hover{
    color:#979797;
}
#back-to-top a span{
    background:#d1d1d1;
    border-radius:6px;
    display:block;
    height:50px;
    width:50px;
    background:#d1d1d1 url(../images/arrow-up.png) no-repeat center center;
    margin-bottom:5px;
    -moz-transition:background 1s;
    -webkit-transition:background 1s;
    -o-transition:background 1s;
}
#back-to-top a:hover span{
    background:#979797 url(../images/arrow-up.png) no-repeat center center;
}

.grid ul li{position:relative;float:left;overflow:hidden;width:31.3%;background:#2f3238;cursor:pointer; margin:0 1% 20px;}
.grid ul li img{position:relative;display:block;opacity:.8;-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.grid ul li .txt{padding:30px 20px;color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.grid ul li .txt::after,.grid figure .txt::before{pointer-events:none}
.grid ul li .txt,.grid ul li .txt>a{position:absolute;top:0;left:0;width:100%;height:100%}

.grid ul li h2{position:relative;padding:0 0 20px}
.grid ul li p{display:inline-block;color:#fff;text-transform:none;font-weight:500;font-size:14px;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(-360px,0,0);transform:translate3d(-360px,0,0); margin-bottom:20px; line-height:20px;}
.grid ul li p:first-child{-webkit-transition-delay:.15s;transition-delay:.15s}
.grid ul li p:nth-of-type(2){-webkit-transition-delay:.1s;transition-delay:.1s}
.grid ul li p:nth-of-type(3){-webkit-transition-delay:50ms;transition-delay:50ms}

.grid ul li:hover p:first-child{-webkit-transition-delay:0s;transition-delay:0s}
.grid ul li:hover p:nth-of-type(2){-webkit-transition-delay:50ms;transition-delay:50ms}
.grid ul li:hover p:nth-of-type(3){-webkit-transition-delay:.1s;transition-delay:.1s}
.grid ul li:hover img{opacity:.2;-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}
.grid ul li:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}

.contact{padding:50px 0 80px}
.contactL{width:46%;float: left}
.contactR{width:30%;float: right;max-width: 324px;}

.con-cs{margin-top:50px;position:relative;font-size:18px;color:#333;line-height:1.8}
.con-cs p i{font-size:22px}
.mapbutton{position:absolute;bottom:0;right:50px;color:#903459; font-size:14px;}
.eventlayer{display:none;position:absolute;top:50%;left:50%;bottom:auto;right:auto;background:#fff;width:80%;z-index:9996;max-width: 780px;}
.exitlayer{position:absolute;right:-40px;top:0;width:40px;height:40px;line-height:40px;font-size:40px;color:#fff;overflow:hidden;text-align:center;background:#b8024c;text-indent:-9999px;text-indent:0\9}
.exitlayer:hover{opacity:.95}
.exitlayer:after,.exitlayer:before{position:absolute;left:50%;top:50%;margin:0 0 0 -40%;content:"";line-height:0;font-size:0;width:80%;height:1px;background:#fff;overflow:hidden;display:none\9}
.exitlayer:before{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}
.exitlayer:after{-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}

/*show_in*/
.fleldBox{padding:50px 0;}
.fleldBox h1{font-size:24px;color:#000}
.fleldBox .time{font-size:12px;color:#aaa;line-height:30px;display:block;margin-bottom:20px}

.post_text{font-size: 18px;line-height:1.8;color:#404040;margin-bottom:25px}
.post_text>p{color:#404040;margin:10px 0 0}
@media only screen and (max-width:1200px){
    .grid ul li{margin:0 1% 10px;}

    .contact{padding:30px 0}
    .contactL{width:60%;max-width: 510px;}

    .con-cs{margin-top:20px;font-size:16px}
    .con-cs p i{font-size:20px}

    .fleldBox{padding:50px 9px 0;}
    .fleldBox h1{font-size:16px;}

    .post_text{font-size: 12px;}


}
@media only screen and (max-width:640px){
    .grid ul li{margin:0 1% 10px;width: 48%}

    .contact{padding:30px 0}
    .contactL{width:92%;max-width: 510px;margin: auto;float: none}
    .contactR{width:92%;float: none;max-width: 324px;margin: auto}
    .mapbutton{right:0px;}
    .post_text img {width: 100%;}
    .con-cs{margin-top:20px;font-size:14px}
	.sbox .caselist ul li p{
		display: none;
	}
	.shareList ul li .img{
		height: 140px;
	}
	.shareList ul li .txt h3 a{
		line-height: 24px;height: 48px;
	}
	
	.shareList ul li .txt p{
		line-height: 20px;height: 40px;
	}
	.foot-pp{
		color: rgba(255,255,255,0.2);
	}
	
}





.caseBox{ padding:50px 0;line-height: 2}
.caseBoxL{ width:45%;float: left;}
.caseBoxL h2{ font-size:34px;}
.caseBoxR{ width:50%;float: right}
.caseBoxR h3{ font-size:24px;}


.subnav2{ padding:20px 0; font-size:14px; line-height: 2.5}
.subnav2 a{ display:inline-table; padding:0 10px; margin:0 5px; color:#333;border-bottom: 2px solid transparent }
.subnav2 a:hover{ background:#d6d6d6; border-bottom:2px solid #c81e5d;}


/* 分享 */
.bdsharebuttonbox{ float:left}
.bdsharebuttonbox .bshare-custom a{padding-left: 28px; height: 20px;}
.bdsharebuttonbox a:hover {filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.bdsharebuttonbox .bshare-custom .bshare-qqim{background:url(?theme/skins109/images/chn_tencent_03.png) no-repeat;} /* 腾讯 */
.bdsharebuttonbox .bshare-custom .bshare-weixin{background:url(?theme/skins109/images/chn_weixin.png) no-repeat;} /* 微信 */
.bdsharebuttonbox .bshare-custom .bshare-sinaminiblog{background:url(?theme/skins109/images/chn_weibo.png) no-repeat;} /* 新浪 */
.bdsharebuttonbox .bshare-custom .bshare-douban{background:url(?theme/skins109/images/chn_douban.png) no-repeat;} /* 豆瓣 */


.sharetxt{float:left;font-size:14px;color:#6a6a6a; width:96px;}

.CopyrightBox .foot-left img{
	width: 170px !important;
}