/***************css reset*********/

@import "public.css";
@import "animate.css";
@import "iconfont.css";

/**index**/

.indexA{padding:50px 0;}
.indexA .tit{text-align:center;}
.indexA .tit h3{font-size:28px;color:#3366ff;font-weight:bold;}
.indexA .tit p{font-size:16px;color:#666;margin-top:15px; font-weight: 800;}

.indexA ul{margin:20px 0 0 0;}
.indexA ul li{float:left;padding:0;text-align:center;box-sizing:border-box;cursor:pointer; margin: 10px 8px;}
.indexA ul li:last-child{border-right:none;}
.indexA ul li img{transition:All 0.4s ease-in-out; width:270px;}
.indexA ul li p {font-size:15px;color:#555;margin-top:15px;}
.indexA ul li p a{color:#555;}
.indexA ul li p a:hover{color:#3366ff;font-weight:700;}
.indexA ul .spacing{margin-left: 60px;}

.indexA ul li:hover img{box-shadow: 0px 0px 10px #00a2ff;}

.indexC{padding:50px 0;background:#fff;}
.indexC .tit{text-align:center;}
.indexC .tit h3{font-size:28px;color:#3366ff;font-weight:bold;}
.indexC .tit p{font-size:16px;color:#666;margin-top:15px; font-weight: 800;}

.indexC .list{margin:30px 0 0 0;}
.indexC .list ul{margin:0 0 0 -3%;}
.indexC .list ul li{float:left;width:30.333333%;padding:5px;background:#fff;margin:0 0 20px 3%;box-sizing:border-box;transition:all 0.3s ease 0s;}
.indexC .list ul li .pic{width:100%;display:block;overflow:hidden;}
.indexC .list ul li .pic img{width:100%;display:block;}
.indexC .list ul li .t{border:1px solid #fff;padding:10px 5px;background:#fff;}
.indexC .list ul li .t h5{line-height:30px;text-align:center;}
.indexC .list ul li .t h5 a{font-size:14px;color:#333;}
.indexC .list ul li .t h5 a:hover{color:#3366ff;}

.indexC .list ul li:hover{box-shadow:0 4px 10px rgba(0,0,0,.3);transform:translate(0,-10px);-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);-o-transform:translate(0,-10px);-ms-transform:translate(0,-10px);}

.indexC a.more{text-align:center;width:156px;height:40px;line-height:40px;font-size:15px;color:#fff;background:#3366ff;border-radius:4px;display:block;margin:40px auto 0;transition:all 0.3s ease 0s;}
.indexC a.more:hover{width:180px;background:#1750AF;}

.indexC #demo {background: #FFF; overflow:hidden; width: 1166px; margin-top: 30px;} 
.indexC #demo a{float:left;padding:3px;background:#fff;box-sizing:border-box;transition:all 0.3s ease 0s;}
.indexC #demo p{text-align: center; padding: 5px; font-size: 16px; width:260px;}
.indexC #demo img {border: 3px solid #F2F2F2; height: 360px; width: 260px; margin: 5px 5px;} 
.indexC #indemo { float: left;width: 800%; } 
.indexC #demo1 {float: left;} 
.indexC #demo2 {float: left;} 

.indexG{padding:50px 0; background: #f4f2f2;}
.indexG .tit{text-align:center;}
.indexG .tit h3{font-size:28px;color:#3366ff;font-weight:bold;}
.indexG .tit p{font-size:16px;color:#666;margin-top:15px; font-weight: 800;}
.indexG .yjzsCont{ width: 1166px; float:left; padding:10px 9px;}
.indexG .yjzsCont .anliImg1{ width:380px; height:400px; border:solid 1px #dcdcdc; padding:3px 3px; display:block; float:left;}
.indexG .yjzsCont .anliTxt1{ width:388px; float:left; height:25px; line-height:25px; overflow:hidden; font-size:16px;}
.indexG .yjzsCont .anliImg1 img{width:380px; height:400px; border:0}
.indexG a.more{text-align:center;width:156px;height:40px;line-height:40px;font-size:15px;color:#fff;background:#3366ff;border-radius:4px;display:block;margin:40px auto 0;transition:all 0.3s ease 0s;}
.indexG a.more:hover{width:180px;background:#1750AF;}

.indexG #show {background: #FFF; overflow:hidden; width: 1166px; margin-top: 30px;} 
.indexG #show a{float:left;padding:5px;background:#fff;box-sizing:border-box;transition:all 0.3s ease 0s;}
.indexG #show p{text-align: center; padding: 5px; font-size: 16px; width: 355px;}
.indexG #show img {border: 3px solid #F2F2F2; width: 340px; margin: 5px 10px;} 
.indexG #indemo { float: left;width: 800%; } 
.indexG #show1 {float: left;} 
.indexG #show2 {float: left;} 

.indexB{padding:60px 0 50px 0;}
.indexB .tit{text-align:center;}
.indexB .tit h3{font-size:28px;color:#3366ff;font-weight:bold;}
.indexB .tit p{font-size:14px;color:#666;margin-top:15px;}

.indexB .txt{font-size:14px;color:#727170;line-height:30px;margin-top:20px;text-align:center;padding:0 50px;}

.indexB a.more{text-align:center;width:156px;height:40px;line-height:40px;font-size:15px;color:#fff;background:#3366ff;border-radius:4px;display:block;margin:40px auto 0;transition:all 0.3s ease 0s;}
.indexB a.more:hover{width:180px;background:#1750AF;}


.indexD{background:#f4f2f2;padding:40px 0;}
.indexD .tit{text-align:center;}
.indexD .tit h3{font-size:28px;color:#3366ff;font-weight:bold;}
.indexD .tit p{font-size:16px;color:#333;margin-top:15px; font-weight: 800;}


.indexD .nr{margin-top:45px;}
.indexD .nr .indexnews-l{padding:15px;background:#fff;float:left;width:450px;}
.indexD .nr .indexnews-l .pic{width:100%;}
.indexD .nr .indexnews-l .pic img{width:100%;display:block;}
.indexD .nr .indexnews-l .txt{margin-top:15px;}
.indexD .nr .indexnews-l .txt h5{font-size:18px;color:#3366ff;}
.indexD .nr .indexnews-l .txt h5 a{color:#333;}
.indexD .nr .indexnews-l .txt h5 a:hover{color:#3366ff;}
.indexD .nr .indexnews-l .txt p{font-size:13px;color:#5a5958;margin-top:10px;line-height:25px;}
.indexD .nr .indexnews-l .txt span{display:block;margin:10px 0 0 0;}
.indexD .nr .indexnews-l .txt span a{font-size:14px;color:#333;}


.indexD .nr .indexnews-r{width:640px;height:auto;overflow:hidden;float:right;background:#fff;padding:10px 20px 10px;box-sizing:border-box;}

.indexD .nr .indexnews-r ul li{height:auto;overflow:hidden;border-bottom:1px solid #e4e4e4;padding:20px 0;}
.indexD .nr .indexnews-r ul li:last-child{border-bottom:none;}
.indexD .nr .indexnews-r ul li .date{float:right;color:#838383;height:70px;background:url(/skin/images/hh.png) no-repeat;width:105px;}
.indexD .nr .indexnews-r ul li .date em {width:105px;height:35px;line-height:35px;text-align:center;font-size:34px;font-style:normal;font-weight:bold;display:block;padding-left:10px;padding-top:3px;}
.indexD .nr .indexnews-r ul li .date p {width:105px;height:35px;text-align:center;font-size:14px;font-style:normal;font-weight:normal;line-height:35px;padding-left:10px;}

.indexD .nr .indexnews-r ul li .txt{float:left;width:465px;}
.indexD .nr .indexnews-r ul li .txt em{display:block;background:url(/skin/images/xx.png) no-repeat left;font-size:16px;color:#4c4a46;font-weight:normal;padding-left:15px;}
.indexD .nr .indexnews-r ul li .txt p{color:#8b8886;line-height:25px;font-size:13px;margin-top:7px;}
.indexD a.more{text-align:center;width:156px;height:40px;line-height:40px;font-size:15px;color:#fff;background:#3366ff;border-radius:4px;display:block;margin:40px auto 0;transition:all 0.3s ease 0s;}
.indexD a.more:hover{width:180px;background:#1750AF;}

.indexE{width:100%;height:417px;overflow:hidden;position:relative;background:url(/skin/images/ibg1.jpg) top center no-repeat;}
.indexE h3{height:84px;line-height:84px;margin:66px 0 0;font-size:48px;color:#fff;text-align:center;letter-spacing:1px;}
.indexE p{height:52px;line-height:52px;text-align:center;margin:0 0 50px;color:#d0d0cf;font-size:16px;overflow:hidden;}
.indexE ul{width:1164px;padding-left:38px;margin:0 auto;height:80px;overflow:hidden;}
.indexE ul li{width:255px;height:80px;float:left;background:rgba(0,0,0,.6);overflow:hidden;line-height:74px;text-align:center;font-size:23px;color:#fff;margin-right:35px;}
.indexE ul li:first-child {margin-right:39px;text-indent:-10px;}
.indexE ul li i {color:#ee5909;font-style:normal;}


.index-link{padding:35px 0;}
.index-link h3{background:url(/skin/images/flink.png) no-repeat left center;width:85px;float:left;font-size:20px;color:#454545;height:150px;line-height:150px;padding-left:60px;font-weight:bold;}
.index-link .list{width:940px;float:right;text-align:left;line-height:30px;margin-top:10px;}
/*.index-link .list a{font-size:14px;color:#403f3f;padding:0 15px;display:block;float:left;line-height:44px;}
.index-link .list a img{height: 72px; padding-bottom: 20px;}*/

.hs_m {width:127px;height:42px;background:#035f92;float:right;line-height:42px;text-align:center;margin-top:30px;}
.hs_m a {font-size:14px;color:#fff;}


.mt-tabpage {
	width: 940px;
	margin: 10px auto;
	box-shadow: 0 0 5px #999;
	background-color: #FFFFFF;
}
.mt-tabpage-title {
	height: 44px;
	font-size: 0;
	background-color: #fff;
	width: 94%;
	margin: auto;
	background: #fff;
	border-bottom: 1px solid #f1f1f1;
}
.mt-tabpage-title .mt-tabpage-item {
	display: inline-block;
	width: 105px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	color: #666;
	font-size: 16px;
}
.mt-tabpage-title .mt-tabpage-item:hover{
	color: #007fff;
}
.mt-tabpage-title .mt-tabpage-item-cur {
	color: #007fff;
	font-size: 16px;
	border-bottom: 1px solid #2869d5;
}
.mt-tabpage-count {
	position: relative;
	width: 940px;
	height: 80px;
	overflow: hidden;
}
.mt-tabpage-cont__wrap {
	position: absolute;
}
.mt-tabpage-count .mt-tabpage-item {
	width: 940px;
	height: 80px;
	line-height: 80px;
	text-align: left;
	text-indent: 10px;
}

.mt-tabpage-count .mt-tabpage-item a{
	padding-left: 30px; font-size: 14px;
}

/**ÄÚÒ³Áбí**/

.sidebanner{overflow:hidden;background:url(/skin/images/sidebanner.jpg) no-repeat center;height:300px;text-align:center;}
.sidebanner h6{font-size:36px;line-height:1;font-weight:bold;padding:130px 0 0 0;color:#fff;text-shadow:1px 3px 4px rgba(0,0,0,.5); letter-spacing:15px;}
.sidebanner p{color:rgba(255,255,255,.9);padding:30px 0 0 0;letter-spacing:2px;font-size:18px;}
.sidebanner img{width:100%;}

.path{background:#f7f7f7;height:40px;line-height:40px;}
.path p{color:#2f2f2f;background:url(/skin/images/home.png) no-repeat left;padding-left:20px;}
.path p #time{position: relative; float: right; margin-right: 5px;}

.main{padding:35px 0 60px 0;}

.stit{text-align:center;}
.stit h3{font-size:28px;color:#333;font-weight:bold;}
.stit p{font-size:14px;color:#333;margin-top:15px;}

.side_menu{margin:30px 0 0 0;}
.side_menu ul{text-align:center;font-size:0;}
.side_menu ul li{display:inline-block;width:130px;height:40px;line-height:40px;text-align:center;margin:0 10px;border-radius:15px;background:#BFBFBF;}
.side_menu ul li.active{background:#007fff;}
.side_menu ul li a{color:#333;font-size:15px;}
.side_menu ul li.active a{color:#fff;}

.sidebox{float:left;width:260px;overflow:hidden;}

.left_nav{margin:0 0 40px 0;}
.left_nav h3{font-size:18px;font-weight:bold;display:block;color:#fff;height:52px;line-height:52px;padding:0 0 0 20px;background:#007fff;text-transform:uppercase;}
.left_nav ul{border-bottom:1px solid #e2e2e2;}
.left_nav ul li{height:48px;line-height:48px;border:1px solid #e2e2e2;border-bottom:none;position:relative;}
.left_nav ul li::after{color:#C1C1C1;font-family:"qico";content:"\e666";position:absolute;right:10px;top:0;font-size:15px;font-weight:normal;line-height:45px;}
.left_nav ul li a{color:#333;font-size:15px;display:block;-webkit-transition: 0.5s;transition: 0.5s;padding:0 10px 0 20px; text-indent: 65px;}
.left_nav ul li .thisclass{background-color: #00a2ff; color: #fff;}
.left_nav ul li.active a{color:#32875D;font-weight:bold;}
.left_nav ul li.active::after{display:block;color:#32875D;}
.left_nav ul li .font{text-indent: 50px;}
.mainbox{float:right;width:830px; min-height: 470px; border: 1px solid #e2e2e2; padding: 10px 25px 50px;}



/*-----------*/

.xm{color:#656565;font-size:15px;background:#fff;margin:20px 0 0 0;}
.xm h1{margin:20px 0 20px 0;text-align:center;font-size:22px;color:#333;}
.xm p{margin-bottom:10px;line-height:28px;}


.xmlist{margin:30px 0 0 0;}
.xmlist ul{margin:0 0 0 -2%;}
.xmlist ul li{float:left;width:31.333333%;margin:0 0 20px 2%;border:1px solid #E6E6E6;padding:15px 15px 5px;box-sizing:border-box;transition:all 0.3s ease 0s;}
.xmlist ul li .pic{width:100%;display:block;overflow:hidden;}
.xmlist ul li .pic img{width:100%;height:250px;display:block;}
.xmlist ul li .t{padding:10px 0;background:#fff;text-align:center;}
.xmlist ul li .t h5{line-height:30px;}
.xmlist ul li .t h5 a{font-size:15px;color:#333;}
.xmlist ul li .t h5 a:hover{color:#31865B;}

.xmlist ul li:hover{box-shadow:0 4px 10px rgba(0,0,0,.2);transform:translate(0,-10px);-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);-o-transform:translate(0,-10px);-ms-transform:translate(0,-10px);}

.caselist{}
.caselist ul{margin:0 0 0 -2%;}
.caselist ul li{float:left;width:31.333333%;border:1px solid #E6E6E6;background:#fff;padding:5px;margin:0 0 20px 2%;transition:all 0.3s ease 0s;box-sizing:border-box;}
.caselist ul li .pic{width:100%;display:block;overflow:hidden;}
.caselist ul li .pic img{width:100%;display:block;}
.caselist ul li .t{width:100%;padding:5px 0;height:58px;display:table;text-align:center;}
.caselist ul li .t h5{display:table-cell;vertical-align:middle;}
.caselist ul li .t h5 a{font-size:14px;color:#333;}
.caselist ul li .t h5 a:hover{color:#3366ff;}

.caselist ul li:hover{box-shadow:0 4px 10px rgba(0,0,0,.3);transform:translate(0,-10px);-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);-o-transform:translate(0,-10px);-ms-transform:translate(0,-10px); transform: scale(1.1);}


.gslist ul{margin:0;}
.gslist ul li{margin:0;border-bottom:1px dashed #ddd;overflow:hidden;line-height:40px;height:40px;}
.gslist ul li h5{float:left;overflow:hidden;background:url("/skin/images/xx.png") no-repeat left center;padding:0 0 0 15px;}
.gslist ul li h5 a{font-size:14px;color:#333;}
.gslist ul li h5 a:hover{color:#32875D;}
.gslist ul li span{float:right;display:block;font-size:12px;color:#777;}


/*-----------*/


.certlist{}
.certlist ul{margin:0 0 0 -2%;}
.certlist ul li{float:left;width:48%;margin:0 0 20px 2%;border:1px solid #E6E6E6;padding:10px;box-sizing:border-box;transition:all 0.3s ease 0s;}
.certlist ul li a{width:100%;display:block;overflow:hidden;}
.certlist ul li a img{width:100%;height:262px;display:block;}
.certlist ul li p{padding:10px 0;line-height:20px;font-size:14px;color:#333;text-align:center;}

.certlist ul li:hover{box-shadow:rgba(62,57,107,0.3) 0px 6px 16px 0px;transform:translate(0,-10px);-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);-o-transform:translate(0,-10px);-ms-transform:translate(0,-10px);}



.pro_view_top{overflow:hidden;border:1px solid #E6E6E6;padding:10px;background:#fff;}

.pro_img{float:left;width:600px;}
.pro_img img{width:100%;display:block;}

.pro_view_inner{margin:20px 0 0 0;text-align:center;}
.pro_view_inner h1{}
.pro_view_inner p{margin:15px 0 0 0;font-size:16px;line-height:20px;}

.pro_text{}
.pro_text .tit{border-bottom:1px solid #ddd;margin:20px 0 0 0;}
.pro_text .tit h5{position:relative;height:44px;line-height:40px;font-size:15px;width:150px;text-align:center;background:#32885D;color:#fff;}
.pro_text .tit h5 i{position:absolute;left:50%;bottom:-12px;border-width:6px;border-color:#32885D transparent transparent transparent;border-style:solid dashed dashed dashed;margin-left:-6px;}

.case_view{border:1px solid #ddd;padding:15px;}
.case_view h1{color:#222;font-weight:bold;font-size:20px;text-align:center;padding:20px 0;border-bottom:1px solid #E6E6E6;}
.case_view .tabscon{color:#444;padding:20px 0;line-height:24px;font-size:14px;}
.case_view .tabscon p{margin:0 0 10px 0;}
.case_view .tabscon img{display:inline-block;max-width:100%;}
.case_view .tabscon .table-response{width:100%;max-width: 100%;overflow-x:auto;}
.case_view .tabscon table{width:100%;max-width: 100%;margin-bottom: 20px;border: 1px solid #dddddd;}
.case_view .tabscon table tr > td{padding:8px 8px;line-height: 1.42857143;vertical-align:middle;border: 1px solid #dddddd;}
.case_view .tabscon table tr:nth-child(2n){background-color:#eee}


.re-pro{margin-top:25px}
.re-pro .tit{}
.re-pro .tit h3{font-size:14px;color:#fff;line-height:34px;background:#007BC3;text-align:center;font-weight:bold;width:100px;}
.re-pro .nr{padding:15px;border:1px solid #CBCBCB;background:#fff;}
.re-pro .nr ul{margin:0 0 0 -2%;}
.re-pro .nr ul li{float:left;width:18%;margin:4px 0 0 2%;}
.re-pro .nr ul li img{display:block;width:100%;height:150px;border:1px solid #ddd;box-sizing:border-box;}
.re-pro .nr ul li p{height:30px;line-height:30px;font-size:12px;text-align:center;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;}
.re-pro .nr ul li:hover a{color:#FF9900;}




/*-----------*/

.about{color:#656565;font-size:15px;line-height: 25px; margin-top: 15px;}
.about h3{margin:20px 0 20px 0;text-align:left;font-size:20px;color:#333;font-weight:bold;}
.about p{margin-bottom:10px;line-height:28px;}
.about img{padding:2px 2px;}

.about .join{margin: 30px auto;}
.about .join form{margin: auto;;width: 370px;}
.about .join td{line-height: 35px;}
.about .join .intxt{width:300px; line-height: 35px; border-radius: 10px; margin-bottom: 10px;}
.about .join .coolbg{padding: 8px 30px; border-radius: 10px; border: 0; background: #3366ff; color: #fff; font-size: 18px;}


.news_list{}

.newstop{margin-top: 12px;}
.newstop .pic{float:left;width:300px;}
.newstop .pic img{width:100%;display:block;}
.newstop .txt{margin:0 0 0 320px;}
.newstop .txt h5{font-weight:bold;font-size:16px;}
.newstop .txt a{color:#333;}
.newstop .txt span{margin:10px 0 0 0;background:url("/skin/images/i7.png") no-repeat left center;padding:0 0 0 15px;display:block;font-size:12px;color:#777;}
.newstop .txt p{color:#666;font-size:14px;line-height:24px;margin:5px 0 0 0; text-indent: 28px;}
.newstop .txt .more{width: 60px;display: block; padding: 10px;}

.news_list ul{margin:30px 0 0 0;}
.news_list ul li{margin:0;border-bottom:1px dashed #ddd;overflow:hidden;line-height:40px;height:40px;}
.news_list ul li h5{float:left;overflow:hidden;background:url("/skin/images/xx.png") no-repeat left center;padding:0 0 0 15px;}
.news_list ul li h5 a{font-size:14px;color:#333;}
.news_list ul li h5 a:hover{color:#3366ff;}
.news_list ul li span{float:right;display:block;font-size:12px;color:#777;}


.newsnr{padding:10px 0;margin:20px 0 0 0;line-height:22px;color:#1F1F1F;background:#fff;}
.newsnr h2{text-align:center;font-size:22px;padding:0 0 20px;color:#333;font-weight:bold;}
.newsnr p.tools{text-align:center;font-size:12px;border-top:1px solid #EDEDED;color:#BABABA;padding:3px 0 0 0;}
.newsnr .txt{margin:15px 0 0 0;font-size:13px;line-height:25px;color:#5A5A5A;}
.newsnr .txt p{margin:15px 0 0 0; text-indent: 28px;}
.newsnr .txt img{display:inline-block;height:auto; padding-bottom: 20px; max-width:100%;}
.newsnr .views{padding-top: 50px;}

.pnbar{margin:20px 0 0 0;border:1px solid #CBCBCB;padding:5px 15px;}
.pnbar p{color:#999;font-size:14px;height:32px;line-height:32px;}
.pnbar p:first-child{border-bottom:1px solid #CBCBCB;}
.pnbar p a{font-size:14px;color:#999;}
.pnbar p a:hover{color:#f00;}








.re-info{margin-top:25px;}
.re-info .tit{}
.re-info .tit h3{font-size:15px;color:#fff;line-height:38px;background:#333;text-align:center;font-weight:bold;width:120px;}
.re-info .nr{padding:15px;border:1px solid #CBCBCB;background:#fff;}
.re-info .nr ul{margin:0 0 0 -2%;}
.re-info .nr ul li{float:left;width:48%;margin:0 0 0 2%;background:url("/skin/images/xx.png") left center no-repeat;border-bottom:1px dashed #BFBFBF;padding-left:13px;height:34px;line-height:34px;box-sizing:border-box;}
.re-info .nr ul li a{color:#333;font-size:13px;}
.re-info .nr ul li a:hover{color:#32875D;}


.contact{margin:20px 0 0 0;}
.contact p{font-size:16px;color:#666;line-height: 30px;text-align:center;}

.contact ul{margin:40px 0 0 0;}
.contact ul li{float:left;width:20%;padding:20px 15px 0;box-sizing:border-box;height:200px;text-align:center;border-right:1px solid #EBEBEB;}
.contact ul li:last-child{border-right:none;}
.contact ul li i{font-size:50px;color:#007fff;}
.contact ul li h6{font-size:16px;font-weight:bold;color:#333;margin:15px 0 0 0;}
.contact ul li p{color:#666;margin:10px 0 0 0;font-size:14px;line-height:24px;}
.contact ul li p a{color:#666;}
.contact ul li p a:hover{color:#0160AB;}

.contact hr{width:100%;background:#D9D9D9;height:1px;border:none;margin:30px 0;}

.map{margin:20px 0 0 0;border:#C2DFB0 7px solid;width:100%;height:700px;box-sizing:border-box;}


.hr-top{}
.hr-top p{font-size:15px;color:#4b4b4b;line-height:32px;}
.hr-top ul{margin:20px 0 0 0;}
.hr-top ul li{float:left;width:600px;height:310px;text-align:center;position:relative;}
.hr-top ul li.l{background:url(/skin/images/hr04.jpg) no-repeat;}
.hr-top ul li.r{background:url(/skin/images/hr05.jpg) no-repeat;}
.hr-top ul li a{display:block;width:600px;height:310px;line-height:310px;color:#fff;font-size:40px;position:relative;z-index:99;}
.hr-top ul li:hover a{background-color:rgba(0,0,0,0.4);}

.hr-list{margin:30px 0 0 0;}
.hr-list table{width:100%;max-width:100%;margin-bottom:20px;border:1px solid #dddddd;border-top:none;text-align:center;}
.hr-list table tr > th{padding:15px 8px;line-height:1.42857143;font-size:14px;vertical-align:middle;font-weight:bold;border:1px solid #dddddd;font-size:16px;background:#9C9C9C;color:#fff;text-align:center;}
.hr-list table tr > td{padding:15px 8px;line-height:1.42857143;font-size:14px;vertical-align:middle;border:1px solid #EAEAEA;}
.hr-list table tr > td i{font-size:20px;}

.hr-read{border:1px solid #EBEBEB;padding:40px;}
.hr-read h3{font-size:22px;line-height:1.4;color:#333;text-align:center;}
.hr-read p.p{margin:25px 0 20px;font-size:15px;text-align:center;}
.hr-read p.p span{margin:0 0 0 15px;}
.hr-read hr{border:none;background:#E8E8E8;width:100%;height:1px;}

.hr-read .txt{background:url(/skin/images/hr-bg-04.png) no-repeat right 30px;margin:30px 0 0 0;text-align:left;padding:30px 0 0;box-sizing:border-box;}
.hr-read .txt h5{font-weight:bold;font-size:22px;color:#222;}
.hr-read .txt h6{font-size:16px;color:#555;margin:35px 0 0 0;}
.hr-read .txt p{text-align:left;color:#333;margin:10px 0 0;font-size:14px;}

.hr-read .txt span.sendmail{display:inline-block;font-weight:bold;padding:0 20px;height:34px;line-height:32px;border:1px solid #CFCFCF;border-radius:20px;margin:30px 0 0 0;text-align:center;font-size:15px;color:#333;}