﻿*{margin:0px;padding:0px;list-style:none;color:#333;box-sizing:border-box;text-decoration: none;}
/*@font-face {
	font-family:"hwxh";
	src: url(../fonts/hwxh.ttf);
}
body{font-family: "hwxh";}*/
body{font-family: "微软雅黑"; margin:0px; padding:0px;}
header{width:1200px;height:111px;margin: auto;}
header img{float: left;}
header nav{float: right;width:780px;height: 110px;position:relative;}
header nav>li{float: left;width: 110px;height: 110px; text-align: center;line-height: 90px; position:relative; }
header nav li a{color:#333;font-size:20px;width: 110px;height: 110px;display: block;position: absolute;z-index: 9; background: white;}
header nav .mark{width: 90px;height: 4px; background: #DA251D;position: absolute; bottom: 20px;transition: 0.3s; z-index: 999; left:10px;}
header nav li:nth-of-type(1):hover~.mark{ transform: translateX(0);}
header nav li:nth-of-type(2):hover~.mark{ transform: translateX(110px);}
header nav li:nth-of-type(3):hover~.mark{ transform: translateX(220px);}
header nav li:nth-of-type(4):hover~.mark{ transform: translateX(330px);}
header nav li:nth-of-type(5):hover~.mark{ transform: translateX(440px);}
header nav li:nth-of-type(6):hover~.mark{ transform: translateX(550px);}
header nav li:nth-of-type(7):hover~.mark{ transform: translateX(660px);}


header nav li .abo{ position:absolute; z-index: 1;height: auto; transition: 0.3s; transform: translateY(-360px);border-top:1px solid #eee; }
header nav li .abo a{background: #fff;font-size:14px;color: #aaa;}
header nav li .abo .zcd{ position: relative; background: #fff; overflow: hidden;width: 500px;}
header nav li:hover .abo{ transform: translateY(100px);}
header nav li .abo .zcd{}
header nav li .abo .zcd li{width:96px;height:50px;line-height:50px;float: left; text-align: center;}
.banner{width: 100%;}


#solid{width:100%;max-height:470px !important;clear:both;position:relative;overflow:hidden;height:470px;min-height:330px;}
#solid .solid0,#solid .solid1,#solid .solid2,#solid .solid3,#solid .solid4{position:absolute;left:0px;top:0px;width:100%;height:460px;display:none;}
#solid .solid0{background:#333;}
#solid .solid1{background:#333;}
#solid .solid2{background:#333;}
#solid .solid3{background:#333;}
#solid .solid4{background:#333;}
#solid ul{margin:0px;padding:0px;list-style:none;	}
#solid ul li{position:absolute;top:0px;width:100%;height:470px;display:none;cursor:pointer;}
#solid ul li img{height:auto;width: 100%;margin: auto;display: block;}
#solid #btt{width:905px;height:55px;top:380px;left:50%;position:relative;margin-left:-452px;}
#solid #btt span{position:absolute;top:15px;left:45%;display:block;width:30px;height:8px;margin:0 15px;text-align:center;background:#3d3d3d;z-index:1000;cursor:pointer;filter:alpha(opacity=70); -moz-opacity:0.7;opacity:0.7;}


.section_02{width: 1300px;height: auto;margin: 50px auto;}
.section_02>h2{margin: 60px auto 30px auto;font-size: 34px;color: #333; text-align: center; font-family: "微软雅黑";}
.section_02>h2 font{color:#e32e20;font-size:50px;}
.section_02>span{color:#AAAAAA;font-size:16px; text-align: center;display: block;}
.section_02 ul{width: 1300px;height: 300px;margin:20px auto;}
.section_02 ul li{width: 250px;height: 300px;float: left;margin: 0 35px;position: relative;padding:30px 0 0 0;}
.section_02 ul li:hover .iconfont{color:#fff;}
.section_02 ul li h2{ text-align: center; line-height: 100px; font-size: 22px;color:#333; font-weight: bolder;position: absolute;top:130px;left:0px;right:0px; z-index: 3;}
.section_02 ul li p{font-size:14px;color: #777777; text-align: center;line-height: 30px;position: absolute;top:220px; z-index: 3;}
.section_02 ul li .bg{width:0;height:300px;background: #DA251D; transition: 0.3s;position: absolute;bottom:0px; left:0; top:0; right:0;margin:auto;z-index: 1; }
.section_02 ul li:hover .bg{width:250px;height:300px; border-radius: 20px;}
.section_02 ul li:hover h2,section:nth-of-type(2) ul li:hover p{color:#fff;}




.section_03{width: 100%;background: #EFEFEF;padding: 50px 0 20px 0 ;}
.section_03 .w1300{width: 1300px;height:auto;margin: auto;}
.section_03 .w1300>h2{font-size: 34px;color: #333; text-align: center;line-height: 90px;margin-bottom: 30px;}
.section_03 .w1300>h2 font{font-size:50px;color: #EDAC4C;}
.section_03 .w1300>a{clear: both;width: 200px;border-radius: 50px;background: #FF8A00;display: block;margin: 50px auto;height: 50px;color: #fff;text-align: center;line-height: 50px;}
.section_03 .w1300>a:hover{background: #e32e20;}
.section_03 .w1300 ul{width: 1300px;height: auto;margin: auto;overflow: hidden;}
.section_03 .w1300 ul li{width: 200px;height: 360px;background: #fff;margin: 0 8px;float: left; position: relative;}
.section_03 .w1300 ul li img{width: 200px;height: auto;position: absolute;bottom: 0px;}
.section_03 .w1300 ul li p{width: 180px;height: 40px;line-height:40px;position: absolute; z-index: 6;position: absolute;font-size:16px;color: #e32e20; text-align: center;;top:70px;left:10px;display: block; text-align: center;} 
.section_03 .w1300 ul li h2{position: absolute;width: 200px;height: 40px;line-height: 40px;overflow: hidden; z-index: 6;font-size:20px; text-align: center;font-weight: lighter;top:20px;}
.section_03 .w1300 ul li svg{position: absolute;width: 200px;height: 300px; z-index: 6;}

.shihe{font-size:120px !important;display: block;margin: auto;position:absolute;z-index: 9;left: 0;right: 0; text-align: center;}


.jiejue{font-size:80px !important;display: block;margin: auto;position:absolute;z-index: 9;left: 0;right: 0; top:20px;text-align: center; color:#003a89}


.section_01{width: 1300px;margin: 50px auto;}
.section_01>h2{font-size: 34px;color: #333; text-align: center;line-height: 90px;margin-bottom: 10px;}
.section_01>h2 font{font-size:50px;color: #e32e20;}
.section_01>a{clear: both;width: 200px;border-radius: 50px;background: #FF8A00;display: block;margin: 50px auto;height: 50px;color: #fff;text-align: center;line-height: 50px;}
.section_01>a:hover{background: #e32e20;}
.section_01>span{color:#AAAAAA;font-size:16px; text-align: center;display: block;}



.section_04{width: 100%;height:auto;background: #333;padding:70px 0 20px 0;overflow:hidden;}
.section_04 .w1200{width: 1300px;height: auto;margin: auto;}
.section_04 .w1200 h2{ text-align: center;font-size:34px;color:#fff;}
.section_04 .w1200 h2 font{font-size:50px;color:#fff;}
.section_04 .w1200 span{color:#fff;width: 1300px;height: 50px;line-height: 50px;display: block;margin: auto; text-align: center;}
.section_04>ul{width: 100%;height:560px;overflow:hidden;margin-top: 20px;}
.section_04>ul li{height: 280px;float: left;position: relative;overflow:hidden;}
.section_04>ul li img{width: 100%;height: 280px;position: absolute; transition: 0.3s;filter: brightness(60%);}
.section_04>ul li h2,.section_04>ul li h3{position: absolute;color:#fff; text-align: center; z-index: 9;width: 100%;}
.section_04>ul li:nth-of-type(1){width: 33.3%;}
.section_04>ul li:nth-of-type(2){width: 33.3%;}
.section_04>ul li:nth-of-type(3){width: 33.3%;}
.section_04>ul li:nth-of-type(4){width: 50%;}
.section_04>ul li:nth-of-type(5){width: 50%;}

.section_04>ul li div{position: absolute; z-index: 99;}
.section_04>ul li .top{left:5%;top:5%;width:0px;height:4px; background: #fff; transition: 0.3s;}
.section_04>ul li .left{left:5%;bottom:5%;width:4px;height:0px;background: #fff; transition: 0.3s;}
.section_04>ul li .right{right:5%;top:5%;width:4px;height:0px;background: #fff; transition: 0.3s;}
.section_04>ul li .bottom{right:5%;bottom:5%;width:0px;height:4px; background: #fff; transition: 0.3s;}




.section_04>ul li:hover .top{left:5%;top:5%;width:90%;height:4px; background: #fff;}
.section_04>ul li:hover .left{left:5%;bottom:5%;height:90%;}
.section_04>ul li:hover .right{right:5%;top:5%;width:4px;height:90%; background: #fff;}
.section_04>ul li:hover .bottom{right:5%;bottom:5%;width:90%;height:4px; background: #fff;}

.section_04>ul li h2{top:100px;left:0px;right:0px;bottom: 0px;}
.section_04>ul li h3{top:150px;left:0px;right:0px;bottom: 0px;}
.section_04>ul li:hover  img{ transform: scale(1.2); filter: brightness(10%);}



.section_05{width: 1300px;height: auto;margin:70px auto;}
.section_05 h2{ text-align: center;font-size:34px;}
.section_05 h2 font{ text-align: center;color:#e32e20;font-size: 50px;}
.section_05 span{ text-align: center;display: block;padding:30px 0;}
.section_05 ul{width: 1300px;height: auto;margin:30px auto;overflow: hidden;}
.section_05 ul li{width: 250px;height: 375px;float: left;overflow:hidden;margin: 5px;position: relative;}
.section_05 ul li img{width: 250px;height: 375px;position: relative;}
.section_05 ul li h2{width: 250px;height: 50px;line-height: 50px; text-align: center;font-size: 20px;display: block;position: relative;}

.section_05 ul li .bg{position: absolute;width: 250px;height:0px; background: rgba(0,0,0,0.5);bottom: 0; transition: 0.3s;}
.section_05 ul li:hover .bg{height:375px}

.section_05 ul li .bg h2{position:absolute;bottom:0px;color:#fff;}
.section_05 ul li .bg .nr{padding:20px;width: 250px;height:200px;display: block;overflow: hidden;line-height: 22px;}

.section_06{width: 1300px;height: auto;margin:100px auto 30px auto;}
.section_06 h2{ text-align: center;font-size:34px;}
.section_06 h2 font{ text-align: center;color:#e32e20;font-size: 50px;}
.section_06 span{ text-align: center;display: block;padding: 30px 0;}
.section_06 ul{width: 1300px;height: 1050px;margin:30px auto;overflow: hidden; column-count: 3;}
.section_06 ul li{width: 420px;height: auto;margin: 5px;}
.section_06 ul li img{width: 420px;height: auto;margin:5px 0;}





.section_07{width: 100%;height: auto;padding:70px 0;background: #f6f6f6;}
.section_07 .w1200{width: 1300px;height: auto;margin: auto;overflow: hidden;}
.section_07 .w1200>h2{ text-align: center;font-size:34px;}
.section_07 .w1200>h2 font{ text-align: center;color:#e32e20;font-size: 50px;}
.section_07 .w1200 span{ text-align: center;display: block;padding: 30px 0;}
.section_07 .w1200 ul{width: 1300px;height: auto;margin:70px auto 0 auto;}
.section_07 .w1200 ul li{width: 192px;height: 250px;float: left;overflow:hidden;margin: 12px;background: #fff;position: relative;padding:20px 0; transition: 0.3s;}
.section_07 .w1200 ul li a{width: 192px;height: 230px;display: block;}
.section_07 .w1200 ul li h2{position: absolute;bottom: 20px; text-align: center;font-weight: lighter;width: 192px;font-size:18px;top:200px;}
.section_07 .w1200 ul li:hover h2{position: absolute;bottom: 40px; text-align: center;font-weight: lighter;width: 192px;font-size:18px;top:180px;}
.section_07 .w1200 ul li .dj{position: absolute;width: 0;height: 0;left: 0;right: 0;top:120px;margin: auto;background: #e32e20;color: #fff;line-height: 30px;border-radius: 50px;transition: 0.3s; text-align: center;}
.section_07 .w1200 ul li:hover .dj{width: 100px;height: 30px;}
.section_07 .w1200 ul li:hover{transform: translateY(-60px); box-shadow: 4px 16px 2px #eee;}
.section_07 .w1200 ul li img{}




.section_08{width: 1300px;height: auto;margin:45px auto;overflow:hidden;}
.section_08>h2{ text-align: center;font-size:34px;}
.section_08>span{ text-align: center;display: block;padding: 30px 0;color:#AAAAAA;}
.section_08 ul{width: 1100px;height:auto;margin:45px auto 0 auto;overflow: hidden;}
.section_08 ul li{width: 340px;height: auto;margin: 10px 12px 10px 12px; border-radius: 8px; box-shadow: 0 0 6px #F6F6F6;overflow: hidden;float: left; background: #fafafa; box-shadow: 0 0 20px #e0e0e0; transition: 0.3s;}
.section_08 ul li:hover{ transform: translateY(-10px) ;}

.section_08 ul li h2{width:340px;height:50px;line-height: 50px;color: #fff;font-size:18px; background: #003a89;padding: 0 0 0 40px;font-weight: lighter;}
.section_08 ul li p{padding: 20px;color:#777777;line-height:26px;}
.section_08 ul li strong{padding: 0 20px;}
.section_08 ul li:nth-of-type(1),section:nth-of-type(8) ul li:nth-of-type(3){margin-top: 45px ;}
.section_08 ul li a{width:150px;height:40px;display: block;margin:10px auto; background: #e32e20;;color:#fff; text-align: center;line-height: 40px;border-radius: 50px;}


.section_09{width: 100%;height: 60px;background: #f6f6f6;position: fixed;bottom:0; z-index: 9;}
.section_09 .w1300{width: 1300px;height: 60px;margin: auto;}
.section_09 .w1300 form{width: 800px;height: 60px;float: left;margin: 15px 0 0 30px;}
.section_09 .w1300>a{width: 120px;height: 30px;background: #e32e20;color: #fff;line-height: 30px; text-align: center;display: block;float: left;margin: 15px 0; border-radius: 20px;}

.section_09 .w1300 form input:nth-of-type(1){width: 100px;height: 25px;border:none;background:#fff;}
.section_09 .w1300 form input:nth-of-type(2){width: 280px;height: 25px;border:none;background:#fff;}

.section_09 .w1300 form input:nth-of-type(3){width: 100px; background: #333333;color: #fff;line-height: 25px; text-align: center;border:none;}

.section_09 .w1300 tel{width: 320px;height: 30px;background: #e32e20;color: #fff;line-height: 30px; text-align: center;display: block;float: right;margin: 15px 0; border-radius: 20px;}



footer{width: 100%;height: 220px; background:linear-gradient(to bottom,#000 20%,#2D2D2D 20%);}
footer .w1300{width: 1300px;height: 220px;margin: auto;}
footer .w1300>ul{width: 910px;height: 45px;margin: auto;}
footer .w1300>ul li{float: left;text-align: center;line-height:45px;width: 150px;}
footer .w1300>ul li a{color:#fff;width: 150px;height: 45px;display: block;}
footer .w1300>ul li:last-child{width:110px;height:30px;background: #e32e20;border-radius: 50px;line-height: 30px;margin-top: 5px;}
footer .w1300>ul li:last-child a{width:110px;height:30px;display: block; text-align: center;line-height: 30px;}

footer .w1300 .lb{width: 750px;height: 200px;float: left;}
footer .w1300 .lb ul{width: 150px;float: left;height: 200px;}
footer .w1300 .lb ul li{width: 150px;height: 28px;line-height: 28px;overflow: hidden; text-align: center;}
footer .w1300 .lb ul li a{color: #fff;font-size:14px;}
footer .w1300>address{width: 660px;height: 93px ;margin: 40px  auto;color: #fff;line-height: 30px; font-style:normal; text-align:center}
footer .w1300>img{width: 80px;height: auto;float: right;margin:30px 10px 0px 10px;}

#kecheng{font-size:0px;margin-top: 20px;overflow: hidden;}
#kecheng .xxk{width: 1300px;height: auto;display: none;font-size:18px;padding:20px 0;}



#kecheng .hd .active{background: #ddd;}
#kecheng .hd li{float: left;text-align: center; }

#kecheng .hd li{float: left;text-align: center;margin:0px;height:56px; line-height:56px;background:#fff; border:none;border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;font-size:16px;}

#kecheng .hd li:first-child{border-top-left-radius: 10px;border-bottom-left-radius: 10px;}			     
#kecheng .hd li:last-child{border-top-right-radius: 10px;border-bottom-right-radius: 10px;border-right:1px solid #ddd;}	





#kecheng .xxk .left_pic{width: 500px;height: auto;float: left;    margin-top: 20px;}
#kecheng .xxk .righ_nr{width: 780px;height: auto;float: right;overflow: hidden;}
#kecheng .xxk .righ_nr .lb{width: 780px;height: auto;float: right;margin-bottom: 20px; }
#kecheng .xxk .righ_nr .lb li{width: 180px;height: 146px;float: left;margin:10px 5px;box-shadow: 0 2px 2px rgba(0,0,0,0.2);overflow: hidden;margin-top: 20px;transition: 0.3s;}
#kecheng .xxk .righ_nr .lb li:hover{ transform: translateY(-20px);}
#kecheng .xxk .righ_nr .lb li a img{width: 180px;height: 80px;}
#kecheng .xxk .righ_nr .lb li a h2{width: 180px;height: 30px;display: block;font-size:16px; font-weight: lighter; text-align: center;line-height: 30px;}
#kecheng .xxk .righ_nr .lb li a span{width: 80px;height: 20px;display: block;font-size: 12px;color: #fff; text-align: center; background: #e32e20;line-height:20px;margin:auto; border-radius: 10px;}
#kecheng .xxk .righ_nr .lbt h2{font-size:18px;line-height: 30px;margin-bottom: 20px;}
#kecheng .xxk .righ_nr .kzk{width: 780px;height: auto;margin: 10px 0;}

#kecheng .xxk .righ_nr .kzk p{font-size: 16px;    line-height: 30px;    color: #999;}

#kecheng .xxk .righ_nr .kzk li{font-size:16px;line-height: 30px;color: #999;}

@keyframes fangda{
	from{width: 20px;height: 20px; background: rgba(255,255,255,1);}
	to{width: 200px;height: 200px;background: rgba(255,255,255,0);}
}


#kecheng .xxk .more{clear:both;width: 200px;height:40px;line-height: 40px;color: #fff; background:#ff4500; border-radius: 10px;display: block;margin_0:20px auto; text-align: center;font-size: 16px; position: relative;overflow: hidden;}
#kecheng .xxk .more span{ background: rgba(255,255,255,0.5); border-radius: 50%; position: absolute;top:0px;left:0px;right:0px;bottom:0px;margin:auto; }
#kecheng .xxk .more span:first-child{width:20px;height:20px;animation: fangda 1s infinite ;}


#kecheng .xxk .more font{position: absolute;top:0px;left:0px;right:0px;bottom:0px;margin:auto;color: #fff;}




#about{font-size:0px;margin: 20px auto 0 auto;width: 1300px;}
 #about .xxk{width: 1300px;height: auto;display: none;font-size:18px;padding:10px 0;overflow:hidden;
}
#about .active{background: #ddd;}
#about>input{margin:0px;height:56px;background:#fff;width: 260px;border:none;border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;font-size:16px;}
#about>input:first-child{border-top-left-radius: 10px;border-bottom-left-radius: 10px;}			     
#about>input:nth-of-type(5){border-top-right-radius: 10px;border-bottom-right-radius: 10px;border-right:1px solid #ddd;}	









.view_banner{width: 100%;height: 250px; background: red;position: relative;top:2px;}


.clear-fix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.gray-bg {
    
	background: linear-gradient(to bottom,#fff 10%,#f7f7f7 20%);
}
 
 
.wrap{width:1300px;margin:0 auto}

.team-work-wrap{padding:30px 0px 40px}
.team-work-wrap .team-work-tab{margin:40px 0 0 0}
.team-work-content{padding:0px 0 0 0}
.team-work-content.pt0{padding-top:0}
.team-work-content .list{float:left;width:905px}
.team-work-content .list .item{display:block;padding:15px;background:white;box-sizing:border-box;margin-bottom:30px ;  }
.team-work-content .list .item:hover{box-shadow:0 5px 10px rgba(0,0,0,0.05)}
.team-work-content .list .item:hover .item-info h3{color:#e8420a}
.team-work-content .list .item-img{float:left;width:215px;font-size:0;margin-right:30px}
.team-work-content .list .item-img.place-img{width:280px;margin-right:10px}
.team-work-content .list .item-info{float:left;width:560px}
.team-work-content .list .item-info.place-info{width:500px}
.team-work-content .list .item-info h3{font-size:18px}
.team-work-content .list .item-info h3 a{font-weight:normal}
.team-work-content .list .item-info h3 a:hover{color: #e8420a;}
.team-work-content .list .item-info>p{font-size:14px;line-height:1.8;margin:15px 0;height:46px;overflow:hidden}
.team-work-content .list .item-info>p.l3{height:70px}
.team-work-content .list .item-type-info{font-size:12px;color:#666;line-height:1.8}
.team-work-content .list .item-type-info label{margin-right:30px}
.team-work-content .list .location-base{margin-top:10px;font-size:14px}
.team-work-content .list .location-base .location{float:left}
.team-work-content .list .location-base .location:before{display:inline-block;width:16px;height:16px;background:url("../images/location-icon.png") center no-repeat;margin-right:5px;content:''}
.team-work-content .list .location-base .base{float:right}
.team-work-content .list .location-base .base:before{display:inline-block;width:16px;height:16px;background:url("../images/flag-icon.png") center no-repeat;margin-right:5px;content:''}



 
.team-work-content .right-box{float:right;width:360px}
.side-section{background:white;padding:20px;box-sizing:border-box;margin-bottom:30px}
.side-section>p{margin-top:20px;font-size:14px;line-height:1.8}
.side-section .head{font-size:18px;font-weight:bold;padding-left:10px;border-left:3px solid #e8420a}
.side-section li{float:left;width:145px;margin:20px 20px 0 0;text-align:center;font-size:14px}
.side-section li:nth-child(2n){margin-right:0}
.side-section li a{display:block}
.side-section li a:hover{color:#e8420a}
.side-section li p{margin-top:6px}
.side-section .class-example a{display:block;margin-top:20px;text-align:center}
.side-section .class-example a p{margin-top:6px}
.side-section .class-example a:hover{color:#e8420a}
.side-section .class-example.v-class-example a{float:left;width:24%;margin-right:1%}
.wrap img {width: 100%;}
.page{text-align:center}
.page b {
    display: inline-block;
    color: #666;
    min-width: 34px;
    line-height: 34px;
    padding: 0 2px;
	font-size:14px;
}
.page a{display:inline-block;color:#666;border:1px solid #dadbdc;min-width:34px;min-height:34px;line-height:34px;box-sizing:border-box;padding:0 10px;margin-right:4px; margin-left:4px;font-size:14px}
.page a.active{border-color:transparent; color:#e8420a}
.page a:hover{color:#333; border-color:#e8420a}




.content-detail{background:white;padding:20px;box-sizing:border-box;margin-bottom:85px}
.content-detail .title{border-bottom:1px solid #e8ecf7;padding-bottom:10px;font-size:14px}
.content-detail .title h3{font-size:22px;margin-bottom:30px;text-align: center;}
.content-detail .title p{color:gray}
.content-detail .title p span{margin-right:10px}
.content-detail .content{padding:35px 0 15px;line-height:1.8;font-size:14px}
.two-pic{margin:15px 0}
.two-pic img{width:48%;display:inline-block;padding:5px;border:1px solid #e8ecf7;box-sizing:border-box;float:left;margin:0 1%}
.content-detail .content img{  /*width:auto*/}
.content-detail .detail-icon{padding:30px 0 0;font-size:14px}
.content-detail .detail-icon span{display:inline-block;width:200px;margin-bottom:10px}
.content-detail .detail-icon span:before{display:inline-block;width:30px;height:30px;background:url("../images/detail-icon.png") no-repeat;vertical-align:middle;content:''}
.content-detail .detail-icon span.icon2:before{background-position:0 -30px}
.content-detail .detail-icon span.icon3:before{background-position:0 -60px}
.content-detail .detail-icon span.icon4:before{background-position:0 -90px}
.content-control{margin:20px 0;border-top:1px solid #e8ecf7;padding-top:20px}
.content-control p{width:auto;text-align:left;margin-bottom:10px}
.content-control p a:hover{text-decoration:underline}











.zhuanye,.about{width: 100%;height:auto;background:#efefef;}
.zhuanye .w100,.about .w100{background: #E9E6E1;width: 100%;height: 200px;padding:40px 0;}
.zhuanye .w100 .w1200,.about .w100 .w1200{width: 1300px;height: 120px;margin: auto;}

.zhuanye .w100 .w1200 h2,.about .w100 .w1200 h2{margin:20px 0;}

.zhuanye>h2,.about>h2{font-size:40px;font-weight: bolder;font-family: "微软雅黑";margin: 15px 0;}
.zhuanye>font,.about>font{font-size:26px;}
.zhuanye p,.about p{font-size:20px;}
.zhuanye ul:nth-of-type(1){}
.zhuanye ul:nth-of-type(1) li{}
.zhuanye ul:nth-of-type(1) li a{}

.zhuanye ul:nth-of-type(2){}
.zhuanye ul:nth-of-type(2) li{}
.zhuanye ul:nth-of-type(2) li img{}
.zhuanye ul:nth-of-type(2) li h2{}
.zhuanye ul:nth-of-type(2) li p{}


#zhuanye{width: 1300px;height: auto;margin:20px auto;overflow:hidden;}

#zhuanye .active{background: #fff;overflow: hidden;}
#zhuanye>input{width: 100px;height: 40px;font-size:16px;line-height: 40px;border:none;background:#e1e1e1}
#zhuanye .xxk {display: none;background:#fff;overflow: hidden;}






#zhuanye .xxk:nth-of-type(2)>ul{width: 1300px;height: auto;padding:20px 0;}
#zhuanye .xxk:nth-of-type(2)>ul>li{width: 1300px;height: 200px;border-bottom: 1px  dashed #eee;margin:0 0 20px 0}
#zhuanye .xxk:nth-of-type(2)>ul>li .pic{float: left;width: 300px;height: 180px;margin:0 0  0 20px;overflow: hidden;transition: 0.3s;}
#zhuanye .xxk:nth-of-type(2)>ul>li img{width: 300px;height: 180px;transition: 0.3s; }
#zhuanye .xxk:nth-of-type(2)>ul>li:hover img{transform: scale(1.2);}
#zhuanye .xxk:nth-of-type(2)>ul>li:hover .pic{width: 300px;height: 180px;overflow: hidden;}
#zhuanye .xxk:nth-of-type(2)>ul>li .right{display: block;width: 960px;height: 150px;float: right;padding:0 0 8px 0;}
#zhuanye .xxk:nth-of-type(2)>ul>li .right h2{margin: 0;font-size:24px;font-weight: lighter;}
#zhuanye .xxk:nth-of-type(2)>ul>li .right>ul{width: 960px;height:150px;overflow: hidden;padding:20px 0}
#zhuanye .xxk:nth-of-type(2)>ul>li .right>ul li{width: 960px;height:34px;font-size:14px;color: #888888;line-height: 24px;}
#zhuanye .xxk:nth-of-type(2)>ul>li .right>ul li font{color:red;}


#zhuanye .xxk:nth-of-type(1) ul{width: 1300px;height: auto;padding:20px 0;overflow: hidden;}
#zhuanye .xxk:nth-of-type(1) ul li{width: 292px;height: 266px;margin:0 10px 30px 20px;float: left; position: relative;border-radius: 6px;overflow: hidden;box-shadow: 0px 0px 8px #ccc; }
#zhuanye .xxk:nth-of-type(1) ul li:hover{ transform: translateY(-8px);}
#zhuanye .xxk:nth-of-type(1) ul li .pic{width: 292px;height: 266px;margin:0 auto;overflow: hidden;display: block;position: absolute;}
#zhuanye .xxk:nth-of-type(1) ul li img{width: 292px;height: 266px;transition: 0.3s;}
#zhuanye .xxk:nth-of-type(1) ul li:hover img{transform: scale(1.2);filter: brightness(50%);}
#zhuanye .xxk:nth-of-type(1) ul li h2{text-align: center;position: absolute;left:0px;top:0px;right:0px;bottom: 160px;margin:auto;font-size:0px;color:#fff;transition: 0.3s;width: 0;height: 0;padding:10px;display: block;}
#zhuanye .xxk:nth-of-type(1) ul li p{text-align: left;position: absolute;left:0px;top:106px;right:0px;bottom: 30px;margin:auto;font-size:0px;color:#fff;transition: 0.3s;width: 0;height: 0;display: block;}
#zhuanye .xxk:nth-of-type(1) ul li a{width: 292px;height: 206px;position: relative;display:block;}

#zhuanye .xxk:nth-of-type(1) ul li a font{display: block;width:0;height:0;line-height:30px; text-align: center;border-radius: 50px; background: #e32e20;color:#fff; position: absolute; bottom: 0;left:0px;right:0px;top:230px;margin:auto;font-size:0px;  transition: 0.3s;}


#zhuanye .xxk:nth-of-type(1) ul li:hover a font{display: block;width:100px;height:30px;line-height:30px; text-align: center;border-radius: 50px; background: #e32e20;color:#fff; position: absolute; bottom: 0px;left:0px;right:0px;font-size:13px; margin: auto;top:230px;}



#zhuanye .xxk:nth-of-type(1) ul li:hover a h2{font-size:18px;width: 292px;height:76px;line-height:76px;}
#zhuanye .xxk:nth-of-type(1) ul li:hover p{font-size:14px;width: 292px;height:196px;padding:10px;line-height: 20px;display: block;overflow: hidden;}


#zhuanye .lx_top{width: 1300px;margin:20px auto;background: #fff;padding:20px;overflow: hidden;}
#zhuanye .lx_top .left{width: 880px;float: left;}
#zhuanye .lx_top .left>h2{font-size:24px;color: #333;font-weight: bolder;margin:0 0 20px 0;}
#zhuanye .lx_top .left img{float: left;width: 350px;height: 255px;}
#zhuanye .lx_top .left>.shuoming{width: 500px;height:285px;float: left;padding:0 0 0 50px}
#zhuanye .lx_top .left>.shuoming h2{font-size:22px;width:450px;height:50px;line-height: 50px;overflow: hidden;}
#zhuanye .lx_top .left>.shuoming p{width: 450px;height:200px;overflow: hidden;font-size:16px;color:#666;line-height:24px;}

#zhuanye .lx_top .right{width: 380px;float: right;margin-top: 44px;}
#zhuanye .lx_top .right ul{border-left:3px solid #D9D8DE;width: 380px;}
#zhuanye .lx_top .right ul li{width:188px;height:32px;line-height: 30px;position: relative;float: left;margin:0 0 10px 0;}
#zhuanye .lx_top .right ul li a{color:#333;width:188px;height:32px;padding:0 0 0 20px;display: block; transform: translateX(-3px);position: absolute;}
#zhuanye .lx_top .right ul li a:hover{border-left:4px solid #72130E;color: #fff;}
#zhuanye .lx_top .right ul li .bg{width: 0;height:32px;background:#DA251D;position: absolute;right: 0;transition: 0.3s;}
#zhuanye .lx_top .right ul li:hover .bg{width: 188px;height:32px;}

#zhuanye .lx_bottom{width: 1300px;height:auto;margin:10px 0; background: #fff;padding:10px;}
#zhuanye .lx_bottom>h1{padding: 5px 10px;border:1px solid #333;display: block; margin: auto;font-size:30px;width: 300px; text-align: center;position: relative;}
#zhuanye .lx_bottom>h1:before{content: "";width: 100px;height: 1px; background: #333; position: absolute;left:-100px;top:25px;}
#zhuanye .lx_bottom>h1:after{content: "";width: 100px;height: 1px; background: #333;position: absolute;right:-100px;top:25px;}
#zhuanye .lx_bottom>h2{ background: #333;color: #fff;font-size: 18px;width: 300px;height: 40px;font-weight: lighter;line-height: 40px; text-align: center; position: relative; margin-top: 20px;}
#zhuanye .lx_bottom>h2:after{content:"";width:0px;height:0px;border-width: 20px; border-style: solid; border-right-color: transparent;border-left-color: #333;border-top-color: transparent;border-bottom-color: transparent;position: absolute;right:-40px}

.lx_bottom .hr{margin: 30px 0 50px 0;width:100%;height:1px; background: #f1f1f1;}


.zhuanye .lx_bottom>.jd{width:1300px;height:100px;margin:10px auto;}
.zhuanye .lx_bottom>.jd li{width:400px;height:96px;margin:0 10px;float: left; background: #fff;padding:10px;font-size:16px;line-height:28px;box-shadow: 0 0 10px rgba(187, 187, 187, 0.3);}
.zhuanye .lx_bottom .mb{width: 1300px;height:90px;margin:20px auto;}
.zhuanye .lx_bottom .mb h3{width: 120px;height:90px;background: #EF4369;display: block;float: left;color:#fff;font-size:16px;font-weight: lighter; text-align: center;line-height: 90px;}
.zhuanye .lx_bottom .mb p{width: 1130px;height:90px;float: left;display: block;padding:20px;font-size:14px;background: #f8f8f8;}
.zhuanye .lx_bottom>.kc{width: 1300px;height: auto;overflow: hidden;}
.zhuanye .lx_bottom>.kc li{width: 300px;height: 200px;float: left;margin:10px;position: relative;overflow: hidden;}
.zhuanye .lx_bottom>.kc li img{width: 300px;height:150px; overflow: hidden;position: absolute;}
.zhuanye .lx_bottom>.kc li h2{ text-align: center;font-weight: lighter;font-size: 15px;line-height: 50px;position: absolute; transform: translateY(150px);width: 300px;}
.zhuanye .lx_bottom>.kc li .bg{width: 300px;height:150px; background: rgba(0,0,0,1);position: absolute;overflow: hidden; transition: 0.3s;left:300px; z-index: 9;}
.zhuanye .lx_bottom>.kc li .bg .padding{padding:20px;color:#fff;font-size:14px;}
.zhuanye .lx_bottom>.kc li:hover .bg{width: 300px;height:150px;left:0;}




.jiuye{width: 1300px;height:auto;margin: auto;}
.jiuye .jyxy{width: 1300px;height:auto;column-count: 3;margin:5px;}
.jiuye .jyxy li{width:400px;height:auto;background: #fff;margin:0 0 20px 0;border:1px solid #eee;overflow: hidden;transition: 0.5s;box-shadow: 0 5px 10px rgba(0,0,0,0.15);-webkit-column-break-inside: avoid;}
.jiuye .jyxy li:hover{box-shadow: 0 16px 14px rgba(0,0,0,0.55);}
.jiuye .jyxy li img{width: 94%;display: block;margin:10px auto; transition: 0.3s;}
.jiuye .jyxy li:hover img{ transform: scale(1.2);}

.jiuye .jyxy li:hover h2,.jiuye .jyxy li:hover p{color: #fff;}
.jiuye .jyxy li h2{font-size:16px; text-align: center;line-height: 60px;}
.jiuye .jyxy li p{font-size:14px;color:#888;height:100px;width: 100%;overflow: hidden;padding:4%; text-align: center;line-height:26px;padding:0 0 10px 0;}





.jiuye .zph{width: 1300px;height:auto;column-count: 3;margin:5px;}
.jiuye .zph li{width:400px;height:auto;background: #fff;margin:0 0 20px 0;border:1px solid #eee;border-radius: 10px;overflow: hidden;transition: 0.5s;}
.jiuye .zph li:hover{box-shadow: 6px 6px 1px #ccc; transform: translateY(-4px);}
.jiuye .zph li img{width: 94%;display: block;margin:10px auto 0 auto;}

.jiuye .zph li h2{font-size:16px; text-align: center;line-height: 30px;}
.jiuye .zph li p{font-size:14px;color:#888;height:100px;width: 100%;overflow: hidden;padding:4%; text-align: left;line-height:26px;}






.jiangshi{width: 1300px;height:auto;margin:auto;overflow: hidden;padding:0 0 30px 0;}
.jiangshi>li{width: 206px;height:320px;margin: 20px 5px;float: left; text-align: center;}
.jiangshi>li img{width: 206px;height:auto;}
.jiangshi>li h2{font-size:16px;color:#e32e20;line-height:40px;width:206px;height:40px;background:#333;transform: translateY(-4px);}
.jiangshi>li h2 font{font-size:16px;color:#fff;}





.xueli{width: 1300px;height:auto;margin:auto;}
.xueli>li{width: 1300px;height:162px;border:1px solid #E1E1E1;background:#fff;margin: 10px 0;}
.xueli>li img{height:160px;width: 280px;float: left;}
.xueli>li .jsjj{width: 980px;height:160px;float: right;padding:20px 0 0 0;}
.xueli>li .jsjj>h2{font-size:18px;color:#333;}
.xueli>li .jsjj p{width: 980px;height:100px;display: block;overflow: hidden;font-size:15px;line-height:22px;padding:15px 0;}

.xueli_view{width: 1300px;height:auto;margin:10px auto;}
.xueli_view h1{ text-align: center;line-height:60px;}
.xueli_view .xueli_nr{width: 1300px;height:auto;font-size:16px;padding:10px 0 20px 0;}


.jpkc{width: 1300px;height:auto;overflow: hidden;margin:20px auto;}
.jpkc h2{width:1300px;height:50px;border:1px solid #ccc;border-radius: 10px; background: #fff; text-align: center;line-height:50px;color:#333;font-size:16px;font-weight:lighter;}
.jpkc h1{font-size:32px; text-align: center;line-height:120px;}
.jpkc .jpkc_nr{width: 1300px;height:auto;overflow: hidden;padding:0 0 30px 0;line-height:30px;}


.map{width: 1300px;height:auto;margin:0 auto;}
.map address{width: 500px;height: 480px;float: left;font-style: normal;line-height: 30px; text-align: left;padding:200px 0 0 0;}
.map .right{width: 800px;height: 480px;float: right;}
