@charset "utf-8";
@font-face {	
font-family: 'lato-bold';	
src: url("../fonts/lato-bold.eot");
src: url("../fonts/lato-bold.eot") format("embedded-opentype"), 
url("../fonts/lato-bold.woff") format("woff"), 
url("../fonts/lato-bold.ttf") format("truetype"), 
url("../fonts/lato-bold.svg") format("svg");	
font-weight: normal;
font-style: normal;}

*{margin:0;padding:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
HTML {OVERFLOW-X: hidden;}
body{ font-family:"Source Han Sans CN","Hiragino Sans GB","Heiti SC","PingFang SC","Microsoft Yahei","WenQuanYi Micro Hei",Helvetica,Arial,sans-serif;font-size:15px; line-height:30px;-webkit-font-smoothing: antialiased; overflow-x:hidden;background:#fff; color:#3b3b3b; }
a{color:#222; text-decoration:none;outline:none; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.3s;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
a:hover{text-decoration:none; color:#f39700}
ol,ul,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.clear{ clear:both}
.clearfix{clear:both;zoom:1;}
.clearfix:after{ content:"."; display:block; height:0;clear:both;visibility:hidden;}
.ovh{ overflow:hidden}
table{ border-collapse:collapse;}
img{ border:none;}
input,textarea,select,button,input{ outline:none;font-size:15px;font-family:"Source Han Sans CN","Hiragino Sans GB","Heiti SC","PingFang SC","Microsoft Yahei","WenQuanYi Micro Hei",Helvetica,Arial,sans-serif;}
input{-webkit-appearance: none ;}


.section{ padding:80px 0 90px 0;}
.sectionpre{ padding-top:80px;}
.sectionnext{ padding-bottom:90px;}
.iabout.section{ padding:140px 0;}

#a01, #a02, #a03, #a04{ position: absolute;  margin-top:-90px;}
.wrap{ width:80%; max-width:1440px; margin:0 auto}
.header .wrap{ width:94%; max-width:94%;}
.jvzhong{ text-align:center}
.title { margin-bottom:35px;}
.title h4{font-size:45px; font-family: 'lato-bold'; line-height:45px;margin-bottom:10px; text-transform:uppercase;}
.nmain .title h4{font-size:36px; }
.title h3{font-size:36px; font-family: 'lato-bold'; line-height:36px;margin-bottom:15px;}
.title p{ font-size:16px; padding-top:15px; color:#666;line-height:26px;}


.pic{ height:auto; display:block; overflow:hidden;}
.pic img{ width:100%; height:auto;transition: all 1.5s; display:block}
.kuai:hover .pic img, .item:hover .pic img, li:hover .pic img, a:hover .pic img,  .pic:hover img{transform:scale(1.05);}

.img-dv{ position:relative; overflow:hidden}
.img-dv .img1{ display:block; width:100%; opacity:0}
.img-dv .img2{ position:absolute;left:0;right:0;top:0;bottom:0; margin:auto; max-width:100%; max-height:100%}

body{ position:relative;}
.mbg{ background:#dff2f2}
.space{ height:90px;}

.header{width: 100%;top:0;left:0;position:fixed; z-index:999;}
.header>.wrap{ height:90px;}
.scroll .header, .header.scroll, .header:hover{ background:#fff;box-shadow: 0 0 15px rgba(0,0,0,0.1);} 
.header .logo{ float:left; margin:17.5px 0;}
.header .logo img{ display:block; height:55px; width:auto;}
.header .logo .img001{ display:block}
.header .logo .img002{ display:none}
.scroll .header .logo .img001, .header.scroll .logo .img001, .header:hover .logo .img001{ display:none} 
.scroll .header .logo .img002, .header.scroll .logo .img002, .header:hover .logo .img002{ display:block} 
.header .pronav{ float:left; margin-left:32px;}
.header .pronav a.button{background:url(../images/pnav.png) no-repeat left center;display:inline-block;line-height:90px;  color:#fff; padding-left:32px; cursor:pointer}
.scroll .header .pronav a.button, .header.scroll .pronav a.button, .header:hover .pronav a.button{background:url(../images/pnav02.png) no-repeat left center; color:#333; }
.header .pronav .sub{position:absolute; display:none; line-height:35px; clear:both;width:100%; height:auto !important; top:90px; left:0; border-top:solid 1px #e5e5e5; background: #fff; z-index:5}
.header .pronav .sub .wrap{ width:94%; max-width:1480px; position:relative; min-height:380px;}
.header .pronav .promnav .promnav-yiitem-con-hd, .header .pronav .promnav .promnav-eritem-con-hd, .header .pronav .promnav .promnav-sanitem-con-hd{ display:none}
.header .pronav .yiji, .header .pronav .erji, .header .pronav .sanji{ font-size:14px;width:240px; position:absolute; left:0; top:0; height:100%; border-right:solid 1px #e3e3e3 }

.header .pronav .erji{ left:240px;}
.header .pronav .sanji{ left:480px;}
.header .pronav .yiji li, .header .pronav .erji li, .header .pronav .sanji li{ padding:15px 20px}
.header .pronav .yiji li a, .header .pronav .erji li a, .header .pronav .sanji li a{ display:block;}
.header .pronav .yiji li.cur, .header .pronav .erji li.cur, .header .pronav .sanji li.cur{ background:#f5f5f5; font-weight:bold}
.header .pronav li{ cursor:pointer !important; line-height:26px; }

.header .mprolist{ width:calc(100% - 705px); float:right; padding:0 0 50px 50px }
.header .mprolist h3{ font-weight:bold; line-height:60px; margin-bottom:10px; font-size:16px}
.header .mprolist li{ float:left; width:19%; margin-right:1%; margin-bottom:1%; text-align:center}
.header .mprolist li:nth-child(8n){ margin-right:0}
.header .mprolist li .pic{ border:solid 1px #ddd}
.header .mprolist li .text{ font-size:12px;line-height:16px; height:40px;}
.header .menu { float:right; text-align:center;}
.header .menu li{ position:relative; float:left; }
.header .menu li .menu_a{ line-height:90px;display:block; margin:0 25px;position:relative; color:#fff}
.scroll .header .menu li .menu_a, .header.scroll .menu li .menu_a, .header:hover .menu li .menu_a{ color:#333}
.header .menu li .menu_a.cur{ color:#f39700;}
.header .menu li .menu_a:after {content: '';width: 0;height: 2px;background:#f39700; position: absolute;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);bottom: 0;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.header .menu .cur a:after, .header .menu li:hover .menu_a:after {width: 100%}
.header .menu li .sub{position:absolute; display:none;clear:both; background: linear-gradient(rgba(255,255,255,1),rgba(241,241,241,1));z-index:99; border-radius:0 0 12px 12px; padding-bottom:12px;}
.header .menu li .subchang{ width:100%; left:0%;box-shadow: 0 0 10px rgba(0,0,0,0.15); }
.header .menu li .subduan{width:140%; margin-left:-20%;box-shadow: 0 0 10px rgba(0,0,0,0.15); }

.header .menu .subduan{ text-align:center; }
.header .menu .subduan a{ display:block; line-height:50px;}
.header .menu .subduan a:hover{ background:#d72b27; color:#fff;}
/*animate*/
@keyframes rightOpacityShow{
0%{ transform: translateX(-80px);opacity:0;}
80%{ transform: translateX(20px);}
100%{ transform:translateX(0); opacity:1;}
}
.header .menu li .sub p:nth-child(1){animation: 0.4s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(2){animation: 0.5s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(3){animation: 0.6s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(4){animation: 0.7s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(5){animation: 0.8s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(6){animation: 0.9s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(7){animation: 1.0s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(8){animation: 1.1s ease-in-out 0s 1 normal both running rightOpacityShow;}



.header .search{ float:right; margin:0 25px;}
.header .search a{background:url(../images/fangdajing.png) no-repeat center center; width:16px; height:90px; display:block; cursor:pointer}
.scroll .header .search a, .header.scroll .search a, .header:hover .search a{background:url(../images/fangdajing02.png) no-repeat center center;}
.header .search .sub{position:absolute; clear:both;width:100%; display:none; top:90px; left:0;height:120px;  background: #f4f4f4; z-index:5}
.header .search .sub .subin {width: 94%;margin:30px auto;max-width: 500px;position:relative; z-index:999 }
.header .search .sub .subin #searchInput {background: #FFF;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;height: 40px;width: calc(100% - 84px);-webkit-box-sizing: border-box;box-sizing: border-box;padding-left: 10px;border-radius: 0; border:none}
.header .search .sub .subin #searchBtn {width: 80px;height: 40px;background: #f39700;color: #FFF;margin-left: -3px; border:none}

.header .lang{ float:right;height:40px;width:95px;  margin:25px 0 25px 25px; position:relative; text-align:left}
.header .lang .button{height:40px; text-decoration:underline; line-height:40px; width:95px; color:#fff; text-align:left; position:relative; display:block}
.header .lang .button i{ content:""; width:0px; height:0px; border-right:6px solid transparent;border-left:6px solid transparent; border-top:6px solid #fff; position:absolute; top:50%; margin-top:-3px; right:0 }
.header .lang .sub{position:absolute; width:120%; margin-left:-10%; text-align:center; display:none;clear:both; background: linear-gradient(rgba(255,255,255,1),rgba(241,241,241,1));z-index:99; border-radius:0 0 12px 12px; padding-bottom:12px;}
.header .lang .button.cur{ color:#333}
.scroll .header .lang .button, .header.scroll .lang .button, .header:hover .lang .button{ color:#333}
.scroll .header .lang .button i, .header.scroll .lang .button i, .header:hover .lang .button i{border-top:6px solid #333; }

.banner{ position:relative; z-index:1;  height:auto !important }
.banner .wrap{ position: relative;}
.banner .banniu{ z-index:999}
.banner .swiper-container{position:relative; height:auto !important}
.banner .swiper-slide{ position:relative; min-height:550px;}
.banner .swiper-button-prev, .banner .swiper-button-next{ width:45px; height:45px; overflow:hidden; margin-top:0;opacity:0.3; outline:none; top:auto; bottom:40px}
.banner .swiper-button-prev{ background:url(../images/bpre.png) no-repeat center center; background-size:cover; left:auto; right:60px;}
.banner .swiper-button-next{ background:url(../images/bnext.png) no-repeat center center;background-size:cover; right:0; left:auto}
.banner .swiper-button-prev:hover{ background:url(../images/bpre.png) no-repeat center center; background-size:cover;opacity:1}
.banner .swiper-button-next:hover{ background:url(../images/bnext.png) no-repeat center center;background-size:cover; opacity:1}
.banner .msearch{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:99}
.banner .msearch .wrap{color:#fff; text-align:center; line-height:50px;position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; width:100%;}

.banner .msearch .more{ line-height:26px;}
.banner .msearch .more a{ color:#fff; text-decoration:underline; padding-right:38px; position:relative; display:inline-block;}
.banner .msearch .more a i{ width:26px; height:26px; border-radius:50%; background:url(../images/wjt.png) #f39700 no-repeat right center; background-size:auto 26px; display:block; position:absolute; top:0; right:0;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;}
.banner .msearch .more a:hover i{ background:url(../images/wjt.png) #f39700 no-repeat left center; background-size:auto 26px; }
.banner .sou form{ margin:40px auto; width:90%; max-width:838px; line-height:55px; height:55px; background:#fff; border-radius:28px; padding:5px;}
.banner .sou form #searchInput{ float:left; width: calc(100% - 115px); padding-left: 20px;line-height:45px;height:45px;border-radius:28px; border:none; color:#999}
.banner .sou form #searchBtn{ float:right; width:115px; line-height:45px; height:45px;border-radius:28px; text-align:center; color:#fff;background:url(../images/fangdajing.png) #f39700 no-repeat 28% center; border:none; padding-left:23px;}
.banner .sou form #searchBtn:hover{box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.banner .msearch .sou .keyword{ line-height:32px; }
.banner .msearch .sou .keyword a{ padding:0 12px; border-radius:16px; font-size:13px; border:solid 1px #fff; color:#fff; display:inline-block; margin:0 5px;}
.banner .msearch .sou .keyword a:hover{ background:#f39700; border:solid 1px #f39700;}

.iproducts .ikuai .pic{ float:right; width:50%}
.iproducts .ikuai .text{ float:left; width:50%; padding:5% 5% 0% 5%}
.iproducts .ikuai:nth-child(2n) .pic{ float:left;}
.iproducts .ikuai:nth-child(2n) .text{ float:right;}
.iproducts .ikuai .text .conn{ color:#666}
.iproducts .ikuai .text .more{ margin-top:60px;}
.iproducts .ikuai .text .more a{ display:block; width:155px; height:58px; line-height:58px; text-align:center; color:#fff; padding-right:30px; background:url(../images/jt.png) #f39700 no-repeat 78% center;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.iproducts .ikuai .text .more a:hover{ background:url(../images/jt.png) #f39700 no-repeat 84% center;}


.ihorproducts{background:url(../images/probg.jpg) no-repeat center center; background-size:cover;}

.ihorproducts .conn{display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.ihorproducts .item{ float:left; width:32%; margin-right:2%; margin-right:2%; margin-top:2%; background:#fff}
.ihorproducts .item:nth-child(3n){ margin-right:0; }
.ihorproducts .item:nth-child(1), .ihorproducts .item:nth-child(2), .ihorproducts .item:nth-child(3){ margin-top:0}
.ihorproducts .item:hover{box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.ihorproducts .item .text{ padding-bottom:75px; text-align:center}
.ihorproducts .item .text h3{ font-size:18px; font-size: bold; margin-bottom:5px; font-weight:bold}
.ihorproducts .item .text p{ color:#666}
.ihorproducts .item:hover .text h3{ color:#f39700}
.ihorproducts .more{ margin-top:40px;}
.ihorproducts .more a{ display:block; width:200px; height:58px; margin:0 auto; line-height:58px; text-align:center; color:#fff; padding-right:30px; background:url(../images/jt.png) #f39700 no-repeat 78% center;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.ihorproducts .more a:hover{ background:url(../images/jt.png) #f39700 no-repeat 84% center;}


.iabout{background:url(../images/iabbg.jpg) no-repeat center center; background-size:cover;}
.iabout .abtext{ float:left; width:48%; color:#fff}
.iabout .abtext .title h4{ color:#f39700}
.iabout .abtext .title h3{ color:#fff}
.iabout .abtext .conn h3{ font-size:24px; margin-bottom:30px;}
.iabout .abtext .more{ margin-top:60px;}
.iabout .abtext .more a{ display:block; width:155px; height:58px; line-height:58px; text-align:center; color:#fff; padding-right:30px; background:url(../images/jt.png) #f39700 no-repeat 78% center;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.iabout .abtext .more a:hover{ background:url(../images/jt.png) #f39700 no-repeat 84% center;}

.iabout .video{ width:45%; position:relative; float:right; margin-top:88px;}
.iabout .video .vbg{ position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.4)}
.iabout .video .video-btn{position:absolute;width:74px; height:74px; background:url(../images/bofang.png) no-repeat center center; background-size:cover;left:50%; top:50%; margin-left:-37px; margin-top:-37px; z-index:22}
.iabout .video:hover .video-btn{ opacity:1; background:url(../images/bofang.png) no-repeat center center;background-size:cover; }
.iabout .video .video-btn02{ content:""; position:absolute; width:100%; height:100%; left:0%; top:0%; opacity:0;z-index:22}
.iabout .video .hide{ display:none !important}
.iabout .video video{ display:block; width:100%; height:auto; border:none;object-fit: cover;}

.inews .item{ float:left; width:33.33%; position:relative; background:#000}
.inews .item .nbg{ position:absolute; left:0; bottom:0; width:100%; height:45%; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));}
.inews .item .text{ padding: 30px 25px; position:absolute; width:100%; height:auto; bottom:0; left:0; z-index:22; color:#fff}
.inews .item .text h3{ font-size:18px; line-height:26px; margin-bottom:3px;}
.inews .item:hover .text h3{ color:#f39700; font-weight:bold}
.inews .item .img-dv .img2{ min-height:100%}

.xunpan{background:url(../images/xpbg.jpg) no-repeat center center; background-size:cover; padding:75px 0; }
.xunpan .wrap{ position:relative}
.xunpan .title{ margin-bottom:0}
.xunpan .title h3, .xunpan .title h4{ color:#fff}
.xunpan .title h3{ font-size:30px; margin-bottom:0}
.xunpan .xp { position:absolute; width:200px; height:56px; line-height:52px; border:solid 2px #fff; top:50%; margin-top:-28px; right:0; text-align:center}
.xunpan .xp a{ color:#fff; padding-right:38px; position:relative; display:inline-block;}
.xunpan .xp a i{ width:26px; height:26px; border-radius:50%; background:url(../images/yjt.png) #fff no-repeat right center; background-size:auto 26px; display:block; position:absolute; top:50%; margin-top:-13px; right:0;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;}
.xunpan .xp a:hover i{ background:url(../images/yjt.png) #fff no-repeat left center; background-size:auto 26px; }

.footer{ background:url(../images/footerbg.jpg) no-repeat center center; background-size:cover;}
.footer .fcontent{ padding:60px 0;}
.footer ul {width: 100%;display:flex;display:-webkit-flex;justify-content: space-between; color:#fff}
.footer li {display:inline-block; line-height:32px; }
.footer li h3{  margin-bottom:10px; font-size:16px; font-weight:bold; color:#fff; position:relative; }
.footer li  h3 a{ color:#fff}
.footer p, .footer p a{ color:#fff; font-size:14px;}
.footer li:nth-child(1) img{ height:55px; width:auto; margin-bottom:12px;}
.footer li:nth-child(1) .mail a{ display:block; width:180px; line-height:42px; height:42px; margin-top:20px; border-radius:6px; background: url(../images/kf02.png) no-repeat #f39700 left center; text-align:center; padding-left:30px; color:#fff}
.footer li:nth-child(5) img{ width:135px; height:auto}
.footer .copyright{border-top:solid 1px rgba(255,255,255,0.1); padding:25px 0; text-align:center;text-align:center;}
.footer li:nth-child(1){ min-width:25%}
.footer li .sub a{ display:block; line-height:25px; font-size:13px; margin-left:5px;}
.footer li .sub{ display:none}
.footer li .kuai.cur .sub, .footer li .sub.on{ display:block}
.footer li .kuai>p{background:url(../images/jtx.png) no-repeat right center; min-width:280px;}


.float_r{ position:fixed; top:50%; right:5px;  z-index:9999; padding:5px 5px 0px 5px; }
.float_r li{position:relative; width:54px; height:54px; margin-bottom:10px;}
.float_r .hd{position:absolute;  top:0px; right:54px; min-width:250px; display:none;color:#fff }
.float_r .hd .inn{ padding:10px 30px; border-radius:10px; width:calc(100% - 10px); background: #f39700;  position:relative}
.float_r .hd a{ color:#fff}
.float_r .hd .inn:after{ content:""; width:0; height:0; position:absolute; top:14px; right:-10px; border-top:solid 10px transparent; border-bottom:solid 10px transparent; border-left:solid 10px #f39700;}
.float_r .hd .inn img{ display: block; margin: 0 auto}
.float_r .img{ width:54px; height:54px; line-height:54px; background:#f39700;box-shadow: 0 0 10px rgba(0,0,0,0.15); border-radius:50%; overflow:hidden;}
.float_r .img img{ width:54px; height:54px; }
.float_r .img p{ color:#fff;}
.float_r .img001{ display:block}
.float_r .img002{ display:none}
.float_r .li2 .hd .inn{ text-align:center; padding:30px;}
.float_r li:hover .hd{display:block;}
.float_r li:hover .img001{ display:none}
.float_r li:hover .img002{ display:block}
.float_r li:hover .img{background: #f39700;  }


.nbanner{ position:relative;}
.nbanner .location{ position:absolute; left:0; top:90px; width:100%; line-height:60px; border-bottom:solid 1px rgba(255,255,255,0.3); border-top:solid 1px rgba(255,255,255,0.3); color:#fff}
.nbanner .location a{ color:#fff}
.nbanner img{ display:block; width:100%; height:auto}
.nbanner .text{ position:absolute;  text-align:center; color:#fff; left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:calc(50% + 75px); width:100%}
.nbanner .text .title{ color:#fff !important}
.nbanner .text .title p{ color:#fff !important}
.nbanner .text .title p{
	max-width:900px;

	width:94%;  
	margin:0 auto;
}

.nnav{ background:#102039; text-align:center; padding:40px 0}
.nnav .wrap{ width:100%}
.nnav li{
	display: inline-block;
	line-height:40px;
	border:solid 1px #fff;
	border-radius:25px;
	margin-top: 0;
	margin-right: 8px;
	margin-bottom: 0;
	margin-left: 8px;
	padding-right: 15px;
	padding-left: 15px;
}
.nnav li a{ display:block; color:#fff}
.nnav li:hover, .nnav li.cur{border:solid 1px #f39700; background:#f39700; }

.nprolist{ background:#f5f5f5;}
.nprolist .nprokuai{ border-bottom:solid 1px #fff}
.nprolist .nprokuai .protitle{ position:relative; margin-bottom:25px;}
.nprolist .nprokuai .protitle h3{ font-size:30px; font-weight:bold;}
.nprolist .nprokuai .protitle .more{ line-height:26px; position:absolute; bottom:0; right:0}
.nprolist .nprokuai .protitle .more a{ text-decoration:underline; padding-right:38px; position:relative; display:inline-block;}
.nprolist .nprokuai .protitle .more a i{ width:26px; height:26px; border-radius:50%; background:url(../images/wjt.png) #f39700 no-repeat right center; background-size:auto 26px; display:block; position:absolute; top:0; right:0;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;}
.nprolist .nprokuai .protitle .more a:hover i{ background:url(../images/wjt.png) #f39700 no-repeat left center; background-size:auto 26px; }
.nprolist .nprokuai .list{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.nprolist .nprokuai .list .item{
	width:calc(25% - 11.25px);
	margin-top:15px;
	margin-right:15px;
	background:#fff;
	text-align:center;
	padding: 20px;
}
.nprolist .nprokuai .list .item:nth-child(4n){ margin-right:0}
.nprolist .nprokuai .list .item .text h3{ font-size:18px; margin-bottom:15px; font-weight:bold; color:#222}
.nprolist .nprokuai .list .item .text .pmore{ width:105px; font-size:13px; text-align:center; margin:0 auto 40px auto; border:solid 1px #222; color:#222; border-radius:15px;}
.nprolist .nprokuai .list .item:hover .text .pmore{ border:solid 1px #f39700; background:#f39700; color:#fff;}
.nprolist .nprokuai .list .item:hover {box-shadow: 0 0 15px rgba(0,0,0,0.1);}

.protop{background:url(../images/protopbg.jpg) no-repeat center center; background-size:cover;}
.protop .location{ width:100%; line-height:24px; padding:18px 0; border-bottom:solid 1px rgba(255,255,255,0.3); border-top:solid 1px rgba(255,255,255,0.3); color:#666}
.protop .location a{ color:#666}
.protop .procon{ padding:40px 0 100px 0; position: relative;}
.protop .swiper-container-wrapper{ float:left; width:50%; position:relative; border:solid 1px #dedede; background:#fff; padding:10px;}
.protop .swiper-container-wrapper .gallery-top img{ display:block; width:100%; height:auto;}
.protop .gallery-thumbs {width: 15.5%;position:absolute; left:10px; top:10px; padding:30px 0;}
.protop .gallery-thumbs .swiper-wrapper {flex-direction: column;}
.protop .gallery-thumbs .swiper-slide {flex-flow: column nowrap;width: 100%; min-width:60px !important; cursor: pointer; height:auto !important}
.protop .gallery-thumbs .swiper-slide .pic{ border: 1px solid #ddd;}
.protop .gallery-thumbs .swiper-slide .img2{ display:block; width:auto; height:auto; max-width:calc(100% -2px); max-height:calc(100% -2px)}
.protop .gallery-thumbs .swiper-slide-thumb-active .pic{border: 1px solid #f39700;}
.protop .gallery-top {width: 80%; margin-left:20%}

.protop .swiper-button-next, .protop .swiper-button-prev{ top:20px; bottom:0px; left:50%; margin-left:-12.5px; border:none !important; color: #15274d !important; width:25px; height:25px;text-align:center; transform: rotate(90deg);}
.protop .swiper-button-next{ top:auto; bottom:0px;}
.protop .swiper-button-next:after, .protop  .swiper-button-prev:after{font-size: 18px !important; border:none !important; line-height:25px; width:25px; height:25px;}

.protop .wenzi{ float:right; width:46%; padding-top:10px;}
.protop .wenzi .conn{ margin-top:-10px}
.protop .wenzi .conn h1{ padding-bottom:5px !important;}
.protop .wenzi .conn p{ font-size:15px;line-height:24px;}
.protop .wenzi .protitle h3{ font-size:30px; font-weight:bold; margin:20px 0;}
.protop .wenzi .use{ margin-top:50px;}
@media screen and (max-width:1440px){
.protop .wenzi .use{ margin-top:35px;}	
}
.protop .wenzi .use .ptel{background:url(../images/ptel.png) no-repeat left center; background-size:auto 45px; padding-left:55px; float:left}
.protop .wenzi .use .ptel p{ color:#666; font-size:14px; line-height:18px;}
.protop .wenzi .use .ptel h3{ font-size:22px; font-weight:bold; line-height:27px;}
.protop .wenzi .use .pfeedback{margin-left:45px; float:left;}
.protop .wenzi .use .pfeedback a{ display:block; border-radius:5px; overflow:hidden; width:180px; line-height:42px; height:42px; background:url(../images/pfeed.png) #f39700 no-repeat 20px center; color:#fff; padding-left:30px; text-align:center;} 


.npdpnav{ background:#102039; line-height:60px; height:60px;}

.npdpnav ul{overflow-x:auto;overflow-y: hidden; width:100%;display: flex; display: -webkit-flex;}
.npdpnav li{white-space:nowrap; width:auto; display:inline-block; }
.npdpnav li a{ color:#fff; padding:0 12px; display:inline-block; font-size:14px;white-space:nowrap;}
.npdpnav li.cur a{ background:#f39700}

.fixeds{position:fixed; left:0; top:90px; width:100%; z-index:9}
.section-wrapper {margin-top: -150px;padding-top: 150px;}

.prodetail .title{ margin-bottom:0}
.prodetail .ktitle {background:url(../images/picon.png) no-repeat left center; padding-left:40px; font-size:30px; font-weight:bold; margin-top:35px;}
.prodetail .intro{ padding:25px 0;}
.prodetail .intro ul{display:flex;display:-webkit-flex;justify-content: space-between; }
.prodetail .intro li{ display: inline-block}
.prodetail img{width:auto; max-width:100%}
.prodetail .bijiao .ktitle02{ text-align:center; font-weight:bold; font-size:36px; margin:20px 0 35px 0; position:relative; line-height:78px}
.prodetail .bijiao .ktitle02 span{ display:inline-block; width:78px; height:78px; color:#fff; border-radius:50%; background:#f39700; margin:0 10px; font-size:45px;}
.prodetail .bijiao .ktitle02:after{ content:""; position:absolute; width:30px; height:2px; background:#f39700; left:50%; bottom:0; margin-left:-15px}
.prodetail .intro h4{ font-weight:bold; font-size:24px;}
.prodetail .intro h3{ font-weight:bold; font-size:36px; line-height:45px;}
.prodetail .ktitle03{ text-align:center; margin:20px 0 35px 0; padding-bottom:15px; position:relative; }
.prodetail .ktitle03 h3{ font-weight:bold; font-size:36px;}
.prodetail .ktitle03 p{ font-size:18px; padding:5px 0 0 0;}
.prodetail .ktitle03:after{ content:""; position:absolute; width:30px; height:2px; background:#f39700; left:50%; bottom:0; margin-left:-15px}


.nnewslists .item{ padding:40px 0; border-bottom:solid 1px #ddd}
.nnewslists .conn .item:nth-child(1){ padding-top:0}
.nnewslists .item .pic{ float:left; width:25%}
.nnewslists .item .text{ float:left; width:calc(75% - 62px); padding:0 30px;}
.nnewslists .item .text h3{ padding:25px 0 10px 0; font-size:20px}
.nnewslists .item .text p{ color:#666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.nnewslists .item .date{ float:right; width:62px; text-align:center; margin-top:60px}
.nnewslists .item .date h3{font-family: 'Impact'; color:#f39700; font-size:40px; line-height:48px; border-bottom:solid 1px #ddd; border-top:solid 1px #ddd;}
.nnewslists .item .nmore{ font-size:14px; color:#999; margin-top:40px; position:relative; display: inline-block; padding:0 20px 0 40px; line-height:28px;}
.nnewslists .item:hover .nmore{ color:#fff; background:#f39700; border-radius:20px;}
.nnewslists .item .nmore i{ position:absolute; left:0px; top:0; display:block; width:28px; height:28px; border:solid 1px #ddd; border-radius:50%;background:url(../images/yjt.png) no-repeat left center; background-size:auto 100%;}
.nnewslists .item:hover .nmore i{ border:none;}
.nnewslists .item:hover .nmore i{background:url(../images/wjt.png) no-repeat left center;left:10px; background-size:auto 100%; }

.newstitle{ padding-bottom:15px; margin-bottom:15px; border-bottom:solid 1px #ddd;}
.newstitle h3{ font-size:24px; margin-bottom:5px;}
.newstitle p{ color:#999}
.nnewslists img{ width:auto; max-width:100%}
.shangxia{ border-bottom:solid 1px #ddd; border-top:solid 1px #ddd; font-size:14px; padding:14px 0; margin-top:50px;color:#888}
.shangxia li{ float:left;}
.shangxia li:nth-child(2){ float:right;}
.shangxia li a{ color:#888}
.shangxia li a:hover{ color:#f39700}


.newstuijian .conn, .newstuijian .wrap{ position:relative}
.newstuijian .swiper-button-prev, .newstuijian .swiper-button-next{ width:30px; height:30px; overflow:hidden; margin-top:0; outline:none; top:50px; bottom:auto}
.newstuijian .swiper-button-prev{ background:url(../images/icpre.png) no-repeat center center; right:40px; left:auto;}
.newstuijian .swiper-button-next{ background:url(../images/icnext.png) no-repeat center center; right:auto; right:0; left:auto}
.newstuijian .swiper-button-prev:hover{ background:url(../images/icpre02.png) no-repeat center center; opacity:1}
.newstuijian .swiper-button-next:hover{ background:url(../images/icnext02.png) no-repeat center center;  opacity:1}
.newstuijian .intro{ height:60px; border-bottom:solid 1px #ddd; text-align:center;display: flex;align-items: center}
.newstuijian .intro p{ line-height:25px; width:100%}

.nab02 .item{ float:left; width:50%; position:relative}
.nab02 .item .text{ position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; color:#fff; width:100%; text-align:center}
.nab02 .item .text .wenzi h3{ font-size:36px; margin-bottom:25px;font-family: 'lato-bold'; }
.nab02 .item .text .wenzi p{ font-size:16px; width:94%; max-width:640px; margin:0 auto;}
.nab02 .item .text .icon{ margin-bottom:20px; width:35%; max-width:106px; border-radius:50%; border:solid 1px #ddd; margin:0 auto 40px auto;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.nab02 .item img{ display:block; width:100%; height:auto}
.nab02 .item:hover .icon{ -webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg)}

.nhonorlist{ position:relative}
.nab03 .swiper-container{position:relative; margin:0 auto;}
.nab03 .swiper-slide{position:relative; margin-bottom:40px;}
.nab03 .swiper-slide .pic{ margin:0 18px; display:block; position:relative}
.nab03 .swiper-slide .text{ text-align:center; line-height:70px;}
.nab03 .swiper-slide:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:60%; background:#f5f5f5; z-index:-1}
.nab03 .swiper-slide.swiper-slide-active:after{background:#f39700;}
.nab03 .swiper-slide.swiper-slide-active .text{ color:#fff}
.nab03 .swiper-pagination{bottom:0%; text-align:center;}
.nab03 .swiper-pagination-bullet{ width:32px; height:4px; background:#aaa; opacity:1; margin:0 5px; border-radius:0}
.nab03 .swiper-pagination-bullet-active{background:#f39700; }

.nab04{ background:url(../images/lishibg.jpg) no-repeat center center; background-size:cover;}
.nab04 .conn{ position:relative; width:calc(100% - 100px);margin-left:50px}
.nab04 .swiper-slide{  line-height:30px; font-size:15px}
.nab04 .swiper-slide h3{ font-size:42px; line-height:45px; padding:40px 0 20px 0;color:#f39700; font-style:italic; font-weight:bold}
.nab04 .swiper-slide .inn{ margin-left:8px; border-left:solid 2px #ccc; height:350px; position:relative; padding-left:35px;}
.nab04 .swiper-slide .inn:after{ content:""; position:absolute; left:-8px; top:0; width:16px; height:16px; background:#ccc; border-radius:50%;}

.nab04 .swiper-button-prev, .nab04 .swiper-button-next{ width:42px; height:42px; overflow:hidden; opacity:1; left:-50px}
.nab04 .swiper-button-prev{ background:url(../images/apleft03.png) no-repeat center center;}
.nab04 .swiper-button-next{ background:url(../images/apright03.png) no-repeat center center; left:auto; right:-50px}
.nab04 .swiper-button-prev:hover{ background:url(../images/apleft02.png) no-repeat center center;}
.nab04 .swiper-button-next:hover{ background:url(../images/apright02.png) no-repeat center center;}

.website .wrap{ position: relative; }
.guonei .title{ position:absolute; top:90px; left:0;}
.website .title p{ font-size:16px;max-width:380px; }
.guowai { background:#f5f5f5}
.guowai .title{ position:absolute; top:90px; right:0;}
.guowai .title{ text-align:right}
.guonei .conn { width:65%; float:right; position:relative}
.guonei .conn img{ display:block; width:100%; height:auto;}
.guonei .conn .map-bg{ position: absolute; left:0;top:0; width:100%; height:100%;}
.map-yuan .txt {position: relative;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);color: #fff;font-size: 16px}
.map-yuan .txt em {font-size: 46px;line-height: 40px;height: 40px; font-style:normal;}
.map-txt {opacity: 0;pointer-events: none;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.map-poi {position: absolute}
.map-poi .dian {display: block;width: 12px;height: 12px;background-color:#f39700;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-animation: wave;-o-animation: wave;animation: wave;position: relative;z-index: 3}
.map-poi .dian:after, .map-poi .dian:before {content: "";position: absolute;z-index: 5;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 50%;border: 1px solid rgba(243, 151, 0, .5);-webkit-animation: bowen 3s linear infinite;-o-animation: bowen 3s linear infinite;animation: bowen 3s linear infinite;width: 10px;height: 10px}
.map-poi .dian:before {border: 1px solid rgba(243, 151, 0, .5);-webkit-animation: bowen 4s linear infinite;-o-animation: bowen 4s linear infinite;animation: bowen 4s linear infinite}
@keyframes bowen {
	0% {border-width: 1px}
	100% {border-width: 30px;border-color: rgba(243, 151, 0, 0)}
}
.guonei .poi1 {top: 48%;left: 72%; position:absolute;}
.guonei .poi2 {top: 38%;left: 70%; position:absolute;}
.guonei .poi3 {top: 62%;left: 77.5%; position:absolute;}
.guonei .poi4 {top: 61%;left: 76%; position:absolute;}
.guonei .poi5 {top: 86%;left: 65%; position:absolute;}
.guonei .poi6 {top: 59%;left: 70%; position:absolute;}
.guonei .poi7 {top: 55%;left: 61%; position:absolute;}
.guonei .poi8 {top: 74%;left: 52%; position:absolute;}
.guonei .poi9 {top: 67%;left: 47%; position:absolute;}
.guonei .poi10 {top: 84%;left: 65%; position:absolute;}
.guonei .poi12 {top: 62%;left: 72%; position:absolute;}


.poi11{top: 41.5%; left: 39.5%; position:absolute;}
.map-txt {background-color: #fff;position: absolute;top: -80px; width: 230px; margin-left:-110px;text-align:center; padding: 10px 20px;box-shadow: 0 0 24px 0 rgba(0, 0, 0, .3);border-radius: 5px;z-index: 5}
.map-txt:After{ content:""; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #fff; position:absolute; left:50%; margin-left:-10px; bottom:-10px} 
.map-info {font-size: 16px;color: #333}
.map-poi:hover .map-txt {opacity: 1;pointer-events: auto}

.guowai .conn { width:64%; float:left; position:relative}
.guowai .conn img{ display:block; width:100%; height:auto;}
.guowai .conn .map-bg{ position: absolute; left:0;top:0; width:100%; height:100%;}
.guowai .poi1 {top: 43%;left: 3%; position:absolute;}
.guowai .poi2 {top: 41%;left: 42%; position:absolute;}
.guowai .poi3 {top: 56%;left: 38%; position:absolute;}
.guowai .poi4 {top: 46%;left: 75%; position:absolute;}
.guowai .poi5 {top: 35%;left: 77%; position:absolute;}
.guowai .poi6 {top: 54%;left: 32%; position:absolute;}
.guowai .poi7 {top: 34%;left: 9%; position:absolute;}

.nlx{ float:left; width:50%}
.nlx .conn{ margin-top:-10px}
.nlx .kuai{ border-bottom:solid 1px #ddd; padding-bottom:6px; padding-top:6px; line-height:26px;}
.nlx .kuai h4{ font-weight:bold}
.nlx .kuai p{ font-size:17px;}
.feedback{ float:left; width:50%; padding:30px 35px 35px 35px; box-shadow: 0 0 15px rgba(0,0,0,0.1); background:#fff}
.feedback .fdtitle h3{ font-size:20px;}
.feedback .fdtitle h3 span{ font-size:24px; font-weight:bold; text-transform:uppercase;}
.feedback .form .red{ color:#f00;}
.feedback .form .column{ float:left; width:48.5%; margin-right:3%; margin-bottom:5px; position:relative;overflow:hidden; }
.feedback .form .row_1 .column:nth-child(2n){ margin-right:0}
.feedback .form .row_1 input{  border:none; line-height:38px; height:38px;width:100%; padding:0 15px;color:#999;background:#fff; border:solid 1px #ddd; border-radius:5px}
.feedback .form .row_2 textarea{ width:100%; height:107px; border:none; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; padding:15px; overflow:hidden;color:#999; border-radius:5px;background:#fff;border:solid 1px #ddd;}
.feedback .form .row .submit{width:160px; font-size:18px; height:45px; display:block;line-height:45px; border:none; cursor:pointer; color:#fff; text-align:center; border-radius:10px; background:#f39700; text-transform:uppercase}
.feedback .form .row .submit:hover{box-shadow: 0 0 15px rgba(0,0,0,0.1);}

@media screen and (max-width:920px){
.section-wrapper table{ display: inline-block; overflow-x:auto}
.section-wrapper table td{ line-height:20px !important; padding:5px !important; white-space:pre-line !important;word-wrap:break-word !important;word-break:break-all !important}
.protop .wenzi .conn h1 span{ padding-top:5px; font-size:18px !important;}
.protop .wenzi .conn img{ height:40px; width:auto}
}