﻿@charset "utf-8";
/* CSS Document */

@font-face {
  font-family:'Ubuntu';
  font-style:normal;
  font-weight:400;
  src: url(_tMhxyW6i8lbI7YsUdFlGA.eot);
  src:local('Ubuntu'), url(_tMhxyW6i8lbI7YsUdFlGA.eot) format('embedded-opentype'), url(_xyN3apAT_yRRDeqB3sPRg.woff) format('woff');
}
body,td,th,input,textarea,select{
	font-size:12px;
	font-family:"微软雅黑", Arial, Tahoma;
	color:#666;
	outline:none;
}
html{-webkit-text-size-adjust:none;}
body,form{
	margin:0;
}
img{border:0px none; vertical-align:middle;}
table{border-collapse:collapse;}
ul{display:block; margin:0; padding:0;}
li{list-style:none;}
p{display:block; margin:0; padding:0;}
h1{color:#333; display:block; margin:0; padding:0; font-size:26px; font-weight:normal;}
a{color:#666666; text-decoration:none; outline:none;}
a:hover,a:active{color:#20509C;}
.aGray{color:#999;}
.aGray:hover,.aGray:active{color:#20509C;}

#head{width:1000px; height:90px; margin:auto; position:relative;}
#logo{width:570px; height:52px; margin-top:26px; float:left; background:url(../images/logo.png) no-repeat;}
#head_r{width:300px; height:30px; padding-top:20px; text-align:right; float:right; color:#888;}

#menuC{width:100%; height:46px; background:url(../images/menu_bg.png) repeat-x left top;}
#menu{display:block; width:1030px; margin:auto;}
#menu li{float:left; position:relative;}
#menu li a{display:inline-block; width:126px; text-align:center; height:46px; line-height:43px; font-size:14px; color:#464646; position:relative; z-index:6;}
#menu li a.A{background:#20509C; color:#FFF;}
#menu li span{position:absolute; z-index:1; left:-1px; top:0; width:100%; height:46px; background:#20509C;
    filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;
}
#menu li div{width:126px; position:absolute; top:46px; left:0; z-index:6; width:100%; padding-bottom:10px; background:url(../images/menu_btm.png) no-repeat left bottom; display:none;}
#menu li div a{display:block; padding:9px 0px 11px 0px; height:auto; line-height:normal; font-size:12px; color:#FFF; position:static; text-align:center; border-bottom:1px solid #0041A8; border-top:1px solid #3C5D92; background:#20509C;}
#menu li div.pl{height:453px; background:#20509C; padding:0;}
#menu li div.pl .plc{width:980px; height:453px; margin:auto; position:relative; padding:0; top:0; overflow:hidden; padding-left:40px;}
#menu li div.pl .plc a{display:block; padding:0; width:306px; height:195px; float:left; margin-right:20px; margin-top:20px; position:relative; color:#464646;}
#menu li div.pl .plc img{display:block; padding-top:13px; width:280px; height:146px; margin:auto; margin-bottom:8px;}
#menu li div.pl .plc a p.bg{position:absolute; width:100%; height:100%; top:0; left:0; background:#FFF; filter:alpha(opacity=100); opacity:1.00; z-index:1;}
#menu li div.pl .plc a p.con{position:absolute; width:100%; height:100%; top:0; left:0; z-index:2;}

#banner{width:100%; height:600px; background:#FFF; border-top:3px solid #20509C; overflow:hidden; position:relative; z-index:1;}
.movecon{width:auto; height:600px; white-space:nowrap; padding:0; margin:0; list-style:none;}
.movecon li{display:inline;}
.movecon li.slide1{}
.movecon li.slide2{ margin-left:-4px;}
.movecon li.slide3{ margin-left:-5px;}
.movecon li span{height:600px; display:inline-block;}
.movedo{position:absolute; right:0px; bottom:30px; z-index:5; text-align:right;}
.movedo img{margin-left:8px; cursor:pointer;}

#main{width:1000px; margin:auto; margin-top:30px;}

#indexN{margin-top:5px;}
#indexN li a{display:block; padding-top:3px; padding-bottom:4px;  background:url(../images/arr1.gif) no-repeat left 9px; color:#888; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#indexN li a:hover,#indexN li a:active{color:#20509C; background-position:left -36px;}

.more{display:inline-block; width:68px; padding-left:16px; height:32px; line-height:28px; background:url(../images/more.gif) no-repeat left top; color:#FFF;}
.more:hover,.more:active{color:#FFF; background-position:left -34px;}

#scrollC{width:315px; height:168px; overflow:hidden; position:relative;}
#scrollC_s{position:relative; z-index:1;}
#scrollC_s li{float:left; height:168px; font-size:12px;}
#scroll_l{display:block; width:32px; height:32px; background:url(../images/arr_left.png) no-repeat left top; position:absolute; z-index:3; top:64px; left:12px;}
#scroll_l:hover,#scroll_l:active{background:url(../images/arr_left.png) no-repeat left -32px;}
#scroll_r{display:block; width:32px; height:32px; background:url(../images/arr_right.png) no-repeat left top; position:absolute; z-index:3; top:64px; right:12px;}
#scroll_r:hover,#scroll_r:active{background:url(../images/arr_right.png) no-repeat left -32px;}

#indexP{width:490px; float:right; margin-top:15px; font-size:0px;}
#indexP li{width:245px; float:left;}
#indexP li a{display:block; padding:5px 5px 5px 25px; background:url(../images/arr3.png) no-repeat left -58px; font-size:12px;}
#indexP li a:hover,#indexP li a:active{background-position:left 6px;}
#indexP li.clear{height:0px; font-size:0px; float:none; clear:both; width:100%;}

#indexPL{width:657px; height:170px; float:left; background:#F3F3F3;}

#foot{width:100%; height:175px; background:#F5F5F5; margin-top:20px;}
#footB{width:100%; height:40px; background:#666; text-align:center; color:#FFF; line-height:37px;}
#footB a{ color:#FFF;}
#footB a:hover{ color:#C00;}
#bottom{width:1000px; height:165px; border-top:3px solid #20509C; margin:auto;}

#searchC{width:200px; margin-top:30px; position:relative; background:#FFF;}

#banners{width:100%; height:220px; margin:auto; position:relative; top:0; overflow:hidden; z-index:2;}
#slider{position:absolute; width:3000px; height:220px; top:0; left:50%; margin-left:-1500px; z-index:3; overflow:hidden;}

#nav{height:46px; width:1000px; margin:auto; background:url(../images/nav_bg.png) repeat-x left bottom; border-bottom:1px dotted #CCC;}
#nav_l{width:230px; float:left; font-size:18px; color:#333; padding-top:10px;}
#nav_r{width:600px; float:right; text-align:right; color:#999; padding-top:14px;}

#main_l{width:230px; float:left;}
#main_r{width:735px; float:right;}

#leftM{border-top:1px solid #DDD;}
#leftM a{display:block; padding:9px 0px 10px 34px; border-bottom:1px solid #DDD; font-size:12px; background:url(../images/leftM_arr.png) no-repeat 20px 15px;}
#leftM a:hover,#leftM a:active{background-position:20px -25px; color:#20509C;}
#leftM a.A{background:url(../images/leftM_A.png) no-repeat left top; color:#FFF; position:relative; padding-top:10px; margin-top:-1px; border-bottom:1px solid #20509C;}

.text{line-height:200%;}
.text p{margin-bottom:15px;}

#tel{margin-top:26px;}
#inline{margin-top:12px;}

.list li{height:35px;}
.list li a{float:left; line-height:35px; background:url(../images/list_arr.gif) no-repeat 3px 13px; padding-left:14px;}
.list li a:hover,.list li a:active{background:url(../images/list_arr.gif) no-repeat 3px -79px;}
.list li span{display:block; float:right; width:100px; text-align:right; line-height:35px; color:#999;}

.back{display:block; background:#EEE; padding:10px 0px 12px 0px; text-align:center; font-size:14px; border-radius:5px; box-shadow:1px 1px 2px 0px rgba(0,0,0,0.1);}

.prolist_side li{border-bottom:1px solid #E6E6E6;}
.prolist_side li a{background:url(../images/list_arr.gif) no-repeat 3px 12px !important; padding:8px 0px 9px 13px !important;}
.prolist_side li a:hover,.prolist_side li a:active{background:url(../images/list_arr.gif) no-repeat 3px -80px !important;}
.prolist_side_son{padding-bottom:8px !important;}
.prolist_side_son li{border-bottom:0px none;}
.prolist_side_son li a{background:none !important; padding:4px 0px 4px 8px !important;}
.prolist_side_son li a:hover,.prolist_side_son li a:active{background:none !important; padding:4px 0px 4px 8px !important;}
.prolist_side li span.close{background:url(../images/plus_minus.gif) no-repeat right 12px !important;}
.prolist_side li span.open{background:url(../images/plus_minus.gif) no-repeat right -180px !important;}
.prolist_side_son li span.close{background:url(../images/plus_minus.gif) no-repeat right 9px !important;}
.prolist_side_son li span.open{background:url(../images/plus_minus.gif) no-repeat right 9px !important;}

.prolist{display:block; overflow:hidden; width:760px; _zoom:1; margin-left:10px;}
.prolist li{float:left; width:340px; height:260px; position:relative; margin-right:37px; _margin-right:35px; text-align:center;}
.prolist li a img{width:338px; height:258px; border:1px solid #DDD;}
.prolist li a span{
	display:block; font-size:14px; position:absolute; width:338px; height:41px; left:1px; bottom:1px; color:#FFF; line-height:38px;
	background:#20509C;
	filter:alpha(opacity=75);  
    -moz-opacity:0.75;  
    -khtml-opacity:0.75;  
    opacity:0.75; 
}
.prolist li a span p{position:relative;}
.prolist li.clear{float:none; clear:both; width:100%; height:35px;}

#propath{padding:10px; background:#EEE; color:#999;}

.backpro{
	position:absolute; display:block; width:80px; height:26px; right:10px; top:8px; font-size:14px; text-align:center; line-height:24px; font-weight:normal; color:#20509C;
	background:#FFF;
	filter:alpha(opacity=90);  
    -moz-opacity:0.9;  
    -khtml-opacity:0.9;  
    opacity:0.9;	
}
.backpro p{position:relative;}

#proo{position:relative; height:87px; float:right; width:150px;}
#proo a{display:block; width:150px; height:93px; padding-top:7px; margin-bottom:10px; background:#BBB; text-align:center; font-size:14px; color:#FFF;}
#proo a img{display:block; margin:auto; margin-top:11px; margin-bottom:5px;}

#qrcode{position:absolute; right:-180px; top:72px; border:1px solid #DDD; display:none;}

.job{width:780px;}
.job li{float:left; width:221px; margin-right:35px;}
.job li a img{display:block; margin:auto; margin-bottom:8px; padding-top:12px; width:100px;}
.job li a{display:block; text-align:center; padding-bottom:12px; font-size:14px; color:#FFF; background:#BBB;}
.job li.clear{clear:both; float:none; height:35px; background:#FFF;}


.a:link {
	display:block;
	width:190px;
	height:32px;
	color:#333;
	line-height:32px;
	margin-bottom:5px;
	text-decoration:none;
	text-align: left;
	background-image: url(../images/prolistbg.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: 25px;
}
.a:visited {
	display:block;
	width:190px;
	height:32px;
	color:#333;
	margin-bottom:5px;
	line-height:32px;
	text-decoration:none;
	text-align: left;
	background-image: url(../images/prolistbg.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
		text-indent: 25px;
}
.a:hover {
	display:block;
	width:190px;
	height:32px;
	color:#fff;
	font-weight:bold;
	margin-bottom:5px;
	line-height:32px;
	text-decoration:none;
	text-align: left;
	background-image: url(../images/prolistbg2.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
		text-indent: 25px;
}
.a:active {
	display:block;
	width:190px;
	height:32px;
	margin-bottom:5px;
	color:#fff;
	line-height:32px;
	text-decoration:none;
	text-align: left;
	background-image: url(../images/prolistbg2.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
		text-indent: 25px;
}


#boot{
	float:left;
	width:100%;
	min-height:300px;
	background:#f7f7f7;
	border-top:3px solid #20509C;
}
#boot .con{
	width:1000px;
	margin:20px auto 0px auto;
}
#boot .con .hover{
	float:left;
	width:780px;
	height:225px;
}
#boot .con .hover .nav{
	float:left;
	width:130px;
	text-align:left;
	font-size:14px;
}
#boot .con .hover .nav h3{
	display:block;
	padding:8px 0px;
	color:#555;
}
#boot .con .hover .nav a{
	display:block;
	    padding: 3px 15px 0px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#boot .con .qrcode{
	float:right;
	width:210px;
	border-left:1px dotted #ddd;
	text-align:right;
}
#boot .con .copy{
	clear:both;
	font-size:14px;
	height:35px;
	line-height:35px;
	text-align:left;
	color:#555;
	border-top:1px solid #ddd;
}
#boot .con .copy .eshion{
	float:right;
	font-size:12px;
	color:#ccc;
}

#main .title{

	text-align: center;
	text-transform: uppercase;
	color: #ccc;
	letter-spacing: 6px;
}
#main .title h2{
	background:url(../images/title-line.png) no-repeat;
	background-position:center center;
	display:block;

	font-size:20px;
	font-weight:normal;
	color:#444;
	letter-spacing:normal;
}
#main .title h2 strong{
	display:inline-block;
	background:#fff;
	padding:0px 30px;
}

.wrap{width:1000px; margin:auto; position:relative;}

#m123{height:520px; margin-top:60px; position:relative;}
.m_tit{text-align:center; font-size:26px; color:#333; background:url(../images/m_tit_bg.png) no-repeat center bottom; padding-bottom:16px;}
.m_info{text-align:center; padding:16px 0 0 0; color:#888; font-size:12px;}


#m1_move{width:100%; height:420px; margin-top:60px;     overflow: hidden;}
#m1_move .box{width:1000px; height:100%; overflow:hidden;}
#m1_move .list{width:9999px; height:100%;}
#m1_move .list li{display:block; width:200px; float:left; padding:0 25px;}
#m1_move a{display:block; width:200px; height:100%; }
#m1_move a .img{width:200px; height:200px; border-radius:5px; position:relative; overflow:hidden; border:1px solid #c0c0c0;}
#m1_move a .img img{width:100%; height:100%; border-radius:5px;}
#m1_move a .con{border-bottom:1px solid #E6E6E6; height:86px; position:relative;}
#m1_move a .con .tit{display:block; text-align:center; padding:22px 0 0 0; font-size:17px; color:#333; transition:all ease 0.25s; width:100%;overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;}
#m1_move a .con .son{display:block; padding:16px 0 0 0; font-size:12px; line-height:180%; color:#888; text-align:center;}
#m1_move a .con .more_bg{display:inline-block; height:30px; width:78px; background:#AAA; position:absolute; left:50%; margin-left:-39px; bottom:-15px; border-radius:3px; transition:all ease-out 0.2s;}
#m1_move a .con .more1{color:#FFF; text-align:center; line-height:30px; display:inline-block; height:30px; width:88px; position:absolute; left:50%; margin-left:-44px; bottom:-15px;}

#m1_move a .img .bg{width:100%; height:0; position:absolute; z-index:1; border-radius:5px; background:#000; left:0; top:0; transition:all ease 0.3s; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
#m1_move a .img .zoom{position:absolute; z-index:2; left:0; bottom:0; width:100%; text-align:center; height:100%; line-height:240px; transition:all ease 0.3s; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
#m1_move a .img .zoom img{width:46px; height:46px; transition:all ease 0.35s; margin-top:40%}

#m1_move a:hover .img .bg,#m1_move a:active .img .bg{height:100%; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;}
#m1_move a:hover .img .zoom,#m1_move a:active .img .zoom{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
#m1_move a:hover .img .zoom img,#m1_move a:active .img .zoom img{transform:rotateX(360deg); -webkit-transform:rotateX(360deg); -moz-transform:rotateX(360deg);}
#m1_move a:hover .con .tit,#m1_move a:active .con .tit{color:#204F9D; padding-top:30px;}
#m1_move a:hover .con .more_bg,#m1_move a:active .con .more_bg{background:#204F9D; width:110px; margin-left:-55px;}

#m1_move .prev{display:block; width:50px; height:50px; background:url(../images/icon_arrow_l.png) no-repeat center center; background-size:100% 100%; position:absolute; display:block; left:-100px; top:40%; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4; transition:all ease 0.3s; cursor:pointer;}
#m1_move .prev:hover,#m1_move .prev:active{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
#m1_move .next{display:block; width:50px; height:50px; background:url(../images/icon_arrow_r.png) no-repeat center center; background-size:100% 100%; position:absolute; display:block; right:-100px; top:40%; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4; transition:all ease 0.3s; cursor:pointer;}
#m1_move .next:hover,#m1_move .next:active{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}


#m1_move1{width:1000px; float:right; margin-top:60px;     overflow: hidden;}
#m1_move1 .box{width:1000px; height:100%; overflow:hidden;}
#m1_move1 .list{width:1000px; height:100%;}
#m1_move1 .list li{display:block; width:200px; float:left; height:350px; padding:0 25px;}
#m1_move1 a{display:block; width:200px; height:100%; padding-left:0px;}
#m1_move1 a .img{width:200px; height:200px; border-radius:5px; position:relative; overflow:hidden; border:1px solid #c0c0c0;}
#m1_move1 a .img img{width:100%; height:100%; border-radius:5px;}
#m1_move1 a .con{border-bottom:1px solid #E6E6E6; height:86px; position:relative;}
#m1_move1 a .con .tit{display:block; text-align:center; padding:22px 0 0 0; font-size:17px; color:#333; transition:all ease 0.25s; width:100%;    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
#m1_move1 a .con .son{display:block; padding:16px 0 0 0; font-size:12px; line-height:180%; color:#888; text-align:center;}
#m1_move1 a .con .more_bg{display:inline-block; height:30px; width:78px; background:#AAA; position:absolute; left:50%; margin-left:-39px; bottom:-15px; border-radius:3px; transition:all ease-out 0.2s;}
#m1_move1 a .con .more1{color:#FFF; text-align:center; line-height:30px; display:inline-block; height:30px; width:88px; position:absolute; left:50%; margin-left:-44px; bottom:-15px;}

#m1_move1 a .img .bg{width:100%; height:0; position:absolute; z-index:1; border-radius:5px; background:#000; left:0; top:0; transition:all ease 0.3s; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
#m1_move1 a .img .zoom{position:absolute; z-index:2; left:0; bottom:0; width:100%; text-align:center; height:100%; line-height:240px; transition:all ease 0.3s; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
#m1_move1 a .img .zoom img{width:46px; height:46px; transition:all ease 0.35s; margin-top:40%}

#m1_move1 a:hover .img .bg,#m1_move1 a:active .img .bg{height:100%; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;}
#m1_move1 a:hover .img .zoom,#m1_move1 a:active .img .zoom{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
#m1_move1 a:hover .img .zoom img,#m1_move1 a:active .img .zoom img{transform:rotateX(360deg); -webkit-transform:rotateX(360deg); -moz-transform:rotateX(360deg);}
#m1_move1 a:hover .con .tit,#m1_move1 a:active .con .tit{color:#204F9D; padding-top:30px;}
#m1_move1 a:hover .con .more_bg,#m1_move1 a:active .con .more_bg{background:#204F9D; width:110px; margin-left:-55px;}

#m1_move1 .prev{display:block; width:50px; height:50px; background:url(../images/icon_arrow_l.png) no-repeat center center; background-size:100% 100%; position:absolute; display:block; left:-100px; top:40%; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4; transition:all ease 0.3s; cursor:pointer;}
#m1_move1 .prev:hover,#m1_move1 .prev:active{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
#m1_move1 .next{display:block; width:50px; height:50px; background:url(../images/icon_arrow_r.png) no-repeat center center; background-size:100% 100%; position:absolute; display:block; right:-100px; top:40%; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4; transition:all ease 0.3s; cursor:pointer;}
#m1_move1 .next:hover,#m1_move1 .next:active{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}


#banner-inside {
	position: relative;
	width: 100%;
	height: 300px;
	overflow: hidden;
	margin: 0px auto;
	
}
#banner-inside img {
	position: absolute;
	left: 50%;
	top: 0px;
	margin-left: -1000px;
}
#navpart {
	position: relative;
	background: #f4f4f4;
	margin: 0px auto;
	width: 100%;
	padding:0px 0 20px 0;
}
#navpart .position {
	width: 1000px;
	padding: 20px 0px;
	margin: 0px auto;
	color: #999;
	font-size: 12px;
	text-align: left;
}
#navpart .position a {
	color: #999;
}
#navpart .position a:hover {
	color: #024D9E;
	text-decoration: underline;
}
#navpart .column {
	width: 1000px;
	margin: 0px auto;
	text-align: left;
	overflow: auto;
}
#navpart .column ul {
	height: 40px;
	text-align: left;
}
#navpart .column ul li {
	display: inline-block;
	float: left;
	border: 1px solid #eee;
	background: #fff;
	height: 40px;
	line-height: 40px;
	padding: 0px 30px;
	margin-right: 10px;
	font-size: 14px;
	text-align: center;
	
}


