/*默认设置*/
body, form, p, ul, li
{
	margin: 0;
	padding: 0;
}
img
{
	border: 0;
}


/*基本设置*/
.a2 a{ font-size:13px;}
.main
{
	width: 938px;
	
		background-color: #FFFFFF;
	
	table-layout: fixed;
}

body, table
{
	font-family: microsoft yahei;
	font-size: 12px;
	color: #666666;
	line-height: 140%;
}
input, select, textarea
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
a
{
	text-decoration: none;
	color: #666666;
	font-family:microsoft yahei;}
a:hover
{
	text-decoration: none;
	color: #FF5A00;
}



/*左侧*/
.left
{
background-color: #F3F9FF;
width:181px;
}

.left .title
{
	height: 22px;
	width:181px;
	line-height: 22px;
	margin-top: 10px;
	font-size: 13px;
	font-weight: bold;
	color: #006FCB;
	
		background: url(/images/20091463214925.jpg) center bottom no-repeat;	
		text-align: center;
		padding-top: 3px;
	
}
.left .content
{
	padding: 10px 4px 5px 4px;
	color: #005AA4;
	background-color: #F3F9FF;
	border: 1px solid #F3F9FF;
	line-height: 20px;
	width: 170px!important;width: 180px; /*ie 和 firefox 对于宽度的理解不一样*/
}
.left .content a
{
	color: #005AA4;
	text-decoration: underline;
	line-height: 25px;
}
.left .content a:hover
{
	color: #FF5A00;
	text-decoration: none;
	line-height: 25px;
}


/*首页中间*/
#homeM
{	
	background-color: #FFFFFF;
	width:521px;
	
}
#homeM .title
{
	height: 30px;
	line-height: 30px;
	margin: 10px 0 10px 0;

	color: #008396;
	
		background: url(/images/20091463580489.jpg) no-repeat center center;
	
}
#homeM .titleL
{
	padding-left: 25px;
	font-weight: bold;
}
#homeM .titleR
{
	text-align: right;
}
#homeM .content
{
	color: #666666;
	line-height: 20px;
}
#homeM a
{
	color: #666666;
}
#homeM a:hover
{
	color: #FF5A00;
}
#homeM .moreImage
{
	height: 20px;
	width: 60px;
	cursor: pointer;
	
		background: url(/images/20091463412709.gif) bottom right no-repeat;
	
}
#homeM img.p
{
	border: 1px solid #E1E1E1;
}


/*首页右侧*/
#homeR
{	
	background-color: #F3F9FF;
	border-left: 1px solid #DFF0FF;
}
#homeRSpace
{
	background-color: #F3F9FF;
}
#homeR .title
{
	margin-top: 10px;
	width:192px;
	height: 22px;
	line-height: 22px;
	font-size: 13px;
	font-weight: bold;
	color: #006FCB;
	
		background: url(/images/20091463777241.jpg) center bottom no-repeat;	
		text-align: center;
		padding-top: 3px;
	
}
#homeR .content
{
	padding: 10px 10px 0 10px;
	color: #2958A4;
	line-height: 20px;
	width: 172px!important;width: 192px; /*ie 和 firefox 对于宽度的理解不一样*/
}
#homeR .content a
{
	color: #2958A4;
	text-decoration: underline;
}
#homeR .content a:hover
{
	color: #FF5A00;
	text-decoration: none;
}
#homeR .content img.p
{
	border: 1px solid #B9DAF5;
}
#homeR .moreImage
{
	height: 20px;
	cursor: pointer;
	clear: both;
	
		background: url(/images/20091463835585.gif) center right no-repeat;
	
}



