.banner-make{width: 100%;height: 534px;position: relative;min-width: 1200px;margin: 70px auto 0;background: url(/skin/sucms/images/banner-make.jpg) no-repeat center}
.banner-contentWrap{width: 1200px;margin: 0 auto;padding-top: 90px}
.banner-contentWrap h1{font-size: 64px;color: #fff;font-weight: normal;line-height: 64px;padding-bottom: 20px}
.banner-contentWrap h3{font-size: 25px;color: #fff;font-weight: normal}
.banner-contentWrap h2{font-size: 18px;color: #fff;font-weight: normal;padding-top: 10px}
.banner-contentWrap p{padding-top: 50px;font-size: 14px;color: #fff;line-height: 24px}
.banner-contentWrap .btn{width: 200px;height: 45px;line-height: 45px;font-size: 20px;overflow: hidden;position: relative;z-index: 0;cursor: pointer;color: #fff;border-radius: 35px;border: solid #fff 1px;text-align: center;float: left;margin-top: 30px}
.banner-contentWrap .btn a{color: #fff}
#shadowBox{position: relative;top: -50px;z-index: 1;width: 1200px;height: 150px;background-color: #ffffff;box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);border-radius: 3px}
.shadowBox{width: 100%;height: 100%;padding: 30px;overflow: hidden}
.shadowBox-item{height: 90px;padding-left: 100px;border-right: 1px solid #eceff6}
.shadowBox-item:nth-child(3n){border-right: none}
.shadowBox-item h1{font-size: 30px;line-height: 30px;color: #333;font-weight: normal}
.shadowBox-item h1 span{font-size: 18px;top: -15px;position: relative}
.shadowBox-item p{font-size: 18px;line-height: 24px;color: #333;padding-top: 20px}
.yw-container{overflow: hidden}
.case-box{width: 100%;float: left;overflow: hidden;margin: 0 auto 35px}
#message-box{width: 100%;height: 430px;background: url(/skin/sucms/images/make_messageBg.jpg) center no-repeat}
.message-box{width: 960px;overflow: hidden;margin: 0 auto}
.message-box-header{width: 100%;padding: 45px 0;text-align: center}
.message-box-header h1{color: #fff;font-size: 24px;line-height: 24px}
.message-box-form{width: 100%;float: left}
.message-item{width: 280px;margin-right: 50px;float: left}
.message-item input{width: 100%;background: #fff;border: none;border-radius: 4px;height: 50px;line-height: 50px;padding-left: 10px}
.message-item:nth-child(3n){margin-right: 0}
.message-item2{width: 940px;float: left;margin: 30px auto 0}
.message-item2 textarea{width: 100%;background: #fff;border: none;border-radius: 4px;padding-left: 10px;min-height: 100px;resize: none}
.message-item3{width: 100%;padding-top: 30px;margin: 0 auto;text-align: center;overflow: hidden}
.submit{width: 320px;height: 55px;background-color: #31d884;border-radius: 4px;cursor: pointer;color: #fff;line-height: 55px;font-size: 20px;border: none;text-align: center}
.submit:hover{background-color: #42e693}
#safecode-con{display: none}
#safecode_img{cursor: pointer}
.error_color{padding-top: 5px}
.msg_info{color: #f9b}
.make-service{width: 1200px;margin: 0 auto;overflow: hidden}
.make-service-item{margin: 0 auto;overflow: hidden}
.service-icon{width: 76px;height: 60px;background: url(/skin/sucms/images/make-icon.png) 0 0 no-repeat;position: relative;margin: 0 auto}
.icon-a{background-position: 0 0}
.icon-b{background-position: 0 -79px}
.icon-c{background-position: 0 -159px}
.icon-d{background-position: 0 -239px}
.make-service-item h2{color: #308ccf;font-size: 18px;line-height: 36px;font-weight: normal;text-align: center;padding: 25px 0}
.vsDiv{width: 100%;height: 740px;margin: 0 auto;overflow: hidden;background: url(/skin/sucms/images/bg_vs.jpg) no-repeat center}
.vsDiv-header{width: 1200px;margin: 0 auto;overflow: hidden;padding-top: 65px}
.vsTopText{font-size: 26px;font-weight: normal;line-height: 37px;letter-spacing: 0;color: #308ccf;display: inline-block;text-align: center}
.vsTable{width: 1168px;height: 490px;background: #fff;opacity: 0.8;position: relative;margin-top: 45px}
.vsTable-item{height: 70px;border-bottom: 1px solid #e6eaf2}
.vsTable-left,.vsTable-right{width: 500px;float: left;background: #fff}
.vsTable-center{width: 166px;float: left;background: #fff;border-left: 1px solid #e6eaf2;border-right: 1px solid #e6eaf2}
.vsTable-left p{font-size: 14px;line-height: 68px;color: #333;text-align: center}
.vsTable-left p img{vertical-align: middle;margin-right: 5px}
.vsTable-center p{font-size: 16px;line-height: 68px;text-align: center;color: #f60}
.vsTable-right p{font-size: 14px;line-height: 68px;color: #999;text-align: center}
.make-design{width: 1200px;margin: 45px auto 0;overflow: hidden}
.make-design-a{width: 100%;float: left;background: url(/skin/sucms/images/make_pic01.jpg) no-repeat;height: 350px;overflow: hidden;position: relative}
.make-design-b{width: 100%;float: left;background: url(/skin/sucms/images/make_pic02.jpg) no-repeat;height: 350px;overflow: hidden;position: relative}
.make-design-c{width: 100%;float: left;background: url(/skin/sucms/images/make_pic03.jpg) no-repeat;height: 350px;overflow: hidden;position: relative}
.make-design-result{width: 160px;height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #fff;background: #308ccf;border-radius: 4px;cursor: pointer}
.make-design-result:hover{background: #54b1f4}
.design-a{position: absolute;top:60%;left: 25%}
.design-b{position: absolute;top:60%;right: 25%}
.design-c{position: absolute;top:60%;left: 25%}
@media screen and (min-width: 1024px){html,body {-webkit-user-select: initial;-moz-user-select: initial;-ms-user-select: initial;user-select: initial}}
@media screen and (max-width: 768px){.banner-make{min-width: inherit;height: 350px;background: url(/skin/sucms/images/banner-make-wap.jpg) no-repeat center top}
.banner-contentWrap{width: 100%;padding: 45px 15px 0 15px}
.banner-contentWrap h1{font-size: 32px;line-height: 32px;padding-bottom: 10px}
.banner-contentWrap h3{font-size: 18px}
.banner-contentWrap h2{font-size: 16px}
.banner-contentWrap p{padding-top: 20px;line-height: 20px}
.banner-contentWrap .btn{width: 120px;height: 35px;line-height: 35px;font-size: 16px;border-radius: 25px;margin-top: 25px}
#shadowBox,.message-box,.make-design,.make-service,.vsTable{width: 100%}
#shadowBox{height: 120px;top:0}
.shadowBox{padding: 20px 15px}
.shadowBox-item{padding-left: 10px}
#message-box{height: 100%;background-repeat: repeat-y;padding-bottom: 35px}
.message-box-form{padding: 0 15px}
.message-item{width: 100%;margin-right: 0;margin-bottom: 20px}
.message-item2{width: 100%;margin: 0 auto}
.vsDiv{height: 550px}
.vsDiv-header{width: 100%;padding-top: 45px}
.vsTable-item{height: 40px;padding: 0 10px}
.vsTable-left{width: 100%}
.vsTable-left p{text-align: left;line-height: 36px}
.vsTable-center,.vsTable-right{display: none}
.make-design-a{background: url(/skin/sucms/images/make_pic01_wap.jpg) no-repeat center;height: 300px}
.make-design-b{background: url(/skin/sucms/images/make_pic02_wap.jpg) no-repeat center;height: 300px}
.make-design-c{background: url(/skin/sucms/images/make_pic03_wap.jpg) no-repeat center;height: 300px}
.make-design-result{width: 120px}
.design-a{left: 5%}
.design-b{right: 10%;top:65%}
.design-c{left: 5%}}
/* iPhone6 */
@media screen and (max-width: 375px){}
/* iPhone5、4 */
@media screen and (max-width: 320px){}