@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:arial,"黑体";color:#898989;line-height:1; background:#FFF;min-width: 1200px;}
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}
.bj{background: url(../images/bj.jpg) no-repeat center center;background-size: cover;height: 100%;}
.wznr{ width: 1200px;position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);}
.wznr_left{float: left; width:556px; }
.wznr_left img{width: 100%;}
.wznr_left .swiper-wrapper{padding-bottom: 40px;}
.wznr_left .swiper-pagination-bullet{width: 12px;height: 12px; opacity: 1;background: #c1c1c1;}
.wznr_left .swiper-pagination-bullet-active{background: #007AFF;}
.wznr_right{width: 440px;float: right;}
.logo img{margin: 0 auto;}
.wznr_right p{font-size: 15px; font-weight: bold; color: #0091fe; padding: 50px 0 3px;text-align: center;}

.wznr_right li{padding-top: 11px; position: relative;}
.wznr_right ul li a{display: block;  height: 64px;position: relative;}
.wznr_right a{font-size: 30px; line-height: 70px; color: #5daaee;}
.wznr_right ul li a img{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);}
.c1{opacity: 1;}
.c2{opacity: 0;}
.wznr_right a:hover .c1{opacity: 0;}
.wznr_right a:hover .c2{opacity: 1;}
.gwbox{position: absolute; background: url(../images/a_01.png); width: 499px;height: 317px;background-size: 100% 100%;padding: 0 30px;left: 50%; transform: translateX(-50%);top: -300px;border-top: 1px solid #5ebbe5;display: none;}

.gwbox dt{overflow: hidden; padding-bottom: 11px;}
.gwbox a{display: block; float: right;width: 106px; line-height: 37px;text-align: center; font-size: 14px; color: #fff;background-image: linear-gradient(#0796f4, #2ec2ff);height: 37px !important;}
.gwbox a:hover{background-image: linear-gradient(#2ec2ff, #0796f4);}
.gwbox span{display: block;background: #fff; width: calc(100% - 135px); text-align: center; border: 1px solid #c5c8ca;line-height: 35px; color: #737574; font-size: 15px;float: left;}
.gwbox h4{font-size: 14px;text-align: center; color: #007AFF;font-weight: bold; line-height: 3;}
.wznr_right li:hover .gwbox{display: block;}
.wznr_right li:hover .hqbox{display: block;}
.hqbox{position: absolute; background: url(../images/a_02.png);width: 145px;height: 195px;background-size: 100% 100%; left: 50%;transform: translateX(-50%); top: -180px;display: none;}
.hqbox dt{background: url(../images/a_09.png)  no-repeat center bottom;}
.hqbox dl{padding-top: 8px;}
.hqbox dt a{display: block; line-height: 40px; padding-left: 17px; height: 40px !important; font-size: 12px;color: #666867;}
.hqbox dt a:hover{color: #007AFF;}
.hqbox dt:nth-child(4){ background: none;}
.xtb1{background: url(../images/a_04.png);width: 15px;height: 20px;display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;}
.xtb2{background: url(../images/a_05.png);width: 21px;height: 22px;display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;}
.xtb3{background: url(../images/a_07.png);width: 23px;height: 18px;display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;}
.xtb4{background: url(../images/a_08.png);width: 20px;height: 20px;display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;}