@charset "utf-8";
/*!
 * 米维建站  一建轻松建站
 * 详尽信息请看官网：http://www.miwinfo.com/
 *
 * Copyright 2014 米维建站
 *
 * 请尊重原创，保留头部版权
 * 仅供学习参考使用，不可用于任何商业用途
 *
 * 客服QQ 974837117
 */
.content { max-width: 1200px; height: auto; margin: 0 auto; box-sizing: border-box; padding: 0 10px;}
img {max-width: 100%;}
.page-down {width: 30px;height: 30px;background: #999;position: fixed;bottom: 30px;right: 30px;text-align: center;line-height: 30px;font-size: 18px;color: #fff;cursor: pointer;display: none;z-index: 99999;}
.page-down:hover {background: #122a88;}/* 回到顶部 */
.table{ display:table; width:100%; height:100%;}
.table .cell{ display:table-cell; text-align:center; vertical-align:middle;}
.smallest-screen {position: fixed;z-index: 999999;width: 100%;height: 100%;background: url(../images/displaynone.png) no-repeat center #666;display: none;}
@media only screen and (max-width : 319px) {
.smallest-screen {display: block;} /*判断屏幕小于319px隐藏显示网站*/
}
.white{ color:#fff !important;}
.webmain{ overflow:hidden; width: 100%; }
.tishi{ text-align: center; color: #333; font-size: 18px; }

.middle_holder { display: inline-block; font-size: 0; width: 0; height: 50px;vertical-align: middle;}
.middle {display: inline-block;vertical-align: middle; width: 100%;}
.nav_handle { display: none; position: relative; width: 27px; padding: 0 15px; cursor: pointer; float: right; }
.nav_handle b { width: 27px; height: 10px; position: relative; }
.nav_handle b i { display: block; position: absolute; left: 0; right: 0; height: 2px; background-color: #555; top: 0; -webkit-transform-origin: 29% 50%; transform-origin: 29% 50%;  transition: all .3s ease; -webkit-transition: all .3s ease; }
.nav_handle b .l_2 { top: auto; bottom: 0; }
.nav_handle.on b i{transform: rotate(45deg); background: #122a88;}
.nav_handle.on b .l_2 { transform: rotate(-45deg); }

.intopadv{ height: 30px; line-height: 30px; background: #f5f5f5; color: #999; text-align: center; }
.header{ line-height: 100px; background: #fff; border-bottom: 1px solid #f1f1f1; }
.header .logo{ float: left; height: 100px; padding: 6px 0; box-sizing: border-box; }
.header .logo img{ height: 100%; width: auto; vertical-align: top; }
.header .search{ float: right; width: 50px; position: relative; }
.header .search i{ color: #555; font-size: 18px; display: block; text-align: center; line-height: 100px; cursor: pointer; }
.header .search i.on{ color: #122a88; }
.header .search .xf{ display: none; z-index: 99999; position: absolute; width: 300px; padding: 20px; background: #fff; position: absolute; right: 0; top: 100px; }
.header .search .xf .text{ float: left; height: 40px; line-height: 40px; width: 200px; padding: 0 10px; background: #f1f1f1; }
.header .search .xf .sub{ float: left; width: 80px; text-align: center; background: #313131; height: 40px; color: #fff; outline: none; }
.header .search .xf .sub:hover{ background: #122a88; }
.header .inmuen{ float: right; }
.header .inmuen ul li {
	float: left;
}
.header .inmuen a{ display: block; font-size: 16px; color: #555; padding: 0 25px; }
.header .inmuen a:hover{ color: #122a88; }
.header .inmuen li.on > a{ color: #122a88; }
.header .inmuen li {
		position: relative;
	}
.header .inmuen li:hover > .box {
	display: block;
}
.header .inmuen li > .box {
	display: none;
	width: 220px;
	padding: 10px 0;
	position: absolute;
	top: 100px;
	left: 0;
	z-index: 999;
	background-color: #fff;
	border: 1px solid #eee;
	box-sizing: border-box;
}
.header .inmuen li > .box > a {
	line-height: 30px;
	font-size: 14px;
	overflow: hidden;
	height: 30px;
}

.banner{ position: relative; }
.banner .swiper-pagination { cursor:default; position: absolute; width: 100%; text-align: center; line-height: 30px; bottom: 10px; left: 0; z-index: 999; }
.banner .swiper-pagination .swiper-pagination-bullet{ width: 40px; height: 6px; background: #fff; display: inline-block; margin: 0 10px; opacity: .5; border-radius: 0}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity: 1; }
.banner img{ width: 100%; height: auto; }

.inpro{ padding: 10px; }
.inpro ul li{ display: block; width: 50%; position: relative; float: left; padding: 10px; box-sizing: border-box; }
.inpro ul li:nth-last-child(2) {
	width: 100%
}
.inpro ul li .pic {
	background-color: #fafafa
}
.inpro ul li .tit{ position: absolute; left: 0; top: 50px; padding: 0 20px; box-sizing: border-box; height: 45px; line-height: 45px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 30px; color: #000; width: 100%; text-align: center; }
.inpro ul li .jj{ position: absolute; left: 0; top: 95px; padding: 0 20px; box-sizing: border-box; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; color: #000; width: 100%; text-align: center; }
.inpro ul li .more{ display: block; position: absolute; left: 0; top: 145px; padding: 0 20px; box-sizing: border-box; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #122a88; width: 100%; text-align: center; }
.inpro ul li .more:hover{ text-decoration: underline; }
.inpro ul li .pic{ overflow: hidden; height: 556px;  }
.inpro ul li .pic img{ width: 926px; height: 556px; max-width: initial; transition: all 2s; position: relative; left: 50%; margin-left: -463px; }
.inpro ul li:hover img{ transform: scale(1.1,1.1); }

.inpro1{ padding: 10px; }
.inpro1 ul li{
	display: block;
	background-color: #fafafa;
	margin: 10px;
	width: calc(33.33% - 20px);
	width: -webkit-calc(33.33% - 20px);
	width: -moz-calc(33.33% - 20px);
	position: relative;
	float: left;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 225px;
	box-sizing: border-box;
	overflow: hidden;
}
.inpro1 ul li .pic {
	position: absolute;
	top: 0;
	left: 0;
	width: 225px;
	overflow: hidden;
}
.inpro1 ul li .tit{ padding: 0 20px; box-sizing: border-box; height: 45px; line-height: 45px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 26px; color: #000; width: 100%; }
.inpro1 ul li .jj{text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical; padding: 0 20px; box-sizing: border-box; height: 60px; line-height: 30px; font-size: 16px; color: #000; width: 100%; }
.inpro1 ul li .more{ display: block; padding: 0 20px; box-sizing: border-box; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 10px; font-size: 14px; color: #122a88; width: 100%; }
.inpro1 ul li .more:hover{ text-decoration: underline; }
.inpro1 ul li .pic img{width: 225px; height: 225px; max-width: 225px; transition: all 2s;}
.inpro1 ul li:hover img{ transform: scale(1.1,1.1); }

.footer{ padding: 25px 0 5px; background: #f2f2f2; }
.footer .fnav{ width: 15%; float: left; }
.footer .fnav1 {width: 25%;}
.footer .fnav .tit{ height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; font-weight: bold; margin-bottom: 10px; color: #000; }
.footer .fnav .tit span{ display: none; width: 10px; text-align: center; font-weight: lighter; }
.footer .fnav .nr a{ height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; line-height: 25px; color: #333; }
.footer .fnav .nr a:hover{ text-decoration: underline; }
.footer .fwz{ padding: 10px 0; line-height: 22px; margin-top: 20px; border-bottom: 1px solid #dfdfdf; color: #666; }
.footer .banq{ padding: 10px 0; line-height: 22px; color: #666; }
.footer .fnav1 .nr a {
	display: inline-block;
	height: auto;
	padding: 6px 4px;
}


.nynav.nav_on{ max-width: inherit; width: 100%; background: #fff; position: fixed; border-bottom: 0; left: 0; top: 0; box-shadow: 0 0 20px rgba(0,0,0,.1); z-index: 100;}
.nynav{ margin: 0 auto; padding: 10px 0; line-height: 30px; background: #f5f5f5; }
.nynav .lmtit{ font-size: 20px; font-weight: bold; color: #333; float: left; }
.nynav .lmtit i{ display: none; }
.nynav .nr{ float: right; }
.nynav .nr ul li{ display: block; float: left; padding: 0 10px; }
.nynav .nr ul li.on{ color: #122a88; }

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

.findxl{ padding: 20px 0 0; }
.findxl .text{ width: 80%; float: left; border-bottom: 2px solid #ccc; height: 50px; line-height: 50px; font-size: 16px; color: #666; }
.findxl .text:focus{ border-bottom: 2px solid #000; }
.findxl .sub{ width: 18%; float: right; text-align: center; font-size: 18px; background: #dfdfdf; color: #fff; height: 50px; line-height: 50px; box-sizing: border-box; }
.findxl .sub:hover{ background: #000; color: #fff; }

.nyabout{ padding: 20px 0; line-height: 30px; font-size: 14px; color: #666; min-height: 300px;}

.nypronav{ background: #141414; padding: 20px 0; text-align: center; }
.nypronav .nypronavnr{ max-width: 1000px; margin: 0 auto; overflow: hidden; position: relative; }
.nypronav .swiper-wrapper{ height: 79px !important; }
.nypronav .swiper-slide{ height: 79px !important; }
.nypronav li{ display: inline-block; width: 90px; margin: 0 5px; }
.nypronav li .tit{ height: 20px; line-height: 20px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nypronav li:hover .tit{ color: #6bf; }



.showpro .info{ background: #f8f8f8; padding:20px 20px 20px 600px; position: relative; min-height: 450px; margin-bottom: 30px; }
.showpro .info .pic{ position: absolute; width: 557px; left: 20px; top: 20px; }
.showpro .info .pic img{ width: 100%; height: auto; }
.showpro .info .tit{ padding: 10px 0; line-height: 30px; font-size: 22px; font-weight: bold; color: #333; }
.showpro .info .fenl{ line-height: 20px; color: #999; margin-bottom: 20px; }
.showpro .info .jj{ line-height: 30px; font-size: 14px; color: #666; margin-bottom: 25px; height: 280px; overflow: hidden;}
.showpro .info .fanh{ margin-left: 10px; float: right; width: 120px; height: 40px; background: #444; color: #fff; border-radius: 5px; font-size: 14px; text-align: center; line-height: 40px; }
.showpro .detail .lmtit ul li{ cursor: pointer; display: inline-block; height: 40px; line-height: 40px; color: #333; font-size: 18px; width: 120px; text-align: center; }
.showpro .detail .lmtit ul li.on{ font-weight: bold; border-bottom: 2px solid #333; }
.showpro .detail .nr{ padding: 25px 0; line-height: 30px; font-size: 14px; color: #666; }
.showpro .detail .nr table{ width: 100% !important; }
.showpro .detail .nr a{ font-weight: bold; }

.box{}
.tb-pic{ float:right; border:1px solid #eee;}
.tb-pic a{display:table-cell; text-align:center; vertical-align:middle; cursor:pointer;}
.tb-pic a img {vertical-align:middle;}
.tb-s310, .tb-s310 a {height:450px; width:450px;}
.tb-s310, .tb-s310 img {max-height:450px; max-width:450px;}
.tb-booth {position:relative; z-index:1;}
.tb-thumb .tb-selected {box-sizing: border-box; border:1px solid #122a88;}
div.zoomDiv {z-index:999; position:absolute; width:450px; height:450px; display:none;text-align:center; overflow:hidden; margin-left:-9px; background:#fff;}
div.zoomDiv img{ max-width:inherit; max-height:inherit;}
div.zoomMask {position:absolute; background:url("../images/mask.png") repeat scroll 0 0 transparent; cursor:move; z-index:1;}
.picScroll-left { position:relative; width:90px; float:right; margin-right:15px; padding:30px 0;}
.picScroll-left .hd{ overflow:hidden; background:#f4f4f4;}
.picScroll-left .hd .prev { display:block; width:100%; height:30px; opacity:0.9;  font-size:24px; text-align:center; line-height:30px; color:#555; overflow:hidden; cursor:pointer; position:absolute; top:0;  z-index:9; }
.picScroll-left .hd .next { display:block; width:100%; height:30px; opacity:0.9;  font-size:24px; text-align:center; line-height:30px; color:#555; overflow:hidden; cursor:pointer; position:absolute; bottom:0; z-index:9;  }
.picScroll-left .hd .prev:hover { color:#122a88;}
.picScroll-left .hd .next:hover { color:#122a88;}
.picScroll-left .bd {width:480px; overflow:hidden;}
.picScroll-left .bd ul {zoom:1;}
.picScroll-left .bd ul li {text-align:center; zoom:1; height:100px; width:90px; border:0px !important;}
.picScroll-left .bd ul li img{ width:90px; height:90px; margin-top:5px; border:1px solid #eee; box-sizing:border-box; cursor:pointer;}
.picScroll-left .bd ul li.tb-selected img{ width:90px; height:90px; margin-top:5px; border:1px solid #122a88; box-sizing:border-box;}

.nycase{ padding: 20px 0; }
.nycase ul li{ display: block; width: 23%; margin: 10px 1%; float: left; position: relative; overflow: hidden; }
.nycase ul li img{ width: 100%; height: auto; transition: all .5s; }
.nycase ul li:hover img{ transform: scale(1.1,1.1); }
.nycase ul li .nyprinfo {position: absolute; box-sizing: border-box; padding: 10px 20px; bottom: -53px; left: 0; width: 100%; background-color: rgba(0,0,0,.6); transition: all .5s;}
.nycase ul li .nyprp1 {font-size: 14px; color: #fff; height: 20px; overflow: hidden;}
.nycase ul li .nyprp2 {font-size: 12px; color: #cdcdcd; line-height: 28px; height: 28px; margin-bottom: 6px; overflow: hidden;}
.nycase ul li .nyprinfo .more {font-size: 12px; color: #fff; text-decoration: underline; }
.nycase ul li:hover .nyprinfo { bottom: 0;}

.page{ text-align:center; padding: 0 0 30px; }
.page a{ display:block; height:30px; width:30px; overflow:hidden;  background: #F1F1F1; display:inline-block; line-height:30px; color:#666; margin-right: -3px;}
.page a:hover{ background:#666; color: #fff;}
.page a.active{ background:#666; color: #fff;}
.page a i{ line-height:30px;}

.nynews{ padding: 30px 0; }
.nynews ul li{ display: block; padding: 30px 240px 30px 320px; min-height: 200px; position: relative; border-bottom: 1px solid #e5e5e5; background: #fff; transition: all 0.5s;}
.nynews ul li .pic{ width: 270px; overflow: hidden; position: absolute; left: 30px; top: 30px; }
.nynews ul li .date{ padding: 0 40px; position: absolute; border-left: 1px solid #e5e5e5; right: 0; top: 50%; margin-top: -59px;}
.nynews ul li .date span{ font-size: 40px; color: #727272; font-weight: bold; display: block;}
.nynews ul li .date em{ display: block; font-size: 12px; color: #727272; line-height: 20px; margin-bottom: 10px;}
.nynews ul li .date .more{ color: #000000; line-height: 35px; border-top: 1px solid #e5e5e5; text-align: center; font-size: 14px; }
.nynews ul li .tit{ font-size: 18px; color: #141414; height: 55px; line-height: 55px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.nynews ul li .jj{ font-size: 14px; color: #999999; line-height: 30px; height: 120px; overflow: hidden; }
.nynews ul li:hover{ box-shadow: 0 0 30px rgba(0, 0, 0, .1); border-bottom: 1px solid #fff ; z-index: 99;}

.shownews{ padding: 30px 0; }
.shownews .tit{ font-size: 24px; font-weight: bold; color: #333333; text-align: center; margin-bottom: 20px;}
.shownews .date{ height: 16px; line-height: 16px; text-align: center; font-size: 12px; color: #b7b7b7;}
.shownews .date span{ display: inline-block; padding: 0 20px; border-right: 1px solid #b7b7b7; }
.shownews .nr{ padding: 30px 0; font-size: 14px; line-height: 30px; color: #666;}
.shownews .nr a{ color: #122a88; text-decoration: underline; }
.shownews .sxp{ padding: 10px 0; font-size: 14px; line-height: 40px; border-top: 1px solid #e6e6e6;}
.shownews .sxp .lan{ float: left; line-height: 30px; transition: all 0.5s;}
.shownews .sxp .lan .ico{ width: 30px; height: 30px; border: 1px solid #666; border-radius: 50%; line-height: 30px; text-align: center; float: left; color: #666; margin-right: 10px; transition: all 0.5s;}
.shownews .sxp .ran{ float: right; line-height: 30px; transition: all 0.5s;}
.shownews .sxp .ran .ico{ width: 30px; height: 30px; border: 1px solid #666; border-radius: 50%; line-height: 30px; text-align: center; float: right; color: #666; margin-left: 10px; transition: all 0.5s;}
.shownews .sxp .lan:hover{ color: #122a88; }
.shownews .sxp .lan:hover .ico{ border: 1px solid #122a88; background: #122a88; color: #fff; }
.shownews .sxp .ran:hover{ color: #122a88; }
.shownews .sxp .ran:hover .ico{ border: 1px solid #122a88; background: #122a88; color: #fff; }
.shownews .pic{ text-align: center; padding: 0 100px; position: relative; max-width: 600px; margin: 0 auto 20px;}
.shownews .pic img{ width: 100%; height: auto; }
.shownews .pic .prev, .shownews .pic .next{display: block; width: 60px; height: 60px; line-height: 60px; background: rgba(0,0,0,.3); color: #fff; text-align: center; position: absolute; font-size: 22px; transition: all 0.5s;}
.shownews .pic .prev{ top: 50%; margin-top: -30px; left: 0; }
.shownews .pic .next{ top: 50%; margin-top: -30px; right: 0; }
.shownews .pic .prev:hover, .shownews .pic .next:hover{ background: rgba(0,0,0,.7); }

.xgnews{ margin-bottom: 30px; }
.xgnews .cntit{ font-size: 24px; font-weight: bold; color: #333; text-align: center; margin-bottom: 5px;}
.xgnews .entit{ color: #bcbcbc; font-size: 14px; text-align: center; margin-bottom: 20px;}
.xgnews .nr ul li{ width: 23%; margin: 10px 1%; float: left; }
.xgnews .nr ul li .date{ height: 40px; line-height: 40px; font-size: 22px; color: #8c8c8c; position: relative; border-bottom: 1px solid #cccccc; }
.xgnews .nr ul li .date .xian{ width: 0; height: 1px; background: #122a88; left: 0; bottom: 0; transition: all 0.5s;}
.xgnews .nr ul li .tit{ height: 60px; line-height: 60px; font-size: 14px; color: #414141; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.xgnews .nr ul li:hover .xian{ width: 100%; }
.xgnews .nr ul li:hover .date{ color: #122a88; }
.xgnews .nr ul li:hover .tit{ color: #122a88; }
.xgnews .nr ul li img{ width: 100%; height: auto; }

.xlhnr{ padding: 30px; box-sizing: border-box; background: #f1f1f1; max-width: 600px; line-height: 30px; margin: 0 auto; }
.xlhnr .nothing{ text-align: center; }

.faqOtherBox{ padding: 30px 0; min-height: 300px;}
.faqOtherBox h2 a { display: block; font-size: 16px;  position: relative; padding: 10px 10px 10px 36px; border-bottom: 1px solid #f1f1f1; color: #999; }

.faqOtherBox h2 em { position: absolute; left: 10px; top: 50%; margin-top: -8px; width: 16px; height: 16px; background: url(../images/default/faq.png) no-repeat #333333; border-radius: 3px;  }
.faqOtherBox .on em {left: 8px}
.faqOtherBox .on a { background: #ECECEC; color: #000; }

.faqOtherBox .con { padding: 20px 0; border-left: 3px solid #333333; padding-left: 34px; background: url(../images/default/splitBg.gif) repeat-x 0 bottom; }

.content-faq-list{ border-bottom:1px solid #eee;}

.content-faq-list dt{cursor:pointer; background-color:#fff; font-size:16px; line-height:40px; color:#000; position:relative; padding-left:35px; }

.content-faq-list dt.on{ background-color:#eee; padding-left: 43px;}

.content-faq-list dt em{ display:inline-block; position:absolute; left:0px; top:8px; width:24px; height:24px; background-color:#333333; text-align:center; font-size:12px; line-height:24px; color:#fff; border-radius:3px;}

.content-faq-list dd{ padding:15px 20px; background-color:#f9f9f9; font-size:13px; line-height:25px; display:none;}



.nymess{ padding-bottom: 30px; line-height: 30px; font-size: 14px; color: #666; }
.nymess a{ font-weight: bold; }
.mess_c {width: 100%;}
.mess_c .text {width: 49%; border: 1px solid #aaa; height: 40px; line-height: 40px; box-sizing: border-box; padding: 0 10px; font-size: 14px; color: #666; margin: 5px 0;}
.mess_c .text1 {width: 100%; border: 1px solid #aaa; height: 40px; line-height: 40px; box-sizing: border-box; padding: 0 10px; font-size: 14px; color: #666; margin: 5px 0;}
.mess_c .text2 {width: 100%; border: 1px solid #aaa;  line-height: 22px; box-sizing: border-box; padding: 0 10px; font-size: 14px; color: #666; margin: 5px 0;}
.mess_c .sub {width: 100px; margin-top: 20px; height: 40px; line-height: 40px; text-align: center; color: #fff; background-color: #122a88;}

.nypro{ padding-bottom: 30px; min-height: 500px; padding-top: 20px;}
.nypro ul{ display: block; overflow: hidden; }

.nypro ul li{ transition: all 0.5s; display: block; box-sizing: border-box; position: relative;
 padding: 20px;
 background-color: #fafafa;
		margin: 10px;
 		width: calc(33.333333% - 20px);
		width: -webkit-calc(33.333333% - 20px);
		width: -moz-calc(33.333333% - 20px);
 float: left;}
.nypro ul li:hover .fgc{ opacity: 1; }
.nypro ul li:hover .tit{ opacity: 0; }
.nypro ul li .fgc{ transition: all .5s; opacity: 0; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(18,42,136,.6); color: #fff; }
.nypro ul li .fgc .stit{ padding: 0 25px; height: 25px; line-height: 25px; font-size: 16px; font-weight: bold; overflow: hidden; margin-bottom: 50px; }
.nypro ul li .fgc .sjj{ font-size: 12px; line-height: 25px; height: 125px; overflow: hidden; padding: 0 25px; text-align: left; }
.nypro ul li .tit{ line-height: 25px; height: 25px; padding-right: 0; position: relative; font-size: 16px; color: #333; margin-bottom: 5px; font-weight: bold; text-align: center;}
.nypro ul li .tit span{ display: block; height: 25px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nypro ul li .tit .fenl{ font-size: 12px; color: #999; }
.nypro ul li .tit .ico{ width: 30px; height: 30px; text-align: center; line-height: 30px; border:1px solid #ccc; position: absolute; right: 0; top: 10px; color: #ccc; border-radius: 50%; }
.nypro ul li .tit .ico i{ transition: all 0s; }
.nypro ul li:hover{ box-shadow: inset 0 0 15px #eee; }
.nypro ul li:hover .ico{ background: #122a88; border:1px solid #122a88; color: #fff;}
@media only screen and (max-width: 640px){
.nypro ul li .fgc .stit{ font-size: 14px; margin-bottom: 20px; }
.nypro ul li .fgc .stit,.nypro ul li .fgc .sjj{ padding: 0 10px; }
.nypro ul li .fgc .sjj{ height: 75px; }
}


.nypro .left {
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}

.nypro .right {
	width: 100%;
}

.inpro2 {
	padding: 10px;
}
.inpro2 ul li{ transition: all 0.5s; background-color: #fafafa; display: block; box-sizing: border-box; padding: 20px;
	margin: 10px;
	width: calc(16.666% - 20px);
	width: -webkit-calc(16.666% - 20px);
	width: -moz-calc(16.666% - 20px);
	float: left;
	position: relative;
}
.inpro2 ul li:hover .fgc{ opacity: 1; }
.inpro2 ul li:hover .tit{ opacity: 0; }
.inpro2 ul li .fgc{ transition: all .5s; opacity: 0; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(18,42,136,.6); color: #fff; }
.inpro2 ul li .fgc .stit{ padding: 0 25px; height: 25px; line-height: 25px; font-size: 16px; font-weight: bold; overflow: hidden; margin-bottom: 50px; }
.inpro2 ul li .fgc .sjj{ font-size: 12px; line-height: 25px; height: 125px; overflow: hidden; padding: 0 25px;  text-align: left; }
.inpro2 ul li .tit{ line-height: 25px; height: 25px; padding-right: 0; position: relative; font-size: 16px; color: #333; margin-bottom: 5px; font-weight: bold; text-align: center;}
.inpro2 ul li .tit span{ display: block; height: 25px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inpro2 ul li .tit .fenl{ font-size: 12px; color: #999; }
.inpro2 ul li .tit .ico{ width: 30px; height: 30px; text-align: center; line-height: 30px; border:1px solid #ccc; position: absolute; right: 0; top: 10px; color: #ccc; border-radius: 50%; }
.inpro2 ul li .tit .ico i{ transition: all 0s; }
.inpro2 ul li:hover{ box-shadow: inset 0 0 15px #eee; }
.inpro2 ul li:hover .ico{ background: #122a88; border:1px solid #122a88; color: #fff;}
@media only screen and (max-width: 640px){
.inpro2 ul li .fgc .stit{ font-size: 14px; margin-bottom: 20px; }
.inpro2 ul li .fgc .stit,.inpro2 ul li .fgc .sjj{ padding: 0 10px; }
.inpro2 ul li .fgc .sjj{ height: 75px; }
}

.nypro .fnav{ width: 100%; font-size: 14px; margin-bottom: 10px;}
.nypro .fnav .tit{background-color: #122a88; box-sizing: border-box; padding: 0 16px; height: 38px; font-size: 16px; line-height: 38px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; color: #fff; }
.nypro .fnav .tit span{ display: none; width: 10px; text-align: center; font-weight: lighter; }
.nypro .fnav .nr {padding: 15px 0 15px 20px; background-color: #f1f1f1;}
.nypro .fnav .nr a{ box-sizing: border-box; padding: 0 10px; height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; line-height: 32px; color: #333; }
.nypro .fnav .nr a:hover{ text-decoration: underline; }
.nypro .fnav .nr .on {
	color: #122a88;
	font-weight: bold;
}