@charset "utf-8";
@import "iconfont.css";
*{ margin:0px; padding:0px; border:0; }
body { -webkit-text-size-adjust: 100%;}
html, body { width:100%;  margin:0px; padding:0; -webkit-font-smoothing:antialiased;  font-family: 'roboto_condensedregular',"syH1", arial, "microsoft yahei",  "sans-serif"; font-weight:400; font-size:16px;color: #333;line-height:1.6; overflow-x:hidden;   text-align: justify;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,img,button {border:0;  padding:0; margin:0; font-weight:normal; } 
table,td,tr,th{font-size:12px;}
li{list-style-type:none;list-style:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6,p,em,i,b,span { margin:0; padding:0; font-weight:normal; font-style:normal;}
ol,ul {list-style:none;}
address,cite,code,th {font-weight:normal;font-style:normal;}
img:hover { opacity:1; filter: alpha(opacity=100); }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: 12px; }
legend { color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }
.fl { float:left; }
.fr { float:right; }
a { color:#454545; text-decoration:none; }
a:hover{ color:#BDA064; text-decoration:none;}
div,ul,li,h1,h2,h3,h4,h5,h6,dl,dd,d,span,b,p,em,font { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}


.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}

@font-face { font-family: 'roboto_condensedregular'; src: url('../font/RobotoCondensed-Regular-webfont.ttf') format('truetype');}
@font-face { font-family: 'syH1'; src: url('../font/SourceHanSansCN-ExtraLight.otf'); }
@font-face { font-family: 'syH2'; src: url('../font/SourceHanSansCN-Light.otf'); }
@font-face { font-family: 'syH3'; src: url('../font/SourceHanSansCN-Normal.otf'); }
@font-face { font-family: 'syH4'; src: url('../font/SourceHanSansCN-Regular.otf'); }
@font-face { font-family: 'syH5'; src: url('../font/SourceHanSansCN-Medium.otf'); }
@font-face { font-family: 'syH6'; src: url('../font/SourceHanSansCN-Bold.otf'); }
@font-face { font-family: 'syH7'; src: url('../font/SourceHanSansCN-Heavy.otf'); }



.amn img { transition:all ease-out .5s 0s;-webkit-transition:all ease-out .5s 0s;}
.amn:hover img { -webkit-transform:scale(1.05);  transform:scale(1.05);}

.amn2{-webkit-transition:-webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out;}
.amn2:hover { -webkit-transform: translateY(-10px);-transform:translateY(-10px);}

.amn3 img { transition:all ease-out 2s 0s;-webkit-transition:all ease-out 2s 0s;}
.amn3:hover img { -webkit-transform:scale(1.1);  transform:scale(1.1);}



/*菜单*/
.wapper { width:100%; margin:0 auto; height:100%; overflow:hidden; position:relative; top:0; }

.nav { width:100%; position:absolute; top:0; z-index:666; transition:0.5s;  background:linear-gradient(0deg,rgba(255,255,255,0.9),rgba(255,255,255,.98)); height:110px;}
.nav .nav-logo { position:absolute; top:18px; left:2%; }
.nav .layui-nav { width:1000px; position:absolute; left: 50%; margin-left: -350px; }
.nav .layui-nav .layui-nav-item { position:relative; display:inline-block; vertical-align:middle; line-height:110px; }
.nav .layui-nav .layui-nav-item a { display:block; padding:0 30px; color:#000; font-size:18px; transition:all .3s; -webkit-transition:all .3s; }
.nav .layui-nav a:hover { color:rgba(0,0,0,.6); }
.nav .layui-nav .layui-nav-item a.cug { display:inline-block; font-size:16px; line-height:50px; height:50px; background: #bebec2; color:#fff; border-radius: 30px; margin-left: 25px; }
.nav .layui-nav .layui-nav-item a.cug:hover { background: #BDA064;  }
.nav .layui-nav .layui-nav-item .menuNav { position:absolute; border-top:3px solid #d9a747;  display: none; opacity:0; right:-45px; left:-45px; top:150px; background:rgba(0,0,0,.7); text-align:center;  white-space:nowrap; padding:12px 0;transition:all ease-in-out .5s 0s; -webkit-transition:all ease-in-out .5s 0s; }
.nav .layui-nav .layui-nav-item .menuNav a { line-height:40px; font-size:16px; color:#fff;}
.nav .layui-nav .layui-nav-item:hover .menuNav { top:107px;  opacity:1; display:block; }
.nav .layui-nav .layui-nav-item .menuNav .links:hover a {  color:#BDA064;}


.nav2 { width:100%; position:fixed; top:0; z-index:9999999;  background:rgba(189,160,100,.93); height:110px; display:none;}
.nav2 .nav-logo { position:absolute; top:18px; left:2%; }

.nav2 .layui-nav { width:1000px; position:absolute; left: 50%; margin-left: -350px; }
.nav2 .layui-nav .layui-nav-item { position:relative; display:inline-block; vertical-align:middle; line-height:110px; }
.nav2 .layui-nav .layui-nav-item a { display:block; padding:0 30px; color:#fff; font-size:18px; transition:all .3s; -webkit-transition:all .3s; }
.nav2 .layui-nav a:hover { color:rgba(255,255,255,.7); }
.nav2 .layui-nav .layui-nav-item a.cug { display:inline-block; font-size:16px; line-height:50px; height:50px; background: #fff; color:rgba(0,0,0,.6); border-radius: 30px; margin-left: 25px; }
.nav2 .layui-nav .layui-nav-item a.cug:hover { background:rgba(0,0,0,.8);  color:#BDA064; }
.nav2 .layui-nav .layui-nav-item .menuNav { position:absolute; border-top:3px solid #d9a747; display: none; opacity:0; right:-45px; left:-45px; top:150px; background:rgba(0,0,0,0.7); text-align:center;  white-space:nowrap; padding:12px 0; transition:all ease-in-out .5s 0s; -webkit-transition:all ease-in-out .5s 0s; }
.nav2 .layui-nav .layui-nav-item .menuNav a { line-height:40px; font-size:16px; color:#fff;}
.nav2 .layui-nav .layui-nav-item:hover .menuNav { top:107px;  opacity:1; display:block;}
.nav2 .layui-nav .layui-nav-item .menuNav .links:hover a {  color:#BDA064;}


.mobnav { display: none;}

.index-banner { position: relative; width: 100%; overflow: hidden; top:0; z-index:5; }
.index-banner div img { width: 100%;  }
.index-banner .swiper-button-prev { width: 33px; height: 26px;  background: url(../images/banner_prev.png) no-repeat; background-size: contain;  position: absolute; right: 11%; left: auto; top: auto; bottom: 100px;  z-index: 119;}
.index-banner .swiper-button-next { width:33px; height:26px; background:url(../images/banner_next.png) no-repeat; background-size: contain; position: absolute;
 top: auto; right: 5%; left: auto; bottom: 100px;z-index: 119;}
 
.index-banner .swiper-pagination-bullets { bottom:75px; width:auto; left:5%;}
.index-banner .swiper-pagination-bullet { width:55px;  height:3px;  border-radius:5px; background-color:rgba(255,255,255,0.6);  opacity:1;  z-index:999;}
.index-banner .swiper-pagination-bullet-active { opacity:1; background:rgba(0,0,0,0.8)}


.swiper-container { overflow:hidden; }
.swiper-wrapper { position:relative; width:100%;  height:100%; z-index:1; display:flex; transition-property:transform; box-sizing:content-box;}
.swiper-slide { flex-shrink:0; width:100%; height:100%; position:relative;  }

.confontbj { width:100%; height:100%; position:absolute; z-index:8; }
.confontbj .culture { width:1240px;  margin-top:-100px; top:50%; position:absolute; left:50%; margin-left:-620px; display: inline-block; }
.confontbj .culture span { width:100%; float:left;  }
.confontbj .culture span font { width:100%; float:left; font-size:100px;  line-height:130px;  text-align:center; color:#fff; letter-spacing:.1em; font-family: 'syH1'; text-shadow: 0px 0px 5px rgba(0,0,0,.3);}
.confontbj .culture span font strong { color:#d9a747; font-family: 'syH5'; font-weight: normal; }
.confontbj .culture span p { width:100%; float:left; font-size:16px; line-height:28px; text-align:center; color:rgba(255,255,255,.6); padding:0 0 40px 0; text-transform:uppercase; letter-spacing:1em;  }
.confontbj .culture span em { width:100%; float:left; font-size:24px; line-height:34px; text-align:center; color:rgba(255,255,255,1); text-shadow: 0px 0px 5px rgba(0,0,0,.3); font-family: 'syH3';  }
.confontbj .culture span em b { font-weight:normal; padding:0 20px; }

.swiper-button-prev, .swiper-button-next { position:absolute; z-index:10; cursor: pointer; display:flex; align-items:center; justify-content:center;}
.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled { opacity:0.35;}
.swiper-pagination { position:absolute; z-index:10; }
.swiper-pagination-bullet { display:inline-block; }
.swiper-pagination-bullet { margin:0 4px;}


.lm { width:1240px; margin:0 auto; overflow: hidden;/* text-transform:uppercase;*/}
.lm font { width:50%; float:left; line-height: 50px;}
.lm font p { font-size:30px; }
.lm font b { font-size:40px; font-family: 'syH1';  }
.lm em { float: right; }
.lm em a { width:160px; height:50px; line-height:50px; border:1px solid #BDA064; border-radius:30px; color:#BDA064; text-align:center; font-size:16px; cursor:pointer; display:inline-block; transition:0.5s; -webkit-transition:0.5s; position: relative; margin-top:25px;}
.lm em a span { position:relative; margin-left:-25px; display:block;}
.lm em a span:after { border:solid transparent; content: ''; height:0; left:75%; position:absolute; width:0; border-width:8px; border-left-color:#BDA064; top:17px; }
.lm em a:hover { background:#BDA064; border:1px solid #BDA064; }
.lm em a:hover span { color:#fff; }
.lm em a:hover span:after { border-left-color:#fff; }




.marb40 { margin-bottom:40px; }


/*关于博观*/
.introbj { width:100%; overflow: hidden; margin: 0 auto;  background:url(../images/about.jpg) center top no-repeat; padding:60px 0 70px 0; }
.intro { width:50%; float: left; padding:0 5%; }
.intro h3 { width:100%; float:left; }
.intro h3 p { width:100%; float:left; font-size:16px; color:rgba(0,0,0,.95);  line-height: 30px; text-indent:2em; margin-bottom:20px; }

.intro h3 em { float: left; margin-top: 30px; }
.intro h3 em a { width:160px; height:52px; line-height:52px; border-radius:30px; color:#fff; background:rgba(0,0,0,.7);text-align:center; font-size:16px; cursor:pointer; display:inline-block; transition:0.5s; -webkit-transition:0.5s; position: relative; margin-top:0px;}
.intro h3 em a span { position:relative; margin-left:-25px; display:block;}
.intro h3 em a span:after { border:solid transparent; content: ''; height:0; left:75%; position:absolute; width:0; border-width:8px; border-left-color:#fff; top:17px; }
.intro h3 em a:hover { background:#BDA064;  }
.intro h3 em a:hover span { color:#fff; }
.intro h3 em a:hover span:after { border-left-color:#fff; }


/*项目介绍*/
.tshd { background: url(../images/tshd_bg.png) no-repeat; position:relative; width:1240px; margin:0 auto; padding:50px 0 0 0; }

.activitiesTab .tabDivs dl { overflow: hidden; cursor: pointer; }
.activitiesTab .tabDivs dl dt { float:right; width:50%; overflow: hidden; height: 387px; }
.activitiesTab .tabDivs dl dt img { width: 100%; height: 100%;}
.activitiesTab .tabDivs dl dd { float:left; width:46%; padding:35px 20px 0 0; }
.activitiesTab .tabDivs dl dd b { display:block; font-size:50px; color:#BDA064; font-weight:400; }
.activitiesTab .tabDivs dl dd span.tit { font-size:24px; font-family: 'syH6'; }
.activitiesTab .tabDivs dl dd p { font-style:normal; color:#666; line-height:35px; margin:20px 0 20px 0;}
.activitiesTab .tabDivs dl dd a { width:40%; height:58px; line-height:58px; border:1px solid#BDA064;  border-radius:30px; color:#BDA064; text-align:center; font-size:20px; cursor:pointer; display:inline-block; transition:0.5s; -webkit-transition:0.5s; position: relative; margin-top: 20px;}
.activitiesTab .tabDivs dl dd a span { position:relative; margin-left:-25px; display:block;}
.activitiesTab .tabDivs dl dd a span:after { border:solid transparent; content: ''; height:0; left:75%; position:absolute; width:0; border-width:8px; border-left-color:#BDA064; top:22px; }
.activitiesTab .tabDivs dl dd a:hover { background:#BDA064; }
.activitiesTab .tabDivs dl dd a:hover span { color:#fff; }
.activitiesTab .tabDivs dl dd a:hover span:after { border-left-color:#fff; }

.activitiesTab .tabIcons { margin-top:45px; position:relative; padding:0 0 20px 0; }
.activitiesTab .tabIcons ul { overflow:hidden; }
.activitiesTab .tabIcons ul li { float:left; cursor:pointer; width:150px; transition:0.5s; -webkit-transition:0.5s;}
.activitiesTab .tabIcons ul li span { display:inline-block; font-size:30px; font-weight:500; color:#979797; border-bottom:1px solid #9f9f9f; width:100%; transition:0.5s; -webkit-transition:0.5s;}
.activitiesTab .tabIcons ul li p { font-size:16px; color:#979797;  padding:20px 20px 0 0;transition:0.5s; -webkit-transition:0.5s; }

.activitiesTab .tabIcons ul li:hover span {color:#BDA064; border-bottom:1px solid #BDA064;}
.activitiesTab .tabIcons ul li:hover p {color:#BDA064;}

.activitiesTab .tabIcons ul li.on span { opacity:1; border-bottom:1px solid #BDA064; color:#BDA064;}
.activitiesTab .tabIcons ul li.on p { opacity:1;  color:#BDA064; }
.activitiesTab .arrow { overflow:hidden; position:absolute; right:0; top:-45px; }
.activitiesTab .arrow .s_btn { display:block; width:120px; height:120px; cursor:pointer; float:left; transition:0.3s; -webkit-transition:0.3s;}
.activitiesTab .arrow .s_btn.s_l { background: url(../images/banner_prev.png) no-repeat center #d2d2d2; }
.activitiesTab .arrow .s_btn.s_r { background: url(../images/banner_next.png) no-repeat center #7d7d85; }
.activitiesTab .arrow .s_btn:hover { background-color:#BDA064;}


.warp { width:1240px; margin:0 auto; overflow: hidden; }




/*最新资讯*/
.conAuto { margin-left:calc(50vw - 628px); overflow:hidden; margin-bottom: 60px; }
.videoLunbo { padding:30px; position:relative; z-index:2; cursor:pointer;}
.videoLunbo:before { content:''; background:#fff; position:absolute; top:0; left:0; z-index:-1; width:960px; max-width:60%; height:100%;}
.videoLunbo .swiper-container { overflow: hidden;}
.videoLunbo .swiper-wrapper { position:relative; z-index:1; display:flex; }
.videoLunbo .swiper-slide { flex-shrink: 0; width: 100%; height:100%; position:relative; transition-property:transform; }

.videoLunbo .imgBox { position:relative; overflow: hidden;}
.videoLunbo .imgBox img { display:block; width:100%; height: 30vh;}
.videoLunbo .txt { margin:3% 0; display:none;}

.videoLunbo .swiper-slide-active .txt { overflow:hidden; display:block; font-size:20px; line-height:30px; color:#333; font-family: 'syH5';width:100%; word-break:break-all; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; /* 这里是超出几行省略 */ }
.videoLunbo .swiper-slide-active:hover .txt { color: #BDA064  }

.videoLunbo .videoBtns { position:absolute; right:640px; bottom:10px; cursor:pointer; }
.videoLunbo .videoBtns a { display:inline-block; padding:22px 20px; -webkit-filter: grayscale(0%); cursor:pointer;}
.videoLunbo .videoBtns a:hover { -webkit-filter: grayscale(100%); -moz-filter: grayscale(1); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);  filter: grayscale(100%); filter: gray;}

/*博观动态*/
.newsbj { background:url(../images/newsbg.jpg); margin-top:80px; padding:70px 0 80px 0; }

.newspic { width: 66%; float: left;}
.newspic ul li { width: 48%; float:left ; background: #fff; margin-right:2%; }	
.newspic ul li h2 { width: 100%; float: left; height:220px; overflow: hidden; }	
.newspic ul li h2 img{ width: 100%; height: 100%; }
.newspic ul li h3 { width: 100%; float: left; text-align: right; padding:25px 10% 12px 10%; }	
.newspic ul li h3 b { font-size: 16px; line-height: 20px; height:20px;color: #aaa;  background:url( "../images/time.png") left center no-repeat; padding:0 0 0 24px; }
.newspic ul li h4 { width: 100%; float: left; height:220px; overflow:hidden; padding:0 10%; }	
.newspic ul li h4 span { width:100%; float:left; color:#333;  line-height:28px; font-size:18px; overflow:hidden; max-height:56px; font-family: 'syH5';transition:0.5s; -webkit-transition:0.5s;}
.newspic ul li:hover h4 span { color:#BDA064; }
.newspic ul li h4 p { width:100%; float:left; color:#999; line-height:30px; font-size:16px; padding:20px 0 0 0;  }
.newspic ul li h5 { width: 100%; float: left; padding:30px 12% 49px 12%; }
.newspic ul li h5 i { width: 33px; height: 33px; display:block;  background: url("../images/news_next.png") left center no-repeat;transition:all ease-in-out .4s 0s; -webkit-transition:all ease-in-out .4s 0s; float: left;}
/*.newspic ul li:hover h5 i { background: url("../images/news_next_over.png") left center no-repeat; }	*/	
.newspic ul li:hover h5 i { margin-left: 272px; background: url("../images/news_next2.png") left center no-repeat;}


.newsfont { width: 32%; float: right; margin-bottom:70px; }
.newsfont ul li { width: 100%; float:left ; border-bottom: 1px solid #eee; background: #fff; padding:26px 10%;transition:0.5s; -webkit-transition:0.5s;}	
.newsfont ul li span { width: 100%; float: left; color:#333;  line-height:28px; font-size:18px; overflow:hidden; height:56px; font-family: 'syH5'; }	
.newsfont ul li p  { width:100%; float:left; color:#999; line-height:28px; font-size:15px; padding:10px 0 0 0; overflow:hidden; height:66px;}
.newsfont ul li b {  width:100%; float:left;  margin-top:11px; font-size: 16px; line-height: 20px; height:20px; color: #aaa;  background:url( "../images/time.png") left center no-repeat; padding:0 0 0 24px; }
.newsfont ul li:hover span { color:#BDA064; }



/*展会服务*/
.warp2 { width:1240px; margin:0 auto; overflow: hidden; height:280px;  }
.browser { float:left; height:100%; color:#fff; overflow:hidden; opacity:0; text-align:center; position:relative;}
.browser.firstAnim { width:20%; opacity:1;
-webkit-transition: width 0.8s cubic-bezier(.57, .1, .1, 1);
transition: width 0.8s cubic-bezier(.57, .1, .1, 1); }
.browser.firstAnim.hover { width:36%; }
.browser.firstAnim.hover2 { width:16%; }

.browserpic { width:100%; height:100%; float:left; background-size:cover; background-position:left center; }
.browserpic span { position:absolute; left:0; top:0; height:100%; width:40px; padding:0 10px; text-align: center; line-height:20px; color:#fff; font-size:18px; font-family: 'syH2';  background:linear-gradient(45deg,#aaa,#ccc);  display:flex; justify-content:center; align-items:center;}



.service {  display: none; }


/*底部*/
.footer { width:100%; float:left; line-height:24px; padding:25px 0; text-align:center; background:#2b2b2d; }
.footer h1 { width:100%; float:left; text-align:center; font-size:32px; color:rgba(255,255,255,.8); font-family:'syH4';  margin-bottom: 20px; }
.footer h1 p {  width:100%; float:left; text-align: center; font-size:18px; color:rgba(255,255,255,.8); line-height: 40px;}

.footer h2 { width:100%; float:left;font-family: 'syH1'; font-size:14px; }
.footer h2 span { line-height:40px;  color:rgba(255,255,255,.5); padding:0 5px;}
.footer h2 span i { margin-right:6px; }

.footer h2 font { line-height:40px; color:#BDA064; padding:0 5px;  position: relative; display:inline-block; cursor: pointer;   }
.footer h2 font i { margin-right:6px; font-size:18px; }
.footer h2 font .ewm { width:100%; position: absolute; left:0; top:-125px; display:none; text-align: center; }
.footer h2 font .ewm img { width:120px; height:auto; }
.footer h2 font:hover .ewm { display: block; transition:all ease-out .5s 0s; -webkit-transition:all ease-out .5s 0s;  }

.footer h2 b { display: none;  }

.footer h3 { width:100%; float:left; text-align: center; color:rgba(255,255,255,.5); font-family: 'syH1'; font-size:14px; }
.footer b { padding:0 10px; color:rgba(255,255,255,.2); }
.footer a { color:rgba(255,255,255,.5); }
.footer a:hover { color:#BDA064; }

.footer h4 {  width:100%; float:left; text-align: center;  margin-top:18px;}
.footer h4 em {padding:0 2px;}








/*--------------------------------------------------列表页---------------------------------------------------*/

.banner { position: relative; width: 100%; height:700px; overflow: hidden; top:0; z-index:5; background-position: center top; background-repeat: no-repeat; }


.listbj { background:url(../images/newsbg.jpg); padding:60px 0 70px 0; }



.lm2 { width:100%; float:left; line-height: 50px; text-align: center; padding:0 0 70px 0 ; }
.lm2 p { font-size:30px; }
.lm2 b { font-size:40px; font-family: 'syH1';  }
.lm2 i { display:block; width:14px; height:2px; background:#cbcbcb; position:absolute; left:50%; margin-left:-7px; margin-top: 20px; }


.page { width:100%; float:left; margin:60px 0 0 0; font-size:16px; overflow:hidden; text-align:center; color:#555; }
.page a { color:#333; background:#fff; margin:0 4px; padding:0 13px; line-height:32px; display: inline-table; border-radius:2px;  transition:0.5s; -webkit-transition:0.5s; }
.page a:hover { background:#BDA064; color:#fff; border-radius:2px;}
.page a:active {  background:#BDA064; color:#fff; border-radius:2px;}
.page span.current { background:#BDA064; color:#fff; display:inline-table; border-radius:2px; line-height:32px; padding:0 13px; margin:0 4px;}
.page span.disabled { padding:0 9px 0 0px; }

.container { width:100%; float:left;  }
.grid { width:100%; list-style:none; margin:0 auto; padding:0;}
.grid li { display:block; float:left; padding:1.8% 2%; width:32.1%; opacity:0; background:#fff; margin:0 1.2% 1.2% 0; }
.grid li.shown,.no-js .grid li,.no-cssanimations .grid li { opacity:1;}
.grid li h3 { max-width:100%; margin-bottom:16px; overflow: hidden; display:block; }
.grid li h3 img { width:100%; height:auto; }
.grid li h4 { color:#333;  line-height:28px; font-size:18px; font-family: 'syH5'; margin:0 0 16px 0; transition:0.5s; -webkit-transition:0.5s;}
.grid li:hover h4 { color:#BDA064; }
.grid li h5 { color:#999; line-height:24px; font-size:14px; margin:0 0 14px 0;  }
.grid li h6 { font-size:14px; color:#999; line-height:20px;}
.grid li h6 span { padding:0 10px; display:inline-block; transform:scale(0.8); } 
.grid li:nth-child(3n) { margin-right: 0;}

.grid li.fw { width:100%; float:left; background: #fff; margin:0; padding:0; }
.grid li h1 { width:50%; height:380px; float:left; background-position:center center; background-size:cover; display: block; }
.grid li h2 { width:50%; float:right; height:380px; display:flex; align-items:center; padding:0 5%; }
.grid li h2 em { font-size:18px; line-height:36px; color:#777777;  }
.grid li h2 em p { width: 100%; font-size:30px;  line-height:40px; padding-bottom:15px; display:inline-block; color: #333; font-family: 'syH6';}
.grid li:nth-child(2n) h1{ float:right; }
.grid li:nth-child(2n) h2{ float:left; }

.grid li.casejj { width:100%; float:left; background: #fff; margin:0 0 20px 0; padding:0; }
.grid li.casejj b { width:35%; float:left; overflow: hidden; display: block;  }
.grid li.casejj b img { width:100%; height:auto; transition:all ease-out .5s 0s;-webkit-transition:all ease-out .5s 0s;}
.grid li.casejj:hover b img { -webkit-transform:scale(1.05);  transform:scale(1.05);}

.grid li.casejj font { width:65%; float:right; padding:30px 40px; }
.grid li.casejj font span { width:80%; float:left;color:#333;  line-height:32px; font-size:22px; font-family: 'syH5';transition:0.5s; -webkit-transition:0.5s;}
.grid li.casejj font p { width:100%; float:left; color:#999; line-height:30px; font-size:16px; padding:20px 0 24px 0;  }
.grid li.casejj font i { width: 33px; height: 33px; display:block; background: url("../images/news_next.png") left center no-repeat;transition:all ease-in-out .4s 0s; -webkit-transition:all ease-in-out .4s 0s; float: left;}
.grid li.casejj:hover font i { margin-left:95%; background: url("../images/news_next2.png") left center no-repeat;}
.grid li.casejj:hover span { color:#BDA064;}

.grid li.casejj:nth-child(2n) b{ float:right; }
.grid li.casejj:nth-child(2n) font{ float:left; }
.grid li.casejj:last-child { margin-bottom: 0; }


.fwmarB50 { margin-bottom: 0}

.grid.effect-1 li.animate { -webkit-animation:fadeIn .65s ease forwards; animation:fadeIn .65s ease forwards; }
@-webkit-keyframes fadeIn { 0%{}100%{opacity:1;} }
@keyframes fadeIn { 0%{}100%{opacity:1;} }

.grid.effect-2 li.animate { -webkit-transform:translateY(200px); transform:translateY(200px); -webkit-animation:moveUp .65s ease forwards; animation:moveUp .65s ease forwards; }
@-webkit-keyframes moveUp { 0%{}100%{-webkit-transform:translateY(0);opacity:1;} }
@keyframes moveUp { 0%{}100%{-webkit-transform:translateY(0); transform:translateY(0); opacity:1;} }

.grid.effect-3 li.animate { -webkit-transform:scale(.6); transform:scale(.6); -webkit-animation:scaleUp .65s ease-in-out forwards; animation:scaleUp .65s ease-in-out forwards; }
@-webkit-keyframes scaleUp { 0%{}100%{-webkit-transform:scale(1); opacity:1;} }
@keyframes scaleUp { 0%{}100%{-webkit-transform:scale(1); transform:scale(1); opacity:1;} }

.grid.effect-4 { -webkit-perspective:1200px; perspective:1200px;}
.grid.effect-4 li.animate { -webkit-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transform:translateZ(400px) translateY(300px) rotateX(-90deg); transform:translateZ(400px) translateY(300px) rotateX(-90deg); -webkit-animation:fallPerspective .8s ease-in-out forwards; animation:fallPerspective .8s ease-in-out forwards; }
@-webkit-keyframes fallPerspective { 0%{}100%{-webkit-transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity:1;} }
@keyframes fallPerspective { 0%{}100%{-webkit-transform:translateZ(0px) translateY(0px) rotateX(0deg); transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity:1;} }

.grid.effect-5 { -webkit-perspective:1200px; perspective:1200px; }
.grid.effect-5 li.animate { -webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:50% 50% -300px;transform-origin:50% 50% -300px;-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);-webkit-animation:fly .8s ease-in-out forwards;animation:fly .8s ease-in-out forwards}
@-webkit-keyframes fly{0%{}100%{-webkit-transform:rotateX(0deg);opacity:1}}
@keyframes fly{0%{}100%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}}

.grid.effect-6 { -webkit-perspective:1200px; perspective:1200px; }
.grid.effect-6 li.animate { -webkit-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transform-origin:0% 0%; transform-origin:0% 0%; -webkit-transform:rotateX(-80deg); transform:rotateX(-80deg); -webkit-animation:flip .8s ease-in-out forwards; animation:flip .8s ease-in-out forwards}
@-webkit-keyframes flip { 0%{}100%{ -webkit-transform:rotateX(0deg); opacity:1;} }
@keyframes flip { 0%{}100%{-webkit-transform:rotateX(0deg); transform:rotateX(0deg); opacity:1;} }

.grid.effect-7 { -webkit-perspective:1200px; perspective:1200px; }
.grid.effect-7 li.animate { -webkit-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transform:rotateY(-180deg); transform:rotateY(-180deg); -webkit-animation:helix .8s ease-in-out forwards; animation:helix .8s ease-in-out forwards; }
@-webkit-keyframes helix { 0%{}100%{-webkit-transform:rotateY(0deg); opacity:1;} }
@keyframes helix { 0%{}100%{-webkit-transform:rotateY(0deg); transform:rotateY(0deg); opacity:1;} }

.grid.effect-8 { -webkit-perspective:1200px; perspective:1200px; }
.grid.effect-8 li.animate { -webkit-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transform:scale(.4); transform:scale(.4); -webkit-animation:popUp .8s ease-in forwards; animation:popUp .8s ease-in forwards}
@-webkit-keyframes popUp { 0%{}70%{ -webkit-transform:scale(1.1); opacity:.8; -webkit-animation-timing-function:ease-out}100%{-webkit-transform:scale(1); opacity:1;} }
@keyframes popUp { 0%{}70%{ -webkit-transform:scale(1.1); transform:scale(1.1); opacity:.8; -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out}100%{-webkit-transform:scale(1); transform:scale(1); opacity:1;} }



.service_list { width:100%; float:left;  }
.service_list ul li { width:100%; float:left; background: #fff;}
.service_list ul li h1 { width:50%; height:350px; float:left; background-position:center center; background-size:cover; }
.service_list ul li h2 { width:50%; float:right; height:350px; display:flex; align-items:center; padding:0 5%; }
.service_list ul li h2 span { font-size:18px; line-height:37px; color:#777777;  }
.service_list ul li h2 span p { width: 100%; font-size:30px;  line-height:40px; padding-bottom:15px; display:inline-block; color: #333; font-family: 'syH6';}
.service_list ul li:nth-child(2n) h1{ float:right; }
.service_list ul li:nth-child(2n) h2{ float:left; }



.contact_list { width:100%; float:left; padding:4% 5%; background: #fff;  text-align:left;} 
.contact_list h5 { width:45%; float:left;  }
.contact_list h5 p { width:100%; float:left; font-size:16px; color:#777; line-height:30px; margin-bottom:40px; }
.contact_list h5 p strong { width:100%; float:left; font-size:30px; line-height:40px; color:#333; font-family: 'syH6'; margin-bottom:15px; }
.contact_list h5 font { width:100%; float:left; font-size:18px; line-height:50px; color:#444;}
.contact_list h5 font i { float:left; margin-right:15px; font-size:22px; line-height:40px; margin-top:5px; }
.contact_list h6 { width:44%; float:right; margin-top:10px;  }
.contact_list h6 img { width:100%; height:auto; }

.contact_list h4 { width:49%; float:right; margin-top:10px; height: 420px;  }


.warp5 { width:1240px; margin:0 auto; overflow: hidden;  }


/*关于博观*/
.about { width:100%; float:left;  padding:5% 5% 4% 5%; background: #fff;  }

.intro4  { width:47.5%; float:left; }
.intro4 p { width:100%; float:left; color:#333; line-height:36px; font-size:18px; padding:0 0 25px 0; }
.intro4 strong { color: #BDA064; font-family: 'syH6'; font-weight: normal; font-size:20px;}

.intro5 { width:47.5%;float:right; }
.intro5 h3 { width:100%; float:left; }
.intro5 h3 img { width:100%; height:auto; }
.intro5 ul li { width:31.6666667%; float:left; margin-top:12px; margin-right:2.5%;} 
.intro5 ul li img { width:100%; height:100px; }
.intro5 ul li:nth-child(3n) { margin-right:0 }


.intro6 { width:100%; float:left; margin-top: .5%;  }
.intro6 ul li { width:21.25%; margin-right:5%; float:left; color:#333; line-height:36px; font-size:18px;  }
.intro6 ul li:nth-child(4n) { margin-right:0; }

.intro7 { width:100%; float:left; /*margin-top: .5%; -webkit-column-width: 22%; column-width: 225%; -webkit-column-count: 4;
column-count: 4; -webkit-column-gap: 4%; column-gap: 4%;*/ }
.intro7 p { text-align: justify;  width:100%; float:left; color:#333; line-height:36px; font-size:18px; padding:0 0 25px 0; }



/* --------------------------------------------------------- 三级页面 ----------------------------------------------------- */

.articlebj { background:url(../images/newsbg.jpg); padding:0; }

.warp4 { width:1240px; margin:0 auto; overflow: hidden; }
.con90 { width:100%; float:left; background: #fff; padding:5% 6% 3% 6%; }

.titt { width:100%; float:left; font-size:36px; color:#222; text-align:center; padding:0 5% 25px 5%; line-height:48px; font-family: 'syH6'; }
.info { width:100%; float:left; color:#777; font-size:14px; text-align:center; border-bottom:1px #e5e5e5 dotted; line-height:20px; margin-bottom:40px; padding:0 0 40px 0; }
.info span { padding:0 8px; }
.info em { padding:0 8px; }


.zw { width:100%; float:left; color:#333; line-height:2.2em; font-size:20px;}
.zw p { width:100%; float:left;  padding-bottom:28px;  }
.zw img { max-width:100%; height:auto; }


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



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

/*菜单*/
.wapper {  height:auto; }


/*菜单*/
.nav,.nav2all { display: none; }


.mobnav { width:100%; position:fixed; top:0; z-index:99999; height:3.5rem;  background:rgba(189,160,100,.95);display:block;}
.mobnav .nav-logo { float: left; margin-left:3.5%; margin-top:.5rem;}
.mobnav .nav-logo img { height:2.5rem; }

.model_menu { display:none;}

.model_btn { margin-right:3.8%; float: right;  margin-top:1.05rem;}
.model_btn .toggleMenu { width:28px; height:22px; position:relative; font-size:1rem; display:block;}
.model_btn .toggleMenu span { display:block; height:2px; margin:0 0 8px 0; background:rgba(255,255,255,.9);}

.model_btn.on .line1 { transform:rotate(-135deg) translate(-8px, -6px) ;-webkit-transform:rotate(-135deg) translate(-8px, -6px); top:50%; bottom:auto; }
.model_btn.on .line2 { transform:rotate(-45deg); -webkit-transform:rotate(-45deg); top:50%; bottom:auto;}
.model_btn.on .line3 { display:none; }

.model_menu { position:absolute; z-index:99999; right:0; top:3.5rem; width:50%; background:rgba(0,0,0,.8); font-size:.85rem; }
.model_menu_content li { padding:.45rem 0; text-align:center; color:#fff; border-bottom:1px solid rgba(255,255,255,0.2);}
.model_menu_content li a { color:#fff;}
.model_menu_content li a.cug { color:#BDA064; }

.model_menu_content li.cug {border-bottom:0 solid rgba(255,255,255,0.2); padding:.45rem 0 0 0; }

.menuNav2 { padding-top:-.5rem; line-height:2; }
.menuNav2 .links { opacity:.7; filter: alpha(opacity=70); }


/*大海报*/
.index-banner .swiper-pagination-bullet { width:28px; }
.index-banner .swiper-horizontal>.swiper-pagination-bullets { bottom:5%; }
.index-banner div img { position:relative;  width:140%; max-width:140%; left:-20%; }
.index-banner .swiper-slide { overflow: hidden;}
.index-banner .swiper-button-next,.index-banner .swiper-button-prev { display: none;}



.confontbj .culture { width:100%; margin-top:-2.2rem;  position:absolute; left:0; margin-left:auto;  }
.confontbj .culture span font { font-size:2rem; line-height:2.8rem;  }
.confontbj .culture span p { font-size:.85rem; line-height:1.5rem;  padding:0 0 0 0; letter-spacing:.5em;  }
.confontbj .culture span em { font-size:.9rem;  line-height:3.5rem; }
.confontbj .culture span em b {  padding:0 .5rem; }

.lm { width:100%; margin:0 auto; overflow: hidden; text-transform:uppercase;}
.lm font { width:100%; float:left; line-height:1.9rem; text-align:center; }
.lm font p { font-size:1.2rem;  }
.lm font b { font-size:1.5rem; }
.lm em { display: none; }
.marb40 { margin-bottom:5%; }
.martb { margin-bottom:5%; margin-top: 6%; }




/*关于博观*/
.introbj { background:url(../images/about2.jpg) center bottom no-repeat; background-size:cover; padding:7% 0 33% 0; }
    
.intro { width:100%; float: left; padding:0 5%; }
.intro h3 { width:100%; }
.intro h3 p { font-size:.9rem; color:rgba(0,0,0,1);  line-height:1.8rem; text-indent:2em; margin-bottom:1rem; }

.intro h3 em { width:38%;  margin-top: 3%; }
.intro h3 em a { width:100%; height:2.5rem; line-height:2.5rem; border-radius:1.5rem; font-size:.9rem; }
.intro h3 em a span { margin-left:-16%; }
.intro h3 em a span:after { left:77%; border-width:.5rem; top:.75rem; }

.intro h3 p:nth-child(200) { display: none; }



/*项目介绍*/
.tshd { padding:0 5% 0 5%; width:100%; }
.activitiesTab .tabDivs dl dt { width:100%; height:13rem; }
.activitiesTab .tabDivs dl dt img { width:100%; height:100%; }
.activitiesTab .tabDivs dl dd {  width:100%; padding:5% 0 0 0; }
.activitiesTab .tabDivs dl dd b { font-size:1.8rem; }
.activitiesTab .tabDivs dl dd span.tit { font-size:1.3rem; margin-bottom:20px; }
.activitiesTab .tabDivs dl dd p { font-size:.9rem; line-height:1.6rem; margin:3% 0 8% 0; color:#777;}

.activitiesTab .tabDivs dl dd a { width:38%; height:2.5rem; line-height:2.5rem; border-radius:1.5rem; font-size:.9rem;  }
.activitiesTab .tabDivs dl dd a span { margin-left:-16%; }
.activitiesTab .tabDivs dl dd a span:after { left:77%; border-width:.5rem; top:.75rem; }

.activitiesTab .tabIcons { margin-top:0; }
.activitiesTab .tabIcons ul { display:none; }
.activitiesTab .arrow {  bottom:0; top: auto;  }
.activitiesTab .arrow .s_btn { width:4.2rem; height:3.5rem; }

    
/*精彩视频*/

.conAuto { margin-left:calc(50vw - 628px); overflow:hidden; margin:0 5% 7% 5%; display: block; }
.videoLunbo { padding:5%; position:relative; z-index:2;} 
.videoLunbo:before { content:''; background:#fff; position:absolute; top:0; left:0; z-index:-1; width:960px; max-width:60%; height:100%;}
    
.videoLunbo .txt { margin:5% 0; display:none;}
.videoLunbo .imgBox img { display:block; width:100%; height: 13rem;}

.videoLunbo .swiper-slide-active .txt { line-height:1.5rem; font-size:1.1rem; -webkit-line-clamp:2; /* 这里是超出几行省略 */ }
.videoLunbo .videoBtns { position:static; margin-left:20%; right:0; bottom:0;}
.videoLunbo .videoBtns a { display: inline-block; padding:.2rem .8rem .5rem .8rem;}

    

/*博观动态*/
.newsbj { margin-top:6%; padding:6% 0; }
.warp { width:100%; padding:0 5%; }	
.newspic { width: 100%; float: left; margin-top:0%;}
.newspic ul li { width: 100%; float:left; background:#fff; margin-right:0; margin-bottom:5%; }	
.newspic ul li h2 { width: 100%; float: left; }	
.newspic ul li h2 img{ width: 100%; height: 13rem; }
.newspic ul li h3 {  display: none; }	
.newspic ul li h4 { width: 100%; float: left; height:auto; overflow:auto; padding:4% 7% 5% 7%; }	
.newspic ul li h4 span { width:100%; float:left; color:#333;  line-height:1.5rem; font-size:1.1rem; overflow:auto;height:auto;   }
.newspic ul li h4 p { width:100%; float:left; color:#777; line-height:1.4rem; font-size:.9rem; padding:.6rem 0 0 0; }
.newspic ul li h5 { display: none;}	

.newsfont { width: 100%; float: left; margin-top:0%; margin-bottom:7%}
.newsfont ul li { width: 100%; float:left ; border-bottom: 1px solid #eee; background: #fff;  padding:5% 7%;}	
.newsfont ul li span { width: 100%; float: left;  line-height:1.5rem; font-size:1.1rem;  overflow:auto; height:auto; }	
.newsfont ul li p  { width:100%; float:left; line-height:1.4rem; font-size:.9rem; padding:.6rem 0 0 0; overflow:auto; height:auto; color:#777; }
.newsfont ul li b {  width:100%; float:left; margin-top:11px; font-size:.9rem; line-height: 20px; height:20px; color: #aaa;  background:url( "../images/time.png") left center no-repeat; padding:0 0 0 24px; }




/*设计案例*/
.warp2 { width:100%; height:14rem; margin-bottom:0; padding:0 5%; display: none;}
.browser.firstAnim {width:20%; }
.browser.firstAnim.hover { width:64%; }
.browser.firstAnim.hover2 { width:9%; }

.browserpic { width:100%; height:100%; float:left; background-size:cover; background-position:left center; }
.browserpic span { position:absolute; left:0; top:0; height:auto; width:2rem; padding:.5rem; line-height:1.1rem; color: rgba(0,0,0,.8); font-size:1rem; font-family: 'syH5';  background:rgba(255,255,255,.9); }

.service { width:100%; float:left; display: block; }
.service ul {margin-bottom: -2%;}
.service ul li { width:100%; float:left; height:6rem; background-size:cover; background-position:left center; position:relative; margin-bottom: 2%;}
.service ul li span { position:absolute; left:0; top:0; height:2rem;  padding:0 10px; text-align: center; line-height:2rem; color:#333; font-size:1rem; font-family: 'syH2';  background:rgba(255,255,255,.95); }

.service ul li:nth-child(2n) span  { left:auto; right:0; }


/*底部*/
.footer { padding:7% 0 6% 0; }
.footer h2 { font-size:.85rem; margin-bottom:2%; }
.footer h2 span { width:100%; float:left; line-height:1.8rem; color:rgba(255,255,255,.7); padding:0 0; }
.footer h2 span i { margin-right:6px; }
.footer h2 font {  display: none;}

.footer h2 b { line-height:2.8rem; color:rgba(255,255,255,1); padding:0; text-align: center; display: block; }
.footer h2 b i { margin-right:6px; font-size:1.1rem; display: none; }
.footer h2 b .ewm { width: 100%;  position:inherit; left:auto; top:auto; display:block; }
.footer h2 b .ewm img { width:25%; height:auto; }
.footer h3 font { width: 100%; float:left; font-size:.85rem; line-height:1.6rem; }
.footer h3 font b { padding:0 9px; }
.footer h3 font em { display: none; }
.footer h4 { margin-top:3%;}




/*--------------------------------------------------列表页---------------------------------------------------*/

.banner { height:16rem; background-position: center top !important; background-repeat: no-repeat; background-size:cover !important;  }

.listbj .none{display: none;}
.listbj { padding:5% 0 0 0; }

.container { margin-bottom:0; }
.grid li { display:block; float:left; padding:5% 6%; width:100%; opacity:0; background:#fff; margin-bottom:.6rem; }
.grid li h3 img { width:100%; height:13rem; }
.grid li h4 { font-size:1.125rem;  margin:4% 0; line-height:1.5rem;}
.grid li h5 { font-size:.85rem; line-height:1.5rem; color:#777;}
.grid li h6 { font-size:.85rem; line-height:1rem;}
.grid li h6 span { padding:0 .6rem; display:inline-block; transform:scale(0.7); } 
.grid li.xm {  }
.grid li.xm:last-child { margin-bottom:5%; }

.grid li.fw { margin-bottom:.6rem; }
.grid li h1 { width:100%; height:13rem;  }
.grid li h2 { width:100%; float:right; height:auto;  padding:6% 6%; }
.grid li h2 em { line-height:1.7rem; font-size:.95rem; color:#666;  }
.grid li h2 em p { width: 100%; line-height:1.7rem; font-size:1.3rem; padding:0 0 .7rem 0; display:inline-block;  font-family: 'syH6';}
.grid li:last-child.fw { margin-bottom:5%; }

    
.grid li.casejj { margin:0 0 5% 0;  }
.grid li.casejj b { width:100%;  }
.grid li.casejj b img { width:100%; height:13rem;}
.grid li.casejj font { width:100%; float:left; padding:5.5% 6% 5% 6%; }
.grid li.casejj font span { width:100%; float:left; line-height:1.5rem; font-size:1.1rem;}
.grid li.casejj font p { width:100%; float:left; color:#777; line-height:1.4rem; font-size:.9rem; padding:.7rem 0;  }
.grid li.casejj font i { width: 33px; height: 33px; display:block; background: url("../images/news_next.png") left center no-repeat;float: left;}
.grid li.casejj:hover font i { margin-left:0;}

.grid li.casejj:nth-child(2n) b{ float:left; }
.grid li.casejj:nth-child(2n) font{ float:left; }
.grid li.casejj:last-child { margin-bottom: 5%; }
    
    

    
    

.lm2 { width:100%; float:left; line-height:1.9rem; text-align: center; padding:1% 0 5% 0 ; margin-bottom:6%; }
.lm2 p { font-size:1.2rem; }
.lm2 b { font-size:1.5rem; }
.lm2 i { display:block; width:14px; height:2px; background:#cbcbcb; position:absolute; left:50%; margin-left:-7px; margin-top: 4%; }


.page { width:100%; float:left; margin:5% 0 8% 0; font-size:.9rem;  }
.page a { margin:0 3px; padding:0 .7rem; line-height:2rem; }
.page em { display: none; }
.page span.current { padding:0 .7rem; line-height:2rem; margin:0 3px;}



.contact_list { padding:7% 6% 4% 6%; } 
.contact_list h5 { width:100%;  }
.contact_list h5 p { font-size: .9rem; line-height: 1.6rem; margin-bottom:.6rem; color: #777777; }
.contact_list h5 p strong { line-height:1.5rem; font-size:1.3rem; margin-bottom:.8rem; color: #BDA064; font-weight: normal; text-align: center; }

.contact_list h5 font { width:100%; float:left; line-height:1.5rem; font-size:1rem; margin-top:.8rem; }
.contact_list h5 font i { float:left; margin-right:.8rem; line-height:1.5rem; font-size:1.1rem; margin-top:0;  }

.contact_list h6 { width:100%; float:right; margin:8% 0 4% 0;  }
.contact_list h6 img { width:100%; height:auto; }

.contact_list h4 { width:100%; float:right; margin:8% 0 4% 0; height: 15rem;  }
    
    
    

/*关于博观*/
.about {padding:5% 6% 3% 6%;  }


.intro4  { width:100%; float:left; }
.intro4 p { line-height:1.9rem; font-size:1rem; padding:0 0 5% 0; }
.intro4 strong { font-size:1.1rem;}

.intro5 { width:100%; float:left; margin-bottom: 5%; }
.intro5 h3 { width:100%; float:left; }
.intro5 h3 img { width:100%; height:auto; }
.intro5 ul li { width:31.6666667%; float:left; margin-top:12px; margin-right:2.5%;} 
.intro5 ul li img { width:100%; height:4.6rem; }
.intro5 ul li:nth-child(3n) { margin-right:0 }


.intro6 { margin-top: 0;  }
.intro6 ul li { width:100%; margin-right:0; line-height:1.9rem; font-size:1rem; padding:0 0 5% 0;   }
.intro6 ul li:nth-child(3n) { margin-right:0; }


.intro7 p { width:100%; float:left; color: #333; text-align: justify; line-height:1.9rem; font-size:1rem;  padding:0 0 5% 0;}


.warp { width:100%; padding:0 5%; }	

/* --------------------------------------------------------- 三级页面 ----------------------------------------------------- */

.warp4 { width:100%; padding:0 6% 1% 6%; float: left; }	
.warp5 { width:100%; padding:0 0; }	
.con90 { width:100%; float:left; border: 0px solid #e8e8e8; padding:0; margin-bottom:0; }

.titt {  font-size:1.3rem;  padding:6% 0 4% 0; line-height:1.9rem; }
.info { font-size:.9rem;  line-height:1.5rem; margin-bottom:6%; padding:0 0 5% 0; }
.info span { padding:0 5px; }
.info em { padding:0; width:100%;  text-align: center; float: left; }

.zw {line-height:2em; font-size:1rem;color:#222; }
.zw p { padding-bottom:5%; }
.zw img { max-width:100%; height:auto; }

}