html{ background: #fff;}

.layout-box{ width: 1440px; margin: 0 auto; }
.layout-box span.title{ padding-top: 68px; width: 100%; text-align: center; height: 58px; line-height: 58px; display: block; font-size:34px; font-weight: bold; color: #0bba4c;}
.layout-box span.title em{ color: #000;}
.layout-box .subtitle{height: 34px; font-size: 34px; display: block; font-size: 20px; color: #2d2d2d; width: 100%; text-align: center;}

.banner{ width:100%; height:485px; background: url(//res.gys.cn/img/mainsite/purchase-360/banner.png) center top no-repeat;}
.banner .layout-box{position: relative;}
.banner i{ width:684px; height: 128px; display: block; background: url(//res.gys.cn/img/mainsite/purchase-360/banner-txt.png) left top no-repeat; position: absolute; left:0; top:115px;}
.banner span{ display: block; height: 62px; line-height: 62px; position: absolute; left: 0; top:281px; font-size: 26px; color: #000; font-family:"思源黑体 CN";}
.banner span em{ font-size:40px; display: inline; vertical-align: -4px;}
.banner .apply-btn{ width:200px; height: 50px; display: block; background: #0bba4c; text-align: center; line-height: 50px; font-size: 24px; color: #fff; position: absolute; left: 0; top: 343px;}
.banner .apply-btn:hover{ background:#04a841;}

.content-1{ width: 100%; height: 100px; background: 100%;}
.content-1 ul li{ width: 270px; float: left; padding-left: 90px;}
.content-1 ul li:first-child{ padding: 0; width: 360px;}
.content-1 ul li:last-child{ float: right; padding-left: 156px; width: 194px;}
.content-1 ul li span{ width:76px; height: 72px; display: block; background: url(//res.gys.cn/img/mainsite/purchase-360/content-btm-icon.png) center top no-repeat; float: left; position: relative; margin-top: 12px;}
.content-1 ul li span:before{ content: ''; display: block; position: absolute; -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}
.content-1 ul li span.icon1:before{ width:75px; height: 54px; display: block; background: url(//res.gys.cn/img/mainsite/purchase-360/content1-icon1.png) center top no-repeat;left: 0; top: 0;}
.content-1 ul li:hover span.icon1:before{ top:-6px}
.content-1 ul li span.icon2:before{ width:57px; height: 55px; display: block; background: url(//res.gys.cn/img/mainsite/purchase-360/content1-icon2.png) center top no-repeat;left: 8px; top: 0;}
.content-1 ul li:hover span.icon2:before{ top:-6px}
.content-1 ul li span.icon3:before{ width:65px; height: 45px; display: block; background: url(//res.gys.cn/img/mainsite/purchase-360/content1-icon3.png) center top no-repeat;left: 9px; top: 4px;}
.content-1 ul li:hover span.icon3:before{ top:-2px}
.content-1 ul li span.icon4:before{ width:53px; height: 52px; display: block; background: url(//res.gys.cn/img/mainsite/purchase-360/content1-icon4.png) center top no-repeat;left: 14px; top: 4px;}
.content-1 ul li:hover span.icon4:before{ top:-2px}
.content-0 ul li:hover .icon:before{bottom:35px}
.content-1 ul li em{ float: left; margin-left: 22px; font-size: 24px; color: #000; font-weight: bold; line-height: 90px;}

.content-2{ width: 100%; height:803px; background: #f8f8f8 url(//res.gys.cn/img/mainsite/purchase-360/content2-bg.jpg) center top no-repeat;}
.content-2 .content-inner{ width: 100%; margin-top: 30px;}
.content-2 .content-inner ul{ float: left; width: 315px; margin-top: 48px;}
.content-2 .content-inner ul li{ margin-bottom: 68px;}
.content-2 .content-inner ul li span{ display: block; float: left; width: 80px; height: 80px; margin-right:16px; position: relative;}
.content-2 .content-inner ul li span:after{ content:''; position: absolute;}
.content-2 .content-inner ul li .icon1:after{left:0;top: 13px;width:80px; height: 66px; background: url(//res.gys.cn/img/mainsite/purchase-360/content2-icon1.png) center top no-repeat;}
.content-2 .content-inner ul li .icon2:after{left:7px;top: 11px;width:65px; height: 70px; background: url(//res.gys.cn/img/mainsite/purchase-360/content2-icon2.png) center top no-repeat;}
.content-2 .content-inner ul li .icon3:after{left:2px;top: 13px;width:75px; height: 77px; background: url(//res.gys.cn/img/mainsite/purchase-360/content2-icon3.png) center top no-repeat;}
.content-2 .content-inner ul li .icon4:after{left:0;top: 10px;width:80px; height: 80px; background: url(//res.gys.cn/img/mainsite/purchase-360/content2-icon4.png) center top no-repeat;}
.content-2 .content-inner ul li .icon5:after{left:5px;top: 10px;width:69px; height: 73px; background: url(//res.gys.cn/img/mainsite/purchase-360/content2-icon5.png) center top no-repeat;}
.content-2 .content-inner ul li .icon6:after{left:9px;top: 15px;width:61px; height: 78px; background: url(//res.gys.cn/img/mainsite/purchase-360/content2-icon6.png) center top no-repeat;}
.content-2 .content-inner ul li em{ float: left; width:218px;}
.content-2 .content-inner ul li em i.title{display: block; font-size:22px; color: #000; font-weight: bold; line-height: 40px; width:217px;}
.content-2 .content-inner ul li em i.desc{ display: block; font-size:16px; color: #333; font-weight: normal; line-height: 24px; margin-top: 2px;}
.content-2 .content-inner .img{ float: left; width: 665px; margin:0 60px 0 75px;}
.content-2 .content-inner .content2-img{ width: 100%}

.content-3{ width: 100%; height:800px; background: url(//res.gys.cn/img/mainsite/purchase-360/content3-bg.jpg) center top no-repeat;}
.content-3 .layout-box span.title em{ color: #fff;}
.content-3 .layout-box .subtitle{ color: #fff;}
.content-3 .content-inner{ width: 100%; height: 520px; margin-top: 40px; background:linear-gradient( #fff 0%, #f4fcf7 100%); overflow: hidden;}
.content-3 .content-inner .list{ width: 330px; float: left; border-right: solid 1px rgba(11,186,76,0.05); padding: 44px 0 0 29px; height: 474px;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}
.content-3 .content-inner .list:last-child{ border: none;}
.content-3 .content-inner .list .list-title{ width: 250px; display: block; font-size: 24px; color: #0bba4c; font-weight: bold; text-align: center; margin-top: -3px;}
.content-3 .content-inner .list dl{ width: 250px; margin-top: 12px; padding:8px 25px 12px;}
.content-3 .content-inner .list dl dt{ width: 250px; height:38px; line-height: 38px; font-size: 16px; color: #000; font-weight: bold; border-bottom:solid 1px #0bba4c;}
.content-3 .content-inner .list dl dt .dt-left{ width: 110px; display: block; text-align: center; float: left;}
.content-3 .content-inner .list dl dt .dt-right{ width: 80px; display: block; text-align: center; float: right;}
.content-3 .content-inner .list dl dd{ height: 38px; line-height: 38px; border-bottom:solid 1px rgba(11,186,76,0.05); font-size: 15px; color: #000;}
.content-3 .content-inner .list dl dd a{ float: right; width: 80px; display: block; text-align: center;}
.content-3 .content-inner .list dl dd a:hover{ color: #0bba4c;}

.content-3 .content-inner .list.current{ width:471px;}
.content-3 .content-inner .list1.current{ background: url(//res.gys.cn/img/mainsite/purchase-360/list1.jpg) left top no-repeat;}
.content-3 .content-inner .list2.current{ background: url(//res.gys.cn/img/mainsite/purchase-360/list2.jpg) left top no-repeat;}
.content-3 .content-inner .list3.current{ background: url(//res.gys.cn/img/mainsite/purchase-360/list3.jpg) left top no-repeat;}
.content-3 .content-inner .list4.current{ width: 472px; background: url(//res.gys.cn/img/mainsite/purchase-360/list4.jpg) left top no-repeat;}
.content-3 .content-inner .list.current dl{ background: #fff;}
.content-3 .content-inner .list.current .list-title{ text-align: left;}
.content-3 .content-inner .list.current .list-title:before{ content:''; width: 4px; height: 23px; display: inline-block; background: #0bba4c; margin: 0 10px 0 28px; vertical-align: -3px;}
.content-3 .content-inner .list.packup{ width: 306px; padding:44px 0 0 6px}

.content-4{ width: 100%; height:740px; background: url(//res.gys.cn/img/mainsite/purchase-360/content4-bg.jpg) center top no-repeat;}
.content-4 .content-inner{ margin-top:88px;}
.content-4 .content-inner .qa_inner{ width: 620px; float: left; margin:0 200px 44px 0;}
.content-4 .content-inner .qa_inner:nth-child(even){ margin-right: 0;}
.content-4 .content-inner .qa_inner span{ font-size: 18px; color: #333; font-weight: bold; line-height: 24px; display: block; margin-bottom: 10px;}
.content-4 .content-inner .qa_inner span:before{ content:''; width: 41px; height: 39px; background: url(//res.gys.cn/img/mainsite/purchase-360/Q.png) center top no-repeat; display: inline-block; vertical-align: -19px; margin-right: 20px;}
.content-4 .content-inner .qa_inner p{ font-size: 16px; color: #666; line-height: 24px; width: 620px;}
.content-4 .content-inner .qa_inner p:before{ content:''; width: 41px; height: 39px; background: url(//res.gys.cn/img/mainsite/purchase-360/A.png) center top no-repeat; display: block; float: left; margin-right: 20px;}
.content-4 .content-inner .qa_inner p em{ display: block; width: 555px; float: left;}

.content-5{ width: 100%; height:240px; background: url(//res.gys.cn/img/mainsite/purchase-360/content5-bg.jpg) center top no-repeat;}
.content-5 ul{ padding-top: 45px;}
.content-5 ul li{ color:#fff;}
.content-5 ul li.li1{ margin-bottom: 10px;}
.content-5 ul li.li1 span{ font-size: 46px; color: #fff; font-weight: bold; margin-right: 24px;}
.content-5 ul li.li1 em{ font-size:32px; font-style: oblique;}
.content-5 ul li.li2 .price{ font-size: 20px; color: #fff;}
.content-5 ul li.li2 .price em{ font-size: 42px; color: #fff; font-weight: bold;}
.content-5 ul li.li2 a{ width: 200px; height: 50px; display: inline-block; text-align: center; line-height: 50px; background: #0bba4c; font-size: 22px; color: #fff; margin-left: 12px;}

/*在线申请弹窗*/
.applicationModal .modal-dialog{width:860px}
.applicationModal .modal-content{border:0; border-top:3px solid #0bba4c}
.applicationModal .modal-text{text-align:center; padding-bottom:70px}
.applicationModal .modal-text .h1{color:#0bba4c; font-size:30px; font-weight:bold; line-height:40px}
.applicationModal .modal-text .h2{color:#696969; font-size:18px; line-height:40px}
.applicationModal .modal-text .bnt{display:inline-block; width:170px; height:45px; line-height:45px; color:#fff; font-size:20px; background:#0bba4c;}
.applicationModal .modal-text .bnt:hover{background:#0bba4c}
.applicationModal .modal-text .applyform{padding:35px 0; margin-top:-18px}
.applicationModal .modal-text .applyform .li{display:inline-block; margin-top:18px}
.applicationModal .modal-text .applyform label{font-size:16px; padding-right:15px}
.applicationModal .modal-text .applyform input{width:350px; height:40px; border:1px solid #ececec; border-radius:0; background:#fff; font-size:16px}
.applicationModal .modal-text .applyform input::-webkit-input-placeholder{color:#dadada;  /* Edge */}
.applicationModal .modal-text .applyform input:-ms-input-placeholder{color:#dadada; /* Internet Explorer 10-11 */}
.applicationModal .modal-text .applyform input::placeholder{color:#dadada}
.applicationModal .success-div{padding-top:50px}
.applicationModal .success-div .icon{vertical-align:-12px; margin-right:15px}
.applicationModal .success-div .t{font-size:22px; color:#6b0}
.applicationModal .success-div .txt{font-size:16px; color:#180041; line-height:24px; margin:10px 0 40px;}   

/*主体宽度1200*/
@media screen and (max-width:1500px){
    .layout-box{width:1200px!important;}
    .banner i{left:-50px;}
	.content-1 ul li{ width: 20%; float: left; padding-left: 65px;}
    .content-1 ul li:first-child{ padding: 0; width: 22%;}
    .content-1 ul li:last-child{padding-left: 40px; width: 18%;}
    .content-2 .content-inner ul{ width: 22%;}
    .content-2 .content-inner ul li em{ width: 63%}
    .content-2 .content-inner .img{ width: 47%; margin:5% 3% 0 5%;}
    .content-3 .content-inner .list{width: 29%;padding: 44px 0 0 4.2%;}
    .content-3 .content-inner .list.current{width: 38.35%; background-size: 100%}
    .content-3 .content-inner .list.packup { width: 27.6%;padding: 44px 0 0 1%;}
    .content-4 .content-inner .qa_inner{width: 47%;margin: 0 5% 44px 0;}
    .content-4 .content-inner .qa_inner p { width: 100%;}
    .content-4 .content-inner .qa_inner p em { width: 89%;}
}

.page_float .shopping_cart:before{ display: none;}