#title {
	width: 1000px;
	font-size: 24px;
	color: #434343;
	margin: 30px auto;
	padding: 20px 0px;
	text-align: left;
	border-bottom: 1px solid #eee;
}
#inside {
	width: 1000px;
	min-height: 300px;
	margin: 0px auto; text-align:left;

}
#inside img{ max-width:100%}
#title1 {
	width: 1200px;
	font-size: 24px;
	color: #434343;
	margin: 30px auto;
	padding: 20px 0px;
	text-align: left;
	border-bottom: 1px solid #eee;
}
#inside1{
	width: 1200px;
	min-height: 300px;
	margin: 0px auto; text-align:left;

}
#inside1 img{ max-width:100%}
#about1 {
	text-align: left;
	font-size: 14px;
	line-height: 30px;
	color: #666;
}
#about1 p {
	margin-bottom: 30px;
	text-indent: 2em;
}
#about1 .img li {
	position: relative;
	display: block;
	float: left;
	width: 23%;
	margin-right: 2%;
	overflow: hidden;
}
#about1 .img li span {
	position: absolute;
	z-index: 9;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	letter-spacing: 10px;
}
#about1 .img li img {
	position: relative;
	z-index: 1;
	left: 0px;
	top: 0px;
	width: 100%;
	height: auto;
}
#about1 .img li .tit1 {
	background: rgba(255,153,0,0.8);
}
#about1 .img li .tit2 {
	background: rgba(228,36,50,0.8);
}
#about1 .img li .tit3 {
	background: rgba(6,80,130,0.8);
}
#about1 .img li .tit4 {
	background: rgba(47,183,11,0.8);
}


