@charset "utf-8";



@font-face {

  font-family: "ygymbxsjt";

  src: url("/web/20220421175211im_/http://thwlair.com/template/default/font/ygymbxsjt.woff2") format("woff2"),

       url("/web/20220421175211im_/http://thwlair.com/template/default/font/ygymbxsjt.woff") format("woff"),

       url("/web/20220421175211im_/http://thwlair.com/template/default/font/ygymbxsjt.ttf") format("truetype"),

       url("/web/20220421175211im_/http://thwlair.com/template/default/font/ygymbxsjt.eot") format("embedded-opentype"),

       url("/web/20220421175211im_/http://thwlair.com/template/default/font/ygymbxsjt.svg") format("svg"),

       url("/web/20220421175211im_/http://thwlair.com/template/default/font/ygymbxsjt.otf") format("opentype");

  font-weight: normal;

  font-style: normal;

}



body{margin:0px; font-size:12px; color:#fff; font-family:"微软雅黑"; cursor:default;}

*{padding:0px; margin:0px;}

body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td {margin:0; padding:0;}

h1,h2,h3,h4,h5,h6 {list-style:none; font-weight:normal;}

input,select,button,textarea{font-size:12px; font-family:"微软雅黑"; border:0; background:none; outline:none; vertical-align:middle;}

button {overflow:visible}

img{border:none;}

li{list-style:none;}

a{color:#fff; text-decoration:none;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;}

a:hover{color:#ddc7a6;}

.clear{overflow:hidden; clear:both; height:0px;}

.lf{float:left;}

.rt{float:right;}

.clearfix:after {content: '';display: block;clear: both;height: 0;visibility: hidden;}

.clearfix {/*兼容 IE*/zoom: 1;}



.con{width:1160px; margin:0 auto;}



/*导航*/

.fp-viewing-page1 .header{ background:none;}

.containe { width:90%; margin:0 auto;}

.header{width:100%; position:fixed; top:0; left:0; z-index:99;transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s; height:100px; background:rgba(13,31,115,0.2);}

.header.on{background:rgba(13,31,115,0.2); height:100px; z-index:99;}

.header .containe{position:relative;}

.header .logo{width:300px; float:left; margin:0px;transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;}

.header.on .logo{width:280px; margin:0px 0 0;}

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

.header .an{position:absolute; top:50%; right:15px; height:18px; width:30px; display:none;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%); }

.header .an span{width:30px; height:2px; background:#fff; display:block; position:absolute;transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;

-webkit-transition:all .5s;}

.header .an span.a1{top:0; left:0;}

.header .an span.a2{top:8px; left:0;}

.header .an span.a3{top:16px; left:0;}

.header .an.n span.a2{display:none;}

.header .an.n span.a1{top:8px; width:30px;transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);}

.header .an.n span.a3{top:8px; width:30px;transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);}

.header .nav{  float:right;}

.header .nav i{font-size:18px; color:#fff; line-height:54px; text-align:right; position:absolute; width:50%; height:54px; right:0px; top:50%; display:none;transform:translate(0,-50%);

-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);}

.header.on .nav{ float:right; margin-top:0px}

.header .nav ul li{margin:0px; line-height:100px; float:left; position:relative; padding:0 25px;transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;

-webkit-transition:all .5s;}

.header.on .nav ul li{line-height:100px;}

