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

html,body,div,p,ul,li,h1,h2,h3,h4,h5{ margin:0; padding:0; font-size:14px; font-family:'Microsoft YaHei',Arial,Helvetica,sans-serif,"宋体"}
ul,li{ list-style:none;}
img{ border:0; vertical-align:top; display:block; max-width:100%; height:auto; }
a{ text-decoration:none;}

.clear{zoom:1;}
.clear:after{ content:''; display:block; clear:both;}

.container{ width:1200px; margin:0px auto;}
.left{ float: left;}
.right{ float: right;}

.top{ background:linear-gradient(to bottom, #ededed 0%, #e6e6e6 100%); padding:6px 0px;}
.top p{ font-size:12px; font-style:normal;}
.top p a{ color:#333;}
.top p a:hover{ color:#F00;}

.header{ padding:20px 0px;}
.logo{padding-top:5px; float: left;}
.webtxt{float: left; font-size: 24px; color: #333; font-weight: bold; word-spacing: -1.5px; border-left:1px solid #d4d4d4; padding-left:10px; margin-left: 10px;}
.webtxt p{font-size: 18px; color: #e45c0c; word-spacing: -1.5px; margin-top: 5px; font-weight: normal;}
.logo_img{ padding-top:15px; float:left;}
.logo_t{ width:60%; float:left; margin:10px 0; margin-left:30px; padding-left:30px; border-left:1px solid #d4d4d4;}
.logo_t h2{ font-size:24px; position:relative; color:#333; font-weight:bold; word-spacing:-1.5px; font-style:normal;}
.logo_t p{ font-size:18px; color:#e45c0c; word-spacing:-1.5px; margin-top:5px;}

.nav{ background:#313131; width:auto; height:50px; border-top:#000 1px solid;}
.menu{ width:1200px; margin:0px auto;}
.nav a { display:block; width:16.666666666%; text-align:center; height:50px; line-height:50px; color:#FEFEFE; font-size:14px; float:left;  background:#313131;}
.nav a:hover{ background:#1975cc; text-decoration:none;}
.nav a.current{ background:#0064b9; text-decoration:none;}

.area{background:#e9eaec; padding-bottom: 40px;}
.hd{ overflow:hidden;}
.suojin{ margin-right: -2%; overflow: hidden;}
.fuwulist{ margin-right: 2%; margin-top: 40px; float: left; width: 23%; background:#FFF; border-radius: 5px;}
.fuwulist p.tit{ font-size: 20px; text-align: center; font-weight: bold; margin: 26px 40px 16px; color: #1975cc;}
.fuwulist p.txt{ margin: 0px 20px 18px; line-height: 180%; height: 100px;}

.bt{ font-size: 28px; text-align: center; color: #1975cc; padding-top: 40px; }
.baizi{ box-sizing: border-box; border: 1px solid #4d4d4f; margin-top: 20px; padding: 20px; line-height: 200%; color: #4d4d4f;}
.rongqilist{ display: block; width: 23%; margin-right: 2%; float: left; background: #FFF; margin-top: 20px; transition: all ease-out .3s; position: relative;}
.rongqilist h2{ font-size: 16px; font-weight: normal; border-bottom: 1px #ddd solid; color: #3C3C3C; margin: 0px 10px; height: 42px; line-height: 42px;}
.rongqilist p{ color: #999; padding: 10px; font-style: normal; line-height: 160%;}

.more{ display:block; width:158px; height:36px; line-height:36px; font-size:14px; border:#ccc 1px solid; color:#333; border-radius:5px; margin: 20px auto 0px; text-align:center;}
.more:hover{ background:#0064b9; color:#fefefe; transition:all .3s;}

.case{ padding-bottom: 40px; background: #FFF;}
.caselist{ width: 23%; margin-right: 2%; float: left; position: relative; overflow: hidden; margin-top: 20px;}
.caselist h2{ position: absolute; left: 0; bottom: 0; padding: 0px 10px; height: 40px; line-height: 40px; background:url("images/black60.png"); width:100%; color: #FFF; }
.caselist p{ position: absolute; top: 0; left: 0; padding: 0px 10px; background:url("images/black60.png"); color: #FFF; height: 100%; opacity: 0; line-height: 200%;}
.caselist:hover h2{ background:#0064b9;}

.about{ background: #4C4C4C url("images/gybjt.jpg") no-repeat center; background-size: 100%; padding-bottom: 40px; overflow: hidden;}
.bta{ font-size: 28px; text-align: center; color: #FFF; padding-top: 40px; }
.awrap{ margin-top: 20px;}
.awrap img{ width: 40%; float: left;}
.atxt{ padding: 20px 0px; width: 60%; float: left; background: #FFF;}
.atxt p{ padding:0px 20px; line-height: 220%; text-indent: 2em;}
.morea{ display:block; width:158px; height:36px; line-height:36px; font-size:14px; border:#ccc 1px solid; background:#0064b9; color: #FEFEFE; border-radius:5px; margin: 20px auto 0px; text-align:center;}
.morea:hover{ text-decoration: underline;}

.news{ padding-bottom:40px; overflow:hidden;}
.newslist{ margin-right:2%; width:31.333333333%; float:left; padding-top:20px;}
.newslist li{ background:#e9eaec; margin-top:1px; padding:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newslist li span{ color:#aaa; padding-right:10px;}
.newslist li a{ color:#666;}
.newslist li:hover{ background:#0064b9;}
.newslist li:hover a{ color:#FFF;}

.link,.linka{ padding-top:20px;}
.link a,.linka a{ padding:0px 10px; color:#333;}
.link a:hover, .linka a:hover{ text-decoration:underline;}

.footer{ background:#333; padding: 0px 20px 40px; text-align:center;}
.footer p{ padding-top:20px; color:#EEE;}
.footer p a{ color:#EEE;}

.lnwrap{ background:#e9eaec; padding-bottom:20px;}
.crumb{ padding-top:20px;}
.crumb a{ color:#333;}
.crumb a:hover{ text-decoration:underline;}
.hbt{ background:#FFF; padding:20px; font-size:20px; border:1px solid #ddd; border-bottom:none; box-sizing:border-box; margin-top:20px;}
.js{ background:#FFF; padding:0px 20px 20px; line-height:160%; border:1px solid #ddd; border-top:none; box-sizing:border-box;}
.ncp{ background:#FFF; padding-left:2%; padding-bottom:15px; overflow:hidden; border:1px solid #ddd; box-sizing:border-box; margin-top:10px;}
.ymxg{ background:#FFF; overflow:hidden; border:1px solid #ddd; box-sizing:border-box; margin-top:10px; padding-bottom:20px;}
.xgbt{ padding:20px 20px 20px; }
.xgbt span{ border-bottom:3px solid #0064b9; padding-bottom:5px; font-size:18px;}
.xglist{ margin-left:2%; width:31.333333333%; float:left;}
.xglist li{ background:url(images/arc.png) left center no-repeat ; height:24px; line-height:24px; padding:5px 0px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.xglist li a{ height:24px; line-height:24px; padding-left:20px; color:#333;}
.protxt{ padding-left:2%;}
.protxt li a{ display:block; float:left; width:23%; text-align:center; background:#EEE; height:40px; line-height:40px; margin-right:2%; margin-top:10px; color:#333;}
.protxt li a:hover{ background:#0064b9; color:#FEFEFE;}

.lnleft{ float:left; width:73%; overflow:hidden; margin-top:20px;}
.listbox{ background:#FFF; padding:0px 20px; margin-top:1px; position:relative;}
.listbox h2{ padding-top:20px;}
.listbox h2 a{ color:#000; font-size:20px; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; display:-webkit-box; -webkit-line-clamp:2; text-decoration: none;}
.listbox h2 a:hover{ color:#005197; text-decoration:underline;}
.listinfo{ line-height:180%; height:76px; overflow:hidden; padding-top:5px; color:#666;}
.nlistinfo{ line-height:180%; overflow:hidden; padding-top:5px; color:#666;}
.nrq{ padding:15px 0px; color:#666;}

.pagep{ padding:10px; text-align: center; background:#FFF; margin-top:1px;}
.pagep ul{ display: inline-block;}
.pagep li{ float:left;}
.smys{ padding:0 10px; line-height:28px; border:#dcdcdc 1px solid; margin-right:5px; font-size:12px; color:#005197; background:#fff;}
.pagep a{ padding:0 10px; line-height:28px; border:#dcdcdc 1px solid; margin-right:5px; text-decoration:none; font-size:12px; color:#005197; background:#fff; display:block;}
.pagep a:hover, .pagep .thisclass{ padding:0 10px; line-height:28px; margin-right:5px; color:#FFF; background:#005197; border:#005197 1px solid; display:block;}

.lnright{ width:25%; float:right; overflow:hidden;}
.sidebt{ background:#FFF; padding:10px 0px 20px; margin-top:20px;}
.sidebt span{ border-bottom:3px solid #0064b9; padding-bottom:3px; font-size:18px; margin-left:20px;}
.twocol{ margin-right:-2%; overflow:hidden;}
.twocol a{ display:block; float:left; width:48%; text-align:center; margin-right:2%; margin-top:6px; line-height:50px; height:50px; font-size:14px; color:#000; background:#FFF; transition: all .3s ease-in-out 0s; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.twocol a:hover{ background-color:#005197; color:#fefefe;}
.onecol{ padding:10px 20px; background:#FFF; margin-top:1px;}
.onecol li{ padding:5px 0px;}
.onecol a{ color:#000;}
.onecol a:hover{ color:#005197; text-decoration:underline;}

.pbt{ font-size:20px; padding:20px 0px; text-align:center; background:#FFF; }
.nrrq{ text-align:center; padding-bottom:20px; font-style:normal; color:#333; background:#FFF;}
.nrrq em{ font-style:normal; padding-left:20px;}

.nrcon{ padding:20px 0px; overflow:hidden; margin-top:10px; background:#FFF;}
.nrcon strong{ font-size:18px; padding:0px 20px;}
.nrcon p{ padding:0px 20px; font-size:16px; line-height:300%; text-indent:2em;}
.nrcon p a{ color:#000;}
.nrcon p a:hover{ color:#005197; text-decoration:underline;}
.nrcon h2{ font-size:18px; margin:20px 0px; padding:10px 40px 10px 20px; border-left:3px solid #005197; background:#f7f7f7; display:inline-block;}
.nrcon h2 span{ display:none;}
.nrcon img{ margin:10px auto;}

.updown{ margin-top:1px; background:#FFF; padding:20px;}
.updown p{ line-height:200%; color:#333;}
.updown p a{ color:#333;}
.updown p a:hover{ color:#005197; text-decoration:underline;}

.xgtj{ background:#FFF; margin-top:10px;}
.xgtj ul{ padding:0px 20px 10px; margin-right:-2%;}
.xgtj li{ width:48%; margin-right:2%; float:left; height:30px; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.xgtj li a{ color:#333;}
.xgtj li a:hover{ color:#005197; text-decoration:underline;}

.st_prohead{ padding:0px 20px 20px 20px; background:#FFF;}
.st_pimg{ width:300px; margin-right:20px; float:left;}
.st_generalp{ margin-left:320px; border-top:2px solid #005197; background:#d7ecff; padding:12px; max-height:60px;}
.st_generalp p{ line-height:180%; font-size:16px; width:50%; float:left;}
.st_probrief{ line-height:190%; font-size:16px; padding-top:14px;}

.dy_prohead{ padding-right:2%; background:#FFF;}
.dy_pimg{ width:31.333333333%; padding-left:2%; padding-bottom:20px; float:left;}

@media (min-width: 1200px) {
	.container,.menu{ width:1200px;}	
}
@media (max-width:1199px) {
    .container{ padding:0px 10px; margin:0px auto; width:auto;}
    .menu{ margin:0px; width:auto;}
}
@media (max-width:991px) {
    .fuwulist{ width: 31.333333333%;}
    .rongqilist{ width: 31.333333333%;}
    .caselist{ width: 31.333333333%;}
    
    .awrap img{ float: none; width: auto; margin: 0px auto;}
    .atxt{ float: none; width: 100%; margin-top:20px;}

	.lnleft{ width:auto; float:none;}
	.lnright{ width:auto; float:none;}	
}
@media (max-width:767px) {
    .webtxt{border-left:none; padding-left:0px; font-size: 20px; padding-top:4px;}
    .webtxt p{font-size:16px;}
	.nav{ border:none; height:74px;}	
	.nav a{ width:20%; border-top:#000 1px solid; height:36px; line-height:36px;}
    
    .area{ padding-bottom: 20px;}
    .baizi{ padding:10px; line-height: 160%;}
    .fuwulist{ width: 48%; margin-top:20px;}
    
    .bt,.bta{ padding-top: 20px;}
    .rongqilist{ width: 48%;}
    
    .case{ padding-bottom: 20px;}
    .caselist{ width: 48%;}
    
    .about{ padding-bottom: 20px; background:#4C4C4C;}
	
	.newslist{ width:48%;}
	
	.footer{ padding-bottom:20px;}
	.linka{ display:none;}
	
	.st_pimg{ float:none; margin:0px auto;}
    .st_generalp{ margin-left:0px; margin-top:20px;}

}
@media (max-width:479px) {
    .webtxt{display: none;}
    .nav{ height:185px;}
	.nav a{ width:50%;}
    
    .suojin{margin-right: 0;}
    .fuwulist{ width: 100%; margin-right: 0;}
    .fuwulist p.txt{ height: 80px;}
    
    .rongqilist{ width: 100%; margin-right: 0;}
    .rongqilist span{ max-width: 100%;}
    
    .caselist{ width: 100%; margin-right: 0;}
	
	.news{ padding-bottom:20px;}
	.newslist{ width:100%; margin-right:0;}
    
	.xglist{ float:none; margin:0px 20px; width:auto; }
	
	.protxt li a{ width:48%;}
	
	.pbt{ padding:10px;}
	
	.xgtj ul{ margin-right:0;}
	.xgtj li{ width:100%;}
	
	.st_generalp{ margin-top:10px; max-height:none;}
	.st_generalp p{ float:none; width:auto;}
	.st_probrief{ padding-top:10px;}
}