/*************新闻中心*********************/
#inside .news-list li{
	height:170px;
	padding:20px 50px;
	border-bottom:1px solid #eee;
	transition:all ease .3s;
	}
#inside .news-list li a{
	display:block;
	height:170px;
	width:100%;
	}
#inside .news-list li .date{
	float:left;
	width:90px;
	height:166px;
	position:relative;
	overflow:hidden;
	}
#inside .news-list li .date .d1{
	width:55px;
	color:#333;
	font-size:40px;
	text-align:center;
	}
#inside .news-list li .date .d2{
	width:55px;
	font-size:20px;
	color:#666;
	text-align:center;
	}
#inside .news-list li .date span{
	width:20px;
	height:5px;
	background-color:#23519E;
	position:absolute;
	right:0px;
	top:0px;
	}
#inside .news-list li .img{
	float:left;
	width:250px;
	height:166px;
	margin-left:20px;
	border-radius:5px;
	overflow:hidden;
	}
#inside .news-list li .img img{
	width:250px;
	height:166px;
	}
#inside .news-list li .con{
	float:left;
	width:500px;
	height:166px;
	margin-left:20px;
	overflow:hidden;
	position:relative;
	}
#inside .news-list li .con h3{
	font-size:20px;
	font-weight:normal;
	margin-bottom:15px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	
	}
