body{
	min-width: 1200px;
}
.top{
	height: 54px;
	margin-top: 20px;
}
.top .log{
	width: 231px;
	height: 54px;
        margin-top: -44px;
	/*background: url(/gl-ns../images/logo.png) no-repeat;*/
}
.cnav{
	width: 940px;
	height: 54px;
}
.cnav>li{
	width: 12.5%;
	height: 45px;
	margin-top: 9px;
	float: left;
	background: #0054aa;
}
.cnav>li>a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	color: #FFF;
	text-align: center;
	margin-top: 5px;
        font-size: 16px;
	letter-spacing: 1px;
        transition: 0.5s; 
}
.cnav>li a:hover{
	background: #e31f37;
	margin-top: -8px;
        text-decoration: none;
	
}
.cnav>li>a>span{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 40%;
	left: 50%;
	letter-spacing: -0px;
	transform: translate(-50%, 0%);
	color: #FFF;
	text-align: center;
}
.banner{
	width: 100%;
	height: 540px;
	background: #0054aa;
	margin-top: 20px;
	position: relative;
}
.banner::after{
	content: '';
	width: 100%;
	height: 86px;
	position: absolute;
	bottom: 0;
	background-image: url(/gl-ns../images/yy.png);
	background-size: cover;
        background-color: #fff;
}
.introduce>#carousel-example-generic>.carousel-inner>.item>.bmg{
	width: 803px;
	height: 456px;
	background: url(/gl-ns../images/bj.png) no-repeat;
}
.introduce>#carousel-example-generic>.carousel-inner>.item>.bmg>a{
	width: 100%;
	height: 100%;
	display:block;
}
.introduce>#carousel-example-generic>.carousel-inner>.item>.bmg>a>img{
	width: 100%;
	height: 100%;
	
}
.introduce>#carousel-example-generic>.carousel-inner>.item>.text{
	width: 397px;
	height: 454px;
    position: relative;
}
.introduce>#carousel-example-generic>.carousel-inner>.item>.text>h1{
	display: block;
	width: 365px;
	margin-left: 30px;
	margin-top: 88px;
	line-height: 33px;
	height: 33px;
	border-bottom: 1px dashed #fff;
	background-image: url(/gl-ns../images/cs.png);
	background-position:  100% 95%;
	background-repeat: no-repeat;
	color: #fff;
	font-size: 20px;
}

.introduce>#carousel-example-generic>.carousel-inner>.item>.text div{
	display: block;
	width: 395px;
	padding-left:50px;
	padding-top: 38px;
	height: 250px;	
	color: #fff;
	font-size: 16px;
	text-indent: 2em;
	position: absolute;
}
.introduce>#carousel-example-generic>.carousel-inner>.item>.text a{
	color: #fff;
	position: absolute;
	bottom: 0;
	right: 0;
}
.introduce>#carousel-example-generic>.carousel-indicators>li {
    width: 20px;
    height: 20px;
    line-height: 20px;
}
.introduce>#carousel-example-generic>.carousel-control{
	position: absolute;
	top: 0;
    width: 45px;
    height: 100%;
    background: none;
    font-size: 50PX;
    text-align: 456PX;
}
.introduce>#carousel-example-generic>.carousel-control.left {
	left: -45px;
}
.introduce>#carousel-example-generic>.carousel-control.right{
	right: -45px;
}
.introduce>#carousel-example-generic>.carousel-control.left:hover{
	background: url(/gl-ns../images/pr.png) no-repeat 0 205.5px;
}
.introduce>#carousel-example-generic>.carousel-control.right:hover{
	background: url(/gl-ns../images/ne.png) no-repeat 0 205.5px;
}

.title{
	width: 100%;
	margin-bottom: 20px;	
}
.title>.titletxt{
	width: 100%;
	height: 25px;
}
.title>.titletxt h1{
	text-align: left;
	width: 200px;
	height: 25px;
	font-size: 22px;
	line-height: 24px;
	color: #1d5a89;
	letter-spacing: 3px;
	
}
.title>.titletxt .more{
	text-align: right;
	width: 200px;
	height: 25px;
	font-size: 16px;
	line-height: 31px;
	font-weight: 700;
	
}
.titlebom{
	width: 100%;
	height: 16px;
	position: relative;
}
.titlebom>.english{
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
}
.titlebom>.bulebom{
	box-sizing: content-box;
	width: 40px;
	height: 100%;
	background: #fff;
	border-right: 6px solid #e31f37;
	border-left: 515px solid #0054aa; 
}
.bulebom::before{
	content: '';
	width: 22px;
	height: 16px;
	position: absolute;
	left: 596px;
	background: #0054aa;
	top: 0px;
}
.bulebom::after{
	content: '';
	width: 12px;
	height: 16px;
	position: absolute;
	left: 620px;
	top: 0px;
	background: #0054aa;
}
.view{
	
}
.view>ul>li{
	width: 100%;
	/*height: 18px;*/
	margin: 3px 0;
	position: relative;
}
.view>ul a{
	/*width: 100%;
	height: 18px;*/
	text-indent: 1em;
	display: block;
	width: 85%;
	color: #1d5a89;
	font-size: 16px;
        text-align: left;
	word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;
}
.time{
	display: block;
	position: absolute;
	text-align: center;
	right: 0;
	top: 0;
	width: 77px;
	height: 100%;
	background: #0054aa;
	color: #fff;
	font-size: 13px;
	line-height: 22px;
}
.focus{
	border: 28px solid #0054aa;
	position: relative;
}
.focus::before{
	content: '';
	width: 28px;
	height: 28px;
	position: absolute;
	top: -28px;
	left: -28px;
	background: #e31f37;
}
#carousel-example-generic{
	width: 1200px;
	height: 456px;
}
#carousel-example-generic>.carousel-inner{
	width: 1200px;
	height: 100%;
}
#myCarousel{
	width: 442px;
	height: 339px;
}
.carousel-inner>.item{
   width: 100%;
   height: 100%;
}

