.cooper_menu {position:relative;width:1000px;text-align:center;margin:0 auto 80px auto;border-top:solid 1px #e5e5e5;border-bottom:solid 1px #e5e5e5;}
.cooper_menu a {font-size:14px;color:#999;padding:14px 17px 14px 17px;}
.cooper_menu .on {color:#ff5557;font-weight:700;}

.cooper {position:relative;width:1000px;text-align:center;margin:100px auto 80px auto;clear:both;}
.cooper .logo {position:relative;padding-bottom:80px;}
.cooper .logo img {width:170px;border-radius:30px;padding:20px;background-color:#f8f8f8;}
.cooper .logo h1 {font-size:20px;padding:34px 0 10px 0;}
.cooper .logo p {font-size:13px;padding:5px 0;opacity:0.7;}
.cooper .box {position:relative;}
.cooper .box ul {clear:both;border-bottom:solid 1px #e5e5e5;}
.cooper .box li {float:left;padding:80px 0;}
.cooper .box li:first-child {width:25%;text-align:left;font-size:24px;}
.cooper .box li:last-child {width:75%;}
.cooper .box li table {position:relative;}
.cooper .box li table td {font-size:13px;width:33%;vertical-align:top;background-color:#f5f5f5;border:solid 5px white;border-radius:20px;padding:30px 25px;}
.cooper .box li table td h2 {font-size:17px;}
.cooper .box li table td span {font-size:50px;}
.cooper .box li table td img {width:90%;margin-bottom:50px;}
.cooper .box ul:last-child li table td {background-color:#fff;border:dashed 1px #f3f3f3;border-radius:0;}
.cooper .box li table .none {background-color:white;}
.cooper .box ul:last-child li table .none {border:dashed 0;}

.cooper1 {display:block;}
.cooper2 {display:none;}
.cooper3 {display:none;}
.cooper4 {display:none;}
.cooper5 {display:none;}


.offservice {position:relative;width:1000px;text-align:center;margin:0 auto 80px auto;clear:both;}
.offservice .story {position:relative;}
.offservice .story li {padding-bottom:80px;}
.offservice .story li img {width:100%;border-radius:20px;}
.offservice .story li h2 {padding-top:24px;font-size:20px;}
.offservice .story li p {padding:24px 50px 0 50px;font-size:16px;color:#666;}
.offservice .box {position:relative;border-top:solid 1px #e5e5e5;padding:80px 0;}
.offservice .box td {width:25%;vertical-align:top;background-color:#f5f5f5;border:solid 5px white;border-radius:20px;padding:40px 25px 35px 25px;}
.offservice .box td span {font-size:50px;}
.offservice .box td p {font-size:19px;font-weight:700;padding:5px 0 10px 0;}
.offservice .box td i {font-size:13px;color:#999;font-weight:500;font-style:normal;;}
.offservice .info {position:relative;border-top:solid 1px #e5e5e5;padding-top:80px;}
.offservice .info h3 {font-size:24px;padding-bottom:10px;}
.offservice .info p {padding:3px 0;}

.offservice1 {display:block;}
.offservice2 {display:none;}
.offservice3 {display:none;}

.o2o {position:relative;width:1000px;text-align:center;margin:0 auto 80px auto;}
.o2o h1 {font-size:20px;padding:30px 0 10px 0;}
.o2o p {padding:5px 0;font-size:13px;color:#999;}
.o2o .screen {position:relative;padding:80px 0;}
.o2o .screen img {width:45%;border-radius:10px;border:solid 1px #e5e5e5;margin:0 5px;}
.o2o .screen p {padding:15px 50px;}
.o2o .box {position:relative;padding:80px 0;border-top:solid 1px #e5e5e5;}
.o2o .box td {width:20%;vertical-align:top;background-color:#f5f5f5;border:solid 5px white;border-radius:20px;padding:40px 15px 35px 15px;}
.o2o .box td span {font-size:35px;}
.o2o .box td h2 {font-size:16px;font-weight:700;padding:5px 0 10px 0;}
.o2o .box td i {font-size:13px;color:#999;font-weight:500;font-style:normal;;}
.o2o .info {position:relative;border-top:solid 1px #e5e5e5;padding-top:80px;}
.o2o .info h3 {font-size:24px;padding-bottom:10px;}
.o2o .info p {padding:3px 0;color:#333;}

.o2o1 {display:block;}
.o2o2 {display:none;}

.techchain {position:relative;width:1000px;text-align:left;margin:0 auto 80px auto;}
.techchain ul {clear:both;border-top:solid 1px #e5e5e5;}
.techchain li {float:left;padding:80px 0;}
.techchain li:first-child {width:20%;color:#ff5557;font-weight:500;font-size:18px;}
.techchain li:last-child {width:80%;}
.techchain li h2 {font-size:15px;padding-bottom:10px;}
.techchain li p {font-size:13px;padding:3px 0;color:#999;}
.techchain li .system {position:relative;width:100%;}
.techchain li .system td {width:33%;vertical-align:top;background-color:#f5f5f5;border:solid 5px white;border-radius:20px;padding:30px 15px 35px 15px;font-size:13px;color:#999;}
.techchain li .system td span {font-size:45px;color:#333;}
.techchain li .system td h3 {font-size:15px;color:#333;}
.techchain li .logic {position:relative;width:100%;}
.techchain li .logic td {width:25%;vertical-align:top;background-color:#fdf8f7;border:solid 5px white;border-radius:20px;padding:30px 15px 35px 15px;font-size:13px;color:#999;}
.techchain li .logic td span {font-size:45px;color:#666;}
.techchain li .logic td h3 {font-family:'teko';font-size:20px;font-weight:500;color:#ff5557;}
.techchain li .system .none {background-color:#fff;}
.techchain li .xtm {position:relative;width:100%;}
.techchain li .xtm td {width:33%;vertical-align:top;background-color:#fdf8f7;border:solid 5px white;border-radius:20px;padding:45px 10px;font-size:13px;color:#999;}
.techchain li .xtm td h3 {font-family:'teko';font-size:30px;font-weight:500;color:#ff5557;}
.techchain li .xtm td span {font-size:13px;color:#999;}

.tech_contact {position:relative;width:1000px;text-align:center;margin:0 auto;border-top:solid 1px #e5e5e5;clear:both;padding:70px 0 0 0;}
.tech_contact h2 {font-size:20px;color:#333;padding-bottom:10px;}
.tech_contact p {font-size:13px;color:#333;padding:2px 0;}
.tech_contact p b {font-family:'teko';font-size:19px;font-weight:400;color:#ff5557;}



@media only screen and (max-width:1200px) { 

.cooper_menu {width:auto;}

.cooper {width:auto;margin:50px auto 30px auto;padding:0 20px;}
.cooper .box li:first-child {font-size:20px;}
.cooper .box li table td {padding:25px 15px;}
.cooper .box li table td img {width:100%;margin-bottom:0px;}

.offservice {width:auto;padding:0 20px;}
.offservice .box td {width:25%;padding:20px 15px;}
.offservice .box td span {font-size:40px;}
.offservice .box td p {font-size:16px;}
.offservice .box td i {font-size:13px;}

.o2o {width:auto;padding:0 20px;}
.o2o h1 {font-size:20px;}
.o2o .screen img {width:48%;}

.techchain {width:auto;padding:0 20px;}
.techchain li:first-child {font-size:16px;}

.tech_contact {width:auto;padding:70px 20px 0 20px;}


}







@media only screen and (max-width:767px) {

.cooper_menu {margin:0 auto 50px auto;width:auto;overflow-x:scroll;white-space:nowrap;}
.cooper_menu a {font-size:13px;color:#999;padding:14px 15px 14px 15px;}

.cooper {margin:50px auto 30px auto;padding:0 10px}
.cooper .logo {position:relative;padding-bottom:80px;}
.cooper .logo img {width:100px;border-radius:15px;}
.cooper .logo h1 {font-size:18px;padding:24px 0 10px 0;}
.cooper .box li {padding:0;}
.cooper .box li:first-child {width:100%;font-size:20px;padding:40px 0 20px 0;text-align:center;}
.cooper .box li:last-child {width:100%;padding-bottom:50px;}
.cooper .box li table td {border:solid 2px white;border-radius:10px;padding:20px 15px;}
.cooper .box li table td h2 {font-size:15px;padding-bottom:10px;}
.cooper .box li table td span {font-size:30px;}
.cooper .box li table td img {width:100%;margin-bottom:0px;}

.offservice {padding:0 10px;}
.offservice .story li {padding-bottom:50px;}
.offservice .story li img {width:100%;border-radius:5px;}
.offservice .story li h2 {padding-top:10px;font-size:15px;}
.offservice .story li p {padding:10px 10px 0 10px;font-size:13px;}
.offservice .box {padding:50px 0;}
.offservice .box td {width:calc(100% - 30px);display:block;border-bottom:solid 2px white;border-radius:10px;padding:30px 10px 30px 10px;}
.offservice .box td span {font-size:40px;}
.offservice .box td p {font-size:17px;padding:0px 0 10px 0;}
.offservice .info {padding-top:50px;}
.offservice .info h3 {font-size:20px;}
.offservice .info p {padding:1px 0;}

.o2o {padding:0 10px;}
.o2o .logo {max-width:250px;}
.o2o h1 {font-size:18px;padding:20px 0 5px 0;}
.o2o .screen {padding:30px 0;}
.o2o .screen img {width:100%;border-radius:5px;margin:5px 0;}
.o2o .screen p {padding:10px 20px;}
.o2o .box {padding:50px 0;}
.o2o .box td {width:auto;display:block;border:solid 4px white;border-radius:15px;padding:20px 15px 25px 15px;}
.o2o .box td h2 {font-size:15px;padding:0;}
.o2o .info {padding-top:50px;}
.o2o .info h3 {font-size:20px;}

.techchain {padding:0 10px;}
.techchain li {padding:0;}
.techchain li:first-child {width:100%;padding:40px 0 20px 0;text-align:center}
.techchain li:first-child br {display:none;}
.techchain li:last-child {width:100%;padding-bottom:50px;}
.techchain li .system {padding:0;border:0;}
.techchain li .system td {width:auto;display:block;border:solid 4px white;}
.techchain li .logic td {width:auto;display:block;border:solid 4px white;padding:20px 15px 25px 15px;}
.techchain li .logic td span {font-size:35px;}
.techchain li .xtm td {width:auto;display:block;border:solid 4px white;padding:20px 10px;}

.tech_contact {padding:50px 10px 0 10px;}



}