.banner{width: 100%;margin: 0px auto;background: #ff5e17 url(../img/product/presale/banner.jpg) center center no-repeat;height: 450px;overflow: hidden;}
.ban{width: 1150px;margin: 50px auto 0px;overflow: hidden; color: #fff;}
.ban h1{font-size: 40px;margin: 120px 0px 10px;}
.ban p{font-size: 24px;}
.ban .tyform{width: 380px;float: right;background: rgba(255,255,255,0.6);border: 1px solid #fff;padding: 0px 0px 40px;border-radius: 4px;position: relative;overflow: hidden;}
.ban .tyform h2{font-size: 30px;color: #fff;text-align: center;margin-bottom: 30px;background: linear-gradient(to top, #ff342c, #f99d11);line-height: 100px;padding: 0px 40px;}
.ban .tyform p{display: block;position: relative;overflow: hidden;width: 300px;margin: 0px auto 20px;}
.ban .tyform i{display: block;position: absolute;color: #e50014;top: 6px;left: 20px;font-size: 30px;}
.ban .tyform input{width: 235px;padding: 0px 20px 0px 45px;height: 42px;line-height: 42px;border: 0;font-size: 14px;border-radius: 4px;}
.ban .tyform .code{width: 105px;float: left;border-top-right-radius: 0px;border-bottom-right-radius: 0px}
.ban .tyform .getcode{width: 130px;float: right;height: 42px;line-height: 42px;border: 0;font-size: 14px;border-top-right-radius: 6px;border-bottom-right-radius: 6px;color: #666; cursor: pointer;}
.ban .tyform #submt{width: 300px;font-size: 16px;cursor: pointer;padding: 0px;margin: 0px auto;}
.ban .tyform .msg-box{position: absolute;right: 20px;color: #e50014;top: 10px;font-size: 14px;}
.m_btn{display: block;width: 156px;height: 48px;line-height: 48px;background: linear-gradient(to right, #e50014, #f63704);border-radius: 4px;text-align: center;font-size: 16px;color: #fff;margin-top: 10px;}
.m_btn:hover{opacity: 0.9;}
.main{width: 100%;margin: 0px auto;overflow: hidden;}
.m_1,.m_3,.m_5{width: 1200px;margin: 60px auto;}
.main .title{text-align: center;}
.main .title h2{font-size: 36px;line-height: 54px;margin: 0px 0px 20px 0px;}
.main .title p{font-size: 16px;color: #666;}
.m_1 .mimg a{margin: 10px auto 0px;}
.m{width: 1200px;margin: 0px auto;position: relative;}
.m_2,.m_4,.m_6{width: 100%;margin: 0px auto;overflow: hidden;background: #f9faf9;padding: 60px 0px;}
.m_2 ul{width: 100%;margin-top: 60px;}
.m_2 ul li{width: 238.75px;float: left;border: 1px solid #eee;border-right: 0px;padding: 30px;text-align: center;cursor: pointer;}
.m_2 ul li:last-child{border-right: 1px solid #eee;}
.m_2 ul li i{width: 60px;height: 60px;margin: 0px auto 10px;display: block;}
.m_2 ul li h3{font-size: 16px;margin-bottom: 10px;}
.m_2 ul li p{font-size: 14px;color: #666;}
.m_2 ul li:hover{box-shadow: 0px 5px 20px rgba(0,0,0,0.06);border: 0px;transform: scale(1.1); transition: 0.3s;background: #fff;border-radius: 4px;}
.m_3 ul{width: 100%;margin: 30px auto 0px;}
.m_3 ul li{width: 306px;float: left;margin-right: 50px;padding: 30px;border-radius: 4px;cursor: pointer;transition: all ease 300ms;}
.m_3 ul li:last-child{margin-right: 0px;}
.m_3 ul li i{width: 100%;display: block;background: #eee;height: 204px;overflow: hidden;}
.m_3 ul li i img{width: 100%;}
.m_3 ul li h3{font-size: 18px;margin: 20px 0px;line-height: 80px;}
.m_3 ul li h3 span{float: right;color: #e81a154a;font-size: 50px;transition: all ease 300ms;}
.m_3 ul li p{font-size: 14px;color: #666;}
.m_3 ul li:hover,.m_3 ul li:hover{background: #fff;box-shadow: 0px 5px 30px rgba(0,0,0,0.05);}
.m_3 ul li:hover h3 span{color: #e81a15;}
.mimg2{width: 680px;display: block;}
.mtxt{width: 480px;margin-top: 120px;}
.mtxt h2{font-size: 32px;margin-bottom: 20px;}
.mtxt p{font-size: 16px;line-height: 30px;color: #666;}
.mtxt a{margin-top: 30px;}
.m_5{overflow: hidden;}
.m_6 ul{margin: 50px auto 0px;width: 1200px;}
.m_6 ul li{width: 240px;float: left;text-align: center;border-radius: 4px;cursor: pointer;padding: 20px 0px;}
.m_6 ul li i{margin-top: 10px;}
.m_6 ul li p{font-size: 14px;color: #666;margin-top: 10px;}
.m_6 ul li:hover{background: #fff;box-shadow: 0px 5px 30px rgba(0,0,0,0.05);}