.carousel-inner>.item>a>img{
  
    max-width: none; 
    height: 339px;
}
.carousel-indicators>.active {
    width: 31px;
    height: 31px;
    margin: 0;
    background-color: #fff;
}
.carousel-indicators {
    bottom: 20px;
}
.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -50%;
    text-align: center;
    list-style: none;
}
.carousel-indicators>li {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 1px;
    text-indent: 0px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    border: 1px solid #fff;
    border-radius: 30px;
    color: #0054AA;
   
}

#myCarousel{
	width: 442px;
	height: 339px;
}
.state{
	width: 700px;
	height: 339px;
	padding: 30px;
}
.col2{
	border-bottom: 2px dashed #0054AA;
}
.risk{
	margin-top: 20px;
	width: 443px;
	height: 387px;
	padding: 20px 20px 20px 0;	
	border-right: 2px dotted #0054AA;
}
.risk>.title>.titlebom>.bulebom{
	border-left: 220px solid #0054aa;
}
.risk>.title>.titlebom>.bulebom::before{
	left: 377px;
}
.risk>.title>.titlebom>.bulebom::after{
	left: 401px;
}
.risk>.view>ul a{
	width: 72%;
}
.soft{
	margin-top: 20px;
	width: 443px;
	height: 387px;
	padding: 20px;	
}
.soft>.title>.titlebom>.bulebom{
	border-left: 220px solid #0054aa;
}
.soft>.title>.titlebom>.bulebom::before{
	left: 359px;
}
.soft>.title>.titlebom>.bulebom::after{
	left: 383px;
}
.soft>.view>ul>li>a{
	width: 72%;
}
.game{
	width: 314px;
	height: 337px;
	padding: 20px 0;
	margin-top: 30px;
	position: relative;
	background: #0054AA;
}
.game::after{
	content: '';
	position: absolute;
	width: 27px;
	height: 337px;
	background: #e31f37;
	right: 0px;
	top: 0px;
}
.gblock{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 40px;
	background: #fff;
	border-bottom: 2px dashed #0054AA;	
}
.game .titletxt{
	width: 89%;
	height: 36px;
	border-bottom: 2px dashed #fff;
	margin-left: 10px;
	margin-bottom: 20px;
}
.game h1{
	color: #fff;
	font-size: 28px;
}
.game .more{
	color: #fff;
	line-height: 46px;
	margin-right: 20px;
}
.game .view a{
	color: #fff;
}
.game .view a{
	width: 88%;
	padding-left: 7px;
}
.game .view ul li span{
	color: #fff;
	right: 27px;
	display: none;
}
.IDC{
	width: 463px;
	height: 387px;
	padding: 20px 20px 20px 0;	
	
}
.IDC .title .titlebom .bulebom{
	border-left: 240px solid #0054aa;
}
.IDC .title .titlebom .bulebom::before{
	left: 399px;
}
.IDC .title .titlebom .bulebom::after{
	left: 423px;
}
.IDC .view ul li a{
	width: 72%;
}
.middle{
	margin: 0PX 20PX 20PX 5PX;
}
.middle img{
	display: block;
	
	width: 259PX;
	height: 95PX;
	margin: 20PX 0;
}
.industry{
	width: 450px;
	height: 387px;
	padding: 20px 0;
	
}
.industry .title .titlebom .bulebom{
	border-left: 250px solid #0054aa;
}
.industry .title .titlebom .bulebom::before{
	left: 406px;
}
.industry .title .titlebom .bulebom::after{
	left: 430px;
}
.industry .view a{
	width: 72%;
}
.foot{
	height: 175PX;
	background: #0054AA;
	border-bottom: 1PX solid #fff;
}
.foot span{
	display: block;
	height: 25PX;
	line-height: 25PX;
	font-size: 15PX;
	color: #FFF;
	text-align: center;
}
.foot span:nth-child(1){
	height: 70px;
	line-height: 110px;
}
#cnzz_stat_icon_1261770133{
	display:inline-block;
}
/*list1*/
.list-warp{
	margin-top: 20px  !important;
}
.list-warp>.view{
	margin-top: 35px;
}
.list-warp>.view>ol{
	width: 574px;
	/* margin: 30px 0; */
}
.list-warp>.view>ol>li{
	margin-left: 120px;
	width: 464px;
	height: 128px;
	background: #EEE;
}
.list-warp>.view>ol>li>a{
	display: block;
	width: 100%;
	height: 100%;
	margin: 10px 0;
	position: relative;
	text-indent: 2em;
        text-align: left;
	line-height: 50px;
	padding: 15px 10px;
	font-size: 22px;
	color: #0054AA;
	letter-spacing: 2px;
}
/*.list-warp .view li a:hover{
	background: #0054AA;
	color: #fff;
}*/
.list-warp>.view>ol>li>a::before{
	position: absolute;
	content: " ";
	left: -119px;
	top: 22px;
	width: 76px;
	height: 76px;
	border-radius: 50%;
	background: #0054AA;
}
.list-warp>.view>ol>li>a::after{
	position: absolute;
	content: " ";
	left: -114px;
	top: 26.5px;
	width: 66px;
	height: 66px;
	border-radius: 50%;
	background: #fff;
}
.list-warp>#gsxg>.right{
	height: 542px;
}
.list-warp .right{
	width: 566px;
	margin: 10px 0;
	overflow: hidden;
}
.list-warp .r a{
	display: block;
	width: 100%;
	margin: 10px 0;
	position: relative;
	text-indent: 2em;
	line-height: 30px;
	padding: 10px;
	font-size: 16px;
	color: #0054AA;
	letter-spacing: 2px;
}
/*公司相关*/
#gsxg.block1 .gsxgli li:nth-child(1) a{ 
 	background: #0054AA;
 	color: #fff;
}
#gsxg.block2 .gsxgli li:nth-child(2) a{
 	background: #0054AA;
 	color: #fff;
}
#gsxg.block3 .gsxgli li:nth-child(3) a{
 	background: #0054AA;
 	color: #fff;
}
#gsxg.block4 .gsxgli li:nth-child(4) a{
 	background: #0054AA;
 	color: #fff;
}
#gsxg.block1 .right .block:nth-child(1){
    margin-top: 0;
}
#gsxg.block2 .right .block:nth-child(1){
    margin-top: -542px;
}
#gsxg.block3 .right .block:nth-child(1){
    margin-top: -1084px;
}
#gsxg.block4 .right .block:nth-child(1){
    margin-top: -1626px;
}
#gsxg .right .block { 
	width: 100%; 
	height: 100%;
    transition: all .3s ease; 
    overflow: hidden;
}
.eventhd{
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.right>.block>.eventhd>a{
	display: block;
	width: 230px;
	position: absolute;
	top: 20px;
	right: 0;
	font-size: 18px;
	text-align: right;
	border-bottom: 3px solid #6E6E6E;
}
.right>.block>.eventhd>a:hover{
	color: #E31F37;
}
.eventhd::before{
	content: " ";
	position: absolute;
	left: 294px;
	top: 0px;
	width: 3px;
	height: 85%;
	background: #6E6E6E;	
}
.eventhd>h4{
	margin-left: -28.5px;
    left: 50%;
    display: block;
    position: absolute;
    top: 12px;
    width: 80px;
    height: 80px;
    color: #fff;
    text-align: center;
    background-color: #6e6e6e;
    border-radius: 10px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.eventhd>h4>i{
	width: 90px;
	transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    display: block;
    position: absolute;
    left: -5px;
    color: #fff;
    font-style: normal;
    top: 30px;
    font-size: 18px;
}
.eventhd>ul{
	width: 100%;
	margin-top: 120px;
}
.eventhd>ul>li{
	width: 50%;
        height: 25px;
}

.eventhd>ul>li>a{
	width: 100%;
	word-wrap: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	transition: .3s ease;
        font-size:16px;
}
.eventhd>ul>li>a:hover{
	text-decoration: underline;
}
.eventhd>ul>li:nth-child(odd)>a{
	margin-left: 294px;
        text-align: left;
}
.eventhd>ul>li:nth-child(even)>a{
	margin-left: 12px;
	padding-right: 41px;
	text-indent: 0;
        text-align: right;
}
.eventhd>ul>li>a::before{
	content: " ";
	position: absolute;
    top: 8px;
    height: 14px;
    width: 14px;
    border-radius: 3px;
    border: 2px solid  #6e6e6e;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.eventhd>ul>li>a:hover::before{
	background: #0054AA;
}
.eventhd>ul>li:nth-child(odd)>a::before{
    left: 6px; 
}
.eventhd>ul>li:nth-child(even)>a::before{	
    right: 4px;
}
.eventhd>ul>li>a::after{
    content: " ";
    display: inline-block;
    position: absolute;
    height: 1px;
    overflow: hidden;
    border-top: 1px solid #000;
    top: 24px;
    width: 15%;
}
.eventhd>ul>li:nth-child(odd)>a::after{	
    left: 3px; 
}
.eventhd>ul>li:nth-child(even)>a::after{
    right: 1px;
}
.containerPhoteRollText{
	width: 100%;
	/* border: 2px dashed #0054aa; */
}
.containerPhoteRollText>ul{
	width: 100%;
	height: 100%;
}
.containerPhoteRollText>ul>li{
	
	height: 100%;
}
.containerPhoteRollText>ul>li>a>img{
	display: block;
	margin: 0 auto;
	vertical-align:middle;
       
}
.list-warp .view li:nth-child(1) a::after{	
	background: #fff url(/gl-ns../images/img1/1.png) no-repeat scroll 22px 19px;
}
.list-warp .view li:nth-child(2) a::after{	
	background: #fff url(/gl-ns../images/img1/2.png) no-repeat scroll 20px 19px;
}
.list-warp .view li:nth-child(3) a::after{	
	background: #fff url(/gl-ns../images/img1/3.png) no-repeat scroll 20px 19px;
}
.list-warp .view li:nth-child(4) a::after{	
	background: #fff url(/gl-ns../images/img1/4.png) no-repeat scroll 19px 19px;
}
.list-warp .view li:nth-child(1) a:hover::after{	
	background: #0054AA url(/gl-ns../images/img1/11.png) no-repeat scroll 22px 19px;
}
.list-warp .view li:nth-child(2) a:hover::after{	
	background: #0054AA url(/gl-ns../images/img1/22.png) no-repeat scroll 20px 19px;
}
.list-warp .view li:nth-child(3) a:hover::after{	
	background: #0054AA url(/gl-ns../images/img1/33.png) no-repeat scroll 20px 19px;
}
.list-warp .view li:nth-child(4) a:hover::after{	
	background: #0054AA url(/gl-ns../images/img1/44.png) no-repeat scroll 19px 19px;
}

/*.list3*/
.kindof{
	height: 210px;
	margin-bottom: 20px;
        margin-top: -4px;
}
.kindof a{
	width: 130px;
	height: 170px;
	position: relative;
	float: left;
	margin: 40px;
	color: #0d5c85;
}
.kindof a:nth-child(2){
	margin: 40px 157px;
}
.kindof a:nth-child(3){
	margin: 40px 157px 40px 40px;
}
.kindof a::before{
	content: " ";
	position: absolute;
	top: 0;
	left: 10px;
	display: block;
	width: 110px;
	height: 110px;
	border-radius: 50%;
}
.kindof a::after{
	content: " ";
	position: absolute;
	top: 5px;
	left: 15px;
	display: block;
	width: 100px;
	height: 100px;
	border-radius: 50%;
}

.kindof>a:nth-child(1)::before{
	background: #0054AA url(/gl-ns../images/img3/tb1.png) no-repeat center center;
}
.kindof>a:nth-child(1):hover::after{
	background: #fff url(/gl-ns../images/img3/tb11.png) no-repeat center center;
}
.kindof>a:nth-child(2)::before{
	background: #0054AA url(/gl-ns../images/img3/tb2.png) no-repeat center center;
}
.kindof>a:nth-child(2):hover::after{
	background: #fff url(/gl-ns../images/img3/tb22.png) no-repeat center center;
}
.kindof>a:nth-child(3)::before{
	background: #0054AA url(/gl-ns../images/img3/tb3.png) no-repeat center center;
}
.kindof>a:nth-child(3):hover::after{
	background: #fff url(/gl-ns../images/img3/tb33.png) no-repeat center center;
}
.kindof>a:nth-child(4)::before{
	background: #0054AA url(/gl-ns../images/img3/tb4.png) no-repeat center center;
}
.kindof>a:nth-child(4):hover::after{
	background: #fff url(/gl-ns../images/img3/tb44.png) no-repeat center center;
}
.kindof>a>p{
	width: 100%;
	position: absolute;
	bottom: 5px;
	text-align: center;
	font-size: 24px;
	letter-spacing: 3px;
}
#kind{
	position: relative;
	height: 628px;
	margin-top: 20px;
}
.kindhd{
	height: 43px;
	position: absolute;
	top: 0;
	left: 0;
}
.kindbodyby{
	position: absolute;
	top: 43px;
	left: 0;
	width: 100%;
	height: 575px;
	overflow: hidden;
}
.kindbodyby .block{
	width: 100%;
	height: 100%;
	/* overflow: auto; */
	/* overflow-y: scroll; */
	overflow: hidden;
}
.kindhd li{
	width: 130px;
	height: 100%;
	float: left;
	margin-right: 2px;
}
.kindhd li a{
	width: 100%;
	height: 100%;
	float: left;
	margin-right: 2px;
	background: #0054AA;
	position: relative;
	color: #fff;
	text-align: center;
	line-height: 43px;
	font-size: 20px;
	letter-spacing: 3px;
}
.kindhd li a:after{
	content: " ";
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	height: 0;
    border-bottom:20px solid transparent; 
    border-right:20px solid #fff; 
}
#kind.block1 .kindhd li:nth-child(1) a{ 
 	background: #99bbde;
 	color: #0d5c85;
}
#kind.block2 .kindhd li:nth-child(2) a{
 	background: #99bbde;
 	color: #0d5c85;
}
#kind.block3 .kindhd li:nth-child(3) a{
 	background: #99bbde;
 	color: #0d5c85;
}
#kind.block4 .kindhd li:nth-child(4) a{
 	background: #99bbde;
 	color: #0d5c85;
}
#kind.block1 .kindbodyby .block:nth-child(1){
    margin-top: 0;
}
#kind.block2 .kindbodyby .block:nth-child(1){
    margin-top: -575px;
}
#kind.block3 .kindbodyby .block:nth-child(1){
    margin-top: -1150px;
}
#kind.block4 .kindbodyby .block:nth-child(1){
    margin-top: -1725px;
}
#kind .kindbodyby .block { 
	width: 100%; 
    transition: all .3s ease; 
}
#kind .kindbodyby .block .pages {
	width: 100%; 
	height: 100px;
	background: #f2f2f2;
	margin: 0;
	padding-top: 40px;
}
#kind .kindbodyby .block .pages a {
	padding: 0 15px;
	height: 33px;
	line-height: 33px;
}

