.text-ellipsis{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {*+height: 1%;}
.auto-img{width: 100%;height: 100%;display: block;}
a,a:hover{text-decoration: none;}
/*header*/
.index .nav-box{background-color: #ffffff;}
.index .nav-content{width: 1200px;height: 70px;margin:0 auto;background: #fff;}
.index .nav-left{width: 25%;height: 70px;box-sizing: border-box;margin: 0;text-align: center;position: absolute;}
.index .logo{left: 0;right: 0;width: 120px;height: 70px;margin:20px 0 10px 50px;position: absolute;}
.index .nav-right{width: 85%;height: 70px;padding-top:0;box-sizing: border-box;margin: 0;text-align: center;}
.index .nav>li{float: left;width: 80px;line-height: 70px;margin:0 29px;position: relative;cursor: pointer;}
.index .nav li a {font: 500 14px/70px 'Microsoft YaHei';color: #333;}
.index .nav .drop-down ul a {font: 500 14px/50px 'Microsoft YaHei';color: #333;}
.index .nav>li:last-child a{height: 30px;line-height: 30px;display: inline-block;padding: 0px 10px;margin-top:20px; font-size: 14px;color: #fff;background: #3ea3f9;border-radius: 15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;-ms-border-radius: 15px;-o-border-radius: 15px;transition: 0.3s;}
.index .nav>li:hover>a{color:  #366ed7;}
.index .nav>li:last-child:hover a{color: #fff;font-size: 15px;box-shadow: 8px 8px 20px #eee;margin-top:20px;}
.index .nav>li:hover>.line{display: block;}
.index .nav>li:nth-child(4){float: left;width: 100px;line-height: 70px;margin:0 29px;position: relative;cursor: pointer;}
.index .nav .line{position: absolute;top: 0;left: 0;bottom: 0;margin:67px auto 0;width: 100%;height: 3px;background-color: #366ed7;display: none;}
.index .nav .line-one{position: absolute;top: 0;left: 0;bottom: 0;margin:47px auto 0;width: 100%;height: 3px;background-color: #366ed7;display: none;}
.index .nav .line-two{position: absolute;top: 0;left: 0;bottom: 0;margin:97px auto 0;width: 100%;height: 3px;background-color: #366ed7;display: none;}
.index .nav .line-three{position: absolute;top: 0;left: 0;bottom: 0;margin:147px auto 0;width: 100%;height: 3px;background-color: #366ed7;display: none;}
.index .nav .line-four{position: absolute;top: 0;left: 0;bottom: 0;margin:197px auto 0;width: 100%;height: 3px;background-color: #366ed7;display: none;}
.index .nav .active-line{display: block;}
.index .nav .drop-down{position: relative;height: 70px;}
.index .nav .collection{padding: 0;display:none;width: 100%;position: absolute;z-index: 2;background-color: #ffffff;}
.index .nav .collection2{padding: 0;display:none;width: 100%;background-color: #ffffff;position: absolute;z-index: 2;}
.index .nav .collection3{padding: 0;display:none;width: 100%;background-color: #ffffff;position: absolute;z-index: 2;}
.index .nav .collection4{padding: 0;display:none;width: 100%;background-color: #ffffff;position: absolute;z-index: 2;}
.index .nav .collection>li:nth-child(1):hover>.line,a{display: block;}
.index .nav .collection>li:nth-child(1):hover>.line-one{display: block;}
.index .nav .collection>li:nth-child(2):hover>.line-two{display: block;}
.index .nav .collection>li:nth-child(3):hover>.line-three{display: block;}
.index .nav .collection>li:nth-child(4):hover>.line-four{display: block;}
.index .nav .collection2>li:nth-child(1):hover>.line-one{display: block;}
.index .nav .collection2>li:nth-child(2):hover>.line-two{display: block;}
.index .nav .collection2>li:nth-child(3):hover>.line-three{display: block;}
.index .nav .collection3>li:nth-child(1):hover>.line-one{display: block;}
.index .nav .collection3>li:nth-child(2):hover>.line-two{display: block;}
.index .nav .collection4>li:nth-child(2):hover>.line-one{display: block;}
.nav .drop-down a:hover{color: #366ed7;transition: 0.3s;}
.nav .drop-down .collection a:hover{color: #366ed7;transition: 0.3s;}
.nav .drop-down:hover .collection{display:block;}
.nav .drop-down .collection2 a:hover{color: #366ed7;transition: 0.3s;}
.nav .drop-down:hover .collection2{display:block;}
.nav .drop-down .collection3 a:hover{color: #366ed7;transition: 0.3s;}
.nav .drop-down:hover .collection3{display:block;}
.nav .drop-down .collection4 a:hover{color: #366ed7;transition: 0.3s;}
.nav .drop-down:hover .collection4{display:block;}
/*===================================================================================================*/

/*footer*/
.index .footer{margin-top: 95px;width: 100%;height: 100%;background-color: #244581;}
.index .footer-top{width: 1200px;margin:0 auto;padding-top: 40px;}
.index .footer-top .keep-left img{right: 0;top: 0;}
.index .footer-top .new-foot-logo{margin-right: 70px;}
.index .footer-top .new-foot-cont{margin-right: 150px;}
.index .footer-top h6{font: 500 18px/30px 'Microsoft YaHei';color: #fff;}
.index .footer-top h5{font: 500 24px/30px 'Microsoft YaHei';color: #fff;}
.index .footer-top p{font: 500 14px/28px 'Microsoft YaHei';color: #fff;}
.index .footer-bottom{width: 100%;margin:0 auto;padding-top: 40px;padding-bottom: 30px;text-align:center;}
.index .footer-bottom p {font: 500 12px/20px 'Microsoft YaHei';color: #ccc;}
.index .footer-bottom p:first-child{display: inline-block;}
.index .footer-bottom a{display: inline-block;}
.index .footer-bottom a:visited{color: #ccc;text-decoration: none;}
.gopolice::before{position: relative;left: 0;top: 5px;content: '';display: inline-block;width: 20px;height: 23px;background: url(../vccamp/images/police.png) no-repeat 0px 3px;}
/*===================================================================*/