﻿
.inbannerbg{height:150px;background:#ffff00;}


.orderbox{margin:100px 0;overflow:hidden;}
.orderbox .l{float:left;margin-right:100px;}
.orderbox .l .a{line-height:50px;font-weight:bold;}
.orderbox .l .b div{position:relative;display:inline-block;width:80px;margin-right:5px;border:1px solid #ddd;border-radius:3px;background:#eee;font-size:12px;padding:0 10px;}
.orderbox .l .b div input{width:100%;border:0;background:none;}
.orderbox .l .b div span{position:absolute;display:inline-block;right:5px;top:0;}
.orderbox .l .b div:nth-child(1){width:150px;}
.orderbox .l .c{margin:20px 0;}
.orderbox .l .d textarea{height:100px;width:98%;resize:none;padding:1%;border:1px solid #ddd;border-radius:3px;background:#eee;}
.orderbox .r{overflow:hidden}
.orderbox .r .a{line-height:50px;font-weight:bold;}
.orderbox .r .b{position:relative;height:200px;border:1px solid #ddd;border-radius:3px;background:#eee;}
.orderbox .r .b span{display:block;line-height:200px;text-align:center;font-size:100px;font-weight:lighter;color:#aaa;}
.orderbox .r .b input{position:absolute;left:0;bottom:0;right:0;top:0;height:100%;opacity:0;}
.orderbox .btn{clear:both;padding:30px 0;}
.orderbox .btn input{width:100px;height:40px;background:#000;color:#fff;border-radius:5px;}


.downloadbox .t{margin-top:100px;font-size:20px;line-height:40px;border-bottom:1px solid #e9e9e7;font-weight:bold;}
.downloadbox .a{padding:20px 0;}
.downloadbox .a div{display:inline-block;line-height:30px;width:150px;border:1px solid #ededc7;text-align:center;cursor:pointer;}
.downloadbox .a div.cur{background:#ffff00;}

.downloadbox .b{display:none;clear:both;overflow:hidden;}
.downloadbox .b.cur{display:block;}
.downloadbox .b .item{float:left;width:18.4%;margin:0 2% 2% 0;}
.downloadbox .b .item:nth-child(5n){margin-right:0;}
.downloadbox .b .item a{display:block;height:130px;line-height:130px;text-align:center;color:#fff;position:relative;overflow:hidden;}
.downloadbox .b .item img{width:100%;height:100%;object-fit:cover;}
.downloadbox .b .item .tit{position:absolute;left:0;bottom:0;right:0;top:100%;transition:all 0.5s;}

.downloadbox .b .item a:hover .tit{top:0;background:#aaa;background:rgba(0,0,0,0.6);}


.downloadbox .c{display:none;clear:both;overflow:hidden;}
.downloadbox .c.cur{display:block;}
.downloadbox .c .item a{display:block;padding:20px;margin-bottom:20px;border-bottom:1px solid #eee;color:#aaa;}
.downloadbox .c .item a:hover{background:#fdfe7c;}
.downloadbox .c .item .tit{color:#000;font-size:16px;}
.downloadbox .c .item .cont2{display:none;}
.downloadbox .c .item a:hover .cont{display:none;}
.downloadbox .c .item a:hover .cont2{display:block;}


.fanganbox .box1{margin:100px 0;overflow:hidden;}
.fanganbox .box1 .item{position:relative;float:left;width:23.5%;margin-right:2%;text-align:center;}
.fanganbox .box1 .item:last-child{margin-right:0;}
.fanganbox .box1 .item .icon{position:absolute;left:0;right:0;top:0;bottom:0;}
.fanganbox .box1 .item .icon img{display:none;margin-top:20px;height:35px;}
.fanganbox .box1 .item .icon img:nth-child(1){display:inline-block;}
.fanganbox .box1 .item .text{position:absolute;z-index:1;left:0;right:0;top:65px;color:#fff;text-transform:uppercase;}
.fanganbox .box1 .item .text div:nth-child(1){margin-bottom:10px;}
.fanganbox .box1 .item:hover .icon2{background:rgba(0,0,0,0.5);}


.fanganbox .box2{clear:both;padding:20px 0 60px 0;text-align:center;}
.fanganbox .box2 .a{font-size:22px;font-weight:bold;margin-bottom:30px;}
.fanganbox .box2 .b{width:60%;margin:0 auto;color:#666;}


.fanganbox .box3{overflow:hidden;padding-bottom:100px;}
.fanganbox .box3 .l{float:left;width:54%;margin-right:5%;}
.fanganbox .box3 .r{overflow:hidden;font-size:14px;}
.fanganbox .box3 .r .item .a1{font-weight:bold;font-size:16px;}
.fanganbox .box3 .r .item .a4{margin:10px 0;}
.fanganbox .box3 .r .item2{margin-top:20px;}


.fanganbox .box4{overflow:hidden;background:#f5f5f5;text-align:center;color:#949494;}
.fanganbox .box4 .a{padding:80px 0;font-size:22px;}
.fanganbox .box4 .b{overflow:hidden;padding-bottom:80px;}
.fanganbox .box4 .b .item{float:left;width:23.5%;margin-right:2%;}
.fanganbox .box4 .b .item:last-child{margin-right:0;}
.fanganbox .box4 .b .item .img{padding:15px 0;background:#fff;}
.fanganbox .box4 .b .item .img img{height:50px;}
.fanganbox .box4 .b .item .tit{line-height:40px;}

.fanganbox .box5{overflow:hidden;}
.fanganbox .box5 .a{line-height:100px;font-weight:bold;font-size:25px;}
.fanganbox .box5 .b{font-size:14px;overflow:hidden;}
.fanganbox .box5 .b .l{float:left;width:70%;margin-right:5%;}
.fanganbox .box5 .b .r{overflow:hidden}
.fanganbox .box5 .b img{width:100%;}
.fanganbox .box5 .b .l .tit{font-size:20px;line-height:80px;font-weight:bold;}
.fanganbox .box5 .b .l .cont{line-height:30px;}
.fanganbox .box5 .b .r .tit{font-weight:bold;font-size:20px;}
.fanganbox .box5 .b .r .cont{margin:10px 0;color:#666;}

.fanganbox .box6{clear:both;padding:100px 0;overflow:hidden;}
.fanganbox .box6 .item{float:left;width:25%;}
.fanganbox .box6 .item div:nth-child(1){float:left;margin-right:20px;}
.fanganbox .box6 .item div:nth-child(2){overflow:hidden;font-size:20px;font-weight:bold;margin-bottom:10px;}
.fanganbox .box6 .item div:nth-child(3){overflow:hidden;}



.joinbox{padding:100px 0;}
.joinbox .tit{font-size:18px;line-height:30px;}
.joinbox .l{float:left;width:40%;margin-right:5%;}
.joinbox .r{overflow:hidden;}
.joinbox .l div:last-child{line-height:20px;}
.joinbox .r .form{overflow:hidden;}
.joinbox .r .form .item{float:left;width:47%;padding:0 1%;margin-right:2%;border:1px solid #ddd;background:#eee;height:30px;margin-bottom:2%;}
.joinbox .r .form .item input{border:0;background:none;}
.joinbox .r .form .item:nth-child(2n){margin-right:0;}
.joinbox .r .form .select{clear:both;padding:10px 0;}
.joinbox .r .form .button{text-align:center;}
.joinbox .r .form .button input{width:100%;height:30px;background:#ffff00;color:#000;border:0;}


.joinbox .b{padding:100px 0 0 0;overflow:hidden;clear:both;}

.joinbox .b .icons{overflow:hidden;text-align:center;padding-top:60px;}
.joinbox .b .icons .item{float:left;width:8.125%;}
.joinbox .b .icons .split{float:left;width:5%}
.joinbox .b .icons .split img{margin-top:20px;}




