/* by Adon , CSS Document */


@font-face {
  font-family: Family;
  src: url("/Public/Home/fonts/sanfranciscodisplay-light-webfont.eot");
  src: local("☺"), url("/Public/Home/fonts/sanfranciscodisplay-light-webfont.woff") format("woff"), url("/Public/Home/fonts/sanfranciscodisplay-light-webfont.ttf") format("truetype"), url("/Public/Home/fonts/sanfranciscodisplay-light-webfont.svg") format("svg"); }


*{margin:0;padding:0;-webkit-touch-callout:none;}
body{ font-size:12px;font-family:"PingFang SC", "Source Han Sans SC", "HanHei SC","Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", 黑体, Arial, sans-serif;color:#000000;}
a,body{color:#000000}
a{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
a:focus,a:hover{text-decoration:none;color:#000000;}
h1,h2,h3,h4,h5,h6,li,ul{margin:0}
li,ul{list-style:none}
a:focus,input,textarea,select{outline:none} 
img{-ms-interpolation-mode:bicubic;max-width:100%;-webkit-touch-callout:none}
p,big,small,span,font,em{display:block;margin:0}
.left{float:left}
.right{float:right}
.clearfix{clear:both}
.en{font-family:Family, Tahoma, Geneva, sans-serif}
.container{width:100%;max-width:1470px;margin:0 auto;padding-left:15px;padding-right:15px}
.pic-scale{-webkit-transition:opacity 0.55s, -webkit-transform 0.55s;transition: opacity 0.55s, transform 0.55s;-webkit-transform: scale(1);transform: scale(1);}
.radius{ border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; -ms-border-radius:25px; -o-border-radius:25px;}
.sidr-open .sidr-bg{ background:#000; position:fixed; top:0; z-index:999; width:100%; height:100%; opacity:0.5; -webkit-opacity:0.5; -moz-opacity:0.5; -ms-opacity:0.5; -o-opacity:0.5;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.header{ position:fixed; top:0; border-bottom:solid 1px #ececec;width:100%; z-index:100; padding:60px 0 35px 0; background:#fff;font-size:16px; font-weight:bold;}
.header .menu{ background:url(/Public/Home/img/menu.jpg) no-repeat left; line-height:36px; padding-left:50px; display:none; position:absolute; left:15px; top:60px;}
.header .header-nav.left{ padding-left:5%;}
.header .header-nav.right{ padding-right:5%;}
.header .header-nav{ position:relative}
.header .header-nav li{ float:left; padding:0 25px; line-height:36px;}
.header .logo img{ position:absolute; left:0; right:0; margin:0 auto; text-align:center;}
.header-div{ float:left; width:100%; height:131px;}
.news{ float:left; width:100%; margin-top:5%;}
.news .news-list li{ float:left; width:100%; height:660px; background:#f3f3f3; margin:2% 0;}
.news .news-list li .item em{font-size:20px; font-style:normal; font-weight:bold; margin-bottom:10%;}
.news .news-list li .item span{font-size:32px; font-weight:bold;}
.news .news-list li:hover .item p{ text-decoration:underline}
.news .news-list li:hover .item font{ text-decoration:underline}
.news .news-list li .item p{font-size:16px; margin:5% 0 15% 0;}
.news .news-list li .item font{font-size:15px;font-weight:bold;text-transform:uppercase}
.news .news-list li .bg{ width:50%; height:100%;}
.news .news-list li .bg img{ display:none; width:100%;}
.news .news-list li .item{ width:50%; padding:10%;}
.news-view { overflow:hidden;font-size:16px;}
.news-view .news-title{ font-size:35px; text-align:center; display:block; font-weight:bold; padding:5% 15%; background:#f3f3f3;}
.news-view .news-time{text-align:center; display:block;margin:5% 0;font-weight:bold}
.news-view .news-content{margin:2.5% auto 5% auto; max-width:960px;}
.news-view .news-content img{width: 100% !important;height: auto !important;}
.news-page{font-size:16px; padding:5% 0; overflow:hidden; color:#797979; border-top:solid 1px #dedede; line-height:25px;padding-top:20px; margin:5% 0 0 0;}
.news-page span{ width:70%; overflow:hidden;}
.news-page span a{ display:block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news-page span a font{ display: inline-block; font-weight:bold; margin-right:5px;}
.footer{ float:left; width:100%; border-top:solid 1px #ececec; font-weight:bold;font-size:16px; margin-bottom:5%;}
.footer .p1{ margin:5% 0}
.footer .footer-dl dl{ float:left;text-transform:uppercase; margin-right:95px;}
.footer .footer-dl dl dt{ display:block; margin-bottom:20px;}
.footer .footer-dl dl dd{ display:block; line-height:25px;}
.footer .footer-ad{ text-align:right; text-transform:uppercase; line-height:25px;}
.footer .footer-by{ float:left;width:100%; border-top:solid 1px #ececec; padding:2.5% 0 5% 0;text-transform:uppercase; margin-top:5%;}
.footer .footer-by .by a{ text-decoration:underline}
.footer-add{ overflow:hidden;font-weight:bold; text-align:center; margin:7.5% 0; float:left; width:100%;}
.footer-add .p2{ font-size:25px; margin:2.5% auto}
.footer-add .p3{ font-size:18px; max-width:570px; margin:0 auto; padding:0 15px;}
.footer-add .form{ margin-top:2.5%;}
.footer-add .form input{ display:inline-block;}
.footer-add .form .text{ border:solid 2px #ededed; line-height:40px; padding:0 1%;font-size:16px; margin:0 10px;}
.footer-add .form .submit{text-indent:-9999px; display: inline-block;background:url(/Public/Home/img/submit.png) no-repeat center; width:24px; height:24px;border:0; background-size:cover; padding:5px 0;}
.modal .modal-header{ border-bottom:none;}
.modal{text-align:center; width:100%; height:100%;}
.modal .modal-content{ width:100%; height:100%; position:absolute;margin:0 auto; left:0; right:0;top:50%;margin-top:-275px;max-width:800px; max-height:500px;}
.modal .modal-content video{ width:100%; height:100%; max-height:480px;}
#sidr{ position: fixed;font-size:17px;left:-100%;top:0; max-width:480px;text-transform:uppercase;height:100%;width:60%;background:#fff;z-index:999;overflow-y:scroll;}
#sidr .menu{ position:absolute; right:5%; top:2.5%;}
#sidr ul{ width:100%; margin-top:15%;}
#sidr ul li { line-height:50px;border-bottom:solid 1px #efefef; display:block;text-indent:10%; font-weight:bold}
#sidr ul li.click{ background:url(/Public/Home/img/d.png) no-repeat 90% 20px;}
#sidr ul li .down{display:none; background:#000; margin:0; text-transform:capitalize;}
#sidr ul li .down li{border-top:solid 1px #6b6b6b; font-size:14px;margin:0; border-bottom:none; font-weight:normal}
#sidr ul li .down li a{color:#fff;}


@media (max-width:1366px){
.header .header-nav{ display:none}
.header .menu{ display:block}	
.header .logo img{ position:static; display:block;}
.news .news-list li{ height:580px;}
}
@media (max-width:768px){
.modal .modal-content{ top:40%;width:auto; height:auto; max-height:none; max-width:none; margin:0 auto;}	
.footer-add{ margin:10% 0;}
.footer .footer-by{ margin-top:10%; padding:5% 0 10% 0;}
.footer .footer-ad{ float:left; text-align:left; margin-top:5%;}
.footer .footer-dl dl{ width:50%; margin-right:0; margin-top:2.5%; margin-bottom:2.5%;}	
.footer .footer-dl { width:100%;}
.news .news-list li .bg{ width:100%; background:none}
.news .news-list li .bg img{ display: block}
.news .news-list li .item{ width:100%;}
.news .news-list li{ height:auto;}
.news-view .news-title{ font-size:30px;}
.news-view,.news-page{ font-size:14px;}
}
@media (max-width:480px){
.header{ padding:40px 0 20px 0; font-size:14px;}
.header .menu{ top:38px; padding-left:35px;}
.header .logo img{ height:30px;}	
.header-div{ height:91px;}
#sidr{ font-size:14px;}
#sidr ul li .down li{ font-size:13px;}
.footer{ font-size:14px;}
.footer .p1{ margin:10% 0;}
.footer .footer-by .by{ float:left; clear:both; margin-top:5%;}	
.footer .footer-by{ margin-top:15%; padding:5% 0 15% 0;}
.footer-add .p1 img{ height:40px;}
.footer-add .p2{ font-size:20px; margin:5% auto}
.footer-add .p3{ font-size:14px;}
.footer-add .form{ margin-top:5%}
.footer-add .form .submit{ padding:0; margin:5% 0;}
.footer-add .form .text{ font-size:14px;}
.footer-add .form .text{ margin:0 1%; padding:0 5%; width:47%}
.news .news-list li{ margin:5% 0}
.news .news-list li .item em{font-size:16px;}
.news .news-list li .item span{font-size:22px;}
.news .news-list li .item p{font-size:13px;}
.news .news-list li .item font{font-size:14px;}
.news-view { margin-top:5%;}
.news-view .news-title{ font-size:18px; padding:5% 10%;}
.news-view .news-time{ margin:10% 0;}
.news-view,.news-page{ font-size:13px;}
}
@media (max-width:320px){
.header{ padding:30px 0 15px 0; font-size:13px;}
.header .menu{ top:25px; text-indent:1000px;}
.header .logo img{ height:25px;}	
.header-div{ height:71px;}
.footer{ font-size:13px;}
.news .news-list li .item em{font-size:14px;}
.news .news-list li .item span{font-size:17px;}
.news .news-list li .item p{font-size:12px;}
.news .news-list li .item font{font-size:13px;}
.news-view,.news-page{ font-size:12px;}
}