#kind .kindbodyby .block .pages a:hover{
	text-decoration:none;
	background:#3277B8;
	border: 1px solid #3277B8;
	color:#fff;
}

#kind .kindbodyby .block .pages span {
	padding: 0 15px;
		height: 33px;
	line-height: 33px;
}

#kind .kindbodyby .block .pages #aspnetpage_input
{
    margin-left:5px;
    margin-right:5px;
    display:inline-block;
	height:33px;
}
#kind .kindbodyby .block li{
	width: 100%;
	height: 100px;
	position: relative;
	background: #e7e7e7;
	margin: 15px 0;
}
#kind .kindbodyby .block li:hover{
	background: #17B3D1;	
}
#kind .kindbodyby .block li a:hover,
#kind .kindbodyby .block li a:hover .sec-img,
#kind .kindbodyby .block li a:hover .sec-text,
#kind .kindbodyby .block li a:hover .sec-time
{
	color: #fff;
	background: #17B3D1
}

#kind .kindbodyby .block li:first-child{
	margin-top: 15px;
}
#kind .kindbodyby .block li:last-child{
	margin-bottom: 15px;
}
#kind .kindbodyby .block li h1{
	position: absolute;
	/* width: 256px; */
	left: 46px;
	top: 10px;
	font-size: 20px;
	letter-spacing: 3px;
	color: #0D5C85;
}
#kind .kindbodyby .block li .content{
	position: absolute;
	width: 75%;
	left: 46px;
	top: 44px;
	font-size: 16px;
	color: #000;
	text-align: left;
}
#kind .kindbodyby .block li .content span{
	font-size: 21px;
}
#kind .kindbodyby .block li .content p{
	font-size: 21px;
}
#kind .kindbodyby .block li .content:hover{
	color: #0054AA;
}
#kind .kindbodyby .block li .Details{
	position: absolute;
	width: 60px;
	height: 26px;
	border: 2px solid #0054AA;
	right: 20px;
	top: 75px;
	border-radius: 5px;
	color: #0054AA;
	line-height: 20px;
	font-size: 16px;
	letter-spacing: 2px;
}
#kind .kindbodyby .block li .Details:hover{
	background: #0054AA;
	color: #fff;
}
.list-link{
	height: 206px;
	margin: 35px 0;
}
.list-link a{
	width: 289px;
	height: 206px;
	float: left;
	position: relative;
}
.list-link a img{
	border-radius:20px;
    position:absolute;
  	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.list-link a:nth-child(1){
	background: url(/gl-ns../images/img3/tu1.png) no-repeat;
}
.list-link a:nth-child(2){
	background: url(/gl-ns../images/img3/tu2.png) no-repeat;
	margin: 0 15px;
}
.list-link a:nth-child(3){
	background: url(/gl-ns../images/img3/tu3.png) no-repeat;
	margin-right: 14px;
}
.list-link a:nth-child(4){
	background: url(/gl-ns../images/img3/tu4.png) no-repeat;
}


/*list2*/
.list-warp>.left{
	width: 49%;
	float: left;
	margin-top: 20px;
}

.list-warp>.right{
	width: 49%;
	float: right;
	margin-top: 25px;
}
.list-warp>.mainlist>.title>.titlebom>.bulebom{
	border-left: 320px solid #0054aa;
}
.list-warp>.mainlist>.title>.titlebom>.bulebom::before{
	left: 544px;
}
.list-warp>.mainlist>.title>.titlebom>.bulebom::after{
	left: 568px;
}
.list-warp>.mainlist>.view{
	width: 100%;
}
.list-warp>.mainlist>.view>ul{
}
.list-warp>.mainlist>.view>ul>li{
	width: 100%;
	height: auto;
	border:3px solid #adadad;
	border-bottom: 1.5px;
	margin: 0;
}
.list-warp>.left>.view>ul>li:nth-child(7){
	width: 100%;
	height: auto;
	border-bottom: 3px solid #adadad;
	margin: 0;
}
.list-warp>.left>.view>ul>li:last-child{
	width: 100%;
	height: auto;
	border-bottom: 3px solid #adadad;
	margin: 0;
}
.list-warp>.right>.view>ul>li:last-child{
	width: 100%;
	height: auto;
	border-bottom: 3px solid #adadad;
	margin: 0;
}

.list-warp>.mainlist>.view>ul>li>a{
	width: 83%;
	height: 51px;
	margin: 0;
	font-size: 16px;
	line-height: 51px;
	position: relative;
	padding-left: 40px;
	color: #000;
	counter-increment: section;
}
.list-warp>.mainlist>.view>ul>li>a:hover{
	width: 82%;
	height: 100px;
	padding-left: 75px;
         line-height: 72px;
	background: none;
	color: #0054AA;
	transition: 0.2s;
}
.list-warp>.mainlist>.view>ul{
	
	counter-reset: section;
}
.list-warp>.mainlist>.view>ul>li>a::before{
	content: counters(section, "."); 
	width: 40px;
	height: 33px;
	line-height: 33px;
	position: absolute;
	background: #0054AA;
	border-radius: 0;
	left: 10px;
	top: 10px;
	color: #fff;
	font-size: 38px;
	font-family:'Impact9465398491846a';
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
        text-align: center;
	transition: 0.2s;
	text-indent: 1px;
}
.list-warp>.mainlist>.view>ul>li>a:hover::before{
	width: 76px;
	height: 63px;
	top: 17px;
	font-size: 70px;
	line-height: 63px;
	text-indent: 1px;
}

.list-warp>.mainlist>.view>ul>li>.time{
	height: 22px;
	top: 20px;
	right: 10px;
}
.view>ul>.view-show{
	width: 100%;
	height: 160px;
	margin: 40px 0;
}
.view>ul>.view-show a{
	display: block;
	float: left;
	width: 190px;
	height: 160px;
	margin: 0;
}
.view>ul>.view-show a img{
	display: block;
	margin: 0;
}
.view>ul>.view-show a:nth-child(2){
	margin: 0 8px;
}

.list-warp>.right>.right-show{
	width: 100%;
	height: 345px;
	margin-top: -1px;
	margin-bottom: 40px;
}
.list-warp>.right>.right-show a{
	position: relative;
        display: block;
}
.list-warp>.right>.right-show a>p{
        text-shadow:#FF0000 1px 1px 1px;
        -webkit-text-stroke:0.5px #fff;
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        text-indent: 0;
        color: #C7254E;
        font-size: 26px;
        transform: translate(-50%, -50%);
}
.list-warp>.right>.right-show a>img{
	display: block;
	width:100%;
	height:100%;
	border-radius:10px;
}
.list-warp>.right>.right-show>.l>a:nth-child(1){
	width: 222px;
	height: 133px;
	
	margin-bottom: 10px;
}
.list-warp>.right>.right-show>.l>a:nth-child(2){
	width: 222px;
	height: 201px;
	
}
.list-warp>.right>.right-show>.r>a:nth-child(1){
	width: 352px;
	height: 243px;
	/* background: url(/gl-ns../images/img2/tu2.png) no-repeat; */
	margin: 0;
	margin-bottom: 10px;
}
.list-warp>.right>.right-show>.r>a:nth-child(2){
	width: 352px;
	height: 88px;
	margin: 0;
	
}

/*details*/
.locat{
	min-height: 500px;
	margin-top: 20px;
	height: auto;
}
.locat-hd{
	width: 100%;
	height: 75px;
	background: url(/gl-ns../images/img4/fl.png) left top 10px  no-repeat;
	border-bottom: 3px solid #0054AA;
	position: relative;
}
.locat-bm1{
	width: 6px;
	height: 3px;
	bottom: -3px;
	right: 73px;
	background: #fff;
	position: absolute;
}
.locat-bm2{
	width: 20px;
	height: 3px;
	bottom: -3px;
	right: 0;
	background: #C9302C;
	position: absolute;
}
.locat-hd::before{
	content: " ";
	position: absolute;
	width: 6px;
	height: 3px;
	background: #fff;
	bottom: -3px;
	right: 20px;
}
.locat-hd::after{
	content: " ";
	position: absolute;
	width: 6px;
	height: 3px;
	background: #fff;
	bottom: -3px;
	right: 163px;
}
.locat-hd h1{
	padding-top: 18px;
}
.locat-hd h1 span{
	color: #005ab4;
}
.locat-hd h1 span:nth-child(1){
	font-size: 30px;
        font-weight: bold;
        line-height: 60px;
}
.locat-hd h1 span:nth-child(2){
	font-size: 22px;
}
.location{
	position: absolute;
	right: 0px;
	font-size: 18px;
	bottom: 7px;
	color: #000;
}
.location a{
	font-size: 18px;
	color: #000;
}
.location a:hover{
	color: #0054AA;
}
.locat .content{
	height: auto;
	margin-bottom: 100px;
}
.locat .content h1{
	margin-bottom: 10px;
}
.locat>.content>h1>span{
	height: 100px;
	line-height: 100px;
	font-size: 28px;
	padding-bottom: 10px;
	border-bottom: 3px solid #0054AA;
	color: #0054AA;
}
.locat>.content>h1>div>span{
	height: 20px;
	line-height: 20px;
	font-size: 16px;
	color: #999999;
}
.locat>.content>h1>div>span:nth-child(1){
	margin-right: 10px;
}
.locat .content p{
	text-align: left;
	text-indent: 2em;
	font-size: 16px;
	padding: 5px 3%;
	line-height: 25px;
	letter-spacing: 3px;
}
.locat .content .view{
	width: 90%;
	margin: 80px 5%;
}
.locat .content .view ul li{
	height: 30px;
	margin: 20px 3px;
}
.locat .content .view ul li a{
	width: 100%;
	height: 100%;
	line-height: 30px;
	font-size:19px;
}
.locat .content .view ul li span{
	width: 110px;
	height: 22px;
       font-size: 18px;
       color: #fff;
       line-height: 22px;
	right: 20px;
}
/*分页*/
.pages {
	margin-top: 80px;
	width: 100%;
	text-align: center;
	height: 30px;
	font-size: 14px;
}

.pages a {
	display: inline-block;
	padding: 0 10px;
	height: 28px;
	line-height: 28px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #ccc;
	color:#000;
	background: #fff;
	cursor:pointer;
	font-size:14px;
	vertical-align:middle;
}

.pages a:hover{
	text-decoration:none;
	background:#3277B8;
	border: 1px solid #3277B8;
	color:#fff;
}

.pages span {
	display: inline-block;
	padding: 0 10px;
	height: 28px;
	line-height: 28px;
	border: 1px solid #3277B8;
	font-weight: bold;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	font-size: 14px;
	vertical-align:middle;
	background: #3277B8;
	color:#fff;
}

#aspnetpage_input
{
    margin-left:5px;
    margin-right:5px;
    display:inline-block;
	height:28px;
}
.conttact>h1{
	display: block;
	width: 376px;
	margin: 20px auto 0 auto;
	font-size: 25px;
	color: #0054AA;
	height: 70px;
	letter-spacing: 3px;
	line-height: 70px;
	text-align: center;
	border-bottom: 3px dotted #0054AA;
	position: relative;
}
.conttact>h1::after{
	position: absolute;
	width: 77px;
	height: 20px;
	line-height: 20px;
	content: "···";
	color: #0054AA;
	background: #fff;
	left: 50%;
	bottom: -18px;
	text-align: center;
	text-indent: 10px;
	letter-spacing: 6px;
	font-size: 60px;
	transform: translate(-50%, -50%);
	
}
.conttact>ul>li{
	width: 362px;
	height: 253px;
	background: #dcdedd;
	float: left;
	margin: 50px 0;
	text-align: center;
	font-size: 20px;
	line-height: 30px;
	
}

.conttact>ul>li:nth-child(2){	
	margin-left: 57px;
}
.conttact>ul>li:nth-child(3){	
	float: right;
}
.conttact>ul>li>span{
	display: block;
	width: 150px;
	height: 135px;
	line-height: 200px;
	font-size: 30px;
	margin: 20px auto;
	color: #0054AA !important;
	position: relative;
	text-align: center;
}
.conttact>ul>li>span::before{
	position: absolute;
	left: 50%;
	top: 40%;
	transform: translate(-50%, -50%);
	margin: 0 auto;
	font-size: 50px;
	color: #5f5d5e;
}
.conttact>ul>li>span::after{
	content: " ";
	width: 55px;
	height: 4px;
	background: #105191;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, -50%);
	margin: 0 auto;
	font-size: 50px;
	color: #5f5d5e;	
}
#plist{
	margin: 40px 5%;
}
.locat>.content>#plist>ul>li{
        margin-top: 50px;
	width: 30%;
	height: 200px;
	float: left;
}
.locat>.content>#plist>ul>li>a{
	width: 100%;
	height: 100%;
	float: left;
	margin: 0 auto;
}
.locat>.content>#plist>ul>li>a>img{
	max-width: 100%;
	max-height: 100%;
        width: 96%;
	display: block;
	margin: 0 auto;
	vertical-align:middle;
}
.locat>.content>#plist>ul>li>p{
    text-align: center;
    text-indent: 0;
    font-size: 19px;
    padding: 7px 3%;
    line-height: 50px;
}
/*成功案例列表*/
#mycase{
	position: relative;
	height: 440px;
	margin-top: 15px;
}
.mym{
	width: 191px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.mycontainer{
	position: absolute;
	top: 0;
	left: 200px;
	width: 1000px;
	height: 440px;
	overflow: hidden;
	background: #e7e7e7;	
}
.mycontainer .block{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#mycase>.mym>a{
	width: 100%;
	height: 104px;
	margin-top: 8px;
	float: left;
	color: #FFF;
	display: block;
	text-align: center;
	line-height: 100px;
	font-size: 22px;
}

#mycase>.mym>a:nth-child(1){
	background: #78bcaf;
	margin-top:0;
}
#mycase>.mym>a:nth-child(2){
	background: #adca7a;
}
#mycase>.mym>a:nth-child(3){
	background: #67affb;
}
#mycase>.mym>a:nth-child(4){
	background: #f87678;
}

