/* by Adon , CSS Document */


@font-face {
  font-family: Family;
  src: url("../fonts/sanfranciscodisplay-light-webfont.eot");
  src: local("☺"), url("../fonts/sanfranciscodisplay-light-webfont.woff") format("woff"), url("../fonts/sanfranciscodisplay-light-webfont.ttf") format("truetype"), url("../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:#003d6c;}
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}
.en{font-family:Family,Tahoma,Geneva,sans-serif;}
.left{float:left}
.right{float:right}
.clearfix{clear:both}
.container{width:100%;max-width:1480px;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);}
.revealOnScroll{ opacity:0;}
.radius{ border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; -ms-border-radius:25px; -o-border-radius:25px;}
.header{left:0;position:fixed;width:100%; z-index:99;top:0; padding:60px 0 40px 0;font-size:15px; font-weight:bold;background:#003d6c; color:#fff;}
.header a{ color:#fff;}
.header .logo{ font-size:25px;}
.header .menu{ font-size:18px; line-height:35px;display:none;background:url(../img/menu.png) no-repeat left; padding-left:30px;}
.header .box{ padding-bottom:20px; border-bottom:solid 1px #fff; clear:both; float:left;width:100%;}
.header .header-nav li{ float:left; line-height:35px; margin-left:25px;}
.header .header-nav li.wechat{ position:relative;margin-left:100px;}
.header .header-nav li.wechat:hover .pic{ display:block}
.header .header-nav li.wechat .pic{ width:100px;position:absolute;top:40px;left:-9px; display:none}
.header .header-nav li img{ margin-left:8px;}
.header .header-nav li.searchs{ margin:0 50px 0 150px;}
.header-div{ height:156px;float:left; width:100%;padding:60px 0 40px 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;}
.search{ position: fixed;text-align:center;top:0; left:0; z-index:99;width:100%; height:100%; display:none;}
.search .bg{ position:absolute; left:0; top:0; background:url(../img/bg.png) repeat; width:100%; height:100%;}
.search .item{ position:absolute; top:50%;left:0; right:0; margin:-35px auto 0 auto; z-index:10;}
.search small{ display:block;color:#fff; font-size:16px; text-transform:uppercase; margin-bottom:15px;}
.search form{ background:#fff; width:100%; max-width:380px; position:relative;margin:0 auto;line-height:40px; font-size:16px; color:#575757;}
.search form .text{ border:0; width:100%; text-align:center;}
.search form .submit{ position:absolute; right:10px; border:0;top:11px; width:16px; height:16px; background:url(../img/search.jpg) no-repeat center;}
.footer{ float:left; width:100%; font-size:18px; margin-top:15%;background:#f3f3f3; padding:2.5% 0 5% 0; font-weight: bold}
.footer .form{max-width:370px;width:100%; position:relative;}
.footer .form .text{ border:0;border-bottom:solid 1px #dfdfdf;width:100%;background:none}
.footer .form .submit{ background:url(../img/submit.png) no-repeat center; background-size: cover; width:15px; height:16px; float:right; position:absolute; right:0; top:13px; border:0}
.footer .footer-by{ margin-top:3%; font-size:15px;font-weight:normal; overflow:hidden; line-height:40px;}
.footer .p{ max-width:360px; text-transform:uppercase}
.footer nav a{ margin-left:50px;}
.footer .footer-by .by{ font-weight:bold;}
.footer .footer-by .by a{ text-decoration:underline; color:#003d6c}
.videos{float:left; width:100%;text-align:center;position:relative; margin:10% 0; height:544px;background:url(../img/video.jpg) no-repeat center;}
.videos .item{ position:absolute; color:#fff;left:0; right:0; top:50%;margin:-80px auto; z-index:1}
.videos .item .p1{ font-size:45px; font-weight:bold; line-height:55px; margin-bottom:10px;}
.videos video{ width:100%;}
#sidr{ position: fixed;font-size:17px;left:-100%;top:0; max-width:480px;text-transform:uppercase;height:100%;width:60%;background:#f7f8f9;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 #dfdfdf; display:block;text-indent:10%; font-weight:bold}
#sidr ul li.click{ background:url(../img/d.png) no-repeat 90% 20px;}
#sidr ul li .down{display:none; background:#003d6c; margin:0;}
#sidr ul li .down li{border-top:solid 1px #fff; font-size:14px;margin:0; border-bottom:none; font-weight:normal}
#sidr ul li .down li a{color:#fff;}
.title{font-size:50px; line-height:55px;font-weight:bold; text-transform:uppercase}
.news{ float:left; width:100%; margin-top:10%;}
.news ul { margin:5% 0; overflow:hidden;}
.news li{ float:left; width:100%;font-size:20px;border-bottom: solid 1px #ededed; overflow:hidden;padding-bottom:2.5%; margin-bottom:2.5%}
.news li span{width:25%; float:left; font-weight:bold}
.news li p{ font-size:15px; width:40%; float:left;margin:0 10%;}
.news li:hover p{ text-decoration:underline; color:#000}
.news li em{ float:right; color:#003d6c; text-align:right; font-weight:bold; font-style:normal}
.news li em font{ display:block; font-size:30px;}



@media (max-width:1280px){
.header .header-nav li{ margin-left:20px;}
.header .header-nav li.searchs{ margin:0 30px 0 100px;}
.revealOnScroll{ opacity:1;}
}
@media (max-width:1024px){
.header .header-nav{ display:none;}	
.header .menu{ display:block}
.header{ padding:40px 0 20px 0;}
.header-div{padding:40px 0 20px 0;}
.videos video{ display:none}
.videos{padding:15% 0; height:auto; background-size:cover; }
.videos .item{position:static; margin:0}
.videos .item .p1{ font-size:40px; line-height:45px;}
.footer{font-size:16px;}
.footer .footer-by{font-size:14px;}
}
@media (max-width:768px){
.footer{ padding:5% 0 10% 0;}
.footer nav{ float:left; clear:both; margin-top:5%;}
.footer nav a{ margin-right:5%; margin-left:0}
.footer .footer-by .by{ float:left; clear:both; margin-top:5%}
.modal .modal-content{ top:40%;width:auto; height:auto; max-height:none; max-width:none; margin:0 auto;}	
.title{font-size:40px; line-height:45px;}
.news li{ font-size:16px;}
.news li p{ font-size:14px;}
.news li em font{ font-size:26px;}
}
@media (max-width:640px){
.news li p{ display:none}
.news li span{ width:75%;}
}
@media (max-width:480px){
.header{ padding:30px 0 15px 0;}
.header-div{padding:30px 0 15px 0; height:89px;}
.header .box{ padding-bottom:15px;}
.header .logo{ font-size:20px;}
.header .menu{ font-size:14px; line-height:28px;}
#sidr{ font-size:14px;}
#sidr .menu img{ width:15px}
#sidr ul li .down li{ font-size:13px;}
.videos .item .p1{ font-size:26px; line-height:30px;}
.videos .item .p2 img{ width:40px;}
.footer{font-size:14px;}
.footer .footer-by{font-size:13px;}
.title{font-size:26px; line-height:30px;}
.news li em font{ font-size:20px;}
.news li{ padding-bottom:5%; font-size:15px;margin-bottom:5%;}
.news ul{ margin:7.5% 0}
}
@media (max-width:320px){
.header{ padding:25px 0 10px 0;}
.header-div{padding:25px 0 10px 0; height:70px;}
.header .box{ padding-bottom:10px;}
.header .logo{ font-size:17px;}
.header .menu{ font-size:1px; line-height:24px;}
.videos .item .p1{ font-size:23px; line-height:30px;}
.footer{font-size:13px;}
.footer .footer-by{font-size:12px;}
.title{font-size:22px; line-height:25px;}
.news li em font{ font-size:16px;}
.news li{font-size:14px;}
}