/* CSS Document By Millia 2017-08-17*/
@import url("http://www.jiaodong.net/inc/v2017/millia.css");
@import url("http://www.jiaodong.net/inc/v2017/swiper.css");
.millia{width:1200px;margin:0 auto;position:relative;}
#logo{background:url(http://www.jiaodong.net/news/yantai/twjs/images/logobg.jpg) no-repeat top center;padding:60px 0;}
#nav{background:url(http://www.jiaodong.net/news/yantai/twjs/images/navbg.jpg) repeat;font-size:0;padding:15px 0;}
#nav li{font-size:18px;display:inline-block;padding:0 40px;}
#nav li img{margin-right:8px;}
#nav a{display:block;color:#333;}
#nav a:hover{text-decoration:none;}
#markbg{display:none;}

#topic{position:relative;overflow:hidden;}
#topic .rightMark{width:50%;height:400px;position:absolute;right:0;top:0;margin-right:-600px;background:url(http://www.jiaodong.net/news/yantai/twjs/images/markbg.png) repeat;z-index:1;}
#topic .leftMark{width:50%;height:400px;position:absolute;left:0;top:0;margin-left:-600px;background:url(http://www.jiaodong.net/news/yantai/twjs/images/markbg.png) repeat;z-index:1;}
#topic .swiper-slide{width:1200px;position:relative;}
#topic .swiper-button-next{background:url(http://www.jiaodong.net/news/yantai/twjs/images/right.png) no-repeat top left;width:45px;height:100px;right:50%;margin-right:-645px;}
#topic .swiper-button-prev{background:url(http://www.jiaodong.net/news/yantai/twjs/images/left.png) no-repeat top left;width:45px;height:100px;left:50%;margin-left:-645px;}
#topic .swiper-pagination{width:230px;left:50%;bottom:20px;margin-left:370px;}
#topic .swiper-pagination-bullet{height:15px;width:15px;border-radius:0;background:#cecfdf;opacity:1;}
#topic .swiper-pagination-bullet-active{background:#b60106;}
#topic .swiper-slide .imginfo{position:absolute;top:0;right:0;background:#43444f;width:230px;height:100%;overflow:hidden;color:#fff;}
#topic .swiper-slide .imginfo h2{background:#3b3d46;padding:10px 20px;font-size:24px;line-height:36px;}
#topic .swiper-slide .imginfo p{padding:20px;font-size:14px;line-height:24px;color:#cecfdf;font-family:"ËÎÌå";}