/*右侧*/
.right, #homeMain
{	
	background-color: #ffffff;
	padding-top:12px;
	
}
.right .title
{
	font-size: 16px;
	font-weight: bold;
	line-height: 180%;
	color: #006FCB;
	
		background: url(/images/20091464800957.jpg) no-repeat center bottom;
	
}
.right .title_name
{
	font-size: 16px;
	font-weight: bold;
	line-height: 180%;
	color: #006FCB;	
}
.right .content
{
	margin: 20px 0 40px 0;
	font-size: 14px;
	line-height: 180%;
	color: #666666;
}
.right .list
{
	margin: 20px 0 20px 0;
	color: #666666;
}
.right .pic
{
	margin-top: 20px;
}
.right .content a, .right .list a
{
	font-size: 14px;
	color: #666666;
}
.right .content a:hover, .right .list a:hover
{
	font-size: 14px;
	color: #FF5A00;
}
.right .pic a /*图片列表的链接要单独定义，因为链接文字大小不一样*/
{
	color: #666666;
}
.right .pic a:hover
{
	color: #FF5A00;
}
.right img.p
{
	border: 1px solid #E1E1E1;
}


/*底部导航*/
table#navBottom
{
	
		background-image: url(/images/20091463876693.jpg);
	

	color: #FFFFFF;
	padding-left: 15px;
}

table#navBottom a
{
	color: #FFFFFF;
	text-decoration: none;
}
table#navBottom a:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}


/*底部版权*/
table#footer
{
	
		background-color: #FFFFFF;
	

	color: #666666;
	line-height: 18px;
	padding: 8px 0 10px 20px;
}

table#footer a
{
	color: #666666;
	text-decoration: none;
}
table#footer a:hover
{
	color: #FF5A00;
	text-decoration: underline;
}

