@charset "utf-8";
* {font-style:normal;font-weight:normal;margin:0px;padding:0px; border:0; line-height: 1;}
p, h1, h2, h3, div, ul, li {display:block;}
dl,dd,dt{ margin:0; padding:0;}
body{width: 100%; overflow-x: hidden; color:#333;font-family:Arial, Helvetica, sans-serif; }
a {text-decoration:none;}
ul {list-style:none;}
p {list-style:none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="date"],input[type="tel"],input[type="datetime"],input[type="month"],input[type="text"],textarea,button{-webkit-appearance: none;-webkit-appearance: none;outline:none;font-family:'Microsoft YaHei';}
select{ border: none; background: none ;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {box-shadow:0 0 0 160px #fff inset; -webkit-text-fill-color: #333;}

.fw600{font-weight: 600;}
.paig{ height:auto;overflow:hidden; }
.paig1 > *{ height:auto;overflow:hidden; }
.abs{ position:absolute;}
 input,textarea,select,a:focus {outline: none;}
.fix{ position:fixed;}
.rel{ position:relative;}
.fl{ float:left;}
.fr{ float:right;}
.display{ display:block;}
.auto{ height:auto; overflow:hidden;}
.mar{ margin:auto;}
.mar0{ margin:0 auto;}
.clear{ clear:both;}
.img100{ width:100%; clear: both; display: block; height:auto; overflow:hidden;}
.none{display: none;}
@font-face{font-family:ziti;

src:url(../images/FLARESERIF821BT.ttf);

}

/*mobile*/
/*mobile*/
@media (max-width: 1200px) {
	
p{ font-size: .8rem; line-height: 1.3rem;}
a{ font-size: .8rem;; color: #333;}

.ptxt{ font-size: .8rem; line-height: 1.4rem; color: #666;}
.monone{ display: none !important;}
.flemail{position: fixed;right: 0; bottom: 150px;display: none;}



.jhmt{width: 100%;padding: 50px 0; text-align: left;}
.jhmt img{width: 100%;}
.jhmt1{width:96%; margin: 0 auto;}
.jhmt1 li{width:100%; float: left; overflow: hidden;}
.jhmt1 li img{width:100%; }
.jhmt1 li:nth-child(1) span{font-size: 24px; color: #000;font-family: impact;}
.jhmt1 li:nth-child(1) p{font-size: 14px; color: #000; line-height: 200%; margin: 30px 0;text-align: justify;}
.jhmt1 li:nth-child(4) span{font-size: 24px; color: #000;font-family: impact;}
.jhmt1 li:nth-child(4) p{font-size: 14px; color: #000; line-height: 200%; margin-top: 30px;text-align: justify;margin-bottom: 30px;}
.jhmt1_about{width: 100%; float: right; padding: 0;}
.jhmt1_about1{width: 100%; float: left; padding: 30px 0 ;}

.jhmt2{width: 100%; background-color: #e8ecf1; overflow: hidden;padding: 30px 0;}
.jhmt2 h2{font-size: 36px; color: #000;  font-family: impact;text-align: center;}
.jhmt4{font-size: 16px; text-align: center; color: #000; width: 95%; display: block; margin: 0 auto; line-height: 200%; padding: 30px 0 30px 0;}
.jhmt3{width: 96%; margin: 0 auto;}
.jhmt3 li{width: 100%;}
.jhmt3 li img{width:100%; }
/* .jhmt3 li:nth-child(3) {padding: 10px 30px 0 0; width: 640px;}
.jhmt3 li:nth-child(6) {padding: 80px 0 0 30px; width: 640px;} */
.jhmt3 li:nth-child(3) span{font-size: 18px; color: #000;font-family: impact;display: block;padding: 20px 0;}
.jhmt3 li:nth-child(3) p{font-size: 16px; color: #000; line-height: 190%; margin-bottom: 30px;text-align: justify;}
.jhmt3 li:nth-child(6) span{font-size: 18px; color: #000;font-family: impact;display: block;padding: 25px 0;}
.jhmt3 li:nth-child(6) p{font-size: 16px; color: #000; line-height: 190%;text-align: justify;}

.youshi{width: 96%; margin: 0 auto; padding: 40px 0; overflow: hidden;}
.youshi li{width:100%;float: left;margin-right: 70px; background-color: #dee3eb; min-height: 530px; margin-bottom: 30px;}
.youshi li:nth-child(3){margin-right: 0px;}
.youshi li span{display: block; font-size: 18px; font-family: impact; padding: 0 20px; height: 60px; line-height: 60px;}
.youshi li p{display: block; font-size: 16px; padding: 0 20px;text-align: justify; line-height: 160%;}

.techtop{width: 96%; margin: 0 auto; padding: 50px 0px;}
.techtop h1{font-size: 36px;  font-family: impact; color: #000; }
.techwrap{ width: 100%; margin: 0 auto;padding: 30px 0;}
.techwrap span{font-size: 14px; color: #000;  line-height: 20px; display: block; text-align: justify; overflow: hidden;}
.techsub1{width: 100%;}
.techsub2{width: 100%;}
.techsub1 li:nth-child(3){ margin-bottom: 30px;}
.techsub1 li h3{ font-size: 24px; color: #000000; font-family: impact; padding-left: 55px; height: 70px; line-height: 70px;}
.techsub1 li p{font-size: 14px; color: #666666; line-height: 20px;}
.techsub1 li:nth-child(1) h3{background: url(../images/techsub1.jpg) no-repeat left center;}
.techsub1 li:nth-child(2) h3{background: url(../images/techsub2.jpg) no-repeat left center;}
.techsub1 li:nth-child(3) h3{background: url(../images/techsub3.jpg) no-repeat left center;}

.joboot_7{width: 100%; float: left; padding:0 20px;}
.joboot_7 span{font-size:18px; text-transform:uppercase; color:#fff; text-align: center; display: block; padding: 20px 0; width: 90%;}
.joboot_7 li{font-size:14px; color:#fff; float:left;width:100%; }
.joboot_7 li:nth-child(2){ padding-left:30px; background: url(../images/joboot_7_1.png) no-repeat left top; height:60px; line-height:20px;}
.joboot_7 li:nth-child(3){ padding-left:30px; background: url(../images/joboot_7_2.png) no-repeat left top; height:40px;}
.joboot_7 li:nth-child(4){ padding-left:30px; background: url(../images/joboot_7_3.png) no-repeat left top; height:40px;}
.header_2{ width: 100%; height: 4rem; background: #fff;}
.header_main li{border-bottom: solid 2px rgba(255,255,255,0.2); position: relative; width: 100%; clear: both;}
.header_main ul{ padding:1.2rem 0;}
.header_main{ display: none; position: fixed; height: 100%; z-index: 99999; left: 0; background: #000; top: 4rem; width: 100%;}
.header_onenav{color: #fff; display: block;text-indent: 1.2rem; width: 50%; line-height: 4rem; font-weight: 700; height: 4rem; font-size: .8rem; float: left;}
.header_r{ width:100%; display: none;}
.header_li{ height: auto; overflow: hidden; padding: 0; }
.navhide{ clear: both; border-top: solid 1px #666; display: none; z-index: 500; padding:0; width: 100%;background: #333;}
.navhide a{transition: all .6s; display: block; clear: both; font-size: 0.9rem; width: 50%;color: #fff; text-align: left;}
.navclose {display: block;position: absolute;right: 4%;top: 2.2rem;transform: translateY(-50%);z-index: 201;width: 36px;height: 26px;}
.navclose i {position: absolute;display: block;right: 0;top: 50%;margin-top: -2px;width: 100%;height: 1px;background: #333;opacity: 1;transition: .4s;}
.navclose::before {top: 0;transform-origin: 50% 50% 0;}
.navclose::after {bottom: 0;transform-origin: 50% 50% 0;}
.navclose::before, .navclose::after { content: '';position: absolute;left: 0;width: 100%;height: 1px;-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;transition: .6s;background: #333;}
body.on .navclose i {opacity: 0;width: 0;}
body.on .navclose::before {top: 50%; transform: translateY(-50%) rotate(-135deg);}
body.on .navclose::after {bottom: auto;top: 50%;transform: translateY(-50%) rotate(135deg);}
.header{ z-index: 155; width: 100%; height: 4rem; padding: 0; position: fixed; top: 0; left: 0; background: #fff;}
.header_logo{ width: 4rem; height: 3rem; padding:0.6rem 0 0 0; display: block; margin: 0 0 0 1rem;}
.header_logo img{ width: 100%;}
.header_logo span{ display: none;}
.header_moico{transition: all 0.2s ease-in-out; position: absolute; right: 0; top: 0; font-size: .8rem; height: 4rem; line-height: 4rem; text-align: center; width: 3rem; color: #fff; display: block;}
.navhdd2{ position: relative; clear: both; height: auto; overflow: hidden;width: 100%;}
.navhdd_a1{ text-indent: 1.8rem; height: 3rem; line-height: 3rem;}
.navhdd2 dl{ display: none; background: #666;}
.navhdd2 dl dd{ width: 100%; height: 3rem;}
.navhdd2 dl a{text-indent: 3rem;  width: 50%; display: block; height: 3rem; line-height: 3rem;}
.header_mo2{transition: all 0.2s ease-in-out; position: absolute; right: 0; top: 0; font-size: .7rem; height: 3rem; line-height: 3rem;text-align: center; width: 3rem; color: #fff; display: block;}
.header_rtt{transform: rotate(90deg) !important;}
.moheadH{ width: 100%; height: 4rem;}
.tl_pagination{ text-align: center; z-index: 30; position: absolute; bottom: .5rem; width: 100%;}
.tl_pagination span{ text-align: center;}
.topH{ width: 100%; height:4rem;}
.mobile-inner-nav a {
	
	animation-duration: 0.4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: ReturnToNormal;
	animation-name: ReturnToNormal;
}

@-webkit-keyframes ReturnToNormal {
	100% {
		-webkit-transform: translateX(0%) rotate(0deg);
		transform: translateX(0%) rotate(0deg);
	}
}

.banner{ position: relative; width: 100%; height: auto; overflow: hidden;}
.topH{ width: 100%; height: 4rem;}
.fixright{ display: none; z-index: 888; width: 76px; height: 316px; position: fixed; right: 0; top: 40%;}
.fixright span{ display: block; width: 76px; height: 76px; margin: 0 0 5px 0;}
.btpo{ background: #262626; padding: 1rem; color: #fff; height: auto; line-height: 1.4rem; font-size: .8rem; text-align: center;}
#c_portalResnav_main-15746502636722178 .header .navbar_nav li:after {
    content: "";
    width: 0;
    height: 2px;
    background: rgba(240, 169, 2, 1);
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.5s ease 0s;
}

.bottom { text-align: center; font-size: 14px; line-height: 40px; color: #666; border-top: solid 1px #efefef;}


.zxtitt{ width: 100%; height: 55px; background: #f6f6f6;}
.zxtitt h2{ float: left;}
.zxtitt p{ float: right;font-size: 13px; line-height: 55px;}
.zxtitt h2 span:nth-child(1){ padding: 0 10px 0 0; font-size: 20px; line-height: 55px;}
.zxtitt h2 span:nth-child(2){ font-size: 13px; line-height: 55px;}
.banner{ width: 100%; height: auto; overflow: hidden;}
.swiper-slide{ width: 100%; overflow: hidden;}

.banner .swiper-container {
	width: 100%;
	height: auto;
	
}

.banner .content {
	position: relative;
	width: 100%;
	height: auto;
}

.banner .picB {
	width: 100%;
	height: auto;
}

.banner .text {
	
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	max-width: 100%;
	width: 95%;
	text-align: center;
	margin: 0 auto;
	transform: translateY(-50%);
}

.banner .bannerBtn {
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
	z-index: 999;
	color: #fff;
	font-size: 0.825rem;
}

.banner .swiper-button-prev {
	margin-bottom: 0.825rem;
}

.banner .next,
.banner .prev {
	margin: 0 0.825rem;
}

.banner .swiper-wrapper .swiper-slide img {
	width: 100%;
	height: auto;
	left: 0;
	top: 0;
}

.banner .bannerTitle {
	position: relative;
	color: #fff;
	margin-bottom: .8rem;
	font-size: 2.8rem;
	transition: all 2s ease;
}

.banner .swiper-slide-active .content:before {
	transition-delay: 1.3s;
	transform: translate3d(0px, 0, 0);
	opacity: 1;
}

.banner .swiper-slide-active .bannerTitle {
	transition-delay: 0.5s;
}

.banner .text * {
	transform: translate3d(0, 80px, 0);
	opacity: 0;
	/* text-shadow: 1px 1px 1px #333; */
}

.banner .swiper-slide-active .summry {
	transition-delay: 1s;
	padding: 20px 0;
	background: rgba(255,255,255,.4);
}

.banner .swiper-slide:nth-child(2) .summry{
	background: rgba(0,0,0,.4);
}


.banner .swiper-slide-active .text * {
	transform: translate3d(0, 0px, 0);
	opacity: 1;
}

.banner .summry {
	color: #fff;
	font-size: 1.2rem;
	line-height: 1.2;
	/*display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	 text-overflow: ellipsis; */
	transition: all 2s ease;
	max-width: 1000px;
}

.banner .bannerPic {
	position: relative;
	width: 100%;
	height: auto;
	transition: all 1s ease 2.5s;
	transform: perspective(1000px) translate3d(0, 0, 100px);
}

.banner .swiper-slide-active .bannerPic {
	transition: all 5s ease 0s;
	transform: perspective(1000px) translate3d(0, 0, 0px);
}
.swiper-wrapper{
   /* transition-delay:.3s; */
    }
.swiper-slide .text{
		position: absolute;
		transform:translateY(200px);
		opacity:0;
		transition:all .8s;}
	.ani-slide .text{
		transform:translateY(0);
		opacity:1;
}
.picB img{ width: 100%;}
.tlpnn{ cursor: pointer; position: absolute; right: 30px; top: 42%; z-index: 50000;}
.tl_next{ margin: 30px 0 0 0; font-size: 15px; color: #fff;}
.tl_prev{ margin: 0px 0 0 0; font-size: 15px; color: #fff;}
.hdmear{   padding: 1rem; }
.bannerTitle span{ letter-spacing: 3px; margin: 2rem 0 0 0; font-size: .9rem; display: block; clear: both; color: #fff;}
.summry span{letter-spacing: 1px;  margin:0; display: block; clear: both; color: #fff; width:100%;}
.bannerTitle span:nth-child(1){display: none; margin: 0 0 5px 0; width: 50px; background: #fff; height: 2px;}
.bannerTitle span:nth-child(2){  font-size: 0.8rem;}
.summry span:nth-child(1){ font-size: 0.8rem; margin: 0 0 15px 0;text-transform: uppercase; font-family: impact;}
.summry span:nth-child(2){ font-size: 0.6rem; }
.summry span:nth-child(2) a{ width: 140px; margin: auto; height: 43px; display: block; line-height: 43px; background: #005BA8; border-radius: 30px; text-align: center; color: #fff;}
.shottt{ outline: none; position: absolute; top: 46%; width: 65px; height: 65px; cursor: pointer;}
.show_next{ right: -5px;}
.show_pref{ left: -50px;}
.header_tel{ display: none;}
/*mobile*/

.wd1340{ margin: auto;}
.prodetail_1{ padding: 1rem;}
.prodetail_3 dt img{ width: 100%;}

.proid_1 dl{ padding: 1rem; }
.proid_1 dl dt{width: 100%; display: block;}
.proid_1 dl dt img{ width: 100%;}
.proid_1 { padding: 1rem 0;}
.proid_1 dd h3{ font-size: 35px; padding: 1rem 0; font-weight: 700;}
.proid_1 dd p{ width: 100%; font-size: 13px; line-height: 25px;}
.proid_1 dl:nth-child(2) dt{ padding: 2rem 0 0 0;}


.keepter{ width: 100%; height: auto; background: #22417a;}
.keepter_1{ padding: 1rem; height: auto; }
.keepter_2{ padding: 1rem; }
.keepter_1 dl{padding: 2rem 0 0 0;}
.keepter_1 dl dd{ height: auto; line-height: 1.5rem; color: #fff; border-left: solid 1px #fff; padding: 0 0 0 1rem; margin: 2rem  0 0 0;}
.keepter_1 dl dt{ font-size: 35px; color: #fff; font-family: impact;}
.keepter_2 dl{ width: 100%; padding: 1rem 0 0 0;} 
.keepter_2 dl dt{ color: #fff; font-size: 13px; line-height: 25px;}
.keepter_2 dd{ height: auto; overflow: hidden; padding: 25px 0;}
.keepter_2 dd a{ display: block; float: right; background: #fff; width: 115px; height: 35px; line-height: 35px; text-align: center; color: #1c28a9}


.wordmap{ margin: 1rem 0; width: 100%; height: auto;}
.jhmt_2{ padding: 1rem; }
.jhmt_3{ padding: 1rem;}
.jhmt_2 dt{ width: 25%; float: left;}
.jhmt_2 dt img{ width: 80%;}
.jhmt_2 dd{ width: 75%; float: left;}
.jhmt_2 dd img{ width: 100%;}
.jhmt_3 dd{ padding: 1rem 0 0 0;}
.jhmt_3 dd p{ line-height: 30px; width: 85%; margin: auto;}
.jhmt_3 dt img{ width: 100%;}


/* .kolast{ margin: 55px 0 0 0;} */
.kolast_2{ width: 100%; height: auto; float: left;}
.kolast{ background: #22417a; width: 100%; height: auto;}
.kolast_3{padding: 1rem; height: auto; }
.kolast_2 dl{ padding: 35px; color: #fff;}
.kolast_2 dt{ font-size: 22px; padding: 1rem 0 0 0;}
.kolast_2 dd{ padding: 25px 0 0 0; line-height: 25px;}
.kolast_3 dt{ text-align: left; padding: 1rem 0; font-size: 35px; font-family: impact;}
.kolast_3 dd{ line-height: 30px; text-align: left;font-size: 20px;}
.kolast_3 dl{ color: #fff;}
.howto_1 dt{ width: 100%; }
.howto_1 dt img{ width: 100%; display: block; margin: auto;}
.howto_1 dd{ width: 100%; }
.howto_1 dd h3{ font-size: 22px; padding: 10px 0;}
.howto_1 dd span{ display: block; font-size: 13px; color: #ccc; padding: 0 0 25px 0;}
.howto_1 dd p{ font-size: 13px; line-height: 26px;}
.howto{ padding: 1rem 0;}
.howto_1 dl{ height: auto; overflow: hidden; clear: both; padding:1rem;}

.joboot_2 a img{ display: block; margin: auto;}
.joboot_2 p{ text-align: center; color: #ccc;}
.joboot{ padding: 2rem 0; background: #000;}
.joboot_2{ width: 100%;}
.joboot_3{ padding: 1rem;}
.joboot_3 ul{ display: none;}
.joboot_3 li{float: left; padding: 0 10px; color: #fff;}
.joboot_3 li a{ color: #ccc;}
.joboot_4 dl{ height: auto; overflow: hidden;}
.joboot_4 dt input{ display: block; float: left; width: 100%; height: 3rem; background: #ccc;  margin: 0  0 10px 0;}
.joboot_4 dd textarea{ height: 4rem; width: 100%; background: #ccc; }
.joboot_4{padding: 0; clear: both;}
.joboot_4 dl{ padding: 5px 0 0 0; clear: both;}
.joboot_6  dt{ height: auto; overflow: hidden;}
.joboot_6  dd{ padding: 0;}


.joboot_5 dt{ line-height: 40px; width: 100%; height: 40px; color: #fff; text-align: center; font-size: 12px;} 
.joboot_5 dd input{ display: block; background: none;  width: 100%; height: 35px; background: #22417a; color: #fff;}
.joboot_5 dd { padding:0;  width: 100%;}
.joboot_5 button {
    display: block;
    background: none;
    width: 114px;
    height: 35px;
    background: #22417a;
    color: #fff;
    font-size: 16px;
	margin: 0 auto;
}

.kolast_2 dl dd a {
    display: block;
    background: #fff;
    width: 115px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #1c28a9;
    font-size: 16px;
}

/*产品*/
.nybanner{ width: 100%; height: auto; }
.nybanner a{ color:#fff; }
.ny_cp{background: url(../images/mocp_banner.jpg) no-repeat center center;background-size: 100%;}
.nybanner_2{ width: 100%; /* height:97px; */}
/* .nybanner_1{ padding: 4rem 0;} */
.nybanner_1 h3{ font-size: 35px; color: #fff; padding: 1rem; font-family: impact;}
.nybanner_1 p{ font-size: 14px; padding: 0 0 0 1rem; color: #fff;}
.prodetail_2{ width: 100%; height: auto; overflow: hidden;}
.prodetail_3{ width: 100%; height: auto; overflow: hidden;}
.prodetail_2 dt{ padding: 1rem 0; font-size: 30px; font-weight: 700;}
.prodetail{ padding: 1rem 0;}
.procon_2{ width: 100%; height: auto; }
.procon_3{ width: 100%; }

.procon_6 dt{  width: 10%; float: left;}
.procon_6 dd{  width: 85%; float: right;}
.procon_6 dd h4{ font-size: 16px; padding: 0 0 10px 0; font-family: impact;}
.procon_6 dd p{ font-size: 13px;  line-height: 25px;}
.procon_5 dd{ float: left; width: 33.333%;}
.procon_5 dd img{ margin: auto; display: block; width: 6rem;}
.procon_3 dl{ height: auto; overflow: hidden; clear: both;}
.procon_5{ padding: 0 0 1rem 0;}
.procon_6{ padding: 1rem;}
.mater h2{display: block; width: 96%; margin: 0 auto; font-size: 24px; text-align: center; color: #000000;  font-family: impact;}
.mgt110 {margin-top: 30px;}
.procon_in2 {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    margin: 20px auto;
    line-height: 25px;
    background: #22417a;
	color: #fff;
}
.procon_in2 p {
    text-align: center;
    color: #fff;
    font-size: 12px;
}
.procon_5 dd:nth-child(1) p{
    padding: 30px 5px 0 5px;
}
.procon_5 dd:nth-child(2) p{
    padding: 30px 5px 0 5px;
}
.procon_5 dd:nth-child(3) p{
    padding: 15px 5px 0 5px;
}
.whyo_2{ width: 100%; }
.whyo_3{ padding: 1.5rem; }
.whyo_2 h3{ padding: 2.5rem 0; font-size: 1.5rem; text-align: center; color: #fff;}
.whyo_2 p img{ display: block; width: 50%; margin: auto;}
.whyo{ height: auto; width: 100%; background: #244278;}
.whyo_3 dt{ padding: 10px 0 0 0; width: 46px;}
.whyo_3 dd{ width: 100%;}
.whyo_3 dd p{ font-size: 14px; line-height: 25px; color: #fff;}
.whyo_3 dl{  padding: 0 0 25px 0; height: auto; overflow: hidden; clear: both; }
.whyo_3 span a {display: block;float: right;background: #fff;width: 115px;height: 35px;line-height: 35px;text-align: center;color: #22417a;font-size: 16px;
}
.mater_1 dt{ color: #000; padding: 0 0 0 60px; height: 85px; line-height: 35px; }
.mater_1 dl:nth-child(1) dt{background: url(../images/pro_31.jpg) no-repeat left top; font-family: impact;}
.mater_1 dl:nth-child(2) dt{background: url(../images/pro_35.jpg) no-repeat left top; font-family: impact;}
.mater_1 dl:nth-child(3) dt{background: url(../images/pro_38.jpg) no-repeat left top; font-family: impact;}
.mater_1 dl:nth-child(4) dt{background: url(../images/pro_42.jpg) no-repeat left top; font-family: impact;}


.mater_1 dd{ line-height: 30px; font-size: 14px;}
.mater_g{ background: #dee3eb;}
.mater_1 dl:nth-child(1){ background: #fff;}
.mater_1 dl:nth-child(2){ background: #dee3eb;}
.mater_1 dl:nth-child(3){ background: #fff;}
.mater_1 dl:nth-child(4){ background: #dee3eb;}
.mater_1 dl{height: auto; overflow: hidden; padding: 1rem; margin: 1rem 0 0 0;}

.terimg{ width: 100%; padding: 50px 0;}
.proteet_1 h3{ font-size: 1.2rem; padding: 1rem 0;}
.proteet{ padding: 1rem;}
.terimg_1 img{ width: 100%;}
.proteet_1 img{ width: 100%;}
.proteet_table{text-align: center;}

.ny_fw{ width: 100%; height: auto; background: url(../images/mo_banner.jpg) no-repeat center center;}
.ny_tech{ width: 100%; height: auto; background: url(../images/tech.jpg) no-repeat center center;}
.ny_cp{ width: 100%; height: auto; background: url(../images/ny.jpg) no-repeat center center;}
.ny_lvse{ width: 100%; height: auto; background: url(../images/lvse.jpg) no-repeat center center;}
.ny_gy{ width: 100%; height: auto; background: url(../images/guanyu.jpg) no-repeat center center;}
.ny_xw{ width: 100%; height: auto; background: url(../images/news1.jpg) no-repeat center center;}
.ny_lx{ width: 100%; height: auto; background: url(../images/lianxi.jpg) no-repeat center center;}
.mostp_3 { width: 100%; height: auto; overflow: hidden;}
.mostp_3 p{ font-size: 14px; width: 100%; line-height: 25px; margin: 0 0 25px 0; }
.mostp{ padding:1.5rem 1.5rem 0 1.5rem;}
.mostp_1 h2{ font-size: 30px; font-weight: 500; padding: 0 0 30px 0; font-family: impact;}
.mostp_i{ background: url(../images/fw01.jpg) no-repeat left center; padding: 0 0 0 35px;}
.heven_2{ padding: 1rem; height: auto; overflow: hidden;}
.heven_2 img{ width: 100%;}
.heven_2 dl{ width: 100%;  height: auto; }
.heven_2 dl dt img{ width: 30px;}
.heven_2 dl dd h4{ font-size: 16px; height: 30px; line-height: 30px; font-weight: 500;  font-family: impact; padding: 20px 0 20px 40px;}
.heven_2 dl dd p{ font-size: 14px;  line-height: 25px; }
.heven_2 dl:nth-child(1) dd h4{  background: url(../images/fw03.jpg) no-repeat left center; }
.heven_2 dl:nth-child(2) dd h4{  background: url(../images/fw04.jpg) no-repeat left center; }
.heven_2 dl:nth-child(3) dd h4{  background: url(../images/fw05.jpg) no-repeat left center; }
.heven_2 dl:nth-child(4) dd h4{  background: url(../images/fw06.jpg) no-repeat left center; }
.slout{ padding:1rem;}
.slout_1 h2{ font-size: 1.3rem; padding: 0 0 25px 0;  font-family: impact;}
.jostab_2{ width: 100%;}
.jostab_2 h3{ padding: 0 0 2rem 0;font-family: impact;}
.jostab_3{ width: 100%;}
.jostab_3 p{ line-height: 25px; padding: 0 0 35px 0;}
.jostab_2 h2{ font-size: 30px; font-weight: 700; padding: 0 0 25px 0;}
.jostab_2 p{ font-size: 14px;  line-height: 25px; }
.josimg{ padding: 1rem;}
.jostab{ padding: 1rem;}
.josbanner_2 img{ width: 100%;}
.jos_next{ cursor: pointer; position: absolute; right: 10px; top: 49%; width:36px; height: 36px; background: url(../images/green_r.jpg) no-repeat center center;}
.jos_prev{ cursor: pointer; position: absolute; left: 10px; top: 49%; width:36px; height: 36px; background: url(../images/green_l.jpg) no-repeat center center;}
.jostab_3 p a{ display: block; width: 150px; height: 35px; line-height: 35px; text-align: center; color: #fff; background: #005BA8;  margin: auto;}
.jostab_3 p{ height: auto; overflow: hidden;}
.josbanner_2{ width: 100%; overflow: hidden; margin: auto;}
.koopimg{ width: 100%; padding: 2rem 0; height: auto;  background:#213f75;}
.koopimg_1 dl{ color: #Fff; text-align: center; height: auto; overflow: hidden; margin: 0 0 3rem 0; width: 100%;}
.koopimg_1 dt{ font-size: 25px; padding: 2rem 0;font-family: impact;}
.koopimg_2{ width: 150px; height: 2px; background: #c16e19; margin:0 auto 25px auto;}
.koopimg_3{ width: 163px; margin: auto ; line-height: 25px;}
.anqisanb_2{ width: 100%; }
.anqisanb_2 img{ width: 100%;}
.anqisanb_2 p{ line-height: 25px; font-size: 14px; padding:1rem 0;}
.anqisan{ padding: 1rem;}
.rongyu_1 dl{ width: 100%; height: auto;  margin: 1rem 0;}
.rongyu_1 dl img{ width: 100%;}
.slout_2 img{ width: 100%;}

.ny_lx{background: url(../images/lianxi.jpg) no-repeat center center;}
.wlcome_2 dl{ width: 100%; height: auto; overflow: hidden;  padding: 0 0 3rem 0;}
.wlcome_2 dl dt{ width: 25%; float: left;}
.wlcome_2 dl dd{ width: 75%; height: auto; overflow: hidden; float: left;}
.wlcome_2 dl dd h4{ font-size: 16px; padding: 5px 0;}
.wlcome_2 dl dd p{ font-size: 13px; line-height: 25px;}
.wlcome{ padding: 1rem;}
.wlcome_h2{ font-size: 1.3rem; padding: 1rem 0;}
.wlcome_p{ font-size: 14px; padding: 0 0 30px 0;} 

.wlcome_9 dl{ margin: 0 0 2rem 0; height: 45px; border-bottom: solid 1px #fff; line-height: 45px; color: #fff; width: 100%;}
.wlcome_8{ padding: 1rem; background: #22417a; }
.wlcome_9 dl dt{ height: 45px; line-height: 45px; width: 35%; float: left;}
.wlcome_9 dl dd{ width: 65%; float: left;}
.wlcome_9 dl dd input{color: #fff; width: 100%; height: 45px; background: none;}
.wlcome_10 dl{ margin: 25px auto; height: 45px; border-bottom: solid 1px #fff; line-height: 45px; color: #fff; width: 1069px; }
.wlcome_10 dl dt{height: 45px; line-height: 45px; width: 90px; float: left;}
.wlcome_10 dl dd{ width: 900px; float: left;}
.wlcome_10 dl dd input{ color: #fff; width: 100%; height: 45px; background: none;}
.wlcome_12{ padding: 2rem 0; width: 100%; height: auto; overflow: hidden;}
.wlcome_12 p{ font-size: 14px; line-height: 25px; color: #fff;}
.wlcome_13 input{ width: 200px; display: block; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #000}
.wlcome_11{ width: 100%; margin: auto;}
.wlcome_13{ width: 100%; margin: 50px 0 0 0;}
.wordmap_1 p{ width: 42px; height: 42px; position: absolute; z-index: 3;} 
.wop1{ left: 91px; top: 129px;}
.wop2{ left: 194px; top: 248px;}
.wop3{ left: 346px; top: 413px;}
.wop4{ left: 399px; top: 460px;}
.wop5{ left: 351px; top: 578px;}

.wop6{ left: 728px; top: 218px;}
.wop7{ left: 928px; top: 218px;}
.wop8{ left: 593px; top: 336px;}
.wop9{ left: 977px; top: 101px;}
.wop10{ left: 1127px; top: 224px;}
.wop11{ left: 1137px; top: 324px;}
.wop12{ left: 1153px; top: 240px;}
.wop12{ left: 1113px; top: 486px;}
.wordmap_1{ height: 824px;}

.wordmap_1 p:hover{animation:tiantiao1 0.5s ease-in 1 forwards,tiantiao2 0.2s ease-out 0.5s 1 forwards,tiantiao3 0.2s ease-in 0.7s 1 forwards,tiantiao4 0.15s ease-out 0.9s 1 forwards,tiantiao5 0.15s ease-in 1.05s 1 forwards;}
@keyframes tiantiao1{
	0%{
		transform:translateY(0);
		}
		50%{
			transform:translateY(-200px);
			}
	100%{
		transform:translateY(0);}
	}
@keyframes tiantiao2{
	0%{
		transform:translateY(0);}
	100%{
		transform:translateY(-100px);}}
@keyframes tiantiao3{
	0%{
		transform:translateY(-100px);}
	100%{
		transform:translateY(0);}}
@keyframes tiantiao4{
	0%{
		transform:translateY(0px);}
	100%{
		transform:translateY(-50px);}}
@keyframes tiantiao5{
	0%{
		transform:translateY(-50px);}
	100%{
		transform:translateY(0);}
		}


.tecnolg{ padding: 1rem;}
.tecrom_4{ width: 100%;}
.tecrom_3{ padding: 0 ; width: 100%; }
.tecrom_3 img{ width: 100%;}
.tecrom_2{ width: 100%; }
.tecrom_2 img{ width: 100%;}
.tecrom_2 img:nth-child(1){margin: 0 0 20px 0;}
.tecnolg_5 {width: 100%; padding: 0 0 35px 0; }
.tecnolg_6{width: 100%; padding: 0 0 35px 0;}
.tecnolg_6 dt h3{ font-size: 1.3rem; font-weight: 700;}
.tecnolg_5 dt{ line-height: 25px; width: 100%; }
.tecnolg_5 dd{ width: 100%;}
.tecrom_1 p{ line-height: 25px;}
.tecrom_1 { padding: 0 0 35px 0;}
.tecrom_1 span{ width: 50%; float: left; display: block; line-height: 25px;}


.tecnolg_11{width: 670px; padding: 0 0 35px 0; float: left;}
.tecnolg_12{ width: 195px; float: left;}
.tecnolg_13{ width: 390px; float: left;}
.tecnolg_13 p{ width: 88%; margin: auto; padding: 50px 0 0 0; line-height: 25px;}
.tecnolg_11 dd{ height: auto; overflow: hidden; clear: both; padding: 0 0 5px 0;}



.tecqad{ padding:1rem; height: auto; background:#244278;}
.tecqad_2{ color: #fff; width: 100%; height: auto; }
.tecqad_8{ color: #fff; width: 100%;height: auto; }
.tecqad_2 h2{padding: 1rem 0; font-size: 25px;}
.tecqad_2 p{padding: 35px 0 0 0;}
.tecqad_2 p img{ width: 100%;}
.tecqad_3{ padding: 1rem 0;}
.tecqad_3 p{ color: #fff; line-height: 25px;}

.tecqad_4 span{ width: 100%; display: block; line-height: 30px; color: #fff}
.tecqad_4{ width: 100%; padding: 0;}
.tecqad_5{  width: 100%; padding:2rem 0;}
.tecqad_5 input{ display: block; width: 150px; height: 36px; color: #000; line-height: 36px; font-size: 14px; text-align: center;}
.tecpro_1 dl{ width:100%; margin: 0 0 1rem 0;}
.tecpro_1 dl dd{ padding: 25px;}
.tecpro_1 dl dd img{ width: 100%;}
.tecpro_1 dl dt{ padding: 0 25px; font-size: 18px; font-weight: 700;}
.tecpro { padding: 2rem 0;}
.green_3{ width: 100%;}
.green_4{ width: 100%;}
.green_2 dl{ padding: 1rem 0; height: auto;}
.green_2 dl img{ width: 100%;}
.green{ padding: 1rem;}
.green_3 h3{ font-size: 35px; font-weight: 700;font-family: impact;}
.green_3 p{ padding: 10px 0 0 0;}
.green_11 dl{ height: auto; }
.green_12{ width: 100%;}
.green_12 img{ width: 100%;}
.green_13{ width: 100%;}
.green_13 dd{ padding: 2rem 0;}
.green_13 dd p{ line-height: 25px;}

.greenty_1{ padding: 0 0 2rem 0;}
.greenty_1 img{ width: 100%;}
.greenty{ padding:1rem;}
.greenty_next{border: solid 1px #fff; background: url(../images/green_r.jpg) no-repeat center center; width: 50px; height: 50px; position: absolute; bottom: 75px; right: 15%;}
.greenty_prev{border: solid 1px #fff;background: url(../images/green_l.jpg) no-repeat center center; width: 50px; height: 50px; position: absolute; bottom:75px; right: 20%;}
.greenty_next:hover{ border: solid 1px #ccc; border-radius: 50px; box-shadow: #000000;}
.greenty_prev:hover{ border: solid 1px #ccc; border-radius: 50px; box-shadow: #000000;}
.greenty_3 h2{ padding: 0 0 1rem 0; font-size: 1.3rem; font-weight: 700; line-height: 1.6rem;font-family: impact;}
.greenty_10{ font-size: 13px; padding: 2rem 0;line-height: 25px; width: 100%;}
.jonews_body{ padding: 50px 10px 0 10px; /* width: 996px; */ margin: auto;}
.jonews_body p{ line-height: 25px; padding: 0 0 35px 0;text-align: justify;}
.jonews_body p img{ width: 100%;}
.jonews_1 h2{ text-align: center; padding: 25px 0 0 0;}
.jonews{ padding: 50px 0;}

.jonews_1 span{ padding: 15px 0 0 0; display: block; text-align: center; font-size: 13px; color: #ccc;}
.jonews_more a:nth-child(1){ float: left;width: 100%;}
.jonews_more a:nth-child(2){ float: left;width: 100%;margin-top: 20px;}
.jonews_more{ padding: 30px 10px;}

.jonews_list { padding: 1rem;}
.jonews_list dl{ border: solid 2px #fff; box-sizing: border-box; margin: 0 0 25px 0;  background: #f9f9f9; width: 100%; }
.jonews_list dl dt{height: auto; overflow: hidden;}
.jonews_list dl dt img{ width: 100%;}
.jonews_list dl dd { min-height: 155px; padding: 15px 0;}
.jonews_list dl dd p{ font-size: 15px; color: #333;padding: 0 0 10px 0;} 
.jonews_list dl dd span{ padding: 0 0 10px 0; text-align: left;  display: block; font-size: 13px; color: #999;} 
.jonews_dl{padding: 40px 35px;}
.jonews_list dl dd a{ font-size: 13px; color: #999;}
.jonews_list dl:nth-child(2){ background: #efefef;}
.jonews_list dl:nth-child(4){ background: #efefef;}
.jonews_list dl:nth-child(6){ background: #efefef;}

.jonews_pages{ text-align: center; padding: 35px 0;}
.jonews_pages a{ margin: 0 3px; display: inline-block; padding: 10px 13px; border: solid 1px #ccc;}
.pages_on{ background: #007AFF !important;; border: solid 1px #007AFF !important; color: #fff;}

}


/* @media (max-width: 1200px) {
.jhmt1_about {
    width: 565px;
}
}
 */

/*PC*/
@media (min-width: 1200px) {
p{ font-size: 13px; line-height: 22px; color: #666;}
a{ font-size: 13px; color: #333;}
h1{ font-size: 30px; line-height: 40px;}
h2{ font-size: 20px; line-height: 30px;}
h3{ font-size: 18px; line-height: 26px;}
h4{ font-size: 16px; line-height: 24px;}
h5{ font-size: 14px; line-height: 24px;}
.wd1200{ width: 1340px; margin: auto;}
.wd1300{ width: 1300px; margin: auto;}
.wd1600{ width: 90%; max-width: 1600px; margin: auto;}
.wd110{ width: 110%;}
.wd1350{ width: 1350px; margin: auto;}
.pcnone{ display: none !important;}
.flr{ float: right;}
.fll{ float: left;}
.atall{transition: all .6s ease;}
.atall:hover{ color: #009944;}
.imgtall{transition: all .6s ease;}
.imgtall:hover{transform:scale(1.3) }
.mgt110{margin-top: 110px;}
.bannerct{width: 95px; height: 35px; background-color: #fff;display: block;line-height: 35px; text-align: center; font-size: 18px; margin-top: 25px; color: #244177 !important}
.flemail{position: fixed;right: 0; bottom: 150px;}

.header_diqiu{ float: right; height: 72px;}
.header_diqiu i{ height: 72px; line-height: 72px; display: block; font-size: 1.3rem;}
.header{transition: all .2s; /* position: fixed; */ width: 100%; padding:  0; top: 0; left: 0; height: 125px; z-index: 800;}
.header_logo img{  width: 100%;}
.header_logo span{ text-indent: 8px; display: block; clear: both; font-size: 14px; color: #999;}
.header_r{width: 833px; float: right; padding: 30px 0 0 0;}
.header_2{ width: 116px; float: left;}
.header_tel{ float: right; padding: 20px 0 10px 0;}
.header_logo{ padding: 20px 0 0 0; width: 100%; height: auto; display: block; margin:0 auto; }

.header_tel .span_on{ /* border: solid 1px #000; */ border-radius: 30px; }
.header_tel span{float: left; text-align: center; display: block; height: 30px; width: 30px; line-height: 30px;font-size: 14px; margin: 0 0 0 20px;color: #000;}
.bghead .header_tel span{color: #000;}
.bghead .header_tel .span_on{ border: solid 1px #000; border-radius: 30px;display: none; }
.header_serch{ height: 35px; padding:0; float: right; overflow: hidden;}
.header_serch_1{ width: 223px; height: 33px; border: solid 1px #ccc; border-radius: 5px;}
.header_serch_btn{ background: none; display: block; height: 33px; width: 40px; float: right; }
.header_main{padding-top:30px;height: 72px; float: right; width: 1026px; margin: 0; }
/* .header_in{ padding: 25px 0 0 0;} */
.header_main ul{ width: 860px; float: left; margin: 0; padding: 0; height: 72px;}
.header_main li{  position: relative;float: left; padding: 0 3px; min-width: 85px;}
.header_main .navhide{ z-index: 500; padding: 0;  position: absolute; left: 0; top: 72px; width: 100%;background: #f6f6f6;box-shadow: 0 3px 7px rgba(127,127,127,0.16);z-index: -999;transform: translateY(10%) scale(.96);opacity: 0;transition: .4s .05s;visibility: hidden;}
.header_main li:hover .navhide{transform: translateY(0) scale(1);opacity: 1;visibility: visible;z-index: 999999;}	
.header_main .navhide a{transition: all .6s; display: block; clear: both; font-size: 0.9rem; width: 100%; line-height: 35px; color: #666; text-align: center;}
.header_main .navhide a:hover{ background: #669934; color: #fff;}
.header_main .navhide dd{ position: relative;}
.header_main .navhdd2 dl{ width: 150px; position: absolute; top: 0; right: -151px;z-index: -999;transform: translateX(-1%) scale(.96);opacity: 0;transition: .4s .05s;visibility: hidden;}
.header_main .navhdd2 dl dd a{ background: #ccc; display: block; width: 100%; height: 35px; line-height: 35px;}
.header_main .navhdd2 { position: relative;}
.header_main .navhdd2:hover  dl{transform: translateX(0) scale(1);opacity: 1;visibility: visible;z-index: 999999;}
.header_onenav{transition: all .6s ease; padding: 0 17px; margin: 0;color: #000; height: 72px; display: block; line-height: 72px; font-size: 18px; }
.navclose{ display: none;}
.header_serch_txt{ width: 70%; height: 33px; font-size: 12px; text-indent: 15px; line-height: 33px;}
.topserch{ padding: 25px 0 0 0; width: 300px; float: right;}
.topserch_1 span i{ display: block; float: right; font-size: 12px; line-height: 20px; padding: 0 10px; color: #fff;}
.topserch_1 span{ width: 45px; height: 25px; display: block; float: right;}
.topserch_1 span img{ float: left; width: 20px; margin: 2px 0 0 0; display: block;}
.topserch_txt{ float: right; transition: all .6s ease;width: 0;margin: 0 0 0 5px; height: 25px; line-height: 25px; }
.topserch_login span{ width: 25px; height: 30px; font-size: 13px; line-height: 30px; color: #fff; display: block; float: left;}
.topserch_login em{ line-height: 25px; width: 35px; height: 30px; font-size: 13px; color: #fff; display: block; float: left;}
.topserch_EN span{ color: #fff; font-size: 12px; text-align: center; display: block; width: 30px; line-height: 20px; height: 20px;}
.topserch_login{ padding: 0 5px;}
.active {
	font-weight: 800;
	color: #097cef;
}
.header_onenav:after {
	
	content: "";
	width: 0;
	height: 3px;
	background: #000;
	position: absolute;
	bottom: 10px;
	left: 20px;
	transition: all 0.5s ease 0s;
}
.header_onenav:hover:after {
	width: 50%;
	
}
.topH{width: 100%; height: 72px;}
.tl_pagination{ position: absolute; bottom: 20px;z-index: 33;}
.topserch_1{transition: all .6s ease; width: 200px; height: 30px;}
.topfc{width: 233px !important;}
.topfc .topserch_txt{ text-indent: 15px; margin: 0 0 0 5px; font-size: 13px; width: 150px; height: 22px; line-height: 25px; border: solid 1px #ccc;}
.bottom { text-align: center; font-size: 14px; line-height: 40px; color: #666; border-top: solid 1px #efefef;}
.wd1300{ width: 1300px; margin: auto;}
.bghead{ background: #fff; top: 0 !important; box-shadow: rgba(0,0,0,.1) 0px 0px 20px;display: none;}

#c_portalResnav_main-15746502636722178 .header .navbar_nav li:after {
    content: "";
    width: 0;
    height: 2px;
    background: rgba(240, 169, 2, 1);
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.5s ease 0s;
}

.bottom { text-align: center; font-size: 14px; line-height: 40px; color: #666; border-top: solid 1px #efefef;}
.wd1300{ width: 1300px; margin: auto;}

.zxtitt{ width: 100%; height: 55px; background: #f6f6f6;}
.zxtitt h2{ float: left;}
.zxtitt p{ float: right;font-size: 13px; line-height: 55px;}
.zxtitt h2 span:nth-child(1){ padding: 0 10px 0 0; font-size: 20px; line-height: 55px;}
.zxtitt h2 span:nth-child(2){ font-size: 13px; line-height: 55px;}
.banner{ width: 100%; height: auto; overflow: hidden;}
.swiper-slide{ width: 100%; overflow: hidden;}

.banner .swiper-container {
	width: 100%;
	height: auto;
	
}

.banner .content {
	position: relative;
	width: 100%;
	height: auto;
}

.banner .picB {
	width: 100%;
	height: auto;
}

.banner .text {
	position: absolute;
	top: 25%;
	left: 0;
	right: 0;
	max-width: 1340px;
	/* width: 90%; */
	margin: 0 auto;
	transform: translateY(-50%);
}

.banner .bannerBtn {
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
	z-index: 999;
	color: #fff;
	font-size: 0.825rem;
}

.banner .swiper-button-prev {
	margin-bottom: 0.825rem;
}

.banner .next,
.banner .prev {
	margin: 0 0.825rem;
}

.banner .swiper-wrapper .swiper-slide img {
	width: 100%;
	height: auto;
	left: 0;
	top: 0;
}

.banner .bannerTitle {
	position: relative;
	color: #fff;
	margin-bottom: .8rem;
	font-size: 2.8rem;
	transition: all 2s ease;
}

.banner .swiper-slide-active .content:before {
	transition-delay: 1.3s;
	transform: translate3d(0px, 0, 0);
	opacity: 1;
}

.banner .swiper-slide-active .bannerTitle {
	transition-delay: 0.5s;
}

.banner .text * {
	transform: translate3d(0, 80px, 0);
	opacity: 0;
	/* text-shadow: 1px 1px 1px #333; */
}

.banner .swiper-slide-active .summry {
	transition-delay: 1s;
}

.banner .swiper-slide-active .text * {
	transform: translate3d(0, 0px, 0);
	opacity: 1; font-family: impact;
}

.banner .summry {
	color: #fff;
	font-size: 1.2rem;
	line-height: 1.8;
	/* display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis; */
	transition: all 2s ease;
	height: 165px;
	
}

.bannerPic {
 position: relative;
 width: 100%;
 height: auto;
 transition: all 1s ease 2.5s;
 transform: perspective(1000px) translate3d(0, 0, 30px);
}

.banner .swiper-slide-active .bannerPic {
 transition: all 20s ease 0s;
 transform: perspective(1000px) translate3d(0, 0, 60px);
}
.banner  .swiper-wrapper{
    transition-delay:.3s;
    }
.banner .swiper-slide .text{ 
		position: absolute;
		transform:translateY(200px);
		opacity:0;
		transition:all .8s;}
.banner 	.ani-slide .text{
		transform:translateY(0);
		opacity:1;
		
}
.moheadH{ height: 132px; background: #fff;}
.tlpnn{ cursor: pointer; position: absolute; right: 30px; top: 42%; z-index: 50000;}
.tl_next{ margin: 30px 0 0 0; font-size: 15px; color: #fff;}
.tl_prev{ margin: 0px 0 0 0; font-size: 15px; color: #fff;}
.hdmear{ width: 597px; height: 113px; padding: 30px 30px 70px 30px; background: rgba(255,255,255,0.2);}
.bannerTitle span{ text-align: left; display: block; letter-spacing: 3px; margin: 1.5rem 0 0 0; display: block; clear: both; color: #fff;}
.summry span{letter-spacing: 1px;  margin: 1.5rem 0 0 0; display: block; clear: both; color: #fff;}
.bannerTitle span:nth-child(1){ display: none; margin: 0 0 5px 0; font-size: 30px; width: 50px; background: #fff; height: 2px;}
.bannerTitle span:nth-child(2){  font-size: 20px; f/* ont-weight: 700; */}
.summry span:nth-child(1){text-transform:uppercase; font-family: ziti; display: block;font-size: 36px; margin:22px 0;}
.summry span:nth-child(2){font-family:'Microsoft YaHei',Arial, Helvetica, sans-serif;text-align: left;  width: 100%; display: block; line-height: 30px; font-size: 16px; text-transform: uppercase;}
.shottt{ outline: none; position: absolute; top: 46%; width: 65px; height: 65px; cursor: pointer;}
.show_next{ right: -5px;}
.show_pref{ left: -50px;}
.summry a{ width: 140px; margin: auto; height: 43px; display: block; line-height: 43px; background: #005BA8; border-radius: 30px; text-align: center; color: #fff;}
.summry i{ display: inline-block; margin: 6px 0 0 0; width: 100px; height: 1px; background: #fff;}
.summry em{  display: inline-block; font-size: 13px; font-style: italic;}
.summry span{ text-align: left;}

.bghead .header_onenav{ color: #000}
.bghead .header_tel span:nth-child(2){ color: #000}

.jhmt{width: 100%;padding: 50px 0; text-align: left;}
.jhmt1{width:100%}
.jhmt1 li{width:50%; float: left; overflow: hidden;}
.jhmt1 li:nth-child(1) span{font-size: 36px; color: #000;font-family: impact;}
.jhmt1 li:nth-child(1) p{font-size: 16px; color: #000; line-height: 200%; margin-top: 50px;text-align: justify;}
.jhmt1 li:nth-child(4) span{font-size: 36px; color: #000;font-family: impact;}
.jhmt1 li:nth-child(4) p{font-size: 16px; color: #000; line-height: 200%; margin-top: 30px;text-align: justify;margin-bottom: 105px;}
.jhmt1_about{width: 620px; float: right; padding: 70px 50px 0 0;}
.jhmt1_about1{width: 620px; float: left; padding: 80px 0 0 50px;}

.jhmt2{width: 100%; background-color: #e8ecf1; overflow: hidden;padding: 100px 0;}
.jhmt2 h2{font-size: 36px; color: #000;  font-family: impact;text-align: center;}
.jhmt4{font-size: 16px; text-align: center; color: #000; width: 95%; display: block; margin: 0 auto; line-height: 200%; padding: 30px 0 60px 0;}
.jhmt3{width: 1340px; margin: 0 auto;}
.jhmt3 li{width: 50%; float: left;}
.jhmt3 li:nth-child(3) {padding: 10px 30px 0 0; width: 640px;}
.jhmt3 li:nth-child(6) {padding: 80px 0 0 30px; width: 640px;}
.jhmt3 li:nth-child(3) span{font-size: 18px; color: #000;font-family: impact;display: block;padding: 20px 0;}
.jhmt3 li:nth-child(3) p{font-size: 16px; color: #000; line-height: 190%; margin-top: 0px;text-align: justify;}
.jhmt3 li:nth-child(6) span{font-size: 18px; color: #000;font-family: impact;display: block;padding: 25px 0;}
.jhmt3 li:nth-child(6) p{font-size: 16px; color: #000; line-height: 190%;text-align: justify;}

/*尾部*/

.wd1340{ width: 1340px; margin: auto;}
.proid{ background: url(../images/jh01.jpg) no-repeat center top;}
.proid_1 dl{ width: 50%; float: left;}
.proid_1 dl dt{width: 623px; display: block;}

.proid_1 { padding: 100px 0;}
.proid_1 dd h3{text-transform:uppercase; font-family: ziti;font-size: 40px; padding: 230px 0 25px 0; font-weight: 700;}
.proid_1 dd p{ width: 85%; font-size: 16px; line-height: 25px;}
.proid_1 dl:nth-child(2) dt{ padding: 450px 0 0 0;}
.proid_1 dl:nth-child(2) dt img{width: 623px;}
.proid_1 dl:nth-child(1) dt img{width: 578px;}



.keepter{ width: 100%; height: 395px; background: url(../images/idx3.jpg) no-repeat center center;}
.keepter_1{ width: 670px; height: 395px; float: left;}
.keepter_2{ width: 670px; float: left;}
.keepter_1 dl{padding: 110px 0 0 0;}
.keepter_1 dl dd{ height: 50px; line-height: 50px; width:310px; border-left: solid 1px #999999; padding: 0 0 0 25px; margin: 130px  0 0 0;}
.keepter_1 dl dd span{display:block;width:10px; height:10px; border:solid 1px #27457d; border-radius: 6px; float: right; margin-right: 10px; margin-top:20px;}
.keepter_1 dl dt{text-transform:uppercase; line-height: 48px; font-size: 36px; color: #fff;  font-family: impact;}
.keepter_2 dl{ width: 588px; padding: 110px 0 0 50px;} 
.keepter_2 dl dt{ color: #fff; font-size: 16px; line-height: 36px; text-align: justify;text-justify:distribute-all-lines;}
.keepter_2 dd{ height: auto; overflow: hidden; padding: 25px 0;}
.keepter_2 dd a{ display: block; float: right; background: #fff; width: 115px; height: 35px; line-height: 35px; text-align: center; color: #22417a;font-size: 16px;}


.wordmap{ margin: 75px 0 40px 0; width: 100%; height: 692px; background: url(../images/lianxi_27.jpg) no-repeat center center;}
.jhmt_2{ width: 538px; float: left;}
.jhmt_3{ width: 800px; float: right;}
.jhmt_2 dt{ width: 119px; float: left;}
.jhmt_2 dd{ width: 405px; float: right;}
.jhmt_3 dd{ padding: 130px 0 0 0;}
.jhmt_3 dd p{ line-height: 30px; width: 95%; margin: auto; float:right;text-align: justify;text-justify:distribute-all-lines;font-size: 16px;line-height: 36px; }



.kolast{ margin: 55px 0 0 0;}
.kolast_2{ width: 670px; height: 410px; float: left;}
.kolast{ background: url(../images/idx4.jpg) no-repeat center center; width: 100%; height: 410px;}
.kolast_3{ width: 670px; height: 410px; float: left;}
.kolast_2 dl{ padding: 35px; color: #fff;}
.kolast_2 dt{ font-size: 18px; padding: 70px 0 0 0;font-weight: 600;}
.kolast_2 dd{ padding: 55px 0 0 0; line-height: 200%;font-size:16px;text-align: justify;text-justify:distribute-all-lines;}

.kolast_2 dl dd a{ display: block; background: #fff; width: 115px; height: 35px; line-height: 35px; text-align: center; color: #1c28a9;font-size: 16px;}
.kolast_3 dt{ text-transform:uppercase; font-family: impact;text-align: right; padding: 100px 0 25px 0; font-size: 36px;}
.kolast_3 dd{ line-height: 30px; text-align: right;font-size: 16px;}
.kolast_3 dl{ color: #fff;}
.howto_1 dt{ width: 670px; float: left;}
.howto_1 dt img{ display: block; margin: auto;}
.howto_1 dd{ width: 670px; float: left; border-bottom:solid 1px #ccc;padding-bottom:94px;}
.howto_1 dd h3{ font-size: 18px; padding: 0 0 10px 0;}
.howto_1 dd span{ display: block; font-size: 13px; color: #ccc; padding: 0 0 25px 0;}
.howto_1 dd p{ font-size: 14px; line-height: 28px;}
.howto{ padding: 100px 0;}
.howto_1 dl{ height: auto; overflow: hidden; clear: both; padding: 0 0 80px 0;}



.joboot{ padding: 80px 0 53px 0; background: #000;}
.joboot_2{ width: 115px; float: left; margin-top:50px}
.joboot_3{ width: 500px; float: right;}
.joboot_3 li{float: left; padding: 0 25px; color: #fff;}
.joboot_3 li a{ color: #ccc; font-size:16px}
.joboot_4 dl{ height: auto; overflow: hidden;}
.joboot_4 dt input{ padding-left:10px;display: block; float: left; width: 230px; height: 35px; background: #ccc;  margin: 0 10px 0 0;}
.joboot_4 dd textarea{ height: 70px; width: 480px; background: #ccc; padding-left:10px;padding-top: 10px; }
.joboot_4{padding: 20px 0 0 0; clear: both;}
.joboot_4 dl{ padding: 5px 0 0 0; clear: both;}
.joboot_6  dt{ height: auto; overflow: hidden;}
.joboot_6  dd{ padding: 10px 0 0 0;}
.joboot_2 p{ padding: 173px 0 0 0;font-size:12px; color: #efefef;}

.joboot_5 dt{ line-height: 40px; float: left; height: 40px;  color: #fff; font-size:12px; text-transform:uppercase}
.joboot_5 dd input{ display: block; background: none; float: right; width: 114px; height: 35px; background: #22417a; color: #fff;font-size: 16px;}
.joboot_5 dd { padding: 0 11px 0 0; float: right; width: 120px;}
.joboot_5 button{display: block;background: none;float: right;width: 114px;height: 35px;background: #22417a;color: #fff;font-size: 16px;}
.joboot_7{width: 530px; float: left; padding-left:100px;}
.joboot_7 span{font-size:18px; text-transform:uppercase; color:#fff;}
.joboot_7 li{font-size:14px; color:#fff; float:left;width:100%; }
.joboot_7 li:nth-child(2){ padding-left:30px; background: url(../images/joboot_7_1.png) no-repeat left top; height:60px; margin-top:30px; line-height:20px;}
.joboot_7 li:nth-child(3){ padding-left:30px; background: url(../images/joboot_7_2.png) no-repeat left top; height:60px;}
.joboot_7 li:nth-child(4){ padding-left:30px; background: url(../images/joboot_7_3.png) no-repeat left top; height:60px;}



/*产品*/
.nybanner{ width: 100%; height: 600px; }

.nybanner a{color:#fff;}
.ny_cp{background: url(../images/ny.jpg) no-repeat center center;}

.ny_tech{background: url(../images/tech.jpg) no-repeat center center;}

.ny_lvse{background: url(../images/lvse.jpg) no-repeat center center;}

.ny_gy{background: url(../images/guanyu.jpg) no-repeat center center;}
.ny_xw{background: url(../images/news1.jpg) no-repeat center center;}
.nybanner_2{ width: 100%; height: 132px;}

.nybanner_fw{ width: 100%; height: 132px;}
.nybanner_1 h3{ font-size: 35px; color: #fff; padding: 200px 0 30px 0; font-family: impact; text-transform:uppercase}
.nybanner_1 p{ font-size: 14px; color: #fff;}
.prodetail_2{ width: 670px; float: left; height: auto; overflow: hidden;}
.prodetail_3{ width: 670px; float: left; height: auto; overflow: hidden;}
.prodetail_2 dt{ padding: 190px 0 20px 0; font-size: 30px; font-weight: 700;text-transform: uppercase;}

.prodetail_2 dd p{ line-height: 250%;font-size: 16px;}
.prodetail{ padding: 50px 0;}
.procon_2{ width: 252px; height: 500px; float: left;}
.procon_3{ width: 1340px; float: left; position: relative;}
.xuxian{width: 95%; height: 0px; border-bottom: 1px dashed #ccc; position: absolute; top:197px; z-index: -999999999999;}

.procon_6 dt{  width: 75px; float: left;}
.procon_6 dd{  width: 1080px; float: left;}
.procon_6 dd h4{ font-size: 18px; padding: 0 0 10px 0; font-weight: 500; font-family: impact;}
.procon_6 dd p{ font-size: 18px;  line-height: 25px;}
.procon_5 dd{ float: left; width: 170px; height: 170px; background: #dedede; border-radius: 170px;}
.procon_in2{ width: 130px; height: 130px; border-radius: 150px; margin:20px auto; line-height: 25px; background: #999;}
.procon_in2:hover { background: #22417a; transition:all 0.6s linear;}
.procon_5 dd:nth-child(1) .procon_in2 { background: #22417a;}
.procon_in2 p{ padding: 45px 0 0 0; text-align: center; color: #fff;font-size: 14px;}
.procon_5 dd:nth-child(2){ margin: 0 390px ;}
.procon_3 dl{ height: auto; overflow: hidden; clear: both;}
.procon_5{ padding: 0 0 80px 0;}
.procon_6{ padding: 0 0 50px 50px;}
.proteet_table table{ width: 100%;}
.proteet_table table th{ border: solid 1px #ccc; padding: 10px 0; width: 11%;}
.proteet_table table td{ border: solid 1px #ccc; padding: 10px 0; text-align: center; width: 11%;}

.proteet_table1 th:nth-child(1){ background: #F1F1F1}
.proteet_table1 th:nth-child(3){ background: #F1F1F1}
.proteet_table1 th:nth-child(5){ background: #F1F1F1}
.proteet_table1 th:nth-child(7){ background: #F1F1F1}

.proteet_table3 td:nth-child(1){ background: #F1F1F1}
.proteet_table3 td:nth-child(3){ background: #F1F1F1}
.proteet_table3 td:nth-child(6){ background: #F1F1F1}
.proteet_table3 td:nth-child(8){ background: #F1F1F1}

.proteet_table2 td:nth-child(1){ background: #F1F1F1}
.proteet_table2 td:nth-child(3){ background: #F1F1F1}
.proteet_table2 td:nth-child(5){ background: #F1F1F1}
.proteet_table2 td:nth-child(7){ background: #F1F1F1}



.whyo_2{ width: 500px; float: left;}
.whyo_3{ padding: 85px 0 0 0; width: 800px; float: right;}
.whyo_2 h3{ padding: 90px 0 122px 0; font-size: 40px; text-align: center; color: #fff;text-transform: uppercase;}

.whyo{ height: 546px; width: 100%; background: url(../images/prso_27.jpg) repeat-x center center;}
.whyo_3 dt{ /* padding: 10px 0 0 0; */width: 46px; float: left;}
.whyo_3 dd{ width: 710px; float: left;}
.whyo_3 dd p{ font-size: 16px; line-height: 25px; color: #fff;}
.whyo_3 dl{  padding: 0 0 25px 0; height: auto; overflow: hidden; clear: both; }
.whyo_3 span {width:100%; text-align:right;}
.whyo_3 span a {display: block;float: right;background: #fff;width: 115px;height: 35px;line-height: 35px;text-align: center;color: #22417a;margin-right: 50px; margin-top:40px; font-size: 16px;}
.mater_1 dt{ color: #000; padding: 0 0 0 60px; height: 45px; line-height: 45px;  font-family: impact;}
.mater_1 dl:nth-child(1) dt{background: url(../images/pro_31.jpg) no-repeat left center;font-size: 18px; background-position:-10px 0;}
.mater_1 dl:nth-child(2) dt{background: url(../images/pro_35.jpg) no-repeat left center;font-size: 18px; background-position:-10px 0;}
.mater_1 dl:nth-child(3) dt{background: url(../images/pro_38.jpg) no-repeat left center;font-size: 18px; background-position:-10px 0;}
.mater_1 dl:nth-child(4) dt{background: url(../images/pro_42.jpg) no-repeat left center;font-size: 18px; background-position:-10px 0;}
.mater h2{font-size: 36px; color: #000; font-family: impact; width: 1340px; margin: 0 auto; display: block; padding-left: 15px;}

.youshi{width: 1340px; margin: 0 auto; padding: 40px 0 120px 0; overflow: hidden;}
.youshi li{width:400px;float: left;margin-right: 70px; background-color: #dee3eb; min-height: 530px;}
.youshi li:nth-child(3){margin-right: 0px;}
.youshi li span{display: block; font-size: 18px; font-family: impact; padding: 0 20px; height: 60px; line-height: 60px;}
.youshi li p{display: block; font-size: 16px; padding: 0 20px;text-align: justify; line-height: 160%;}

.mater_1 dd{ line-height: 30px; font-size: 14px;}
.mater_g{ background: #dee3eb;}
.mater_1 dl:nth-child(1){ background: #fff;}
.mater_1 dl:nth-child(2){ background: #dee3eb;}
.mater_1 dl:nth-child(3){ background: #fff;}
.mater_1 dl:nth-child(4){ background: #dee3eb;}
.mater_1 dl{height: auto; overflow: hidden; padding: 35px 50px; margin: 30px 0 0 0;}

.terimg{ width: 100%; }
.proteet_1 h3{ font-size: 36px; padding: 35px 0; font-family: impact;}
.proteet_table{text-align: center;}
.proteet{ padding: 0 0 50px 0;}

.ny_fw{ width: 100%; height: 600px; background: url(../images/fw11.jpg) no-repeat center center;}
.mostp_3 { width: 650px; float: left; height: auto; overflow: hidden;}
.mostp_3 p{ font-size: 14px; width: 90%; line-height: 25px; margin: 0 0 25px 0; }
.mostp{ padding: 90px 0 50px 0;}
.mostp_2{padding:0 20px;}
.mostp_1 h2{ font-size: 36px; font-weight: 500; padding: 0 0 50px 0;text-transform: uppercase; font-family: impact;}
.mostp_i{ background: url(../images/fw01.jpg) no-repeat left center; padding: 0 0 0 35px; margin-bottom: 5px!important;}
.heven_2{ width: 100%; padding: 0 20px; float: left; height: auto; overflow: hidden;}
.heven_2 dl{ width: 660px; float: left; height: 170px; }
.heven_2 dl dd h4{ font-size: 18px; padding: 0 0 0 70px; font-weight: 500; height: 30px; line-height: 30px; font-family: impact;}
.heven_2 dl:nth-child(1) dd h4{  background: url(../images/fw03.jpg) no-repeat left center; }
.heven_2 dl:nth-child(2) dd h4{  background: url(../images/fw04.jpg) no-repeat left center; }
.heven_2 dl:nth-child(3) dd h4{  background: url(../images/fw05.jpg) no-repeat left center; }
.heven_2 dl:nth-child(4) dd h4{  background: url(../images/fw06.jpg) no-repeat left center; }
.heven_2 dl dd p{ font-size: 16px;  line-height: 25px; padding-left: 70px; padding-top: 15px; width:490px}
.slout{ padding: 60px 0 110px 0;}
.slout_1 h2{ font-size: 36px; padding: 0 0 80px 0;text-transform: uppercase;font-family: impact;}
.jostab_2{ width: 550px; float: left;}
.jostab_3{ width: 750px; float: right;}
.jostab_3 p{ line-height: 25px; padding: 0 0 35px 0;}
.jostab_2 h2{ font-size: 30px; font-weight: 700; padding: 0 0 25px 0;}

.jostab_2 h3{ font-size: 36px; text-transform: uppercase;height: 36px; height:40px; line-height:40px;font-family: impact;}
.jostab_2 p{ font-size: 14px;  line-height: 25px; }
.josimg{ padding: 80px 0;}
.jostab{ padding: 80px 0;}
.josbanner_2 img{ width: 100%;}
.jos_next{ cursor: pointer; position: absolute; right: 10px; top: 49%; width:36px; height: 36px; background: url(../images/green_r.jpg) no-repeat center center;}
.jos_prev{ cursor: pointer; position: absolute; left: 10px; top: 49%; width:36px; height: 36px; background: url(../images/green_l.jpg) no-repeat center center;}
.jostab_3 p a{ display: block; width: 150px; height: 35px; line-height: 35px; text-align: center; color: #fff; background: #22417a; float: right;font-size: 16px;}
.jostab_3 p{ height: auto; overflow: hidden;font-size: 16px;text-align: justify;}
.josbanner_2{ width: 1200px; overflow: hidden; margin: auto;}
.koopimg{ width: 100%; height: 547px;  background: url(../images/about_06.jpg) no-repeat center center;}
.koopimg_1 dl{ color: #Fff; text-align: center; height: auto; overflow: hidden; width: 297px; float: left;}

.koopimg_1 dl:nth-child(1){padding-left:70px}

.koopimg_1 dl:nth-child(2){padding-left:0px}

.koopimg_1 dl:nth-child(3){padding-left:0px}

.koopimg_1 dl:nth-child(4){padding-left:0px}
.koopimg_1 dt{ font-size: 16px; padding: 228px 0 25px 0;font-weight: 700;}
.koopimg_2{ width: 50px; height: 2px; background: #c16e19; margin:0 auto 25px auto;}
.koopimg_3{ width:200px; margin: auto ; line-height: 200%;font-size: 14px;}
.anqisanb_2{ width: 670px; float: left;}
.anqisanb_2 p{ line-height: 35px; font-size: 16px; padding: 140px 60px 0 60px;text-align: justify;}
.anqisan{ padding: 50px 0;}
.rongyu_1 dl{ width: 369px; height: 276px; float: left; margin: 35px;}


.ny_lx{background: url(../images/lianxi.jpg) no-repeat center center;}
.wlcome_2 dl{ width: 350px; height: 140px; overflow: hidden; float: left;  margin: 0 15px 0 0;}
.wlcome_2 dl dt{ width: 70px; float: left;}
.wlcome_2 dl dd{ width: 280px; height: auto; overflow: hidden; float: left;}
.wlcome_2 dl dd h4{ font-size: 14px; padding: 5px 0;font-weight: 800;}
.wlcome_2 dl dd p{ font-size: 15px; line-height: 25px;text-align: justify;}
.wlcome{ padding: 80px 0 0 0;}
.wlcome_h2{ font-size: 36px;text-transform: uppercase;color: #000; font-family: impact;}
.wlcome_p{ font-size: 14px; padding: 20px 0 30px 0;line-height: 30px;} 

.wlcome_9 dl{ margin: 25px 130px; height: 45px; border-bottom: solid 1px #fff; line-height: 45px; color: #fff; width: 400px; float: left;}
.wlcome_8{ width: 100%; padding: 40px 0; background: #22417a; }
.wlcome_9 dl dt{ height: 45px; line-height: 45px; width: 110px; float: left;}
.wlcome_9 dl dd{ width: 280px; float: left;}
.wlcome_9 dl dd input{color: #fff; width: 100%; height: 45px; background: none;}
.wlcome_10 dl{ margin: 25px auto; height: 45px; border-bottom: solid 1px #fff; line-height: 45px; color: #fff; width: 1069px; }
.wlcome_10 dl dt{height: 45px; line-height: 45px; width: 90px; float: left;}
.wlcome_10 dl dd{ width: 900px; float: left;}
.wlcome_10 dl dd input{ color: #fff; width: 100%; height: 45px; background: none;}
.wlcome_12{ padding: 80px 0; width: 700px; float: left; height: auto; overflow: hidden;}
.wlcome_12 p{ font-size: 14px; line-height: 25px; color: #fff;}
.wlcome_13 input{ width: 160px; display: block; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #000}
.wlcome_13 button{ width: 160px; display: block; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #000}
.wlcome_11{ width: 1100px; margin: auto;}
.wlcome_13{ width: 160px; margin: 50px 0 0 225px; float: left;}
.wordmap_1 p{ transition: all .6s; width: 42px; height: 42px; position: absolute; z-index: 3;} 
.wop1{ left: 91px; top: 129px;}
.wop2{ left: 194px; top: 248px;}
.wop3{ left: 346px; top: 413px;}
.wop4{ left: 399px; top: 460px;}
.wop5{ left: 351px; top: 578px;}

.wop6{ left: 728px; top: 218px;}
.wop7{ left: 710px; top: 460px;}
.wop8{ left: 593px; top: 336px;}
.wop9{ left: 977px; top: 101px;}
.wop10{ left: 1115px; top: 265px;}
.wop11{ left: 1080px; top: 260px;}
.wop12{ left: 1115px; top: 500px;}
.wop13{ left: 1045px; top: 290px;}

.wordmap_1{ height: 824px;}

.wordmap_1 p:hover{ transform: translate(0px,-20px);}



.tecnolg{ padding: 80px 0;}
.tecrom_4{ width: 750px;}
.tecrom_3{ padding: 0 20px 0 0; width: 229px; float: left;}
.tecrom_2{ width: 229px; float: left;}
.tecrom_2 img:nth-child(1){margin: 0 0 20px 0;}
.tecnolg_5 {width: 670px; padding: 0 0 35px 0; float: left;}
.tecnolg_6{width: 670px; min-height: 189px; padding: 0 0 35px 0;float: left;}
.tecnolg_6 dt h3{ font-size: 35px; font-weight: 700;}
.tecnolg_5 dt{ line-height: 25px; width: 124px; float: left;font-size: 18px;font-weight: 600;}
.tecnolg_5 dd{ width: 510px; float: left;}
.tecrom_1 p{ line-height: 25px;font-size: 16px;}
.tecrom_1 { padding: 0 0 8px 0;}
.tecrom_1 span{ font-size: 16px; width: 50%; float: left; display: block; line-height: 25px;}
.tecH1{min-height: 189px; }
.tecH2{min-height: 449px; }
.tecH3{min-height: 330px; }

.tecnolg_11{width: 670px; padding: 0 0 35px 0; float: left;}
.tecnolg_12{ width: 195px; float: left;}
.tecnolg_13{ width: 390px; float: left;}
.tecnolg_13 p{ width: 88%; margin: auto; padding: 50px 0 0 0; line-height: 25px;font-size: 16px;}
.tecnolg_11 dd{ height: auto; overflow: hidden; clear: both; padding: 0 0 5px 0;}

.techtop{width: 1340px; margin: 0 auto; padding: 50px 0;}
.techtop h1{font-size: 36px;  font-family: impact; color: #000; }
.techwrap{ width: 1250px; margin: 0 auto;padding: 60px 0;}
.techwrap span{font-size: 18px; color: #000; height: 160px; line-height: 50px; display: block; text-indent: 5px; overflow: hidden;}
.techsub1{width: 810px;float: left;}
.techsub2{width: 440px; float: right;text-align: right;}
.techsub1 li { margin-bottom: 90px;}
.techsub1 li h3{ font-size: 24px; color: #000000; font-family: impact; padding-left: 55px; height: 70px; line-height: 70px;}
.techsub1 li p{font-size: 18px; color: #666666; line-height: 200%;}
.techsub1 li:nth-child(1) h3{background: url(../images/techsub1.jpg) no-repeat left center;}
.techsub1 li:nth-child(2) h3{background: url(../images/techsub2.jpg) no-repeat left center;}
.techsub1 li:nth-child(3) h3{background: url(../images/techsub3.jpg) no-repeat left center;}

.tecpro{padding-bottom: 80px;}

.tecqad{ padding: 35px 0; height: 716px; background: url(../images/teo.jpg) no-repeat center center;}
.tecqad_2{ color: #fff; width: 50%; height: 716px; float: left; }
.tecqad_8{ color: #fff; width: 50%; float: left; height: 716px; }
.tecqad_2 h2{padding: 65px 0 100px 0; font-size: 36px; font-family: impact;}
.tecqad_2 p{padding: 35px 0 0 0;}
.tecqad_3{ padding: 55px 0 235px 80px;}
.tecqad_3 p{ color: #fff; line-height: 35px;font-size: 16px;}

.tecqad_4 span{ width: 240px; display: block; float: left; line-height: 30px; color: #000; font-size: 16px;}
.tecqad_4{ width: 480px; padding: 0 0 0 80px;}
.tecqad_5{  width: 480px; padding: 80px 0 0 80px;}
.tecqad_5 input{ background: #244177; display: block; width: 150px; height: 36px; color: #fff; line-height: 36px; font-size: 16px; text-align: center;}
.tecpro_1 dl{ width: 33.333%; float: left;}
.tecpro_1 dl dd{ padding: 25px;}
.tecpro_1 dl dd img{ width: 100%;}
.tecpro_1 dl dt{ padding: 0 25px; font-size: 18px; font-weight: 700; }

.green_3{ width: 560px; float: left;}
.green_4{ width: 773px; float: left;}
.green_2 dl{ height: 413px;}
.green{ padding: 80px 0;}
.green_3 h3{ font-size: 36px; text-transform: uppercase;font-family: impact; height:40px; line-height:40px;}
.green_3 p{ padding: 10px 0 0 0; font-size: 14px;}
.green_11 dl{ height: 647px; float: left;}
.green_12{ width: 599px;}
.green_13{ width: 740px;}
.green_13 dd{ padding: 150px 35px 0 65px;}
.green_13 dd p{ line-height: 25px;text-align: justify;font-size: 16px;}
.green_13 dd a{ display: block; float: right;background: #22417a;width: 115px; height: 35px;line-height: 35px;text-align: center;color: #fff; margin-top: 50px;font-size: 16px;}
.green_11{ padding: 58px 0 0 0;}
.greenty_1{ padding: 0 0 120px 0;}
.greenty_1 img{ width: 100%;}
.greenty{ padding:0 0 100px 0;}
.greenty_next{border: solid 1px #fff; background: url(../images/green_r.jpg) no-repeat center center; width: 50px; height: 50px; position: absolute; bottom: 75px; right: 15%;}
.greenty_prev{border: solid 1px #fff;background: url(../images/green_l.jpg) no-repeat center center; width: 50px; height: 50px; position: absolute; bottom:75px; right: 20%;}
.greenty_next:hover{ border: solid 1px #ccc; border-radius: 50px; box-shadow: #000000;}
.greenty_prev:hover{ border: solid 1px #ccc; border-radius: 50px; box-shadow: #000000;}
.greenty_3 h2{ padding: 0 0 45px 0; font-size: 36px; font-weight: 700; line-height: 45px;text-transform: uppercase;font-family: impact;}
.greenty_10{ font-size: 16px; line-height: 25px; width: 750px; position: absolute; bottom: 45px; right: 27%;}
.jonews_body{ padding: 50px 0 0 0; width: 996px; margin: auto;}
.jonews_body p{ line-height: 25px; padding: 0 0 35px 0;font-size: 16px;}
.jonews_body p img{ width: 100%;}
.jonews_1 h2{ text-align: center; padding: 25px 0 0 0;font-size:18px;}
.jonews{ padding: 50px 0;}

.jonews_1 span{ padding: 15px 0 0 0; display: block; text-align: center; font-size: 13px; color: #ccc;}
.jonews_more a:nth-child(1){ float: left; font-size: 16px;}
.jonews_more a:nth-child(2){ float: right; font-size: 16px;}
.jonews_more{ padding: 30px 0;}


.jonews_list dl{ border: solid 2px #fff; box-sizing: border-box;  background: #f9f9f9; width: 33.333%; float: left;}
.jonews_list dl dt{height: auto; overflow: hidden;}
.jonews_list dl dt img{ width: 100%;}
.jonews_list dl dd { min-height: 155px; padding: 15px 0;}
.jonews_list dl dd p{ color: #333;padding: 0 0 10px 0; font-size: 14px;} 
.jonews_list dl dd p:nth-child(1){ font-size: 16px;} 
.jonews_list dl dd span{ padding: 0 0 10px 0; text-align: left;  display: block; font-size: 13px; color: #999;} 
.jonews_dl{padding: 40px 35px;}
.jonews_list dl dd a{ font-size: 13px; color: #999;}
.jonews_list dl:nth-child(2){ background: #efefef;}
.jonews_list dl:nth-child(4){ background: #efefef;}
.jonews_list dl:nth-child(6){ background: #efefef;}

.jonews_pages{ text-align: center; padding: 35px 0;}
.jonews_pages a{ margin: 0 3px; display: inline-block; padding: 10px 13px; border: solid 1px #ccc;}
.pages_on{ background: #007AFF !important;; border: solid 1px #007AFF !important; color: #fff;}


} 


