/***banner***/
.banner-slider{width:100%;margin:135px auto 0px;overflow:hidden;}
.banner-box{width:100%;height:458px;overflow:hidden;position:relative;}
.banner{width:100%;height:458px;overflow:hidden;}
.banner li{position:absolute;left:0px;top:0;width:100%;height:458px;text-align:center;background-position:center;overflow:hidden;}
.sub{position:absolute;bottom:30px;left:45%;height:10px;z-index:9;}
.sub li{float:left;width:40px;height:4px; background-color:#fff;margin:0px 5px;opacity:0.5;cursor:pointer;}
.sub li.on{background:#fff;opacity:0.9;}
.navpic{margin-top:10px;width:1200px;height:90px;overflow:hidden;}
.navpic img{ height:80px;width:185px;border-radius:3px;opacity:0.8;}
.nav-right{margin-right:10px;}
.clickbox{display:block; height:100%;width:100%;overflow:hidden;opacity:0;}

.recommend{width:100%;background:#fff;margin-bottom:60px; box-shadow:0 3px 10px rgba(0,0,0,.08);overflow:hidden;}
.recommend-list{display:table;width:1200px;box-sizing:content-box;margin:0px auto;height:90px;}
.recommend-list li{height:90px;border-right:1px solid #f5f5f5;display:table-cell;background-position:center center;background-repeat:no-repeat;}
.recommend-list li:last-child {border-right:1px solid rgba(255,255,255,0)}
.recommend-list li:hover{background-color:#f7f7f7;}
.recpic-1{background-image:url(../images/j_show_1.png)}
.recpic-2{background-image:url(../images/j_show_2.png)}
.recpic-3{background-image:url(../images/j_show_8.png)}
.recpic-4{background-image:url(../images/j_show_4.png)}
.recpic-5{background-image:url(../images/j_show_5.png)}
.recpic-6{background-image:url(../images/j_show_6.png)}

.box-title{width:1200px; margin:0px auto; overflow:hidden;}
.hgroup{text-align:center;margin-bottom:40px}
.hgroup h2{font-size:36px;position:relative;padding-bottom:20px; color:#333; font-weight:normal;}
.hgroup h2::after{position:absolute;content:"";width:40px;height:3px;background-color:#ff6d01;bottom:0;left:50%;margin-left:-20px}
.hgroup h4{font-size:15px;color:#606060;margin-top:15px; font-weight:normal;}

.jieshao-box{width:1200px; margin:0px auto; overflow:hidden;}
.jieshao-box li{height:200px; width:285px;box-sizing:border-box; margin-bottom:20px;float:left;margin-right:20px; text-align:center; padding:20px;}
.jieshao-box li:last-child{ margin-right:0px;}
.jieshao-box li:hover{background-color:#f7f7f7;}
.jieshao-box li img{margin-bottom:10px;}
.jieshao-box h3{font-size:20px; margin-bottom:10px; font-weight:normal;}
.jieshao-box p{color:#777; line-height:20px; font-size:14px;}
.bc-1{border:#FFA200 1px solid;}
.bc-2{border:#1088D5 1px solid;}
.bc-3{border:#17995B 1px solid;}
.bc-4{border:#F05B26 1px solid;}

.youshi-box{width:1200px; margin:0px auto; overflow:hidden;}
.youshi-box ul{width:590px;box-sizing:border-box; margin-bottom:20px;float:left;margin-right:20px; text-align:center; padding:20px;border:#aaa 1px solid;}
.youshi-box ul:nth-child(even){margin-right:0px;}
.youshi-box li:hover{background-color:#f7f7f7;}
.youshi-box li{background:url(../images/duihao.png) 10px 8px no-repeat;background-size:36px 28px; height:40px; text-align:left; padding:10px 10px 20px 60px; border-bottom:#eee 1px dashed;}
.youshi-box li:last-child{border-bottom:#fff 1px dashed;}
.youshi-box h3{font-size:20px; margin-bottom:10px; font-weight:normal;}
.youshi-box p{color:#777; line-height:20px; font-size:14px;}

.btn-box{width:1200px; margin:0px auto; padding-top:20px; padding-bottom:20px; overflow:hidden;}
.btn-r a{display:block;box-sizing:border-box; margin-left:500px; text-align:center; border:1px #FF6D01 solid; height:50px; color:#FF6D01; line-height:50px; width:200px;border-radius:25px; overflow:hidden; font-size:18px;}
.btn-r a:hover{ background-color:#FF6D01; color:#fff; text-decoration:none;}
.btn-w a{display:block;box-sizing:border-box; margin-left:500px; text-align:center; border:1px #fff solid; height:50px; color:#fff; line-height:50px; width:200px;border-radius:25px; overflow:hidden; font-size:18px;}
.btn-w a:hover{ background-color:#FF6D01; color:#fff;border:1px #FF6D01 solid; text-decoration:none;}

.jiemian-box{width:1200px; margin:0px auto;}
.jiemian-box li{height:530px;width:270px;box-sizing:border-box; margin-bottom:20px;float:left;margin-right:40px; text-align:center; color:#fff;}
.jiemian-box li:last-child{margin-right:0px;}
.jiemian-box h3{height:500px;width:270px;box-sizing:border-box; margin-bottom:20px;padding:42px 10px 68px 10px;background:url(../images/iphone.png) 0px 0px no-repeat;background-size:270px 500px;border-radius:8px; border:#ccc 1px solid;}
.jiemian-box p{font-size:14px;}

.hangye-box{width:1200px; margin:0px auto; overflow:hidden;}
.hangye-box a{display:block;height:240px; width:276px;box-sizing:border-box; margin-bottom:20px;float:left;margin-right:32px; text-align:center; background-color:#669900;overflow:hidden;}
.hangye-box a:nth-child(4n){margin-right:0px;} 
.hangye-box i{display:block;width:100%; height:238px; margin-top:-38px; overflow:hidden;}
.hangye-box i:hover{opacity:0.9;}
.hangye-box i img{width:100%;}
.hangye-box p{ height:40px;line-height:40px; font-size:18px; background-color:#eee;}