@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}



.link_bj{background:url(../images/link_bj.jpg) no-repeat center top; height:118px; overflow:hidden; font-family: "Microsoft Yahei";}
.link { width:1200px; margin: 0 auto;padding-top: 15px; overflow:hidden;  }
.link h2{height:40px; overflow: hidden;}
.link h2 a{ color: #fff;font:bold 24px/45px "Microsoft Yahei";}

.link p{  line-height:44px; color:#fff;  overflow: hidden; font-size: 14px;}
.link p a{ color:#fff; padding:0 20px;}
.link span{display: inline-block;overflow: hidden; line-height:44px;width:147px; height:44px;background:url(../images/link_ico.png) no-repeat center top; text-align: center;}
.link span a{ padding: 0;}

.about{height:450px; overflow: hidden;font-family: "Microsoft Yahei"; position: relative;}
.aboutimg{ position: absolute; top:0; left:50%; margin-left: 0;width:600px; height:450px; overflow: hidden;}
.aboutimg img{width:600px; height:450px;}
.aboutroll{position: absolute; bottom: 0;left:50%; margin-left: -63px;width:126px; overflow: hidden;height:52px;}
.about_z , .about_y{display: block; float: left; width:63px; height:52px;}
.about_z{background:url(../images/about_z.gif) no-repeat center top; }
.about_y{background:url(../images/about_y.gif) no-repeat center top; }
.about dl{position: absolute; top:70px; left:50%; margin-left: -600px;width:560px; overflow: hidden;}
.about dl dt{ font-size: 36px;font-weight: normal; line-height: 44px;}
.about dt a{ color:#25292f;}
.about dd p{ font-size: 24px; line-height: 34px; padding: 10px 0; color:#666666;}
.about dd span{display: block; font-size: 24px; color:#25292f; padding-top: 10px;}
.aboutwz{margin-top: 60px;background:url(../images/about_line.gif) no-repeat 228px 51px; height:130px; overflow: hidden;}
.az{width:228px; margin-right: 75px; overflow: hidden; float: left; font-size: 24px; color:#25292f; line-height: 34px;}
.az img{display: block;}
.az i{display: block; font-size: 18px; color:#333333;}
.aboutwz .nomar{margin-right: 0;}


/**/
.about1{height: 610px;padding-top: 30px;}
.ab dt{float: right;width: 600px;height: 401px;}
.ab dd{width: 512px;float: left;padding-left: 43px;padding-top: 40px;}
.ab dd h3{border-bottom: 1px solid #dddddd;}
.ab dd h3 a{font-size: 60px;color: #737373;font-weight: bold;height: 150px;font-family: Arial;}
.ab dd h3 a em{font-size: 16px;color: #423f3b;font-weight: normal;display: block;padding-bottom: 20px;}
.ab dd p{font-size: 14px;color: #555;line-height: 30px;margin-top: 24px;}
.ab span a{margin-top: 20px;display: inline-block;}
.ab span a.xq{margin-right:20px;}


.pro_bj{background:url(../images/pro_bj.jpg) repeat-y center top; overflow:hidden;font-family: "Microsoft Yahei"; position: relative; padding-bottom:20px;}
.pro_pr{width:1200px;  overflow: hidden; margin:0 auto; }
.pro{width:1200px;  overflow: hidden;padding-top: 50px;margin: 0 auto;}
.pro li{ float: left; margin:0 9px 10px 0; overflow: hidden; position: relative;}
.pro li.li01{width:797px; height:446px; overflow: hidden;}
.pro li.li02{width:394px; height:446px; overflow: hidden; margin-right: 0;}
.pro li.li03{width:394px; height:397px; overflow: hidden;}
.pro li.li04{width:394px; height:397px; overflow: hidden;}
.pro li.li05{width:394px; height:397px; overflow: hidden; margin-right: 0;}
.pro li p{position: absolute; top:185px; left:0;overflow: hidden;width:100%; text-align: center; font-size: 24px; color:#111111;}
.pro li p span{display: block;background:url(../images/pro_wz.png) no-repeat center top; height:66px; text-align: center; line-height: 66px;width:238px;margin: 0 auto; color:#fff; margin-bottom: 10px;}
.pro li.li00 p{top:140px; color:#fff;}
.pro li img{  transition: all 0.6s;}
.pro .li01 img{width:797px; height:446px; }
.pro .li02 img{width:394px; height:446px; }
.pro li.li00 img{width:394px; height:397px;}
.pro li a:hover img{ transform: scale(1.1);}

.bt{height:148px;font-size: 36px; color:#333333;font-weight: normal; text-align: center; line-height: 40px;}
.bt a{color:#333333;}
.bt i{display: block; font-size: 18px; color:#333333; font-family: Times New Roman; text-transform: uppercase;}
.bt i img{display: inline-block; vertical-align: middle; margin:0 10px;}
.bt span{display: block; font-size: 24px; color:#333333; line-height: 26px;}


.list{ height:150px;width: 1200px;margin: 0 auto;}
.list ul {text-align:center;width: 1200px;margin: 0 auto;height:150px}
.list li{ text-indent:5px; font-size:16px; color:#666; line-height: 30px; height: 30px; overflow: hidden; padding:5px 30px 5px 30px;border-radius: 50px;border:2px solid #ccc;width: 300px;margin-bottom: 20px;margin-right: 50px;}
.list li:nth-child(3n){margin-right: 0;}
.list li a:before{position: absolute; content:""; bottom:0; left:0;width:100%; height:1px;background:#fff;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);}
.list li a{display: block; color:#666; display: inline-block; margin-right: 8px; font-weight:bold;}

.list li:hover{background: #000}
.list li:hover a{color: #fff;}
.list li a:hover:before {
    -webkit-transform: translate3d(0%,0,0);
    transform: translate3d(0%,0,0);}

.pic{background:url(../images/pic.jpg) no-repeat center top; height:149px; overflow:hidden;font-family: "Microsoft Yahei"; position: relative;}
.pic p{position: absolute; top:14px; right: 50%; margin-right: -600px;width:190px; overflow: hidden;}
.pic p span{ display: block; float: left;width:20px; font-size: 14px; line-height: 16px; color:#e2cdbc;padding-top: 4px;margin-right: 15px;}
.pic p img{display: block;width:115px; height:115px; border:1px solid  #f3f3f2; background:#fff;padding: 2px;}

.ys_bj{background:url(../images/ys_bj.jpg) repeat-y center top; height:1088px; overflow:hidden;font-family: "Microsoft Yahei"; padding-top: 50px;}
.ys{width:1200px; margin: 0 auto; height:500px;overflow: hidden;}
.ys h2{height: 160px;}
.ys li{ width:299px; margin-right: 1px; overflow: hidden; float: left;height:280px; background:#ebebeb;}
.ys li img{width:299px; height:228px;}
.ys li p{display: block; font-size: 18px; color:#333333;text-align: center; line-height: 34px;}
.ys li p span{display: block; font-size: 24px; padding-top: 8px; line-height: 30px;}
.ys .li01{background:#d7d7d7;}

.serv{width:1200px;height:510px; overflow: hidden; margin: 0 auto;}
.serv h2{height:60px;background:url(../images/line01.png) no-repeat center bottom; font-size: 30px;font-weight: normal;color:#333333;text-align: center;}
.serv dl{width:240px; float: left; overflow: hidden;margin-top: 60px;}
.serv .dl01 dd{width:236px; border:2px solid #010101;background:#fff;height:283px;}
.serv .dl01 dt{margin: 14px auto 0; width:40px;height:40px;}
.serv .dl02 dd{width:236px; border:2px solid #535353;background:#535353;height:283px;}
.serv .dl02 dt{margin: 0 auto 0; width:40px;height:54px;}
.serv dd img{margin: 35px auto 0; display: block;width:70px; height:70px;}
.serv dd h3{ font-size: 18px;font-weight: normal; color:#333333; text-align: center; line-height: 24px;}
.serv dd p{padding: 15px 35px; font-size: 16px; color:#666666; line-height: 24px;text-align: center;}
.serv .dl02 dd h3 , .serv .dl02 dd p{ color:#fff;}


/**/
.news{height: 630px;background:url(../images/news_bj.jpg) repeat-y;padding-top:70px;}

.news1{margin-top: 17px;width:600px; height:435px; overflow: hidden;}
.n_nav{height:40px; overflow: hidden;}
.n_nav span a{display: inline-block;font-size: 14px; color:#555555; font-family: "Arial";text-transform: uppercase; line-height: 40px;font-weight: normal;}
.n_nav li{ float: left;margin-right: 14px;padding-right: 20px;}
.n_nav li a{ color: #333; font-size: 18px;line-height: 38px;}
.n_nav li a{ display: inline-block;height:38px;}
.n_nav li a:hover , .n_nav .cur a{font-weight: bold;color:#333;border-bottom: 2px solid #10264d;}
.n_nav .nobg{background:none;}

.news_c{margin-top: 20px;height:425px; }
.news_c dl{height:217px;  overflow: hidden;width: 600px;}

.news_c dt{height:206px;width:276px; overflow: hidden;float: left;}
.news_c dt a{width:276px; height:206px;display: block;float: right;}
.news_c dt img{width:276px; height:206px;}

.news_c dd{padding-top: 2px;width: 278px;float: right;}
.news_c dd h3{ font-size: 16px; color:#333;line-height: 24px;}
.news_c dd h3 a{ color:#333;font-weight: bold;}
.news_c dd span{display: block;color: #777;font-size: 14px;padding:13px 0 0 0;}
.news_c dd p{padding-top: 8px;line-height: 24px; font-size: 14px; color:#555;}
.news_c dd p a{ color:#666;display: block;padding-top: 10px;}
.news_c ul{margin-top: 25px;}
.news_c li{ font-size: 14px; color:#777777; line-height: 30px;}
.news_c li a{ color:#333; padding-left:12px ;display: inline-block;background:url(../images/dot.jpg) no-repeat 0 17px ;}
.news_c li a:hover{background:url(../images/dot2.jpg) no-repeat 0 17px ; color:#666;}

.wt{width:484px; overflow: hidden;margin-top: 17px; overflow: hidden;}
.wt h4{height:40px; overflow: hidden; line-height: 40px;margin-bottom: 25px;}
.wt h4 a{font-size: 18px;color:#333;border-bottom: 2px solid #666; line-height: 38px;width: 75px;display: block;}
.wt h4 span a{display: inline-block;font-size: 14px; color:#555555; font-family: "Arial";text-transform: uppercase; line-height: 40px;font-weight: normal;}
.wt dl{margin-top: 10px;height:50px; overflow: hidden;}
.wt dt{width:124px; float: left; overflow: hidden;height:93px;margin-right: 25px;}
.wt dt img{ width:124px;height:93px;}
.wt dd{float: left; overflow: hidden;}
.wt dd h3{padding-left: 29px;background:url(../images/a.jpg) no-repeat 0 0 ;height:20px; line-height: 20px;font-size: 14px; overflow: hidden; font-weight: normal;margin-top: 28px;}
.wt dd h3 a{ color:#333;}
.wt dd h3 a:hover{color: #e76825;}
.wt dd p{padding-left: 29px;background:url(../images/q.jpg) no-repeat 0 0 ; line-height: 20px;font-size: 14px;color:#555;margin-top: 19px;} 




.ysy{ height: 1853px;background:url(../images/ys.gif) repeat-x left bottom;}
.ysy .til{ padding-bottom:56px;}
.ysy dl{ overflow: hidden; margin-bottom:30px; background: #f4f4f4;}
.ysy dl dt{ float: right; width: 600px;}
.ysy dl dd{ float: left; width: 600px; margin-top: 42px;}
.ysy dl dd h3{background:url(../images/y_dt1.gif) no-repeat; height: 81px; overflow: hidden;}
.ysy dl dd h3 span{ display: inline-block; float: left; width: 88px; height: 80px; line-height: 80px; text-align: center; font-size: 48px; font-family: Arial; color: #fff;}
.ysy dl dd h3 em{ display: inline-block; float: right; width: 490px; padding-top: 21px; color: #1a305c; font-size: 24px;}
.ysy dl dd h3 em i{ color: #ffae00;}
.ysy dl dd p{ padding: 35px 42px 0 90px;}
.ysy dl dd p span{ display: block; padding-left: 17px; line-height: 22px; margin-bottom: 10px;background:url(../images/y_li.png) no-repeat 0 7px;}
.ysy dl.fan dt{ float: left;}
.ysy dl.fan dd h3{background:url(../images/y_dt2.gif) no-repeat; }
.ysy dl.bg3 dd h3{background:url(../images/y_dt3.gif) no-repeat; }
.ysy dl.fan2 dd h3{background:url(../images/y_dt4.gif) no-repeat; }
.ysy dl.bg3,.ysy dl.fan2{ background: #fff;}
.ysy h4{ text-align: center;}
.ysy h4 em{ display: block; margin-top: 7px;}
.ysy h4 em a{ display: inline-block;background:url(../images/ly_btn.png) no-repeat; padding-left: 60px; width: 108px; height: 36px; line-height: 33px; font-size: 18px; color: #fff; font-weight: bold; text-align: left;}
.ysy h4 span{ display: inline-block; font-weight: normal; font-size: 16px; color: #333; padding-left: 32px;background:url(../images/y_tel.gif) no-repeat; min-height:24px;}
.ysy h4 i{ font-family: Arial; font-size: 26px; color: #333;}


.ysy h2{height: 140px;text-align: center;font-size: 48px;font-weight: normal;color: #292929; margin-top:30px;}
.ysy h2 a{color: #666; font-weight:bold}
.ysy h2 em{display: block;font-size: 18px;color: #666;background:url(../images/cptitem.png) no-repeat;margin-top: 10px;}











.hot{width: 1200px;margin: 0 auto;height:603.92px;}


.hot .title {
	text-align: center;
	margin: 50px auto;
}
.hot .title h3 {
	font-size: 30px;
	margin: 10px 0;
}
.hot .title p {
	background: url(../images/title_bg.png) no-repeat 0 center;
}
.hot .con {
	
	min-width: 1200px;
	box-sizing: border-box;
	height: 501.92px;
}
.hot .con .hotC {
	width: 49%;
	margin: 0 1% 1% 0;
	position: relative;
	float: left;
}
.hot .con .hotC:hover .two {
	display: block
}
.hot .con .hotC img {
	width: 100%;
}
.hot .con .hotC .two {
	background: #b7183f;
	width: 100%;
	opacity: .8;
	position: absolute;
	top: 0;
	bottom: 0;
	color: #fff;
	text-align: center;
	padding: 10% 2% 0 2%;
	box-sizing: border-box;
	display: none;
}
.hot .con .hotC .two p {
	color: #fff;
	font-size: 15px;
	line-height: 36px;
	margin: 1% 0;
}
.hot .con .hotC .xilie {
	font-size: 30px;
	text-align: center;
	display: inline-block;
	padding: 7% 8%;
	line-height: 40px;
}
.hot .con .hotC .two a {
	border: 1px solid #fff;
	display: inline-block;
	border-radius: 10px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	margin: 1em 0 0 0;
	padding: 10% 20%;
}
.hot .con .hotC .xilie2 {
	padding: 2% 5%;
}
.hot .con .hotC .xilie2 .xilie {
	font-size: 24px;
	text-align: center;
	display: inline-block;
	padding: 2% 5%;
	line-height: 40px;
}
.hot .con .hotC .xilie2 p {
	color: #fff;
	font-size: 16px;
	line-height: 32px;
	margin: 2% 0;
}
.hot .con .hotC .xilie2 a {
	border: 1px solid #fff;
	display: inline-block;
	border-radius: 10px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	margin: 10px 0 0 0;
	padding: 1% 2%;
}
.hot .con .hotC .xilie3 {
	padding: 3% 5%;
}
.hot .con .hotC .xilie3 .xilie {
	font-size: 20px;
	text-align: center;
	display: inline-block;
	
	line-height: 30px;
}
.hot .con .hotC .xilie3 p {
	color: #fff;
	font-size: 16px;
	line-height: 30px;
	margin: 2% 0 0 0;
}
.hot .con .hotC .xilie3 a {
	border: 1px solid #fff;
	display: inline-block;
	border-radius: 10px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	margin: .5em 0 0 0;
	padding: 3% 10%;
}







.g_pz{background:url(../images/pzbg.jpg) no-repeat center top;height: 707px;padding-top: 80px;}
.g_pz h2{height: 140px;text-align: center;font-size: 48px;font-weight: normal;color: #fff;}
.g_pz h2 a{color: #fff;}
.g_pz h2 em{display: block;font-size: 18px;color: #fff;background:url(../images/pztit.png) no-repeat;margin-top: 5px;height: 36px;line-height: 36px;}
.g_pz dl{float: left;width: 285px;margin-right: 18px;}
.g_pz .lastdl{margin-right: 0;}
.g_pz dt{width: 285px;height: 386px;overflow: hidden;}
.g_pz dt img{width: 285px;height: 386px;display: block;}
.g_pz dd{height: 142px;background: #1a305c;position: relative;}
.g_pz dd i{position: absolute;left:50%;top:-70px;margin-left: -70px; width: 140px;height: 140px;background:url(../images/pzbg1.png) no-repeat;display: block;}
.g_pz dl:hover dd i{background:url(../images/pzbg2.png) no-repeat}
.g_pz dl:hover dd{background: #ebab01}
.g_pz h3{padding-top: 56px;font-size: 20px;color: #fff;line-height: 36px;font-weight: normal;text-align: center;position: relative;z-index: 11;}
.g_pz dl:hover h3{padding-top: 20px;}
.g_pz p{font-size: 14px;line-height: 22px;text-align: center;color: #fff;padding: 0 40px;display: none;position: relative;z-index: 15;}
.g_pz dl:hover p{display: block;}
.g_pz .lastdl p{padding: 0 15px;}