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

/*header*/
.header_bg{ background:url(../images/nav_bg.jpg) repeat-x top; height:73px;}
.logo{ background:url(../images/logo.png) no-repeat; width:151px; height:179px; position:absolute; left:0; top:0; z-index:9999;}
.logo a{ width:151px; height:179px; display:block;}
.nav_ul{ float:right;}
.nav_ul li{ float:left; text-transform:uppercase; line-height:73px; height:73px; font-family:Arial, Helvetica, sans-serif; font-size:15px; text-align:center; padding:0 20px;}
.nav_ul li a,.nav_ul li a:link,.nav_ul li a:hover,.nav_ul li a:visited{ color:#fff; display:block;}

/*search*/
.search{ cursor:pointer; display:block;}

.seek-bg{
	width: 100%;
	height: 100%;
	background: url(../images/seek_bg.png) repeat-y center;
	background-size: cover;
	position: fixed;
	top:0;
	display: none;
	left:0;
	z-index: 9999999999999;
}
.seek-bg-box{
	width: 620px;
	height: 50px;
	background: #fff;
	border-radius: 4px;
	position: absolute;
	left:50%;
	display: none;
	line-height: 50px;
	z-index: 999999999999999999;
	margin-left:-310px;
	top:177px;
}
.seek-bg-box .submit{
	padding-right: 28px;
	width: 16px;
	height: 50px;
	border:none;
	background: url(../images/img01.png) no-repeat left center;
}
.seek-bg-box .s-txt{
	padding-left: 21px;
	width: 500px;
	border:none;
	font-size: 14px;
	margin-top: 15px;
	border-radius: 4px;
	color: #a3a3a3;
}

/*banner*/
.banner{ position:relative; z-index:9998;}

/*index*/
@font-face {
    font-family: 'crillee';
    src: url('../font/original-crillee.ttf') format('truetype');
    font-style: normal;
}
.i_three_bg{ background:url(../images/i_three_bg.jpg) no-repeat; height:722px;}
.i_three_bg h2{ font-family:crillee; font-size:72px; width:100%; text-align:center; color:#444; font-weight:normal; padding-top:145px;}
.i_three_bg h3{ font-family:Arial, Helvetica, sans-serif; width:100%; font-size:18px; color:#888; font-weight:normal; text-align:center; margin-top:20px; margin-bottom:50px; text-transform:uppercase;}
.i_three_warp{ width:33%; float:left;}
.i_three_box{ background:url(../images/i_three_pic_bg.png) no-repeat center; background-size:contain; width:100%; margin:0 auto;}
.i_three_pic{ padding:8px 15px;}
.i_three_box img{ display:block; text-align:center; width:100%;}

.i_service_bg{ background:#f3f3f3; padding-top:100px; padding-bottom:100px;}
.i_service_pic{ width:345px; float:left;}
.i_service_con{ width:785px; float:right;}
.i_service_con h2{ font-family:crillee; font-size:72px; width:100%; color:#444; font-weight:normal;}
.i_service_con h3{ font-family:Arial, Helvetica, sans-serif; width:100%; font-size:18px; color:#888; font-weight:normal;margin-top:20px; margin-bottom:50px; text-transform:uppercase;}

.i_icon_three{ overflow:hidden; width:100%;}
.i_icon_three li{ float:left; width:33%;}
.i_icon_three li div{ margin:20px; border:1px solid #c2c2c2; text-align:center; padding:20px;}
.i_icon_three li div i{ font-size:90px !important; color:#555d94; margin-bottom:20px; display:block;}
.i_icon_three li div p{ line-height:20px; margin:15px 0; color:#444; font-size:15px; font-family:Arial, Helvetica, sans-serif;}

.i_partner_title{ font-family:crillee; font-size:72px; width:100%; color:#444; font-weight:normal; text-align:center; margin-top:100px;}
.i_partner_ul{ margin-top:40px; margin-bottom:80px; overflow:hidden;}
.i_partner_ul li{ width:25%; float:left; text-align:center;}
.i_partner_ul li div{ margin:10px; border:1px solid #cccccc;}

/*bottom*/
.bottom_bg{ border-top:10px solid #8581bc; background:#6e78b6; border-bottom:1px solid #555d94; height:300px;}
.bottom_ul{ width:140px; float:left;}
.bottom_ul li{ font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#fff; margin-bottom:28px; text-transform:uppercase;}
.bottom_ul li a,.bottom_ul li a:link,.bottom_ul li a:hover,.bottom_ul li a:visited{ color:#fff;}
.bottom_product{ width:400px; padding:0 50px; border-left:1px solid #555d94; border-right:1px solid #555d94; float:left;}
.bottom_pro{ font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#fff; text-transform:uppercase; margin-bottom:28px;}
.bottom_product ul li{ float:left; width:50%; line-height:26px; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.bottom_product ul li a,.bottom_product ul li a:link,.bottom_product ul li a:hover,.bottom_product ul li a:visited{ color:#fff;}

.bottom_contact{ float:left; margin-left:60px; width:460px;}
.bottom_con{ font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#fff; text-transform:uppercase; margin-bottom:28px;}
.bottom_p{ color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:26px;}
.copyright{ line-height:46px; background:#555d94; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#fff;}
.copyright a,.copyright a:link,.copyright a:hover,.copyright a:visited{ color:#fff;}


/*list*/
.list_l{ float:left; width:240px; margin-top:40px;}
.left_top {width:100%;height:56px;line-height:56px;overflow:hidden;text-indent:10px; color:#222; font-family:Arial, Helvetica, sans-serif; font-size:22px;}
.left_part ul li { height:46px; line-height:46px; background:url(../images/nav_l_bg.png) no-repeat; text-indent:45px; font-family:Arial, Helvetica, sans-serif; font-size:15px; margin-bottom:10px;}
.left_part ul li a,.left_part ul li a:link,.left_part ul li a:hover,.left_part ul li a:visited{ color:#fff;}
.left_part ul div{ height:40px; line-height:40px; background:url(../images/icon1.png) no-repeat 18px center #eee; text-indent:45px; border-radius:4px; font-family:Arial, Helvetica, sans-serif; font-size:15px; margin-bottom:10px; display:none;}
.pro_list_snav{  margin-bottom:20px;}
.pro_list_snav div{ display:none;}
.left_aon,.left_aon div{ display:block !important;}
.left_part a {display:block; height:46px;}
.mg20{ margin:10px 0;}


.list_r{ float:right; width:900px; margin-top:40px;}
.newsli{ padding-bottom:20px; border-bottom:1px solid #ddd; margin-bottom:20px;}
.newstitle{ line-height:24px; font-family:Arial, Helvetica, sans-serif; font-size:15px;}
.newstitle span{ padding-left:10px; border-left:4px solid #6e78b6;}
.newscon{ line-height:26px; font-family:Arial, Helvetica, sans-serif; font-size:14px;}

/*about_list*/
.about_style{ line-height:26px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#444; margin-top:50px;}
.about_style img{ margin-left:20px;}

/*pro_list*/
.prowarp{ width:25%; float:left;}
.prowarp2{ width:20%; float:left;}
.prowarp2:hover .probox2,.prowarp2:hover .proname2{ box-shadow:2px 2px 6px #ccc; display:block;}
.probox{ margin:20px; background:url(../images/pro_bg2.jpg) no-repeat center; background-size:cover; border:5px solid #b3d7ec;}
.probox .propic{ padding:26px;}
.probox .propic img{ width:100%;}
.probox2{ margin:10px 25px 0 25px; background:url(../images/pro_bg2.jpg) no-repeat center; background-size:cover; border:5px solid #b8bee5;}
.probox2 .propic{ padding:26px;}
.probox2 .propic img{ width:100%;}

.proname{ text-align:center; margin-bottom:15px; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.proname2{ text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:14px; background:#b8bee5; margin:0 25px; margin-bottom:15px; margin-top:-5px; line-height:36px;}

	
/*news_list*/

/*contact*/

/*pager*/
.pagelist {margin:20px auto;}
.pagelist .aa, .pagelist .bb, .page_front, .page_back, .page_first, .page_last {font-size:12px; width:25px; height:25px; line-height:27px; overflow:hidden; display:block; text-align:center; margin:0 3px;}
.pagelist .aa {background:#686868; color:#fff; border:1px solid #d2d2d2;} /*2 color-on*/
.pagelist .bb {background:#ffffff; color:#464646; border:1px solid #d2d2d2;} /*3 color-off*/
.pagelist .aa:hover {background:#686868; color:#fff; text-decoration:none;}
.pagelist .bb:hover {background:#686868; color:#fff; text-decoration:none;} /*1 color-hover*/
.page_front, .page_back, .page_first, .page_last {width:55px; background:#fff; color:#464646; border:1px solid #d2d2d2;}
.pagelist .page_front:hover, .pagelist .page_back:hover, .pagelist .page_first:hover, .pagelist .page_last:hover {background:#686868; color:#fff; text-decoration:none;}