@font-face{font-family:dinpro-bold;src:url(/home/static/fonts/6480318d98d24c618f6a9a0347aefa08.woff)}
*{font-family:Microsoft YaHei,microsoft jhenghei}
body{margin:0;padding:0;font-size:14px;overflow-x:hidden}
body,html{height:100%}
img{border:0}
a{color:#111;text-decoration:none;transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s}
a:hover{color:#20217d;text-decoration:none;transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s}
.sc{border:1px solid #ccc;border-collapse:collapse;border-top:0}
.w1520 {
  width: 90%;
  margin: 0 auto;
}
.fl {
  float: left;
  display: inline; }

.fr {
  float: right;
  display: inline; }
.white{ color: #fff!important;}



/* Header  Start*/
.logo{padding-top:18px; width: 240px; float:left}
.logo a img{width:240px; height:60px;}
.header_two{width:calc(100%); position:fixed; top:0; left:0;z-index:10000;border-bottom:1px rgba(255,255,255,.2) solid;transition:.5s;/*padding:0 5%;*/}
.header_two:hover{background:rgba(0,0,0,.15);border-bottom:1px rgba(255,255,255,.2) solid;}
/*.header_two.header_hide{top:-100px}*/
.header_two a img:last-child{display:none}
.header_two.white{width:100%; left:0; z-index:10000;background:#fff;padding:0 0%;transition:.5s;box-shadow:0 0 10px rgba(0,0,0,.2)}
.header_two.white .site{ display: none;}

.wap .header_two.white{width:100%; position:fixed; left:0; z-index:10000; background: none; padding:0 0%; transition:.5s; box-shadow:0 0 10px rgba(0,0,0,.2)}
.wap .header_two.white a img:last-child{display:none}
.wap .header_two.white a img:first-child{display:block}
.wap .header_two.white .nav ul li>a,.wap .header_two.white .site dd a{color:#fff;}
.wap .header_two.white .erji{background:none;border-top:1px rgba(0,0,0,.1) solid;}
.wap .header_two.white .erji a{color:#ccc}

.header_two.white .nav ul li>a,.header_two.white .site dd a{color:#000}
.header_two.white .sp_nav span{background:#000}
.header_two.white a img:last-child{display:block}
.header_two.white a img:first-child{display:none}
.header_two.white .nav ul li:hover{background:0 0;}
.header_two.white .site dd{ float: left; background: url(/home/static/images/iconl.png) no-repeat left; height: 30px; line-height: 30px; padding-left: 30px; margin-left: 20px;}
.header_two.white .site dd a{border-right: 1px solid #20217d; padding-right: 20px}
.header_two.white .site dd.oa{ background: none; padding-left: 0; width: 40px;}
.header_two.white .site dd.email{ background: url(/home/static/images/emaill.png) no-repeat center center; padding-left: 0; width: 60px; margin-left: 0px;}
.header_two.white .site dd.email a{ border: none;}
.header_two.white .nav ul li.search{ width: 50px!important; height: 55px; background: url(/home/static/images/searchl.png) no-repeat center center;}
.header_two.white .nav ul li.search a{ display: block; width: 80px; height: 20px;border-left: 1px solid #e5e5e5; margin-top: 15px;}
.header_two.white .erji{background:#fff;border-top:1px rgba(0,0,0,.1) solid}
.header_two.white .erji a{color:#000}


.site{ float: right; overflow: hidden; margin-top: 10px; display: block;}
.site dd{ float: left; height: 30px; line-height: 30px; padding-left: 30px; margin-left: 20px; transition: all 0.5s;}
.site dd a{ color: #fff; border-right: 1px solid #fff; padding-right: 20px;}
.site dd a:hover{ color: #ccc;}
.site dd:hover{ transform: scale(1.05);}
.site dd:nth-child(1){ padding-left: 63px;}
.site dd:nth-child(1) a span{ display:none}
.site dd:nth-child(2){ background: url(/home/static/images/icon2.png) no-repeat left;}
.site dd:nth-child(3){ background: url(/home/static/images/icon3.png) no-repeat left;}
.site dd:nth-child(4){ background: url(/home/static/images/icon4.png) no-repeat left;}
.site dd:nth-child(5){ background: url(/home/static/images/icon5.png) no-repeat left;}
.site dd a{ color: #fff; border-right: 1px solid #fff; padding-right: 20px}
.site dd.oa{ background: none; padding-left: 0; width: 40px;}
.site dd.email{ background: url(/home/static/images/email.png) no-repeat center center; padding-left: 0; width: 60px; margin-left: 0px;}
.site dd.email a{ border: none;}
.sitewap{display:none;}

.nav{width:100%;height:95px;margin:0 auto;float:left;box-sizing:border-box;}
.nav ul{display:inline-block;float:right;}
.nav ul li{float:left;font-size:16px;list-style:none; width:100px; text-align:center;position: relative;}
.nav li.zizhan{ display: none;}
.nav ul li:hover{border-bottom:2px #2f3086 solid;background:rgba(0,0,0,.1)}
.nav ul li>a{color:#fff;display:block;line-height:55px}
.nav ul li a:hover{color:#fff;text-decoration:none}
.nav ul li .erji{width:150%; background:rgba(0,0,0,0.2);position:absolute; left:-25%;text-align:center; display: none;}
.nav ul li .erji a{color:#fff;margin:0 15px;line-height:40px;font-size:14px;opacity:.7; display: block;}
.nav ul li .erji a:hover{border-bottom:1px #fff solid;}
.nav ul li .erji_en{width:200%; background:rgba(0,0,0,0.2);position:absolute; left:-50%;text-align:center; display: none;}
.nav ul li .erji_en a{color:#fff;margin:0 15px;line-height:40px;font-size:14px;opacity:.7; display: block;}
.nav ul li .erji_en a:hover{border-bottom:1px #fff solid;}
.nav ul li.lang{ width: 50px!important; text-align: center;}
.nav ul li.search{ width: 50px!important; height: 55px; background: url(/home/static/images/search.png) no-repeat center center;}
.nav ul li.search a{ display: block; width: 80px; height: 20px;border-left: 1px solid #fff; margin-top: 15px;}
.nav ul li.search:hover{ border-bottom: none; }


.header_two .menu{
	top: 0px;
	right: 10px;
	background: #20217d;
	padding: 10px;
	margin: 20px 0;
	position: absolute;
}
.header_two .menu span{
	display: block;
	height: 3px;
	width: 22px;
	background: #ffffff;
	margin-bottom: 4px;
}
.header_two .menu span:last-child{
	margin-bottom: 0;
}

.pageheader .site{ display: none;}
.pageheader .nav ul li{float:left;font-size:16px;list-style:none;width:100px;text-align:center;}
.pageheader .nav ul li>a{color:#fff;display:block;line-height:93px}
.pageheader .nav ul li.lang{ width: 50px!important; text-align: center;}
.pageheader .nav ul li.oan{ width: 40px!important; text-align: left;}
.pageheader .nav ul li.search{ width: 50px!important; height: 53px; background: url(/home/static/images/search.png) no-repeat center center; margin-top: 20px;}
/* .pageheader .nav ul li.search a{ display: block; width: auto!important; height: 20px;border-left:none!important; margin-top: 15px;} */
.pageheader .nav ul li.emailn{ background: url(/home/static/images/email.png) no-repeat center center; padding-left: 0; width: 60px; margin-left: 0px;}
.pageheader .nav ul li.emailn a{ border: none;}

/*手机端导航样式*/
.wap{ width: 100%; height: 100%; background:rgba(0,0,0,0.8); padding: 0; position: fixed; z-index: 9999;}
.wap .header_two{ padding: 0; border: none;}
.wap .header_two .container{ padding: 0;}
.wap .header_two .logo{border-bottom:1px rgba(255,255,255,.09) solid; width: 100%; padding-left: 15px; padding-bottom: 20px;}
.wap .site{ display: none;}
.wap .nav{ height: auto; border: none;}
.wap .nav ul{ width: 50%; float: left;}
.wap .nav li{ width: 100%; float: none;background:rgba(0,0,0,0.3); margin-bottom: 2px;}
.wap .nav li.zizhan{ display: block;}
.wap .nav ul li.lang{ width: 100%!important; margin-left: 0; text-align: center;}
.wap .nav ul li.search{ display: none;}
.wap .nav ul li .erji{width:50%;height:100%; position:absolute; top:100px; left:50%; text-align:center; display: none;}
.wap .nav ul li .erji a{color:#ccc; margin:0 15px; line-height:50px; font-size:14px; opacity:1; width: 100%; display: block;}
.wap .nav ul li .erji a:hover{opacity:1}
.wap .pageheader .nav ul li{float:left;font-size:16px;list-style:none;width:100%;text-align:center}
.wap .pageheader .nav ul li>a{color:#fff;display:block;line-height:53px}



.close{ 
	top: 0px;
	right: 10px;
	padding: 10px;
	margin: 20px 0;
	position: absolute;color: #fff; font-size: 24px;
	display: none;
}

@media (min-width: 1130px) and (max-width: 1260px){
	.header_two{ padding: 0;}
	.header_two .container{ width: 100%;}
	.nav ul li{}
	.pageheader .nav ul li{float:left;font-size:16px;list-style:none;width:100px;text-align:center; position: relative;}
}

@media (min-width: 991px) and (max-width: 1130px){
	.header_two{ padding: 0!important;}
	.header_two .container{ width: 100%;}
	.nav ul li{float:left;font-size:16px; width: auto!important; padding: 0 10px; list-style:none;text-align:center; position: relative;}
	.nav ul li.search{ display: none;}
	.site dd.oa{ display: none;}
	.site dd.email{ display: none;}
	
	.pageheader .site{ display: none;}
	.pageheader .nav ul li{float:left;font-size:16px;list-style:none;width:70px;text-align:center}
	.pageheader .nav ul li>a{color:#fff;display:block;line-height:93px}
	.pageheader .nav ul li.lang{ width: 40px!important; text-align: left;}
	.pageheader .nav ul li.oan{ width: 40px!important; text-align: left;}
	.pageheader .nav ul li.search{ width: 40px!important; height: 53px; background: url(/home/static/images/search.png) no-repeat center center; margin-top: 20px;}
	/* .pageheader .nav ul li.search a{ display: block; width: auto!important; height: 20px;border-left:none!important; margin-top: 15px;} */
	.pageheader .nav ul li.emailn{ background: url(/home/static/images/email.png) no-repeat center center; padding-left: 0; width: 60px; margin-left: 0px;}
	.pageheader .nav ul li.emailn a{ border: none;}
}

@media (min-width: 767px) and (max-width: 991px){
	/* Header  Start*/
	.site{display: none;}
	.nav ul{display: none;}
	.nav ul li{position: static;}
	.disabled-link{
        cursor: default;
        pointer-events: none;        
        text-decoration: none;
        color: grey;
    }
}

@media screen and (max-width:767px) {
	/* Header  Start*/
	.site{display: none;}
	.nav ul{display: none;}
	.nav ul li{position: static;}
	.disabled-link{
        cursor: default;
        pointer-events: none;        
        text-decoration: none;
        color: grey;
    }
	.wap .nav ul li.lang{ display:none;}
	.logo a img {width: 160px; height: 40px;}
	.nav{height:80px;}
	
	.sitewap{ overflow: hidden; margin: 4%; display: block;}
	.sitewap dd{ float: left; height: 30px; line-height: 30px; padding-left: 30px; width:30%; transition: all 0.5s; margin-top:3%; font-size:12px;}
	.sitewap dd a{ color: #666;}
	.sitewap dd a:hover{ color: #ccc;}
	.sitewap dd:hover{ transform: scale(1.05);}
	.sitewap dd:nth-child(3){padding-left: 63px; width:39%;}
	.sitewap dd:nth-child(6){width:39%;}
	
}






/*底部*/
.footBg{ background:#eaeaea; position:relative; font-size: 14px;}
.foot{ padding: 35px 0;}
.ftLef{ float:left; width:65%; font-style:normal; list-style:none; position:relative; overflow:hidden;}
.ftLef li{ float:left; width:20%; margin-bottom:15px;}
.ftLef a{ color:#333;}
.ftTit{ font-size:16px; line-height:200%; margin:5px 0; font-weight:600;}
.ftLef .clearfix{ margin-bottom:20px;}
.ftLef dd img{ float: left;}
.ftLef dd span{ height: 30px; line-height: 30px; width: 275px; margin-left: 10px; margin-top: 25px; display: block; float: left; position: relative;}
.ftLef dd span b{position: absolute; z-index: 1; font-size: 22px; bottom: -2px;}
.ftLef dd span:before{position: absolute; content: ''; display: block; background: #8585b359; height: 13px; width: 100%; z-index: 0; bottom: 0;}

.ftCon a{font-size:14px;color:#a0a0a0;display:block;/*margin-bottom:5px;*/line-height:30px;transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s}
.ftCon a:hover{color:#20217d;width:100%;text-decoration:none;padding-left:5px;}
.ftLef li.last{ width:40%;}
.ftLef li.last .ftCon{ font-size:0;}
.ftLef li.last p{ font-size:14px; display:inline-block; vertical-align:middle; width:50%;}


.ftRig{ float:right; width:35%; margin-bottom:15px;}
.ftRigCon{ margin-bottom:15px;}
.address{ line-height: 30px;background: url(/home/static/images/foot-addbg.png) no-repeat left center; padding-left: 30px;}
.addressen{ line-height: 30px;background: url(/home/static/images/footen-addbg.png) no-repeat left center; padding-left: 30px;}
.ftWechat{ float:left; text-align: center; margin-top: 20px; font-size: 14px; color: #333333;}
.ftWechat dd{float: left; width: 40%;}
.ftWechat dd:first-child{margin-right: 8%;}
.ftWechat dd img{ /*margin-bottom:5px;*/}
.ftWechat p{ opacity:0.5; margin:10px 0;}


.copyRight{ overflow:hidden; background: #dfdfdf; color: #333333; text-align:left; line-height:30px; font-size: 14px; padding: 10px 0px;}
.copyRight a{ color:#333333;}
.copyRight dd{ float: right;}

@media (min-width: 767px) and (max-width: 991px){
	.ftLef{ float:left; width:100%; font-style:normal; list-style:none; position:relative; overflow:hidden;}
	.ftRig{ float:right; width:100%;}
	.ftWechat dd{float: left; width: 48%; display: none;}
}

@media screen and (max-width:767px) {
	.ftLef{display: none;}	
	.ftRig{ float:right; width:100%;}
	.ftWechat{ float:left; text-align: center; margin-top: 20px; font-size: 14px; color: #333333; width: 100%;}

}




.title{text-align:center; padding-bottom: 10px;}
.title h2{ 
	color: #333333; 
	font-size: 24px; text-align: center;
	position: relative;
	height: 40px;
	font-weight:600;
}
.title h2:before{
	content: '';
	position: absolute;
	height: 2px;
	width: 60px;
	background: #20217d;
	bottom: 0px;
	left: calc(50% - 30px);
}
.title p{ color: #999999; font-size: 16px; line-height: 30px; margin-top: 5px; }

.title2{text-align:center; padding-top: 10px;}
.title2 h2{ 
	color: #999; 
	font-size: 18px;
	text-align: left;
	height: 40px;
	line-height:40px;
	float: left;
}
.title2 h2 span{ 
	color: #ff0000; 
	font-size: 24px;
	font-weight:bold;
}
.title2 p{ color: #cccccc; font-size: 16px; line-height: 30px; margin-top: 5px;}

.title3{text-align:center; padding-bottom: 10px;}
.title3 h2{ 
	color: #fff; 
	font-size: 24px; text-align: center;
	position: relative;
	height: 40px;
	font-weight:600;
}
.title3 h2 span{ 
	color: #ff0000; 
	font-size: 24px;
	font-weight:bold;
}
.title3 h2:before{
	content: '';
	position: absolute;
	height: 2px;
	width: 60px;
	background: #ccc;
	bottom: 0px;
	left: calc(50% - 30px);
}
.title3 p{ color: #ccc; font-size: 16px; line-height: 30px; margin-top: 5px;}

/* 内页大图 */
.page-bg{
	height: 500px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding-top: 8.5%;
}
.page-bg .cate-title{
	text-align: center;
	font-size: 36px;
	color: #ffffff;
	font-weight: bold;
}
@media (min-width: 991px) and (max-width: 120px){	
	.page-bg{height: 400px;}
}
@media (min-width: 767px) and (max-width: 991px){	
	.page-bg{height: 300px;}
}

@media screen and (max-width:767px) {
	.page-bg{height: 160px;}	
}


.location{ background: #ededed; height: 60px; line-height: 60px;}
.location dd{ background: url(/home/static/images/add.png) no-repeat left center; padding-left: 20px; color: #666666;}
.location a{ color: #666666; font-size: 14px;}

/* 二级分类 */
.leftmenu{width: 240px;}
.leftmenu h4{ background: url(/home/static/images/menubg.png) repeat-x; height: 62px; line-height: 62px; border-radius: 5px; font-size: 20px; font-weight: bold; color: #fff;}
.leftmenu h4 b{ background: url(/home/static/images/h2-2.png) no-repeat left center; margin-left: 20px; display: block; padding-left: 30px;}
.leftmenu dl{ background: #ffffff; border-radius: 5px; margin-top: 2px;}
.leftmenu dl a{
	display: block;font-size: 14px;color: #333333;line-height: 40px;
	padding: 0px 25px;transition: all .3s;
}
.leftmenu dl:before{ content: '>'; margin-left: 20px; float: left; line-height: 40px; margin-right: 10px;} 
.leftmenu dl.active,.leftmenu dl:hover{color: #fff; background: #21227d;}
.leftmenu dl.active a,.leftmenu dl:hover a{color: #fff;}

.rcontent{ width: calc(100% - 270px); background: #fff; border-radius: 10px; padding: 45px;}



@media screen and (max-width:1200px) {
	
}

@media screen and (max-width:996px) {
	.leftmenu{width: 100%;}
	.rcontent{ width: calc(100%); background: #fff; border-radius: 10px; padding: 30px 20px; margin-top: 30px;}
}

@media screen and (max-width:767px) {	
	/* 二级分类 */
	.leftmenu{width: 100%;}	
	.rcontent{ width: calc(100%); background: #fff; border-radius: 10px; padding: 30px 20px; margin-top: 30px;}
}


.nextpage{border-top: 2px solid #e1e1e1; margin-top: 100px; line-height: 50px;}
.nextpage span{font-size: 12px;color: #9f9f9f;}
.nextpage a{font-size: 12px;color: #9f9f9f;transition: all .3s;}
.nextpage a:hover{color: #c31c1c;}


.pagination { padding: 20px 0px; overflow: hidden;}
.pagination li {margin: 0;cursor: pointer; text-align: center; border-radius: 5px; overflow: hidden;}
.pagination li a {
	display: block; width: 100%; background: #fff; text-decoration: none; text-align: center; color: #808080;font-size: 18px;
}
.pagination li a:hover {border: none; background: #20217d; color: #fff;}
.pagination li.active {border: none; background: #20217d; color: #fff;}
.pagination li.disabled{ background: #f9f9f9; }
.pagination li {
	float: left;
	font-size: 12px; color: #bbb; 
	border: 1px #ccc solid;
	background: #fcfcfc;
	margin-right: 8px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
}

#search{ width: 100%; height: 100vh; background: rgba(0,0,0,0.7); position: absolute; top: 0; left: 0 ; z-index: 99999; display: none;}
#search .bg h4{ font-size: 16px; font-weight: bold; line-height:50px; text-align: left; }
#search .bg{ width:550px; background: #fff; text-align: center; margin-left: calc(50% - 275px); margin-top: 200px; border-radius: 10px; 
	padding: 10px 30px 30px 30px; position: relative;
}
#search .bg .sclose{ position: absolute; color: #999; right: 20px; top: 10px; font-size: 24px; cursor: pointer;}
#search .bg input{ height: 40px; line-height: 40px; width: calc(100% - 100px); padding: 0 10px; }
#search .bg button{ width: 100px; color: #fff; background: #20217d; border:none; height: 40px; line-height: 40px; }




.xunjia{ background: #eaeaea; position: fixed; bottom: -155px; width: 100%; z-index: 9999;}
.xunjia.block{ bottom: 0px!important; transition:all .3s;}
.xunjia .title2{ position: relative; height: 60px;}
.xunjia .title2 span{ float: right; margin-left: 20px; }
.xunjia .title2 span.closec{ color: #fff; display:none; cursor: pointer; }
.xunjia .title2 span.open{ color: #fff; cursor: pointer; }
.xunjia .title2 span.qp{ color: #fff; font-size: 16px; cursor: pointer;}
.xunjia .title2 span.sh{ color: #fff; cursor: pointer;}

.xunjiaqp{ height: 90vh; bottom: 0; transition:all .3s; z-index: 999999;}


.xunjia .xjpro{background: #fff; border-radius:10px; width: 100%; float: right; padding:5px 10px; margin-bottom: 5px;}
.xunjia .xjpro p{ text-align: left; color: #333; font-size: 16px; font-weight: bold; }
.xunjia .xjpro dl dd{ width: 50%; float: left; }
.xunjia .xjpro dl dd span{ color: #f00;}
.xunjia .xjpro dl dd label{ padding-right: 10px; font-weight: bold; }
.xunjia .xjpro dl dd input{ background: #f7f7f7; border:none; height: 35px; line-height: 35px;width: calc(100% - 110px); }
.xunjia .xjpro h4{ line-height: 40px; font-size: 16px; clear: both; }
/*.xunjiaqp .xjproc{ height: 60vh; }*/

.xunjia .xjpro .xjproc{height: 80px; overflow-y: auto;}


.xunjia table{ margin-bottom: 50px; background: #fff; border-radius: 10px;}
.xunjia table tr td{padding: 4px 10px;}
.xunjia table tr td input:nth-child(2){border-left: 0; border-right: 0; border-top: 0; border-bottom: #666666 1px solid; width:80px;}
.xunjia table tr td input:nth-child(3){border-left: 0; border-right: 0; border-top: 0; border-bottom: #666666 1px solid; width:350px;}
.xunjia p{ color: #eff801; font-size: 16px;margin-bottom: 10px; text-align: center;}
.xunjia .form li{ width: 32%; float: left; margin-right: 2%; margin-bottom: 5px; overflow: hidden;}
.xunjia .form li:nth-child(3n){margin-right: 0px;}
.xunjia .form li.content{ width: 100%;}
.xunjia .form li.title{ width: 100%; text-align: left;}
.xunjia .form li.yanzm{ width: 18%;}
.xunjia .form li.yanzmt{ width: calc(14% - 20px); margin-left: 10px; margin-right: 0px;}
.xunjia .form li.yanzmt img{height: 35px;}
.xunjia .form li label{ display: block; color: #20217d; line-height: 25px; font-size: 12px; width: 80px; float: left; text-align: center;}
.xunjia .form li label span{ color: #f00;}
.xunjia .form li input{ width: calc(100% - 80px); border: #cccccc 1px solid; border-radius: 5px; height: 25px; line-height: 25px; font-size: 14px;}
.xunjia .form li textarea{ width: calc(100% - 80px); border: #cccccc 1px solid; border-radius: 5px; line-height: 25px; font-size: 16px;}
.xunjia .form dl {text-align: center; clear: both; margin-top: 20px;}

.xunjia .sub{ text-align: center; position: absolute; right: 45%; top: 10px;}
.xunjia .sub button{ width: 100px; height: 40px; line-height: 40px; text-align: center; background: #026c01; color:#fff; 
	border: none; border-radius: 5px;
}


@media screen and (max-width:767px) {	
	.xunjia table tr td input:nth-child(3){border-left: 0; border-right: 0; border-top: 0; border-bottom: #666666 1px solid; width:auto;}
	.xunjia .form li{ width: 49%; float: left; margin-right: 2%; margin-bottom: 5px; overflow: hidden;}
	.xunjia .form li:nth-child(3n){margin-right: 2%;}
	.xunjia .form li:nth-child(2n) { margin-right: 0px;}
}