a {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #464da0;
}
ul {
	margin: 0;
	list-style: none;
	padding: 0;
}

.container {
	padding: 0 15px;
	min-width: 1000px;
	margin: 0 auto;
	max-width: 1600px;
}

.header .nav li.hover_1{
	height: 20%;
	background:rgba(70, 77, 160, .7);
	color: #fff;

}


.header {
	position: fixed;
	z-index: 10;
	width: 100%;
	top: 0;
	left: 0;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	/*background-color: rgba(255,255,255,.05);*/

}
/*.header .container {width: auto;padding: 0 60px;}*/

.header .logo-2{display: none;}

/*.header .logo {
	float: left;
	font-size: 0;
	height: 0px;
	line-height: 0px;
	text-align: left;
	padding: 25px 0;
}*/
.header .nav {
	float: right;
}

 @media screen and (max-width:1279px) and (min-width:1000px) {
/* 	.header .nav {*/
/*	float: left;*/
/*}*/
 }

.header .nav li {
	margin-left: 10px;
	float: left;
}
.header .nav li>a {
	display: block;
	font-size: 18px;
	line-height: 100px;
	position: relative;
	color: #fff;
	padding: 0 30px;
}
    @media screen and (max-width:1280px) {
    	.header .nav li>a {
    		font-size: 12px;
    	}
    }


.header .nav li>a:hover {
/*	background:#fff;*/
	color: #ff0;

}
.header .nav li>a:after{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 3px;
	background-color: #ff0;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	content: '';
}