#inside .news-list li .con p{
	color:#999;
	line-height:2em;
	}
#inside .news-list li .con span{
	color:#23519E;
	position:absolute;
	bottom:10px;
	left:0px;
	}
#inside .news-list li:hover{
	background-color:#f5f5f5;
	border-color:#ddd;
	}
#inside .news-list li:hover{
	transform:translateX(10px);
	
	}
#pg-newsview{
	margin-top:50px;
	}
#pg-newsview .news-title{
	font-size:26px;
	margin-bottom:20px;
	}
#pg-newsview .news-title{
	height:40px;
	font-size:26px;
	position:relative;
	margin-bottom:10px;
	color:#333;
	}
#pg-newsview .news-title span.line{
	display:block;
	height:3px;
	width:90px;
	position: absolute;
	left: 0;
	bottom:-5px;
	background:#23519E;
	}
#pg-newsview .news-date{
	font-size:16px;
	margin-bottom:40px;
	color:#999;
	position:relative;
	}
#pg-newsview .news-date a{
	display:block;
	padding:8px 15px;
	border:1px solid #ddd;
	font-size:12px;
	color:#999;
	position:absolute;
	right:0px;
	bottom:10px;
	cursor:pointer;
	}
#pg-newsview .news-date a:hover{
	background-color:#15499A;
	border-color:#15499A;
	color:#fff;
	transform:translateY(-3px);
	}
