﻿.fl{float:left;}
.fr{float:right;}
.appdiy-o .banner-tex{ text-align: center; color: #fff; padding-top: 180px;}
.appdiy-o .banner-tex p{ font-size: 48px; line-height: 58px;}
.appdiy-o .banner-tex span{ font-size: 24px;  display: block; line-height:44px; padding-top: 25px;}
.appdiy-o.wztg{ background-image:url(17seo-1.jpg);}
.appdiy-o .tg-btn{ display: block; margin: 30px auto auto auto; width:240px; height: 52px; line-height: 52px; text-align: center; color: #fff; background-color: #44B549; font-size: 16px;}
.appdiy-o .tg-btn i{ background: url(17seo-2.png) no-repeat left center; padding-left: 40px; display: inline-block;}
.appdiy-o .tg-btn:hover{ background-color: #ec6000;}

.website-o .banner-tex{ text-align: center; color: #fff; padding-top: 180px;}
.website-o .banner-tex p{ font-size: 48px; line-height: 58px;}
.website-o .banner-tex span{ font-size: 24px;  display: block; line-height:44px; padding-top: 25px;}
.website-o .wztg{ background-image:url(17seo-1.jpg);}
.website-o .tg-btn{ display: block; margin: 30px auto auto auto; width:240px; height: 52px; line-height: 52px; text-align: center; color: #fff; background-color: #44B549; font-size: 16px;}
.website-o .tg-btn i{ background: url(17seo-2.png) no-repeat left center; padding-left: 40px; display: inline-block;}
.website-o .tg-btn:hover{ background-color: #ec6000;}


/*APP定制 begin*/
.appdiy-o{ background:url(appdiy_1.jpg) no-repeat center; width:100%; height:573px;margin-top: 70px;}

.appdiy-t{ background:url(appdiy_2.jpg) no-repeat center; width:100%; height:671px;}
.appdiy-t .w-1000{ width:1200px;}
.appdiy-t h3{ color:#666; font-size:14px; text-align:center;display: none;}
.appdiy-t ul{ margin-top:114px;}
.appdiy-t li{ margin-bottom:98px; width:250px}
.appdiy-t .ul-o li{ text-align:right; margin-left:8px;}
.appdiy-t .ul-t li{ text-align:left; margin-right:24px;}
.appdiy-t li h4{ color:#44B549; font-size:18px; line-height:18px; padding-bottom:8px}
.appdiy-t li p{ color:#666; font-size:14px; line-height:22px;}
.appdiy-s{ padding-bottom:45px; border-bottom:1px solid #ecf0f0; margin-bottom:30px;}
.appdiy-s .tit { text-align:center;}
.appdiy-s .tit p{ font-size:18px; color:#333; line-height:18px; padding-bottom:15px;}
.appdiy-s .tit h4{ color:#44B549; font-size:30px; line-height:30px; }
.appdiy-s-o{ width:737px; height:180px; background:url(appdiy_3.png) no-repeat; margin:45px auto;}
.appdiy-s-o li{ float:left; color:#333; font-size:16px; width:180px; text-align:center; line-height:24px; margin:95px 98px 0 0}
.appdiy-s .tex{ font-size:18px; color:#333; text-align:center;}
.appdiy-s .tex span{ font-weight:bold; color:#44B549;}
.appdiy-f{ padding-bottom:90px;}
.appdiy-f p{ text-align:center;}
.appdiy-f p.tex-o{ color:#44B549; font-size:18px;}
.appdiy-f p.tex-t{ color:#666; font-size:14px;}
.appdiy-f p.tex-t span{ font-weight:bold;}
.appdiy-f-m { width:550px; margin:25px auto 35px auto}
.appdiy-f-m dl{ width:261px; height:68px; background:#81858b; -moz-border-radius: 3px; -webkit-border-radius:3px; border-radius:3px; overflow:hidden; float:left}
.appdiy-f-m dt{ float:left; width:65px; height:100%; border-right:1px solid #96989b; background:url(appdiy_4.gif) no-repeat center;}
.appdiy-f-m dd{ float:left; text-indent:18px; line-height:68px; color:#fff; font-size:20px;}
.appdiy-f-m dd span{ font-size:18px;}.appdiy-f-m dl.dl-t{ float:right; background:#82b21c}
.appdiy-f-m dl.dl-t dt{ background:url(appdiy_5.gif) no-repeat center; border-color:#9ebe59;}
.appdiy-w{ background:#f7f9f9; padding-bottom:50px;}
.appdiy-w .tit{ text-align:center; color:#666; font-size:16px; padding-top:128px; background:url(appdiy_6.gif) no-repeat center top; margin-top:-54px; float:left; width:100%; margin-bottom:25px;}
.appdiy-w .tit span{ color:#44B549; font-size:18px; display:block;line-height:35px;}
.appdiy-w .website_main_s_w_m_m{ width:1000px; margin:0 auto; padding:35px 0; background:#fff; border-top:1px solid #44B549; -moz-box-shadow: 4px 3px 10px rgba(0,0,0,0.1); -webkit-box-shadow: 4px 3px 10px rgba(0,0,0,0.1);
box-shadow: 0 20px 20px rgba(0,0,0,0.05);}
/*APP定制 end*/
/*.website_main_s*/
.website_main_s{ margin-top:-70px; padding-bottom:35px;}
.website_main_s_o{ background:#fff; margin:auto auto 25px auto;}
.website_main_s_o p{ text-align:center; color:#6a6a6a; font-size:18px; padding:23px 0;}
.website_main_s_t{ background:#fff; margin:auto auto 25px auto;}
.website_main_s_t_r{ width:509px;}
.website_main_s_t_r .p1{ font-size:30px; color:#44B549; line-height:38px; margin-top:45px;}
.website_main_s_t_r .p1 span{ color:#6a6a6a; font-size:16px;}
.website_main_s_t_r .p2{ color:#333333; font-size:16px; margin:15px 0 20px 26px;}
.website_main_s_t_r ul{ width:250px; margin:0 0 30px 26px;}
.website_main_s_t_r ul li{ float:left; height:22px; line-height:22px; background:url(website_82.gif) no-repeat left center; padding-left:26px; width:99px; font-size:16px; color:#6a6a6a; margin-bottom:7px;}
.website_main_s_t_r .p3{ font-size:22px; color:#44B549; line-height:30px; margin-bottom:70px;}
.website_main_s_t_r .p4{ text-align:center; color:#999999; font-size:13px;}
.website_main_s_s{ background:#fff; padding:40px 0 0 0; text-align:center; margin:auto auto 25px auto;}
.website_main_s_f{ height:260px; background:url(website_79.jpg) no-repeat; margin-bottom:25px;}
.website_main_s_f h3{ color:#ffffff; font-size:24px; line-height:24px; padding:60px 0 20px 60px;}
.website_main_s_f p{ color:#ffffff; font-size:14px;; line-height:24px; width:459px; padding:0 0 0 60px}
.website_main_s_f p a{ color:#fff;}
.website_main_s_f p a:hover{ color:#ff5a00;}
.website_main_s_w{ background:#fff; }
.website_main .website_main_s_w .tit{ font-size:20px; line-height:20px; margin-top:30px;}
.website_main_s_w_m{ margin-bottom:35px;}
.website_main_s_w_m_m li{ margin-bottom:8px;}
.website_main_s_w_m_m p{ text-align:right; color:#666666; font-size:14px; line-height:30px;}
.website_main_s_w_m_m p.p1{ width:210px;  margin-right:10px;}
.website_main_s_w_m_m p.p1 span{ color:#44B549; display:inline-block; margin-right:3px;}
.website_main_s_w_m_m p.p2{ margin-right:3px;}
.website_main_s_w_m_m .inp1{color:#666; font-size:14px; line-height:30px; margin-right:15px; }
.website_main_s_w_m_m .inp1 input{ vertical-align:-2px; margin-right:5px; background:#fff; }
.website_main_s_w_m_m .inp2{ width:202px; height:14px; line-height:14px; padding:8px 5px; background:#fff; color:#333; font-size:14px; border:1px solid #d1d1d1; margin-right:15px; font-family:"Microsoft Yahei"; border-radius: 3px;}
.website_main_s_w_m_m select{ float:left; height:30px; background:#fff; outline:none; text-indent:15px;line-height:30px; width:100px; color:#666666; font-size:14px; margin-right:15px; font-family:"Microsoft Yahei"; border:1px solid #d1d1d1; background:#f8f8f8;border-radius: 3px;}
.website_main_s_w_m_m textarea{ width:522px; height:100px; font-size:14px; color:#cccccc; line-height:24px; font-family:"Microsoft Yahei"; padding:5px; outline:none; border:1px solid #d1d1d1; border-radius: 3px;}
.website_main_s_w_m_m a{ width:203px; height:40px; line-height:40px; text-align:center; color:#fff; background:#44B549; font-size:16px; display:block; float:left; margin:8px 0 0 220px;  border-radius:3px;}
.website_main_s_w_m_m a:hover{filter:alpha(opacity=90); /*IE滤镜，透明度50%*/ -moz-opacity:0.9; opacity:0.9; }
/*.website_main_s end*/

@media screen and (max-width: 768px){
	.appdiy-o{width:100%; 
	background:url(appdiy_1.jpg) no-repeat center;
	background-size: 180% auto; 
	height:0;
	padding-bottom:53% ;
	margin-top: 50px;}
 .w-1000{ width:100%;margin:0 auto; position:relative;}
 .appdiy-t .w-1000{ width:100%;}

.appdiy-t{ background:url(appdiy_02.jpg) no-repeat center center; width:100%; height:670px;}
.appdiy-t h3{ display: block; color:#666; font-size:22px; font-weight: bold; text-align:center; padding-top: 40px;}
.appdiy-t ul{ margin-top:54px;}
}
@media screen and (max-width: 414px){
	.appdiy-o{width:100%; 
	background:url(appdiy1.jpg) no-repeat center;
	background-size: 100% auto; 
	height:0;
	padding-bottom:130% ;
	margin-top: 30px;}
.appdiy-t{width: 100%; background: none;background-color:#EFEFEF;height:720px; }
.appdiy-t ul{ width: 50%;}
.appdiy-t li{ margin-bottom:28px; width:98%;height:160px;}
.appdiy-t .ul-o li{ text-align:center; margin-left:2%;}

.appdiy-t .ul-o li span{margin:0 auto; margin-bottom:12px;width: 61px; height:61px; display: block; background: url(appdiy_002.png) no-repeat;}
.appdiy-t .ul-o li:nth-child(2) span{ width: 61px; height: 61px; margin:0 auto; margin-bottom:12px; background-position: 0 -62px;}
.appdiy-t .ul-o li:nth-child(3) span{ width: 61px; height: 61px; margin:0 auto; margin-bottom:12px; background-position: 0 -126px;}
.appdiy-t .ul-t li{ text-align:center; margin-right:2%;}
.appdiy-t .ul-t li span{ width: 61px; height: 61px;display: block;margin:0 auto; margin-bottom:12px; background: url(appdiy_002.png) no-repeat;  background-position: -64px 0;}
.appdiy-t .ul-t li:nth-child(2) span{ width: 61px; height: 61px; margin:0 auto; margin-bottom:12px; background-position: -64px -62px;}
.appdiy-t .ul-t li:nth-child(3) span{ width: 61px; height: 61px; margin:0 auto; margin-bottom:12px; background-position: -64px -126px;}
.appdiy-s .tit { text-align:center;}
.appdiy-s .tit p{ font-size:22px; color:#333; line-height:18px; padding:55px 0 25px 0;}
.appdiy-s .tit h4{ color:#44B549; font-size:28px; line-height:40px; }
.appdiy-s-o{ width:100%; height:620px; background:url(appdiy_03.png) no-repeat center top; margin:25px auto;}
.appdiy-s-o li{ float:left; color:#333; font-size:16px; width:100%; text-align:center; line-height:24px; margin:95px 0 75px 0}
.appdiy-s .tex{ font-size:18px; color:#333; text-align:center;}
.appdiy-s .tex span{ font-weight:bold; color:#44B549;}
.appdiy-f-m { width:100%; margin:25px auto 35px auto}
.appdiy-f-m dl{ width:261px; height:68px; background:#81858b; -moz-border-radius: 3px; -webkit-border-radius:3px; border-radius:3px; overflow:hidden; float:none;margin:0 auto; margin-bottom: 15px;}
.appdiy-f-m dt{ float:left; width:65px; height:100%; border-right:1px solid #96989b; background:url(appdiy_4.gif) no-repeat center;}
.appdiy-f-m dd{ float:left; text-indent:18px; line-height:68px; color:#fff; font-size:20px;}
.appdiy-f-m dd span{ font-size:18px;}.appdiy-f-m dl.dl-t{ float:none; background:#82b21c;margin: 0 auto;}
.appdiy-f-m dl.dl-t dt{ background:url(appdiy_5.gif) no-repeat center; border-color:#9ebe59;}
.appdiy-w .website_main_s_w_m_m{ display: none; width:100%; margin:0 auto; padding:35px 0; background:#fff; border-top:1px solid #44B549; -moz-box-shadow: 4px 3px 10px rgba(0,0,0,0.1); -webkit-box-shadow: 4px 3px 10px rgba(0,0,0,0.1);
box-shadow: 0 20px 20px rgba(0,0,0,0.05);}

}
