@charset "utf-8";

/**service**/
.service_box, .case_box,.core_ys, .hyfl, .news_info {width: 100%;height: auto;margin-top: 20px;float: left;padding-bottom: 40px;}
.headline {
	float: left;
	width: 100%;
	height: auto;
	margin-top: 50px;
	margin-bottom: 50px;
}
.headline h2 {
	line-height: 50px;
	height: 50px;
	font-size: 26px;
	font-weight: normal;
	margin: 0px auto;
	text-align: center;
	width: 500px;
        display:block;
}
.headline .title {
	width: 500px;
	margin: 0 auto;
	background-image: url(../img_new/title-btm-bg.png);
	background-position: center;
	height: auto;
	background-repeat: repeat-x;
	text-align: center;
}
.headline .title .title_en {
	height: 24px;
	color: #FF9933;
	padding-right: 20px;
	padding-left: 20px;
	line-height: 24px;
	background-color: #FFF;
	text-align: center;
	display: inline;
}

#order_nav {
	width: 1200px;
	height: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#order_nav .list {width: 1200px;float: left;}
#order_nav .list li {
	width: 240px;
	height: 300px;
	float: left;
	/* [disabled]border-radius: 50%; */
	position: relative;
	cursor: pointer;
	-webkit-transition: .4s all;
	-moz-transition: .4s all;
	-ms-transition: .4s all;
	transition: .4s all;
	padding-top: 10px;
}
#order_nav .list li a { display: block; width: 100%; height: 100%; }
#order_nav .list li .cycle_mark { position: absolute; left: 0; top: 0; z-index: 2; }
#order_nav .list li .ico {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	z-index: 1;
	-webkit-transition: .4s all;
	-moz-transition: .4s all;
	-ms-transition: .4s all;
	transition: .4s all;
	margin: 0 auto;
}
#order_nav .list li ._1 {background-image: url(../img_new/android-ico.png);}
#order_nav .list li ._2 { background-image: url(../img_new/ios-ico.png);}
#order_nav .list li ._3 { background-image: url(../img_new/html5-ico.png); }
#order_nav .list li ._4 { background-image: url(../img_new/wechat-ico.png); }
#order_nav .list li ._5 { background-image: url(../img_new/mobileweb-ico.png); }
#order_nav .list li p {
	width: 100%;
	left: 0;
	text-align: center;
	top: 120px;
	float: left;
}
#order_nav .list li p h3 {
	font-size: 12px;
	color: #626262;
	display: block;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
#order_nav .list li p span {
	font-size: 16px;
	color: #626262;
	display: block;
	font-weight: bold;
	padding: 0px;
	margin-top: 20px;
	line-height: 30px;
	height: 30px;
}
#order_nav .list li p strong { font-size: 12px; color: #f00; display: block; }
.describe_ico {
	font-size: 14px;
	width: 220px;
	float: left;
	margin: 0 10px;
	line-height: 24px;
	color: #626262;
}
#order_nav .list li.on {background-color: #F5F5F5;}
#order_nav .list li.on .ico {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}
/**service*/

/**caseshow**/
.case_box {background-image: url(../img_new/body_bj.jpg); }
.h_tonglan {
	width: 1200px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.h_tonglan ul {overflow:hidden;}
.h218px {
	width: 1200px;
	height: 400px;
	_height: 400px;
}
.h218px th {padding-top:200px;}
.h218px td {overflow:hidden;}
#scrollbox ul {overflow:hidden;}
#scrollbox ul li {
	float: left;
	width: 268px;
	_width: 268px;
	height: 380px;
	_height: 380px;
	min-height: 18px;
	padding: 1px;
	overflow: hidden;
	border: 1px solid #dadada;
	margin: 10px;
        background-color:#FFF;
}
#scrollbox ul li .casepic {width: 268px;height: 201px;float:left;text-align:center;}
#scrollbox ul li .casepic img{min-width:100px;,min-height:100px;max-width:268px;max-height:201px;}
#scrollbox ul li h3{
	width: 268px;
        margin-top:10px;
	height: 30px;
	font-size: 16px;
	line-height: 30px;
	float: left;
	overflow: hidden;
	text-align: center;
}
#scrollbox ul li .caseindustry{
	width: 258px;
	height: 30px;
	border-bottom: dashed 1px #dadada;
	float: left;
	line-height: 30px;
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 14px;
}
#scrollbox ul li .casedescri{
	width: 258px;
	height: 120px;
        margin-top:10px;
	line-height: 24px;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
	overflow: hidden;
}
.pointer {CURSOR: pointer}