#mycase.block1 .mym a:nth-child(1){
 	background: #99bbde;
 	color: #0d5c85;
 	width:202px;
}
#mycase.block2 .mym a:nth-child(2){
 	background: #99bbde;
 	color: #0d5c85;
 	width:202px;
}
#mycase.block3 .mym a:nth-child(3){
 	background: #99bbde;
 	color: #0d5c85;
 	width:202px;
}
#mycase.block4 .mym a:nth-child(4){
 	background: #99bbde;
 	color: #0d5c85;
 	width:202px;
}
#mycase .mycontainer .block {
    border:2px solid #99bbde;
}
#mycase.block1 .mycontainer .block:nth-child(1){
    margin-top: 0;
}
#mycase.block2 .mycontainer .block:nth-child(1){
    margin-top: -440px;
}
#mycase.block3 .mycontainer .block:nth-child(1){
    margin-top: -880px;
}
#mycase.block4 .mycontainer .block:nth-child(1){
    margin-top: -1320px;
}

#mycase .mycontainer .block { 
	width: 100%; 
    transition: all .3s ease; 
}
#mycase>.mycontainer>.block>.view{
	height: 100%;
}
#mycase>.mycontainer>.block>.view>ol{
	counter-reset: section;
}
#mycase>.mycontainer>.block>.view>ol>li{
	height: 48px;
	line-height: 48px;
	text-align: left;
	position: relative;
}
#mycase>.mycontainer>.block>.view>ol>li>a{
	height: 48px;
	line-height: 48px;
	text-align: left;
	color: #0054AA;
	padding-left: 40px;
	counter-increment: section;
	font-size: 16px;
	position: relative;
}
#mycase>.mycontainer>.block>.view>ol>li>span{
	right: 10px;
	top: 13px;
    height: 22px;
    line-height: 22px;
}
#mycase>.mycontainer>.block>.view>ol>li>a::before{
	content: counters(section, "."); 
	width: 24px;
	height: 22px;
	line-height: 22px;
	position: absolute;
	background: #3C763D;
	border-radius: 0;
	left: 7px;
	top: 0px;
	color: #fff;
	font-size: 22px;
	text-align: center;
	font-family:'Impact9465398491846a';
	/*background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;*/
	transition: 0.2s;
	text-indent: 1px;	
}
/*图文列表*/
.tabBar{
	margin:30px auto;
	}