.header .nav li .arr {
	float: right;
	height: 40px;
	width: 40px;
	position: relative;
	display: none;
}
.header .nav li .arr:after {
	content: '';
	border-top: 2px solid #ccc;
	border-left: 2px solid #ccc;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	display: block;
	width: 8px;
	height: 8px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	right: 15px;
}
.header .nav li.dropdown {
	position: relative;
}
.header .nav .dropdown-box {
	position: absolute;
	left: 0;
	min-width: 100%;
	top: 100%;
	display: none;
	z-index: 10;
	text-align: center;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
.header .nav .dropdown-box p {
	margin: 0;
}
.header .nav .dropdown-box a {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 10px;
	font-size: 14px;
	display: block;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	line-height: 40px;
	color: #333;
}
.header .nav .dropdown-box a:hover {
	background-color: #464da0;
	color: #fff;
}
.header .nav li.active>a, .header .nav li.open>a, .header .nav li>a:hover {
}
.header .nav li.open>a:after, .header .nav li.active>a:after, .header .nav li>a:hover:after {
	width: 100%;
}
.header .nav li.open .dropdown-box {
	display: block;
}
.header .sc {
	float: right;
	position: relative;
	margin-left: 40px;
}
.header .sc-btn {
	display: block;
	height: 100px;
	width: 30px;
	background: url(../image/icon1.png) no-repeat center;
}
.header .sc-box {
	position: absolute;
	right: 0;
	top: 100%;
	overflow: hidden;
	display: none;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
.header .sc-box input {
	display: block;
	padding: 9px 62px 9px 12px;
	border: 1px solid transparent;
	font-size: 14px;
	color: #333;
	background-color: #fff;
	width: 200px;
}
.header .sc-box button {
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	width: 60px;
	height: 40px;
	background: #464da0;
	color: #fff;
	border: 0;
	cursor: pointer;
	font-size: 14px;
}

.header-active {
	background: #fff;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
.header-active .nav li>a {
	display: block;
	font-size: 18px;
	line-height: 100px;
	position: relative;
	color: #333;
	padding: 0 30px;
}

    @media screen and (max-width:1280px) {
    	.header-active .nav li>a {font-size: 12px;}
    }

.header-active .nav li>a:hover {
/*	background:#fff;*/
	color: #464da0;

}
.header-active .nav li>a:after{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 3px;
	background-color: #464da0;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	content: '';
}
.header-active .logo-1{display: none;}
.header-active .logo-2{display: block;}

.header-active .nav li.hover_1{
	height: 100%;
	    background: linear-gradient( to top, #464da0, #636dde) no-repeat;
    /*background: -webkit-linear-gradient( bottom #464da0, #636dde) no-repeat;*/
	color: #fff;

}


.nav li{float:left;display: block;position: relative;z-index: 10;font-size: 16px;text-align: center;background: url(http://www.hebeisantai.com/template/santai/cp/static/image/shu.jpg)no-repeat right;}
.nav li:first-child{background: none;}
.nav li:first-child.hover{background-color: #ce0001;}
.nav li a{display: block;color:#fff;font-size:16px;}
/*.nav li a:hover, .nav_main .nav li a.hover, .nav_main .nav li #hover2{background: #ff8a00;}*/
.nav dl{width: 100%;background: #fff;position: absolute;left: -0;top: 100px;z-index: 12;}
.nav dl{position: absolute;filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.nav li:hover dl{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.nav dl dd{line-height: 44px;height: 44px;border-top: 1px solid #e5e5e5;text-align: left;position: relative;z-index: 12;display: block;width: 100%;}
.nav dl dd:first-child{border: none;}
.nav dl dd a{color: #666;font-size: 14px;padding: 0;width: 100%;text-align:center;}
.nav dl dd a:hover, .nav_main .nav dl dd a.hover{background: #464da0;color: #fff;}
.nav dl dd .three{position: absolute;filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(-10px, 0, 0);}
.nav dl dd:hover .three{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.nav dl dd .three{position: absolute;left: 141px;top: 4px;padding-left: 20px;color: #666;z-index: 10;background: url(http://www.hebeisantai.com/template/santai/cp/static/image/menu_bg.png) 12px 10px no-repeat;}
.nav dl dd .three a{color: #666;width: 140px;font-size:14px;background: #fff;text-align: center;display: block;height: 39px;line-height: 39px;border-top: 1px solid #e5e5e5;transition: ease-in-out .2s;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.nav dl dd .three a:first-child{border-top:none;}
/*.nav dl dd .three a:hover{background:#044DAB;color: #fff;}*/





@media screen and (max-width: 1580px) {
/*.header .container {padding: 0 15px;}*/
.header .nav li>a {
	padding: 0 20px;
}
.shengchan .swiper-slide {
	width: 380px;
}
.shengchan .swiper-slide .text p {
	line-height: 50px;
	font-size: 18px;
}
}



 @media screen and (max-width: 767px) {

.more-big {
	margin-top: 30px;
	line-height: 40px;
}
.more-big span {
	font-size: 14px;
	padding: 0 20px;
}
.more-big i {
	height: 40px;
	width: 40px;
	background-size: 15px auto;
}
.header {
/*	padding: 10px 0;
	background-color: #000;*/
}
.header .logo {
	height: 30px;
	line-height: 30px;
	float: none;
	padding: 0;
}
.header .nav {
	margin: 10px -15px -10px;
	display: none;
	float: none;
}
.header .nav li {
	display: block;
	margin: 0;
	border-top: 1px solid #404040;
	float: none;
}
.header .nav li a {
	line-height: 40px;
	padding: 0 15px;
	font-size: 16px;
}
.header .nav li .arr {
	display: block;
	position: relative;
	z-index: 1;
}
.header .nav li.active a, .header .nav li.open a, .header .nav li a:hover {
}
.header .nav li.open>a:after, .header .nav li.active>a:after, .header .nav li>a:hover:after {
	width: 0;
}
.header .nav li.open .arr:after {
	border-color: #fff;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}
.header .nav .dropdown-box {
	position: static;
	background-color: #f5f5f5;
	min-width: auto;
	text-align: left;
}
.header .nav .dropdown-box a {
	color: #333 !important;
	border-top: 1px dotted #ddd;
	padding: 0 15px;
	line-height: 40px;
	background-color: transparent !important;
	border-bottom: 0;
}
.menu-btn {
	display: block;
}





.header .sc {
	margin-left: 0;
	margin-right: 20px;
}
.header .sc-btn {
	height: 30px;
	background-size: 18px auto;
}
.header .sc-box {
	margin-top: 10px;
	margin-right: -59px;
}

.contact {
	top: -30px;
}
.contact li {
	padding: 20px 0;
	width: 100%;
}
.contact-list {
	margin-top: -15px;
}
.contact-list li {
	width: 100%;
}
.contact-list li .wrap {
	margin-top: 15px;
}
.contact-list li h4 {
	font-size: 18px;
	background-size: auto 22px;
	padding-left: 30px;
}
.m-tc {
	text-align: center;
}
.mo {
	display: block;
}
/*.nnnns {
	margin: 10px 0;
}
.nnnns li {
	width: 25%;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	margin-right: 5%;
	border: #ddd 1px solid;
	margin-bottom: 10px;
}*/
.header .nav .dropdown-box {
	background: none;
}
.header .nav .dropdown-box a {
	background: #fff!important;
}
}


/* 内页新闻列表 */
.xypg-news-list li {
  width: 46%;
  float: left;
  border: 1px solid #e1e1e1;
  padding: 25px;
  background: #fff;
  margin-bottom: 35px;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.xypg-news-list li:nth-child(2n){ float: right;}

@media screen and (max-width: 1580px){
	.xypg-news-list li {

		width: 45%;

	 }
}


.xypg-news-list li .tit {
  border-bottom: 1px solid #cbcbcb;
  margin-bottom: 15px;
  position: relative;
}

.xypg-news-list li .tit h3 {
  padding-bottom: 15px;
  font-size: 18px;
  color: #565656;
  font-weight: normal;
  padding-right: 20%;
  text-align:left;
  margin: 0;
  max-height: 34px;
  line-height: 48px;
  overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}

.xypg-news-list li .tit .date {
  position: absolute;
  right: 0;
  top: 10px;
  font-size: 14px;
  color: #666666;
}

.xypg-news-list li .info {
  font-size: 14px;
  line-height: 2;
  color: #999999;
  min-height: 56px;
  overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}

.xypg-news-list li .more {
  margin-top: 15px;
}

.xypg-news-list li .more span {
  display: inline-block;
  width: 130px;
  line-height: 33px;
  text-align: center;
  color: #000;
  font-size: 14px;
  color: #666666;
  border: 1px solid #e1e1e1;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.xypg-news-list li:hover {
  -webkit-box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18);
          box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18);
}

.xypg-news-list li:hover .tit h3 {
  color: #464da0;
}

.xypg-news-list li:hover .more span {
  color: #fff;
  background-color: #464da0;
}

.content-title {
	margin-bottom: 30px;
}
.content-title h1 {
	border-left: 5px solid #464da0;
	margin: 0;
	padding-left: 15px;
	font-size: 24px;
}
.content-title p {
	margin: 15px 0 0;
	font-size: 0;
}
.content-title p span {
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
	color: #999;
	font-size: 14px;
}
.content-body {
	line-height: 1.8;
	font-size: 16px;
}
.content-body img {
	max-width: 100%;
	width: auto !important;
	height: auto !important;
}
.content-exp {
	margin-top: 50px;
	font-size: 16px;
}
.content-exp li {
	float: left;
	width: 50%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.content-exp li:last-child {
	text-align: right;
}










.my-4 {
    margin-bottom: 1.5rem!important
}
.my-4 {
    margin-top: 1.5rem!important
}
.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important
}
.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

.page-link:not(:disabled):not(.disabled) {
    cursor: pointer
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

.badge-primary[href]:focus,.badge-primary[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0062cc
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

.badge-secondary[href]:focus,.badge-secondary[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #545b62
}

.badge-success {
    color: #fff;
    background-color: #28a745
}

.badge-success[href]:focus,.badge-success[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #1e7e34
}

.badge-info {
    color: #fff;
    background-color: #464da0
}

.badge-info[href]:focus,.badge-info[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #117a8b
}

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

.badge-warning[href]:focus,.badge-warning[href]:hover {
    color: #212529;
    text-decoration: none;
    background-color: #d39e00
}

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

.badge-danger[href]:focus,.badge-danger[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #bd2130
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

.badge-light[href]:focus,.badge-light[href]:hover {
    color: #212529;
    text-decoration: none;
    background-color: #dae0e5
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

.badge-dark[href]:focus,.badge-dark[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #1d2124
}

.pages {
	min-height: 500px;
}
.position,.position a{
	color:#999;
}
.page-num:not(:disabled) {
    cursor: pointer;
}
.page-num ,.page-link{
    position: relative;
    display: block;
    padding: 14px 20px;
    margin-left: -1px;
    line-height: 1.25;
    color: #333;
    background-color: #fff;
    border: 1px solid #dee2e6;
	margin-right:10px;
	font-size: 16px;
}
a.page-num:hover,.page-link:hover{
	text-decoration:none;
    color: #fff;
    background-color: #464da0;
    border-color: #464da0;
}
.page-num-current{
    z-index: 1;
    color: #fff;
    background-color: #464da0;
    border-color: #464da0;
}
.page-num-current:hover{
    color: #fff;
    background-color: #464da0;
    border-color: #464da0;
}
@media only screen and (max-width: 750px) {
	.page-num {
		display:none;
	}
}


.section-title-1 {
	margin-bottom: 50px;
	text-align: center;
	font-size: 30px;
}
.section-title-1 small {
	display: block;
	color: #999;
	font-size: 20px;
	text-transform: uppercase;
}
.section-title-1 i {
	display: block;
	content: '';
	background: url(../image/icon10.png) no-repeat center / contain;
	height: 32px;
	margin-top: 5px;
}
.contact-2 .map {
	height: 300px;
}
.contact-2 .info {
	padding: 15px;
	background-color: #f08300;
	color: #fff;
}
.contact-2 .info h4 {
	margin: 0 0 15px;
	border-bottom: 1px solid #faa34b;
	font-weight: normal;
	font-size: 18px;
	padding-bottom: 15px;
}
.contact-2 .info p {
	margin: 0 0 15px;
	background: no-repeat 0 center;
	background-size: 15px 15px;
	padding-left: 25px;
}
.contact-2 .info .btn {
	display: block;
	width: 120px;
	line-height: 40px;
	background-color: #fff;
	color: #f08300;
	text-align: center;
}
.contact-2 .map {
	float: left;
	width: 50%;
	height: 550px;
}
.contact-2 .info {
	margin-left: 50%;
	padding: 75px;
	height: 550px;
}
.contact-2 .info h4 {
	font-size: 34px;
	margin-bottom: 30px;
}
.contact-2 .info p {
	line-height: 30px;
	font-size: 20px;
	margin-bottom: 20px;
}
.contact-2 .info .btn {
	line-height: 50px;
	font-size: 18px;
	width: 140px;
}


      #allmap {width: 100%;height: 100%;overflow: hidden;margin:0;}
      .sections {
        padding: 30px 0;
      }

      .sections-title {
        text-align: center;
        font-size: 18px;
        margin-bottom: 20px;
      }

      .sections-title p {
        font-size: 12px;
        margin: 10px 0 0;
        color: #888;
      }


      .contacts-2 .map {
        height: 300px;
      }

      .contacts-2 .info {
        padding: 15px;
        background-color: #464da0;
        color: #fff;
      }

      .contacts-2 .info h3 {
        margin: 0 0 15px;
        border-bottom: 1px solid #5aaaff;
        font-weight: normal;
        font-size: 32px;
        padding-bottom: 15px;
      }

      .contacts-2 .info p {
        margin: 0 0 15px;
        background: no-repeat 0 center;
        background-size: 15px 15px;
        padding-left: 25px;
      }

      .contacts-2 .info .btn {
        display: block;
        width: 120px;
        line-height: 40px;
        background-color: #fff;
        color: #f08300;
        text-align: center;
      }

      @media screen and (min-width: 1280px) {
        .containers {
          width: 1200px;
          margin: 0 auto;
        }

        .containers-fluid {
          min-width: 1200px;
          margin: 0 auto;
        }
      }
      
      @media screen and (min-width: 1000px) {
        .containers {
          width: 100%;
          margin: 0 auto;
        }

        .containers-fluid {
          min-width: 90%;
          margin: 0 auto;
        }
      }
      
      @media screen and (min-width: 768px) {


/*        .containers {
          width: 1200px;
          margin: 0 auto;
        }

        .containers-fluid {
          min-width: 1200px;
          margin: 0 auto;
        }*/

        
        .sections {
          padding: 60px 0;
        }

        .sections-title {
          margin-bottom: 40px;
          font-size: 30px;
        }

        .sections-title p {
          font-size: 18px;
        }

        .contacts-1 {
          text-align: center;
        }

      

        .contacts-2 .map {
          float: right;
          width: 50%;
          height: 550px;
        }

        .contacts-2 .info {
          margin-right: 50%;
          padding: 75px;
          height: 400px;
        }

        .contacts-2 .info h4 {
          font-size: 34px;
          margin-bottom: 30px;
        }

        .contacts-2 .info p {
          line-height: 30px;
          font-size: 20px;
          margin-bottom: 20px;
        }

        .contacts-2 .info .btn {
          line-height: 50px;
          font-size: 18px;
          width: 140px;
        }
        
      }