@charset "utf-8";
/* CSS Document */
@font-face{font-family:'youyuan'; src: url('../fonts/youyuan.TTF');}
h2{ font-weight: normal;}

.banner_app{ width: 100%; text-align: center;}
.banner_app img{ width: 100%; max-width: 1903px;}
@media ( max-width:990px){
.banner_app{ margin-top: 60px;}	
}

/*我们的定制开发服务*/
.kaifa{ max-width: 1400px; margin: 0 auto; overflow: hidden;}
.kaifa-title{ margin-top: 60px; text-align: center;}
.kaifa-title h2{ font-size: 36px; color: #1d1d1d; line-height: 40px;}
.kaifa-title i{ display: block; width: 70px; height: 2px; background: #e80000; margin: 15px auto;}
.kaifa-title p{ font-size: 16px; color: #333; line-height: 30px;}
.kaifa-list{ margin-top: 40px;}
.kaifa-list ul{}
.kaifa-list ul li{ float: left; width: 25%;}
.kaifa-list ul li img{ width: 100%;}
.kaifa-list ul li dl{ background: #f3f3f3; padding: 20px 0; text-align: center;}
.kaifa-list ul li dl dt{ font-size: 18px; color: #1d1d1d; line-height: 36px; font-weight: bold;}
.kaifa-list ul li dl p{ font-size: 16px; color: #555; line-height: 36px; padding: 7px 25px 5px;}
.kaifa-list ul li:hover dl{ background: #e80000;}
.kaifa-list ul li:hover dl dt{ color: #fff;}
.kaifa-list ul li:hover dl p{ color: #fff;}
@media ( max-width:1400px){
.kaifa-list ul li img{ width: 100%; height: 215px;}
.kaifa-list ul li dl{ height: 175px;}
.kaifa-list ul li dl p{ font-size: 15px; line-height: 30px; padding: 7px 20px 5px;}
}
@media ( max-width:1200px){
.kaifa-list ul li img{ width: 100%; height: 200px;}
.kaifa-list ul li dl{ height: 160px;}
.kaifa-list ul li dl dt{ font-size: 16px; line-height: 30px;}
.kaifa-list ul li dl p{ font-size: 14px; line-height: 26px;}
}

/*为什么要做APP*/
.app{ width: 100%; background: url(../images/app_bg.jpg) center no-repeat; margin-top: 70px; height: 948px; overflow: hidden;}
.app-width{ max-width: 1400px; margin: 0 auto;}
.app-title{ margin-top: 50px; text-align: center;}
.app-title h2{ font-size: 36px; color: #fff; line-height: 40px;}
.app-title i{ display: block; width: 70px; height: 2px; background: #fff; margin: 15px auto;}
.app-title p{ font-size: 16px; color: #fff; line-height: 30px;}
.app-list{ margin-top: 30px;}
.app-list ul{}
.app-list ul li{ float: left; width: 16%; margin: 0 2%; margin-bottom: 10px; height: 350px; text-align: center;}
.app-list ul li dt{}
.app-list ul li dt img{ width: 100%; max-width: 175px; transition: All 0.6s ease-in-out;}
.app-list ul li:hover dt img{ transform: rotate(360deg); -webkit-transform: rotate(360deg);-moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg);}
.app-list ul li h2{ font-size: 18px; color: #fff; font-weight: bold; line-height: 40px;}
.app-list ul li p{ font-size: 16px; color: #fff; line-height: 30px; padding: 5px 10px;}
@media ( max-width:1300px){
.app-list ul li h2{ font-size: 17px;}
.app-list ul li p{ font-size: 15px; padding: 5px 0px;}	
}
@media ( max-width:1150px){
.app-list ul li h2{ font-size: 16px;}
.app-list ul li p{ font-size: 14px; padding: 5px 0; line-height: 28px;}	
}

/*小程序的优点*/
.applets{ max-width: 1400px; margin: 0 auto; overflow: hidden;}
.applets-title{ margin-top: 65px; text-align: center;}
.applets-title h2{ font-size: 36px; color: #1d1d1d; line-height: 40px;}
.applets-title i{ display: block; width: 70px; height: 2px; background: #e80000; margin: 15px auto;}
.applets-title p{ font-size: 16px; color: #333; line-height: 30px; padding: 0 325px;}
.applets-list{ margin-top: 35px; overflow: hidden;}
.applets-list ul{}
.applets-list ul li{ float: left; width: 14%; margin: 0 1.33%; margin-bottom: 35px; text-align: center; }
.applets-list ul li img{ width: 100%; max-width: 124px;}
.applets-list ul li p{ font-size: 16px; color: #333; line-height: 30px; padding: 20px 0;}
.applets-list ul li:hover img{ transform: rotate(360deg); -webkit-transform: rotate(360deg);-moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg);}
@media ( max-width:1400px){
.applets-title p{  padding: 0 270px;}
}
@media ( max-width:1300px){
.applets-title p{  padding: 0 220px;}
}
@media ( max-width:1200px){
.applets-title p{ padding: 0 150px;}
}
@media ( max-width:1100px){
.applets-title p{ font-size: 16px; padding: 0 100px;}
.applets-list ul li p{ font-size: 15px;}
}

/*什么是微网站*/
.weizhan{ width: 100%; background: url(../images/weizhan_bg.jpg) center no-repeat; padding-bottom: 85px; overflow: hidden;}
.weizhan-width{ max-width: 1400px; margin: 0 auto; overflow: hidden;}
.weizhan-title{ margin-top: 60px; text-align: center;}
.weizhan-title h2{ font-size: 36px; color: #fff; line-height: 40px;}
.weizhan-title i{ display: block; width: 70px; height: 2px; background: #fff; margin: 15px auto;}
.weizhan-title p{ font-size: 16px; color: #fff; line-height: 30px;}
.weizhan-list{ margin-top: 40px; overflow: hidden;}
.weizhan-list-l{ float: left; width: 46%; margin-left: 3%;}
.weizhan-list-l p{ font-size: 48px; color: #fff; font-family: youyuan; line-height: 72px;}
.weizhan-list-l img{ width: 100%; max-width: 634px; margin-top: 60px;}
.weizhan-list-r{ float: right; width: 46%; margin-right: 3%; text-align: right;}
.weizhan-list-r img{ width: 100%; max-width: 574px;}
@media ( max-width:1300px){
.weizhan-list-l p{ font-size: 40px; }
}

/*系统开发*/
.xtkf-title{ margin-top: 60px; text-align: center;}
.xtkf-title h2{ font-size: 36px; color: #1d1d1d; line-height: 40px;}
.xtkf-title i{ display: block; width: 70px; height: 2px; background: #e80000; margin: 15px auto;}
.xtkf-title p{ font-size: 16px; color: #333; line-height: 30px;}
.xtkf{ width: 100%; background: url(../images/xtkf_bg.jpg) center top repeat-x; margin-top: 45px; padding-bottom: 10px; overflow: hidden;}
.xtkf-width{ max-width: 1400px; margin: 0 auto; overflow: hidden; }
.xtkf-left{ float: left; width: 55%; margin-left: 1%;}
.xtkf-left-1{}
.xtkf-left-1 h2{ font-size: 36px; line-height: 36px; color: #e80000;}
.xtkf-left-1 span{ color: #555; font-size: 16px; line-height: 40px;}
.xtkf-left-2{ margin-top: 60px;}
.xtkf-left-2 dt{ font-size: 20px; color: #1d1d1d; line-height: 36px; font-weight: bold;}
.xtkf-left-2 p{ color: #333; font-size: 16px; line-height: 30px; padding-top: 10px;}
.xtkf-left-2 span{ color: #333; font-size: 16px; line-height: 36px; padding-top: 25px; display: block;}
.xtkf-left-2 a{ display: block; width: 132px; height: 40px; background: #e80000; font-size: 16px; line-height: 40px; color: #fff; text-align: center; border-radius: 4px; margin-top: 30px; }
.xtkf-right{ float: right; width: 40%; text-align: right;}
.xtkf-right img{ width: 100%; max-width: 551px;}
@media ( max-width:1400px){
.xtkf-left-2 p{ font-size: 15px;}
.xtkf-left-2 span{ font-size: 15px;}
.xtkf-left-2 a{ font-size: 15px;}
}
@media ( max-width:1300px){
.xtkf{ padding-bottom: 20px;}
.xtkf-left-2{ margin-top: 50px;}
.xtkf-left-2 dt{ font-size: 18px;}
.xtkf-left-2 p{ font-size: 14px; padding-top: 10px;}
.xtkf-left-2 span{ font-size: 14px; padding-top: 15px; line-height: 30px;}
.xtkf-left-2 a{ font-size: 14px; margin-top: 20px; width: 120px; height: 36px; line-height: 36px;}
}
@media ( max-width:1200px){
.xtkf{ padding-bottom: 20px;}
.xtkf-left-2{ margin-top: 40px;}
.xtkf-left-2 dt{ font-size: 18px;}
.xtkf-left-2 p{ font-size: 14px; padding-top: 0px;}
.xtkf-left-2 span{ font-size: 14px; padding-top: 0px; line-height: 30px;}
.xtkf-left-2 a{ font-size: 14px; margin-top: 20px; width: 120px; height: 36px; line-height: 36px;}
}
@media ( max-width:1100px){
.xtkf{ padding-bottom: 30px;}
.xtkf-left-2{ margin-top: 40px;}
.xtkf-left-2 dt{ font-size: 18px;}
.xtkf-left-2 p{ font-size: 14px;}
.xtkf-left-2 span{ font-size: 14px; padding-top: 0px; line-height: 30px;}
.xtkf-left-2 a{ display: none;}
}

.anli-title{ text-align: center; margin-top: 30px;}
.anli-list-img{ width: 100%; margin-top: 40px; overflow: hidden;}

.xinwen-nr{ margin-top: 45px;}

/*手机站样式*/
@media ( max-width:990px){
.kaifa-list ul li img{ width: 100%; height: 190px;}
.kaifa-list ul li dl{ height: 150px;}
.kaifa-list ul li dl dt{ font-size: 16px; line-height: 24px;}
.kaifa-list ul li dl p{ font-size: 14px; line-height: 24px; padding: 7px 15px 5px;}

.applets-title p{ font-size: 16px; padding: 0 70px;}
.applets-list ul li p{ font-size: 14px;}

.weizhan-list-l p{ font-size: 36px; }

}
@media ( max-width:910px){
.applets-list ul li p{ font-size: 12px;}
.weizhan-list-l p{ font-size: 32px; }	
}

@media ( max-width:650px){
/*我们的定制开发服务*/
.kaifa-title{ margin-top: 40px; text-align: center;}
.kaifa-title h2{ font-size: 28px; color: #1d1d1d; line-height: 30px;}
.kaifa-title i{ display: block; width: 70px; height: 2px; background: #e80000; margin: 15px auto;}
.kaifa-title p{ font-size: 14px; color: #333; line-height: 26px; padding: 0 40px;}
.kaifa-list{ margin-top: 30px;}
.kaifa-list ul{}
.kaifa-list ul li{ float: left; width: 50%;}
.kaifa-list ul li img{ width: 100%; height: 170px;}
.kaifa-list ul li dl{ background: #f3f3f3; height: 150px; padding: 10px 0; text-align: center; overflow: hidden;}
.kaifa-list ul li dl dt{ font-size: 14px; color: #1d1d1d; line-height: 24px; font-weight: bold;}
.kaifa-list ul li dl p{ font-size: 12px; color: #555; line-height: 24px; padding: 2px 10px 0px;}

/*为什么要做APP*/
.app{ width: 100%; background: #8859ff; margin-top: 40px; padding-bottom: 20px; height: auto; overflow: hidden;}
.app-width{ max-width: 1400px; margin: 0 auto;}
.app-title{ margin-top: 35px; text-align: center;}
.app-title h2{ font-size: 28px; color: #fff; line-height: 30px;}
.app-title i{ display: block; width: 70px; height: 2px; background: #fff; margin: 15px auto;}
.app-title p{ font-size: 14px; color: #fff; line-height: 26px; padding: 0 15px;}
.app-list{ margin-top: 20px;}
.app-list ul{}
.app-list ul li{ float: left; width: 46%; margin: 0 2%; height: 300px; text-align: center;}
.app-list ul li dt{}
.app-list ul li dt img{ width: 100%; max-width: 150px; transition: All 0.6s ease-in-out;}
.app-list ul li:hover dt img{ transform: rotate(360deg); -webkit-transform: rotate(360deg);-moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg);}
.app-list ul li h2{ font-size: 16px; color: #fff; font-weight: bold; line-height: 36px;}
.app-list ul li p{ font-size: 14px; color: #fff; line-height: 24px; padding: 5px 10px;}

/*小程序的优点*/
.applets-title{ margin-top: 40px; text-align: center;}
.applets-title h2{ font-size: 28px; color: #1d1d1d; line-height: 30px;}
.applets-title i{ display: block; width: 70px; height: 2px; background: #e80000; margin: 15px auto;}
.applets-title p{ font-size: 14px; color: #333; line-height: 26px; padding: 0 15px;}
.applets-list{ margin-top: 30px; overflow: hidden;}
.applets-list ul{}
.applets-list ul li{ float: left; width: 46%; margin: 0 2%; margin-bottom: 10px; text-align: center; }
.applets-list ul li img{ width: 100%; max-width: 124px;}
.applets-list ul li p{ font-size: 14px; color: #333; line-height: 30px; padding: 10px 0;}

/*什么是微网站*/
.weizhan{ width: 100%; background: #5e4af6; margin-top: 15px; padding-bottom: 40px; overflow: hidden;}
.weizhan-width{ max-width: 1400px; margin: 0 auto; overflow: hidden;}
.weizhan-title{ margin-top: 40px; text-align: center;}
.weizhan-title h2{ font-size: 28px; color: #fff; line-height: 30px;}
.weizhan-title i{ display: block; width: 70px; height: 2px; background: #fff; margin: 15px auto;}
.weizhan-title p{ font-size: 14px; color: #fff; line-height: 26px; padding: 0 30px;}
.weizhan-list{ margin-top: 10px; overflow: hidden;}
.weizhan-list-l{ float: none; width: 100%; margin-left: 0%; text-align: center;}
.weizhan-list-l p{ font-size: 30px; color: #fff; font-family: youyuan; line-height: 48px;}
.weizhan-list-l img{ width: 100%; max-width: 634px; margin-top: 20px;}
.weizhan-list-r{ float: none; width: 94%; margin: 0 3%; margin-top: 30px; text-align: center;}
.weizhan-list-r img{ width: 100%; max-width: 574px;}

/*系统开发*/
.xtkf-title{ margin-top: 40px; text-align: center;}
.xtkf-title h2{ font-size: 28px; color: #1d1d1d; line-height: 30px;}
.xtkf-title i{ display: block; width: 70px; height: 2px; background: #e80000; margin: 15px auto;}
.xtkf-title p{ font-size: 14px; color: #333; line-height: 26px; padding: 0 15px;}
.xtkf{ width: 100%; background: #f5f5f5; margin-top: 20px; padding-bottom: 20px; padding-top: 25px; overflow: hidden;}
.xtkf-width{ max-width: 1400px; margin: 0 auto; overflow: hidden; }
.xtkf-left{ float: left; width: 100%; margin-left: 0%; text-align: center; overflow: hidden;}
.xtkf-left-1{ overflow: hidden;}
.xtkf-left-1 h2{ font-size: 30px; line-height: 30px; color: #e80000;}
.xtkf-left-1 span{ color: #555; font-size: 14px; line-height: 40px;}
.xtkf-left-2{ margin-top: 5px; padding: 0 15px; overflow: hidden;}
.xtkf-left-2 dt{ font-size: 18px; color: #1d1d1d; line-height: 30px; font-weight: bold;}
.xtkf-left-2 p{ color: #333; font-size: 14px; line-height: 30px; padding-top: 10px;}
.xtkf-left-2 span{ color: #333; font-size: 14px; line-height: 30px; padding-top: 0px; display: block;}
.xtkf-left-2 a{ display: block; width: 125px; height: 36px; background: #e80000; font-size: 14px; line-height: 36px; color: #fff; text-align: center; border-radius: 4px; margin: 20px auto 0; }
.xtkf-right{ width: 94%; margin: 30px 3% 0; text-align: center; overflow: hidden;}
.xtkf-right img{ width: 100%; max-width: 551px;}

.anli{ width: 100%; margin-top: 40px;}
.anli-title{ text-align: center; margin-top: 0px;}
.anli-title h2{ font-size: 28px; line-height: 30px;}
.anli-list-img{ width: 100%; margin-top: 30px; overflow: hidden;}

.xinwen-nr{ margin-top: 30px; overflow: hidden;}
.xinwen-title h2{ font-size: 28px; color: #1d1d1d; line-height: 30px;}
.xinwen-title i{ display: block; width: 52px; height: 2px; background: #e80000; margin: 15px auto 10px;}

}


@media ( max-width:320px){
.app-list ul li h2{ font-size: 14px; color: #fff; font-weight: bold; line-height: 36px;}
.app-list ul li p{ font-size: 12px; color: #fff; line-height: 24px; padding: 0px 5px;}
.weizhan-list-l p{ font-size: 26px;}
}