@charset "utf-8";
/* CSS Document */

html,body{ margin:0; padding:0; background:#eee5de;}
body:after , .after:after{height:0px;visibility:hidden;content:".";clear:both;display:block; float:none;}

.header_contenter,.nav_contenter,.article_contenter,.bottom_contenter{ margin:auto; background:#fff;}
.logo{ max-width:50%; height:60px; padding:5px 10px;}
.pc .logo{ margin:5px 10px; height:70px;}
.connect_us_img{ float:right; margin-top:5px; max-width:50%;}
.nav_contenter{ font-size:0.8em; padding:0.5em 0; margin:5px auto;}

.article{ text-align:center; padding:10px;}
.title{ font-size:20px;}
.info{ font-size:13px; color:#555;}
.content{ text-align:left; font-size:14px; line-height:2em; color:#333;}
.content p{ margin:15px 0;}

.list_title{ font-size:16px; margin:10px; color:#9d68b7; font-weight:bold;}
.list ul{padding:0; margin:10px;}
.list li{ list-style:none; padding:0; margin:15px 0 0 0;}
.list li a{ color:#333; font-size:14px; text-decoration:none;}
.copyright{ text-align:center; line-height:2em; font-size:13px; background:#9d68b7; padding:10px; color:#fff; margin:auto;}

.box{ width:280px; height:180px; background:url(../img/box.jpg) no-repeat; background-size:contain; position:fixed; left:50%; top:50%; margin-top:-150px; margin-left:-140px;}
.box .close{width:20px; height:20px; position:absolute; top:0; right:0;}
.box .ask{width:95px; height:33px; position:absolute; left:85px; top:85px;}

.header_contenter.pc{ height:90px; width:1000px;}
.nav_contenter.pc{ width:1000px; font-size:13px;}
.article_contenter.pc{ width:1000px;}
.pc .article{ width:680px; float:left; border-right:#ccc solid 1px;}
.pc .list{ width:280px; float:right;}
.bottom_contenter.pc{ width:1000px;}
.pc .content{ padding:20px;}

.box.pc{width:560px; height:360px;margin-top:-150px; margin-left:-280px;}
.box.pc .close{width:40px; height:40px; position:absolute; top:0; right:0;  cursor:pointer;}
.box.pc .ask{width:190px; height:65px;  position:absolute; left:170px; top:170px;  cursor:pointer;}