@charset "UTF-8";
*{margin:0px; padding:0px; list-style:none;}
body{ font-family:Microsoft YaHei; font-size:14px; color:#343434; list-style:none; margin:0px; padding:0px; background:#fff;}
a,img,p,ul,ul li{ list-style:none; border:0px;text-decoration:none;}
.clear_l{ clear:both;}
/* 头部 start*/
.header{ width:100%; }
.top{ width:1004px; height:120px;  margin:0 auto;}
.top_let{ width:225px; float:left;  }
.top_let img{ line-height:60px;padding:30px 0px;}
.top_center{ float:left; margin-left:54px; font-size:44px; color:#9b231c;line-height:120px;}
.top_right{ float:right; padding-top:80px; font-size:16px; color:#333;}
/* 导航条 */
.nav{position: relative; height: 40px; width: 100%; margin: 0 auto; z-index: 100; background:#9b231c;}
.dropdown li a:hover{ color:#e78c2a;}
ul.dropdown{ position: relative; width: 1004px;  margin:0 auto;}
ul.dropdown li{ float: left; width: 120px; line-height:40px;text-align:center;position: relative;}
ul.dropdown li:hover{background: #cc0001;}
ul.dropdown li a { display: block; color: #fff; position: relative; z-index: 2000; font-size:16px;text-align: center;text-decoration: none;}
ul.dropdown>li.first{background:#cc0001; }
ul.dropdown>li.first a{color:#e78c2a; }
ul.dropdown ul{ display: none;position: absolute; width: 120px; z-index: 1000;top:0px; left:0px;background:#9b231c;}
ul.dropdown ul li { font-weight: normal; color: #fff; line-height:40px;}
ul.dropdown ul li a{ display: block; color: #fff; } 
ul.dropdown ul li:hover{background: #cc0001;}
ul.dropdown ul li a:hover{display: block; color:#e78c2a;} 
.drop > a{ position: relative;}

/* 头部 end! */
/* 主体内容部分 */

/* banner */
.main_c{width:1004px; margin:0 auto;}
.m_banner{ background:#fff;height:360px; position:relative;}
.m_banner .banner{height:360px;width:100%; position:absolute;top:0;left:0; background-position:center top;}
.banner_ctrl{ height:100px;width:960px;position:absolute;top:50%;left:50%;margin:-50px 0 0 -480px;z-index:2;}
.banner_ctrl a{ display:block;width:30px;height:100px; background:url(../images/banner_ctrl.png) no-repeat; position:absolute; opacity:.1;filter: alpha(opacity=10);
-moz-opacity:0.1;}
.banner_ctrl a.prev{left:-30px;}
.banner_ctrl a.next{right:-30px; background-position:-30px 0;}
.m_banner .banner .main_c{ position:relative;z-index:10;height:360px;}

.b1 a{ position:absolute;top:261px;right:65px; display:block;width:159px;height:60px;}
.b2 p{ position:absolute;top:356px;width:100%; font-size:13px;color:#cdb4e7; text-align:center;}
.b2 p a{color:#cdb4e7; text-decoration:underline;}
.b2 p a:hover{color:#e1cef5;}
.b4 a{ position:absolute;top:280px;right:85px; display:block;padding:0 10px;height:28px; line-height:28px; background-color:#ffc700;color:#6f2644;}
.b4 a:hover{background-color:#fff100; text-decoration:none;}
.b5 .l1{ position:absolute;top:0;left:0; display:block;width:1024px;height:360px;}
.b5 .l2{ position:absolute;display:block;bottom:8px;right:200px;color:#964401;}
.m_banner .main_c .countdown{ position:absolute;right:160px;top:165px; }
.m_banner .main_c .countdown span{ display:block; float:left;width:33px;height:44px;margin:0 2px;font-size:34px; line-height:44px; text-align:center;color:#62441e;}

/* 首页about部分 */
.body_main{ width:1004px; margin:0 auto;  padding-top:40px; margin-bottom:25px;}
.index_about video {width:380px; padding-right:40px; margin-top:20px; float:left}
.index_about_p{ width:574px; float:left;}
.index_about_p p{ color:#333333;}
.index_about_h3{ background:url('../images/index_about.png') no-repeat left top ; margin-bottom:5px;}
.index_about_h3 h3{ text-indent:15px;padding-right:12px; font-size:18px; color:#000; font-weight:300;}
.index_about_h3 h3>span.about_en,.index_globe_h3 h3>span.about_en{ color:#8c8c8c; font-size:14px;}
.index_about_p p{text-indent:2em; line-height:30px;}

.index_globe_h3{background:url('../images/index_globe_title.png') no-repeat left center; height:35px; margin-bottom:5px;}
.index_globe_h3 h3{text-indent:15px;padding-right:12px; font-size:18px; color:#000; font-weight:300;}

/* 首页服务项目 */
#tabbox { margin-bottom:50px; margin-top:10px;}
#tabs li{ width:250px;float:left; text-align:center; background:#e5e5e5; height:60px; line-height:60px; border-right:1px solid #fff; }
#tabs li a{color:#4c4c4c;  font-size:18px;padding-left:60px; height:60px;line-height:60px;}
/* #tabs li.ser_1_1{ background:#9b231c;} */
#tabs li.ser_1_1 a{background:url('../images/ser_1_2.png') no-repeat left center; }
#tabs li.ser_2_1 a{background:url('../images/ser_2_2.png') no-repeat left center; }
#tabs li.ser_3_1 a{background:url('../images/ser_3_2.png') no-repeat left center;}
#tabs li.ser_4_1 a{background:url('../images/ser_4_2.png') no-repeat left center;}
#tabbox .tab_conbox{ padding-top:10px;}
.tab_con{ display:none;}
.tab_con a{ padding-right:10px;}
.tabs li:hover{background}
#tabs li.thistab{ background:#9b231c; }
#tabs li.thistab a{color:#fff;}
#tabs li.ser_2_1 a:hover{ background:url('../images/ser_2_2.png') no-repeat left center;}
#tabs li.ser_3_1 a:hover{ background:url('../images/ser_3_2.png') no-repeat left center;}
#tabs li.ser_4_1 a:hover{ background:url('../images/ser_4_2.png') no-repeat left center;}

/* 首页运营网络 */
.demo {background: #FFF;overflow:hidden;width: 1004px;margin:0 auto;}
.indemo {float: left;width: 800%;}
.demo1 {float: left;}
.demo1 a{margin-right:20px;}
.demo2 {float: left;}

/* 首页联系我们 */
.index_contact_left,.index_contact_right{margin-top:15px;}
.index_contact_left{float:left; margin-left:22px;}
.index_contact_right{ float:right; margin-right:10px;}
h3.index_title_h3{ color:#343434; font-size:18px; font-weight:100; line-height:22px;}
.index_contact_left ul{ padding-top:20px;}
.index_contact_left ul li{ color:#343434; font-size:16px; margin-bottom:10px; height:30px; line-height:30px; text-indent:52px;}
.index_tel{ background:url('../images/index_tel.png') no-repeat left center;}
.index_phone{background:url('../images/index_phone.png') no-repeat left center;}
.index_fax{background:url('../images/index_fax.png') no-repeat left center;}
.index_email{background:url('../images/index_email.png') no-repeat left center;}
.index_address{background:url('../images/index_address.png') no-repeat left center;}

/* 底部 */
.footer{ width:100%; height:85px; border-top:5px solid #9b231c; background:#cccccc; text-align:center;}
.copyright{padding-top:20px; line-height:22px; font-size:14px; color:#4c4c4c;}
.jishuzhichi{padding-top:5px;}
.jishuzhichi a{ color:#666; font-size:14px; line-height:22px; }

/*内页 */
.main_body{ background:#ebebeb; padding-bottom:40px;}
.main_body>.body_main{ padding-top:22px;}
.main_footer{ margin-top:0px;}
.main_left{width:184px; float:left; margin-right:20px; text-align:center; }
.main_right{ float:left; width:800px;}
.main_title_h3{ background:#9b231c; color:#fff; line-height:50px; font-size:16px; font-weight:100;}
.mian_left_lanmu li{line-height:38px; background:#ffffff; margin-top:5px;}
.mian_left_lanmu li a{ color:#666; line-height:38px; font-size:14px;}
.mian_left_lanmu li.lanmu_first a{color:#e7a22a;}
.mian_left_lanmu li.lanmu_contact .contact_img{ float:left; width:40px; margin-left:20px; padding:15px 0px;}
.contact_content{ float:right; width:100px; padding:15px 15px 15px 0px;}
.mian_left_lanmu li.contact_content a{ font-size:20px; color:#000; float:right}
.mian_left_lanmu li.contact_content a span{ font-size:font-size:14px; color:#999;}
.main_right{ margin-top:30px;}
.dangqian{ float:right;}
.dangqian a{color:#666666;}
.main_right_main{ background:#fff; margin-top:5px; padding:40px 25px; font-size:14px; color:#333333;}
.main_right_main p{  line-height:30px;text-indent:2em;}
.main_right_main p img{ text-align:center;}
.main_right_main ol li{text-indent:4em;}

/* 成功案例 及成功案例详情页*/
.case_main{ background:none; padding:0px;}
.case_list li{ float:left; width:250px; height:360px; background:#fff; margin-right:25px; margin-bottom:25px;}
.case_list li.case_list_li{ margin-right:0px;}
.case_top_img{ padding:10px;}
.case_top_img img{ width:230px; height:133px;}
.case_list_content{ padding:0px 20px 0px 20px; height:207px;}
.case_list_hover{ background:#4f71d2; }
.case_list_hover p{ color:#fff;}
.case_list_content p{text-indent:0px; color:#666666;}
.case_list_content  h3{ font-size:16px; font-weight:100; line-height:22px; padding-top:20px;}
.case_list_content p{ font-size:14px; line-height:22px; padding-top:10px;}
.case_more a{ background:url('../images/case_more.png') no-repeat left center;  height:62px;display:block;}
 p.case_more,p.case_more2{ text-align:center;padding:10px 74.5px 0px 74.5px}
p.case_more2 a{ background:url('../images/case_more2.png') no-repeat left center;  height:62px;display:block;}
.ico_p {
    background: url(../images/ico_p.png) no-repeat;
    position: absolute;
    display: block;
    overflow: hidden;
}

.Screen3{padding-top:0px;}
.Screen3 .title h1{ margin-top:0;}
.Case_list dl{ width:250px; float:left; margin-left:25px; display:inline; background:#fff;color:#666666;margin-bottom:30px;}
.Case_list dl dd:hover{background:#4f71d2; color:#fff; }
.Case_list .first{ margin-left:0;}
.Case_list dt{ height:160px; width:250px; overflow:hidden;}
.Case_list dd{ padding:10px 20px 20px 20px; height:200px; position:relative;}
.Case_list dd h3{ font-size:16px;  font-weight:100; padding-bottom:10px;}
.Case_list dd p{ text-indent:0px;  font-size:14px; line-height:22px;}
.Case_list dd .ico_p{ width:50px; height:50px; background-position:-26px -308px; left:50%; bottom:40px; margin-left:-25px;}
.Case_list dl:hover dd .ico_p{background-position:-26px -257px;}
.Case_list dl:hover dd strong{ color:#fff;}



.case_list_hover p,.case_list_hover  h3{ color:#fff;}
.show_content_title{ padding:0px; height:75px; text-align:center;padding-bottom:6px;}
.show_content_title h3{ padding-top:15px; font-size:22px; font-weight:100; line-height:30px; color:#333;}
.show_content_title p{color:#808080;font-size:12px; line-height:30px;}
.show_content_content{ margin-top:5px; background-color:#fff; padding:25px; padding-bottom:40px;}
.show_content_content p{ line-height:30px; text-indent:2em;}
.show_content_content ol li{ line-height:30px; text-indent:4em;}
.content_show_bottom{ background:#fff; height:80px; margin-top:5px;}
.content_show_b_l{ float:left; padding:10px 0px 15px 25px;}
.content_show_b_l p{ line-height:30px;}
.content_show_b_l p a{ color:#4c4c4c;}
.content_show_b_l p.active a{color:#e78c2a;}
.content_show_b_l p a:hover{ color:#e78c2a;}
.content_show_b_r{ float:right; margin-right:20px;}
.content_show_b_r p a{ height:29px; width:29px; background:url("../images/show_back.png") no-repeat left center;display:block; padding-top:30px;}
.dangqian a:hover{ color:#e7a22a}
/* 关于我们 */
.show_content_content h3{ font-size:30px; line-height:22px; font-weight:100; padding-top:10px; padding-left:30px; padding-bottom:30px; color:#2345a6;}
.show_content_content p{ font-size:16px;}
.contact_map{  margin-top:24px; margin-left:85px;}

/* 新闻中心 */
.news_list{padding:0px 5px;}
.news_list li{ line-height:48px; font-size:14px; color:#333333; border-bottom:1px dotted #cccccc;}
.news_list li a{background:url('../images/news_list.jpg') no-repeat left center; color:#333333; padding-left:25px;}
.news_list li span{ float:right; color:#808080;}
.new_page a{text-align:center;width:28px; line-height:28px;display:block; font-size:12px; color:#666666; }
.pagePrev a{ width:60px; line-height:28px; border:1px solid #bfbfbf;   }
.pageCur a{ background:#2345a6; color:#fff;border:1px solid #2345a6;}
.pageIndex a{ border:1px solid #c9c9c9;  }
.pageNext a{ width:60px;border:1px solid #bfbfbf;}
.new_page  span{ float:left; padding-right:15px;}
.new_page{ float:right; margin-top:20px;padding-bottom:40px;}
.news_page{ background:#fff; margin-top:5px;}
.new_page a{text-align:center;width:28px; line-height:28px;display:block; font-size:12px; color:#666666; float:left; margin-right:10px;  border:1px solid #bfbfbf; }
.new_page a.a1{width:60px; line-height:28px; border:1px solid #bfbfbf;}
.new_page span{width:28px; line-height:28px;display:block; font-size:12px; color:#666666;  background:#2345a6; color:#fff;border:1px solid #2345a6;text-align:center; padding:0px; margin-right:10px;}
.show_content_content div{ line-height:30px;}
/* 服务项目 */
.partner_list li{ float:left; width:110px; height:110px; margin-left:15px; margin-bottom:15px;}
.partner_list li img{ width:100%;}
.pro_list { padding-top:40px; padding-left:95px;}
.pro_list  li{ float:left; width:268px; height:167px; margin-bottom:25px; margin-right:25px;}

/* 加入我们  */

.join{ padding:10px 0 30px 0;}
.join li{border-bottom: 1px dashed #d2d2d2; padding:0 30px;}
.join li b{ font-size:14px; display:block; height:40px; line-height:40px; position:relative; padding-left:18px; font-weight:normal;}
.join li b i{ width:10px; height:10px; background-position:0 -293px; left:0; top:50%; margin-top:-5px;}
.join_nr{ background:#ededed; padding:20px; margin:10px 0 30px 0; position:relative; display:none;}
.join_nr i{ width:29px; height:15px; background-position:-43px -83px; top:-15px; left:32px;}
.join .hover b{ color:#e9811a; display:block;}
.join .hover b i{background-position:0 -283px;}
.join .hover .join_nr{display:block;}
.pointer, .join li b {
    cursor: pointer;
}
.join_email{ width:433px; height:64px; background:url('../images/join_email.jpg') no-repeat left center; margin:0 auto;text-align:center; margin-top:45px;}
.join_email span{ line-height:64px; color:#fff; font-size:18px;}
.join_email span a{ color:#fff; font-size:18px;}

.clearfix {
	*zoom:1;
}
.clearfix:before,.clearfix:after {
	display:table;
	content:"";
}
.clearfix:after {
	clear:both;
}
.history {
	position:relative;
	width:750px;
	margin:0 auto;
}

hr {
	height: 0;
	border-left: none;
	border-right: 0;
	border-top: 1px dashed #2d2f34;
	border-bottom: 1px dashed #474954;
}

.history {
	padding: 50px 0;
	min-height: 720px;
	/*background: #3a3c48 url("../images/log/content-bg.png");*/
	width: 100%;
}
.history .wrapper {
	position: relative;
	/*background: url("../images/log/release-bg.png") no-repeat right top;*/
	width: 750px;
	margin: 0 auto;
}
.history .light {
	position: absolute;
	left: 55px;
	top: -50px;
	width: 152px;
	height: 191px;
	
}
.history .light i {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	background: url("../images/log/light.png") no-repeat top center;
}
.history .line-left {
	position: absolute;
	left: 0;
	top: 15px;
	width: 70px;
}
.history .line-right {
	position: absolute;
	right: 0;
	top: 15px;
	width: 460px;
}
.history .main {
	background: url("../images/log/line-bg.png") repeat-y 249px 0;
}
.history .main .title {
	position: absolute;
	line-height: 40px;
	padding-left: 67px;
	left: 230px;
	top: 0;
	color: #666;
	font-size: 24px;
	background: url("../images/log/clock.png") no-repeat left top;
}
.history .main .year {
	position: relative;
	z-index: 100;
}
.history .main .year h2 {
	height: 40px;
	width: 170px;
	padding-right: 30px;
	font-size: 24px;
	line-height: 40px;
	text-align: right;
}
.history .main .year h2 a {
	color: #666;
}
.history .main .year h2 i{
	display:block;
	position:relative;
	height:0;
	width:0;
	left:190px;
	top:-20px;
	border-width:6px;
	border-style:solid;
	border-color:#59a7fb transparent transparent transparent;
	-webkit-transition:.5s;
	-moz-transition:.5s;
	-ms-transition:.5s;
	-o-transition:.5s;
	transition:.5s;
	-webkit-transform-origin:6px 3px;
	-moz-transform-origin:6px 3px;
	-ms-transform-origin:6px 3px;
	-o-transform-origin:6px 3px;
	transform-origin:6px 3px
}
.history .main .year .list{
	margin:10px 0;
	position:relative;
	overflow:hidden;
	-webkit-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;
	-moz-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;
	-ms-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;
	-o-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;
	transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s
}
.history .main .year .list ul {
	bottom: 0;
}
.history .main .year .list ul li {
	background: url("../images/log/circle.png") no-repeat 235px 31px;
	padding: 30px 0;
	color: #a1a4b8;
}
.history .main .year .list ul li.highlight {
	/*background-image: url(../images/circle-h.png);*/
}
.history .cls {
	zoom: 1;
}
.history .cls:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.history .main .year .list ul li.highlight .date, .history .main .year .list ul li.highlight .intro {
	color: #ec6a13;
}
.history .main .year .list ul li .date,.history .main .year .list ul li .version{
	float:left;
	display:block;
	clear:left;
	width:200px;
	line-height:24px;
	text-align:right
}
.history .main .year .list ul li .date{
	font-size:18px;
	line-height:32px;
	color:#bec1d5
}
.history .main .year .list ul li .intro, .history .main .year .list ul li .more {
	float: left;
	display: block;
	width: 400px;
	margin-left: 100px;
	line-height: 24px;
	color:#666;
}
.history .main .year .list ul li .intro {
	font-size: 18px;
	line-height: 32px;
	color: #ec6a13;
}
.history .wrapper:first-child .main .year.close h2 i{
	transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-o-transform:rotate(-90deg)
}
.history .wrapper:first-child .main .year.close .list{
	opacity:0;
	height:0!important;
}
.ie7 .history .main .year h2 i{
	left:40px
}

.scrollleft{width:1004px;}
.scrollleft li{float:left;margin:0px 15px 0px 15px;display:inline;width:170px;text-align:center;}
.scrollleft img{width:100%;height:100%;}
.mian_left_lanmu li{ width:100%;}
.mian_left_lanmu li:hover{ background:#cc0001}
.mian_left_lanmu li a{width:100%; display:block;}
.mian_left_lanmu li a:hover{ color:#fff;}
.mian_left_lanmu li.lanmu_contact:hover{ background:#fff;}

ul.dropdown li.first ul li a{ color:#fff}
ul.dropdown li.first ul li a:hover{color:#e78c2a}

.float-contact-mini {
	position: absolute;
	right: 1px;
	top: 350px;
}
.float-contact-mini a {
	background: url("../images/sprites.png") no-repeat scroll 0 0 transparent;
	color: #FFFFFF !important;
	display: block;
	height: 65px;
	line-height: 110%;
	padding: 46px 5px 0;
	text-align: center;
	text-decoration: none !important;
	width: 18px;
}
.float-contact {
	display: none;
	position: absolute;
	right: 1px;
	top: 350px;
	width: 102px;
}
.float-contact .close {
	background: url("../images/sprites.png") no-repeat scroll -29px 0 transparent;
	color: #FFFFFF !important;
	display: block;
	height: 31px;
	line-height: 31px;
	padding-left: 22px;
	text-decoration: none !important;
}
.float-contact .container {
	background:#FFFFFF;
	border-color: #E3E3E3;
	border-style: solid;
	border-width: 0 1px;
	padding: 1px 0;
	text-align: center;
}
.float-contact .container {
	border-style: solid;
	text-align: center;
}
.float-contact .qq {
	padding: 7px 0 6px;
}
.float-contact .qqtitle {
	line-height: 200%;
}
.float-contact .qq .btn {
	padding-top: 4px;
}
.float-contact .qq .btn li {
	padding-bottom: 5px;
}
.float-contact .qq .btn a {
	background: url("../images/sprites.png") no-repeat scroll -43px -80px transparent;
	color: #1A649D;
	display: block;
	height: 23px;
	line-height: 23px;
	margin: 0 auto;
	padding-left: 23px;
	width: 53px;
}
.float-contact .qqtel {
	padding-bottom: 14px;
}
.float-contact .qqtel .qqcontent {
	color: #FF6600;
	font-size: 12px;
	font-weight: bold;
	line-height: 130%;
	letter-spacing:0;
}
.float-contact .myqqlink {
	background: url("../images/bg-x.png") repeat-x scroll 0 -320px #FA8400;
	border-bottom: 1px solid #E3E3E3;
	color: #FFFFFF !important;
	display: block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	text-decoration: none !important;
}
h3.qqtitle {
	margin:0;
	padding:0;
}