﻿.bannerbox{width:100%;position:relative; overflow:hidden;height:500px;}
.banner{width:1920px;position:absolute;left:50%;margin-left:-960px;}
.banner#b1{display:block;height:500px;background:url(../../images/single/supplier_selling/banner.jpg) no-repeat;}
.banner#b1 .ban2{padding-top:150px;}
.banner#b1 .ban2 .bac{margin-top:30px;width:550px;}
.banner#b1 .ban2 .bac p{font-size:20px;margin-top:0;line-height:42px;}

.page-content{min-width:1200px;}
.page-title{text-align:center;}
.page-title .main{font-size:32px;color:#333;}
.page-title.white .main{color:#fff;}
.page-title .small{font-size:20px;color:#888;margin-top:10px;}
.clearFex:after{clear:both;content:'';display:block;width:0;height:0;}
.first-main{margin:50px 0 70px 0;}
.first-content{width:1200px;margin:0 auto;font-size:0;padding-bottom:200px;background:url(../../images/single/supplier_selling/img_1.jpg) no-repeat center bottom;}
.first-content .list{width:340px;background-color:#fff;border-radius:4px;box-shadow:0 0 10px 3px rgba(122,122,122,.1);padding:10px 15px;float:left;position:relative;}
.first-content .list .point{position:absolute;display:block;width:20px;height:10px;border-radius:10px;background-color:#6c9bed;bottom:-20px;}
.first-content .list-top .icon,.first-content .list-right .icon{margin-right:15px;}
.first-content .list-top .point{left:175px;}
.first-content .list-left .point{right:0;}
.first-content .list-right .point{left:0;}
.first-content .list .icon{vertical-align:middle;}
.first-content .list .text-box{display:inline-block;vertical-align:middle;width:calc(100% - 55px);}
.first-content .list .name{font-size:20px;color:#2e2f39;margin-bottom:5px;}
.first-content .list .small{font-size:14px;color:#666;line-height:1.5;}
.first-content .list-left .icon{margin-left:15px;}
.first-content .list-left{text-align:right;}
.first-content .list-top{margin:45px 415px 0 415px;}
.first-content .list:nth-child(2){margin:55px 132px 0 225px;}
.first-content .list:nth-child(3){margin:55px 0 0 0;}
.first-content .list:nth-child(4){margin:50px 110px 0 215px;}
.first-content .list:nth-child(5){margin:62px 0 0 0;}
.second-main{background-color:#fafafa;padding:45px 0 60px 0;font-size:0;}
.second-main .img-box{text-align:center;width:1200px;margin:40px auto 50px auto;}
.second-main .icon-arrow{margin:75px 0 50px 0;text-align:center;}
.second-content{width:1200px;margin:40px auto 0 auto;}
.second-content .list{float:left;background-color:#fff;border:solid 1px #e9e9e9;width:228px;margin-right:12px;text-align:center;padding:40px 0 30px 0;}
.second-content .list:last-child{margin-right:0;}
.second-content .list .icon{margin-bottom:20px;}
.second-content .list .name{font-size:24px;margin-bottom:15px;}
.second-content .list .small{font-size:14px;color:#888;line-height:1.5;margin:0 15px;text-align:left;}
.third-main{margin:55px 0 50px 0;}
.third-content{width:1200px;margin:35px auto 0 auto;font-size:0;}
.third-content .list{float:left;width:210px;border:solid 1px #efefef;padding:9px 9px 20px 9px;height:225px;margin-right:12px;}
.third-content .list:last-child{margin-right:0;}
.third-content .list .icon-box{height:100px;text-align:center;margin-bottom:25px;}
.third-content .list:nth-child(1) .icon-box{background-color:#bc7df6;}
.third-content .list:nth-child(2) .icon-box{background-color:#6a98e6;}
.third-content .list:nth-child(3) .icon-box{background-color:#fc4f4f;}
.third-content .list:nth-child(4) .icon-box{background-color:#86ab77;}
.third-content .list:nth-child(5) .icon-box{background-color:#6e7190;}
.third-content .list .icon{margin-top:24px;}
.third-content .list .name{font-size:20px;color:#333;text-align:center;margin-bottom:10px;}
.third-content .list .small{font-size:14px;color:#888;margin:0 10px;line-height:1.5;}
.fourth-main{background:url(../../images/single/supplier_selling/page_bg.jpg) no-repeat center top;background-size:auto 100%;height:598px;padding-top:45px;}
.fourth-content{width:1200px;margin:65px auto 0 auto;}
.fourth-content .list{width:400px;text-align:center;padding:30px 0 35px 0;box-sizing:border-box;float:left;border-right:solid 1px rgba(255,255,255,.3);}
.fourth-content .list .small{line-height:2;font-size:16px;color:#fff;margin:20px 30px 0 30px;text-align:left;}
.fourth-content .list:nth-child(1),
.fourth-content .list:nth-child(2),
.fourth-content .list:nth-child(3){border-bottom:solid 1px rgba(255,255,255,.3);}
.fourth-content .list:nth-child(3n){border-right:0;}

/*留言板*/
.message{display:block;padding:80px 0;background:#fff;}
.mestitle,.remarks{display:block;text-align:center;}
.mestitle .titleh{font-size:28px;color:#333;font-weight:700}
.mestitle .contp{font-size:20px;color:#666;margin-top:10px;}
.formd form{display:flex;justify-content:space-evenly;padding:0 200px;margin-top:40px;}
.formd form .xmane,.formd form .iphone{width:300px;position:relative;border:solid 1px #f0f3fa;box-sizing:border-box;}
.formd form .xmane input,.formd form .iphone input{display:block;width:100%;height:100%;box-sizing:border-box;line-height:60px;padding:20px 10px;padding-left:60px;font-size:14px;}
.formd form .xmane:before{display:block;position:absolute;left:15px;top:15px;content:'';background:url(../../images/xingming.png) no-repeat;width:30px;height:30px;}
.formd form .iphone:before{display:block;position:absolute;left:15px;top:15px;content:'';background:url(../../images/dianhua.png) no-repeat;width:30px;height:30px;}
.formd form .submit{width:180px;height:60px;}
.formd form .submit input{display:block;width:100%;height:100%;text-align:center;line-height:60px;background:#316fff;color:#fff;border:solid 1px #316fff;font-size:20px;cursor:pointer;box-sizing:border-box;}
.remarks{margin-top:30px;}
.remarks .main{font-size:24px;color:#333;font-weight:700}
.remarks .small{font-size:24px;margin-top:5px;color:#666;}
font{color:#f50303;font-weight:700;}