@charset "utf-8";
/* CSS Document */

/*全局*/
*{ margin:0; padding:0;}
body{font:12px '微软雅黑',Arial, Helvetica, sans-serif; background-color:#fff;}
ul,li{ list-style:none}
img{ border:0px;}
.clear{ clear:both; overflow:hidden; height:0;}
a{ text-decoration:none; color:#141414; font-size:12px;}
a:hover,a:active{text-decoration:none; color:#af241d;}

.mar_70top{ margin-top:70px;}
.padding_70{ padding-top:70px;}
.padding_40{ padding-top:40px;}


/*=====================================侧边栏代码=====================================*/
#leftsead{width:131px;height:143px;position:fixed;top:258px;right:0px;z-index: 11;}
*html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
#leftsead li{width:131px;height:60px;}
#leftsead li img{float:right;}
#leftsead li a{height:49px;float:right;display:block;min-width:47px;max-width:131px;}
#leftsead li a .shows{display:block;}
#leftsead li a .hides{margin-right:-143px;cursor:pointer;cursor:hand;}
#leftsead li a.youhui .hides{display:none;position:absolute;right:190px;top:2px;}


/*=====================================头部=====================================*/
.home_top{ margin:0px auto; background:url(../images/home_top_bg.jpg); height:34px; border-bottom:1px dashed #d7d7d7; overflow:hidden;}
.hread_item{margin:0px auto; width:1200px;overflow:hidden;}
.hread_item_left{ padding-left:15px;  float:left;color:#737373; background:url(../images/phone.png) no-repeat 0px 8px; line-height:34px;}
.hread_item_left span{ padding-right:5px;}
.hread_item_left a{ margin-right:10px;color:#737373;}
.hread_item_left a:hover{ color:#de0505;}

.hread_item_right{ float:right;}
.hread_item_right ul li{ margin:6px 0px 0px 10px; float:left;}
.hread_item_right a{ display: block;}


/*=====================================导航=====================================*/
.hread_big{ padding-bottom:15px; margin:0px auto; border-bottom:1px solid #ececec; overflow:hidden;}
.home_hread{ margin:0px auto; width:1200px; overflow:hidden;}
.logo{ margin-top:22px; float:left;}
.logo img{ width:210px;}
.nav{ float:left;}
.nav ul li{ margin:38px 0px 1px 25px;float:left; width:75px; height:46px; text-align:center;}
.nav li a{font-size:15px; height:46px;}
.nav li a:hover{border-bottom:2px solid #de0505; color:#de0505; display:block;}

.nav .current span{border-bottom:2px solid #de0505; }
.nav .current a{color:#de0505;}

.phone-top{ padding-top:12px; float:right;}


/*position{margin-left:auto;margin-right:auto;text-align:center;margin-top:15%}*/
#workarea{position:absolute;width:100%;height:100%;background-color:#1e1a3e;font-family:Raleway}
#personal{color:white;text-decoration:none;position:absolute;bottom:15px;right:2%}
.spot{position:absolute;width:100%;height:100%;top:0;left:0}
.svg-wrapper{margin:20px 0px 1px 25px;position:relative;width:75px;height:46px;display:inline-block;border-radius:3px;}
.shape{stroke-width:6px;fill:transparent;stroke:#fff;stroke-dasharray:85 400;stroke-dashoffset:-116;transition:1s all ease}
.text{
	margin-top:-35px;
	margin-top:15px\9;
	text-align:center;
}
.text a{color:#141414;text-decoration:none;font-weight:100;font-size:15px;}
.svg-wrapper:hover .shape{stroke-dasharray:50 0;stroke-width:3px;stroke-dashoffset:0;stroke:#de0505; color:#de0505; }



/*=====================================banner图=====================================*/
.banner{ margin:0px auto; overflow:hidden;}


/*=====================================我们的服务=====================================*/
.we_service{ margin:0px auto; background:url(../images/service_bg.jpg); height:630px; overflow:hidden; line-height:45px;}
.service_top{ margin:0px auto; margin-top:71px; width:1200px; text-align:center; font-size:40px;}
.service_top span{font-size:26px; color:#6f6f6f;}
.service_xian{ margin:0px auto; margin-top:5px; width:80px; background-color:#de0505; height:2px;}
.service_list{ margin:0px auto; margin-top:40px; width:1200px; overflow:hidden;}
.serlist_bg{ padding:50px 0 0 43px; background:url(../images/quan.png); height:106px; width:113px; float:left;}


/*=====================================我们的案例=====================================*/
.home_case_top{ margin:0px auto; border-bottom:1px solid #ccc;}
.home_case_title{ margin:0px auto; padding-top:70px; width:1200px; overflow:hidden; text-align:center; font-size:50px; font-weight:bold; line-height:35px;}
.home_case_title span{ font-size:25px; color:#555;}
.case_xian{margin:0px auto; margin-top:5px; width:100px; background-color:#de0505; height:5px;}
.case_big{ margin:0px auto; width:1200px; overflow:hidden;}
.home_caselist{ margin-top:20px; float:left; width:1270px;}
.home_caselist ul li{ margin:40px 40px 0px 0px; float:left; width:380px;}
.case_img{ width:380px; height:220px; float:left;}
.case_item{ float:left; width:380px; background-color:#f4f4f4; height:92px; border-bottom:2px solid #de0505;}
.web_style{ padding:10px 0px 0px 10px; color:#666; float:left; width:370px; font-size:14px;}
.web_name{ padding:7px 0px 0px 10px; float:left; width:370px; color:#151515; font-size:16px;}
.web_info{ padding:5px 0px 0px 10px; float:left; width:370px; height:25px; overflow:hidden; line-height:20px;}
.case_more{ margin:0px auto; margin-top:59px; background-color: #222; height: 150px;line-height: 150px;text-align: center;}
.case_more a{color: #fff;font-size:14px;}


/*=====================================我们的案例--按钮效果=====================================*/
.btn {background: none;border: 1px solid; border-bottom-width: 4px;font: inherit;letter-spacing: inherit;margin: 1em; padding: 1em 2em;text-transform: inherit;-webkit-transition: color 1s; transition: color 1s; width:230px;
height:50px;line-height:15px;font-size:14px;border-radius:0px;}

.btn-1 {color: #fff;}
.btn-1 a{ font-size:14px;}
.btn-1:hover {-webkit-animation: halftone 1s forwards;animation: halftone 1s forwards;background: -webkit-radial-gradient(circle, #e40011 0.2em, rgba(0, 0, 0, 0) 0.25em) 0 0/1.25em 1.25em, -webkit-radial-gradient(circle, #e40011 0.2em, rgba(0, 0, 0, 0) 0.25em) 6.25em 6.25em/1.25em 1.25em;background: radial-gradient(circle, #e40011 0.2em, rgba(0, 0, 0, 0) 0.25em) 0 0/1.25em 1.25em, radial-gradient(circle, #e40011 0.2em, rgba(0, 0, 0, 0) 0.25em) 6.25em 6.25em/1.25em 1.25em;color: #fff; font-size:14px;}

@-webkit-keyframes halftone {100% {background-size: 2.375em 2.375em, 0.1em 0.1em;}}

@keyframes halftone {100% {background-size: 2.375em 2.375em, 0.1em 0.1em;}}

.btn-3 {color: #e40011;}
.btn-3:hover {-webkit-animation: sawtooth 0.35s infinite linear;animation: sawtooth 0.35s infinite linear;background: -webkit-linear-gradient(45deg, #e40011 0.5em, transparent 0.5em) 0 0/1em 1em, -webkit-linear-gradient(135deg, #e40011 0.5em, transparent 0.5em) 0 0/1em 1em;background: linear-gradient(45deg, #e40011 0.5em, transparent 0.5em) 0 0/1em 1em, linear-gradient(-45deg, #e40011 0.5em, transparent 0.5em) 0 0/1em 1em;color: #8769f1;}
@-webkit-keyframes sawtooth {100% {background-position: 1em 0;}}
@keyframes sawtooth {100% {background-position: 1em 0;}}



/*=====================================建站资讯=====================================*/
.news_conten{ padding-bottom:68px; margin:0px auto;background-color:#f6f6f6; overflow:hidden;}
.news_more{ margin:0px auto; margin-top:5px;height:40px;line-height:40px; text-align:center;}
.news_more a{ padding:5px 10px 5px 10px; border:1px solid #b9b9b9;width:80px; height:40px; line-height:40px; text-align:center; border-radius:3px;}
.news_more a:hover {background-color: #e40011;border: 1px solid #e40011;color: white;}
.news_big{ margin:0px auto; width:1200px; overflow:hidden;}
.home_news_list{ margin-top:40px; float:left;width:1280px; overflow:hidden;}
.home_news_list ul li{ margin-bottom:35px; float:left; width:640px;}
.news_time{ background:url(../images/time_bg.png); height:102px; width:95px; float:left;}
.day{ padding:12px 0px 0px 25px; float:left; font-size:38px; color:#fff;}
.years{ padding:5px 0px 0px 18px; float:left; color:#fff; font-size:15px;}
.news_right{ width:500px; float:left;}
.news_title{ margin:20px 0px 0px 20px; float:left; width:480px; height:25px; overflow:hidden; line-height:20px;
	font-size:18px; color:#101010;
}
.news_title a{ font-size:18px; color:#101010;}
.home_news_list a:hover .news_title,
.news_title a:hover{ text-decoration: underline;color:#e60012; outline: none;}
.news_item{ margin:10px 0px 0px 20px;  float:left; width:450px; line-height:22px;color:#7b7b7b; font-size:14px; height:40px; overflow:hidden;}
.qiehuan{ margin:30px 0px 0px 530px;width:150px; float:left;}
.qiehuan ul li{ margin:0px 10px 0px 0px; float:left; width:61px; height:7px;}
.qiehuan li a{ background:url(../images/qie_hui.jpg); width:61px; height:7px; display:block;}
.qiehuan li a:hover{ background:url(../images/qie_red.jpg); width:61px; height:7px; display:block;}


/*=====================================感兴趣吗?=====================================*/
.interested{ margin:0px auto;  border-top:1px solid #ededed; overflow: hidden;
	margin-top:0px;
	margin-bottom: 68px;
}
.interested_title{ margin:0px auto; margin-top:59px; width:1200px; text-align:center; overflow:hidden; font-size:33px; color:#111;}
.business_contact{ padding-top:15px; margin:0px auto; width:1200px; text-align:center; overflow:hidden; font-size:16px; color:#111; line-height:30px;}
.business_contact span{ color:#e60012;}


/*=====================================关于海极=====================================*/

.about_top{ margin:0px auto; margin-top:68px; width:1200px; overflow:hidden;}
.about_top_left{ float:left; width:478px;}
.about_title{ float:left; font-size:30px; border-bottom:2px solid #de0505; color:#363636;}
.slogan{ margin-top:30px; float:left; width:478px; font-size:37px; line-height:22px; color:#343434;}
.slogan span{ font-size:16px; color:#4a4a4a;}
.service_quantity{ margin-top:40px; padding:20px 10px 10px 15px; float:left; width:165px;border:2px solid #de0505; font-size:43px; line-height:22px; text-align:center;}
.service_quantity span{ font-size:14px; color:#2a2a2a;}
.mar_left_10{ margin-left:20px;}
.bran_img{ margin-top:50px; float:left;}
.about_top_right{ float:right; width:693px;}
.about_mess{ margin-top:25px; float:left; width: 690px; line-height:24px;overflow:hidden; color:#474747; font-size:14px;}
.fengexian{ margin:0px auto; margin-top:50px; border-bottom:1px solid #f0f0f0; overflow:hidden;}
.pur_xian{margin:0px auto; margin-top:5px; width:120px; background-color:#de0505; height:2px;}
.purpose{ margin:0px auto; margin-top:25px; width:300px; overflow:hidden; font-size:14px; line-height:26px; color:#5b5b5b;}
.bran_info{ margin:0px auto; margin-top:55px; width:1200px; overflow:hidden;}
.brand_strat{ float:left; width:322px;}

.start_line a:hover{padding:80px 0px 0px 25px; float:left; background:url(../images/brand_red_bg.jpg); width:322px; height:170px; font-size:26px; font-weight:bold; line-height:24px; color:#fff;}
.brand_strat_top{ padding:80px 0px 0px 25px; float:left; background:url(../images/brand_bg.jpg); width:322px; height:170px; font-size:26px; font-weight:bold; line-height:24px; color:#d6001d;}
.brand_strat_top span{ font-size:18px; font-weight:normal; color:#141414;}
.strategy_mess{ margin-top:20px; float:left; width:322px; font-size:16px; line-height:26px; color:#3e3e3e;}
.strategy_mess a{ font-size:16px;}
.mar_left90{ margin-left:100px;}
.team_introduction{ padding-top:25px; margin:0px auto; width:1200px; text-align:center; line-height:25px; font-size:15px; color:#383838;}
.team_pic{ padding-bottom:90px; margin:0px auto; margin-top:25px; width:1200px; overflow:hidden; font-size:0;}


/*=====================================联系我们=====================================*/
.contact_top{ margin:0px auto; background:url(../images/addre_bg.jpg);height:388px; overflow:hidden;}
.contact_mess{ margin:0px auto; width:1200px; overflow:hidden;}
.contop{ padding-top:70px; margin:0px auto; margin-bottom:20px; width:1200px; text-align:center; color:#fff; font-size:50px; font-weight:bold; line-height:45px;}
.contop span{ font-size:35px; font-weight:normal;}
.con_xian{ margin:0px auto; width:140px; border-bottom:1px solid #fff; overflow:hidden;}
.we_mb{ padding-top:20px; color:#fff; font-size:16px; margin:0px auto; width:1200px; text-align:center; overflow:hidden;}
.jiantou{margin:0px auto; margin-top:20px; width:1200px; text-align:center; overflow:hidden;}
.dream_xian{margin:0px auto; margin-top:10px; width:120px; background-color:#de0505; height:2px;}
.negotiate{ padding-top:10px; margin:0px auto; width:1200px; overflow:hidden; text-align:center; font-size:23px; color:#959595;}
.copy_address{ padding-top:70px; margin:0px auto; width:1200px; overflow:hidden;}
.map{ float:left;}
.map_info{float:right; width:440px;}
.gsdz{ margin-top:10px; padding-left:50px; background:url(../images/dizhi.jpg) no-repeat 0px 0px;line-height:35px; float:left; width:440px; color:#585858; font-size:14px;}
.lxdh{ margin-top:20px; padding-left:50px; background:url(../images/dianhua.jpg) no-repeat 0px 0px;line-height:35px; float:left; width:440px; color:#585858; font-size:14px;}
.gztime{ margin-top:20px; padding-left:50px; background:url(../images/shijian.jpg) no-repeat 0px 0px;line-height:35px; float:left; width:440px; color:#585858; font-size:14px;}
.cooperation{ margin-top:20px; padding-left:50px; background:url(../images/hezuo.jpg) no-repeat 0px 0px;line-height:35px; float:left; width:440px; color:#585858; font-size:14px;}
.metro{  margin-top:20px;padding-left:50px; background:url(../images/ditie.jpg) no-repeat 0px 0px;float:left; width:440px; color:#585858; font-size:14px;}
.self_driving{ margin-top:20px; padding-left:50px; background:url(../images/jiache.jpg) no-repeat 0px 0px;line-height:35px; float:left; width:440px; color:#585858; font-size:14px;}
.transit{ margin:0px auto; width:1200px; overflow:hidden;}
.transit_title{ margin-top:28px; float:left; width:1200px; font-size:30px; color:#de0505; background:url(../images/transit.jpg) no-repeat 160px 10px;}
.line{ padding-bottom:80px; float:left; width:1200px;}
.line ul li{ padding:20px 0px 10px 0px; float:left; width:1200px; border-bottom:1px dashed #d6d6d6;}
.line_left{ padding-top:5px; float:left; font-size:22px; font-weight:bold;}
.line_tran{ margin:0px 0px 0px 40px; float:left; font-size:17px; line-height:35px; color:#696969;}
.line_tran span{font-size:15px;}


/*=====================================新闻资讯=====================================*/
.news_xian{margin:0px auto; margin-top:10px; width:220px; background-color:#de0505; height:2px;}
.lumn_big{ margin:0px auto; width:1200px; overflow:hidden;}

.news_lumn {
	float: left;
	width: 1270px;
	overflow: hidden;
}

.news_lumn span {
	font-size: 22px;
}

.news_lumn li {
	margin: 55px 50px 0px 30px;
	float: left;
	background: url(../images/lumn_bg.jpg);
	width: 318px;
	height: 79px;
}

.news_lumn li a {
	display: block;
	font-size: 16px;
	color: #404040;
	padding: 15px 0px 0px 20px;
	height: 100%;
	width: 100%;
}

.news_lumn li.current,
.news_lumn li:hover {
	background: url(../images/lumn_red_bg.jpg);
}

.news_lumn li.current a,
.news_lumn li:hover a{
	color: #fff;

}
/*.select_news{float:left; background:url(../images/lumn_red_bg.jpg); width:298px; height:64px;font-size:16px; color:#fff;}*/

.news_list{ margin:0px auto; margin-top:20px; width:1230px; overflow:hidden;}
.news_list ul li{ margin:30px 30px 0px 0px; float:left; width:369px; height:102px; border:1px solid #ececec;}
.news_list ul li:hover{border-color: #f23e65}
.news_list ul li a{display: block; width: 100%; height: 100%;}
.news_img{ padding:10px 0px 0px 10px; float:left; width:130px;}
.news_img img{ width:120px; height:80px;}
.news_right{ float:left; width:230px;}
.news_title_inder{ margin:10px 0px 0px 10px; float:left; width:214px; height:40px; overflow:hidden;font-size:14px; color:#303030; font-weight:bold;}
/*.news_title_inder a{ font-size:14px; color:#303030; font-weight:bold;}*/
/*.news_title_inder a:hover{ text-decoration:underline;}*/
.news_info{ margin:0px 0px 0px 10px; width:214px; height:40px; line-height:22px; overflow:hidden; color:#8f8f8f;}

/*=====================================分页样式=====================================*/
.page {
	padding: 65px 0px 80px 0px;
	float: left;
	width: 1200px;
	text-align: center;
	font-size: 0;
}

.page span,
.page a {
	padding: 10px 20px 10px 20px;
	background-color: #e5e5e5;
	border-radius: 5px;
	font-size: 12px;
	margin: 0 2px;
	border: 1px #e5e5e5 solid;
}

.page a:hover {
	font-weight: bold;
}

.page .current {
	padding: 10px 20px 10px 20px;
	background-color: #f5302a;
	border-radius: 5px;
	color: #fff;
	border-color: #f5302a;
}

.page .disabled {
	color: #ccc;
	background-color: #fff;
	border: 1px #e5e5e5 solid;
}

.page .rows {
	padding-left: 20px;
	background: none;
	border: none;
}

/*=====================================新闻资讯详细页=====================================*/
.news_detail_title{ margin:0px auto; width:1000px; overflow:hidden; }
.news_detail_title h1{ padding-top:70px;font-size:28px; color:#4d4d4d; text-align:center;}
.author{ padding:20px 0px 30px 0px; margin:0px auto; width:1000px; font-size:13px; color:#646464; text-align:center; border-bottom:1px solid #f0f0f0;}
.author span{ color:#de0505;}
.news_detail{ padding:30px 0px 50px 0px; margin:0px auto; width:1000px; overflow:hidden; font-size:14px; color: #4d4d4d; line-height:28px;}
.articles{ padding:40px 0px 60px 0px;margin:0px auto; width:1000px; overflow:hidden; border-top:1px dashed #d7d7d7;}
.atric_left{ float:left; width:547px; font-size:15px;}
.atric_left a{ font-size:15px;}
.atric_left a:hover{ text-decoration:underline;}
.atric_left span{ margin-bottom:20px; width:547px; float:left;}
.back{ margin-top:15px; float:right;}
.back a{ padding:10px 30px 10px 30px; border:1px solid #e60012; font-size:15px;}
.back a:hover{padding:10px 30px 10px 30px; background-color:#e60012; color:#fff;font-size:15px;}


/*=====================================网站建设=====================================*/
.Website_top{ margin:0px auto; height:438px; background-color:#f6f6f6; overflow:hidden;}
.high_end{  margin:0px auto;margin-top:64px; width:1200px; background:url(../images/high-end.png); height:313px; overflow:hidden;}
.high_end_text{ padding-left:460px; font-size:39px; color:#424242; float:left;width:940px;}
.high_item{ float:left; width:1200px;}
.brand_image{ margin:135px 0px 0px 250px; float:left; font-size:23px; color:#424242}
.brand_value{ margin:135px 0px 0px 93px; float:left; font-size:23px; color:#fec335}
.brand_web{ margin:135px 0px 0px 75px; float:left; font-size:23px; color:#424242;}
.brand_promotion{ margin:135px 0px 0px 42px; float:left; font-size:23px; color:#fec335;}
.solution{ padding-bottom:10px; margin:0px auto; width:1200px; overflow:hidden;}
.solution_left{ margin-top:70px; float:left; width:649px;}
.solu_top{ width:649px; font-size:41px; color:#676767; float:left; line-height:50px;}
.solu_top span{ color:#de0505;}
.solu_mess{ padding-top:37px; float:left; width:649px; color:#888; font-size:15px; line-height:28px;}
.elaborate{ padding-top:20px; width:619px; float:left; font-size:21px; color:#de0505;}
.elaborate a{ margin-left:15px; padding:10px 20px 10px 20px; background-color:#de0505; font-size:15px; color:#fff;}
.solution_img{ margin-top:70px; float:right;}
.new_system{ margin:0px auto; margin-top:63px; background:url(../images/new_system_bg.jpg); height:191px; overflow:hidden; z-index:0;}
.sys_title{ padding-top:15px; margin:0px auto; width:1200px; text-align:center; font-size:28px; color:#fff;}
.system_big{ margin:0px auto; margin-top:-69px;  width:1200px; overflow:hidden;}
.system_introduction{ margin:0px auto;width:1270px; overflow:hidden;}
.system_introduction ul li{ margin:0px 120px 0px 30px; float:left; width:155px;}
.system_introduction li a{ margin:0px 0px 0px 55px; padding:12px 8px; background-color:#b5b5b5; border-radius:20px; color:#fff;}
.system_introduction li a:hover{ padding:12px 8px; background-color:#d8000f; border-radius:20px; color:#fff;}
.system_images{ float:left;}
.system_style{ margin:5px 0px 20px 0px; float:left; width:155px; text-align:center; font-size:18px; color:#999da0;}
.system_item{ padding-top:20px; float:left; width:155px; text-align:center; font-size:15px; color:#4f4f4f;}

.characteristics{ margin:0px auto; margin-top:60px; background-color:#f5f5f3; overflow:hidden;}
.chara_title{ padding-top:40px; margin:0px auto; width:390px; overflow:hidden;}
.chara_left{ float:left; color:#d8000f; font-size:44px; font-weight:bold;}
.chara_right{ padding:7px 0px 0px 10px; float:left; font-size:22px; color:#787878; line-height:24px;}
.chara_item{ padding:60px 0px 60px 0px; margin:0px auto; width:1200px; overflow:hidden;}
.chara_flash{ float:left; width:711px;}
.chara_item_right{ padding:50px 20px 0px 0px; float:right; width:320px;}
.jicheng{ float:left; font-size:40px; color:#484848; width:312px;}
.web_chara{ padding-top:15px; float:left; width:312px; font-size:24px; color:#787878;}
.web_inder_mess{ padding-top:15px; float:left; width:312px; font-size:18px; color:#787878;}

.process{ padding-bottom:65px; margin:0px auto; margin-top:65px; background-color:#f8f8f8; overflow:hidden;}
.cooperation_item{ margin:0px auto; width:1200px; overflow:hidden;}
.process_conten{ margin:0px auto; width:1200px; overflow:hidden;}
.process_step{ float:left; width:1200px;}
.communicate{ margin-top:50px; background:url(../images/process_bg.jpg) no-repeat; width:220px; height:45px; float:left;}
.con_nunber{ padding:0px 0px 0px 15px; float:left; font-size:28px; color:#fff;}
.comm_title{ margin-left:20px; padding:5px 0 0 0px; float:left; font-size:23px; border-bottom:2px solid #e40011;}
.mar_left50{ margin-left:50px;}
.mar_left250{ margin-left:250px;}
.mar_left200{ margin-left:200px;}

.cooperation_bg{ padding-bottom:70px; margin:80px 0px 0px 20px;background:url(../images/cooperation_bg.jpg) no-repeat; width:1112px; height:329px; float:left;}
.technological_left{ float:left; width:110px;}
.technological_left ul li{ margin:0px 0px 34px 0px; float:left; width:110px; font-size:19px;}
.technological_mieele{ padding-top:8px; margin-left:420px; float:left; width:189px; font-size:13px;}
.technological_mieele ul li{ margin:0px 0px 10px 0px; float:left; width:189px;}
.technological_right{ float:right; width:125px;}
.technological_right ul li{margin:0px 0px 34px 0px;  float:left; width:125px; font-size:19px;}


.idea_bg{ margin:0px auto; height:230px; background-color:#474747; overflow:hidden;}
.idea_conten{ margin:0px auto; width:1200px; overflow:hidden;}
.super_item{ float:left; width:1200px;}
.super_left{ margin-top:45px; float:left; width:85px; font-size:30px; color:#fff; line-height:20px;}
.super_left span{ font-size:12px;}
.super_right{ padding-bottom:5px; margin-top:35px; float:right; width:1040px; font-size:24px; color:#fff; line-height:24px; border-bottom:1px solid #6b6b6b;}
.super_right span{ font-size:13px;}

.on_trial{margin:60px auto;width:1200px; overflow:hidden;font-size:0; text-align:center;}
.mar_botton68{ margin-bottom:68px;}

.on_trial_table{ padding:40px 50px 40px 50px; width:100%; float: left; background-color:#fff;}
.table_list{ margin:10px 0px 15px 0px; float:left; width:100%;}
.table_name{ height:31px; line-height:31px;float:left; font-size:16px; width:80px;}
.shuru{ margin:0px 0px 0px 10px; padding-left:20px; float:left; width:356px; border:1px solid #e3e3e3; background-color:#fcfcfc; height:31px; line-height:31px;}
.shouji{ margin:0px 0px 0px 10px;padding-left:20px; float:left; width:245px; border:1px solid #e3e3e3; background-color:#fcfcfc; height:31px; line-height:31px;}
.yazhenma{ margin-top:0px; width:110px; float:left; height:33px; background-color:#fc3b3b; color:#fff; border:none; cursor:pointer;}
.tijiao{ margin:20px 0px 0px 0px; padding:40px 0px 0px 0px; float:left; width:100%; border-top:1px dashed #ccc; text-align:center;}
.shengqing{ width:249px; height:33px; border:1px solid #f12b2b; background-color:#fff; cursor:pointer; font-size:18px;
 color: #f12b2b;
}
.shengqing:hover{
	background-color:#f12b2b;
	color: #fff;
}



/*=====================================微信开发=====================================*/
.padding70{ padding-top:70px;}
.wechat_big{ margin:0px auto; width:1200px; overflow:hidden;}
.wechat_left{ float:left; width:410px;}
.scale{ float:left; width:410px; font-size:16px; color:#737373; line-height:32px;}
.scale span{ color:#de0505; font-size:18px;}
.scale_item{ padding-top:100px; float:left; width:410px; font-size:16px; color:#737373; line-height:32px;}
.wechat_images{ float:right; font-size:0; width:719px;}

.micao_bg{ padding:0px 0px 60px 0px; margin:0px auto; margin-top:100px; background-color:#f4f4f4; overflow:hidden;}
.micao_item{ margin:0px auto; width:1200px; overflow:hidden;}
.miacao_images{ float:left; width:596px;}
.micao_right{ padding-top:70px; float:right; width:601px;}
.channel_title{ float:right;font-size:43px; font-weight:bold; color:#313131; line-height:48px;}
.channel_title span{ font-size:32px; color:#de0505;}
.channel_xian{ margin-left:120px; float:left; width:120px; background-color:#de0505; height:5px;}
.customer_service{ padding-top:20px; float:right;font-size:17px; color:#959595; line-height:28px; }
.interaction_bg{ margin-top:73px; background: url(../images/inter_bg.png);  width:600px; height:170px; float:left;}
.inter_show{ padding:70px 0px 0px 60px; float:left; font-size:22px; color:#fff;}
.inter_tg{ padding:70px 0px 0px 105px;float:left; font-size:22px; color:#fff;}
.inter_hd{ padding:70px 0px 0px 95px;float:left; font-size:22px; color:#fff;}
.inter_cj{ padding:70px 0px 0px 100px;float:left; font-size:22px; color:#fff;}


.million{ margin:0px auto; margin-top:70px; width:1200px; overflow:hidden;}
.million_title{float:left;font-size:43px; font-weight:bold; color:#313131; line-height:48px; width:1200px;}
.million_title span{font-size:32px; color:#de0505;}
.million_xian{float:left; width:120px; background-color:#de0505; height:5px;}
.million_service{padding-top:20px; float:left;font-size:17px; color:#959595; line-height:28px; width:1200px;}
.million_service span{ color:#de0505;}

.wei_service{ padding-top:54px; float:left; width:1200px;}
.website{ margin-right:33px; float:left; width:118px; height:118px; border:1px solid #91d637; border-radius:5px;}
.micro_mall{ margin-right:33px;float:left; width:118px; height:118px; border:1px solid #ef972c; border-radius:5px;}
.micro_community{ margin-right:33px;float:left; width:118px; height:118px; border:1px solid #4dd2d7; border-radius:5px;}
.wechat_payment{ margin-right:33px;float:left; width:118px; height:118px; border:1px solid #d7644d; border-radius:5px;}
.micro_sign_in{ margin-right:33px;float:left; width:118px; height:118px; border:1px solid #d95ec0; border-radius:5px;}
.micro_reservation{ margin-right:33px;float:left; width:118px; height:118px; border:1px solid #449cdd; border-radius:5px;}
.micro_activity{ margin-right:33px;float:left; width:118px; height:118px; border:1px solid #449cdd; border-radius:5px;}
.micro_voting{float:left; width:118px; height:118px; border:1px solid #449cdd; border-radius:5px;}

.web_img{ padding-top:20px; float:left; width:118px; height:80px; text-align:center;}
.website span{float:left; width:118px; text-align:center; color:#91d637; font-size:20px;}
.micro_mall span{float:left; width:118px; text-align:center; color:#ef972c; font-size:20px;}
.micro_community span{ float:left; width:118px; text-align:center; color:#4dd2d7; font-size:20px;}
.wechat_payment span{float:left; width:118px; text-align:center; color:#d7644d; font-size:20px;}
.micro_sign_in span{float:left; width:118px; text-align:center; color:#d95ec0; font-size:20px;}
.micro_reservation span{float:left; width:118px; text-align:center; color:#449cdd; font-size:20px;}
.micro_activity span{ float:left; width:118px; text-align:center; color:#449cdd; font-size:20px;}
.micro_voting span{float:left; width:118px; text-align:center; color:#449cdd; font-size:20px;}

.wei_service_item{ padding-top:50px; float:right;font-size:17px; color:#959595; text-align:right; line-height:28px; width:666px;}
.micro_advantage{ margin:64px 0px 70px 0px;float:left; width:1200px; background:url(../images/micro_img4.png); height:237px;}
.interface{ padding:40px 0 0 50px; margin-right:65px; width:180px; text-align:center; float:left; font-size:17px; color:#fff;}
.guke{padding:40px 0 0 50px;width:180px; text-align:center; float:left; font-size:17px; color:#fff;}


/*=====================================APP应用=====================================*/
.app_tiate{ padding-top:10px; margin:0px auto; width:1200px; overflow:hidden; text-align:center; font-size:18px; color:#959595;}
.app_xian{margin:0px auto; margin-top:10px; width:220px; background-color:#de0505; height:2px;}
.middle_conten{ margin:0px auto; width:1200px; overflow:hidden;}
.ios{ width:380px; height:200px;float:left; background-color:#eac02e;}
.ios_ico{ padding:40px 0px 0px 30px;float:left; width:110px;}
.ios_right{ margin:40px 15px 0px 0px; float:right; width:210px;}
.ios_title{ float:left; width:210px; font-size:28px; font-weight:bold; color:#fff;}
.ios_item{ margin-top:10px; float:left; width:204px; line-height:22px; color:#fff;}

.andro{ margin-left:28px;width:380px; height:200px; float:left; background-color:#ff7373;}
.yidong{ margin-left:28px;width:380px; height:200px; float:left; background-color:#57a6c2;}
.core_left{ float:left; background:url(../images/core_bg.jpg); width:718px; height:540px; font-size:31px;}
.core_left span{ color:#d8000f; font-size:50px;}
.core_right{ float:left; width:423px;}
.core_title{ margin:5px 0px 0px 10px; float:left; width:403px; font-size:23px; color:#3e3d3d;}
.core_mess{ margin:2px 0px 45px 10px; float:left; width:403px; font-size:17px; color:#6a6a6a;}

.app_solu_tiate{padding-top:10px; margin:0px auto; width:1000px; line-height:28px; overflow:hidden; text-align:center; font-size:16px; color:#959595;}
.app_solution{ padding-bottom:30px; margin:0px auto; margin-top:70px; background-color:#efefef; overflow:hidden; height:450px;}
.canyin{ margin:0px 10px 15px 0px; padding-left:20px; float:left; background:url(../images/canyin.jpg); width:189px; height:80px; color:#fff; line-height:80px; font-size:18px;}
.dianshang{ margin:0px 10px 15px 0px;padding-left:20px; float:left; background:url(../images/dianshang.jpg); width:189px; height:80px; color:#fff; line-height:80px; font-size:18px;}
.fdc{ margin:0px 10px 15px 0px;padding-left:20px; float:left; background:url(../images/fdc.jpg); width:189px; height:80px; color:#fff; line-height:80px; font-size:18px;}
.jy{ margin:0px 10px 15px 0px;padding-left:20px; float:left; background:url(../images/jiaoyu.jpg); width:189px; height:80px; color:#fff; line-height:80px; font-size:18px;}
.jinrong{ margin:0px 10px 15px 0px;padding-left:20px; float:left; background:url(../images/jinrong.jpg); width:189px; height:80px; color:#fff; line-height:80px; font-size:18px;}
.lvyou{margin:0px 0px 15px 0px;padding-left:20px; float:left; background:url(../images/lvyou.jpg); width:189px; height:80px; color:#fff; line-height:80px; font-size:18px;}
.car{ margin:0px 10px 15px 0px;padding-left:20px; float:left; background:url(../images/car.jpg); width:189px; height:80px; color:#fff; line-height:80px; font-size:18px;}
.shequ{ margin:0px 10px 15px 0px;padding-left:20px; float:left; background:url(../images/shequ.jpg); width:189px; height:80px; color:#fff; line-height:80px; font-size:18px;}
.shfw{ margin:0px 10px 15px 0px;padding-left:20px; float:left; background:url(../images/live.jpg); width:189px; height:80px; color:#fff; line-height:80px; font-size:18px;}
.tongusn{ margin:0px 10px 15px 0px;padding-left:20px; float:left; background:url(../images/tongxun.jpg); width:189px; height:80px; color:#fff; line-height:80px; font-size:18px;}
.yiliao{ margin:0px 10px 15px 0px;padding-left:20px; float:left; background:url(../images/yiliao.jpg); width:189px; height:80px; color:#fff; line-height:80px; font-size:18px;}
.znyj{ margin:0px 0px 15px 0px;padding-left:20px; float:left; background:url(../images/yijian.jpg); width:189px; height:80px; color:#fff; line-height:80px; font-size:18px;}
.xinnaiqiye{ margin:0px auto; margin-top:71px; width:1200px; text-align:center; font-size:40px;}
.xinnaiqiye span{ color:#d8000f;}
.reasonable_scheme{ margin:30px 36px 0px 20px; width:244px; float: left;}
.scheme_img{ float:left; width:244px; height:70px; text-align:center;}
.schmem_title{ padding-top:15px; float:left; width:244px; font-size:26px; color:#404040; text-align:center;}
.scheme_item{ padding-top:15px; float:left; width:244px; text-align:center; color:#636363; font-size:14px; line-height:22px;}

.echnological_solution{padding-bottom:30px; margin:0px auto; margin-top:90px; background-color:#efefef; overflow:hidden;}
.solution_conten{ padding-bottom:30px; margin:0px auto; margin-top:20px; width:1200px; overflow:hidden; font-size:0;}

/*=====================================其他服务=====================================*/
.other_big{ margin:0px auto; margin-top:20px; height:664px; overflow:hidden;}
/*列表*/
.Main{ width:1200px; margin:0 auto;}
.backgroung3{ background:url(../images/other_bg.jpg) no-repeat center top; width:100%; height:680px;}

.Solution_content{ width:100%;}
.Solution_content .box{ padding-right:670px; height:315px; position:relative; display:none; padding-bottom:30px;}
.Solution_content .box .title{ background:url(../images/bg26.jpg) no-repeat left bottom; line-height:3.2; margin-top:16px;}
.Solution_content .box .title .cn{ color:#9eaecf; font-size:3.333em;}
.Solution_content .box .title .en{ color:#b1b1b5; font-size:2.167em; margin-left:15px;}
.Solution_content .box .cont{ color:#bbbbbe; font-size:1.167em; line-height:26px; padding:25px 0 30px;}
.Solution_content .box .more{ display:inline-block; width:171px; height:45px; background:url(../images/Solution/bg26.png) no-repeat center top; text-align:center; line-height:44px; color:#fff; font-size:1.333em;}
.Solution_content .box .span{ color:#8b8e99; position:absolute;}
.Solution_content .box1 .span1{ bottom:48px; left:500px;}
.Solution_content .box1 .span2{ bottom:100px; left:730px;}

.Solution_content .box2 .span1{ bottom:48px; left:500px;}
.Solution_content .box2 .span2{ bottom:90px; left:570px;}
.Solution_content .box2 .span3{ bottom:45px; left:720px;}
.Solution_content .box2 .span4{ bottom:100px; left:780px;}
.Solution_content .box2 .span5{ bottom:50px; left:820px;}

.Solution_content .box3 .span1{ bottom:48px; left:500px;}
.Solution_content .box3 .span2{ bottom:110px; left:730px;}


.Solution_content .box4 .span1{ bottom:48px; left:500px;}
.Solution_content .box4 .span2{ bottom:105px; left:540px;}
.Solution_content .box4 .span3{ bottom:45px; left:720px;}
.Solution_content .box4 .span4{ bottom:115px; left:750px;}

.Solution_content .box5 .span1{ bottom:60px; left:440px;}
.Solution_content .box5 .span2{ bottom:125px; left:640px;}

.Solution_content .box6 .title .cn{ color:#27b868;}
.Solution_content .box6 .span1{ bottom:48px; left:430px;}
.Solution_content .box6 .span2{ bottom:120px; left:540px;}
.Solution_content .box6 .span3{ bottom:40px; left:700px;}
.Solution_content .box6 .span4{ bottom:105px; left:780px;}


.Solution_list ul li{ float:left; width:235px; height:265px; padding-top:30px;}
.Solution_list ul li a{ display:block; width:100%; height:100%;}
.Solution_list ul li a .title,.Solution_list ul li a .brief{ display:block; text-align:center;}
.Solution_list ul li a .title{ color:#fff; font-size:1.5em; line-height:2;  padding-top:15px;}
.Solution_list ul li:hover,.Solution_list ul li.on{ height:265px; width:235px; padding:0 5px;}
.Solution_list ul li:hover a,.Solution_list ul li.on a{padding:10px 0 5px;}
.Solution_list ul li.list_1 a{ background:url(../images/bg21.png) no-repeat;}
.Solution_list ul li.list_1 a .brief{ color:#b9bdc5; font-size:1.167em;}
.Solution_list ul li.list_1:hover a,.Solution_list ul .list_1.on a{ background:url(../images/bg21_2.png) no-repeat; }
.Solution_list ul li.list_2 a{ background:url(../images/bg22.png) no-repeat;}
.Solution_list ul li.list_2 a .brief{ color:#f4ddbf; font-size:1.167em;}
.Solution_list ul li.list_2:hover a,.Solution_list ul .list_2.on a{ background:url(../images/bg22_2.png) no-repeat; }
.Solution_list ul li.list_3 a{ background:url(../images/bg23.png) no-repeat;}
.Solution_list ul li.list_3 a .brief{ color:#b9bdc5; font-size:1.167em;}
.Solution_list ul li.list_3:hover a,.Solution_list ul .list_3.on a{ background:url(../images/bg23_2.png) no-repeat; }
.Solution_list ul li.list_4 a{ background:url(../images/bg24.png) no-repeat;}
.Solution_list ul li.list_4 a .brief{ color:#e7b7b6; font-size:1.167em;}
.Solution_list ul li.list_4:hover a,.Solution_list ul .list_4.on a{ background:url(../images/bg24_2.png) no-repeat; }
.Solution_list ul li.list_5 a{ background:url(../images/bg25.png) no-repeat;}
.Solution_list ul li.list_5 a .brief{ color:#b9bdc5; font-size:1.167em;}
.Solution_list ul li.list_5:hover a,.Solution_list ul .list_5.on a{ background:url(../images/bg25_2.png) no-repeat; }
.Solution_list ul li.list_6 a{ background:url(../images/bg26.png) no-repeat;}
.Solution_list ul li.list_6 a .brief{ color:#bde4cb; font-size:1.167em;}
.Solution_list ul li.list_6:hover a,.Solution_list ul .list_6.on a{ background:url(../images/bg26_2.png) no-repeat; }
.Solution_list ul li.list_7 a{ background:url(../images/bg27.png) no-repeat;}
.Solution_list ul li.list_7 a .brief{ color:#b9bdc5; font-size:1.167em;}
.Solution_list ul li.list_7:hover a,.Solution_list ul .list_7.on a{ background:url(../images/bg27_2.png) no-repeat; }
/*列表*/





/*=====================================底部的内容=====================================*/
.footed{ margin:0px auto;background:url(../images/foot_bg.jpg); height:534px; overflow:hidden;}
.foot_item{ margin:0px auto; width:1200px; overflow:hidden;}
.professional{ float:left; width:1200px;}
.profes_left{ margin-top:20px; padding:0px 0px 0px 130px; background:url(../images/foot_logo.png) no-repeat 0px 0px; color:#fff; font-size:16px; width:300px; float:left;}
.profes_right{ padding-top:27px; float:right; font-size:24px; color:#fff;}
.foot_nav{ float:left; width:1200px;}
.foot_left{ width:940px; float:left;}
.bottom_nav{ padding:50px 0px 20px 0px;width:940px; border-bottom:1px dashed #636363; float:left;}
.bottom_nav a{ padding:0px 25px 0px 0px; font-size:15px; color:#fff;}
.bottom_nav a:hover{ text-decoration:underline;}
.company{ width:940px; float:left; color:#e8e8e8;}
.ywdh{ margin:25px 0px 0px 0px; padding:0px 0px 0px 40px; height:31px; line-height:31px; float: left; font-size:14px; background:url(../images/phone_foot.png) no-repeat 0px 0px;}
.ywdh span{ font-size:18px;}
.yeqq{ margin:25px 0px 0px 50px;padding:0px 0px 0px 40px; height:31px; line-height:31px; float:left; font-size:14px; background:url(../images/qq_foot.png) no-repeat 0px 0px;}
.yeqq span{ font-size:18px;}
.shqq{ margin:25px 0px 0px 50px; padding:0px 0px 0px 40px; height:31px; line-height:31px; float:left; font-size:14px; background:url(../images/qq_foot.png) no-repeat 0px 0px;}
.shqq span{ font-size:18px;}
.email{ margin:25px 0px 0px 0px;padding:0px 0px 0px 40px; height:31px; line-height:31px; float:left; font-size:14px; background:url(../images/email.png) no-repeat 0px 0px;}
.gz_address{ margin:25px 0px 0px 55px;padding:0px 0px 0px 40px; height:31px; line-height:31px; float:left; font-size:14px; background:url(../images/address.png) no-repeat 0px 0px;}
.gz_address span{ padding-left:65px;}
.foot_erweima{ padding-top:50px; float:right; width:150px;}

.links_title{ padding-top:50px; width:1200px; float:left; font-size:16px; color:#fff;}
.links_list{ margin-top:20px; width:1200px; float:left; height:120px; overflow:hidden;}
.links_list ul li{ padding:5px 0px 10px 0px; float: left; width:170px; height:35px; line-height:25px;}
.links_list li a{ font-size:14px; color:#fff;}

.copyright{ float:left; width:1200px;}
.record{ margin-top:23px; float:left; color:#bababa;}
.record a{color:#bababa;}
.statistics{ float:right;}
.quanzong{ margin-top:25px; float:left; margin-right:15px;}
.zhanzhang{ margin-top:25px;float:left;margin-right:15px;}
.baidu{ margin-top:22px;float:left;}


.top_scroll_fixed {
	background-color: #fff;
	height: 127px;
}