/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2018-10-24, 11:48:31
    Author     : Administrator
*/

/*选择您的公司注册服务类型*/
.w12{width: 1200px;margin: 0 auto;}
body{color: #333;}
.title{padding: 70px 0 40px;text-align: center;}
.title h2{font-size: 38px;margin-bottom: 20px;line-height: 38px;}
.title p{color: #999; font-size: 14px;}
.btn{display: block;width: 250px;line-height: 40px;color: #fff;background-color: #ffae00;border-radius: 5px;text-align: center;margin: 0 auto;font-size: 18px;}
/* banner 信息收集 */
.banner{height: 580px;background: #999;}
.banner .ban_btn{ position: absolute;width: 505px;height: 54px;line-height: 54px;border-radius: 10px; border:  1px solid  #ffcc00;font-size: 28px;color: #fff;top: 410px;left: 130px;overflow: hidden;}
.banner .ban_btn span{display: block; width: 310px;text-align: center;float:left;}
.banner .ban_btn a{display: block; background:  #ffcc00;width: 184px;text-align: center;color: #fff;float: right;}
.collection{width: 340px;height: 390px;	background-color: #ffffff;border-radius: 5px;padding: 38px 30px;position: absolute; top: 74px; right:0px;}
.collection p{font-size: 16px;color: #686868;margin-bottom: 16px;line-height: 16px;}
.collection .chunk{position: relative;}
.collection .chunk .img-box{width: 16px;height: 16px;position: absolute;z-index: 9; top: 12px;left: 15px;text-align: center;}
.collection select{margin-bottom: 16px;width: 100%;height: 40px;text-indent: 46px;}
.collection input{width: 100%;height: 40px;background-color: #f5f5f5;border-radius: 2px;text-indent: 46px;margin-bottom: 24px;border: none;float: none;}
.view-one{padding: 0  0 20px;}
.view-one ul{padding-top: 29px;}
.view-one li{float: left;border: solid 1px #e4e4e4;background: #fff;padding: 27px 0;width: 268px;margin-right: 40px;margin-bottom: 36px;transition: .4s;cursor: default;}
.view-one li:nth-child(4n){margin-right: 0;}
.view-one img{float: left;margin-left: 30px;}
.view-one .text{display: inline-block;margin-left: 18px;}
.view-one .text p{font-size: 18px;line-height: 18px;margin-bottom: 16px;margin-top: 5px;}
.view-one .text a{font-size: 13px;display: inline-block;text-align: center;border-radius: 3px;border: solid 1px #e0e0e0;line-height: 26px;width: 98px;transition: .4s;color: #666;}
.view-one li:hover{border: 1px solid #fff;box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.05);}
.view-one li:hover a,.view-one .text a:hover{background-color: #5798fe;color: #fff;border: 1px solid #5798fe;}

.view-two{text-align: center;padding-bottom: 56px;}
.view-two ul{}
.view-two ul li{float: left;width: 20%;}
.view-two ul li h3{margin: 14px 0 6px;font-size: 18px;line-height: 18px;}
.view-two ul li p{line-height: 14px;margin-top: 10px;color: #666;white-space: nowrap;}
.view-two>p{margin: 50px 0;font-size: 16px;}

.view-three{padding-bottom: 110px;}
.view-three p{font-size: 18px;margin-bottom: 24px;}
.view-three .sort{margin-bottom: 40px;}
.view-three .sort label{margin-right: 50px;}
.view-three .sort a{width: 180px;height: 40px;background-color: #e7f0ff;font-size: 16px;text-align: center;line-height: 40px;color: #666;margin-right: 40px;display: inline-block;}
.view-three .sort a.active{background-color: #5798fe;color: #fff;}
.view-three .input input{width: 220px;height: 45px;background-color: #f5f5f5;margin-right: 40px;text-indent: 20px;border: none;}
.view-three .input a{display: inline-block;width: 160px;}

.view-four{padding-bottom: 56px;}
.view-four ul{padding-bottom: 16px;}
.view-four ul li{width: 30%;background-color: #fff;border-radius: 5px;margin-right: 5%;padding: 34px;margin-bottom: 50px;transition: .4s;cursor: default;float: left;}
.view-four ul li:nth-child(3n){margin-right: 0;}
.view-four ul li .img-box{width: 70px;height: 70px;background-color: #5798fe;border-radius: 5px;margin-right: 30px;float: left;position: relative;}
.view-four ul li img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.view-four ul li .text{display: inline-block;width: 182px;}
.view-four ul li h3{font-size: 18px;line-height: 18px;}
.view-four ul li span{color: #ccc;font-size: 8px;}
.view-four ul li p{color: #666;line-height: 18px;height: 18px;}
.view-four ul li .line{width: 64px;height: 2px;background-color: #5798fe;margin-bottom: 12px;}
.view-four ul li .img-hover{display: none;}
.view-four ul li:hover{background-color: #5798fe;color: #fff;}
.view-four ul li:hover .img{display: none;}
.view-four ul li:hover .img-hover{display: block;}
.view-four ul li:hover span{color: #9ac1ff;}
.view-four ul li:hover p{color: #d3e4ff;}
.view-four ul li:hover .img-box,.view-four ul li:hover .line{background-color: #fff;}

.view-five{}
.view-five ul{text-align: center;padding-bottom: 60px;}
.view-five li{float: left;margin-right: 75px;width: 350px;padding-bottom: 28px;background-color: #fafafa;}
.view-five li div{width: 350px; height: 190px; overflow: hidden; }
.view-five li div img{transition: 0.8s;}
.view-five li h3{font-size: 24px;line-height: 24px;margin: 26px 0 10px;}
.view-five li .line{width: 30px;height: 2px;background-color: #5798fe;margin-bottom: 12px;display: inline-block;}
.view-five li p{font-size: 16px;color: #999;line-height: 16px;}
.view-five li:hover div img{transform: scale(1.2)}


.view-box{position: relative;padding-bottom: 38px;}
.view-box .bg-blue{width: 100%;height: 274px;background-color: #5798fe;position: absolute;left: 0;bottom: 0;z-index: -1;}
.view-six ul{height: 320px;background-color: #ffffff;box-shadow: 0px 0px 20px 0px rgba(0, 77, 198, 0.06);border-radius: 5px;text-align: center;}
.view-six li{float: left;width: 25%;}
.view-six li img{margin-top: 40px;}
.view-six li h3{font-size: 18px;line-height: 18px;margin: 23px 0 10px 0;}
.view-six li .line{width: 30px;height: 2px;background-color: #ffae00;display: inline-block;margin-bottom: 16px;}
.view-six li p{margin-bottom: 10px;line-height: 14px;}
.view-six .btn{background-color: #fff;color: #6699ff;margin-top: 36px;}

.view-seven{height: 360px;}
.view-seven ul{width: 570px;text-align: center;color: #fff;padding-top: 53px;}
.view-seven li{float: left;width: 130px;margin: 0 60px 39px 0;}
.view-seven li p{margin-top: 21px;}