@charset "utf-8";
/* CSS Document */
html,body{ width:100%; height:100%;}
body{ font-family:arial,"Microsoft YaHei",sans-serif; font-size:14px; line-height:1.5; color:#333; background:#fff;}
a{ text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; border:none; outline:none; padding:0;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
.clear:after{ content:""; display:block; clear:both;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 
input,select,textarea{ -webkit-appearance:none;}
input[type=checkbox]{ -webkit-appearance:checkbox;}
body::-webkit-scrollbar{ width:3px; height:1px;}
body::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#333;}
body::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.1);}

/*header*/
.banner{ width:100%; height:740px; position:relative; z-index:1;}
.banner img{ position:absolute; left:50%; margin-left:-960px; top:0; display:block; width:1920px;}

.box01{ width:100%; position:relative; z-index:3; padding-top:15px; padding-bottom:70px;}
.box01 .box{ width:1200px; margin:auto;}
.box01 .box .title{ width:100%; position:relative;}
.box01 .box .title .left{ float:right;}
.box01 .box .title .t01{ width:100%;}
.box01 .box .title .t01 b{ display:block; font-size:60px; line-height:70px; text-transform:capitalize; float:right; color:#3f66af;}
.box01 .box .title .t01 span{ display:block; float:right; background-color:#3f66af; margin-right:10px; width:50px; height:5px; margin-top:50px;}
.box01 .box .title .t02{ text-align:right; font-size:30px; line-height:40px; font-weight:bold;}
.box01 .box .title .right{ float:left;}
.box01 .box .title .t03{ font-size:24px; line-height:34px; margin-top:40px; color:#666;}
.box01 .box .title .t04{ font-size:18px; line-height:28px; color:#999; margin-top:5px;}
.box01 .box .list{ width:1230px; display:block;}
.box01 .box .list li{ display:block; float:left; overflow:hidden; width:380px; margin-right:30px; margin-top:25px;}
.box01 .box .list li strong{ width:100%; height:260px; display:block; overflow:hidden; border-radius:10px;}
.box01 .box .list li strong img{ width:100%; display:block;}
.box01 .box .list li b{ display:block; text-align:center; font-size:20px; line-height:30px; padding-top:15px;}
.box01 .box .list li p{ display:block; text-align:center; font-size:14px; line-height:20px; padding-top:5px; color:#666;}
.box01 .box .list li span{ width:80px; height:2px; display:block; margin:auto; border-radius:2px; background-color:#3f66af; margin-top:10px;}
.box01 .box .list li:hover b{ color:#3f66af;}

.box02{ width:100%; position:relative; z-index:3; padding:70px 0; background-color:#f1f1f1;}
.box02 .box{ width:1200px; margin:auto;}
.box02 .box .left{ width:550px; position:relative; float:right;}
.box02 .box .left img{ width:100%; display:block;}
.box02 .box .right{ width:600px; float:left; padding-top:20px;}
.box02 .box .title{ width:100%; position:relative;}
.box02 .box .title .t01{ width:100%;}
.box02 .box .title .t01 b{ display:block; font-size:60px; line-height:70px; text-transform:capitalize; float:left; color:#3f66af;}
.box02 .box .title .t01 span{ display:block; float:left; background-color:#3f66af; margin-left:10px; width:50px; height:5px; margin-top:50px;}
.box02 .box .title .t02{ font-size:30px; line-height:40px; font-weight:bold;}
.box02 .box .list{ display:block; width:100%; padding-top:5px;}
.box02 .box .list li{ display:block; overflow:hidden; margin-top:20px;}
.box02 .box .list li span{ width:54px; display:block; float:left; color:#3f66af;}
.box02 .box .list li span svg{ width:100%; display:block; fill:#3f66af;}
.box02 .box .list li p{ display:block; margin-left:10px; width:calc(100% - 64px); overflow:hidden; float:left;}
.box02 .box .list li p b{ display:block; font-size:20px; line-height:28px; color:#3f66af;}
.box02 .box .list li p a{ display:block; font-size:16px; line-height:24px; color:#333;}
.box02 .box .bt{ font-size:24px; font-weight:bold; line-height:34px; margin-top:20px; color:#3f66af;}
.box02 .box .line{ width:50px; height:2px; background-color:#999; margin-top:10px;}
.box02 .box .wen{ font-size:16px; line-height:26px; margin-top:15px; color:#666;}

.box03{ width:100%; position:relative; z-index:3; padding:65px 0; background-position:top center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;}
.box03 .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,.7);}
.box03 .box{ width:1200px; margin:auto; position:relative; z-index:3;}
.box03 .box .title{ width:100%; position:relative;}
.box03 .box .title .t01{ width:100%;}
.box03 .box .title .t01 b{ display:block; font-size:60px; line-height:70px; text-transform:capitalize; float:left; color:#3f66af;}
.box03 .box .title .t01 span{ display:block; float:left; background-color:#3f66af; margin-left:10px; width:50px; height:5px; margin-top:50px;}
.box03 .box .title .t02{ font-size:30px; line-height:40px; font-weight:bold; color:#fff;}
.box03 .box .t03{ font-size:24px; line-height:34px; margin-top:20px; color:#fff;}
.box03 .box .t04{ font-size:18px; line-height:28px; color:#aaa; margin-top:5px;}
.box03 .box .list{ margin-top:40px; display:flex; justify-content:space-between;}
.box03 .box .list dt{ display:block; width:150px; text-align:center;}
.box03 .box .list dt span{ display:block; font-size:18px; line-height:28px; color:#aaa; margin-bottom:15px;}
.box03 .box .list dt strong{ width:150px; height:150px; line-height:150px; font-size:60px; color:#fff; display:block; margin:auto; border-radius:100%; background-color:#3f66af; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.box03 .box .list dt p{ font-size:20px; line-height:30px; display:block; color:#fff; margin-top:20px; font-weight:bold; overflow:hidden;}
.box03 .box .list dd{ display:block; height:40px; margin:98px 0;}
.box03 .box .list dd img{ display:block; height:40px; margin:auto;}
.box03 .box .list dt:hover strong{ -webkit-transform:rotateY(-360deg);}

.box04{ width:100%; position:relative; z-index:3; padding:70px 0; background-color:#fff;}
.box04 .box{ width:1200px; margin:auto;}
.box04 .box .right{ width:550px; position:relative; float:right;}
.box04 .box .right img{ width:100%; display:block;}
.box04 .box .left{ width:600px; float:left; margin-top:20px;}
.box04 .box .title{ width:100%; position:relative;}
.box04 .box .title .t01{ width:100%;}
.box04 .box .title .t01 b{ display:block; font-size:60px; line-height:70px; text-transform:capitalize; float:left; color:#3f66af;}
.box04 .box .title .t01 span{ display:block; float:left; background-color:#3f66af; margin-left:10px; width:50px; height:5px; margin-top:50px;}
.box04 .box .title .t02{ font-size:30px; line-height:40px; font-weight:bold; margin-top:10px;}
.box04 .box .t03{ font-size:24px; font-weight:bold; line-height:34px; margin-top:30px; color:#3f66af;}
.box04 .box .t04{ font-size:16px; line-height:26px; margin-top:10px; color:#333;}
.box04 .box .list{ width:1220px; display:block; margin-top:30px; float:left;}
.box04 .box .list li{ width:285px; display:block; float:left; margin-right:20px; overflow:hidden; border:1px solid #cacaca; box-sizing:border-box;}
.box04 .box .list li img{ width:100%; display:block;}

.footer{ width:100%; position:relative; background-position:center; background-size:cover;}
.footer .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.8); position:absolute; left:0; top:0; z-index:1;}
.footer .foot{ width:1200px; position:relative; margin:auto; z-index:3;}
.footer .foot .top{ padding-top:30px; padding-bottom:25px; display:flex; align-items:center;}
.footer .foot .top .left{ width:300px; float:left;}
.footer .foot .top .left .f01{ height:50px;}
.footer .foot .top .left .f01 img{ display:block; height:50px;}
.footer .foot .top .left .f02{ color:#fff; font-size:16px; line-height:26px; margin-top:15px;}
.footer .foot .top .right{ float:right; width:100px;}
.footer .foot .top .right strong{ width:100%; display:block; height:100px; overflow:hidden;}
.footer .foot .top .right strong img{ width:100%; display:block;}
.footer .foot .top .right p{ text-align:center; display:block; margin-top:4px; font-size:14px; line-height:24px; color:#fff;}
.footer .foot .top .mil{ float:right; width:calc(100% - 300px);}
.footer .foot .top .mil .f02{ display:block;}
.footer .foot .top .mil .f02 dt{ display:block; float:left; margin-right:50px; padding-left:45px; background-position:left center; background-repeat:no-repeat;}
.footer .foot .top .mil .f02 dd{ display:block; float:left; padding-left:45px; background-position:left center; background-repeat:no-repeat;}
.footer .foot .top .mil .f02 span{ display:block; font-size:14px; line-height:24px; color:#fff;}
.footer .foot .top .mil .f02 dt p{ display:block; font-size:18px; line-height:28px; color:#fff;}
.footer .foot .top .mil .f02 dd p{ display:block; font-size:14px; line-height:24px; color:#fff;}
.footer .foot .bot{ width:100%; height:50px; border-top:1px solid rgba(255,255,255,0.3);}
.footer .foot .bot p{ float:left; display:block; font-size:14px; line-height:50px; margin-right:30px; color:#ccc; height:50px;}
.footer .foot .bot a{ color:#ccc;}
.footer .foot .bot span{ display:block; float:right; font-size:14px; line-height:50px; color:#ccc; height:50px;}