/**caseshow**/


/**coreyoushi**/
.clearfix:after{content:".";display:block;visibility:hidden;clear:both;height:0;font-size:0;}
.clearfix{*zoom:1;}
.wrapper{width: 1000px;}
.main1{float: left;width: 1000px;}
.tab{position: relative;width: 1000px;float: left;}
.tab ul img{vertical-align:middle;}
.slide{width: 1000px;height: 165px;overflow: hidden;position: relative;}
.slide-ul{position: relative;width: 8640px;margin: 0;}
.slide-ul li{
	display: inline;
	float: left;
	width: 220px;
	height: 165px;
	overflow: hidden;
	padding:0 15px;
}
.slide-ul a{display:block;width:220px;height:165px;overflow:hidden;color:#fff;}
.slide-ul a:hover .pic-txt{color:#fff;}
.slide-ul .pic-txt{
	display: block;
	bottom: -165px;
	position: relative;
	width: 210px;
	height: 165px;
	font: 12px/24px Microsoft YaHei;
	z-index: 1;
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000,endColorstr=#80000000);			cursor: pointer;
	margin: -165px 0 0 0;
	padding:0 5px;
	background-color: rgba(255,102,0,0.5);
	font-family: "Microsoft YaHei";
	font-size: 12px;
	line-height: 20px;
}:root .slide-ul .pic-txt{filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,startColorstr=#00000000,endColorstr=#00000000);}.info-btn{
	width: 220px;
	height: 22px;
	overflow: hidden;
	margin: 0 auto;
	padding: 11px 0;
	zoom: 1;
}.info-btn li{float:left;padding:0 3px;}.info-btn li span{display:block;width:22px;height:22px;background:url(../img_new/sjbz_infor-btn.png) 0 -27px no-repeat;text-indent:-9999em;overflow:hidden;cursor:pointer;}.info-btn .info-cur span,.info-btn .info-hover span{background-position:0 0;}
.tab-shadow{
	display: block;
	position: absolute;
	left: -1px;
	top: 403px;
	width: 1000px;
	height: 3px;
	background-image: url(../img_new/sjbz_shadowbg.jpg);
	background-repeat: repeat-x;
}
@-moz-document url-prefix(){.pic-news .pic a{line-height:73px;}}

.core_ys_box, .news_box, .hyfl_box {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 1200px;
	height: auto;
}

.core_ys .power {
	float: left;
	height: auto;
	width: 1200px;
	margin-bottom: 20px;
}
.core_ys .l_box{
	float: left;
	width: 200px;
	height: auto;
}
.core_ys .r_box,.core_ys .team_box{
	float: right;
	width: 1000px;
	height: auto;
	overflow: hidden;
}

.core_ys .t2{
	margin: 0px;
	padding: 0px;
	float: left;
	height: 30px;
	width: 200px;
	font-size: 22px;
	line-height: 30px;
	text-align: center;

}
.core_ys .t2_en{
	color: #FB6000;
	float: left;
	height: 30px;
	width: 200px;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
}
.core_ys .r_box ul{
	float: left;
	width: 1000px;
	height: auto;
}
.core_ys .r_box ul li{
	float: left;
	width: 450px;
	height: 100px;
	margin-right: 50px;
}
.core_ys .r_box ul li .title{
	float: left;
	width: 450px;
	height: 30px;
	font-size: 16px;
	line-height: 30px;
	text-indent: 30px;
	background-attachment: fixed;
	background:url(../img_new/signico.png) no-repeat left;
	background-position: left center;
}
.core_ys .r_box ul li .des{
	float: left;
	width: 420px;
	height: 56px;
	font-size: 12px;
	line-height: 28px;
	margin-left: 30px;
}
/**caseyoushi**/

/**行业分类**/
.hyfl {	background-image: url(../img_new/body_bj.jpg); }
.hyfl_box {overflow: hidden;}
.hyfl_box ul {
	float: left;
	width: 1265px;
	overflow: hidden;
	height: auto;
}
.hyfl_box ul li {
	float: left;
	width: 241px;
	height: 326px;
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 65px;
        transition: 1s;
}
.hyfl_box ul li:hover {background-color: #FB6000;color:#626262;}
.app-1 {background: url(../img_new/app-1.png) no-repeat center;}
.app-2 {background: url(../img_new/app-2.png) no-repeat center;}
.app-3 {background: url(../img_new/app-3.png) no-repeat center;}
.app-4 {background: url(../img_new/app-4.png) no-repeat center;}
.app-5 {background: url(../img_new/app-5.png) no-repeat center;}
.app-6 {background: url(../img_new/app-6.png) no-repeat center;}
.app-7 {background: url(../img_new/app-7.png) no-repeat center;}
.app-8 {background: url(../img_new/app-8.png) no-repeat center;}
.hyfl_box ul li .bt {
	margin-top: 150px;
	text-align: center;
	font-size: 16px;
	line-height: 30px;
	height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dadada;
}
.hyfl_box ul li .intro{
	float: left;
	height: 100px;
	width: 241px;
	margin-top: 5px;
	line-height: 25px;
}


/**行业分类**/

/**新闻**/
.news_info {}
/**新闻**/
.news_box .leftpic{float: left;width: 220px;}
.news_box .leftpic img {float: left;width:220px;height: auto;}
.news_box .rnewslist{width:940px;float: left;margin-left: 40px;height: 340px; overflow: hidden;}
.news_box #tab { width:980px; height:auto; position:relative;float: left;padding-bottom: 5px;border-bottom: solid 2px #Fb6000;}
/*设置容器高宽等*/
.news_box #tab div { position:absolute; top:30px; left:0; width:940px; height:auo;}
/*设置容器高宽等*/
.news_box #tab div { display:none;}
/*设置容器默认隐藏:不用ID是因为下面将利用class来控制容器显示,而class优先级低于id选择器*/
.news_box #tab .block { display:block;}
/*选中的容器*/
.news_box #tab h3 { float:left; width:140px; height:34px; line-height:34px; margin-right:20px;font-size: 18px;
background-color:#626262; text-align:center; color:#5a5a5a;}
.news_box #tab h3 a{ color:#FFF;display:block;}
.news_box #tab h3 a:hover{background-color:#FB6000;color:#FFF;}
/*默认标题样式*/
.news_box #tab .up { background:#FB6000;color:#fff;}
/*选中的标题样式*/
/*修饰列表内容*/
.news_box #tab ul {height:auto;width:980px;float: left;margin-top:20px;}
.news_box #tab ul li { float: left;line-height: 35px;height: 35px; width:450px;margin-right: 40px;border-bottom: dashed 1px #dedede;}
.news_box #tab ul li h4 a { float: left;font-size: 14px;width:360px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-overflow: ellipsis;/* IE/Safari */-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;/* Opera */-moz-binding: url("ellipsis.xml#ellipsis");/*FireFox*/}
.news_box #tab ul li span{ float: right;color: #aaa;font-size:12px;}




/**faq start**/
.faq {
	width: 100%;
	margin-top: 100px;
	background-color: #333;
	height: 280px;
	float: left;
}
.faq_middle {width: 1200px;margin: 0 auto;}
.faq_lpic {
	height: 382px;
	width: 261px;
	z-index: 22;
	margin-top: -100px;
	float: left;
}
.faq_txt {
	float: left;
	width: 516px;
	margin-left: 20px;
	height: auto;
	padding-top: 20px;
}
.faq_txt_t {
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	line-height: 30px;
	height: 30px;
}
.faq_txt ul {
	line-height: 26px;
	float: left;
	width: 516px;
	height: auto;
}
.faq_txt ul li {line-height: 26px;color: #FFF;height: 26px;float: left;margin-right:5px;}
.faq_txt ul li h3 {font-size: 12px;}
.faq_txt ul li a {color: #ccc;}
.faq_txt ul li a:hover {color: #FB6000;}
/**faq end**/

/**friendlink**/
.frilink {
	float: left;
	height: auto;
	width: 380px;
	background-color: #333;
	border-left: 1px solid #626262;
	margin-top: 20px;
	padding-left: 20px;
}

.frilink .title{
	float: left;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
}
.frilink  ul{
	float: left;
	width: 380px;
	height: auto;
}
.frilink ul li{
	float: left;
	line-height: 18px;
	height: 18px;
	margin-right: 10px;
	display: block;
	margin-top: 5px;font-size:12px;
}
.frilink ul li a:hover{color:#626262;}
/**friendlink end**/