@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:12px;font-family:"微软雅黑","黑体";color:#898989;line-height:1; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; background: url() no-repeat center; }
.inbox{height: 100%; overflow: hidden;}
.bj{position: fixed;width: 100%; height: 100%; top: 0;left: 0;z-index: 10;background: rgba(0,0,0,.2);}

.wznr{position: absolute; width: 100%; top: 0;left: 0;z-index: 101;}
.logo{width: 300px; margin: 0 auto;}
.logo img{width: 100%;}
.wznr h2{color: #fff; font-size: 40px; text-align: center;font-weight: bold; max-width: 94%; }
.wznr h2 b{color: #feda65;font-weight: bold;}
.wznr h3{text-align: center; font-weight: bold; font-size: 20px; color: #fff; line-height: 44px; width: 1200px;border-radius: 6px;  background-image: linear-gradient(to right, #fedb66 , #feae12);margin: 10px auto ;max-width: 94%;}
.wzbox{background: url(../images/d1.png); width: 1200px;height: 448px; margin: 0 auto;max-width: 94%;}
.wzbox ul{overflow: hidden; padding: 30px 50px 0 50px; margin-left: -30px;}
.wzbox li{float: left;width: 50%; padding: 0 0 20px 30px;}
.jsbox{height: 82px; position: relative; border: 1px solid #55585c;background: #1c2026;border-radius: 41px;}
.jsbox span{position: absolute; width: 70px;height: 70px;border-radius: 50%;left: 10px;top:50%; transform: translateY(-50%);text-align: center;  background-image: linear-gradient(#feae12, #fedb66);}
.jsbox b{width: 58px; line-height: 58px;text-align: center; font-size: 26px;color: #fff;border-radius: 50%;left:50%; top:50%; transform:translate(-50%,-50%);font-weight: bold;background: #1c2026; position: absolute;}
.jstext{padding: 11px 0 0 100px;}
.jstext h5{color: #fff; font-size: 12px;}
.jstext p{font-size: 18px; line-height: 36px; font-weight: bold; color: #fff;}
.jstext h4{font-size: 14px;}
.btn1{display: block; height: 25px;width: 72px;border-radius: 13px; position: absolute; right: 80px;top:50%; transform: translateY(-50%);}
.btn1 img{margin: 0 auto;}
.btn1 i{width: 100%; height:100%;line-height: 25px; color: #fff; position: absolute; top: 0;left: 0; border-radius: 13px; text-align: center;text-align: center;font-size: 12px;background-image: linear-gradient(#feae12, #fedb66);opacity: 0;transition: All 0.3s ease-in-out;}
.wzbox a:hover .jsbox{border: 1px solid #FEAE12;}
.wzbox a:hover i{opacity: 1;}
#videos{width: 100%;}
@media screen and  (max-width:1000px){
.logo{width: 200px;}
.wznr h2{font-size: 16px;text-align: center;}
.wznr h3{font-size: 16px;}
.wzbox{background: url(../images/d3.png) no-repeat center center;background-size: 100% 100%;}
.wzbox ul{padding: 20px 10px 0 10px; margin-left: -5px;}
.wzbox li{padding: 0 0 20px 5px;}
.jsbox span{width: 25px;height: 25px;}
.jsbox b{width: 20px;height: 20px; line-height: 20px; font-size: 16px;}
.jstext{padding-left: 40px;}
.jstext p{line-height: 30px;}
.btn1{right: 10px;}
#videos{width: auto;height: 100%;}
}