.ht01{background:url(http://www.jiaodong.net/news/yantai/twjs/images/htbg.png) repeat-x top;position:relative;}
.ht01 b{display:inline-block;background:#fff;padding:0 10px;font-size:32px;font-weight:normal;color:#3b3d46;}
.ht01 b img{margin-right:15px;}
.ht01 span{position:absolute;display:block;border:1px solid #d5dbe1;font-size:14px;color:#333;padding:5px 10px;top:5px;white-space:nowrap;right:0;background:#fff;}
.ht01 a:hover{text-decoration:none;}

.ls01,.ls02,.ls03{width:100%;overflow:hidden;}
.ls01 ul,.ls02 ul,.ls03 ul{float:left;width:102%;}
.ls01 li{width:30.9%;float:left;padding:1px;border:1px solid #d5dbe1;background:#fff;box-shadow:5px 5px 0 #d5dbe1;margin:3% 2% 0 0;}
.ls01 li span{display:block;overflow:hidden;width:100%;height:215px;}
.ls01 li img{width:100%;height:auto;transition:all 0.5s;-webkit-transition:all 0.5s;-ms-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;}
.ls01 li:hover img{transform:scale(1.3,1.3);-webkit-transform:scale(1.3,1.3);-ms-tarnsform:scale(1.3,1.3);-moz-transform:scale(1.3,1.3);-o-transform:(1.3,1.3);}
.ls01 li p{padding:20px;}
.ls01 li a:hover{text-decoration:none;}

.main{overflow:hidden;}
.right{padding-bottom:10000px;margin-bottom:-10000px;width:364px;background:#fafafa;border-left:1px solid #d4dae0;padding-left:20px;}
.left{padding-bottom:10000px;margin-bottom:-10000px;width:790px;}
.ls02 ul{width:820px;}
.ls02 li{width:378px;height:220px;overflow:hidden;float:left;position:relative;margin:30px 30px 0 0;border:1px solid #d5dbe1;}
.ls02 li div{position:absolute;left:0;top:-550px;padding:30px 20px;width:340px;height:160px;background:url(http://www.jiaodong.net/news/yantai/twjs/images/markbg.png) repeat;color:#fff;}
.ls02 li div h6{background:url(http://www.jiaodong.net/news/yantai/twjs/images/tag01.png) no-repeat right center;margin-bottom:15px;}
.ls02 li div h6 b{display:inline-block;font-size:18px;line-height:36px;border-bottom:2px solid #b60106;font-weight:normal;}
.ls02 li div p{font-size:18px;line-height:32px;}

.addmore a{background:url(http://www.jiaodong.net/news/yantai/twjs/images/addmore.png) no-repeat 42% center;padding:15px 0;font-size:20px;line-height:28px;display:block;text-align:center;color:#333;border:1px solid #ddd;}

.phonebg{background:url(http://www.jiaodong.net/news/yantai/twjs/images/phone.png) no-repeat top left;padding:100px 17px 83px 21px;width:325px;height:545px;overflow:hidden;}

.ht02{background:#43444f;color:#fff;font-size:24px;line-height:48px;padding-left:15px;}
.ht02 a{color:#fff;}
.phone{position:relative;}
.phone .swiper-slide{overflow:hidden;}
.phone .swiper-slide a{display:block;position:relative;}
.phone .swiper-slide a span,.ls03 li a span{position:absolute;width:100%;height:100%;left:0;top:0;display:none;}
.phone .swiper-slide a:hover span,.ls03 li a:hover span{display:block;}
.phone .swiper-slide a span img,.ls03 li a span img{width:100%;height:100%;}
.phone .swiper-button-next{background:url(http://www.jiaodong.net/news/yantai/twjs/images/sright.png) no-repeat top left;width:44px;height:29px;right:6px;top:-15px;}
.phone .swiper-button-prev{background:url(http://www.jiaodong.net/news/yantai/twjs/images/sleft.png) no-repeat top left;width:44px;height:29px;left:auto;right:50px;top:-15px;}

.rightfixed{top:10px;width:365px;}

.posi{color:#333;}
.posi a,.posi span{color:#999;}

.ls03 ul{width:110%;}
.ls03 li{width:325px;height:495px;float:left;padding:8px;border:1px solid #d4dae0;margin:30px 85px 0 0;}
.ls03 li a{display:block;position:relative;overflow:hidden;}


@media screen and (max-width:640px){
.millia{width:96%;}
.systc{text-align:center;}
.sysmb30{margin-bottom:3rem;}
.f18{font-size:1.4rem;}

#logo{padding:2rem 1rem;}

#logo img,#topic .swiper-slide,#topic img,.ls02 li img,.ls03 li img{width:100% !important;height:auto !important;}
#nav img,#topic .swiper-pagination,#topic .swiper-button-next,#topic .swiper-button-prev,.ls02 li div h6,.ls03 li a span{display:none !important;}

#nav{position:fixed;top:1%;right:1%;box-sizing:border-box;z-index:999;display:block;padding-top:50px;}
#nav span{background:url(http://www.jiaodong.net/news/yantai/twjs/images/navbg.png) rgba(59,61,70,0.8) no-repeat center center;width:46px;height:46px;border-radius:50%;display:block;position:absolute;right:0;top:0;}
#nav ul{display:none;position:absolute;right:0;top:50px;width:auto;}
#nav ul li{font-size:1.4rem;line-height:2.6rem;width:100%;text-align:center;margin-bottom:.2rem;padding:0;}
#nav ul li a{background:#3b3d46;color:#fff;display:block;white-space:nowrap;padding:.3rem 2rem;}
#markbg{width:100%;height:100%;background:rgba(0,0,0,0.4);position:fixed;left:0;top:0;z-index:998;display:none;}
#topic{margin:0;}
#topic .swiper-slide .imginfo{position:relative;width:100%;}

.ht01 b{font-size:2.4rem;}
.ht01 span{position:relative;width:20%;margin:1rem auto;padding:.3rem 1rem;}

.ls01 ul,.ls01 li{width:98%;}
.ls02 ul,.ls02 li,.ls03 ul,.ls03 li,.ls01 li span{width:100%;height:auto;box-sizing:border-box;}
.ls01 li,.ls02 li{margin:1.5rem 0 0 0;}
.ls02 li div{position:relative;top:0;box-sizing:border-box;width:100%;height:auto;padding:1rem;}
.ls02 li div p{font-size:1.2rem;line-height:2.4rem;padding:0;background:none;}

.addmore a{background:none;}
.ls03 li{box-sizing:border-box;}
}