.header .nav ul li a{display:block; font-size:18px; color:#fff; text-transform:capitalize;}

.header.on .nav ul li a{display:block; font-size:18px; color:#fff;}

.header .nav ul li span{width:0; height:2px; background-color:#fff; position:absolute; left:50%; top:0;

transition:all .3s;

-o-transition:all .3s;

-ms-transition:all .3s;

-moz-transition:all .3s;

-webkit-transition:all .3s;

transform:translate(-50%,0);

-webkit-transform:translate(-50%,0);

-moz-transform:translate(-50%,0);

-ms-transform:translate(-50%,0);

-o-transform:translate(-50%,0);}

.header .nav ul li:hover span{width:100%;}

.header .nav ul li.on span{width:100%;}

.header .nav ul li:hover a {}

.nav .y_j{position:relative;}

.nav .e_j{width:140px; background:#0d1f73; position:absolute; top:100px; left:0px; display:none; z-index:9999; padding:10px 0px;}

/*.header.on .nav .e_j{box-shadow:0 2px 2px #aaa;}*/

.header .nav ul li .e_j a{display:block; font-size:16px; color:#fff; line-height:40px; text-align: center; font-weight:normal; }

.nav .e_j .ejy { position:relative}

.nav .e_j .s_j {width:150px; background-color:rgba(255,255,255,.8); position:absolute; top:0px; left:150px; display:none; z-index:9999;}

.header .nav .e_j a:hover{ color:#fff;}



/*fenye*/

.ncontent{ color:#333; line-height:180%; font-size:16px;}
.ncontent img{ max-width:100%;  height:auto !important;}

.m_content{

	margin-top:10px;

	font-family:"Microsoft YaHei";

           }

      .m_content h2{

          font-size:20px;

          text-align:center;

          font-family:"Microsoft YaHei";

           font-weight:normal;

		   padding-bottom:5px;

          }

		.page_content{

			min-height: 250px;

			line-height:180%;

			font-family:"Microsoft YaHei";

			font-size:16px;

			}

        .listpage{

            padding:5px;

            font-size:16px;

            font-family:"Microsoft YaHei";

            line-height:200%;

            }

            /*内容页*/

blank10{height:10px;}

.info {text-align:center;color:#333;margin-bottom:20px;  font-size:12px; border-bottom:1px dashed #ccc; padding-bottom:10px;}

.content{line-height:24px;}

.listpage {clear: both;text-align: center;}

.prevpage p,.prevpage p a{

			margin:10px 0;

			color:#333;

			}

			

.xiaocms-page { margin:20px auto 30px auto ; text-align:center;}

.xiaocms-page a {line-height:32px; color:#888; background-color:#fff; text-align:center; font-size:14px; border:1px solid #e7e7e7; width:32px; height:32px; margin:0 3px; display:inline-block;}

.xiaocms-page a:hover {  background-color: #0d1f73;border: 1px solid #0d1f73; color: #fff; }

.xiaocms-page span { line-height:32px;  text-align:center; font-size:14px;  width:32px; height:32px; margin:0 3px; display:inline-block;    background-color: #0d1f73;border: 1px solid #0d1f73; color: #fff;}



@media (min-width:1024px){

.header .nav .e_j{display:none !important;}

.header .nav ul li:hover .e_j{display:block !important;}

}

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

.header .nav ul li a{display:block; font-size:16px; color:#fff; text-transform:capitalize;}

.header.on .nav ul li a{display:block; font-size:16px; color:#fff;}

.header .nav ul li{margin:0px; line-height:100px; float:left; position:relative; padding:0 20px;transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;

-webkit-transition:all .5s;}

}

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

.header{border:0; height:70px;  width:100%}

.header.on { height:70px;}

.header .containe{ padding:0; overflow:hidden; width:92%;}

.header .logo{width:200px; margin:0px auto;}

.header.on .logo{width:200px; margin:0px auto;}

.header .an{display:block; right:10px;}

.header .an span { background:#fff;}

.header .nav ul { width: 100%;}

.header.on .nav {width:60%; margin-top:0}

.header .nav{width:90%; padding:15px 5%;  height:100%; position:fixed; top:80px; margin-top:0; left:-100%; z-index:99999999999999999999999999999999; overflow:auto; background:rgba(13,31,115,0.8);

transition:all .5s;

-o-transition:all .5s;

-ms-transition:all .5s;

-moz-transition:all .5s;

-webkit-transition:all .5s; z-index:65;}

.header .nav.on{left:0; margin-top:0}

.header.on .nav ul li a { font-size:16px; color:#fff;}

.header .nav i{display:block;}

.header .nav ul li{line-height:60px; text-align:left; float:none; margin:0; padding:0}

.header .nav ul li:after { background: rgba(0,0,0,0);}

.header.on .nav ul li{line-height:60px;}

.header .nav .e_j { width: 100%; position: relative;display: none;top: auto; left: auto; margin: 0;padding:0 0 0px; background:none; text-align:left;}

.header .nav ul li .e_j a { color:#fff; text-align:left;}

.header .nav ul li .e_j a:hover { color:#fff; text-align:left;}

.header .nav .e_j a{border-top:0; font-size:12px; color:#333; line-height:32px;}

.header .nav .e_j a:hover{background:none; color:#8c0000;}

.header .nav ul li:hover .e_j{display:none;}

.header .nav ul li a{font-size:18px; color:#fff; font-weight:normal;}

.header .nav ul li:hover span{width:0;}

.header .nav ul li.on span{width:0;}

}

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

.header .logo{width:180px; margin:10px auto;}

.header.on .logo{width:180px; margin:5px auto;}

.header{border:0; height:80px;  width:100%}

.header .nav { top:80px;}

}

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

.header .containe{ padding:0}

.header .logo{width:180px; margin:10px auto;}

.header.on .logo{width:180px; margin:5px auto;}

}







.head_h{width:100%; height:80px;}



.video{width:100%; height:100vh; overflow:hidden;}

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

.video{display:none;}

}

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

.video{display:none;}

}





.ssection-m2-jt{ position:relative; bottom:8%; width:100%; left:0; z-index:9999; text-align:center;}

.ssection-m2-jt img{ width:2%;}



.gallery-top{width:100%; height:100vh; position:absolute !important; top:0; left:0; z-index:9999;}

.gallery-top .swiper-slide{width:100%; height:100%; position:relative;}

.gallery-top .swiper-slide .hb{width:100%; height:100%;  position:absolute; left:0; top:0;}

.gallery-top .swiper-slide .wz{width:1000px; color:#fff; text-align:center; position:absolute; left:50%; margin-left:-500px; top:50%; margin-top:-0px;}

.gallery-top .swiper-slide .wz h3{font-size:58px; color:#fff; letter-spacing:3px; line-height:50px; margin-bottom:20px; font-family:ygymbxsjt;}

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

.ssection-m2-jt{ position:relative; top:45%; width:100%; left:0; z-index:9999; text-align:center;}

.ssection-m2-jt img{ width:5%;}

.gallery-top .swiper-slide.b1{background:url(/web/20220421175211im_/http://thwlair.com/template/default/images/bj-1.png) no-repeat center / cover;}

.gallery-top .swiper-slide.b2{background:url(/web/20220421175211im_/http://thwlair.com/template/default/images/bj-1.png) no-repeat center / cover;}

.gallery-top .swiper-slide.b3{background:url(/web/20220421175211im_/http://thwlair.com/template/default/images/bj-1.png) no-repeat center / cover;}

.gallery-top .swiper-slide .wz{width:90%; left:5%; margin-left:auto; top:45%; margin-top:-0.1rem;}

.gallery-top .swiper-slide .wz h3{font-size:40px;}

}

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

.ssection-m2-jt{ position:relative; top:45%; width:100%; left:0; z-index:9999; text-align:center;}

.ssection-m2-jt img{ width:5%;}

.gallery-top .swiper-slide.b1{background:url(/web/20220421175211im_/http://thwlair.com/template/default/images/bj-1.png) no-repeat center / cover;}

.gallery-top .swiper-slide.b2{background:url(/web/20220421175211im_/http://thwlair.com/template/default/images/bj-1.png) no-repeat center / cover;}

.gallery-top .swiper-slide.b3{background:url(/web/20220421175211im_/http://thwlair.com/template/default/images/bj-1.png) no-repeat center / cover;}

.gallery-top .swiper-slide .wz{width:90%; left:5%; margin-left:auto; top:45%; margin-top:-0.1rem;}

.gallery-top .swiper-slide .wz h3{font-size:1.5rem; line-height:2rem; margin-bottom:1rem;}

}







.hmc3L { float: left; height: 100%; width: 45.6%; background-position:right center; background-repeat:no-repeat; background-size:cover; }

.hmc3R{float:right; width:54.4%; height:100%;}

.hmc3rBox{margin-right:118px; display:flex; align-items:center; height:100%; padding-left:10.8%}

.hmc3_t{ line-height:46px; margin-bottom: 40px; font-size: 40px; margin-top:50px; }

.hmc3Des { font-size:16px; line-height: 28px; margin-bottom: 35px; color: #666; }

.hmc3Des  p{ text-indent:0;}

.hwz { font-size:24px; color:#0d1f73; margin-left:-20px;} 

.hwz a { padding:0px 20px; font-size:24px; color:#0d1f73;}



@media (min-width:1367px) and (max-width:1440px ) {

.hmc3_t{ line-height:46px; margin-bottom:10px; font-size: 40px; margin-top:50px; }

.hmc3Des { font-size:16px; line-height: 26px; margin-bottom:25px; color: #666; }

.hmc3Des  p{ text-indent:0;}

.hwz { font-size:20px; color:#0d1f73; margin-left:-20px;} 

.hwz a { padding:0px 20px; font-size:20px; color:#0d1f73;}

}

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

.hmc3L { display:none; }

.hmc3R{float:none; width:70%; margin:0px auto; text-align:center;}

.hmc3rBox{margin-right:50px; display:flex; align-items:center; height:100%; padding-left:5%}

.hmc3_t{ line-height:46px; margin-bottom: 20px; font-size: 40px; margin-top:50px; }

.hmc3Des { font-size:14px; line-height: 24px; margin-bottom: 20px; color: #666; }

.hmc3Des  p{ text-indent:0; text-align:left;}

.hwz { font-size:24px; color:#0d1f73; margin-left:-20px;} 

.hwz a { padding:0px 20px; font-size:24px; color:#0d1f73;}

}

@media (max-width:1023px){

.hmc3L{position:absolute; width:100%; top:0; left:0; opacity:0.1; background-size:100% auto;}

.hmc3R{width:92%; float:none; height:auto; padding:10% 4% 0 4%; position:relative; z-index:2;}

.hmc3rBox{display:block; margin:0; padding:0}

.hmc3_t{margin-top:0; font-size:28px; text-align:center;  margin-bottom:20px;}

.hmp3_ar{opacity:0.1;}

.hmc3Des { font-size:14px; line-height: 26px; margin-bottom:20px; color: #666; height:390px; OVERFLOW:hidden; }

.hmc3Des  p{ text-indent:0;}

.hwz { font-size:16px; color:#0d1f73; margin-left:-5px; margin-top:20px;} 

.hwz a { padding:0px 5px; font-size:16px; color:#0d1f73;}

}

@media (min-width:1366px){

.hmc3L{transition:all 0.5s ease-in-out; transform:translate(-200px,0px); opacity:0; }

.active .hmc3L{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}

}

.hmc3_t{transition:all 0.5s ease-in-out; transform:translate(200px,0px); opacity:0; }

.active .hmc3_t{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}

.hmc3Des{transition:all 0.5s ease-in-out; transform:translate(200px,0px); opacity:0; }

.active .hmc3Des{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}

.hwz { transition:all 0.5s ease-in-out; transform:translate(200px,0px); opacity:0;} 

.active .hwz {opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}





.sy_bt{width:100%; overflow:hidden; text-align:center; margin-bottom:40px;}

.sy_bt h3{font-size:35px; color:#0d1f73;  margin-bottom:15px;}

.sy_bt span{margin:10px auto; width:45px; border-bottom:1px solid #ea5413; border-top:1px solid #ea5413; display:block;}

@media (min-width:1367px) and (max-width:1440px ) {

.sy_bt{width:100%; overflow:hidden; text-align:center; margin-bottom:20px;}

}

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

.sy_bt{width:100%; overflow:hidden; text-align:center; margin-bottom:20px;}	

	}

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

.sy_bt{margin-bottom:10px;}

.sy_bt h3{font-size:1.6rem; margin-bottom:.5rem;}

.sy_bt span{margin:.5rem auto; width:10%;}

}

.sy_bt{transition:all 0.5s ease-in-out; transform:translate(0px,200px); opacity:0;}

.active .sy_bt{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}

.swiper-container-gcxl{transition:all 0.5s ease-in-out; transform:translate(200px,0px); opacity:0; }

.active .swiper-container-gcxl{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}

.sy_gc .wz{transition:all 0.5s ease-in-out; transform:translate(-200px,0px); opacity:0; }

.active .sy_gc .wz{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}



.mr {display: none;}

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

.mr {display:block;}

.mr{width:120px; height:30px; border:1px solid #0d1f73; line-height:30px; text-align:center; display:block; color:#0d1f73;transition:all .3s;-webkit-transition:all .3s;

-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s; margin:10px 0px 0px 0px;}

.mr a {color:#0d1f73; display:block; font-size:14px;}

.mr:hover a {background-color:#0d1f73; border:1px solid #0d1f73; color:#fff; display:block; font-size:14px;}

}



.sy_gc{width:80%; margin:0px auto; position:relative;}

.sy_gc .wz{width:720px; padding:40px; background: rgba(255, 255, 255, 0.7); position:absolute; top:27%; left:0;  z-index:98;}

.sy_gc .wz p{font-size:16px; line-height:32px; color:#333; text-indent:0;}

@media (min-width:1367px) and (max-width:1440px ) {

.sy_gc{width:90%; margin:0px auto; position:relative;}	

.sy_gc .wz{width:720px; padding:20px; background: rgba(255, 255, 255, 0.7); position:absolute; top:28%; left:0;  z-index:98;}

.sy_gc .wz p{font-size:15px; line-height:28px; color:#333; text-indent:30px;}

}

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

.sy_gc{width:90%; margin:0px auto; position:relative;}	

.sy_gc .wz{width:50%; padding:3%; background: rgba(255, 255, 255, 0.7); position:absolute; top:25%; left:0;  z-index:98;}

.sy_gc .wz p{font-size:14px; line-height:26px; color:#333; text-indent:30px;}

}

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

.sy_gc{width:94%; margin:0px auto; position:relative;}

.sy_gc .wz{width:92%; padding:4% 4% 6% 4%; position:relative; top:0; margin:0 auto 15px; left:0; }

.sy_gc .wz p{font-size:14px; line-height:26px; height:160px; OVERFLOW: hidden;}

}



.swiper-container-gcxl{width:800px; padding-left:140px; float:right; position:relative;}

.swiper-container-gcxl .swiper-wrapper{width:800px; overflow:hidden;}

.swiper-container-gcxl .swiper-slide img{width:100%; height:auto; display:block;}

.swiper-container-gcxl .swiper-button-prev{top:auto; bottom:0; left:auto; right:870px; width:50px; height:22px; margin-top:0; background:#e7e7e7 url(/web/20220421175211im_/http://thwlair.com/template/default/images/cpzj.png) no-repeat center right; -moz-background-size:auto; -webkit-background-size:auto; background-size:auto;

transition:all .3s;

-webkit-transition:all .3s;

-moz-transition:all .3s;

-ms-transition:all .3s;

-o-transition:all .3s;}

.swiper-container-gcxl .swiper-button-prev:hover{width:70px;}

.swiper-container-gcxl .swiper-button-next{top:auto; bottom:0; left:70px; right:auto; width:50px; height:22px; margin-top:0; background:#0d1f73 url(/web/20220421175211im_/http://thwlair.com/template/default/images/cpyj.png) no-repeat center left; -moz-background-size:auto; -webkit-background-size:auto; background-size:auto;

transition:all .3s;

-webkit-transition:all .3s;

-moz-transition:all .3s;

-ms-transition:all .3s;

-o-transition:all .3s;}

.swiper-container-gcxl .swiper-button-next:hover{width:70px;}

@media (min-width:1367px) and (max-width:1440px ) {

.swiper-container-gcxl{width:600px; padding-left:140px; float:right; position:relative;}

.swiper-container-gcxl .swiper-wrapper{width:600px; overflow:hidden;}

.swiper-container-gcxl .swiper-slide img{width:100%; height:auto; display:block;}

.swiper-container-gcxl .swiper-button-prev{top:auto; bottom:0; left:auto; right:70px; width:50px; height:22px; margin-top:0; background:#e7e7e7 url(/web/20220421175211im_/http://thwlair.com/template/default/images/cpzj.png) no-repeat center right; -moz-background-size:auto; -webkit-background-size:auto; background-size:auto;

transition:all .3s;

-webkit-transition:all .3s;

-moz-transition:all .3s;

-ms-transition:all .3s;

-o-transition:all .3s;}

.swiper-container-gcxl .swiper-button-next{top:auto; bottom:0; left:670px; right:auto; width:50px; height:22px; margin-top:0; background:#0d1f73 url(/web/20220421175211im_/http://thwlair.com/template/default/images/cpyj.png) no-repeat center left; -moz-background-size:auto; -webkit-background-size:auto; background-size:auto;

transition:all .3s;

-webkit-transition:all .3s;

-moz-transition:all .3s;

-ms-transition:all .3s;

-o-transition:all .3s;}

}

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

.swiper-container-gcxl{width:50%; padding-left:10%; float:right; position:relative;}

.swiper-container-gcxl .swiper-wrapper{width:100%; overflow:hidden;}

.swiper-container-gcxl .swiper-button-prev{top:auto; bottom:0; left:auto; right:92%;}

}

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

.swiper-container-gcxl{width:96%; padding:0; float:none; margin:0 auto;}

.swiper-container-gcxl .swiper-wrapper{width:100%;}

.swiper-container-gcxl .swiper-button-prev{left:20px; right:auto;}

.swiper-container-gcxl .swiper-button-prev:hover{left:0;}

}



/*业务板块*/

.product-cont { width:90%; height:650px; position:relative; margin-top:-20px; display:block; }

.swiper-container-cpxl { display:none;}

.product-img-box { width:50%; height: auto; position: relative; float:left; display:inline; }

.product-img {  width:100%; height: auto; position: absolute; left: 0; top: 0; z-index: 1; display: none;  }

.product-img .img-box { width:100%; height: auto;  overflow: hidden; border-radius:0px 30px 30px 0px;}

.product-img .img-box img { width:100%; height:auto;}

.product-cont .infos { width:58%; height: auto; padding-top: 0px; position:absolute; left:50%; top: 0; margin-left:40px; z-index: 3; float: right;display: inline;}

.product-cont .infos li { height:78px; padding-top:5px; position: relative;}

.product-cont li a { display: block; width: 100%; height: 100%; position: relative; left: 0; z-index: 2; -webkit-transition:all .5s ease-out;}

.product-cont li .s-img { float: left; display: block; width: 60px; height: 60px; border-radius:50%; border:solid 2px #0d1f73; overflow: hidden;}

.product-cont .s-img img { width: 50px; height: 50px; background:#1f37a5; border-radius: 50%; position: relative; top: 5px; left: 5px; z-index: 2; }

.product-cont li .txts { float: left; margin-left: 20px; width:80%; padding-top:0px; }

.product-cont .txts h3 { font-weight: bold; color: #333; padding-bottom:5px; font-size:16px; }

.product-cont .txts p { height:40px; line-height:20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color:#666; font-size:13px;}

.product-cont li .bg { width:100%; height:78px; background:#0d1f73;  position: absolute; left: -70px; top: 0; z-index: 1; display: none; border-radius:0px 0px 30px 0px;}

.product-cont li.cur p, .product-cont li.cur h3 { color: #fff; }

.product-cont li.cur .s-img { border:2px solid #fff; }

.product-cont li.cur a { left: -30px;}

.product-cont li.cur img { background-color:#2846ce;}

@media (min-width:1367px) and (max-width:1440px ) {

.product-cont { width:88%; height:400px; position:relative; margin-top:0px; display:block; left:12%; }

.swiper-container-cpxl { display:none;}

.product-img-box { width:59%; height: auto; position: relative; float:left; display:inline; margin-left:50px;}

.product-img {  width:100%; height: auto; position: absolute; left: 0; top: 0; z-index: 1; display: none;  }

.product-img .img-box { width:100%; height: auto;  overflow: hidden; border-radius:0px 30px 30px 0px;}

.product-img-box img { width:100%; height:auto;}

.product-cont .infos { width:60%; height: auto; padding-top: 0px; position:absolute; left:36%; top: 0; margin-left:40px; z-index: 3; float: right;display: inline;}

.product-cont .infos li { height:68px; padding-top:5px; position: relative;}

.product-cont li a { display: block; width: 100%; height: 100%; position: relative; left: 0; z-index: 2; -webkit-transition:all .5s ease-out;}

.product-cont li .s-img { float: left; display: block; width: 55px; height: 55px; border-radius:50%; border:solid 2px #0d1f73; overflow: hidden; background: rgba(255, 255, 255, 0.7);}

.product-cont .s-img img { width: 45px; height: 45px; background:#1f37a5; border-radius: 50%; position: relative; top: 5px; left: 5px; z-index: 2; }

.product-cont li .txts { float: left; margin-left: 20px; width:80%; padding-top:0px; }

.product-cont .txts h3 { font-weight: bold; color: #333; padding-bottom:0px; font-size:15px; }

.product-cont .txts p { height:40px; line-height:18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color:#666; font-size:13px;}

.product-cont li .bg { width:100%; height:68px; background:#0d1f73;  position: absolute; left: -70px; top: 0; z-index: 1; display: none; border-radius:0px 0px 30px 0px;}

.product-cont li.cur p, .product-cont li.cur h3 { color: #fff; }

.product-cont li.cur .s-img { border:2px solid #fff; }

.product-cont li.cur a { left: -30px;}

.product-cont li.cur img { background-color:#2846ce;}

}

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

.product-cont { display:none}

.swiper-container-cpxl{padding-bottom:60px; width:90%; display:block;}

.swiper-container-cpxl .swiper-slide{ background: rgba(255, 255, 255, 0.7);}

.swiper-container-cpxl .swiper-slide .wz{padding:10px;}

.swiper-container-cpxl .swiper-slide .wz h3{font-size:16px; font-weight:bold; margin-bottom:10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#333;}

.swiper-container-cpxl .swiper-slide .wz p{line-height:22px; margin-bottom:10px; color:#666;}

.swiper-container-cpxl .swiper-slide img{width:100%; height:auto; }

.swiper-container-cpxl .swiper-button-prev{top:auto; bottom:0; left:50%; right:auto; margin-left:-50px; width:50px; height:22px; margin-top:0; background:#e7e7e7 url(/web/20220421175211im_/http://thwlair.com/template/default/images/cpzj.png) no-repeat center right; -moz-background-size:auto; -webkit-background-size:auto; background-size:auto;

transition:all .3s;

-webkit-transition:all .3s;

-moz-transition:all .3s;

-ms-transition:all .3s;

-o-transition:all .3s;}

.swiper-container-cpxl .swiper-button-prev:hover{width:70px; margin-left:-70px;}

.swiper-container-cpxl .swiper-button-next{top:auto; bottom:0; left:auto; right:50%; margin-right:-50px; width:50px; height:22px; margin-top:0; background:#0d1f73 url(/web/20220421175211im_/http://thwlair.com/template/default/images/cpyj.png) no-repeat center left; -moz-background-size:auto; -webkit-background-size:auto; background-size:auto;

transition:all .3s;

-webkit-transition:all .3s;

-moz-transition:all .3s;

-ms-transition:all .3s;

-o-transition:all .3s;}

.swiper-container-cpxl .swiper-button-next:hover{width:70px; margin-right:-70px;}}

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

.product-cont{display:none}

.swiper-container-cpxl{width:90%; padding-bottom:0rem; display:block;}

.swiper-container-cpxl .swiper-slide{ background: rgba(255, 255, 255, 0.7);}

.swiper-container-cpxl .swiper-slide .wz{padding:.5rem;}

.swiper-container-cpxl .swiper-slide .wz h3{font-size:15px; margin-bottom:10px; color:#333;}

.swiper-container-cpxl .swiper-slide .wz p{line-height:22px; margin-bottom:10px; color:#666; font-size:13px;}

.swiper-container-cpxl .swiper-slide img{width:100%; height:250px; }

.swiper-container-cpxl .swiper-button-prev{top:auto; bottom:0; left:50%; right:auto; margin-left:-50px; width:50px; height:22px; margin-top:0; background:#e7e7e7 url(/web/20220421175211im_/http://thwlair.com/template/default/images/cpzj.png) no-repeat center right; -moz-background-size:auto; -webkit-background-size:auto; background-size:auto;

transition:all .3s;

-webkit-transition:all .3s;

-moz-transition:all .3s;

-ms-transition:all .3s;

-o-transition:all .3s;}

.swiper-container-cpxl .swiper-button-prev:hover{width:70px; margin-left:-70px;}

.swiper-container-cpxl .swiper-button-next{top:auto; bottom:0; left:auto; right:50%; margin-right:-50px; width:50px; height:22px; margin-top:0; background:#0d1f73 url(/web/20220421175211im_/http://thwlair.com/template/default/images/cpyj.png) no-repeat center left; -moz-background-size:auto; -webkit-background-size:auto; background-size:auto;

transition:all .3s;

-webkit-transition:all .3s;

-moz-transition:all .3s;

-ms-transition:all .3s;

-o-transition:all .3s;}

.swiper-container-cpxl .swiper-button-next:hover{width:70px; margin-right:-70px;}

}











.sy_zx { width:65%; margin:0px auto;}

.sy_zx .tp { width:48%; float:left; margin-left:1%;}

.sy_zx .tp img { width:100%; height:auto;}

.sy_zx .wz { width:46%; float:right; padding-top:40px; margin-right:1%;}

.sy_zx h1 { font-size:16px; font-family:Arial, Helvetica, sans-serif;}

.sy_zx span{margin:10px 0px; width:20px; border-bottom:1px solid #ea5413; border-top:1px solid #ea5413; display:block;}

.sy_zx .wz h2{ font-size:18px; color:#FFF; line-height:80px;}

.sy_zx .wz h2 a {font-size:18px; color:#FFF; }

.sy_zx .wz h2 a:hover { text-decoration:underline;}

.sy_zx .wz p { font-size:14px; line-height:24px;}

.sy_zx .wz .more { margin-top:20px;}

.sy_zx ul { margin-top:30px;}

.sy_zx ul li { width:27.3333333333%; background: rgba(0, 0, 0, 0.2); float:left; padding:2%; font-size:16px; color:#FFF; line-height:40px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin:0 1%;}

.sy_zx ul li a {font-size:16px; color:#FFF;} 

.sy_zx .morre{width:140px; height:40px;  line-height:40px; text-align:center; display:block; color:#fff;transition:all .3s;-webkit-transition:all .3s;

-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s; margin:30px auto 0px auto;}

.sy_zx .morre a {color:#fff; display:block; font-size:14px; border:1px solid #fff;}

.sy_zx .morre:hover a {background-color:#0d1f73; border:1px solid #0d1f73; color:#fff; display:block; font-size:14px;}

@media (min-width:1367px) and (max-width:1440px ) {

.sy_zx { width:80%; margin:0px auto;}

.sy_zx .tp { width:45%; float:left; margin-left:1%;}

.sy_zx span{margin:0px 0px; width:20px; border-bottom:1px solid #ea5413; border-top:1px solid #ea5413; display:block;}

.sy_zx .wz { width:50%; float:right; padding-top:20px; margin-right:1%;}

.sy_zx ul { margin-top:15px;}

.sy_zx ul li { width:27.3333333333%; background: rgba(0, 0, 0, 0.2); float:left; padding:0.5% 1.5%; font-size:16px; color:#FFF; line-height:40px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin:0 1%;}

.sy_zx .morre{width:140px; height:40px;  line-height:40px; text-align:center; display:block; color:#fff;transition:all .3s;-webkit-transition:all .3s;

-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s; margin:20px auto 0px auto;}

}

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

.sy_zx { width:70%; margin:0px auto; margin-top:-20px;}

.sy_zx .tp { width:48%; float:left; margin-left:1%;}

.sy_zx .tp img { width:100%; height:auto;}

.sy_zx .wz { width:46%; float:right; padding-top:20px; margin-right:1%;}

.sy_zx h1 { font-size:16px; font-family:Arial, Helvetica, sans-serif;}

.sy_zx span{margin:10px 0px; width:20px; border-bottom:1px solid #ea5413; border-top:1px solid #ea5413; display:block;}

.sy_zx .wz h2{ font-size:16px; color:#FFF; line-height:50px;}

.sy_zx .wz h2 a {font-size:16px; color:#FFF; }

.sy_zx .wz h2 a:hover { text-decoration:underline;}

.sy_zx .wz p { font-size:14px; line-height:24px;}

.sy_zx .wz .more { margin-top:10px;}

.sy_zx ul { margin-top:10px;}

.sy_zx ul li { width:27.3333333333%; background: rgba(0, 0, 0, 0.2); float:left; padding:1% 2%; font-size:16px; color:#FFF; line-height:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin:0 1%;}

.sy_zx ul li a {font-size:16px; color:#FFF;} 

.sy_zx .morre{width:140px; height:40px;  line-height:40px; text-align:center; display:block; color:#fff;transition:all .3s;-webkit-transition:all .3s;

-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s; margin:15px auto 0px auto;}

}

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

.sy_zx { width:92%; margin:0px auto;}

.sy_zx .tp { width:100%; float:none; margin-left:0%;}

.sy_zx .tp img { width:100%; height:auto;}

.sy_zx .wz { width:100%; float:none; padding-top:20px; margin-right:0%;}

.sy_zx h1 { font-size:16px; font-family:Arial, Helvetica, sans-serif;}

.sy_zx span{margin:10px 0px; width:20px; border-bottom:1px solid #ea5413; border-top:1px solid #ea5413; display:block;}

.sy_zx .wz h2{ font-size:16px; color:#FFF; line-height:40px;}

.sy_zx .wz h2 a {font-size:16px; color:#FFF; }

.sy_zx .wz h2 a:hover { text-decoration:underline;}

.sy_zx .wz p { font-size:14px; line-height:24px;}

.sy_zx .wz .more { margin-top:10px; display:none;}

.sy_zx ul { margin-top:30px; display:none;}

.sy_zx .morre { width:140px; height:35px;  line-height:35px; text-align:center; display:block; color:#fff;transition:all .3s;-webkit-transition:all .3s;

-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;display: block; margin:10px auto 0px auto;}

}

.sy_zx ul{transition:all 0.5s ease-in-out; transform:translate(0px,200px); opacity:0;}

.active .sy_zx ul{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}

.sy_zx .wz{transition:all 0.5s ease-in-out; transform:translate(200px,0px); opacity:0; }

.active .sy_zx .wz{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}

.sy_zx .tp{transition:all 0.5s ease-in-out; transform:translate(-200px,0px); opacity:0; }

.active .sy_zx .tp{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}







.nlxBox{width:65%; position:relative; margin:0 auto;}

.nlxL { float: left; width: 500px; background:#FFF; }

.nlxTop{ padding: 15px 28px 18px; font-size: 16px; line-height: 30px; margin-bottom: 10px; position: relative; display: block; cursor: pointer; background: #FFF; transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }

.nlxTop.on { color: #333; background: #fff;}

.nlxTop strong{ display: block; font-size: 28px; line-height: 65px; height: 65px; overflow: hidden; color:#0d1f73; transition:all 0.5s ease-in-out; }

.nlxTop.on strong{ color: #0d1f73}

.nlxTop i { font-size:16px; color:#666; padding-right:8px;}

.db {width:100%; background: rgba(0, 0, 0, 0.7); text-align:center; color:#FFF; position:absolute; z-index:99; bottom:0; padding:20px 0px; font-size:14px;}

@media (min-width:1367px) and (max-width:1440px ) {

.nlxBox{width:80%; position:relative; margin:0 auto;}

}

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

.nlxBox{width:90%; position:relative; margin:0 auto;}

.nlxL { float: left; width:35%; background:#FFF; }

.nlxTop{ padding: 10px 28px 10px; font-size: 16px; line-height: 30px; margin-bottom: 10px; position: relative; display: block; cursor: pointer; background: #FFF; transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }

.nlxTop strong{ display: block; font-size:20px; line-height:55px; height:55px; overflow: hidden; color:#0d1f73; transition:all 0.5s ease-in-out; }

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

}

@media (max-width:1023px){

.nlxBox{width:90%; position:relative; margin:0 auto;}

.nlxL{float:none; margin:0 auto; width:100%;}

.nlxTop strong{ display: block; font-size: 20px; line-height:55px; height: 55px; overflow: hidden; color:#0d1f73; transition:all 0.5s ease-in-out; }

.nlxTop{ padding: 10px 28px 18px; font-size: 14px; line-height: 30px; margin-bottom: 10px; position: relative; display: block; cursor: pointer; background: #FFF; transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }

.db {width:94%; background: rgba(0, 0, 0, 0.7); text-align:center; color:#FFF; position:absolute; z-index:99; bottom:0; padding:5% 3%;}

}



.nlxBox{transition:all 0.5s ease-in-out; transform:translate(-200px,0px); opacity:0; }

.active .nlxBox{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}







.nbanner { width:100%; height:auto; height:270px; text-align:center; color:#FFF; font-size:40px; padding-top:230px;}

@media (min-width:1000px) and (max-width:1360px ) {

.nbanner { width:100%; height:auto; height:350px;}

}

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

.nbanner { width:100%; height:auto; height:130px;  padding-top:140px; font-size:28px;}

}





.ny_ej{width:100%; border-bottom:1px solid #e7e7e7; padding:15px 0; font-size:15px; line-height:36px; position:relative; background:#f6f6f6;}

.ny_ej .w_z{position:relative; padding:0 5%; font-size:18px; background-color:#f6f6f6; line-height:50px; color:#0d1f73; display:none;}

.ny_ej .w_z i{float:right; font-size:15px; line-height:46px; color:#0d1f73;}

.ny_ej ul{text-align:center;}

.ny_ej ul li{margin:0 15px;  display:inline-block; color:#333;}

.ny_ej ul li a{display:block; font-size:18px; color:#333; padding:0 30px; border-radius:5px;}

.ny_ej ul li a:hover{ color:#fff; background:#0d1f73; display:block;}

.ny_ej ul li a.on{ color:#fff; background:#0d1f73; display:block;}

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

.ny_ej ul{text-align:center;}

.ny_ej ul li{margin:0 5px;  display:inline-block; color:#333;}

.ny_ej ul li a{display:block; font-size:16px; color:#333; padding:0 15px; border-radius:5px;}

.ny_ej ul li a:hover{ color:#fff; background:#0d1f73; display:block;}

.ny_ej ul li a.on{ color:#fff; background:#0d1f73; display:block;}

}



.nxwzx { width:65%;  margin:30px auto 50px auto; overflow:hidden;}

.nxwzx ul li{ width:31%; float:left; margin:1.15%;}

.nxwzx ul li img { width:100%; height:auto;}

.nxwzx ul li h1 {line-height:40px; height:40px; overflow:hidden; font-size:16px; font-weight:bold; padding:0; color:#333;}

.nxwzx ul li h1 a {font-size:16px; font-weight:bold; color:#333;}

.nxwzx ul li span{ font-size:13px; color:#999; height:20px;}

.nxwzx ul li p {line-height:24px; color:#666; font-size:14px; padding:10px 0px;}

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

.nxwzx ul li font { font-size:12px; color:#999; color:#0d1f73; line-height:40px;}

.nxwzx ul li font a {color:#999;}

@media (min-width:1367px) and (max-width:1440px ) {

.nxwzx {width:90%; padding:0px 5%;}

}

@media (min-width:1000px) and (max-width:1360px ) {

.nxwzx {width:90%; padding:0px 5%;}

}

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

.nxwzx { width:94%; padding:0px 0%; margin:15px auto 0px auto; overflow:hidden;}

.nxwzx ul li{ width:100%; margin:1% 0;}

.nxwzx ul li h1 {background:#FFF; line-height:40px; height:40px; overflow:hidden; font-size:14px; font-weight:bold; padding:0%; color:#333;}

.nxwzx ul li p {background:#FFF; padding:2% 0% 0% 0%; line-height:22px; width:100%;}

}



.footer{ width:100%; background: rgba(0, 0, 0, 0.7); text-align:center; color:#FFF; padding:20px 0px; font-size:14px;}

@media (max-width:1023px){

.footer{ width:100%; background: rgba(0, 0, 0, 0.7); text-align:center; color:#FFF; padding:20px 0px; font-size:14px;}

}







.nppsl {width:1200px; margin:30px auto 50px auto; overflow:hidden;}

.nppsl .left { float:left; width:52%;}

.nppsl .left h2{font-size:24px; color:#0d1f73; padding:20px 0px;}

.nppsl .left p { font-size:16px; line-height:30px; color:#333;}

.nppsl .right { float:right; width:45%; }

.nppsl .js { font-size:16px; line-height:30px; color:#333; padding:20px 0px;}

.nppsl .tp{ width:100%; padding:20px 0px;}

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

.nppsl { width:94%; padding:0px 3%; margin:20px auto; }

.nppsl .left {width:100%;}

.nppsl .left p { font-size:14px; line-height:28px;}

.nppsl .right {  width:100%; margin-top:10px; }

.nppsl .right img { width:100%;}

}



.ny_ry { width:65%; margin:40px auto 60px auto;}

.ny_ry ul li { width:23%;  margin:1%; float:left; text-align:center;}

.ny_ry ul li .tp {background:#FFF; box-shadow:0 1px 4px #999; border-radius:5px; width:100%; height: auto; overflow:hidden;}

.ny_ry ul li .tp img { width:100%; height: auto;}

.ny_ry ul li .tp img:hover{ -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s;}

.ny_ry ul li p{font-size:16px; text-align:center; padding-top:20px;}

.ny_ry ul li p a {font-size:16px; color:#333;}

@media (min-width:1367px) and (max-width:1440px ) {

.ny_ry { width:90%; margin:40px auto 60px auto;}

.ny_ry ul li { width:23%;  margin:1%; float:left; text-align:center;}

}

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

.ny_ry { width:90%; margin:40px auto 60px auto;}

}

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

.ny_ry { width:96%; margin:30px auto;}

.ny_ry ul li { width:46%;  margin:2%; float:left; text-align:center;}

.ny_ry ul li .tp {background:#FFF; box-shadow:0 1px 4px #999; border-radius:5px; width:100%; height:auto; overflow:hidden;}

.ny_ry ul li .tp img { width:100%; height: auto;}

.ny_ry ul li p{font-size:14px; text-align:center; padding-top:10px;}

.ny_ry ul li p a {font-size:14px; color:#333;}

}



.paging{width:100%; margin:30px auto ; text-align:center; overflow:hidden;}

.paging a{line-height:32px; color:#888; background-color:#fff; text-align:center; font-size:14px; border:1px solid #e7e7e7; width:32px; height:32px; margin:0 3px; display:inline-block;}

.paging a:hover{background-color:#0d1f73; border:1px solid #0d1f73; color:#fff;}

.paging a.on{background-color:#0d1f73; border:1px solid #0d1f73; color:#fff;}

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

.paging{margin:20px auto 30px auto ;}

.paging a{line-height:32px; font-size:14px; width:32px; height:32px; margin:0 3px; }











}



.ny_hz { width:65%; margin:40px auto 60px auto;}

.ny_hz ul li { width:18%;  margin:1%; float:left; text-align:center;}

.ny_hz ul li .tp {background:#FFF; box-shadow:0 1px 4px #999; border-radius:5px; width:100%; height: auto; overflow:hidden;}

.ny_hz ul li .tp img { width:100%; height: auto;}

.ny_hz ul li .tp img:hover{ -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s;}

.ny_hz ul li p{font-size:14px; text-align:center; padding-top:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.ny_hz ul li p a {font-size:14px; color:#333;}

@media (min-width:1367px) and (max-width:1440px ) {

.ny_hz { width:90%; margin:40px auto 60px auto;}

}

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

.ny_hz { width:90%; margin:40px auto 60px auto;}

.ny_hz ul li { width:18%;  margin:1%; float:left; text-align:center;}

}

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

.ny_hz { width:96%; margin:30px auto;}

.ny_hz ul li { width:46%;  margin:2%; float:left; text-align:center;}

.ny_hz ul li .tp {background:#FFF; box-shadow:0 1px 4px #999; border-radius:5px; width:100%; height:auto; overflow:hidden;}

.ny_hz ul li .tp img { width:100%; height: auto;}

.ny_hz ul li p{font-size:14px; text-align:center; padding-top:10px;}

.ny_hz ul li p a {font-size:14px; color:#333;}

}



.xwny { width:65%; margin:30px auto;}

.xwny ul li { border-bottom:1px dotted #cccccc; padding:20px 0px;}

.xwny ul li .rl {border:2px solid #0d1f73; border-radius: 2px; width:75px; height:45px;color:#0d1f73;font-size:20px; padding:15px 0px 20px 0px; float:left; text-align:center; font-family:Arial, Helvetica, sans-serif;}

.xwny ul li .rl font {color:#666;font-size:18px;display: inline-block;}

.xwny ul li .tu { float:left; margin-left:35px; width:30%;}

.xwny ul li .tu img { width:100%; height:auto;}

.xwny ul li .wz { width:58%; float:right; font-size:14px; line-height:24px; }

.xwny ul li .wz p { color:#333;}

.xwny ul li .wz a {font-size:14px; color:#0d1f73; }

.xwny ul li .wz h1 { font-size:17px; color:#0d1f73; margin:0px; padding:0px; height:35px; 

text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.xwny ul li .more2 { font-size:14px; margin-top:30px;}

@media (min-width: 1367px) and (max-width:1440px ) {

	.xwny { width:90%; margin:30px auto;}

	}

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

.xwny { width:90%; margin:30px auto;}

.xwny ul li .wz { width:54%; float:right; font-size:14px; line-height:24px; }

}

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

.xwny { width:96%; margin:10px auto;}

.xwny ul li .rl { display: none;}

.xwny ul li .tu { float:left; margin-left:0px; width:41%;}

.xwny ul li .tu img { width:100%; height:auto;}

.xwny ul li .wz { width:55%; float:right;font-size:12px; line-height:20px;}

.xwny ul li .wz h1 { font-size:14px; color:#0d1f73; height:25px; overflow:hidden; margin-top:0px;}

.xwny ul li .wz p {height:40px; overflow:hidden;}

.xwny ul li .more2 { font-size:14px; margin-top:5px;}

}



.ryny { width:65%; margin:30px auto;}

.ryny ul li { border-bottom:1px dotted #ddd; padding:20px 0px;}

.ryny ul li .tu { float:left; width:20%; padding:1%; border:1px solid #dddddd;}

.ryny ul li .tu img { width:100%; height:auto;}

.ryny ul li .wz { width:75%; float:right; font-size:14px; line-height:24px; }

.ryny ul li .wz p { color:#333;}

.ryny ul li .wz a {font-size:14px; color:#0d1f73; }

.ryny ul li .wz h1 { font-size:17px; color:#0d1f73; margin:0px; padding:0px; height:35px; 

text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.ryny ul li .more2 { font-size:14px; margin-top:30px;}

@media (min-width: 1367px) and (max-width:1440px ) {

.ryny { width:90%; margin:30px auto;}

}

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

.ryny { width:90%; margin:30px auto;}

.ryny ul li .wz { width:54%; float:right; font-size:14px; line-height:24px; }

}

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

.ryny { width:96%; margin:10px auto;}

.ryny ul li .tu { float:left; margin-left:0px; width:38%;}

.ryny ul li .tu img { width:100%; height:auto;}

.ryny ul li .wz { width:55%; float:right;font-size:12px; line-height:20px;}

.ryny ul li .wz h1 { font-size:14px; color:#0d1f73; height:25px; overflow:hidden; margin-top:0px;}

.ryny ul li .wz p {height:40px; overflow:hidden;}

.ryny ul li .more2 { font-size:14px; margin-top:5px;}

}



.ny_wig {width:96%; margin:0px auto; background:#FFF; padding:30px 0px 30px 0px;}

.ny_wig ul li { width:31.3333333333%; margin:0 1% 2% 1%; float:left;}

.ny_wig ul li .tp {}

.ny_wig ul li .tp img { width:100%;}

.ny_wig ul li .wz { text-align:left;}

.ny_wig ul li .wz h1{ font-size:18px; font-family:tt0140m; line-height:50px; color:#333;}

.ny_wig ul li .wz p{ font-size:14px; line-height:24px; color:#666; text-align:left;}

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

.ny_wig {width:96%; margin:0px auto; background:#FFF; padding:0px 0px 0px 0px;}

.ny_wig ul li { width:100%; margin:0 0 4% 0; float: none;}

.ny_wig ul li .tp {}

.ny_wig ul li .tp img { width:100%;}

.ny_wig ul li .wz { text-align:left;}

.ny_wig ul li .wz h1{ font-size:16px; font-family:tt0140m; line-height:40px; color:#333}

.ny_wig ul li .wz p{ font-size:13px; line-height:24px; color:#666; text-align:left;}

}





.ny_gywm { font-size:16px; line-height:36px; margin-bottom:35px; color:#fff; width:100%; margin:0px auto; position:absolute; top:30%; left:0; z-index:9999999999999999;}

.ny_gywm  p{ text-indent:0px; width:70%; margin:0px auto;}

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

.ny_gywm  p{ text-indent:0; width:90%; margin:0px auto;}

}

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

.ny_gywm { font-size:13px; line-height:22px; margin-bottom:35px; color:#fff; width:100%; margin:0px auto; position:absolute; top:15%; left:0; z-index:9999999999999999;}

.ny_gywm  p{ text-indent:0; width:86%; margin:0px auto;}

	}



.ny_gywm{transition:all 0.5s ease-in-out; transform:translate(0px,200px); opacity:0;}

.active .ny_gywm{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}



.ny_jtys { width:65%; margin:0px auto 150px auto; text-align:center;}

.ny_jtys p{font-size:18px; line-height:36px; color:#333; padding:0px 150px;}

.ny_jtys .ys { text-align:center; padding-top:30px;}

.ny_jtys a{ font-size:42px;  padding:0px 30px; color:#091d73; text-align:center;}

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

.ny_jtys { width:90%; margin:0px auto; text-align:center;}

.ny_jtys p{font-size:18px; line-height:36px; color:#333; padding:0px 100px;}

}

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

.ny_jtys { width:90%; margin:0px auto; text-align:center;}

.ny_jtys p{font-size:15px; line-height:30px; color:#333; padding:0px;}

.ny_jtys .ys { text-align:center; padding-top:30px;}

.ny_jtys a{ font-size:24px;  padding:0px 0px; color:#091d73; text-align:center; width:50%; float:left; line-height:50px;}

}



.ny_jtys{transition:all 0.5s ease-in-out; transform:translate(0px,200px); opacity:0;}

.active .ny_jtys{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}





.zc_zc { width:65%; margin:0px auto;}

.zc_zc .tp { width:40%; float:left; margin-left:1%;}

.zc_zc .tp img { width:100%; height:auto; border-radius:20px;}

.zc_zc .wz { width:52%; float:right;  margin-right:1%;  background: rgba(255, 255, 255, 0.5); padding:3%; border-radius:0px 20px 20px 0px; margin-top:3%;}

.zc_zc .wz p { font-size:16px; line-height:36px;/* text-indent:40px;*/ color:#333;}

@media (min-width:1367px) and (max-width:1440px ) {

.zc_zc { width:80%; margin:0px auto;}

.zc_zc .tp { width:36%; float:left; margin-left:1%;}

.zc_zc .wz { width:58%; float:right;  margin-right:1%; padding:2%;}

.zc_zc .wz p { font-size:15px; line-height:30px;/* text-indent:40px;*/ color:#333;}

}

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

.zc_zc { width:90%; margin:0px auto; margin-top:-20px;}

.zc_zc .tp { width:36%; float:left; margin-left:1%;}

.zc_zc .wz { width:58%; float:right;  margin-right:1%; padding:2%;}

.zc_zc .wz p { font-size:15px; line-height:30px; /*text-indent:40px;*/ color:#333;}

.zc_zc .wz p { font-size:15px; line-height:30px;}

}

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

.zc_zc { width:90%; margin:0px auto;}

.zc_zc .tp { width:100%; float:none; margin-left:0%; display:none;}

.zc_zc .tp img { width:100%; height:auto;}

.zc_zc .wz { width:94%; float:none;  margin-right:0%; border-radius:20px; }

.zc_zc .wz p { font-size:14px; line-height:24px;}

}



.zc_zc .wz{transition:all 0.5s ease-in-out; transform:translate(200px,0px); opacity:0; }

.active .zc_zc .wz{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}

.zc_zc .tp{transition:all 0.5s ease-in-out; transform:translate(-200px,0px); opacity:0; }

.active .zc_zc .tp{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}





.gallery-thumbs{width:100%; margin:30px auto;}

.gallery-thumbs .swiper-slide{font-size:28px; line-height:32px; color:#333; padding-bottom:30px; border-bottom:1px solid #ccc; text-align:center;}

.gallery-thumbs .swiper-slide font { font-size:18px;}

.gallery-thumbs .swiper-slide.swiper-slide-active{color:#ea5413; background:url(/web/20220421175211im_/http://thwlair.com/template/default/images/sj.png) no-repeat bottom center;}

.gallery-thumbs .swiper-button-prev{background:url(/web/20220421175211im_/http://thwlair.com/template/default/images/left_ico.png) no-repeat; left:0;}

.gallery-thumbs .swiper-button-next{background:url(/web/20220421175211im_/http://thwlair.com/template/default/images/right_ico.png) no-repeat; right:0;}

.gallery-thumbs .swiper-button-next, .gallery-thumbs .swiper-button-prev{width:30px; height:30px; margin-top:-28px;-moz-background-size:30px 30px;

-webkit-background-size:30px 30px;

background-size:30px 30px;}

.gallery-top-n{width:100%; margin:70px auto 0;}

.gallery-top-n .swiper-slide .wz{width:100%; text-align:center;}

.gallery-top-n .swiper-slide .wz h2{ font-size:34px; color:#333; height:60px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

.gallery-top-n .swiper-slide .wz p{font-size:16px; color:#666; line-height:32px; padding:0px 100px;  }

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

.gallery-thumbs{width:90%; margin:30px auto;}

}

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

.gallery-thumbs{width:90%; margin:30px auto;}

}

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

.con{width:94%; margin:30px auto;}

.gallery-thumbs{margin:0 auto 1rem;}

.gallery-thumbs .swiper-slide{font-size:20px; line-height:24px; color:#333; padding-bottom:30px; border-bottom:1px solid #ccc; text-align:center;}

.gallery-thumbs .swiper-slide font { font-size:14px;}

.gallery-thumbs .swiper-slide.swiper-slide-active{background-size:.8rem .5rem;}

.gallery-thumbs .swiper-button-next, .gallery-thumbs .swiper-button-prev{width:20px; height:20px; margin-top:-20px;-moz-background-size:20px 20px;

-webkit-background-size:20px 20px;

background-size:20px 20px;}

.gallery-top-n{width:100%; margin:30px auto 0;}

.gallery-top-n .swiper-slide .wz{width:100%; text-align:center;}

.gallery-top-n .swiper-slide .wz h2{ font-size:20px; color:#333; height:40px;}

.gallery-top-n .swiper-slide .wz p{font-size:14px; color:#666; line-height:24px; padding:0px 0px;  }

}





.gallery-thumbs{transition:all 0.5s ease-in-out; transform:translate(0px,200px); opacity:0;}

.active .gallery-thumbs{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}

.gallery-top-n{transition:all 0.5s ease-in-out; transform:translate(0px,200px); opacity:0;}

.active .gallery-top-n{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
/*
     FILE ARCHIVED ON 17:52:11 Apr 21, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 05:59:14 Oct 24, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.574
  exclusion.robots: 0.039
  exclusion.robots.policy: 0.028
  esindex: 0.011
  cdx.remote: 24.077
  LoadShardBlock: 460.856 (3)
  PetaboxLoader3.datanode: 157.198 (4)
  PetaboxLoader3.resolve: 139.458 (3)
  load_resource: 192.794
*/