@charset "utf-8";
@font-face {	
font-family: 'opposansb';	
src: url("../fonts/opposansb.eot");
src: url("../fonts/opposansb.eot") format("embedded-opentype"), 
url("../fonts/opposansb.woff") format("woff"), 
url("../fonts/opposansb.ttf") format("truetype"), 
url("../fonts/opposansb.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:Geneva, Arial, Helvetica, sans-serif; color:#444; font-size:16px; line-height:30px;-webkit-font-smoothing: antialiased; overflow-x:hidden; }
a{color:#000; 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:#1a7db9}
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:16px;font-family:Geneva, Arial, Helvetica, sans-serif;}
input{-webkit-appearance: none ;}


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



#a01, #a02, #a03, #a04, #a05, #a06, #a07,  #a08{ position: absolute;  margin-top:-110px;}
.wrap{ width:80%; margin:0 auto}


.jvzhong{ text-align:center}

.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%;}
.img-dv .img2{ position:absolute;left:0;right:0;top:0;bottom:0; margin:auto; max-width:100%; min-height:100%}

.title{ margin-bottom:40px; font-style:italic; color:#3587bd; padding-left:40px; background:url(../images/ticon.png) no-repeat left 5px; background-size:30px auto;}
.title h4{
	font-size:36px;
	line-height:40px;
	text-transform:uppercase;
	font-weight: bold;
}
.title h3{ font-size:30px; line-height:40px;font-weight: bold;}


.header{width: 100%;top:0;left:0;position:fixed; z-index:999;}
.header.scroll, .header:hover{ background:#fff;box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.header .wrap{ position:relative; height:110px;}
.header .logo{ position:absolute; left:0; top:50%; font-size:16px; margin-top:-33px;}
.header .logo a{ color:#fff; line-height:30px;}
.header.scroll .logo a, .header:hover .logo a{ color:#222;}
.header .logo img{ display:block; height:42px; width:auto;}
.header .logo .img001{ display:block}
.header .logo .img002{ display:none;}
.header.scroll .logo .img001, .header:hover .logo .img001{ display:none; }
.header.scroll .logo .img002, .header:hover .logo .img002{ display:block;}

.header .menu { width:100%; text-align:right;}
.header .menu li{ position:relative; display: inline-block; margin:0 22px; line-height:110px; color:#fff;}
.header .menu li:last-child{ margin-right:270px;}
.header .menu li a{ color:#fff; position:relative; font-size:18px; display:block; }
.header.scroll li a, .header:hover li a{ color:#222;}
.header .menu li a.clist{ padding-right:25px;}
.header .menu li a.clist:after{ content:""; position:absolute; right:0; top:50%; margin-top:-6px; width:12px; height:12px; border-radius:50%; border:solid 1px #fff; background:url(../images/jt.png) no-repeat center center; background-size:8px auto;}
.header.scroll .menu li a.clist:after, .header:hover .menu li a.clist:after{  border:solid 1px #333; background:url(../images/jt02.png) no-repeat center center; background-size:8px auto;}
.header .menu li:hover a.clist:after{border:solid 1px #1a7db9; background:url(../images/jt.png) #1a7db9 no-repeat center center; background-size:8px auto;}
/*.header .menu .cur a, .header .menu a:hover{ color:#fff; font-weight:bold; font-size:105%;}*/
.header.scroll .menu .cur a, .header:hover .menu .cur a, .header.scroll .menu a:hover, .header:hover .menu a:hover{ color:#1a7db9;}

.header .lang{ position:absolute; top:0; right:120px; line-height:110px;}
.header .lang .yuyan{ padding:0 18px 0 25px; color:#fff; background:url(../images/map.png) no-repeat left center; background-size:18px auto; position:relative; display:block; }
.header.scroll .lang .yuyan, .header:hover .lang .yuyan{color:#222; background:url(../images/map02.png) no-repeat left center; background-size:18px auto; }
.header .lang .yuyan i{position:absolute; width:6px; height:100%; right:0;top:0; transition:.3s}
.header .lang .yuyan i:after{content: "";transition:.3s; width: 6px;height: 6px;border-right: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);position: absolute;right: 0;top: 50%; margin-top:-6px;}
.header.scroll .lang .yuyan i:after, .header:hover .lang .yuyan i:after{border-right: 1px solid #444;border-bottom: 1px solid #444;}
.header .lang.cur .yuyan i{ -webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);transform:rotateX(180deg);}
.header .lang .sub{ display:none; background:#fff; padding:10px; line-height:40px; position:absolute; z-index:22}
.header .lang .sub a{ color:#666; padding:0 10px; display:block;}
.header .lang .sub a:hover{ color:#fff; background:#1a7db9;}


.header .sou{ position:absolute; top:0; right:60px;}
.header .sou a{ background:url(../images/search.png) no-repeat center center; background-size:20px auto; width:30px; height:110px; display:block; cursor:pointer;}
.header .sou:hover a{ background:url(../images/search02.png) no-repeat center center;background-size:20px auto; }
.header.scroll .sou a, .header:hover .sou a{background:url(../images/search02.png) no-repeat center center;background-size:20px auto; }

.search {position: fixed;left:0;top: 0;right:0;bottom: 0;/* background: #000; */background: rgba(0, 0, 0, 0.85);z-index: 9999;display: none;}
.search-box {width:800px; position: absolute;top: 50%;transform: translateY(-50%); left:50%; margin-left:-400px;}
.search .search-con{width:20px; height:20px; display:block; cursor:pointer; background:url(../images/close.png) no-repeat center; background-size:cover; position:fixed; right:4%; top:45px; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;z-index: 99;}
.search .search-con:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
.search .search-box h3{ text-align:center; font-size:36px; margin-bottom:20px; font-weight:bold; color:#fff; line-height:80px;}
.search .pr{ position:relative}
.search .inp {width: 100%; line-height:60px; height:60px;background: none;border: none;border: 1px solid rgba(255, 255, 255, 0.7); padding:0 20px; color: rgba(255, 255, 255, 0.7);}
.search .inp::-webkit-input-placeholder {color: rgba(255, 255, 255, 0.7);}
.search .search_btn {position: absolute; cursor:pointer; border:none; top: 50%; right:20px; margin-top:-40px; background:url(../images/search.png) no-repeat center; background-size:19px auto;line-height:80px; height:80px; width:19px; }

.header .menubutton{ position:absolute; border-radius:5px; overflow:hidden; top:50%; right:0; width:32px; height:32px; margin-top:-16px; cursor:pointer; background:url(../images/m_menu.png) no-repeat center; background-size:cover;}
.header.scroll .menubutton, .header:hover .menubutton{ background:url(../images/m_menu.png) #1a7db9 no-repeat center; background-size:cover;}





.mbg{ position: fixed;left:0;top: 0;right:0;bottom: 0; width:100%; height:100%; background: rgba(0, 0, 0, 0.85); z-index: 9990; display:none;}
.mbg.cur{ display:block;}
.mmenu { position:fixed;z-index:9999; background:#fff; top:0; width:auto; left:-365px; height:100%; transition: all .5s ease;}

.mmenu.active{ left:0; opacity:1}
.mmenu .yiji{
	width:320px;
	float:left;
	height:100vh;
	background:#fff;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 20px;
}
.mmenu .erji{-webkit-animation: a_bg_hover_show .1s ease-out both;-webkit-transform-origin: 50% 0%;-webkit-box-shadow: 0 5px 8px 0 rgba(0,0,0,.15);box-shadow: 0 5px 8px 0 rgba(0,0,0,.15); width:450px; float:left; height:100vh; background:#fff; padding:120px 30px 40px 40px; transition: all .5s ease; position:relative; margin-left:-450px; z-index:-100}
.mmenu .erji.active{margin-left:0px;z-index:100;}
.mmenu .yiji .mlogo{ margin-bottom:40px;}
.mmenu .yiji .mlogo img{ display:block; height:35px; width:auto;}
.mmenu .yiji .list p{ line-height:46px; margin-bottom:15px; }
.mmenu .yiji .list p a{ display:block; border-radius:25px;box-shadow: 0 0 15px rgba(26,125,185,0.1); font-size:18px; padding:0 45px; background:url(../images/bnext03.png) no-repeat 90% center; background-size:10px auto;}
.mmenu .yiji .list p a.cur, .mmenu .yiji .list p a:hover{ box-shadow: 0 0 15px rgba(26,125,185,0.3); background:url(../images/bnext02.png) no-repeat 90% center; background-size:10px auto; color:#1a7db9;}

.mmenu .menuclose{ float:left; width:45px; background:#1a7db9; height:100vh; position:relative}
.mmenu .menuclose a{ width:30px; height:30px; border-radius:50%; background:url(../images/close02.png) #fff no-repeat center center; background-size:12px auto; top:50%; left:50%; position:absolute; margin-left:-15px; margin-top:-15px;}

.mmenu .list h3{ font-size:20px; font-weight:bold; position:relative; padding-left:25px; margin-bottom:25px;}
.mmenu .list h3:after{ content:""; position:absolute; left:0; top:50%; margin-top:-6px; width:12px; height:12px; border-radius:50%; border:solid 1px #1a7db9; background:url(../images/jt.png) #1a7db9 no-repeat center center; background-size:8px auto;}
.mmenu .erji .list p{ line-height:46px; font-size:16px; border-bottom:solid 1px #e9e9e9;}
.mmenu .erji .list p:hover{ background:url(../images/bnext02.png) no-repeat right center; background-size:10px auto; color:#1a7db9;}
.mmenu .erji .list p a{ display:block;}
.mmenu .erji .list{ display:none;}
.mmenu .erji .list.cur{ display:block;}




.banner, .banner .swiper-slide{ width:100%; height:100vh; min-height:550px; position:relative;}
.banner img, .banner video{ display:block; width:100%; height:auto}
.banner .swiper-pagination{bottom: 4% !important;width: 100%;}
.banner .swiper-pagination-bullet{width: 12px;height: 12px; border-radius:50%; overflow:hidden; background: #fff;opacity:1;margin: 0 5px !important; opacity:0.6}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#1a7db9; opacity:1}
.banner .ratio-img{ width:100%; height:100vh; min-height:550px; overflow:hidden}
.banner{position: relative;overflow: hidden;}
.banner video {position: absolute;width: 100%;height: 100%;left: 0px;top: 0;object-fit: cover;}
.banner a{display: block;}
.banner .out{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(26,124,185,0.5); z-index:66}
.banner .text{ position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; width:100%; z-index:99;}
.banner .text .wrap{ border-left:solid 1px #fff; padding-left:40px;}
.banner .text .wrap img{ height:50px; width:auto; display:block; margin-bottom:20px;}
.banner .text .wrap h3{ font-size:40px; color:#fff; line-height:45px;}

.iproducts, .iapp{ border-bottom:solid 1px #1a7cb9;}
.iproducts .conn{ padding:0 20px; position:relative; margin-top:-20px;}
.iproducts .swiper-slide{ padding:20px;}
.iproducts .swiper-slide .outpic {border-radius:25px;box-shadow: 0 0 15px rgba(26,125,185,0.1); padding:50px 30px;}
.iproducts .swiper-slide:hover .outpic {box-shadow: 0 0 15px rgba(26,125,185,0.3); }
.iproducts .swiper-slide .text{ text-align:center; padding:20px 0 40px 0; background:url(../images/dian.png) no-repeat center bottom;}
.iproducts .swiper-slide .text h3{
	font-size:20px;
	margin-bottom:0px;

	margin-bottom:10px;
	line-height: 24px;
}
.iproducts .swiper-slide .text p{ font-size:16px;color:#666;line-height: 24px;}

.iproducts .swiper-button-prev, .iproducts .swiper-button-next{ width:16px; height:20px; border-radius:0; overflow:hidden; outline:none; opacity:0.9;}
.iproducts .swiper-button-prev{ background:url(../images/bpre02.png) no-repeat center center /cover; right:auto; left:0;}
.iproducts .swiper-button-next{ background:url(../images/bnext02.png) no-repeat center center /cover;left:auto; right:0; left:auto}
.iproducts .swiper-button-prev:hover{ background:url(../images/bpre02.png) no-repeat center center /cover; opacity:1}
.iproducts .swiper-button-next:hover{ background:url(../images/bnext02.png) no-repeat center center /cover;  opacity:1}

.inews .title{ position:relative;}
.inews .nav{ position:absolute; bottom:0; right:0}
.inews .nav li{ display:inline-block; margin-left:40px; font-style:normal;}
.inews .nav li:first-child{ margin-left:0}
.inews .nav li a{ display:block; position:relative; line-height:35px; font-size:16px;}
.inews .nav li a:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#1a7cb9; opacity:0}
.inews .nav li:hover a:after{ opacity:1; }
.inews .nav li:hover a{ color:#1a7cb9;}


.iapp .swiper-slide{ width:800px; padding:3%;}
.iapp .swiper-slide-active{ padding:0}
.iapp .outpic{ border-radius:25px; overflow:hidden}
.iapp .swiper-slide .text h3{ font-size:20px; margin:25px 0 15px 0;  }
.iapp .swiper-slide .text p{ color:#666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.iapp .swiper-button-prev, .iapp .swiper-button-next{ width:16px; height:20px; border-radius:0; overflow:hidden; outline:none; opacity:0.9;}
.iapp .swiper-button-prev{ background:url(../images/bpre02.png) no-repeat center center /cover; right:auto; left:3%;}
.iapp .swiper-button-next{ background:url(../images/bnext02.png) no-repeat center center /cover;left:auto; right:3%; left:auto}
.iapp .swiper-button-prev:hover{ background:url(../images/bpre02.png) no-repeat center center /cover; opacity:1}
.iapp .swiper-button-next:hover{ background:url(../images/bnext02.png) no-repeat center center /cover;  opacity:1}



.inews .conn{ position:relative; margin: 0 0 0 40px;}
.inews .conn .topnews{ position:absolute; left:0; top:0; width:32%; height:100%}
.inews .conn .sth{position:absolute; left:34%; top:0; width:32%; height:100%}
.inews .conn .other{width:32%; margin-left:68%}
.inews .conn .list{ border-bottom:solid 1px #aaa; margin-bottom:15px;}
.inews .conn .sth .list:last-child, .inews .conn .other .list:last-child{ margin-bottom:0}
.inews .conn .date{background:url(../images/date.png) no-repeat left center; padding-left:28px; color:#1a7db9; }
.inews .conn .topnews .date{background:url(../images/datew.png) no-repeat left center; color:#fff}
.inews .conn h3{ font-size:20px; line-height:24px; height:52px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; margin:10px 0}
.inews .conn .con p{line-height:24px; height:48px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; color:#333;}

.inews .conn .nsmore{background:url(../images/bnext02.png) no-repeat center center /cover;width:16px; height:20px;display:inline-block; position:relative; margin:30px 0;}

.inews .conn .nspic img{ display:none}
.inews .conn .sth .nspic{ position:absolute; left:0; top:0; width:100%; height:calc(50% - 5.5px); border-radius:15px; overflow:hidden}
.inews .conn .nspic div{ position:absolute; left:0; top:0; width:100%; height:100%;transition: all 1.5s; }
.inews .conn a:hover .nspic div { transform:scale(1.05);}

.inews .conn .sth .list:last-child{ width:100%; bottom:0; position:absolute; left:0}
.inews .conn .topnews{ border-radius:20px; overflow:hidden;}
.inews .conn .topnews .nspic{ position:absolute; left:0; top:0; width:100%; height:100%;}
.inews .conn .topnews .text{ padding:15px 25px; position:absolute; bottom:0; left:0; width:100%; z-index:2; background-image: linear-gradient(to bottom, transparent, #1a7db9);}
.inews .conn .topnews h3{ font-size:18px;color:#fff}



.footer{ background:#1a7db9;}
.footer .fcontent{ padding:65px 0 0 0;}
.footer ul {width: 100%;display:flex;display:-webkit-flex;justify-content: space-between; color:#fff}
.footer li {display:inline-block; }
.footer li h3{ font-size:18px; font-style:italic;  margin-bottom:20px; font-weight:bold; color:#fff; position:relative;}
.footer li  h3 a{ color:#fff}
.footer li:first-child{ margin-right:20px; max-width:550px}
.footer li:first-child .wcode { float:right; margin-top:10%; text-align:center}
.footer li:first-child .wcode img{ display:block; width:120px;}
.footer li:first-child .flogo h3{
	font-size:18px;
	margin-bottom:0;
	
}
.footer li:first-child .flogo h4{ font-size:14px; margin-bottom:20px;}
.footer li:first-child .item{ position:relative; padding-left:68px;}
.footer li:first-child .item h3{
	font-style:normal;
	font-size:16px;
	font-weight:normal;
	line-height: 24px;
}
.footer li:first-child .item:after{ content:""; position:absolute; left:0; top:50%; margin-top:-25px; width:50px; height:50px; border:solid 1px #fff; border-radius:50%}
.footer li:first-child .item.ftel:after { background:url(../images/ftel.png) no-repeat center center;}
.footer li:first-child .item.fadd:after { background:url(../images/fadd.png) no-repeat center center;}
.footer li:first-child .item.fmail:after { background:url(../images/fmail.png) no-repeat center center;}
.footer li:first-child .item.ficp:after { background:url(../images/ficp.png) no-repeat center center;}
.footer p, .footer p a{ color: rgba(255,255,255,0.9); }

.footer a:hover{ color:#fff; opacity:0.7}
.footer .copyright{ padding:40px 0; }



.nbanner, .nbanner .swiper-slide{ width:100%; position:relative;overflow: hidden;}
.nbanner img, .banner video{ display:block; width:100%; height:auto}
.nbanner .swiper-pagination{bottom: 4% !important;width: 100%;}
.nbanner .swiper-pagination-bullet{width: 12px;height: 12px; border-radius:50%; overflow:hidden; background: #fff;opacity:1;margin: 0 5px !important; opacity:0.6}
.nbanner .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#1a7db9; opacity:1}
.nbanner a{display: block;}
.nbanner .text{ position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; width:100%; z-index:99;}
.nbanner .text .wrap{ border-left:solid 1px #fff; padding-left:30px;}
.nbanner .text .wrap img{ height:45px; width:auto; display:block; margin-left:0 !important; margin-bottom:10px;}
.nbanner .text .wrap h3{ font-size:40px; font-weight:400; color:#fff; line-height:45px;}


.napp .item{ border-bottom:solid 1px #1a7db9; padding:50px 0}
.napp .item .wrap{ padding:0 40px;}
.napp .item .pic{ width:35%; border-radius:25px; overflow:hidden; float:right; border:solid 1px #222;}
.napp .item .text{ width:60%; float:left;}
.napp .item .text h3{ font-size:32px; margin:25px 0;}
.napp .item .text .con{ padding-bottom:40px;background:url(../images/dian.png) no-repeat left bottom;}
.napp .item .text p{ color:#444}


.nappdetail{ border-bottom:solid 1px #1a7cb9;}
.nappdetail .conn{ width:calc(100% - 80px); margin:0 auto;}
.nappdetail img{ max-width:100%;}


.protj .conn{ padding:0 20px; position:relative; margin-top:-20px;}
.protj .swiper-slide{ padding:20px;}
.protj .swiper-slide a {border-radius:25px;box-shadow: 0 0 15px rgba(26,125,185,0.1); padding:20px 25px; display:block}
.protj .swiper-slide:hover a {box-shadow: 0 0 15px rgba(26,125,185,0.3); }
.protj .swiper-slide .text{ text-align:left; margin-top:40px; background:url(../images/dian.png) no-repeat right center;}
.protj .swiper-slide .text h3{ font-size:18px; color:#000; margin-bottom:0px; font-weight:bold; margin-bottom:5px;}
.protj .swiper-slide .text p{ color:#1a7cb9;}

.protj .swiper-button-prev, .protj .swiper-button-next{ width:16px; height:20px; border-radius:0; overflow:hidden; outline:none; opacity:0.9;}
.protj .swiper-button-prev{ background:url(../images/bpre02.png) no-repeat center center /cover; right:auto; left:0;}
.protj .swiper-button-next{ background:url(../images/bnext02.png) no-repeat center center /cover;left:auto; right:0; left:auto}
.protj .swiper-button-prev:hover{ background:url(../images/bpre02.png) no-repeat center center /cover; opacity:1}
.protj .swiper-button-next:hover{ background:url(../images/bnext02.png) no-repeat center center /cover;  opacity:1}


.ncontact{ border-bottom:solid 1px #1a7cb9;}
.ncontact .conn{ max-width:1366px; margin:0 auto;}
.ncontact .lianxi{ margin-bottom:100px;display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.ncontact .lianxi .item{ width:33.33%; position:relative; text-align:center; border-right:dashed 1px #dedede}
.ncontact .lianxi .item:last-child{ border-right:none;}
.ncontact .lianxi .item .icon{ width:50px; margin:0 auto 20px auto;}
.ncontact .lianxi .item .icon img{ display:block; width:100%; height:auto;transition: all .5s ease;}
.ncontact .lianxi .item:hover .icon img{transform:rotateY(180deg);}
.ncontact .lianxi .item p{ font-size:18px;}
.ncontact .lianxi .item h3{ font-size:20px;}
.ncontact .feedback{ border-radius:45px; background:#fff;box-shadow: 0 0 15px rgba(0,0,0,0.15); padding:40px; position:relative }
.ncontact .feedback .ntitle{ margin-bottom:30px;}
.ncontact .feedback .ntitle h3{ font-size:24px; margin-bottom:5px;}
.ncontact .feedback .ntitle p{ font-size:18px; color:#888;}
.ncontact .feedback .ntitle p a{ border-bottom:solid 1px #1a7cb9; color:#1a7cb9;} 
.ncontact .feedback .message{ width:66.66%;}
.ncontact .feedback .erweima{ position:absolute; width:33.33%; top:50%; margin-top:-100px; font-size:18px; right:0; text-align:center}
.ncontact .feedback .erweima img{ display:block; margin:10px auto; width:170px;}

.message .row{ position:relative; clear:both}
.message .colum{position:relative;margin-bottom:15px; }
.message label{ position:absolute; left:0;top:0; line-height:42px; padding-left:15px}
.message label span{ color:#f00}
.message .row2 .colum{ width:49%; float:left}
.message .row2 .colum:nth-child(2){ float:right}
.message .inp{width: 100%; background:#f5f5f5; line-height:42px; border:none; padding: 0 15px;transition: border-color .5s; padding-left:80px;}

.message textarea{width: 100%;height:120px; display:block;border: none;background:#f5f5f5; line-height:24px;padding:15px;transition: border-color .5s;padding-left:135px;margin-bottom:20px; }
.message .submit{ width:200px; border-radius:15px; line-height:48px; height:48px; text-align:center; cursor:pointer; font-size:18px; border:0; background:#1a7db9; color:#fff; margin:0 auto; display:block;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.message input:hover, .message textarea:hover{box-shadow: 0 0 5px rgba(0,0,0,0.1);}

.hrlist{ margin:0 40px;}
.hrlist li{ width:32%;box-shadow: 0 0 15px rgba(26,125,185,0.1); border-radius:15px;  margin-right:2%; margin-bottom:2%; padding:3%; background:#fff; float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; position:relative}
.hrlist li:nth-child(3n){ margin-right:0;}
.hrlist li .icon{ width:20%; max-width:45px; height:auto; margin:0 auto;display:block;}
.hrlist li .icon img{ display:block; width:100%;}
.hrlist li .icon1{ display:none}
.hrlist li .tit{ font-size:20px; text-align:center;  padding:30px 0 20px; border-bottom:1px solid #d8d8d8}
.hrlist li .intro{line-height:26px; margin-top:15px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;overflow:hidden}
.hrlist li .more{ width:100%; height:45px; background:url(../images/dian.png) no-repeat right bottom; display:block;}
.hrlist li,.hrlist li:hover .tit,.hrlist li:hover .intro{ -webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;-ms-transition:.5s;transition:.5s; }
.hrlist li:hover{background: #3587bd; cursor:pointer}
.hrlist li:hover .icon{ display:none}
.hrlist li:hover .icon1{ display:block}
.hrlist li:hover .tit{ color:#fff}
.hrlist li:hover .intro{ color:#fff}
.hrlist li .hd{ position:fixed; width:100%; height:100%; top:0;left:0;color:#666; display:none; z-index:99999999999}
.hrlist li .hd .bg{ position:absolute; top:0;left:0; width:100%; height:100%; background:#000; opacity:0.8; filter:alpha(opacity=80); z-index:98}
.hrlist li .hd .closed{ width:32px; height:32px; display:block; background:url(../images/close.png) no-repeat center; background-size:100% auto; position:absolute; right:3%; top:3%; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;z-index: 99;}
.hrlist li .hd .closed:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
.hrlist li .hd .hr_con{ background:#fff; border-radius:30px; overflow:hidden; width:920px; height:70%; position:absolute;top:15%;left:50%; margin-left:-460px; padding:30px; line-height:38px; cursor:default; overflow-y:auto; z-index:99}
.hrlist li .hd .hr_con .tit_hd{ font-size:25px; color:#333; border-bottom:1px solid #e8e8e8; line-height:35px; padding-bottom:20px; margin-bottom:25px}

.aqlist{ margin:0 40px;}
.aqlist li{ background:#fff; border-radius:15px; box-shadow: 0 0 15px rgba(26,125,185,0.1);  padding:30px; margin-bottom:20px;}
.aqlist li:hover, .aqlist li.cur{box-shadow: 0 0 15px rgba(26,125,185,0.3);}
.aqlist li .aqlist_tit{background:url(../images/dian.png) no-repeat right center; font-size:20px; padding:5px 40px 5px 0; cursor:pointer;}
.aqlist li.cur .aqlist_tit{background:none;}
.aqlist li.cur .aqlist_tit {color:#3587bd}
.aqlist .aqlist_con{ display:none;color:#666; line-height:30px; padding-top:5px; position:relative;}
.aqlist .aqlist_con .cheng{ color:#3587bd; font-size:20px;}


.nab01, .nab02, .nab03{border-bottom:solid 1px #1a7cb9;}
.nab01 .intro{ width:60%; padding:40px; float:left; box-shadow: 0 0 15px rgba(26,125,185,0.1); border-radius:40px;}
.nab01 .intro p{ margin-bottom:10px;}
.nab01 .youshi{ width:36%; float:right;}
.nab01 .youshi .item{ box-shadow: 0 0 15px rgba(26,125,185,0.1); font-size:18px; border-radius:40px; padding:20px; text-align:center; width:36%; margin-bottom:35px;}
.nab01 .youshi .item:nth-child(1){ margin-left:64%;}
.nab01 .youshi .item:nth-child(2){ margin-left:43%;}
.nab01 .youshi .item:nth-child(3){ margin-left:21.5%;}
.nab01 .youshi .item h3{ font-size:30px; color:#3587bd;}


.nab02 .conn{ padding:0 20px; position:relative; margin-top:-20px;}
.nab02 .swiper-slide{ padding:20px;}
.nab02 .swiper-slide .out {border-radius:25px;box-shadow: 0 0 15px rgba(26,125,185,0.1); padding:60px 30px; display:block}
.nab02 .swiper-slide:hover .out {box-shadow: 0 0 15px rgba(26,125,185,0.3); }
.nab02 .swiper-slide .icon{ width:40%; max-width:135px; margin:0 auto 20px auto}
.nab02 .swiper-slide .icon img{ display: block; width:100%; height:auto}
.nab02 .swiper-slide .text{ text-align:left; margin-top:40px; }
.nab02 .swiper-slide .text h3{ font-size:24px; text-align:center; color:#000; margin-bottom:0px; margin-bottom:15px;}
.nab02 .swiper-slide .text .con{ height:340px; display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden; line-height:25px; background:url(../images/dian.png) no-repeat right bottom;}
.nab02 .swiper-button-prev, .nab02 .swiper-button-next{ width:16px; height:20px; border-radius:0; overflow:hidden; outline:none; opacity:0.9;}
.nab02 .swiper-button-prev{ background:url(../images/bpre02.png) no-repeat center center /cover; right:auto; left:0;}
.nab02 .swiper-button-next{ background:url(../images/bnext02.png) no-repeat center center /cover;left:auto; right:0; left:auto}
.nab02 .swiper-button-prev:hover{ background:url(../images/bpre02.png) no-repeat center center /cover; opacity:1}
.nab02 .swiper-button-next:hover{ background:url(../images/bnext02.png) no-repeat center center /cover;  opacity:1}



.nab03, .nab03 .wrap{ position:relative}
.nab03 .title { width:48%; position:absolute}
.nab03 .title p{ font-style:normal; color:#333; margin-top:20px; background:url(../images/dian.png) no-repeat left bottom; padding-bottom:30px;}
.nab03 .conn{ padding:0 40px}
.gallery-thumbs {width:calc(48% - 120px); position:absolute; left:80px; bottom:0}
.gallery-thumbs .swiper-slide { position:relative; padding-top:10px}
.gallery-thumbs .swiper-slide .picout{ display:block;padding:10px; width:100%; }
.gallery-thumbs .swiper-slide .picout .pic{box-shadow: 0 0 5px rgba(26,125,185,0.1); }
.gallery-thumbs .swiper-slide-active:after{ opacity:1}
.gallery-top {width: 48%;float:right;box-shadow: 0 0 15px rgba(26,125,185,0.1); border-radius:30px; }
.gallery-top .swiper-slide{padding:50px;}
.gallery-top .img2{ display:block; width:100%;height:auto}
.nab03 .swiper-slide .text{ display:block; background:#fff}
.nab03 .swiper-slide .text  h3{ text-align:center; font-size:18px; padding-bottom:15px; padding:15px;}
.nab03 .swiper-button-prev, .nab03 .swiper-button-next{ width:16px; height:20px; border-radius:0; overflow:hidden; outline:none; opacity:0.9; top:auto; bottom:70px;}
.nab03 .swiper-button-prev{ background:url(../images/bpre02.png) no-repeat center center /cover; right:auto; left:40px;}
.nab03 .swiper-button-next{ background:url(../images/bnext02.png) no-repeat center center /cover;right:auto; left: calc(48% - 24px);}
.nab03 .swiper-button-prev:hover{ background:url(../images/bpre02.png) no-repeat center center /cover; opacity:1}
.nab03 .swiper-button-next:hover{ background:url(../images/bnext02.png) no-repeat center center /cover;  opacity:1}

.nab04 .conn{ position: relative; padding:40px 40px 80px 40px; background:#fff;box-shadow: 0 0 15px rgba(26,125,185,0.1); border-radius:25px;}
.nab04 .swiper-pagination{bottom: 40px !important;width:calc(100% - 80px);}
.nab04 .swiper-pagination-bullet{width: 12px;height: 12px; border-radius:50%; overflow:hidden; background: #a1c6dc;opacity:1;margin: 0 5px !important; opacity:0.6}
.nab04 .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#1a7db9; opacity:1}
.nab04 .item{ width:16.66%; float:left; padding:20px;}


.topnews, .nprodetail{border-bottom:solid 1px #1a7cb9;}
.topnews .conn{ border-radius:25px; background:#fff; box-shadow: 0 0 15px rgba(26,125,185,0.1); margin:0 40px;}
.topnews .conn a{ display:block; display:table}
.topnews .pic{ width:50%; border-radius:25px; overflow:hidden; display: table-cell; vertical-align: middle;}
.topnews .text{ width:50%; padding:40px; display: table-cell; vertical-align: middle;}
.topnews .text h3{ font-size:20px;  margin-bottom:20px;}
.topnews .text p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden; color:#333 }
.topnews .text .date{background:url(../images/date.png) no-repeat left center; padding-left:28px; color:#1a7db9; margin-top:35px;}

.nappdetail .title p{ font-style:normal; margin-top:10px;}
.othernews .conn{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;  margin:0 40px;}
.othernews .conn .item{ width:32%; margin-right:2%; margin-bottom:2%;border-radius:25px; padding:25px 25px 35px 25px; background:#fff; box-shadow: 0 0 15px rgba(26,125,185,0.1);}
.othernews .conn .item:hover{box-shadow: 0 0 15px rgba(26,125,185,0.3);}
.othernews .conn .item:nth-child(3n){ margin-right:0;}
.othernews .conn .item .pic{border-radius:15px;}
.othernews .conn .item .text .date{background:url(../images/date.png) no-repeat left center; padding-left:28px; color:#1a7db9; margin-top:15px;}
.othernews .conn .item .text h3{ font-size:18px; line-height:24px; margin-top:20px;}


.newstj .conn{ padding:0 20px; position:relative; margin-top:-20px}
.newstj .swiper-slide { padding:20px;}
.newstj .swiper-slide a {border-radius:25px;box-shadow: 0 0 15px rgba(26,125,185,0.1); padding:20px 20px 30px 20px; display:block}
.newstj .swiper-slide a .pic{ border-radius:15px; overflow:hidden;}
.newstj .swiper-slide:hover a {box-shadow: 0 0 15px rgba(26,125,185,0.3); }
.newstj .swiper-slide .text{ text-align:left; background:url(../images/dian.png) no-repeat right bottom;}
.newstj .swiper-slide .text h3{ font-size:16px; color:#000; margin-bottom:0px; line-height:24px; height:52px;  margin-bottom:5px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.newstj .swiper-slide .text p.date{background:url(../images/date.png) no-repeat left center; padding-left:28px; color:#1a7db9; margin-top:15px; margin-bottom:5px;}

.newstj .swiper-button-prev, .newstj .swiper-button-next{ width:16px; height:20px; border-radius:0; overflow:hidden; outline:none; opacity:0.9;}
.newstj .swiper-button-prev{ background:url(../images/bpre02.png) no-repeat center center /cover; right:auto; left:0;}
.newstj .swiper-button-next{ background:url(../images/bnext02.png) no-repeat center center /cover;left:auto; right:0; left:auto}
.newstj .swiper-button-prev:hover{ background:url(../images/bpre02.png) no-repeat center center /cover; opacity:1}
.newstj .swiper-button-next:hover{ background:url(../images/bnext02.png) no-repeat center center /cover;  opacity:1}

.nnewslists .conn{ margin:0 40px;}
.nnewslists .conn .item{ padding:30px 0;border-bottom:solid 1px #1a7cb9;}
.nnewslists .conn .item:first-child{ padding-top:0}
.nnewslists .conn a{ display:block;}
.nnewslists .conn .pic{ float:right; width:30%; border-radius: 25px; overflow: hidden;border: solid 1px #222;}
.nnewslists .conn .text{ float:left; width:65%; padding-top:3%;}
.nnewslists .item .text h3{ font-size:20px; }
.nnewslists .item .text{ padding-bottom:40px;background:url(../images/dian.png) no-repeat left bottom; }
.nnewslists .item .text p{ color:#444; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; }
.nnewslists .item .text .date{background:url(../images/date.png) no-repeat left center; padding-left:28px; color:#1a7db9; margin-top:15px; margin-bottom:15px;}

.nprolist .conn{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;  margin:0 40px;}
.nprolist .conn .item{ width:23.5%; margin-right:2%; margin-bottom:2%;border-radius:25px; padding:25px 25px 35px 25px; background:#fff; box-shadow: 0 0 15px rgba(26,125,185,0.1);}
.nprolist .conn .item:hover{box-shadow: 0 0 15px rgba(26,125,185,0.3);}
.nprolist .conn .item:nth-child(4n){ margin-right:0;}
.nprolist .conn .item .pic{ border-bottom:solid 1px #f5f5f5;}
.nprolist .conn .item .text{ text-align:left; margin-top:20px; background:url(../images/dian.png) no-repeat right center;}
.nprolist .conn .item .text h3{ font-size:18px; line-height:24px;color:#000; margin-bottom:0px;  margin-bottom:5px;}
.nprolist .conn .item .text p{ color:#1a7cb9;}

.nappdetail .ntitle{ margin:40px;}
.nappdetail .ntitle h3{ font-size:24px; line-height:35px; margin-bottom:10px; }
.nappdetail .ntitle p.date{background:url(../images/date.png) no-repeat left center; padding-left:28px; color:#1a7db9; }

.nprodetail .conn{ margin:0 40px; min-height:300px; position:relative}
.nprodetail .conn .intro{ width:50%; font-size:18px; float:left; line-height:35px;}
.nprodetail .conn .intro h3{ font-size:30px; font-weight:bold; margin-bottom:15px;}
.nprodetail .conn .swiper-container{ width:40%; float:right; margin-top:-50px; }

.nprodetail .swiper-button-prev, .nprodetail .swiper-button-next{ width:16px; height:20px; border-radius:0; overflow:hidden; outline:none; opacity:0.9; top:auto; bottom:5px;}
.nprodetail .swiper-button-prev{ background:url(../images/bpre02.png) no-repeat center center /cover; right:auto; left:0;}
.nprodetail .swiper-button-next{ background:url(../images/bnext02.png) no-repeat center center /cover;left:auto; right:0; left:auto}
.nprodetail .swiper-button-prev:hover{ background:url(../images/bpre02.png) no-repeat center center /cover; opacity:1}
.nprodetail .swiper-button-next:hover{ background:url(../images/bnext02.png) no-repeat center center /cover;  opacity:1}

.nprodetail .conn .swiper-slide{ margin-bottom:50px;}
.nprodetail .conn .swiper-slide .img-dv .img2{ max-width:100%; max-height:100% !important; min-height:auto !important;}

.nprodetail .conn .swiper-slide .video{ position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:22;  border-radius:20px;}
.nprodetail .conn .swiper-slide .video a{ width:30px; height:30px; position:absolute; left:50%; top:50%; display:block; margin-left:-15px; margin-top:-15px; display:block; background:url(../images/bofang.png) no-repeat center center / cover;}
.nprodetail .conn .swiper-slide-active .video a{ width:40px; height:40px; margin-left:-20px; margin-top:-20px; display:block; background:url(../images/bofang.png) no-repeat center center / cover;}
.nprodetail .swiper-pagination-bullet{width: 12px;height: 12px; border-radius:50%; overflow:hidden; background: #a1c6dc;opacity:1;margin: 0 5px !important; opacity:0.6}
.nprodetail .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#1a7db9; opacity:1}
.nprodetail .swiper-container-horizontal>.swiper-pagination-bullets, .nprodetail .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:0 !important}

.nprodetail .detail{ padding-top:30px; margin-top:50px; }
.nprodetail .detail .ntitle{ margin:30px auto;}
.nprodetail .detail .ntitle h3{ font-size:30px;  font-weight:bold}
.nprodetail .detail .conn img{ max-width:100%;}
.nprodetail .detail .pleft{ width:65%; float:left}
.nprodetail .detail .pleft .kuai{ margin-bottom:30px;}
.nprodetail .detail .pleft .kuai .pic{ float:right; width:35%}
.nprodetail .detail .pleft .kuai .wenzi{ font-size:16px;float:left; width:60%;line-height:30px; }
.nprodetail .detail .pleft .kuai .wenzi h3{ font-size:24px; font-weight:bold; line-height:45px;}
.nprodetail .detail .pright{ width:25%; float:right}
.nprodetail .detail .pright .pkuai{margin-bottom:30px;}
.nprodetail .detail .pright .pkuai p{
	border-bottom: dotted 1px #999;
	line-height:24px;
	display:block;
	padding-top: 16px;
	padding-bottom: 16px;
}


.focusvideo{display: none; position: fixed;width: 100%;height: 100%;top:0; left:0;z-index: 9999;background-color: rgba(0, 0, 0, 0.85);}
.show-video{ display:block}
.video-show {position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; width:94%; max-width:920px; z-index:99;}
.focusvideo #videovl {width: 100%;height: 100%;}

.video-close{width:20px; height:20px; display:block; cursor:pointer; background:url(../images/close.png) no-repeat center; background-size:cover; position:fixed; right:4%; top:45px; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;z-index: 99;}
.video-close:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}