#pg-newsview .news-con{
	line-height:2em;
	color:#666;
	}
#pg-newsview .news-ft{
	margin-top:20px;
	padding:15px;
	line-height:2em;
	color:#999;
	background-color:#f5f5f5;
	}
/*************新闻中心END******************/

.pageNavi {  margin-top:20px; display:block; WIDTH: 100%; TEXT-ALIGN: center; line-height:30px; font-size:12px; margin-bottom:10px;}
.wp-pagenavi { CLEAR: both}
.wp-pagenavi A {
	border:#CCC solid 1px;
	padding:5px 10px; 
-moz-border-radius: 5px;      /* Gecko browsers */
-webkit-border-radius: 5px;   /* Webkit browsers */
border-radius:5px;            /* W3C syntax */
margin:0 3px;
	}
.wp-pagenavi SPAN { 
border:#CCC solid 1px;
padding:5px 10px; 
-moz-border-radius: 5px;      /* Gecko browsers */
-webkit-border-radius: 5px;   /* Webkit browsers */
border-radius:5px;            /* W3C syntax */
margin:0 3px;
}
.wp-pagenavi A:hover { background:#da1a2e; color:#FFF; border:#da1a2e solid 1px;}
.wp-pagenavi SPAN.current {  background:#da1a2e; color:#FFF; border:#da1a2e solid 1px;}


#view {
	margin: 0px auto;
}
#view .title {
	padding: 15px 0px;
	font-size: 20px;
	color: #333;
}
#view .other {
	padding: 15px 0px;
	font-size: 14px;
	color: #ccc;
	height: 18px;
}
#view .other .icon-time {
	display: inline-block;
	margin: 0px 5px 0px 20px;
	opacity: 0.5;
	width: 16px;
	height: 16px;
	overflow: hidden;
}
#view .text {
	padding: 20px 0px 50px 0px;
	text-align: left;
	font-size: 16px;
	line-height: 28px;
	color: #666; min-height:300px;
}
#view .text p {
	margin-bottom: 20px;
}
#view .btn {
	margin: 0px auto;
}

