@charset 'gb2312';
* { margin: 0; padding:0;} 
html {width:100%; height:100%; margin:0px; padding:0; font:16px/1.5 "Microsoft YaHei" , tahoma, arial, \5FAE\8F6F\96C5\9ED1, "Hiragino Sans GB", sans-serif; background: url(../images/bj.jpg) top center no-repeat; background-size: cover; background-attachment: fixed }
body { width:100%; height:100%; }

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,em,i,b,span,fieldset,input,textarea,blockquote,img,button {border:0;  padding:0; margin:0; font-weight:normal; font-style:normal;} 
table,td,tr,th{font-size:12px;}
li{list-style-type:none;list-style:none;}
img{vertical-align:top;border:0;}
ol,ul {list-style:none;}
address,cite,code,th {font-weight:normal;font-style:normal;}
img:hover { opacity:1; filter: alpha(opacity=100); }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: 12px; }
legend { color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }
.fl { float:left; }
.fr { float:right; }
a { color: #333; text-decoration: none; transition:all ease-out .4s 0s;-webkit-transition:all ease-out .4s 0s;}
a:hover{ color:#1d52a2; text-decoration:none; }
div,ul,li,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,i,em,b,span,td,tr,a,strong,input,textarea,blockquote,img,button { box-sizing:border-box; -webkit-box-sizing:border-box; }

.amn { transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;}
.amn img { transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;}
.amn:hover img { -webkit-transform:scale(1.05);  transform:scale(1.05);}



.header { width:100%; margin:0 auto; height:100%; overflow:hidden;  z-index:99; position:relative; background: url("../images/header.png") top center no-repeat; background-size: cover;  }

.tit { width: 1020px; left: 50%; margin-left: -510px; top:5vh; position: absolute; text-align: center; z-index: 2;  }
.tit img { height: 75vh;}
.m1{ position: absolute;  z-index: 1; width: 100%; height: 100%;	left: 0px;	top: 0px;	background: url("../images/header-m1.gif") no-repeat center top;	background-size: cover;
}


.cl { clear: both;}

.arrows{width:60px;height:72px;position:absolute;left:50%;margin-left:-30px;bottom:35px}
.arrows path{stroke:#d71d1f;fill:transparent;stroke-width:2px;animation:arrow 2s infinite;-webkit-animation:arrow 2s infinite}
@keyframes arrow{0%{opacity:0}
40%{opacity:1}
80%{opacity:0}
100%{opacity:0}
}
@-webkit-keyframes arrow{0%{opacity:0}
40%{opacity:1}
80%{opacity:0}
100%{opacity:0}
}
.arrows path.a1{animation-delay:-1s;-webkit-animation-delay:-1s}
.arrows path.a2{animation-delay:-0.5s;-webkit-animation-delay:-0.5s}
.arrows path.a3{animation-delay:0s;-webkit-animation-delay:0s}

.warp { width:1200px; margin: 0 auto; }


/*头条*/
.tt { width:100%; margin:0 auto; overflow:hidden; padding:65px 0 60px 0;  }
.tt span {  width:100%; float:left; margin-bottom:10px; font-size:36px; line-height:50px; color:#333; font-weight:bold; text-align:center; }
.tt span b { display:inline-block; background:#c00; padding:0 15px; line-height:40px;  vertical-align:top;  font-size:22px; color:#fff; margin-top:5px; border-radius:3px; margin-right:13px; }
.tt p { width:100%;  font-size:16px; color:#999; float:left; font-weight:normal; line-height:30px;  text-align:center; }

.w54 { width:54%;}
.w43 { width:43%;}
.w48 { width:48%;}


/*焦点图*/
.swiper-container2 { margin:0 auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1;margin-bottom: 40px; }
.swiper-wrapper { position: relative; width:100%; height:370px; z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.swiper-slide { width:100%; height:100%; position:relative; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; }
.swiper-slide h3 { width:100%; height:100%; position: absolute;}
.swiper-slide h3 img { width:100%; height:100%; }
.swiper-slide h3 span { width: 100%;  position:absolute; bottom:0; float:left; padding:20px 30px 50px 30px; font-size:22px; line-height:24px; color:#fff;background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,.8)));position:absolute;  text-align:center;   }

.swiper-button-prev,.swiper-button-next { width:50px; height:60px; top:50%; margin-top:-30px; cursor:pointer; position:absolute; z-index:99; text-align:center; line-height:60px; font-size:50px; color:#fff; font-family:"\5B8B\4F53";  font-weight:bold; text-shadow:1px 1px 5px rgba(0,0,0,.2); }
.swiper-button-next { right:15px;}
.swiper-button-prev { left:15px;}

.swiper-pagination { position:absolute; text-align:center;  z-index:10;bottom:20px; left:0; width:100%; }
.swiper-pagination-bullet { width:10px; height:10px; display:inline-block; border-radius:100%; background:#fff; border-radius:6px; cursor:pointer; margin:0 4px;}
.swiper-pagination-bullet-active{ opacity:1; background:#f56a3f; width:40px; }



/*最新动态*/
.news { width:100%; float:left; margin-top:-12px; }
.news ul {overflow:hidden;}
.news ul li { width:100%; font-size:16px; line-height:48px; color:#444; overflow:hidden; height:48px; border-bottom:1px dashed #ff6d264a; padding: 0 0 0 25px; background: url(../images/yuan.png) left center no-repeat; }
.news ul li b { color:#c00; padding:0 10px 0 0; font-size:13px; font-family:"\65B0\7EC6\660E\4F53"; }
.news.shuang ul li { width:50%; float:left;}

.more { float:right; margin-top:20px; }
.more a { display:inline-block; font-size:14px; color:#666; background:#f8f8f8; padding:0 12px 0 13px; line-height:36px; }
.more a:hover { color:#fff; background:#c00; }

.lm { width:100%; float:left;  margin:0 auto; overflow:hidden; text-align:center; padding:50px 0;/* background: url("https://news.66wz.com/cms_udf/2022/txqgq/images/lmbj.png") center center no-repeat;*/ }
.lm img { margin-left: 50px;}

.lm2 { width:100%; float:left; text-align:center; margin:50px 0 40px 0; }
.slm { width:100%; float:left; line-height:32px; font-size:22px; font-weight:bold; color:#d50004; background:url(../images/slm.png) left center no-repeat; padding:0 0 0 45px; margin:20px 0; }


.st { width:100%; float: left;}
.st ul li { width:32%; float:left; margin-right:2%; margin-bottom:25px; }
.st ul li h3 { width:100%; height:210px; position:relative;  }
.st ul li h3 img { width:100%; height:100%; }
.st ul li h3 b { display: none; position:absolute; left:0; bottom:0; background:linear-gradient(135deg,#299b92 0,#2c6da8 100%);color:#fff; font-size:14px; line-height:36px; padding:0 12px; z-index:6; filter:alpha(opacity=9); opacity:0.9;  }
.st ul li h4 { width:100%; float:left;  background:#fff;  padding:12px 5%; }
.st ul li h4 p { font-size:16px; line-height:22px; color:rgba(0,0,0,.8);  text-align: center; font-weight: bold;height:44px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical }
.st ul li:nth-child(3n) { margin-right:0;}
.st ul li:hover h4 { color:#e84335; }

.tech { width:100%; float: left;padding-bottom: 40px; }
.tech ul li { width:22%; margin-right:4%; float: left; height: 230px; position:relative; background:url("../images/techbj.png") no-repeat left top; background-size:contain; margin-top:35px; margin-bottom: 58px; display: inline-block; cursor: pointer;  }
.tech ul li .circle { position:absolute; width:45px; height:45px; left:120px; bottom:3px; background:#e85251; border-radius:50%; z-index:9; }
.tech ul li h3 { position:absolute; width:190px; height:190px; border-radius:50%; top:20px; left:0px; background-repeat: no-repeat; background-position:center center; background-size:cover; }
.tech ul li h4 { position:absolute; top: 230px;width: 190px;text-align: center; line-height:24px;  color:#333;  }
.tech ul li:hover a h4 { color: #d2ab61; }
.tech ul li:nth-child(4n) { margin-right:0; }
.tech .more {margin-top: 64px;}

.hdpic { width:100%; overflow:hidden; position: relative; display:block; margin-bottom: 60px;/* border: #f89d3b 5px solid;*/}
.hdpic .swiper-container { margin:0 auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1;}
.hdpic .swiper-wrapper { position: relative; width:100%; height:600px; z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.hdpic .swiper-slide { width:100%; height:100%; position:relative; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; }
.hdpic .swiper-slide h3 { width:100%; height:100%; position: absolute;}
.hdpic .swiper-slide h3 img { width:100%; height:100%; }
.hdpic .swiper-slide h3 span {  position:absolute; bottom:10%; float:left; padding:15px 30px; max-width:80%; background:#d32812; line-height:30px; font-size:22px; color:#fff; width: auto;}
.hdpic .swiper-slide h3 span i { width:26px; height:26px; float: left; margin-right: 10px; display:inline-block; background: url(../images/player.png);background-size:cover; }
.hdpic .swiper-button-prev,.hdpic .swiper-button-next { width:72px; height:80px; top:50%; margin-top:-40px; cursor:pointer; position:absolute; z-index:99; text-align:center; line-height:80px; font-size:50px; color:#fff;  font-family:"\5B8B\4F53";  font-weight:bold; text-shadow:1px 1px 5px rgba(0,0,0,.2);  background:rgba(0,0,0,.6);}
.hdpic .swiper-button-next { right:0px;}
.hdpic .swiper-button-prev { left:0px;}

.sjbk { width:100%; float:left; margin-top: -15px;}
.sjbk ul li { width:23.5%; float:left; margin:15px 2% 10px 0; overflow:hidden;  }
.sjbk ul li h3 { width:100%; float:left; }
.sjbk ul li h3 img { width:100%; height:165px; }
.sjbk ul li h4 { width:100%; float:left; height:90px; overflow:hidden; background:#fff; color:rgba(0,0,0,.8); padding:18px 25px; }
.sjbk ul li h4 font { width:100%; float:left; font-weight:bold; color:rgba(0,0,0,.8); font-size:18px; line-height:24px; max-height:48px; overflow:hidden; }
.sjbk ul li h4 p { display:none; width:100%; float:left; line-height:22px; font-size:14px; color:rgba(0,0,0,.6); padding:10px 0 0 0; max-height:98px; overflow:hidden;}
.sjbk ul li:nth-child(4n) { margin-right:0; }
.sjbk ul li:hover h4 { background:linear-gradient(45deg,#f75624,#fc271f);  }
.sjbk ul li:hover h4 font { color:rgba(255,255,255,1);  }
.sjbk ul li:hover h4 p { color:rgba(255,255,255,.9);   }
.sjbk ul li:hover { -webkit-transform: translateY(-15px);transform:translateY(-15px); }



.cxgyxc { width:100%; float:left; position: relative; overflow: hidden;  }
.cxgyxc ul li { width:285px; float:left; margin-right:20px;  height:500px; overflow:hidden; display:block;  border: solid #edddc3 5px;}
.cxgyxc ul li img { width:100%; height:100%; }
.cxgyxc .left_arrow,.cxgyxc .right_arrow { width:30px; height:70px; float:left; background:#c90000; top:50%; margin-top:-35px; cursor:pointer; position:absolute; z-index:9999999; text-align:center; line-height:70px; font-size:22px; color:#fff;  }
.cxgyxc .left_arrow { left:-30px; }
.cxgyxc .right_arrow { right:-30px; }
.cxgyxc:hover .left_arrow { left:0px; }
.cxgyxc:hover .right_arrow { right:0px; }


.footer { width: 100%; float:left; color:#fff; line-height:30px; font-size:15px; text-align: center; padding:14px 0;   background:linear-gradient(135deg,#ea2d1a 0,#c10c19 100%); margin-top: 5vh; }
.footer font { margin-left: 14px; }
.footer strong { margin-left: 10px; }


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


html {width:100%; height:100%; margin:0px; padding:0; font:16px/1.5 "Microsoft YaHei" , tahoma, arial, \5FAE\8F6F\96C5\9ED1, "Hiragino Sans GB", sans-serif;  -webkit-font-smoothing:antialiased;background: url("../images/mbg.jpg") top center no-repeat #f7e8bc; background-size: 100%;}
body { width:100%; height:100%; }

.header { height: 50vh; }
.warp { width:100%;  padding:0 5%;}
	.tit img {    height: 28vh;}

.tt { width:100%; margin:0 auto; overflow:hidden; padding:7% 0 5% 0; }
.tt span {  width:100%; float:left; margin-bottom:.8rem; font-size:1.5rem; line-height:2rem;  font-weight:bold; }
.tt span b { padding:0 .7rem; line-height:1.9rem;  vertical-align:top;  font-size:1rem;  margin-top:.1rem; border-radius:3px; margin-right:.7rem; }
.tt p { width:100%; font-size:.9rem; float:left; line-height:1.5rem;  }


.w54 { width:100%;}
.w43 { width:100%;}


/*焦点图*/

.swiper-container { margin:0 auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1; margin-bottom:2%; margin-top:5%; }
.swiper-wrapper { position: relative; width:100%; height:15rem; z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.swiper-wrapper img { width:100%; height:100%; }
.swiper-slide { width:100%; height:100%; position:relative; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; }
.swiper-slide h3 img { width:100%; height:100%; }
.swiper-slide h3 span {  padding:5% 5% 4% 5%;  font-size:1.1rem; font-weight:600; line-height:1.5rem;  }
	

.swiper-button-prev,.swiper-button-next { width:2.5rem; height:3rem; line-height:3rem; margin-top:-1.8rem; font-size:2rem; text-align: center;  text-shadow:1px 1px 5px rgba(0,0,0,.5); }
.swiper-button-next { right:0;}
.swiper-button-prev { left:0;}
	
.swiper-pagination {  display: none; }
	

/*最新动态*/
.news { margin-top:0;}
.news ul li { width:100%; font-size:.95rem; line-height:2.8rem; height:2.8rem;  padding: 0 0 0 22px; }


.more { float:right; margin-top:5%; }
.more a { display:inline-block; font-size:.85rem; padding:0 12px 0 13px; line-height:2rem; }

.lm { width:100%; float:left; padding: 3% 0;  }
.lm img { width:100%; height:auto; margin-left: 3%;}
	
	
.hdpic { width:100%; overflow:hidden; position: relative; display:block; margin-bottom: 5%;}
.hdpic .swiper-container { margin:0 auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1;}
.hdpic .swiper-wrapper { position: relative; width:100%; height:14rem; z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.hdpic .swiper-wrapper img { width:100%; height:100%; }
.hdpic .swiper-slide { width:100%; height:100%; position:relative; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; }
.hdpic .swiper-slide h3 img { width:100%; height:100%; }
.hdpic .swiper-slide h3 span {  position:absolute; bottom:6%; float:left; padding:3% 5%; max-width:90%; line-height:1.3rem; font-size:1rem;   }
.hdpic .swiper-button-prev,.hdpic .swiper-button-next { width:32px; height:2.5rem; line-height:3rem; top:50%; margin-top:-1.7rem; cursor:pointer; position:absolute; z-index:9999; text-align:center; line-height:2.5rem; font-size:1.5rem; color:#fff;  text-shadow:1px 1px 5px rgba(0,0,0,.5);  background:rgba(0,0,0,.6);}
.hdpic .swiper-button-next { right:0;}
.hdpic .swiper-button-prev { left:0;}

	.tech ul li {width: 49%; margin-right: 2%;margin-bottom: 1rem;}
	.tech ul li:nth-child(2n) { margin-right: 0%;}
.tech ul li h3 { width: 160px;height: 160px;}
	.tech ul li h4 { left: 0px;top: 194px; font-size: .9rem; writing-mode: inherit; line-height: 1.5rem; width: 100%; text-align: center;}
.tech ul li .circle { bottom:48px;}
.tech .more {margin-top: 20px;}
	.sjbk ul li {width: 49%; margin-right: 2%;}
	.sjbk ul li:nth-child(2n) { margin-right: 0%;}
	.sjbk ul li h4 { padding: 0.5rem; height: 5rem;}
	.sjbk ul li h4 p {display: none;}
	.sjbk ul li h4 font { font-size: 1rem; line-height: 1.5rem; font-weight: 300;}
	
	.cxgyxc .left_arrow { left:0px; }
.cxgyxc .right_arrow { right:0px; }

	.st ul li { width: 100%; margin-right: 0%;}
	.st ul li h4 p { font-size: 1rem; line-height: 1.5rem; font-weight: 300;}
	.lm { padding: 2vh 0;}
	.lm img { width: 90%;}
	.daoyu { display: none;}
.daoyu2 { margin-top: 35vh; display:block;}
.daoyu2 img { width:100%;  padding:0 5%;}
	.footer {    margin-top: 3vh;}
.footer font{ display: none;}
}