/*日期*/
.date
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*  banner */
.banner {width:100%; }
.banner .bd { position:relative; left:50%; width:1920px; margin-left:-960px; text-align:center; }
.banner .bd li video{ display: block; width: 100%; }
.banner .hd { position:absolute; bottom:5%; width:100%; height:15px; z-index:1; }
.banner .hd ul { width:1002px; height:15px; margin:0 auto; text-align:center; }
.banner .hd ul li { display:inline-block; *display:inline; zoom:1; width:15px; height:15px; margin-left:5px; border-radius:3px; background:#fff; line-height:999px; overflow:hidden; cursor:pointer; vertical-align:top; }
.banner .hd ul .on { background:#d81a11; }
.banner .bPrev,.banner .bNext { position:absolute; top:50%; display:block; width:59px; height:60px; margin-top:-30px; z-index:99; display:none; }
.banner .bPrev { left:3%; background:url(../images/bPrev.png) no-repeat;}
.banner .bNext { right:3%; background:url(../images/bNext.png) no-repeat; }
.banner img,.cols img,.leftPicTitle img,.detail img { vertical-align:top; }
.wrapper { position:relative; width:100%; margin:0; overflow:hidden; min-width:1200px; }


/*蓝绿大字标题*/
.indextitle{ margin-top:60px;}

.indextitle .t1{
background:url(../images/line.png) no-repeat center center; 
height:40px;
font-size:30px;
font-weight:bold;
}

.indextitle .t1 .tblue{ color:#007dbe;}
.indextitle .t1 .tgreen{ color:#5abc3d;}

.indextitle .t2{
font-size:16px; color:#353432; line-height:60px;
}

/*业务内容*/
#animate {
	
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: .2s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: 1s;
	-moz-animation-delay: .2s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: 1s;
	-ms-animation-delay: .2s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: 1s;
	animation-delay: .2s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}
.cpjs{
    display: block;
	width:270px;
    height: 388px;
	background-color:#fff;
    box-sizing: border-box;
    box-shadow: 0 0 20px rgba(8,1,3,.12);
    transition: all 1s ease;
    overflow: hidden;}

.cpjs .tb{position:relative;width:100px;height:100px;margin:40px auto 0}
.cpjs .tb .i1,.cpjs .tb .i2{display:block;position:absolute;left:0;top:0;border-radius:50%;}
.cpjs .tb .i1{transition:400ms;}
.cpjs .tb .i2{-webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0); transition:500ms;}

.sotit .p{font-size:18px;color:#333; font-weight:bold; text-align:center;margin:24px 0;}
.sotit .line{width:30px;height:2px;background:#e5e5e5;margin:0 auto 30px;}
.sobox a{font-size:14px;color:#666;line-height:26px;text-align:left; width:240px; display:block; margin:0 auto;
overflow:hidden;
text-overflow:ellipsis; 
display:-webkit-box;
-webkit-line-clamp:4;
-webkit-box-orient:vertical;
 text-align:justify;
}

.cpjs:hover{margin-top:-20px;box-shadow:0px 0px 35px rgba(8,1,3,.12);}
.cpjs:hover .tb .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);box-shadow:17px 11px 30px rgba(90,188,61,0.4)}
.cpjs:hover .tb .i1{ opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.2); transform: scale(1.2);}

.cpjs:hover .sotit .p{color:#5abc3d;}
.cpjs:hover .sotit .line{background:#5abc3d;}
.sobox a:hover{color:#5abc3d;text-decoration:underline;}


/*  新闻中心 */

.news{padding:60px 0;overflow:hidden;background:#f1f5f5;line-height:24px; margin-top:30px; min-width:1200px;}
.grWidth{width:1200px; margin:0 auto;}
.news .tie{font-size:25px;font-weight:normal;color:#000;height:60px;}
.news .tie a{float:right;font-size:20px;color:#7e7e7e;margin-right:60px;}
.newsLeft{width:475px;overflow:hidden;color:#717171;}
.newsLeft .nImg{width:475px;height:320px;overflow:hidden;display:block;}
.newsLeft img{width:475px;height:320px;transition:all 0.5s;}
.newsLeft .date{float:right;margin-top:-65px;position:relative;background:#5587ce;width:100px;height:80px;color:#fff;text-align:center;font-family:Arial;font-size:14px;margin-right:20px;}
.newsLeft .date span{display:block;font-size:45px;line-height:45px;padding-top:8px;}
.newsLeft h3{clear:both;padding-top:10px;height:30px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.newsLeft h3 a,.newsRight li h3 a{color:#000;}
.newsLeft h3 a:hover,.newsRight li h3 a:hover{color:#5abc3d;}
.newsLeft .more,.newsRight li .more{display:inline-block;margin-top:10px;color:#e51f16;}
.newsLeft .more:hover,.newsRight li .more:hover{color:#5abc3d;}
.newsLeft img:hover{transform:scale(1.1,1.1);}

.newsRight{width:700px;position:relative;}
.newsRight .ohbox{height:480px;overflow:hidden;}
.newsRight .ohbox li{width:700px;overflow:hidden;margin-bottom:15px;height:150px;}
.newsRight .ohbox li i{float:left;width:65px;height:150px;background:#5587ce url('../images/nIcon.png') no-repeat center center;transition:all 0.4s;margin-left:-65px;}
.newsRight .ohbox li div{background:#fff;padding:10px 25px;overflow:hidden; height:150px;}
.newsRight .ohbox li h3{height:30px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.newsRight .ohbox li .date{font-size:14px;font-family:Arial;display:block;}
.newsRight li .more{margin-top:5px;}
.newsRight .ohbox li:hover i{margin-left:0;}
.newsRight .pageBtn span{background:url('../images/nBtn.png') no-repeat 0 0;display:inline-block;width:22px;height:22px;position:absolute;cursor:pointer;overflow:hidden;text-indent:-9999px;right:28px;top:-58px;}
.newsRight .pageBtn .next{background-position:-22px 0;right:0;}
.newsRight .pageBtn span:hover{background-position: -44px 0;}
.newsRight .pageBtn .next:hover{background-position: -66px 0;}

.fl{float:left;}
.fr{float:right;}



/*top-intr*/
.top-intr{ height: 35px; line-height: 35px; background-color: #007dbe;color: #fff; min-width:1200px;}
.top-1200{width:1200px; margin: auto;}
.top-intr p{line-height: 35px; font-size: 13px;color:#fff;}
.top-intr p a:hover{color: #fff;}
.top-intr p a{padding:0 10px; border-right: 1px solid #fff;}

.top-intr p a:last-child{border: none;}
.pull-left{float: left; padding-left:10px; list-style:none;}
.pull-right{float: right; padding-left:25px; list-style:none;}

/*翻页*/
#page{margin:30px 5% 30px 5%; overflow:hidden; text-align:center; font-size:14px; clear:both;}
#page .scott{ display:inline-block; margin:0 auto;overflow:hidden;}
#page .scott span,#page .scott a:hover{ background:#5587ce; border:1px solid #5587ce; color:#fff; display:inline; float:left; margin:5px 3px; padding:0 14px; height:34px; line-height:34px; text-decoration:none;}
#page .scott a{padding:0 14px; height:34px; line-height:34px; background-color:#fff; border:1px solid #ccc; margin:5px 3px; display:inline; float:left; color:#222;}
/**/
.page_back{ border-top:1px dashed #ddd; padding:20px 0; margin-top:20px; position:relative; min-height:50px; _height:50px; font-size:16px; line-height:40px;}
.page_back a{ color:#444;}
.page_back a:hover{ text-decoration:underline; color:#a7a25a;}
.page_back .bapage_back_up{ position:absolute; right:10px; top:40px;}
.bapage_back_up em.iconfont{ font-size:18px; font-style:normal; margin-right:6px; display:inline-block;}

/*首页滚动案例*/
.mr_frbox{height:360px; padding-top:20px;}
.mr_frBtnL{float:right;margin-top:145px;cursor:pointer;}
.mr_frUl{float:left;height:360px;width:1200px; overflow:hidden;}
.mr_frBtnR{float:left;margin:145px 20px 0px 0px;cursor:pointer;display:inline;}
.mr_frUl ul li{display:inline;float:left;height:360px;width:204px;overflow:hidden;}
.mr_frUl ul li img{display:block;margin-bottom:24px;border:1px solid #ccc; width:160px; height:45px; padding:10px 9px;}
.mr_frUl ul li img:hover{box-shadow:5px 5px 30px rgba(8,1,3,.12); transition: all 0.5s;}


/*首页滚动业务内容*/
.mr_frbox2{height:450px;}
.mr_frBtnL2{float:right;margin-top:200px;cursor:pointer;}
.mr_frUl2{float:left;height:450px;width:1200px; overflow:hidden;}
.mr_frBtnR2{float:left;margin:200px 20px 0px 0px;cursor:pointer;display:inline;}
.mr_frUl2 ul li{display:inline;float:left;height:450px;width:270px;overflow:hidden; padding:35px 15px 10px 15px;}

/*招聘*/
.jobs{ color:#666666; font-size:14px; border-bottom:1px solid #EDF0F1;  max-width:1100px; margin: 0 auto; cursor:pointer;}
.jobs:hover{ background:#f8f7f7;}

.jobs2{ color:#666666; font-size:14px; border-bottom:1px solid #EDF0F1; max-width:1100px; margin: 0 auto;}

.jobs th{ background:#fff; font-size:16px;}
.jobs .bz{ color:#999; font-size:13px; line-height:200%;}
.jobs .nm{ color:#333; font-size:16px;}
.jobs td{font-size:16px; height:80px; width:21%; text-align:center;}
.jobs td:first-child{ width:21%; padding-left:15px; text-align:left;}
.jobs td:last-child{ width:16%; text-align:right;}
.jobs2 li{ font-size:16px; color:#333; background:#eee; line-height:160%; padding:20px 0 20px 1.33%; width:32%; float:left;}
.jobs td div{text-align:left; padding:15px 0 15px 15px; line-height:180%; font-size:16px;}
.jobs td a{ display:block; width:100%; height:40px; line-height:40px; color:#333; font-size:16px; text-align:center; background:url(../images/td.png) 10% 50% no-repeat #eee;}
.jobs:hover td a{ background:url(../images/tdc.png) 10% 50% no-repeat #007dbe; color:#fff;}
.jobs .jj div p{ background:#007dbe; color:#fff; width:100px; height:35px; line-height:35px; font-weight:bold; text-align:center; margin-left:-8px; margin-bottom:8px;}