﻿/* 
    author:PengJin;
    date:2019-5-22;
*/
/* --banner-- */
.banner{clear:both;position:relative;z-index:1;width:100%;height:675px;overflow:hidden;background-repeat:no-repeat;background-position:center;}
/* --end banner-- */

/* --why-- */
.why{padding:50px 0;overflow:hidden;background:#fff;}
.why-inner{overflow:hidden;}
.why-inner .item{padding:26px 0;overflow:hidden;}
.why-inner .item:nth-child(1){border-bottom:#f1f0ee solid 8px;}
.why-inner .item dl{margin:0 auto;width:970px;overflow:hidden;}
.why-inner .item dt{float:left;width:56px;}
.why-inner .item dt em{display:block;width:56px;height:56px;line-height:56px;text-align:center;font-size:57px;color:#fff;background:#b4b4b4;}
.why-inner .item dd{padding-left:18px;overflow:hidden;}
.why-inner .item dd strong{display:block;font-size:24px;color:#d90e0e;}
.why-inner .item dd p{padding-top:5px;font-size:18px;color:#000;}
.product-list{margin:0 auto;width:1252px;}
.product-list .item{float:left;margin:30px;width:357px;overflow:hidden;box-shadow:0 0 20px #ddd;transition: all 1s;animation:flipinX 1s linear;}
.product-list .pic{width:357px;height:325px;overflow:hidden;}
.product-list .pic img{display:block;width:357px;height:325px;transition: all 1s;}
.product-list .text{padding:5px 25px;height:55px;text-align:center;color:#fff;overflow:hidden;background:#d90e0e;}
.product-list .text span{display:block;font-size:17px;line-height:1.5;}
.product-list .text p{display:table-cell;width:307px;height:30px;font-size:13px;line-height:15px;vertical-align:middle;overflow:hidden;}
.product-list .item:hover{box-shadow:0 0 20px #ccc;}
.product-list .item:hover .pic img{transform:scale(1.1);}
/* --end why-- */

/* --ad-- */
.ad{height:208px;overflow:hidden;background:#ffe7d4;}
.ad img{display:block;width:1200px;height:208px;}
/* --end ad-- */

/* --adv-- */
.adv{padding:50px 0;overflow:hidden;background:#fff;}
.adv-list{position:relative;height:630px;overflow:hidden;}
.adv-list .item{position:absolute;width:300px;height:315px;text-align:center;background:url(../images/join/adv_cur.png) no-repeat;transition: all 1s;}
.adv-list .item .icon{display:block;position:relative;margin:40px auto 0;width:70px;height:70px;overflow:hidden;transition: all 1s;}
.adv-list .item .icon img{display:block;position:absolute;top:-70px;left:0;}
.adv-list .item strong{display:block;height:42px;line-height:42px;font-size:24px;color:#fff;overflow:hidden;}
.adv-list .item p{margin-top:12px;padding:15px 50px;color:#fff;font-size:16px;line-height:26px;background:url(../images/join/adv_line.png) no-repeat center 0;}
.adv-list .item-1{left:60px;top:20px;}
.adv-list .item-2{left:365px;top:20px;}
.adv-list .item-3{left:670px;top:20px;}
.adv-list .item-4{left:210px;bottom:20px;}
.adv-list .item-5{left:515px;bottom:20px;}
.adv-list .item-6{left:820px;bottom:20px;}
/* --end adv-- */

/* --adv02-- */
.adv02{padding:50px 0;overflow:hidden;background:#f1f0ee;}
.adv02 .pic{animation:flipinY 1s linear;}
/* --end adv02-- */

/* --welfare-- */
.welfare{padding:50px 0;overflow:hidden;background:#fff;}
.welfare-list{overflow:hidden;}
.welfare-list .item{float:left;margin:40px 0;width:400px;text-align:center;overflow:hidden;}
.welfare-list .icon{margin:0 auto;width:145px;height:145px;overflow:hidden;}
.welfare-list .icon img{display:block;width:145px;height:145px;}
.welfare-list .tit{height:40px;line-height:40px;font-size:25px;font-weight:500;color:#d90e0e;}
/* --end welfare-- */

/* --partner-- */
.partner{padding:50px 0;overflow:hidden;background:#f1f0ee;}
.partner-list{overflow:hidden;}
.partner-list li{float:left;width:300px;padding:25px 50px;overflow:hidden;}
.partner-list li img{display:block;width:300px;height:100px;transition: all 0.5s linear;}
.partner-list li:hover img{box-shadow:0 0 20px #ccc;}
/* --end partner-- */

/* --process-- */
.process{padding:50px 0;overflow:hidden;background:#fff;}
.process .pic{border:#d90e0e solid 2px;animation:fadeinL 0.5s linear;}
.process .pic img{display:block;width:1196px;}
/* --end process-- */



.regForm{height:389px;overflow:hidden;background:url(../images/join/regForm_bg.jpg) no-repeat center 0;}
.regForm .text{float:left;padding-top:60px;width:580px;line-height:1.5;}
.regForm .text h2{font-size:48px;color:#fff;text-align:center;}
.regForm .text h3{font-size:42px;color:#fff;text-align:center;}
.regForm .text .ps{margin:20px auto;font-size:23px;color:#fffdbc;text-align:center;}
.regForm .text .ps i{display:inline-block;position:relative;margin-right:10px;}
.regForm .text .tel{margin:0 auto;width:340px;height:38px;line-height:38px;font-size:23px;text-align:center;color:#fff;border:#fff solid 1px;border-radius:20px;}
.regForm .form{float:right;padding-top:18px;padding-top:70px;width:550px;}
.regForm .form li{margin-bottom:20px;}
.regForm .form li input{display:block;padding:0 15px;width:290px;height:48px;line-height:48px;background:#fff;border:none;}
.regForm .form li input.cinpt { float:left;width:190px;height:48px;line-height:48px;background:#fff;border:none;}
.regForm .form li .incode{padding:0 0 0 5px;width:100px;height:48px;line-height:48px;border:none;}
.regForm .form li .submitBtn{display:block;width:310px;height:48px;line-height:48px;color:#fff;text-align:center; font-size:18px;background:#d90e0e;}