@charset "utf-8";
/*============================ 初始化样式 ============================*/
*{margin:0;padding:0;box-sizing: border-box}
body{font-size:14px;font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体",sans-serif;min-width:1300px;overflow-x: hidden;}
li{list-style:none;}
img{border:0}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:none;}
input,textarea,button{outline:0;border:0;resize:none;}
.text-cut{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.container{max-width: 1300px;margin: 0 auto}
.text-center{text-align: center}
.fl{float: left}
.fr{float: right}
.clear{clear: both}

/*============================ 头部 ============================*/
header{position: absolute;z-index: 1;width: 100%;border-bottom: 1px solid rgba(255,255,255,0.2);}
.top{display: flex;justify-content: space-between;align-items: center;}
.nav ul{display: flex;justify-content: space-between}
.nav ul li{font-size: 16px;line-height: 74px;position: relative;margin-left: 45px;}
.nav ul li a{color: #fff}
.nav ul li:after{content: '';position: absolute;bottom: 0;left: 0;right:0;margin:auto;height: 2px;width:0;background: #f7b10a;transition: all 0.5s ease 0s;}
.nav ul li:hover:after,.nav ul li.on:after{width: 100%}


/*============================ banner ============================*/
.banner{overflow: hidden;position: relative;height: 590px;}
.banners{position: absolute;width: 100%;left: 0;top: 50%;transform: translate(0,-50%);color: #fff;}
.banners dl h2{font-size: 42px}
.banners dl p{line-height: 2;margin: 20px 0}
.banners dl dd a{display: inline-block;line-height: 42px;padding:0 20px;border: 1px solid #fff;text-align: center;color: #fff;margin-right: 10px;font-size: 16px}
.banners dl dd a:hover{background: #f7b10a;color: #fff;border-color: #f7b10a}


/*============================ 首页 ============================*/
.bg{background: #eef2fa;padding-bottom: 60px}

.title{text-align: center;padding-top: 45px}
.title h2{font-size: 36px;}
.title p{font-size: 16px;color: #666;margin-top: 15px;}
.title h3{color: #7b7d81;font-size: 20px}
/*.title h2 span{font-size: 18px;color: #ff8a0b;}
.title h2 span b{font-size: 36px}*/

.oneA{margin-top: 45px}
.oneA ul{display: flex;justify-content: space-between}
.oneA ul li{width: 315px;background: #fff;border-radius: 5px;padding: 30px;box-shadow: 0 0 10px rgba(18,92,255,0.1)}
.oneA ul li h3{font-size: 18px;margin-bottom: 30px;background: url("../img/oa.png") no-repeat left;padding-left: 40px}
.oneA ul li p{padding-bottom: 20px;font-size: 16px}
.oneA ul li p span{color: #999}
.oneA ul li dl{border-top: 1px solid #eeeeee;padding: 20px 0;margin-top: 5px;text-align: center}
.oneA ul li dl span{color: #f04134;font-size: 18px}
.oneA ul li dl span b{font-size: 30px;font-weight: normal}
.oneA ul li a{display: block;line-height: 42px;color: #fff;background-image:linear-gradient(to right,#2e78ff,#125cff);text-align: center}

.oneA2{margin-top: 25px}
.oneA2 ul{display: flex;justify-content: space-between}
.oneA2 ul li{width: 228px;background: #fff;border-radius: 10px;padding: 13px 0;text-align: center}
.oneA2 ul li h3{font-size: 16px;display: flex;align-items: center;justify-content: center}
.oneA2 ul li h3 img{margin-right: 5px}
.oneA2 ul li p{color: #666;margin-top: 8px;font-size: 12px}


.oneB{margin-top: 40px}
.oneB table{width: 100%;border: 1px solid #bbbbbb;border-bottom: none}
.oneB table td{padding: 30px 0;text-align: center;line-height: 2;border-bottom: 1px solid #bbbbbb}
.oneB table .tdl{text-align: left;padding-left: 25px}
.oneB table .tdl h3{font-weight: normal;font-size: 18px}
.oneB table .tdl h3 p{display: inline-block;font-size: 12px;margin-left: 20px}
.oneB table td span{color: #999}
.oneB table td p{font-size: 16px}
.oneB table td b{font-size: 24px;color: #ff6600;font-weight: normal}
.oneB table td b span{font-size: 14px}
.oneB table td a{display: inline-block;width: 100px;height: 36px;line-height: 36px;border: 1px solid #0080ff;color: #0080ff}
.oneB table td a:hover{background: #0080ff;color: #fff}
.oneB td.w8{width: 8%}

.oneB2{margin-top: 25px;margin-bottom: 70px}
.oneB2 table{width: 100%;border: 1px solid #dddddd;border-bottom: none}
.oneB2 table td{text-align: center;line-height: 50px;border-bottom: 1px solid #dddddd}
.oneB2 table th{background: #eef2fd;line-height: 50px;font-size: 16px;font-weight: normal}
.oneB2 table td a{display: inline-block;width: 76px;line-height: 29px;background: #0086cc;color: #fff;text-align: center;border-radius: 3px}
.oneB2 table td a:hover{background: #ff6600}
.oneB2 th.w8{width: 8%}

.oneC{margin-top: 40px;background: #fff;display: flex;justify-content: space-between}
.oneC .oneCl{width: 418px;height: 244px;}
.oneC .oneCr{width: 870px;display: flex;justify-content: space-between;align-items: center;padding: 20px 30px}
.oneC .oneCr dl{}
.oneC .oneCr dl h3{font-size: 20px;margin-bottom: 20px}
.oneC .oneCr dl a{display: inline-block;width: 160px;line-height: 42px;border-radius: 3px;background: #2196f3;color: #fff;text-align: center}
.oneC .oneCr dl p{font-size: 16px;margin-top: 15px}
.oneC .oneCr ul{width: 375px;display: flex;flex-wrap: wrap}
.oneC .oneCr ul li{width: 50%;float: left;display: flex;align-items: center;padding: 8px 0}
.oneC .oneCr ul li img{margin-right: 7px}

.oneC2{margin-top: 25px}
.oneC2 ul{display: flex;justify-content: space-between}
.oneC2 ul li{background: #fff;width: 32%;text-align: center;padding:35px 0 50px}
.oneC2 ul li dd{height: 151px;position: relative}
.oneC2 ul li dd img{position: absolute;bottom: 0;left: 0;right: 0;margin: auto}
.oneC2 ul li h3{margin-top: 60px;font-size: 24px}
.oneC2 ul li p{font-size: 16px;color: #666;margin-top: 20px}
.oneC2 ul li b{display: block;font-size: 20px;margin-top: 10px}
.oneC2 ul li a{display: inline-block;width: 140px;line-height: 40px;background: #f7b10a;text-align: center;color: #fff;margin-top: 30px}
.oneC2 ul li a:hover{background: #ff8a0b}

.oneF{margin-top: 30px;}
.oneF ul li{box-shadow: 0 4px 16px rgb(0 0 0 / 6%);padding: 5px 10px 15px;margin-top: 10px;background: #fff}
.oneF ul li h3{line-height: 50px;font-size: 16px;font-weight: normal}
.oneF ul li i{display: inline-block;width: 24px;height: 24px;line-height: 24px;text-align: center;background: #222222;border-radius: 4px;font-style: normal;font-size: 16px;color: #FFF;margin-right: 20px;}
.oneF ul li dl{display: flex;margin-top: 8px}
.oneF ul li dl i{background: #FF8A0B}
.oneF ul li dd{width: 96%;color: #666;line-height: 1.8}
.oneF ul li dl .orange{background: #FF5F1F}
.oneF ul li dl .green{background: #2ea039}
.oneF ul li dl .purple{background: #8660C4}
.oneF ul li dl .light_green{background: #4ED17F}
.oneF ul li dl .blue{background: #2086ee}
.oneF ul li dl .deep_purple{background: #5B0DB1}
.oneF ul li dl .red{background: #e2070b}

footer{margin-top: 60px;border-top: 1px solid #ececec}
.foota ul{display: flex;justify-content: space-between}
.foota ul li{width: 25%;text-align: center;display: flex;align-items: center;font-size: 18px;line-height: 90px}
.foota ul li img{margin-right: 5px}
.footb{background: #3b3b3b;padding: 20px 0}
.footbs{display: flex;flex-wrap: wrap}
.footbs a{color: #d7d8d8;padding: 8px 0;margin-right: 2%}
.footc{background: #2c2c2c;overflow: hidden;padding: 25px 0;text-align: center;color: #d7d8d8}
.footc a{color: #d7d8d8}
.footc p{padding: 8px 0}

/*qq浮动qq*/
.float_qq
{ right:0px;  z-index: 999;}
.float_qq ul
{ margin:0; padding:0;}
.float_qq ul li{width: 48px;height: 48px;list-style:none;background:#f8f8f8;border-radius: 5px;margin-top: 5px;position: relative;text-align: center;}
.float_qq ul li a{text-decoration: none;color: #848484}
.float_qq ul li p{color: #848484;width: 100%;height: 100%;line-height: 18px;padding-top: 5px;opacity:0;transition: all 0.3s ease}
.float_qq ul li:nth-child(1){background: url("../../imges/fd1.png") #f7b10a no-repeat center}
.float_qq ul li:nth-child(2){background: url("../../imges/fd2.png") #f8f8f8 no-repeat center}
.float_qq ul li:nth-child(3){background: url("../../imges/fd3.png") #f8f8f8 no-repeat center}
.float_qq ul li:nth-child(1):hover{background: #f7b10a;}
.float_qq ul li:nth-child(1) a{color: #fff}
.float_qq ul li:nth-child(1) p{color: #fff}
.float_qq ul li:hover p{opacity: 1;transition: all 0.3s ease}
.float_qq ul li:hover{background:#f8f8f8;}
.float_qq ul li:nth-child(4){padding-top: 10px;box-sizing: border-box}
.float_qq ul li i{display: block;background: url("../../imges/fd4.png") no-repeat center;width: 22px;height: 13px;margin: 0 auto;}
.float_qq ul li:nth-child(4):hover i{background: url("../../imges/fd4h.png") no-repeat center}
.float_qq ul li:nth-child(4):hover{background:#f7b10a!important;}
.float_qq ul li:nth-child(4):hover span{color: #fff}
.float_qq ul li .fdtel{position: absolute;top: -25px;right: 67px;width: 260px;background-color: #fff;border: 1px solid #ccc;border-top: 4px solid #f7b10a;
    padding: 15px 20px 5px;text-align: left;display: none;line-height: 1.8}
.float_qq ul li .fdtel label{display: block;width: 13px;height: 60px;background: url(../../imges/arrow.png) no-repeat;position: absolute;right: -13px;top: 26px;}
.float_qq ul li .fdtel b{font-size: 22px;color: #f7b10a}
.float_qq ul li .fdtel p{color: #aaa;opacity: 1;margin-bottom: 0;padding-top: 0}
.float_qq ul li dd{float: left;margin-top: 8px}
.float_qq ul li dl{float: right}
.float_qq ul li:nth-child(2):hover .fdtel{display: block}
.float_qq ul li .fdewm{position: absolute;top: -45px;right: 40px;width: 160px;text-align: left;line-height: 1.8;display: none;}
.float_qq ul li:nth-child(3):hover .fdewm{display: block}