#view .btn .prev {
	display: block;
	float: left;
	text-align: left;
	width: 40%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #d82128;
}
#view .btn .next {
	display: block;
	float: right;
	text-align: right;
	width: 40%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #20509C;
}
#view .btn .prev a, #view .btn .next a {
	font-size: 14px;
	color: #20509C;
}
#view .btn .prev a:hover, #view .btn .next a:hover {
	text-decoration: underline;
}
#view .btn .prevPro {
	display: block;
	float: left;
	text-align: left;
	width: 40%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #d82128;
}
#view .btn .nextPro {
	display: block;
	float: right;
	text-align: right;
	width: 40%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #d82128;
}
#view .btn .prevPro a, #view .btn .nextPro a {
	font-size: 14px;
	color: #d82128;
}
#view .btn .prevPro a:hover, #view .btn .nextPro a:hover {
	text-decoration: underline;
}
#view .btn .back1 {
	display: block;
	float: left;
	text-align: left;
	width: 40%;
	padding: 30px 0px;
}
#view .btn .back1 a {
	display: inline-block;
	width: 20%;
	min-width: 80px;
	padding: 2% 3%;
	font-size: 14px;
	text-align: center;
	background: #eee;
	border: 1px solid #eee;
}
#view .btn .back1 a:hover {
	background: #fff;
}

