*{ margin:0; padding:0; list-style:none; border:0; }
html,body{ width:100%; height:100%; max-width: 1920px; margin: 0 auto; position: relative; }
img{width: 100%; display: block;}
a{ display:block; text-decoration:none; }

.wrapper{ width:100%; height:100%; background-image:url(img/pc.jpg); background-position:top center; background-repeat:no-repeat; overflow: hidden; position: relative;}
.logo{ width:300px; position: absolute; top:35px; left:35px; }
.btn_qq{ width:120px; display:block; position: absolute; top:0; right:20px; transition:.5s }
.btn_qq:hover{ transform:scale(1.02); }
.float_news{ width:306px; height:595px; background-image:url(img/news_box.png); position: absolute; top:50%; right:0; transform:translateY(-50%); z-index: 2; transition: .5s}
.float_news.hide{ right:-348px }
.news{ width:230px; padding:140px 0 0 55px }
.focus{width: 230px; height: 135px; overflow: hidden; border-radius: 10px}
.news_list{ width:100%; padding-top:5px; }
.news_list ul li{ width:100%; height:40px; line-height:40px; font-size:14px; color:#333; border-bottom:1px #ddd solid; }
.news_list ul li a{ color:#333; width: 180px; display: block; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: .5s}
.news_list ul li a:hover{ color:#f60 }
.news_list ul li span{ float:right; }
.news_close{ width:40px; height:60px; display:block; position: absolute; top:295px; left:16px; }

.qrcode_box{ width:110px; margin:15px auto; text-align: center; font-size: 14px; color: #333;}
.qrcode_box .qrcode{ border:1px #ddd solid; border-radius:5px; overflow:hidden; padding:2px; margin-bottom:3px; background-color:#fff }

.btn_news{ width:44px; display:block; position: absolute; top:50%; right:0; margin-top:-81px; transition:.5s; transform-origin:100% 50%; z-index: 1}
.btn_news:hover{ transform:scale(1.02); }

.btn_yy{ width:440px; display:block; position: absolute; top:620px; left:220px; transition:.5s }
.btn_yy:hover{ transform:scale(1.02); }

.pop{ width:100%; height:100%; position:fixed; top:0; left:0; background-color: rgba(0, 0, 0, .9); z-index:9; display: none}
.pop .inner{ width:535px; height:476px; background-image:url(img/pop.png); position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.pop .close{ width:68px; height:68px; display:block; position: absolute; top:15px; right:15px; transition: .5s}
.pop .close:hover{ transform:scale(1.03); }
.pop .t{ width:331px; display:block; margin:0 auto; padding-top:75px }
.pop .phone_form{ width:440px; margin:0 auto; padding-top:35px; text-align: center;}
.pop .phone_form label{ line-height: 40px; display:inline-block; width:150px; margin:0 10px; font-size:24px; color:#c1c1c1; }
.pop .phone_form label input{ width: 18px; height: 18px; display:inline-block; vertical-align: middle;}
.pop .phone_form label span{ display:inline-block; vertical-align: middle; margin-left: 8px;}
.pop .phone_form .phone{ width:100%; height:55px; line-height:55px; border:1px #ddd solid; border-radius:7px; text-indent:20px; font-size:16px; color:#333; margin-top:35px; }
.pop .phone_form button{ width:300px; height:100px; display:block; margin:25px auto 0; background-image:url(img/btn_yy.png); background-size:100% 100%; background-color: transparent; cursor: pointer; transition: .5s}
.pop .phone_form button:hover{ transform:scale(1.02); }

.pop .sucess{ width: 490px; margin: 0 auto; padding-top: 90px; }
.pop .sucess b{ font-size:30px; color:#9d5c46; display:block; text-align: center; }
.pop .sucess .qrcode{ width:160px; border-radius:10px; background-color:#fff; border:1px #ddd solid; margin:30px auto; overflow:hidden; }
.pop .sucess p{ font-size:16px; text-align: center; color:#333; }
.pop .sucess p a{ color:#9d5c46; display:inline; }

.ny_wrapper{ width:100%; min-height:100%; padding-bottom: 70px; background-image:url(img/ny_bg.jpg); background-attachment: fixed; background-repeat:no-repeat; background-position:top center; }
.ny_wrapper .logo{ width:256px }
.ny_wrapper .back{ width:142px; display:block; position: absolute; top:0; right:20px; transition: .5s}
.ny_wrapper .back:hover{ transform:scale(1.03); }
.ny_wrapper .news_content{ width:1280px; margin:0 auto; padding-top:200px; }
.ny_wrapper .news_content .news_title{ text-align: center; }
.ny_wrapper .news_content .news_title h1{ font-size:40px; color:#ffd8b8; text-align: center; }
.ny_wrapper .news_content .news_title span{ font-size:14px; color:#ffbee0; display:block; padding-top:10px; }
.ny_wrapper .news_content .content{ font-size:16px; color:#fff; line-height:30px; padding-top:30px; }
.ny_wrapper .news_content .content p{ padding:10px 0 }
.ny_wrapper .news_content .content a{ display: inline; color:#fff }
.ny_wrapper .news_content .content a:hover{ color:#ffd8b8 }
.ny_wrapper .news_content .content b{ color:#ffd8b8 }
.ny_wrapper .news_content .content table{ width: 800px; border-top:1px #fff solid; border-left:1px #fff solid; }
.ny_wrapper .news_content .content table td{ border-bottom:1px #fff solid; border-right:1px #fff solid;  text-align: center; line-height: 40px; text-align: center;}
.ny_wrapper .news_content .content table tr:first-child td{ background-color:rgba(255, 255, 255, .2); font-weight: bold;}

.ny_wrapper .news_head{ text-align: center; padding-top:160px; font-size: 40px; color: #ffd8b8; width: 1100px; margin: 0 auto; border-bottom: 1px rgba(255, 255, 255, .1) solid; padding-bottom: 30px}

.ny_wrapper .ny_news_list{ width:100%; margin:0 auto; padding-top:40px; }
.ny_wrapper .ny_news_list ul li{ width:100%; height:100px; padding:35px 0; border-bottom:1px rgba(255, 255, 255, .1) solid; transition: .5s}
.ny_wrapper .ny_news_list ul li:hover{ background-color:rgba(0, 0, 0, .05); }
.ny_wrapper .ny_news_list ul li a{ width:1100px; margin:0 auto; display:block; transition: .5s}
.ny_wrapper .ny_news_list ul li:hover a{ transform:translateX(-20px); }
.ny_wrapper .ny_news_list ul li:hover .info b{ color:#ffd8b8;  }
.ny_wrapper .ny_news_list ul li:hover .intro{ color:#fff; opacity: 1}
.ny_wrapper .ny_news_list ul li .info{ width:100%; height:45px; line-height:45px; font-size:24px; }
.ny_wrapper .ny_news_list ul li .info .news_t{ color:#fff; float:left; display: block;}
.ny_wrapper .ny_news_list ul li .info .news_time{ font-size: 18px; color:#fff; float:right; display: block;}
.ny_wrapper .ny_news_list ul li .info b{ font-weight:100; color:#fff; display:block; float:left; margin-left: 15px; transition: .5s}
.ny_wrapper .ny_news_list ul li .intro{ font-size:16px; color:#fff; opacity: .6; line-height:25px; margin-top: 5px; transition: .5s}