/*20200427新加客户订货平台*/
.Title2{text-align: center;padding: 10px 0 30px 0;}
.Title2 strong{display: block;color: #000;height: 60px;line-height: 60px;font-size: 36px;padding-bottom: 15px;}
.Title2 .I_con{position: relative;}
.Title2 .I_con:after{content:"";position: absolute;width: 6%;height: 10px;border-bottom: solid 2px #009bfd;left: 47%;top: 50px;}
.Title2 .shuoming p{font-size: 16px;color: #999;line-height: 1.6em;}
.dhpt_1 .con{text-align: center;padding: 20px 0 50px 0;}
.dhpt_2 .Title2 strong,.dhpt_2 .Title2 p,.dhpt_4 .Title2 strong,.dhpt_4 .Title2 p{color: #fff;}
.dhpt_2{background: url(../images/dhpt/bg1.jpg) center bottom;background-size: cover; padding:40px 0 50px 0;}
.dhpt_2 .con{position: relative;}
.dhpt_2 #J_top{margin: 10px auto 50px auto;}
.dhpt_2 .con .tu{width: 863px;margin: 0 auto;}
.dhpt_2 .con .li{color: #fff;border-bottom: solid 1px #fff; display:block;text-decoration: none;font-size: 20px;float: left;padding:0 0 8px 0;width: 16.66%;text-align: center;cursor: pointer;}
.dhpt_2 .con .J_hover{color: #009bfd;border-bottom: solid 1px #009bfd;}
.dhpt_2 .con .I_con a img{position: relative;top: 4px;right: 2px;}
.dhpt_2 .con .J_cont{position: absolute;background: #009bfd;width: 250px;height: 250px;box-shadow: 0 0 10px rgba(0,0,0,0.5);left: 50px;bottom: 80px;padding: 20px;font-size: 16px;color: #fff;}
.dhpt_2 .con .J_cont .J_cbox{display: none;}
.dhpt_3{text-align: center;padding: 20px 0 ;}
.dhpt_3 .con{padding-bottom: 30px;}
.dhpt_4{background: url(../images/dhpt/bg2.jpg) center bottom;background-size: cover; padding:40px 0 50px 0;text-align: center;}
.dhpt_5 {padding:40px 0 50px 0;}
.dhpt_5 .con li{float:left;width: 20%;text-align: center;}
.dhpt_5 .con li p{line-height: 1em;padding-top: 8px;}
/*关于我们*/
.GY01{font-size: 40px;font-style: italic;padding-top: 40px;}
.GY01 span{font-size: 30px;color: #999; padding-right: 5px;}

.GY02{margin:30px 0 40px 0;}
.GY02 p{padding-bottom: 8px;text-indent: 2em;}
.GY02 .right{margin-left: 20px;}

.GY03{margin:30px 0 40px 0;}
.GY03 .left img{border-radius: 50%; margin-right: 10px;}
.GY03 p{padding-bottom: 8px;text-indent: 2em;}

.GYliucheng{padding: 60px 0 40px 0;background: #f1f1f1;}
.GYliucheng ul{width: 1300px;}
.GYliucheng li{float: left;display: inline;width: 224px;margin: 30px 20px 20px 0;text-align: center;cursor: pointer;}
.GYliucheng li strong{font-size: 20px;display: block;height: 45px;line-height: 45px;}
.GYliucheng p{color: #999;}
.GYliucheng li p{font-size: 14px;line-height: 27px; text-align: left;}

.GY_ditu{width: 100%;position: relative;z-index: 11;}
.GY_ditu .GY_ditubox{width: 100%; height: 800px;border-top: solid 1px #ddd;z-index: 22;}
.GY_ditu .GY_lianxi{width: 430px; height:640px;position: absolute;right: 20px;top: 80px; z-index: 33; background: #fff;background:rgba(221,221,221,0.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3dddddd,endColorstr=#B3dddddd);border: solid 1px #ccc;padding: 20px;font-size: 18px;line-height: 49px;color: #000;}
.GY_ditu .GY_lianxi strong{font-size: 22px;}
/*企业文化*/
.QY01{background: url(../images/about/qy001.jpg) center top no-repeat;color: #e5e5e5;text-align: center;padding: 200px 0;line-height: 75px;font-size: 36px;background-attachment: fixed;}

.QY02{text-align: center;color: #999;background: #f1f1f1;padding: 60px 0;}
.QY02 strong{font-size: 30px;color: #000;font-weight: normal;height: 55px;line-height: 55px;}
.QY02 img{margin-top: 30px}

.QY03{background: url(../images/about/qy003.jpg) center top no-repeat;height:650px;padding-top: 150px; line-height:35px;font-size: 18px;}
.QY03 ul{background: url(../images/nav_bg.png);width: 1200px; margin: 0 auto;}
.QY03 ul li{padding: 30px 30px 30px 150px; border-bottom: dotted 1px #fff;position: relative;}
.QY03 ul strong{font-size: 24px;font-weight: normal;color: #000;}
.QY03 ul em{display: block;position: absolute;width: 100px; height: 100px; background: #ffcc00; border-radius: 50%;line-height: 100px; text-align: center;font-size: 50px;top: 30px;left: 30px;}

/*网站建设*/
.Title1{width: 800px;position: relative; margin: 40px auto 30px auto;}
.Title1 strong{font-size: 32px;text-align: center;display: block;width: 150px;margin: 0 auto;height: 43px;line-height: 43px;font-weight: normal;}
.Title1 .Tit_xian1,.Title1 .Tit_xian2{width:320px;height: 10px;border-bottom: dotted 1px #ccc;position: absolute;top: 12px;overflow: hidden;}
.Title1 .Tit_xian1{left: 0;}
.Title1 .Tit_xian2{right: 0;}
.Title1 .shuoming{color: #999;text-align: center;padding: 5px 0;}

.PC01{padding: 30px 0 80px 0;}
.PC01 ul{width: 1300px;}
.PC01 li{float: left;width: 245px;margin: 0 20px 0 0;text-align: center;background:#f1f1f1;padding: 20px;position: relative;}
.PC01 li .bg{background: url(../images/about/li_bg.png ) bottom repeat-x;width: 100%;height:10px;position: absolute;bottom: -10px;left: 0;}
.PC01 li strong,.PC01 em{display: block;}
.PC01 li strong{font-size: 20px;height: 35px;line-height: 35px;padding-top: 8px;}
.PC01 li p{color: #999;font-size: 14px;line-height: 23px;}
.PC01 .fa{color: #fff;font-size: 104px;background: #ddd;display: block;height: 245px;width: 245px;border-radius: 245px;line-height: 245px;}
.PC01 .fa:hover{color: #ffcc00;transition: 400ms;background: #fff;}

.PC02{background: #f1f1f1;padding: 80px 0;}
.PC02 .C_tit{padding-bottom: 40px;}
.PC02 .I_con p{padding: 10px 0 20px 0; text-indent: 2em;}
.PC02 .I_con strong{display: block;border: solid 1px #ddd; border-radius: 45px; padding:0 40px 0 30px;height: 45px;line-height: 45px;font-size: 20px;display: inline-block;}
.PC02 .I_con strong:hover{background: #fff;transition: 400ms;}

.PC03 strong{padding-top: 150px;font-size: 30px;display: block;height: 71px;line-height: 45px;font-weight: normal;}
.PC03 .left{margin-right: 80px;}
.PC03 .right{margin-left: 80px;}

.Tu{background: url(../images/about/liucheng.png) center no-repeat; height: 391px;}
.Liucheng{padding:20px 0 60px 0;}
/*手机网站建设*/
.PH01{padding: 30px 0 80px 0;}
.PH01 ul{width: 1300px;}
.PH01 li{float: left;width: 360px;margin: 0 59px 0 0;text-align: center;background:#f1f1f1;position: relative;}
.PH01 li .bg{background: url(../images/about/li_bg.png ) bottom repeat-x;width: 100%;height:10px;position: absolute;bottom: -10px;left: 0;}
.PH01 li strong{display: block;font-size: 26px;font-weight: normal;padding-top: 10px;}
.PH01 li p{color: #999;font-size: 14px;line-height: 27px;padding: 15px 20px;text-align: left;}
/*微信开发*/
.WX01{padding: 20px 0 80px 0;}
.WX01 .Pic1{background: url(../images/about/wx01.png) center no-repeat;height: 642px;}
.WX02 ul{width: 1300px;}
.WX02 li{float: left;width: 360px;margin: 0 59px 30px 0;text-align: center;background:#f1f1f1;position: relative;}
.WX02 li .bg{background: url(../images/about/li_bg.png ) bottom repeat-x;width: 100%;height:10px;position: absolute;bottom: -10px;left: 0;}
.WX02 li strong{display: block;font-size: 26px;font-weight: normal;padding-top: 10px;}
.WX02 li p{color: #999;font-size: 14px;line-height: 27px;padding: 15px 20px;text-align: left;}
.WX02 li:hover{background: #ddd;transition: 400ms;}
/*APP开发*/
.APP01{background: url(../images/about/APP02.jpg) center top no-repeat; height: 488px;}
/*垂直电商设计*/
.DS01{text-align:center;padding: 40px 0 0 0;}
.DS01 strong{display: block;font-size:30px;height: 58px;line-height: 58px;}
.DS01 p img{display: block;margin: 50px auto 0 auto;}
.DS02{background: #f1f1f1;padding:10px 0 0 0;}
.DS02 ul{width: 1300px;}
.DS02 li{float: left;width: 360px;margin: 0 59px 40px 0;text-align: center;background:#fff;}
.DS02 li .fa{font-size: 100px;padding: 30px 0 10px 0;}
.DS02 li strong{display: block;font-size: 26px;font-weight: normal;padding-top: 10px;}
.DS02 li p{color: #999;font-size: 14px;line-height: 27px;padding: 15px 20px;text-align: left;}
.DS02 li:hover{background: #ddd;transition: 400ms;}
.DS03{padding: 10px 0 60px 0;}
.DS03 .Pic1{background: url(../images/about/ds02.jpg) center no-repeat;height: 313px;}
.DS04{background: #f1f1f1;padding-bottom: 80px;}
.DS04 .Title1{margin-top: 5px;}
.DS04 ul{width: 1300px;}
.DS04 li{border-right:solid 1px #ddd;background: #fff;border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;float: left;width: 238px;text-align: center;font-size: 18px;}
.DS04 li p{padding: 10px 0;}
.DS04 li:hover{background: #ddd;transition: 400ms;}
.DS04 .fa{font-size: 80px;padding: 30px 0 5px 0;color: #ccc;}


.GYliucheng li:hover img{-webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); transform:scale(1.1,1.1);transition: all 0.3s linear;}