@charset "utf-8";
html,body{width: 100%; height: 100%;}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em{margin:0;padding:0;border:0;}
body{font-size:14px; margin:0px;color:#333; font-family:Helvetica, Tahoma, Arial, "Hiragino Sans GB", "Microsoft YaHei", SimSun, Heiti, sans-serif; background: #fff;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box; -ms-box-sizing: border-box;box-sizing: border-box;}
ul,ol,li{list-style:none;}
input,button{margin:0;vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0;}
em,i{ font-style:normal;}
p img {display: inline-block;}
a{ color: #333;outline: none!important; text-decoration: none;}
a:focus,a:hover{text-decoration: none; outline: none;}
.clear{ clear: both; height: 0px; border: none; padding: 0; margin: 0; line-height: 0px;}
.plr15{padding: 0px 15px;}
.ml20{margin-left: 20px;}
.m{ margin: 0px auto;}
.h72{ height: 60px; width: 100%; clear: both;}
.h47{ height: 47px; width: 100%; clear: both;}
.l{float: left; display: inline;ont-weight: bold;}
.r{float: right; display: inline;}
.x{position: relative; z-index: 1;}
.x2{position: relative; z-index: 2;}
.j{position: absolute; z-index: 4;}
.fix{position: fixed; z-index: 4; width: 100%; top: 0px; left: 0px;}
.lin10{ margin-top: 10px;}
.ov{overflow: hidden;}
.oh, .ohide {overflow: hidden;}
/*扒*/
.ui-page{position: relative; z-index: 10; width: 100%; height:100%; overflow: hidden; -webkit-transform: translate3d(0, 0, 0);}
.open .panel-aside {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);
    background: #333;}
.open.ui-page{width: 100%;}
.panel-aside{ position: absolute; right: 0;top: 0; z-index: 100; width: 30%; height: 100%; padding-top: 80px; background: url(../images/menu_bg.png); box-shadow: -3px 0 8px rgba(51,51,51,.2); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translate3d(200px,0,0); transform: translate3d(210px,0,0); transition: all linear .2s;}
.main-nav .nav-item{height: 4.489%;line-height: 60px;font-size:16px;text-indent:20px;}
.main-nav .nav-item .nav-link{display: block;}
.main-nav .active .nav-link{color:#221715;}
.con{position: absolute; z-index: 4; top: 0px; left: 0px; width: 100%; height: 100%; overflow: auto;}
/*通用end*/
.top{display: block; line-height: 80px;  background: #fff; padding: 0px 10px;  position: relative; z-index: 2;padding-left: 0;width: 100%;overflow: hidden;}
.top .s1{font-size: 20px; height: 80px; line-height: 80px; color: #000;}
.top .s1 img{height: 60px;margin-top: 5px;margin-left: 5px;}
.top .a1 img{ display: block; margin-top:18px;}
.panel-aside .menu{width: 100%; height: 100%;}
.panel-aside .menu .nr{width: 100%; height: 100%;}
.panel-aside .menu .nr .a2{font-size: 16px; display: block; color: #fff; padding: 20px 10px;  text-align: right;    border-bottom: 1px solid #fff;}
.panel-aside .menu .nr .a2 a{color: #fff;}
.panel-aside .menu .nr .a2 a:visited{ color: #fff;}
.panel-aside .menu .nr .a3{color: #fff; position: absolute; bottom: 10px; right: 10px; z-index: 4;}
.panel-aside .menu .nr .a3 a{color: #fff;}
.panel-aside .menu .nr .a3 a:visited{ color: #fff;}
/*banner*/
/*.swiper-container{margin-top: 80px;}*/
.banner img{ width: 100%; display: block;}
.swiper-pagination-bullet{background: #fff; opacity: 1;}
.swiper-pagination-bullet-active{ background: #822667;}
/*内容*/
.container{padding: 0px 15px; overflow: hidden;border-top: 1px solid #eee;border-bottom: 1px solid #eee;text-align: justify;}
/*work*/
.work{overflow: hidden; width: 100%;}
.work li{float: left; display: inline; width: 100%; clear: both;}
.work li img{max-width: 100%; width: 100%; display: block;}
.work li h3{font-size: 16px; line-height: 25px; margin-bottom: 10px; font-weight: normal;}
.work li h3 a{color: #000;}
.work_pic img{ margin: 0px auto; display: block;}
.pic_wz{font-size: 12px; color: #000; height: 40px; line-height: 40px; bottom: -40px; left: 0px; z-index: 8; width: 100%; text-align: center;}
/*new_list*/
.news_list{overflow: hidden; width: 100%;}
.news_list li{float: left; display: inline; width: 100%; clear: both; margin-bottom: 10px; padding-bottom: 10px;     border-bottom: 1px solid #ddd;}
.news_list li img{max-width: 100%; margin:auto; display: block;    width: 100%;}
.news_list li h3{font-size: 16px; line-height: 25px;}
.news_list li h3 a{color: #333;font-size:15px;}
.news_list li p{font-size: 14px; line-height: 25px;}
/*article*/
.article{overflow: hidden;}
.article img{max-width: 100%;}
.article h1{margin-bottom: 20px; text-align: center; font-size: 25px; line-height: 100%;}
.article .nr{overflow: hidden;}
.article .nr p{  font-size: 14px; color: #666;}
/*分页*/
.page2{ overflow: hidden; text-align: center; margin-top: 10px; margin-bottom: 20px;}
.page2 ul{letter-spacing: -3px; overflow: hidden;}
.page2 li{ display:inline-block; margin:0px 3px; letter-spacing: 0; *display: inline; *zoom: 1; font-size: 14px; text-align: center;}
.page2 li a{display: block; color: #333; line-height: 100%; padding: 0px 8px;}
.page2 li:hover,.page2 li.thisclass{font-weight: bold;}
.page2 li:hover a,.page2 li.thisclass a{color: #000;}


.main1 {overflow: hidden;padding:0px 10px 20px; }
.main1 li {width: 100%;padding: 20px 0px 15px;float: left; }
.main1 li .s1 {font-size: 16px;font-weight: bold;
      line-height: 20px;margin-bottom: 10px;display: block; }
.main1 li p {text-align: left;line-height: 20px;font-size: 12px;margin-bottom: 10px; }
.main1 li a {line-height: 20px;font-size: 12px; }
.main1 li a:hover {text-decoration: underline; }

.main1 .center {border-bottom: 1px solid #eee; }
.main1 .center .s1, .main1 .center a {color: #333; }

.main1 .fk1{width:40%;float:left;}
.main1 .fk1 img{width:95%;height:120px;}
.main1 .fk2{width:58%;float:left;margin-left:1%;}

.main2 {overflow: hidden;padding-bottom: 10px; }
.tit1{padding:0 10px;font-size:16px;line-height: 30px;margin-top: 10px;}
.pt10{padding-top: 10px;}
.main4 {overflow: hidden;padding-bottom: 10px; }
.main4 ul {padding: 0px 10px;}
.main4 li {width: 50%;padding: 5px;float: left; }
.main4 li img {width: 100%;display: block; }
.main4 li .nr {text-align: center; }
.main4 li p {line-height: 18px;font-size: 14px;margin-top: 5px;color: #8d8d8d; }
.main4 li a {line-height: 18px;font-weight: bold;font-size: 14px; }
.main4 li a:hover {text-decoration: underline;color: #e87f65; }

.in1{height:2px;background: #822667;width:100%;}
.footer{padding:10px;width:100%;text-align: center;}

.im1{border:1px solid #ccc;height: 30px;line-height: 30px;width:200px;}
.im2{min-height:70px;border:1px solid #ccc;width:200px;}
.im3{display: block;width:85px;height:30px;line-height:30px;text-align: center;
	background: #822667;color:#fff !important;border-radius: 4px;margin: auto;margin-top: 5px;}
.im3:hover{color:#fff;background: #666;}
.xbanner{width:100%;}
.xbanner img{width:100%;}