/* by Adon , CSS Document */


@font-face {

  font-family: Family1;

  src: url("../font/BerlinX-Bold.eot");

  src: local("☺"), url("../font/BerlinX-Bold.woff") format("woff"), url("../font/BerlinX-Bold.ttf") format("truetype"), url("https://www.civro.com.cn/Public/Home/fonts/Berlin%20X-Bold.svg") format("svg"); }





@font-face {

  font-family: Family2;

  src: url("../font/sanfranciscodisplay-light-webfont.eot");

  src: local("☺"), url("../font/sanfranciscodisplay-light-webfont.woff") format("woff"), url("../font/sanfranciscodisplay-light-webfont.ttf") format("truetype"), url("https://www.civro.com.cn/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:#c40d23;}
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}
.container{width:100%;max-width:1510px;margin:0 auto;padding-left:15px;padding-right:15px}
.en{font-family:Family2, Tahoma, Geneva, sans-serif}
.eng{font-family:Family1, Tahoma, Geneva, sans-serif}
.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; width:100%; z-index:9; padding:35px 0; font-size:13px; font-weight:bold;}
.header .logo{ width:82px; height:53px;}
.header .menu{ width:26px; height:16px;}
.header .logot{margin:10px 0 0 2.5%;}
.header .lan{ margin-top:15px;}
.header .lan a{ float:left; margin-left:20px; line-height:16px;}
.header.fix { background:#fff;border-bottom: solid 1px #dedede;}
.header.fix,.header.fix a{ color:#000}
.header1{ background:#fff;}
.header1 .logo,.header.fix .logo{background:url(../image/logos.png) no-repeat center; background-size:cover}
.header1 .menu,.header.fix .menu{background:url(../image/menus.png) no-repeat center; background-size: contain}
.header2,.header2 a{ color:#fff}
.header2 .logo{background:url(../image/logo.png) no-repeat center; background-size:cover}
.header2 .menu{background:url(../image/menu.png) no-repeat center; background-size:contain;}
.header-div{ height:123px; float:left; width:100%;}
.title{ display:block; font-size:50px;text-transform:uppercase; margin:5% 0;}
.nav{ border-bottom:solid 1px #dedede; padding-bottom:20px; margin-bottom:35px; font-weight:bold}
.nav a{ float:left; text-transform:uppercase; font-size:16px; margin-left:25px;}
.nav a.on{color:#c40d23;}
.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:525px;}
.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(../image/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;}
.footer{ float:left; width:100%; border-top:solid 1px #efefef; padding:5% 0; margin-top:10%; margin-bottom:5%;font-size:15px;}
.footer .footer-dl dl{ float:left; width:11%}
.footer .footer-dl dl.clear{ width:auto}
.footer .footer-dl dl dt{ display:block; font-size:18px; font-weight:normal; margin-bottom:40px;}
.footer .footer-dl dl dd{ display:block;line-height:30px;}
.footer .footer-ul{border-top:solid 1px #efefef;border-bottom:solid 1px #efefef; padding:2.5% 0; margin:2.5% 0; float:left; width:100%;}
.footer .footer-ul .pics{ float:right;}
.footer .footer-ul ul li{ float:left; margin-right:6%; }
.footer .footer-ul ul li span{margin-bottom:40px;}
.footer .footer-ul ul li p{ line-height:30px;}
.footer .by a{ text-decoration:underline}
.footer .share nav a{ margin-left:5px; position:relative;}
.footer .share span{ margin-left:25px; font-weight:bold}
.footer .share nav a.wechat .thumb{ position:absolute; top:-85px; left:0;max-width:100px; display:none}
.footer .share nav a.wechat:hover .thumb{ display:block}
.prevs{ width:48px; height:48px;background:url(../image/prev.png) no-repeat center; background-size:cover; position:absolute; top:50%; margin-top:-24px; left:15px; z-index:2; cursor:pointer}
.nexts{ width:48px; height:48px;background:url(../image/next.png) no-repeat center; background-size:cover;position:absolute; top:50%; margin-top:-24px; right:15px; z-index:2; cursor:pointer}




@media (max-width:1024px){
.title{ font-size:40px;}
.footer .footer-dl dl{ width:33.33% !important;}
.footer .footer-dl dl.dl4{ clear:both;}
.footer .footer-ul{ margin:5% 0; padding:5% 0;}
.footer .footer-ul ul li{ width:40%;}
.footer .footer-ul .pics{ display:block; clear:both; margin-top:5%;}
}
@media (max-width:960px){
.footer .share{ float:left; margin-top:5%; clear:both;}
}
@media (max-width:768px){
.title{ font-size:30px;}
.modal .modal-content{ top:40%;width:auto; height:auto; max-height:none; max-width:none; margin:0 auto;}	
.prevs,.nexts{ display:none}
}
@media (max-width:640px){
.footer{ font-size:14px;}
}
@media (max-width:480px){
.title{ font-size:25px; margin:10% 0;}
.nav{ padding-bottom:5%; margin-bottom:10%}
.nav a{ font-size:14px; margin-left:20px;}
#sidr{ font-size:14px;}
#sidr ul li .down li{ font-size:13px;}
.header .logot{ display:none}
.header{ padding:25px 0;}
.header-div{height:90px;}
.header .logo{ width:73px; height:46px;}
.footer{ font-size:13px; margin:15% 0 10% 0; padding:7.5% 0}
.footer .footer-ul{ margin:7.5% 0; padding:7.5% 0;}
.footer .footer-dl dl{ width:50% !important;}
.footer .footer-dl dl dt{ font-size:15px;}
.footer .footer-dl dl dt,.footer .footer-ul ul li span{ margin-bottom:25px;}
.footer .footer-dl dl dd,.footer .footer-ul ul li p{ line-height:25px;}
.footer .footer-dl dl.dl3,.footer .footer-dl dl.dl5{ clear:both;}
.footer .footer-dl dl.dl4{ clear:none;}
}
@media (max-width:320px){
.title{ font-size:22px}
.nav a{ font-size:13px;}
.header .lan a{ margin-left:15px;}
.header{ padding:20px 0; font-size:12px;}
.header-div{height:84px;}
}