@charset "utf-8";



/* CSS Document */



body{ margin:0px; padding:0px; font-size:14px;font-family:"微软雅黑","黑体";color:#333;line-height:28px; background:#FFF;}



ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}



input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }



ul,li{ list-style:none}



img{border:0px; padding:0px; }



a{ color:#333; text-decoration:none}



.clear{width:100%; height:0px; clear:both;}



h2,h3,h4,b,strong {  }



em,i { font-style: normal; }



.top{ transition: 0.5s; width: 74%; height: 80px; border-radius:5px; background: rgba(255,255,255,0.9); position: fixed; top: 30px; left: 50%; transform: translateX(-50%); z-index: 99; padding: 0 5%; box-sizing: border-box;}



.top .topBox{ width: 100%;}



.top .topBox .logo{ float: left; height: 80px; position: relative;}



.top .topBox .logo img{ position: absolute; left: 0; top: 50%; transform: translateY(-50%);}



.top .language{ float: right; height: 80px;}



.top .language ul{float: right;}



.top .language ul li{ float: right; margin-left: 15px; line-height: 80px; height: 80px; position: relative;}







.top .language ul li img{ vertical-align: middle; display: inline-block; border-radius:50%;}



.top .language ul li .serach{ width: 42px; height: 42px; overflow: hidden; display: inline-block; vertical-align: middle; border: 1px solid #999999; border-radius:50%; position: relative;}



.top .language ul li .serach img{display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}



.banner{ width: 100%; height: auto; overflow: hidden;}



.banner img{ display: block; height: auto; width: 100%;}



.top .language ul li .serachBox{ display: none; overflow: hidden; width: 200px; height: 40px; background: #fff; position: absolute; right: 0; top: 70px; border-radius:8px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1);}



.top .language ul li .serachBox button{ float: right; width: 40px; height: 40px; background: url(../images/serach.png) center center no-repeat; border: none;}



.top .language ul li .serachBox input{ display: block; float: left; width: calc(100% - 40px); float: left; padding: 0 15px; box-sizing: border-box; height: 100%; font-size: 14px;}











.top .language ul li:hover .serachBox{ display: block;}



.top .nav{ float: right;}



.top .nav ul{ float: right; height:80px ;}



.top .nav ul li{position: relative; float: left; margin-right: 55px; height: 80px; line-height: 80px;}



/*.top .nav ul li dl { display: none; position: absolute; left:50%; margin-left: -70px; width:140px; text-align: center; top: 80px; background: #ffffff; border-radius: 0 0 4px 4px;



box-shadow: 0 3px 10px rgba(0,0,0,0.2); overflow: hidden;}



.top .nav ul li dt a { display: block; line-height: 40px; transition: all 0.5s;}



.top .nav ul li dt:hover a { background: #0778a7; color: #ffffff;}*/



.top .nav ul li .side{display: none; width: 190px; height:  auto; text-align:center; background: rgba(255,255,255,0.9); padding:10px;  box-sizing: border-box; position: absolute; left: -69px; top: 80px;}



.top .nav ul li .side dl{  width: 170px;}



.top .nav ul li .side dl dd a{ font-size: 14px; color: #333; display: block; width: 100%; height: 45px; border-bottom: 1px solid #bdbdbd;}



.top .nav ul li .side dl dd a:hover{ border-bottom: 1px solid #0778a7; color: #2285b0;}







.top .nav ul li a{line-height: 40px; display: inline-block; vertical-align: middle; height: 40px; border-bottom: 2px solid rgba(255,255,255,0); font-size: 14px; color: #333;}



.top .nav ul li.on a{ color: #0778a7; border-bottom: 2px solid #0778a7;}



.top .nav ul li a:hover { color: #0778a7; border-bottom: 2px solid #0778a7;}



.top .nav ul li:hover .side{ display: block;}


@media(max-width:1660px){
.top{  width: 100%;}
.top .topBox{ width: 1350px; margin: 0 auto;}
}


.footer{ width: 100%; background: #08397A; padding-top: 40px;}



.footer .footerBox{ width: 1240px; margin: 0 auto; overflow: hidden; padding-bottom: 30px;}



.footer .footerBox .footerLeft{ float: left;}



.footer .footerBox .footerLeft .logo{ margin-bottom: 45px; width:310px; height:44px; border: 1px solid rgba(255, 255, 255, 0.3);box-sizing: border-box; text-align:center; line-height:44px; color: rgba(255, 255, 255, 0.6);}



.footer .footerBox .footerLeft .logo a{ color: rgba(255, 255, 255, 0.6);}



.footer .footerBox .footerLeft .phone p{ font-size: 14px; color: rgba(255,255,255,0.6); padding-bottom: 18px;}



.footer .footerBox .footerLeft .phone h2{ font-size: 30px; font-weight: bold; color: #ff961b;}



.footer .footerBox .footerRight{ float: right;}



.footer .footerBox .footerRight ul{ overflow: hidden;}



.footer .footerBox .footerRight ul li{ float: right; margin-left: 45px;}



.footer .footerBox .footerRight ul li a{ font-size: 14px; color:rgba(255,255,255,0.9);}



.footer .footerBox .footerRight ul li a:hover{ color: #fff;}



.footer .footerBox .footerRight dl{ padding-top: 100px; overflow: hidden;}



.footer .footerBox .footerRight dl dd{ float: right; margin-left: 24px;}



.footer .footerBox .footerRight dl dd img{ height: 48px; width: auto; border-radius:24px ;}



.copyright{ width: 1240px; margin: 0 auto; height: 60px; line-height: 60px; border-top:1px solid rgba(255,255,255,0.3); color: rgba(255,255,255,0.6); font-size: 14px;}



.copyright span{ float: right;}











.top.on{transform: translateX(0); width: 100%; top: 0; left: 0; background: #fff;}



.top.on .topBox{ width: 1350px; margin: 0 auto;}



.cont1z{ width:100%; height:auto; background:#F2F2F2; padding:70px 0px;}



.cont1{ width:1240px; height:auto; margin:0px auto; overflow:hidden; }



.cont11{ width:610px; float:left; line-height:32px; color:#666;}



.cont11 span{ color: #1C75BC; font-size:14px; width:100%;   display:block;}



.cont11 h2{ width:100%; height:70px; font-weight:bold; font-size:32px; color:#333; background:url(../images/a2.png) left bottom no-repeat; margin-top:15px; margin-bottom:30px;}



.cont11 a{ width:200px; height:48px; background: #1C75BC;border-radius: 30px; text-align:center; line-height:48px; display:block; color:#fff; margin-top:50px; font-size:16px;}



.cont11 a:hover{ text-decoration:underline;}



.cont12{ width:514px; height:auto; float:right;}



.cont12 img{ width:100%;}



.cont2{ width:100%; height:auto; background:url(../images/a3.png) center no-repeat; padding:70px 0px; background-size:cover;}



.cont2z{ width:1240px; height:auto; margin:0 auto;}
.cont2zgy{
	width:610px;
	margin-bottom: 30px;
	}


.cont2z ul li{ width:32%; float:left; margin-right:2%; background:#fff; height:250px; float:left; text-align:center;transition: all 1.2s;}
.cont2zgy ul li{
	height:180px;
	}


.cont2z ul li .cnt2z{ width:68px; height:68px; margin:40px auto 20px auto; background:url(../images/a4.png) center no-repeat;}
.cont2zgy ul li .cnt2z{ width:32px; height:32px; margin:20px auto 20px auto; background:url(../images/a4.png) center no-repeat;background-size:32px;}


.cont2z ul li:nth-child(2) .cnt2z{ background:url(../images/a5.png) center no-repeat;}
.cont2zgy ul li:nth-child(2) .cnt2z{ background:url(../images/a5.png) center no-repeat;background-size:32px;}


.cont2z ul li:nth-child(3) .cnt2z{ background:url(../images/a6.png) center no-repeat;}
.cont2zgy ul li:nth-child(3) .cnt2z{ background:url(../images/a6.png) center no-repeat;background-size:32px;}


.cont2z ul li:hover{ background:#1C75BC;color:#fff;}



.cont2z ul li:hover .cnt2z{  background:url(../images/a41.png) center no-repeat;}
.cont2zgy ul li:hover .cnt2z{  background:url(../images/a41.png) center no-repeat;background-size:32px;}


.cont2z ul li:nth-child(2):hover .cnt2z{ background:url(../images/a51.png) center no-repeat;}
.cont2zgy ul li:nth-child(2):hover .cnt2z{ background:url(../images/a51.png) center no-repeat;background-size:32px;}


.cont2z ul li:nth-child(3):hover .cnt2z{ background:url(../images/a61.png) center no-repeat;}
.cont2zgy ul li:nth-child(3):hover .cnt2z{ background:url(../images/a61.png) center no-repeat;background-size:32px;}


.cont2z ul li h2{ font-size:20px; color:#333; margin-bottom:15px;transition: all 1.2s;}

.cont2z ul li h3{
	color:#333;
	font-size:18px;
	}
.cont2z ul li h3:hover{color:#fff;}
.cont2z ul li p{ width:100%; color:#666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all 1.2s;}
.cont2zgy ul li p{padding:8px;width: auto;
    color: #666;
	line-height:1.5;
    overflow: hidden;
    white-space: normal;
    text-overflow: unset;}


.cont2z ul li:hover h2{ color:#fff;}



.cont2z ul li:hover p{color:#fff;}



.cont2z ul li:nth-child(3n) { margin-right:0px;}



.cont3{ width:1240px; margin:70px auto; text-align:center;}

.cont2z h2{color:#fff;}
.cont2z .cont11{color:#fff;}
.cont3 img{ width:100%;}



.cont4z{ width:100%; height:auto; background: #F2F2F2; padding:70px 0px;}



.cont4{ width:1240px; height:auto; margin:0 auto;}



.bt1{ width:100%; height:auto; text-align:center;}



.bt1 h2{font-weight: 700;font-size: 30px; color:#333; height:45px;}



.bt1 p{ color:#666;}









.cont5{ width:1240px; height:auto; margin:0 auto; padding:70px 0px;}



.cn5{ width:1240px; height:auto;}



.cnt51{ width:610px; float:left;}



.cnt51 h2{ font-size:32px; color:#333;}



.cnt51 h2 span{ font-size:24px; color:#999; font-weight:normal;}



.ct5z{ width:320px; height:auto; padding-top:60px;}



.ct5z a{ width:160px; height:48px; display:block; float:left; background:#1C75BC; text-align:center; line-height:48px; color:#fff;}



.ct5z a:nth-child(1){border-radius:50px 0px 0px 50px;} 



.ct5z a:nth-child(2){border-radius:0px 50px 50px 0px;border: 1px solid #BDBDBD; background:#fff; color:#333;box-sizing: border-box;}



.ct5z a:hover{ background:#1C75BC; color:#fff;border: 1px solid #1C75BC;}



.ct5z a:nth-child(1):hover{ border:0px;}



.cnt52{ width:610px; height:auto; float:right; position:relative;}



.ct52z{padding:40px 0px 0px 40px; position:absolute; top:0px; left:0px;}



.ct52z h2{ width:100%;font-size: 20px; color:#fff;}



.ct52z a{ display:block; margin-top:60px; color:#fff;}











.iconx{float: left; width: 100%; float: left;  position: relative; padding-top:30px;}



.iconx .swiper-container{overflow: hidden; position: relative;}



.iconx a{ width:100%; height:350px;; background:#F2F2F2; display:block; overflow:hidden;}



.iconx a:hover{background: #1C75BC;}



.iconx a h2{ width:80%; margin:50px auto 0px auto;font-size: 16px; color:#333;}



.iconx a p{ width:80%; margin:30px auto 50px auto; color:#666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; overflow: hidden;}



.iconx a span{ color:#999; width:80%; display:block; margin:0 auto;}



.iconx a:hover h2{ color:#fff;}



.iconx a:hover p{color: rgba(255, 255, 255, 0.6); }



.iconx a:hover span{ color:#fff; text-decoration:underline;}















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



.iconx .swiper-button-next{ top: auto; background: url(../images/arrow1.png); width: 48px; height: 48px; left:50px; top:-50px;;}



.iconx .swiper-button-prev{top: auto; left: auto; background: url(../images/arrow2.png); width: 48px; height: 48px; left: 0px;; top:-50px;}

#bannera{width:100%; height:400px; margin:0 auto;  margin-bottom:0px; padding-bottom:0px; border-bottom:#fafafa 0px solid; background-position:center center;}



.navGation{ width: 100%;  height: 50px; border-bottom: 1px solid #e9e9e9; background:#ffffff;}

.navGation .navGationBox{transition: 0.5s; width: 1240px; margin: 0 auto; }

.navGation.on { width: 100%;  z-index:2;}

.navGation .navGationBox p{ float: left; width: 215px; height: 50px; background:url(../images/pageIcon1.png) 50px center no-repeat #1C75BC; font-size: 16px; color: #fff; font-weight: bold; padding-left: 96px; box-sizing: border-box; line-height: 50px;}

.navGation .navGationBox ul{ float: right; }

.navGation .navGationBox ul li{ line-height: 48px; float: left; margin-right: 40px;}

.navGation .navGationBox ul li a{ font-size: 14px;  color:#666;}

.navGation .navGationBox ul li:hover{ border-bottom: 2px solid #ff961b;}

.navGation .navGationBox ul li:hover a{color: #ff961b; font-weight:bold;}

.navGation .navGationBox ul li:hover{ border-bottom: 2px solid #ff961b;}







.yyhy_nr1{ width:100%; height:auto; margin-bottom:50px;}

.yyhy_nr1 ul{ width:1240px;;overflow: hidden;  margin:0 auto; padding-top:65px;}

.yyhy_nr1 li{float: left; width: 31%; margin-right:3.5%; margin-bottom:40px; background:#fff;}

.yyhy_nr1 li:nth-child(3n) { margin-right:0px;} 

.yyhybox1{position: relative;}

.yyhy_tp1{border: 1px solid #BDBDBD; text-align:center; padding-bottom:50px; padding-top:30px;}

.yyhy_tp1 img{width: 100%; display:none;}

.yyhy_tp1 span{ width:90%;color: #1C75BC; display:block; margin:10px auto 5px auto;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}

.yyhy_tp1 h2{font-size: 24px; width:90%; margin:30px auto 0px auto; color:#333; line-height:30px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; overflow: hidden; }

.yyhy_nr1 li:hover .yyhy_tp1 h2{ color:#1C75BC;}

.yyhy_tp1 p{width:90%; font-size:14px; color:#666;line-height: 40px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; overflow: hidden;}

.yyhy_zz1{position: absolute;width: 100%;height: 100%;background: rgba(28, 117, 188, 0.8);;top: 0;left: 0;opacity: 0;transition: All 0.4s ease-in-out; display:none;}

.zztext1{position: absolute;text-align: center;left:50%; top:50%; transform:translate(-50%,-50%);}

.zztext1 h2{ width:100%;font-size: 20px; color: #fff;margin-bottom: 10px; text-align:center;}

.zztext1 p img{ display:inline-block; margin-top:20px;}

.zztext1 span{color: #fff;font-size:14px; width:100%; height:42px; margin:0 auto; padding-bottom:18px; line-height:21px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;}

.yyhy_nr1 a:hover .yyhy_zz1{opacity: 1;}

/*分页*/

.nx_pg{width:100%; height: auto ; padding:20px 0px 10px 0px; text-align:center; }

.nx_pg a{display:inline; padding:7px 14px 7px 14px; background:#fff; color:#4c4c4c;font-size:14px; border:1px solid #757575; margin:0px 3px 0px 3px; -webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}

.nx_pg a:hover{background:#1C75BC;; color:#fff;border:1px solid #1C75BC;;}

.nx_pg .on{ background:#1C75BC;; color:#fff;border:1px solid #1C75BC;;}



.yyhy_nr{ width:100%; height:auto; margin-bottom:50px;}

.yyhy_nr ul{ width:1240px;;overflow: hidden;  margin:0 auto; padding-top:65px;}

.yyhy_nr li{float: left; width: 31%; margin-right:3.5%; margin-bottom:35px;}

.yyhy_nr li:nth-child(3n) { margin-right:0px;} 

.yyhybox{position: relative;}

.yyhy_tp{position: relative;}

.yyhy_tp img{width: 100%; display:block;}

.yyhy_nr li .yyf1{width: 100%; font-size:18px;line-height: 50px;color: #666;}

.yyhy_zz{position: absolute;width: 100%;height: 100%;background: rgba(28, 117, 188, 0.8);;top: 0;left: 0;opacity: 0;transition: All 0.4s ease-in-out;}

.zztext{position: absolute;text-align: center;left:50%; top:50%; transform:translate(-50%,-50%);}

.zztext h2{ width:100%;font-size: 24px; color: #fff;margin-bottom: 15px; text-align:center;}

.zztext h2 img{ display:inline-block;}

.zztext p{color: #fff;font-size:20px; width:100%; height:42px; font-weight:bold; margin:0 auto; padding-bottom:18px; line-height:42px;}

.yyhy_nr a:hover .yyhy_zz{opacity: 1;}



.ar1{ width:1240px; height:auto; margin:0 auto; background:#fff; padding:30px 0px 50px 0px;;box-sizing: border-box; }

#info-T{width:100%; min-height:26px; padding-top:30px; color:#242424; padding-bottom:15px; line-height:26px; text-align:left; font-size:18px; font-weight:bold;}

#info-M{width:100%; height:45px; line-height:45px; text-align:left;}

#info-C{width:100%; line-height:28px; margin-top:10px; font-size:14px;}

#info-C img{ max-width:100%;}

#info-C2{width:100%; line-height:28px; margin:0 auto; margin-top:20px; font-size:14px;}

#info-N{width:100%; height: auto; padding-top:10px; line-height:28px; margin-top:20px; border-top:#e0e0e0 1px dotted;}

.fh{ width: 181px;height: 52px;border: 1px solid #999999; text-align:center; line-height:52px; margin-top:50px;}

.fh:hover a{ text-decoration:underline;}





.artilc{ width:1240px; height:auto; margin:0 auto; padding-bottom:50px;}

.artilc li{ width:48%; float:left; margin-right:4%; background:#F2F2F2; margin-bottom:40px; padding:35px 40px;box-sizing: border-box;}

.artilc li:nth-child(2n){ margin-right:0px;}



.artilc li h2{ width:100%; font-size:16px; color:#333333;transition:all 0.5s; height: auto; margin-top:10px; font-weight: bold; line-height:30px; height:30px; margin-bottom:25px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden; }

.artilc li .art_p{ width:100%; height:50px; line-height:25px;transition:all 0.5s; color:#666 ; font-size:14px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;;}

.artilc li .art2_1{ width:100%; height:40px; line-height:40px; padding-top:25px; color:#999; font-size:12px;}

.artilc li:hover{ background:#1C75BC;}

.artilc li:hover h2{ color:#fff;}

.artilc li:hover .art_p{color: rgba(255, 255, 255, 0.6);}

.artilc li:hover .art2_1{color: #FFFFFF;}





.artile1{ max-width:1240px;width:96%; height:auto; margin:65px auto 15px auto;}

.artile1 ul{ margin-bottom:45px;}

.artile1 li{ width:100%; margin:0 auto;; height:282px; transition:all 0.5s; background:#F2F2F2;;}

.xman1{ width:100%;  margin:0 auto;transition:all 0.8s; }

.art11{ width:610px; height:282px; float:left; overflow:hidden; position:relative;}

.art11 img{ width:610px; height:282px; display:block;cursor: pointer;transition: all 1.2s;}

.art11 img:hover{transform: scale(1.1);}

.art21{ height:282px;overflow: hidden;padding-left:60px;box-sizing: border-box; }

.art21 h2{ width:100%; font-size:20px; color:#333333;transition:all 0.5s; height: auto; margin-top:50px;  line-height:30px; height:30px; margin-bottom:20px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden; }

.art21 .art_p1{ width:100%; height:50px; line-height:25px; margin-top:15px;transition:all 0.5s; color:#828282 ;  font-size:14px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;;}

.art21 .art2_11{ width:96%; height:40px; line-height:40px; padding-top:15px;}

.art21 .art2_11 span{ color:#999; font-size:16px; display:block;width:180px; margin-top:15px;height: 58px; line-height:58px; ;transition:all 0.5s; }

.artile1 li:hover .art21 h2 {color:#fff;;}

.artile1 li:hover .art21 .art2_11 span{color:#fff;}

.artile1 li:hover .art21 .art_p1{ color:#fff;}

.artile1 li:hover .xman1{ background:#1C75BC;}



.ab1{ width:1240px; height:auto; margin:60px auto; padding:40px 0px; text-align:center; background:#F2F2F2;}

.ab1 li{ width:25%; float:left; text-align:center;}

.ab1 li img{ max-width:100%;}

.ab1 li h2{ margin-top:20px; font-size:16px; font-weight:normal; color:#333;}

.ab1 li p{ margin-top:5px;}

.map{ width:1240px; height:auto; margin:0 auto;}

.map img{ width:100%;}

 .righth{ max-width:1240px; height: auto; margin:60px auto; box-sizing:border-box;   font-size:16px;}



.righth p{ width:100%; margin-bottom:25px;padding:0px 0px; text-align:center; font-size:24px;color: #1C75BC;}

.righth table{padding:0; margin:0; border-collapse:collapse; border:none;}

.righth table td{padding:5px; color:#333; font-weight:bold;}

.sb1{width:100%; height:55px; line-height:55px; border:none; text-indent:15px; opacity:0.8; background:#fff; font-size:15px;border:1px solid #BDBDBD;;;box-sizing: border-box;}

.sb2{width:520px; height:45px; line-height:45px; border:none; text-indent:15px; background:#fff; opacity:0.8; font-size:15px;}

.sb3{width:100%; height:120px; line-height:25px; border:none; background:#fff; box-sizing:border-box; padding:5px 15px 0px 15px; opacity:0.8; font-size:15px;border:1px solid #BDBDBD;;;box-sizing: border-box;}

.sb4{display:block; width:180px; height:45px; margin:0 auto; line-height:45px; border:none; font-size:16px; text-align:center; color:#fff; background:#1C75BC;;;;;; margin-top:25px; transition:0.5s; border-radius:0px;}

.sb4:hover{opacity:0.9;}





.ab5{ width:1240px; margin:0 auto; height:auto;  padding:65px 0px;}



.ab5z{ width:100%; height: auto;position: relative; margin-top:40px; margin-bottom:70px;}

.ab5z img{ display: block; height: auto; width:100%;}

.ab5z p{ width:100%; height:70px; line-height:70px; text-align:center;border-top:1px solid rgba(0, 0, 0, 0.1);}

.ab5z .mySwiper{ overflow:hidden;}

.ab5z .swiper-slide img{ max-width:100%;}

.ab5z .swiper-pagination{ width:1240px; text-align:center; margin-top:50px;}

.ab5z .swiper-pagination .swiper-pagination-bullet{ width:10px; height:10px; margin:0px 5px; background:rgba(28, 117, 188, 0.6)}

.ab5z .swiper-pagination .swiper-pagination-bullet-active{background: #1C75BC; width:45px;border-radius: 5px}







.ab5z .ab5z1{border:1px solid rgba(0, 0, 0, 0.1); width:100%;box-sizing: border-box; }

.ab5z .ab5z1 img{ max-width:100%;}



.ab4{ width:100%; height:auto; background:#F2F2F2; padding:65px 0px;}

.ab4 ul{ width:1240px; height:auto; margin:40px auto 20px auto;}

.ab4 li{ width:23.5%; margin-right:2%; background:#fff; padding:70px 0px 50px 0px;; text-align:center; float:left;}

.ab4 li:nth-child(4){ margin-right:0px;}

.ab4 li img{ -webkit-transition: -webkit-transform 2s ease-out;

    -moz-transition: -moz-transform 2s ease-out;

    -o-transition: -o-transform 2s ease-out;

    -ms-transition: -ms-transform 2s ease-out;}

.ab4 li:hover img{ -webkit-transform: rotateZ(360deg);

    -moz-transform: rotateZ(360deg);

    -o-transform: rotateZ(360deg);

    -ms-transform: rotateZ(360deg);

    transform: rotateZ(360deg);}



.ab4 li h2{ width:100%; font-size:16px; height:70px; line-height:70px; margin-bottom:20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}

.ab4 li p{width: 165px;height: 46px; margin:0 auto; line-height:46px;}

.ab4 li:hover p{ background:#1C75BC;border-radius: 30px; color:#fff;}



.abc1{ width:1240px; height:auto; margin:70px auto;}

.abc11{ width:620px; height:auto;font-size: 16px;line-height:35px; float: left ;}

.abc11 span{ position:absolute; bottom:0px; left:0px; width:95px; height:2px; background:#1C75BC; display:block;}

.abc11 h2{ font-size:28px; font-weight:bold; color:#1C75BC; line-height:60px;}

.abc11 h3{ width:100%; height:50px; color: #999; font-size:14px; position:relative; font-weight:normal; margin-bottom:30px;}

.abc11 p{ margin-top:15px; width:100%; }

.abc12{ width:515px; float:right;}

.abc12 img{ width:100%;padding-top:80px;}

.abc2{ width:1240px; height:auto; margin:50px auto;}

.abc2t{ width:100%; height:60px; background:url(../images/13.png) left center no-repeat; padding-left:70px;}

.abc2t h2{ font-size:28px; line-height:40px; }

.abc2t p{ font-size:14px; color:#666; line-height:20px;}

.ab5z1{ width:100%; overflow:hidden; margin-top:30px;}

.ab5z1 img{ width:100%;}



.ab5z2{ width:100%; overflow:hidden; margin-top:30px;}

.ab5z2 img{ width:100%;}

.ab5z3{ width:100%; overflow:hidden; margin-top:30px;}

.ab5z3 img{ width:100%; border:1px solid #E0E0E0;box-sizing: border-box;}





/* 选项卡示例样式 */

.main3 {width:1240px;margin:40px auto;}

.tab1 {overflow: hidden;width:1240px;height:60px;cursor: pointer;border: 1px solid #BDBDBD;box-sizing: border-box;}

.tab1 li {float: left;width:185px;text-align: center; font-size:18px;line-height:60px; height:60px; color:#333;border-right: 1px solid #BDBDBD;}

.tab1 li.on {background:#1C75BC;; color:#fff; font-weight:bold;}

.con1 {width:1240px;padding:30px;border: 1px solid #BDBDBD;;border-top: none;box-sizing: border-box;  }



.prod{ width:1240px; height:auto; margin:0 auto; padding:50px 0px 40px 0px;}





.prod2{ width: 1240px; height:80px;margin: 60px auto;}

.prodxj_title{ width:100%; height:50px; line-height:30px; font-size:24px;border-bottom: 2px solid #1C75BC; color:#333;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; overflow: hidden;}

.prodcolor{ width:100%; padding-top:30px; font-size:14px; color: #666; }

.prodcolor span{color:#333; font-size:18px; font-weight:; }

.deta1{ width:400px; height:48px; margin-top:70px;}

.deta1 a{ width:180px; height:48px; float:left; display:block; font-size:16px; margin-right:40px; border:1px solid #1C75BC;;; color:#1C75BC;;;box-sizing: border-box; text-align:center; line-height:46px;   }

.deta1 a:hover{ text-decoration:underline;}

.deta1 a:nth-child(1){margin-right:40px; color:#fff; background:#1C75BC;;;}

.deta1 a:nth-child(2){margin-right:0px; }



.pd1 img{display:block; width:100%; height:auto;}

.wd1{width:25%;}

.wd1 img{width:100%; height:auto;}



.prod1{ width:600px; height: auto; float:left;  position:relative;}

.prod1 .swiper-button-prev,

.prod1 .swiper-button-next{ position:absolute; bottom:0px;top:37%; width:23px; height:46px; z-index:99; cursor:pointer; -webkit-transition:all .5s linear; transition:all .5s linear; }

.prod1 .swiper-button-prev{ background-image: url(../images/k2.png) !important;  left:0px; }

.prod1 .swiper-button-next{background-image: url(../images/k1.png)  !important ;  right:0px; }









.fixRight { padding:20px 0 15px; z-index: 10; position: fixed; right:0; top:50%; transform:translateY(-50%); background:#0778A7; width: 70px; border-radius:12px 0 0 12px}

.fixRight li { cursor:pointer; position: relative; margin-bottom:26px}

.fixRight li span { display:block; text-align:center; color:#ffffff; font-size:12px}

.fixRight li:last-child { margin-bottom:0}

.fixRight li span img { display:block; margin:0 auto}

.weChatalt {box-shadow:0 0 10px rgba(0,0,0,0.2); display:none; position:absolute; right:80px; top:0; overflow:hidden; border-radius:10px; background:#ffffff;} 

.fixRight li:hover .weChatalt { display:block;}

.phoneTxt { display:none; position:absolute; box-shadow:0 0 10px rgba(0,0,0,0.2); right:80px; top:0; overflow:hidden; width:150px; text-align:center; border-radius:10px; background:#ffffff; padding:10px;}

.phoneTxt h2 { font-size:18px; color:#333333}

.phoneTxt p { font-size:14px; color:#666666}

.fixRight li:hover .phoneTxt { display:block;}



.phoneTxt h3{ font-size:20px; font-family:Impact; color:#333; line-height:30px;}