body{background: #f4f7fb;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent;}
#menu { margin: 0; padding: 0; position: fixed; right: 10px; top: 10px; list-style-type: none; z-index: 70;}
#menu li { float: left; margin:  0 10px 0 0; font-size: 14px;}
#menu a { float: left; padding: 10px 20px; background-color: #fff; color: #333; text-decoration: none;opacity: 0.6;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;-khtml-border-radius:8px;}
#menu .active a { color: #fff; background-color: #333;opacity: 0.6;}
.section { text-align: center; font: 50px "Microsoft Yahei"; color: #fff;}

.bg1{background: url("../img/bg-header.jpg") 0 0 no-repeat;background-size: 100% 100%;}
.bg1 .tableCell{display: table-cell;}
.bg1 .div-align-center{margin-left: 10%;margin-right: 10%;}
.bg1 .div-align-center .p1:first-letter{margin: 0 -10px 0 0;}
.bg1 .div-align-center .p1{font-size: 35px;line-height: 53.33px;margin: 0 0 34px;color: #fe4445;font-family: "ITCAvantGardeStd-Bold","PT Sans",sans-serif;font-weight: 400;}
.bg1 .div-align-center .p2{font-size: 24px;line-height: 30px;word-spacing: 1px;margin-bottom: 20px;color: #fe4445;font-family: "Raleway",sans-serif !important;}
.bg1 .div-align-center .page2_button{font-size: 20px;font-weight: 500;line-height: 32px;width: 172px;height: 36px; border: 3px solid #fe4445;color: #fe4445;background-color: transparent;display: inline-block;transition:background-color 0.3s ease 0s, border 0.3s ease 0s, color 0.3s ease 0s, opacity 0.3s ease-in-out 0s, outline 0.3s ease 0s;}
.bg1 .div-align-center .page2_button:hover{background: #fe4445;color: #1c202b;}
.bg1 .div-align-center .index_logo{height: 69px;position: absolute;bottom: 30px;left: 50%;margin-left: -35px;}

.bg2{background: #e3e3e3;}
.bg2 .tableCell{display: table-cell;}
.bg2 .section-title{width: 920px;margin: 0 auto -37px;}
.bg2 .section-title .p1:first-letter{margin: 0 -3px 0 0;}
.bg2 .section-title .p1{font-size: 50px;line-height: 54px;margin: 0 0 30px;color: #fe4445;font-family: "ITCAvantGardeStd-Bold","PT Sans",sans-serif;font-weight: 400;}
.bg2 .section-title .p2{font-size: 24px;line-height: 28px;word-spacing: 1px;margin-bottom: 20px;color: #1c202b;font-family: "Raleway",sans-serif !important;}
.bg2 .technology{text-align: center;width: 920px;margin: auto;}
.bg2 .technology li{padding: 30px 10px 0px;width: 185px;display: inline-block;overflow: hidden;position: relative;transition: all 0.3s ease 0s;}
.bg2 .technology li .strategy_and_design{background: url("../img/icon-strategy_and_design.png") center 0 no-repeat;}
.bg2 .technology li .development{background: url("../img/icon-development.png") center 0 no-repeat;}
.bg2 .technology li .analytics_and_reporting{background: url("../img/icon-analytics_and_reporting.png") center 0 no-repeat;}
.bg2 .technology li i{background-position: 50% 0;background-repeat: no-repeat;display: block;height: 96px;margin: 0 0 32px;transition: all 0.3s ease 0s;width: 100%;}
.bg2 .technology li .p3{color: #1c202b !important;font-size: 16px !important;font-weight: 700 !important;margin-top: 15px;transition: all 0.3s ease 0s;}
.bg2 .technology li .p4{color: #1c202b !important;font-size: 14px;line-height: 26px;margin-top: 13px;transition: all 0.3s ease 0s;white-space: nowrap;}

.bg3{background: url("../img/bg-header.jpg") 0 0 no-repeat;background-size: 100% 100%;overflow: hidden;}
.bg3 .product{float: left;width: 25%;height: 25%;position: relative;overflow: hidden;}
.bg3 .product img{display: block;width: 100%;}

.bg4{background: #e3e3e3;}
.bg4 .tableCell{display: table-cell;}
.iosSlider {position: relative;top: 0;left: 0;overflow: hidden;width: 920px;margin: auto;height: 320px;}
.iosSlider .prevButton {position: absolute;top: 50%;left: 0;margin-top: -85px; width: 23px;height: 70px;background: url("../img/slider_left_black.png") 0 0 no-repeat;z-index: 2;}
.iosSlider .nextButton {position: absolute;top: 50%;right: 0;margin-top: -85px;width: 23px;height: 70px;background: url("../img/slider_right_black.png") 0 0 no-repeat;z-index: 2;}
.iosSlider .slider {width: 100%;height: 100%;}
.iosSlider .slider .item {position: relative;top: 0;left: 0;width: 920px;height: 320px;}
.iosSlider .slider .item .p1{font-size: 50px;line-height: 54px;margin: 0 0 30px;color: #fe4445;font-family: "ITCAvantGardeStd-Bold","PT Sans",sans-serif;font-weight: 400;}
.iosSlider .slider .item .p2{font-size: 24px;line-height: 28px;word-spacing: 1px;margin-bottom: 20px;color: #1c202b;font-family: "Raleway",sans-serif !important;}
.iosSlider2 {position: relative;top: 0;left: 0;overflow: hidden;width: 1200px;margin: 50px auto 0;height: 215px;}
.iosSlider2 .prev {position: absolute;top: 50%;left: 0;width: 23px;height: 70px;margin-top: -35px;margin-top: -35px;background: url("../img/slider_left_black.png") 0 0 no-repeat;z-index: 2;}
.iosSlider2 .next {position: absolute;top: 50%;right: 0;width: 23px;height: 70px;margin-top: -35px;background: url("../img/slider_right_black.png") 0 0 no-repeat;z-index: 2;}
.iosSlider2 .slider {width: 100%;height: 100%;}
.iosSlider2 .slider .item {position: relative;top: 0;left: 0;width: 1200px;height: 215px;}
.iosSlider2 .slider .item .p1{font-size: 50px;line-height: 54px;margin: 0 0 30px;color: #fe4445;font-family: "ITCAvantGardeStd-Bold","PT Sans",sans-serif;font-weight: 400;}
.iosSlider2 .slider .item .p2{font-size: 24px;line-height: 28px;word-spacing: 1px;margin-bottom: 20px;color: #1c202b;font-family: "Raleway",sans-serif !important;}
.shanglogo{width: 1200px;margin: 0 auto;height: 215px;text-align: center;}
.shanglogo li{width: 180px;height: 100px;display: inline-block;line-height: 100px;background: #fff;color: #000;margin-bottom: 15px;overflow: hidden;}


.bg5{background: url("../img/bg-header.jpg") 0 0 no-repeat;background-size: 100% 100%;}
.bg5 .tableCell{display: table-cell;}
.bg5 .content{width: 920px;margin: auto;}
.bg5 .content .p1{font-size: 50px;line-height: 54px;color: #fe4445;font-family: "ITCAvantGardeStd-Bold","PT Sans",sans-serif;font-weight: 400;}
.bg5 .content .p2{font-size: 24px;line-height: 28px;word-spacing: 1px;margin-bottom: 20px;color: #fe4445;font-family: "Raleway",sans-serif !important;}
.bg5 .content .contactform{width: 100%;height: 470px;}
.bg5 .content .contactform div{width: 50%;height: 100%;text-align: left;font-size: 20px;}
.bg5 .content .contactform .p1{font-size: 30px;}
.bg5 .content .contactform ul .li1{height: 30px;padding-left: 40px;background: url("../img/home.png") 0 0 no-repeat;}
.bg5 .content .contactform ul .li2{height: 30px;padding-left: 40px;background: url("../img/email.png") 0 0 no-repeat;}
.bg5 .content .contactform ul .li3{height: 30px;padding-left: 40px;background: url("../img/phone.png") 0 0 no-repeat;}
.bg5 .content .contactform ul .li4{height: 30px;padding-left: 40px;background: url("../img/qq.png") 0 0 no-repeat;}
.bg5 .content .contactform ul li{margin-top: 20px;}
.bg5 .content .contactform ul li p{height: 15px;font-size: 12px;}