@charset "utf-8";
*{ margin:0; padding:0}
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,del,em,font,img,ins,small,strong,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{margin:0;padding:0}ol,ul{list-style:none}:focus{outline:0}a img{border:0}img{ border:0;vertical-align:middle}
body{   /*20180326*/
	font-family:"microsoft yahei";	/*20180326*/
	font-size: 14px;	/*20180326*/
	/*background:#f8f5f6;*/			/*20180326*/
	-webkit-text-size-adjust:100%;
}
.fl{ float:left}.fr{ float:right} .clr{display:block;overflow:hidden;clear:both;height:0;line-height:0;font-size:0;}
em,i{font-style:normal}li{list-style:none}img{border:0;vertical-align:middle}table{border-collapse:collapse;border-spacing:0}a{ color:#666; text-decoration:none}a:hover{ color:#666; text-decoration:underline}
h1,h2,h3,h4,h5,h6{ font-size:14px; font-weight:normal}
input{ font-family:"microsoft yahei"}


.bg-f{  /*20180326*/
	background: #fff;
}

.bg-gray{	 /*20180326*/
	background: #ececea;
}

.color-blue{	 /*20180326*/
	color: #1d7ad9;
}

.t-center{		/*20180326*/
	text-align: center;
}

.header{ 	/*20180326*/
	width:100%; 
	height:80px; 
	background:#1d7ad9; 	/*20180326*/
	position:fixed; 
	top:0; 
	left:0;
	-webkit-box-shadow: 0px 2px 0px rgba(0,0,0,0.3);	/*20180326*/
	-moz-box-shadow: 0px 2px 0px rgba(0,0,0,0.3);	/*20180326*/
	box-shadow: 0px 2px 0px rgba(0,0,0,0.3); 	/*20180326*/
	z-index:9999;
	_position: absolute;
	_top: expression(eval(document.documentElement.scrollTop));
}



.head{ width:1200px; margin:0 auto; height:80px; position:relative;font-size:16px; z-index:1000}

.sy_container_box{  /*20180326 add*/
	width: 100%;
}
.sy_container{ width:1200px; overflow:hidden; margin:0 auto}

/*20180326 start*/
.title-hd{
	color: #333;
	font-size: 30px;
	text-align: center;
	line-height: 36px;
	margin-top: 48px;
}
.title-line{
	width: 100px;
	height: 4px;
	background: #1d7ad9;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 32px;
}
.title-tips{
	color: #666;
	font-size: 16px;
	line-height: 28px;
}
.title-tips span{
	font-size: 16px;
	line-height: 28px;
}
.sy_container_con{
	overflow: hidden;
	width: 100%;
	position: relative;
}
.sy_container_con img{
	display: block;
}
.block-1{
	height: 600px;
}
.block-1 img{
	margin: 0 auto;
	margin-top: 70px;
	
}
.block-1 p{
	position: absolute;
}
.sy_container_con p{
	color: #1d7ad9;
	font-size: 16px;
	line-height: 28px;
	display: block;
	
}
.sy_container_con_t1{
	top:90px;
	left: 220px;
}
.sy_container_con_t2{
	top:120px;
	right: 190px;
}
.sy_container_con_t3{
	top:330px;
	right: 210px;
}
.sy_container_con_t4{
	top:500px;
	right: 50%;
	margin-right: -122px;
}
.sy_container_con_t5{
	top:260px;
	left: 210px;
}
.block-2{
	margin-top: 50px;
}
.block-2 img{
	display: block;
	margin-left: 100px;
}

.block-2-tips{
	width: 500px;
	margin-right: 100px;
	margin-top: 93px;
}
.block-2-tips p{
	text-indent: 70px;
}
.block-2-tips-hd{
	width: 10px;
	height: 10px;
	border-radius:50%;
	background: #1d7ad9;
	display: inline-block;
	margin-right: 10px;
}
.block-3{
	padding-bottom: 50px;
}
.block-3 img{
	margin-top: 40px;
}
/*20180326 end*/


.logo{ padding-top:25px; float:left; width:340px;}
.nav{ 	/*20180326*/
	padding-top:25px; 	/*20180326*/
	position:absolute; 
	right:150px; 
	top:0;
}
.nav li{ float:left; background:url(../../topic/images/nav_line.gif) right 4px no-repeat; text-align:center; padding:0 12px; }
.nav li.last{ background:none; margin-right:14px;}
.nav a{ 	/*20180326*/
	color:#fff; 
	text-decoration:none; 
	height:34px; 
	line-height: 34px;
	display:block;
}
/*.nav a:hover,.nav a.on{ border-bottom:3px solid #fb7f03;}*/  /*20180326*/
.sy_login{width:150px; height:318px; position:absolute; right:0; top:0;}
.login_btn{		/*20180326*/
	width:150px; 
	display:block; 
	height:80px; 	/*20180326*/
	background:#fb7f03;    
	position: relative;
	border-bottom: 2px solid #b75900;
}
a.lg_btna{ height: 82px; line-height: 82px; display: block; width: 150px;text-indent:46px;text-decoration:none; color: #fff}
.login_box{  /*20180326*/
	width:190px;
	/*height:188px;*/
	background:#fff;
	border:1px solid #ddd;
	position:absolute;
	right:0;
	top:83px;
	padding:20px 35px;
	-webkit-box-shadow: 0px 0px 14px #ccc;
	-moz-box-shadow: 0px 0px 14px #ccc;
	box-shadow: 0px 0px 14px #ccc;
	display:none
}

/*20180326*/
.login_box p input::-webkit-input-placeholder{
	color:#999 !important;
}
.login_box p input:-moz-placeholder{
	color:#999 !important;
}
.login_box p input:-ms-input-placeholder{
	color:#999 !important;
}
/*20180326*/

.lg_hover .login_box{ display:block;}
h2.login{ color:#888888; padding-bottom:12px; overflow:hidden; display:block}
a.fgw{ 	/*20180326*/
	font-size:12px; 
	color:#1d7ad9; 	/*20180326*/
	padding-top:1px; 
	display:block;
}
input.login{ width:188px; height:28px; border:1px solid #ddd; line-height:28px\9; text-indent:6px;font-size:12px;}
input.cat{ width:86px; margin-right:8px; overflow:hidden}
.login_box p{ padding-bottom:9px; clear:both;}
.login_box p.submit{ 	/*20180326*/
	padding-top:15px;
}
.lg_submit{   /*20180326*/
	width:188px; 
	height:28px; 
	background:#1d7ad9; 
	text-align:center; 
	line-height:28px; 
	color:#fff; 
	border: none !important;
	cursor:pointer;
}
.banner{ /*20180326*/
	width:100%; 
	height:457px; 		 /*20180326*/
	display:block; 
	background:url(../images/add/banner.jpg) center 0 no-repeat; 		 /*20180326*/
	position:relative; 
	z-index:1;
	-webkit-box-shadow: 0px 2px 5px #b4b4b4;
	-moz-box-shadow: 0px 2px 5px #b4b4b4;
	box-shadow: 0px 2px 5px #b4b4b4;
}
.banner_c{ width:904px; text-align:center; margin:0 auto; padding-top:120px;}
h2.sy{ color:#338aa5; font-size:42px; padding-bottom:28px;}
.sy_search_box{  /*20180326*/
	width:846px;
	height:60px;
	line-height: 60px;
	background:rgba(0,0,0,.3);


	padding:20px;
	display:block;
	position:relative;

}
input.sy_num{  /*20180326*/
	height:58px;
	line-height:58px\9;
	background:#fff url("../images/mirror.gif") 12px center no-repeat;
	border:1px solid #f1f1f1;
	float:left;
	width:674px;
	font-size:18px;
	text-indent:58px;
}
.sy_search_btn{ width:170px; height:60px; text-align:center; background:#ff7f00; font-size:24px; font-weight:bold; color:#fff; float:right; border:none; cursor:pointer}

.sy_case_title{ width:100%; height:88px; line-height:88px; font-size:28px; display:block}
.sy_case_title em{ display:inline-block; padding-left:12px; font-size:14px; color:#666666; height:88px; line-height:88px;}

.case_ul{ width:1240px; overflow:hidden}
.case_ul li{ width:270px; height:264px; background:#fff; border-bottom:3px solid #dfdcdd; margin-bottom:40px; overflow:hidden; position:relative; float:left; margin-right:40px;}
.case_ul li h3.name{ font-size:18px; text-indent:12px; height:74px; line-height:85px; display:block; background:#fff}
.case_ul li h3.hover{ background:#ff7f00; color:#fff}
.black_cover{ width:270px; height:190px; background:#000;filter:alpha(opacity=70);-moz-opacity:0.7;opacity: 0.7; display:block; position:absolute; left:0; top:0; z-index:1; display:none}
.scan_code{ position:absolute; left:58px; top:-154px; width:154px; height:154px; display:block; z-index:2}
.scan_icon{ width:40px; height:40px; display:block; background-image:url(../../topic/images/scan_icon.png); background-repeat:no-repeat; background-position:0 -40px; position:absolute; left:115px; top:171px; z-index:2}
.scan_icon_hover{background-position:0 0}

.cus_tips_title,.cor_joiner{ width:100%; font-size:28px; display:block}
.cus_tips_con{ text-align:right;}
.cor_joiner{ padding:76px 0 72px 0;}
.cor_joiner span{ float:left; margin-right:7px;}
span.joiner{ background:url(../../topic/images/tel.gif) 0 center no-repeat; padding-left:32px; color:#8a8a8a; font-size:13px; height:34px;}
span.joiner i{ display:block; height:17px; line-height:17px}

.cor_joiner_ul{ padding-bottom:130px; overflow:hidden; width:100%;}
.cor_join_cm{ background-image:url(../../topic/images/joiner_icon.png); background-repeat:no-repeat; display:block;}
.cor_joiner_ul li{ float:left;overflow:hidden; position:relative; border-right:1px solid #ddd; width:222px; height:218px; padding-left:40px; padding-right:40px;}
.cor_joiner_ul li.li1{ padding-left:0; width:172px }
.cor_joiner_ul li.li2{width:186px }
.cor_joiner_ul li.li3{width:154px }
.cor_joiner_ul li.li4{width:177px }
.cor_joiner_ul li.li5{width:184px; padding-right:0; border-right:0;}

.cor_joiner_ul li h3{ font-size:20px; color:#333; padding-top:24px; text-align:center; padding-bottom:8px; width:182px;}
.cor_joiner_ul li p{ color:#636262; width:182px;}
.cor_joiner_ul li i{ display:block; width:102px; height:102px;}
.cor_joiner_ul li i.i1{ background-position:0 0; margin-left:43px;}
.cor_joiner_ul li i.i2{ background-position:0 -102px; margin-left:48px;}
.cor_joiner_ul li i.i3{ background-position:0 -204px; margin-left:36px;}
.cor_joiner_ul li i.i4{ background-position:0 -306px; margin-left:35px;}
.cor_joiner_ul li i.i5{ background-position:0 -408px; margin-left:42px;}

.footer{	/*20180326*/ 
	width:100%; 
	height:110px; 
	overflow:hidden; 
	text-align:center; 
	color:#fff; 
	background:#1d7ad9;   /*20180326*/
	/*padding-top:45px;*/ 	/*20180326*/
	font-size:14px;	/*20180326*/
}
.footer p{ line-height:1.9}


a.logblue:hover{ color:#0000ff; text-decoration:none}
.loged,.logedrole{ line-height:33px;font-size:12px; color:#666}
.logedrole{line-height:22px;}
.font_loged{ color: #338aa5;}


/*
20180328*/
.sy_login_icon{
	width: 30px;
	height: 30px;
	position: absolute;
	top:50%;
	margin-top: -15px;
	left: 10px;
}
#showMsg{
	color: #fb7f03;
	font-size: 14px;
	margin-top: 5px;
	display: inline-block;
}