/* CSS Document */
.contari{ width:1200px; position:relative; left:50%; margin-left:-600px; margin-top:100px; }
.contari-tit{ width:100%;}
.contari-tit2{ margin-top:100px;}
.contari-tit h3{ float:left; font-size:30px; padding-bottom:20px; color:#389FEE; text-transform:uppercase;}
.contari-tit p{ float:right; font-size:14px; color:#909090; margin-top:12px;}
.contari-tit p font,
.contari-tit p span,
.contari-tit p a{ display:inline-block; margin-left:6px;}
.contari-tit p a:hover{ color:#389FEE;}
.main-contari{ width:100%; margin:100px 0;}
.main-contari li{ float:left; width:19.8%; margin:0 0.1% 20px;}
.main-contari li dl{ width:100%;}
.main-contari li dl dt{ width:100%; height:auto; overflow:hidden;}
.main-contari li dl dt img{ width:100%; display:block;}
.main-contari li dl dd{ width:100%; padding:20px 0; background-color:#fff; text-align:center;}
.main-contari li dl dd h4{ font-size:18px; color:#2D2D2D;}
.main-contari li dl dd p{ text-transform:uppercase; color:#CECECE; margin-top:5px;}
.main-contari li dl:hover dt img{
	transform: scale(1.02,1.02);
	-webkit-transform: scale(1.02,1.02);
	-moz-transform: scale(1.02,1.02);
	-ms-transform: scale(1.02,1.02);	
}
.main-contari li dl:hover dd{ background-color:#389FEE;}
.main-contari li dl:hover dd h4,
.main-contari li dl:hover dd p{ color:#fff;}

.main-contari li:nth-of-type(odd){
	transform:translateY(-120px);
	-webkit-transform:translateY(-120px);
	-moz-transform:translateY(-120px);
	-ms-transform:translateY(-120px);
	opacity:0;
}

.main-contari li:nth-of-type(even){
	transform:translateY(120px);
	-webkit-transform:translateY(120px);
	-moz-transform:translateY(120px);
	-ms-transform:translateY(120px);
	opacity:0;
}
.main-contari li:nth-of-type(odd).active, 
.main-contari li:nth-of-type(even).active{
	transform:translateY(0px);
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	-ms-transform:translateY(0px);
	opacity:1;	
}

.banner{ width:100%;  position:relative; left:0; top:0; }
.banner img{ width:100%; display:block;}

.waper-contaner { }

.nav-list ul{ width:100%; margin:35px 0;}
.nav-list li{ float:left; width:20%; height:50px; line-height:50px; text-align:center;}
.nav-list li a{ display:block; width:100%; height:50px; font-size:15px; color:#fff; position:relative;}
.nav-list li a:after{ position:absolute; left:0; top:0; content:''; width:100%; height:100%; top:50%; z-index:-1;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
.nav-list li.cor1 a, .nav-list li.cor1 a:after{ background-color:#389FEE;}
.nav-list li.cor2 a, .nav-list li.cor2 a:after{ background-color:#009A36;}
.nav-list li.cor3 a, .nav-list li.cor3 a:after{ background-color:#FEBA00;}
.nav-list li.cor4 a, .nav-list li.cor4 a:after{ background-color:#1867C7;}
.nav-list li.cor5 a, .nav-list li.cor5 a:after{ background-color:#00C505;}

.nav-list li a:hover:after{ height:140%;}
.nav-list li a.current:after{ height:140%;}

.solveprogram{ width:100%; margin-top:75px;}

.sub-prom li{ float:left; width:23%; margin:0 1% 25px;}
.sub-prom li dl dt img{ width:100%; height:201px; display:block; border:1px solid #CDCDCD;}
.sub-prom li dl dd{ margin-top:15px;}
.sub-prom li dl dd h3 a{ font-size:13px; color:#616161;}
.sub-prom li dl dd span a{ display:block; width:78px; height:25px; color:#B0B0B0; border:1px solid #C0C0C0; text-align:center; line-height:25px; margin-top:25px;}
.sub-prom li:hover dt img{ opacity:0.9;}
.sub-prom li:hover dl dd h3 a{ color:#4DA6EF;}
.sub-prom li:hover dl dd span a{ background-color:#4DA6EF; border-color:#4DA6EF; color:#fff;}

.fy{ width:100%; margin:84px 0;}
.fy a{ display:inline-block; padding:3px 10px; margin-right:5px; font-weight:normal; font-size:14px; color:#000;}
.fy a.next,
.fy a.prver{ background-color:#F5F5F5;}
.fy a.current,
.fy a:hover{ background-color:#389FEE; color:#fff;}

.detail{ width:100%; margin-top:55px;}
.sub-detail{ width:100%; text-align:center;}
.sub-detail h2{ font-size:24px; font-weight:bold; color:#2D2D2D;}
.sub-detail p{ width:100%; padding:10px 0; margin-top:25px; background-color:#F5F5F5;}
.sub-detail p span{ display:inline-block; margin-right:40px; font-size:14px; color:#8C8C8C;}

.main-detail{ width:100%; margin-top:70px; padding-bottom:50px; border-bottom:1px dotted #D1D1D1;}
.main-detail p{ font-size:13px; color:#504C5D; line-height:2; margin-top:5px;}
.main-detail h3{ font-size:18px; font-weight:bold; color:#389FEE; margin:35px 0 10px; padding-bottom:10px; border-bottom:1px dashed #D1D1D1;}
.main-detail .lft-cont,
.main-detail .rit-cont{ float:left;  width:50%;}
.main-detail p strong{ color:#389FEE;}
.main-detail .rit-cont img{ /*width:100%; height:auto;*/ display:block; border:1px solid #AFAFAF; margin:0 auto;}

.xz a{  display:block; width:190px; height:30px; background-color:#f5f5f500; color:#fff; font-size:14px; text-align:center; line-height:30px; border-radius:5px; margin:50px auto 0;}

.related{ width:100%; margin-top:60px; display:table;}
.related h3{ font-size:24px; color:#389FEE;}
.relat-list{ width:100%; margin:30px 0 50px;}
.relat-list li{ float:left; width:15.5%; margin:0 0.5%; border:1px solid #DEDEDE;}
.relat-list li dl dt img{ width:80%; height:142px; display:block; margin:20px auto 0;}
.relat-list li dl dd{ width:100%; text-align:center; margin:30px 0; text-transform:uppercase; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.main-related{ width:100%;}
.main-related li{ float:left; width:18%; height:320px; margin:0 0.9% 20px; border:1px solid #CCCCCC; overflow:hidden;}
.main-related li dl{ position:relative; height:100%;}
.main-related li dl dt img{ width:70%; margin:20px auto 0; display:block;}
.main-related li dl dd { position:absolute; width:100%; left:0; bottom:-40px; padding:20px 0; text-align:center;}
.main-related li dl dd h3{ width:88%; height:20px; overflow:hidden; margin:10px auto 0; line-height:1.6;}
.main-related li dl dd h3 b{ font-weight:normal; font-size:14px;}
.main-related li dl dd p{ width:88%; height:32px; margin:20px auto 0; line-height:1.6;}
.main-related li:hover dd{ background-color:#389FEE; bottom:10px;}
.main-related li:hover dd h3,
.main-related li:hover dd p{ color:#fff;}

.three-nav{ width:100%; border-top:1px solid #389FEE; text-align:center;}
.three-nav span{display:inline-block; margin-top:30px; width:115px; height:40px; color:#909090; text-align:center; font-size:14px;}
.three-nav a{ color:#909090; font-size:14px;}
.three-nav span:hover{ background:url(../image/sj.jpg) no-repeat center bottom;}
.three-nav span:hover a{ color:#389FEE; font-weight:bold;}
.three-nav span.on{ background:url(../image/sj.jpg) no-repeat center bottom;}
.three-nav span.on a{ color:#389FEE; font-weight:bold;}
.three-nav font{ display:inline-block; height:10px; border-right:1px solid #CCCCCC;}
.three-nav font:last-child{ display:none;}

.wapr-nav{ width:100%; display:table; margin-top:40px;}
.wapr-nav a{ float:left; width:50%; padding:10px 0; background-color:#F0F3F6; text-align:center; font-size:14px;}
.wapr-nav2 a{ width:33.333%;}
.wapr-nav a.on,
.wapr-nav a:hover{ background-color:#389FEE; color:#fff;}

.main-down{ width:1920px; position:relative; left:50%; margin-left:-960px; margin-top:50px; display:table;}
.main-down .sub-down{ width:100%;}
.main-down .sub-down li{ width:100%; padding:40px 0; border-bottom:1px dotted #DFDFDF; cursor:pointer;}
.main-down .sub-down li article{ width:1200px; margin:0 auto;}
.main-down .sub-down li article h3{ width:100%; height:22px; background:url(../image/xx1.png) no-repeat left center;}
.main-down .sub-down li article h3 a{ display:inline-block; margin-left:40px; color:#232323; font-size:15px; line-height:1.6;}
.main-down .sub-down li article p{ color:#959595; line-height:1.8; margin-top:20px; font-size:14px;}
.main-down .sub-down li:hover{ background-color:#1867C7;}
.main-down .sub-down li:hover h3{ background:url(../image/xx2.png) no-repeat left center;}
.main-down .sub-down li:hover article h3 a{ color:#fff;}
.main-down .sub-down li:hover article p{ color:#fff;}

.main-down2{ width:100%; margin-top:50px;}
.main-down2 ul{ width:100%;}
.main-down2 ul li{ display:table; width:100%; padding:10px 0; background:url(../image/hd1.png) no-repeat 10px center;}
.main-down2 ul li p span{ float:left; margin-left:30px; font-size:13px; line-height:40px;}
.main-down2 ul li p a{ float:right; width:110px; height:40px; margin-right:20px; font-size:14px; text-align:center; line-height:40px; border-radius:4px; background-color:#D9E0E8; color:#414141;}
.main-down2 ul li:hover{ background:url(../image/hd2.png) no-repeat 10px center #F0F3F6;}
.main-down2 ul li:hover a{ background-color:#FEBA00; color:#fff;}
.main-down2 ul li:hover span{ color:#389FEE;}

.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%; display:block; max-height:150px;}
.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 b{ font-weight:normal;}
.news-list ul li dd h3 a{ color:#616161;}
.news-list ul li dd p{ margin-top:15px; line-height:1.7; color:#838383;}
.news-list ul li dd font a{ display:block; width:77px; height:25px; text-align:center; line-height:25px; border:1px solid #C0C0C0; font-weight:normal; 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;}

.waper-news-cont2,
.waper-news-cont{ width:100%; margin-top:50px; padding-bottom:80px;}
.lft-box{ float:left; width:840px;}
.lft-box p{ font-size:13px; color:#504C5D; line-height:2; margin-top:20px;}
.lft-box p img{ width:auto; margin:0 auto; display:block; max-width:100%;}

.rit-box{ float:right; width:266px}
.rit-box .wapers{ width:100%; margin-bottom:50px; padding-bottom:50px; border:1px solid #E2E2E2;}
.rit-box .wapers h3{ width:90%; font-size:14px; padding:15px 0 15px 10%; border-bottom:1px solid #E2E2E2; font-weight:bold; color:#2D2D2D;}
.rit-box .wapers p{ width:90%; margin:20px 0 0 10%; }
.rit-box .wapers p a{ font-size:14px; color:#818181;}
.rit-box .wapers p a:hover{ color:#389FEE;}

.about,
.cunch,
.huoban{ width:100%; margin-top:40px;}
.huoban .img img{ width:100%;}
.huoban ul{ width:100%; display:table; margin-top:50px;}
.huoban ul li{ float:left; width:22.8%; margin:0 1% 20px; padding:30px 0; border:1px solid #D2D2D2; text-align:center; position:relative; overflow:hidden;}
.huoban ul li img{ height:45px;}
.huoban ul li:after{ position:absolute; left:0; top:0; content:''; width:100%; height:100%; background:url(../image/sz.png) no-repeat center center rgba(8,94,157,0.6); opacity:0; cursor:pointer;}
.huoban ul li:hover:after{ opacity:1;}

.cunch .xxk{ width:100%;}
.sub-xxk{ float:left; width:561px;}
.rit-map{ float:right; width:590px;}
.rit-map li{ margin-bottom:50px;}
.rit-map li h3{ width:100%; height:31px; font-size:16px; color:#000000; background:url(../image/cc1.png) no-repeat left top; border-bottom:1px solid #BDBDBD; padding-bottom:15px; display:table; cursor:pointer;}
.rit-map li h3 font{ float:right; width:12px; height:12px; background:url(../image/jia2.png) center center; margin-top:10px;}
.rit-map li h3 span{ float:left; margin:10px 0 5px 64px; line-height:31px;}
.rit-map li div{ margin-top:25px; width:100%; display:none;}
.rit-map li div p{ font-size:14px; margin-top:5px; line-height:1.7; color:#737373;}

.rit-map li.cm1:hover h3{ background:url(../image/cc7.png) no-repeat left top; color:#389FEE;}
.rit-map li:hover h3 font{ background:url(../image/jia1.png) no-repeat center center;}
.rit-map li.cm2 h3{ background:url(../image/cc2.png) no-repeat left top;}
.rit-map li.cm2:hover h3{ background:url(../image/cc8.png) no-repeat left top; color:#389FEE;}
.rit-map li.cm3 h3{ background:url(../image/cc3.png)  no-repeat left top;}
.rit-map li.cm3:hover h3{ background:url(../image/cc9.png) no-repeat left top; color:#389FEE;}
.rit-map li.cm4 h3{ background:url(../image/cc4.png)  no-repeat left top;}
.rit-map li.cm4:hover h3{ background:url(../image/cc10.png) no-repeat left top; color:#389FEE;}
.rit-map li.cm5 h3{ background:url(../image/cc5.png)  no-repeat left top;}
.rit-map li.cm5:hover h3{ background:url(../image/cc11.png) no-repeat left top; color:#389FEE;}
.rit-map li.cm6 h3{ background:url(../image/cc6.png) no-repeat left top;}
.rit-map li.cm6:hover h3{ background:url(../image/cc12.png) no-repeat left top; color:#389FEE;}

.top-sec{ width:100%;}
.top-sec p{ font-size:14px; line-height:2; color:#232323; margin-top:25px; text-indent:2em;}
.top-sec p img{ display:block; margin:0 auto;}
.bom-sec{ width:100%; margin:50px 0 70px;}
.bom-sec ul li{ float:left; width:32.33%; margin:0 0.5%;}
.bom-sec ul li dl{ width:100%; position:relative;}
.bom-sec ul li dl dt img{ width:100%; display:block;}
.bom-sec ul li dl dd{ position:absolute;}
.bom-sec ul li dl dd.m1{ width:90%; left:5%; bottom:5%; padding:15px 0; background-color:#2C7FBE; background-color:rgba(44,127,190,0.4); text-align:center; font-size:18px; font-weight:bold; color:#fff;}
.bom-sec ul li dl dd.m2{ position:absolute; left:0; top:0; width:100%; height:100%; background-color:#2C7FBE; background-color:rgba(44,127,190,0.8); opacity:0;}
.bom-sec ul li dl dd.m2 p{ font-size:14px; color:#fff; line-height:2; width:90%; margin:10px auto 0;}
.bom-sec ul li dl dd.m2 h3{ margin-top:40px;  width:100%; text-align:center; font-size:18px; color:#fff; font-weight:bold;}
.bom-sec ul li dl dd.m2 h3 span{ display:block; margin:10px auto;}

.bom-sec ul li.nc2 dd.m1{ background-color:#078232; background-color:rgba(10,133,52,0.8);}
.bom-sec ul li.nc2 dd.m2{ background-color:#078232; background-color:rgba(10,133,52,0.8);}
.bom-sec ul li.nc3 dd.m1{ background-color:#15538D; background-color:rgba(21,84,143,0.8);}
.bom-sec ul li.nc3 dd.m2{ background-color:#15538D; background-color:rgba(21,84,143,0.8);}

.bom-sec ul li:hover dd.m1{ opacity:0;}
.bom-sec ul li:hover dd.m2{ opacity:1;}

.optops{ width:100%; margin-top:50px;}
.optops h3{ width:100%; text-align:center; font-size:24px; color:#000000; font-weight:bold; text-transform:uppercase;}
.optops h3 span{ display:block; margin-top:10px;}
.optops p{ font-family:14px; text-transform:uppercase; line-height:2; color:#000; margin-top:20px;}

.lits{ margin-top:50px;}
.lits li{ float:left; width:22.8%; margin:0 1% 20px; border:1px solid #CCCCCC; cursor:pointer;} 
.lits li dl{ width:100%; position:relative;}
.lits li dl dt img{ width:100%; display:block;}
.lits li dl dd.k1{ width:100%; padding:20px 0; background-color:#FFFFFF; text-align:center; font-size:14px; color:#565656;}
.lits li dl dd.k2{ position:absolute; left:0; top:0; width:100%; height:100%; background-color:#389FEE; opacity:0;}
.lits li dl dd.k2 h3{ width:100%; text-align:center; margin-top:60px; color:#fff; line-height:1.5;}
.lits li dl dd.k2 p{ width:80%; margin:20px auto 0; color:#fff; line-height:1.9;}
.lits li:hover dd.k2{ opacity:1;}

.last-bom{ width:100%; margin-top:60px; text-align:center;}
.last-bom a{ display:inline-block; font-family:13px;}
.last-bom span a{ width:186px; height:30px; text-align:center; line-height:30px; border-radius:4px; background-color:#389FEE; color:#fff; margin-right:20px;}
.last-bom span a:hover{ background-color:#6ABCFA;}

.sub-down2 li{ border-top:1px solid #fff !important; border-bottom:1px solid #fff !important;}
.sub-down2 li:nth-of-type(even){ background-color:#F6F6F8;}
.sub-down2 li article h3{ background:url(/templets/tnjy//templets/tnjy/img/hd1.png) no-repeat left center !important; border-bottom:1px dashed #DFDFDF; padding-bottom:10px;}
.sub-down2 li:hover{ background-color:#FFF !important; border-top:1px solid #389FEE !important; border-bottom:1px solid #389FEE !important;}
.sub-down2 li:hover article h3{ background:url(/templets/tnjy//templets/tnjy/img/hd2.png) no-repeat left center !important;}

.sub-down2 li:hover article p,
.sub-down2 li:hover article h3 a{ color:#389FEE !important;}

.about2{ margin-top:10px; margin-bottom:30px;}
.about2 p{ font-size:14px; color:#666; line-height:1.7; margin-bottom:15px;}