.pro_lf{ margin-top:60px; float:left; width:190px; border:1px solid #21509E; border-top-left-radius: 20px; margin-bottom:30px; }
.pro_lf_title{ text-align:center; height:50px; line-height:50px; color:#fff; font-size:18px; border-top-left-radius: 15px; background:#21509E}
.pro_lf li{ font-size: 16px; text-align:center; height:40px; line-height:40px; border-top:1px solid #21509E; overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;}
.pro_lf li.active{ background:#6A93D7; color:#fff;}
.pro_lf li:hover{ background:#6A93D7; color:#fff;}

#article1 {
    background-color: #fff;
    width: 1000px;
    margin: 0px auto 0;
    padding: 0px 0px 30px 0px;
}


ul.job-list{ float:left; width:80%; margin-left:10%; margin-top:20px;}
ul.job-list li{ float:left; width:99%; margin-bottom:20px; border:1px solid #e4e4e4;}
ul.job-list li .jobtitle{ height:46px; overflow:hidden; cursor:pointer; border-radius:5px 5px 0 0;}
ul.job-list li .jobtitle .tit{ float:left; display:block;  line-height:46px; height:46px; overflow:hidden; padding-left:25px; font-size:14px; font-weight:bold;}
ul.job-list li .jobtitle .arr{ float:right; background:url(../images/arrow-d.jpg) center no-repeat; height:46px; width:46px;}
ul.job-list li .jobtitle-active .tit{ color:#e87813;}
ul.job-list li .jobtitle-active .arr{ background:url(../images/arrow-u.jpg) center no-repeat;}
ul.job-list li .jobbrief{ border-top:1px solid #e4e4e4; padding-left:20px; padding-top:15px; padding-right:20px; padding-bottom:15px;}

.ry_content{ width:1200px; margin:0 auto; position:relative; padding:30px 0;}

.cerbox{ width:1000px; overflow:hidden;}
ul.cer-list{ float:left; width:1000px;}
ul.cer-list li{ float:left; width:200px; height:230px; display:inline; margin-right:25px; margin-left:25px; margin-bottom:10px; overflow:hidden;  }
ul.cer-list li .cerbox{ *float:left; width:200px; height:200px; text-align:center; vertical-align:middle; display:table-cell; position:relative;}
ul.cer-list li .cerimg{ *position:absolute; top:50%;}
ul.cer-list li .cerimg img{ *position:relative; top:-50%; left:-50%; vertical-align: middle\9; }
ul.cer-list li span{ float:left; width:200px; height:30px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; line-height:30px; font-weight: bold;}