/* CSS Document */
#banner{ position:relative; max-width:1920px; left:50%; margin-left:-960px; display:table;}
.focus{width:100%; position:relative; float:left; overflow:hidden; left:50%; top:0; margin-left:-50%;}
.f426x240 li{position:absolute; left:0;top:0;}
.rslides{width:100%; position:relative; list-style:none;padding:0}
.rslides li{ width:100% !important;}
.rslides li img{ width:100%; height:800px; display:block;}
.rslides_nav{ height:85px; width:43px;position:absolute; text-indent:-9999px;overflow:hidden; left:272px; top:224px;z-index:999; display:block; background:url(/templets/tnjy/images/l.png) no-repeat;}
/*.rslides_nav:hover{ background:url(../images/l2.png) no-repeat;}
.rslides_nav:active{ background:url(../images/l2.png) no-repeat;}
.rslides_nav.next{left:1608px;background:url(../images/r.png) no-repeat;}
.rslides_nav.next:active{background:url(../images/r2.png) no-repeat;}
.rslides_nav.next:hover{ background:url(../images/r2.png) no-repeat;}*/
.rslides_tabs{clear:both; text-align:center; position:absolute; bottom:3%; right:200px; z-index:999; width:376px; height:14px;}
.rslides_tabs li{ float:left; margin-right:15px;}
.rslides_tabs a{ text-indent:-9999px;overflow:hidden; width:60px; height:3px;  display:block; background-color:rgba(255,255,255,0.3); background-color:#fff\0;}
.rslides_tabs .rslides_here a{ background-color:#E8E8E8;}

.left-nav{ width:270px; height:710px; padding-top:30px; position:absolute; left:0; top:60px; background-color:#1C3A7C; display:table; z-index:99999;}
.left-nav .list{ width:100%; position:relative;}
.left-nav .list span a{ display:block; width:90%; height:56px; line-height:56px; font-size:14px; color:#fff; border-bottom:1px solid #294483; padding-left:10%; background:url(../image/lftjt.png) no-repeat 90% center;}
.left-nav .list span a.on,
.left-nav .list span a:hover{ background-color:#009A36;}
.left-nav .list ul{ position:absolute; top:0; right:-158px; width:158px; padding:10px 0; background-color:#DCE8F2; display:none;}
.left-nav .list ul li{ width:100%; height:40px; line-height:40px;}
.left-nav .list ul li a{ display:block; width:75%; font-size:12px; color:#085E9D; line-height:40px; padding-left:25%; position:relative;}
.left-nav .list ul li a:before{ position:absolute; left:20px; top:-2px; content:'·'; font-size:35px; color:#085E9D;}
.left-nav .list ul li a:hover{ background-color:#1C3A7C; color:#fff;}
.left-nav .list ul li a:hover:before{ color:#fff;}

.waepr-tit{ width:100%; margin:80px auto 0; display:table; text-align:center;}
.waepr-tit h2{ font-size:30px; font-weight:bold; font-family:'Arial'; color:#000000; text-transform:uppercase;}
.waepr-tit h3{ font-size:16px; color:#389FEE; margin-top:3px; position:relative; text-transform:uppercase;}
.waepr-tit h3:before{ position:absolute; top:50%; left:-2%; content:''; width:49.5%; border-top:1px solid #E5E5E5; z-index:0;}
.waepr-tit h3:after{ position:absolute; top:50%; right:-2%; content:''; width:49.5%; border-top:1px solid #E5E5E5; z-index:0;}
.waepr-tit p{ font-size:14px; color:#A3A3A3; margin-top:12px;}
.waepr-tit2 h2, .waepr-tit2 h3, .waepr-tit2 p{ color:#fff;}
.waepr-tit2 h3:before{ position:absolute; top:50%; left:-2%; content:''; width:49.5%; border-top:1px solid #fff; border-color:rgba(255,255,255,0.4); z-index:0;}
.waepr-tit2 h3:after{ position:absolute; top:50%; right:-2%; content:''; width:49.5%; border-top:1px solid #fff; border-color:rgba(255,255,255,0.4); z-index:0;}


.news-list ul{ width:100%; display:table;}
.news-list ul li{ float:left; width:23%; margin:0 1%; margin-bottom:20px;}
.news-list ul li dl{ width:100%;}
.news-list ul li dt{ width:100%; height:auto; position:relative;}
.news-list ul li dt:after{ position:absolute; top:0; left:0; content:''; width:100%; height:100%; background:url(../image/sz.png) no-repeat center center; background-color:#389FEE; background-color:rgba(56,159,238,0.4); opacity:0;
}
.news-list ul li dt img{ width:100%; max-height:157px; display:block;}
.news-list ul li dd{ margin-top:15px;}
.news-list ul li dd span{ color:#B5B5B5; font-size:13px;}
.news-list ul li dd h3{ margin-top:5px; font-size:15px;;}
.news-list ul li dd h3 a{ color:#616161;}
.news-list ul li dd p{ margin-top:15px; line-height:1.7; color:#838383; min-height:61px;}
.news-list ul li dd font a{ display:block; width:77px; height:25px; text-align:center; line-height:25px; border:1px solid #C0C0C0; color:#666; margin:20px auto 0;}
.news-list ul li:hover dt:after{ opacity:1; cursor:pointer;}
.news-list ul li:hover dd h3 a{ color:#389FEE;}
.news-list ul li:hover dd font a{ background-color:#389FEE; color:#fff; border-color:#389FEE;}

.to-solve{ width:100%; height:782px; margin-top:60px; background:url(../image/fan-bg.jpg) no-repeat center center; background-size: cover; display:table;}
.sub-solve{ width:1200px; margin:120px auto 0; display:table;}
.sub-solve li{ float:left; margin:0 16px 20px; width:183px; height:183px; border-radius:50%; border:12px solid rgba(13,76,134,0.28); display:table; position:relative;}
.sub-solve li .img1{width:183px; height:183px;border-radius:50%; background-color:#fff; text-align:center; display:table;}
.sub-solve li .img1 img{ margin-top:53px;}
.sub-solve li .img1 h5{ margin-top:15px; font-size:16px; color:#000; position:relative;}
.sub-solve li .img1 h5:before{ position:absolute; left:33px; content:'/'; top:0; font-size:16px; color:#000;}
.sub-solve li .img1 h5:after{ position:absolute; right:33px; content:'/'; top:0; font-size:16px; color:#000;}
.sub-solve li .img2{ position:absolute; top:12px; left:12px; width:183px; height:183px;border-radius:50%; background:url(../image/ico9.png) no-repeat center center; background-size:100% 100%; text-align:center; display:table;
	opacity:0;
	transform:scale(0.5,0.5);
	-webkit-transform:scale(0.5,0.5);
	-moz-transform:scale(0.5,0.5);
	-ms-transform:scale(0.5,0.5);
}
@media screen and (-webkit-min-device-pixel-ratio:0){ 
  .sub-solve li .img2{ position:absolute; left:0; top:0;}
} 

.sub-solve li .img2 h3{ font-size:24px; color:#fff; font-weight:bold; margin-top:42%; position:relative;}
.sub-solve li .img2 h3:before{ position:absolute; left:20px; top:3px; content:'/'; font-size:18px; color:#fff;}
.sub-solve li .img2 h3:after{ position:absolute; right:20px; top:3px; content:'/'; font-size:18px; color:#fff;}
.sub-solve li:hover .img1{
	opacity:0;
	transform:scale(1.3,1.3);
	-webkit-transform:scale(1.3,1.3);
	-moz-transform:scale(1.3,1.3);
	-ms-transform:scale(1.3,1.3);
} 
.sub-solve li:hover .img2{
	opacity:1;
	transform:scale(1.0,1.0);
	-webkit-transform:scale(1.0,1.0);
	-moz-transform:scale(1.0,1.0);
	-ms-transform:scale(1.0,1.0);
}
.sub-solve li.gc2 .img2{ background:url(../image/ico4.png) no-repeat center center; background-size:100% 100%;}
.sub-solve li.gc3 .img2{ background:url(../image/ico2.png) no-repeat center center; background-size:100% 100%;}
.sub-solve li.gc4 .img2{ background:url(../image/ico6.png) no-repeat center center; background-size:100% 100%;}
.sub-solve li.gc5 .img2{ background:url(../image/ico8.png) no-repeat center center; background-size:100% 100%;}

.more a{ display:block; width:160px; height:38px; border:1px solid rgba(255,255,255,0.4); margin:100px auto 0; text-align:center; line-height:38px; font-size:14px; color:#fff; position:relative;}
.more span{ display:block; margin:0 auto 50px; width:160px; height:38px; position:relative;}

.more a:before{ width:0%; border-top:1px solid #fff; position:absolute; content:''; left:0; top:-1px;}
.more a:after{ width:0%; border-top:1px solid #fff; position:absolute; content:''; right:0; bottom:0px;}
.more span:before{ height:0%; position:absolute; content:''; left:0; bottom:0; border-left:1px solid #fff;}
.more span:after{ height:0%; position:absolute; content:''; right:-2px; top:0; border-left:1px solid #fff;}
.more span:hover:after,
.more span:hover:before{ height:100%;}
.more span:hover a:after,
.more span:hover a:before{ width:100%;}

.sub-slider{ width:1220px;padding-bottom:30px;}
.swiper-cint1 .swiper-wrapper{ width:100%;}
.swiper-cint1 .swiper-wrapper .swiper-slide{ }
.swiper-cint1 .swiper-wrapper .swiper-slide dl{ width:94%; height:329px; position:relative; padding:3%;}
.swiper-cint1 .swiper-wrapper .swiper-slide dl:after{ width:99%; height:99%; position:absolute; top:0; left:0; content:''; border:1px solid #CCCCCC; }
.swiper-cint1 .swiper-wrapper .swiper-slide dt img{ margin:50px auto 0; display:block;}
.swiper-cint1 .swiper-wrapper .swiper-slide dd{ position:absolute; left:0; bottom:-68px; width:92.6%; padding:10px;}
.swiper-cint1 .swiper-wrapper .swiper-slide dd h3{ font-size:14px; color:#565656;text-align:center; line-height:1.6;}
.swiper-cint1 .swiper-wrapper .swiper-slide dd p{ margin-top:20px; line-height:1.6;font-size:12px; color:#565656;}
.swiper-cint1 .swiper-wrapper .swiper-slide:hover dd{ bottom:0; background-color:#389FEE;}
.swiper-cint1 .swiper-wrapper .swiper-slide:hover dd h3,
.swiper-cint1 .swiper-wrapper .swiper-slide:hover dd p{ color:#fff;}
.sub-slider .swiper-button-next{ left:auto; right:-50px !important; width:37px; height:112px; margin-top:-56px !important; background:url(../image/lft2.png) no-repeat center center; background-color:#CACACA;}
.sub-slider .swiper-button-prev{ right: auto; left:-50px !important; width:37px; height:112px; margin-top:-56px !important; background:url(../image/lft1.png) no-repeat center center; background-color:#CACACA;}
.sub-slider .swiper-button-next:hover,
.sub-slider .swiper-button-prev:hover{ background-color:#389FEE;}

.partner{ width:100%; background-color:#F3F3F3; padding-bottom:78px; display:table;}
.wami{ width:1200px; margin:60px auto 0; display:table;}


#banner2{ position:relative;  max-width:100%; left:50%; margin-left:-50%; display:table;}

.wami .focus{width:100%; position:relative; float:left; overflow:hidden; left:50%; top:0; margin-left:-50%; padding-bottom:65px;}
.wami .f426x240 li{position:absolute; left:0;top:0;}
.wami .rslides{width:100%; position:relative; list-style:none;padding:0}
.wami .rslides li{ width:100% !important;}
.wami .rslides li span{ display:inline-block; width:22.7%; margin:1%;}
.wami .rslides li img{ width:50%; height:auto; padding:10% 25%; background:#fff; display:block;}
.wami .rslides_nav{ height:85px; width:43px;position:absolute; text-indent:-9999px;overflow:hidden; left:272px; top:224px;z-index:999; display:block; background:url(/templets/tnjy/images/l.png) no-repeat;}
/*.rslides_nav:hover{ background:url(../images/l2.png) no-repeat;}
.rslides_nav:active{ background:url(../images/l2.png) no-repeat;}
.rslides_nav.next{left:1608px;background:url(../images/r.png) no-repeat;}
.rslides_nav.next:active{background:url(../images/r2.png) no-repeat;}
.rslides_nav.next:hover{ background:url(../images/r2.png) no-repeat;}*/
.wami .rslides_tabs{clear:both; text-align:center; width:100%; height:14px; position:absolute; bottom:3%; left:50%; margin-left:-50%; z-index:999;}
.wami .rslides_tabs li{ float:none !important; display:inline-block; margin:0 7px;}
.wami .rslides_tabs a{ text-indent:-9999px;overflow:hidden; width:12px; height:12px;  display:block; border-radius:50%; border:1px solid #389FEE;}
.wami .rslides_tabs .rslides_here a{ background-color:#389FEE;}