.tabBar .hd ul{
	z-index:5;
	position:relative;
	zoom:1;
	}
.tabBar .hd li{
	width: 191px;
	height: 100px;
	margin-top:13px;
	cursor:pointer;
	text-align: center !important;
	height: 100%;
	line-height: 110px;
	font-size: 22px;
}
.tabBar .hd li:nth-child(1){
	background: #78bcaf;
}
.tabBar .hd li:nth-child(2){
	background: #adca7a;
}
.tabBar .hd li:nth-child(3){
	background: #67affb;
}

.tabBar .hd li.on{
	background:#99bbde;
	width:202px;
}
.tabBar .bd{
	width:998px;
	clear:both;
	position:relative;
	height:auto;
	margin-top: -356px;
	border:2px solid #99bbde;
	padding-bottom: 30px;
	}
.tabBar .bd .conWrap{
	width:1000px;
	}
.tabBar .prevStop,.tabBar .nextStop{display:none;}
.con-text{
	width: 100%;
	padding: 20px 5%;
}
.con-img{
	width: 100%;
	padding: 0 6%;
}
.conWrap>.con>.con-img>li{
	width: 30%;
	height: 260px;
	float: left;
	padding: 20px 0;
}
.conWrap>.con>.con-img>li:nth-child(3n-1){
	margin:0 5%;
}
.conWrap>.con>.con-img>li>a{
	width: 100%;
	height: 80%;
	margin: 0 auto;
}
.conWrap>.con>.con-img>li>p{
	/* width: 100%; */
	/* display: block; */
	text-align: center;
	text-indent: 0;
	font-size: 16px;
	padding: 7px 3%;
	line-height: 20px;
	letter-spacing: 3px;
}
.conWrap>.con>.con-img>li>a>img{
	max-width: 100%;
	max-height: 100%;
	height: 100%;
	width: 100%;
	display: block;
	margin: 0 auto;
	vertical-align:middle;
}
/*导航图片*/
#fglnva-bj {
			width: 100%;
			height: 100%;
			position: relative;
		}
		#fglnva-bj>.glnva-bj:nth-last-child(1){
			left: 90px;
			animation: glnva-bj 5s 1;
			-moz-animation: glnva-bj 5s 1;
			-webkit-animation: glnva-bj 5s 1;
			-o-animation: glnva-bj 5s 1;
			border-radius: 5px;
			-webkit-border-radius: 5px;
		}
		#fglnva-bj>.glnva-bj:nth-last-child(2){
			left: 180px;
			animation: glnva-bj 7s 1;
			-moz-animation: glnva-bj 7s 1;
			-webkit-animation: glnva-bj 7s 1;
			-o-animation: glnva-bj 7s 1;
			border-radius: 7px;
			-webkit-border-radius: 7px;
		}
		#fglnva-bj>.glnva-bj:nth-last-child(3){
			left: 270px;
			animation: glnva-bj 9s 1;
			-moz-animation: glnva-bj 9s 1;
			-webkit-animation: glnva-bj 9s 1;
			-o-animation: glnva-bj 9s 1;
			border-radius: 5px;
			-webkit-border-radius: 5px;
		}
		#fglnva-bj>.glnva-bj:nth-last-child(4){
			left: 360px;
			animation: glnva-bj 11s 1;
			-moz-animation: glnva-bj 11s 1;
			-webkit-animation: glnva-bj 11s 1;
			-o-animation: glnva-bj 11s 1;
			border-radius: 5px;
			-webkit-border-radius: 5px;
		}
		
		.glnva-bj {
			width: 75px;
			height: 54px;
			top: 368px;
			background: #92B901;
			color: #ffffff;
			position: absolute;
			font-weight: bold;
			font: bold 12px '微软雅黑', Verdana, Arial, Helvetica, sans-serif;
			animation: glnva-bj 20s 1;
			-moz-animation: glnva-bj 20s 1;
			-webkit-animation: glnva-bj 20s 1;
			-o-animation: glnva-bj 20s 1;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			animation-fill-mode : forwards;
			transition: animation all 20s;
		}
		
		.glnva-bj>img {
			display: block;
			width: 100%;
			height: 100%;
		}
		
		@keyframes glnva-bj {
			0% {
				transform: rotate(0deg);
				left: 1200px;
			}
			25% {
				transform: rotate(-20deg);
				top: 368px;
			}
			50% {
				transform: rotate(0deg);
				top: 368px;
			}
			55% {
				transform: rotate(0deg);
				top: 368px;
			}
			70% {
				transform: rotate(0deg);
				top: 368px;
				background: #1ec7e6;
			}
			100% {
				transform: rotate(0deg);
				top: 368px;
			}
		}
		
		@-webkit-keyframes glnva-bj {
			0% {
				-webkit-transform: rotate(0deg);
				left: 1200px;
			}
			25% {
				-webkit-transform: rotate(-20deg);
				top: 0px;
			}
			50% {
				-webkit-transform: rotate(0deg);
				top: 368px;
			}
			55% {
				-webkit-transform: rotate(0deg);
				top: 368px;
			}
			70% {
				-webkit-transform: rotate(0deg);
				top: 368px;
				background: #1ec7e6;
			}
			100% {
				transform: rotate(0deg);
				top: 368px;
			}
		}
		
		@-moz-keyframes glnva-bj {
			0% {
				-moz-transform: rotate(0deg);
				left: 1200px;
			}
			25% {
				-moz-transform: rotate(-20deg);
				top: 0px;
			}
			50% {
				-moz-transform: rotate(0deg);
				top: 368px;
			}
			55% {
				-moz-transform: rotate(0deg);
				top: 368px;
			}
			70% {
				-moz-transform: rotate(0deg);
				top: 368px;
				background: #1ec7e6;
			}
			100% {
				transform: rotate(0deg);
				top: 368px;
			}
		}
		
		@-o-keyframes glnva-bj {
			0% {
				transform: rotate(0deg);
				left: 1200px;
			}
			25% {
				transform: rotate(20deg);
				top: 0px;
			}
			50% {
				transform: rotate(0deg);
				top: 368px;
			}
			55% {
				transform: rotate(0deg);
				top: 368px;
			}
			70% {
				transform: rotate(0deg);
				top: 368px;
				background: #1ec7e6;
			}
			100% {
				transform: rotate(0deg);
				top: 368px;
			}
		}

/*列表修改样式*/
.sec-img{
	width: auto;
	height: 100%;
	margin: 0 10px;
}
.sec-img>img{
	width: 171px;
	height: 80px;
	margin: 10px;
}
.sec-text{
	width: 844px;
	height: 100%;
	padding: 10px;
}
.sec-text>.title{
	width: 100%;
	height: 40px;
	margin: 0;
	line-height: 50px;
}
.sec-text>p{
	width: 100%;
	text-align: left;
}
.sec-time{
	width: 100px;
	height: 100%;
}
.sec-time>span{
	display: block;
	width: 100%;
	height: 50%;
	text-align: center;
}
.sec-time>.mon{
	padding-top: 30%;
}
.sec-time>.year{
	padding-top: 10%;
}