/*header begin*/

.box{ width:100%; height:auto; min-height:100px;position:fixed; left:0; top:0; z-index:99999; padding:0 80px;}

.header{ width:100%; height:auto; padding:0 80px 0 50px; min-height:100px;}

.sticky{ background:rgba(255,255,255,0.9); box-shadow:0px 0px 20px #ccc;transition: all 1s ease; min-height:80px !important; opacity:0; cursor:pointer;}

.logo{ float:left; padding-top:16px; position:relative;}

.logo img{ vertical-align:middle; max-width:127px;}

.logo em{ position:absolute; left:0; top:16px; opacity:0;}

.nave{ float:right;}

.nave li{ float:left; margin-right:48px; line-height:100px;}

.nave li a{ color:#fff; font-size:16px;}

.nave li:last-child{ margin-right:0px;}

.sticky .nave li a{ color:#333;}

.sticky .logo span{ opacity:0;}

.sticky .logo em{ opacity:1; top:8px;}

.sticky .logo{ padding-top:8px; }

.sticky .nave li{ line-height:80px;}

.sticky:hover{ opacity:1;}

@media(max-width:1440px){

.box{ width:100%; height:auto; min-height:100px;position:fixed; left:0; top:0; z-index:99999; padding:0 60px;}

.header{ width:100%; height:auto; padding:0 50px 0 50px;}	

}

@media(max-width:1024px){

.box{ width:100%; height:auto; min-height:100px;position:fixed; left:0; top:0; z-index:99999;  padding:0 0px;}

.header{ width:100%; height:auto; padding:0 30px 0 30px;}

.nave{ float:right; display:none;}	

.sticky{ background:rgba(255,255,255,0.9); box-shadow:0px 0px 20px #ccc;transition: all 1s ease; min-height:80px !important; opacity:1; cursor:pointer;}



}

@media(max-width:414px){

.box{ width:100%; height:auto; min-height:80px;position:fixed; left:0; top:0; z-index:99999; padding:0 0px;}

.header{ width:100%; height:auto; min-height:80px; padding:0 15px 0 15px;}

.nave{ float:right; display:none;}

.logo{ float:left; padding-top:6px;}

.logo em{ position:absolute; left:0; top:6px; opacity:0;}

}

/*header end*/





/*fotter begin*/

.box5{ width:100%; height:auto; overflow:hidden; background:url(../images/bg1.jpg) no-repeat center top; background-size:cover; padding-top:175px;}

@media(max-width:1024px){

.box5{ width:100%; height:auto; overflow:hidden; background:url(../images/bg1.jpg) no-repeat center top; background-size:cover; padding-top:60px;}	

}

.yqin{ width:1360px; height:auto; margin:0 auto; font-size:0; padding-bottom:160px;}

.yqin ul{ display:inline-block; margin-right:136px; vertical-align:top;}

.yqin li h1{ color:#fff; font-size:18px; line-height:36px;}

.yqin li h1 a{ color:#fff; font-size:22px;}

.yqin li a{ color:#cccccc; line-height:30px; font-size:14px;}

.yqin ul.qcbj{ margin-right:0px;}

.yqin li{ clear:both; overflow:hidden; color:#ccc; font-size:14px;line-height:30px;}

.yqin li span{ float:left; color:#ccc; font-size:14px;}

.yqin li font{ display:block; float:left; width:173px; color:#ccc; font-size:14px;}

@media(max-width:1440px){

.yqin{ width:100%; height:auto; margin:0 auto; font-size:0; padding:0 60px 160px 60px;}	

.yqin ul{ display:inline-block; margin-right:127px; vertical-align:top;}

}

@media(max-width:1400px){

.yqin{ width:100%; height:auto; margin:0 auto; font-size:0; padding:0 60px 160px 60px;}	

.yqin ul{ display:inline-block; margin-right:119px; vertical-align:top;}

}

@media(max-width:1366px){

.yqin{ width:100%; height:auto; margin:0 auto; font-size:0; padding:0 60px 160px 60px;}	

.yqin ul{ display:inline-block; margin-right:112px; vertical-align:top;}

}

@media(max-width:1360px){

.yqin{ width:100%; height:auto; margin:0 auto; font-size:0; padding:0 60px 160px 60px;}	

.yqin ul{ display:inline-block; margin-right:111px; vertical-align:top;}

}

@media(max-width:1280px){

.yqin{ width:100%; height:auto; margin:0 auto; font-size:0; padding:0 60px 160px 60px;}	

.yqin ul{ display:inline-block; margin-right:90px; vertical-align:top;}

}

@media(max-width:1200px){

.yqin{ width:100%; height:auto; margin:0 auto; font-size:0; padding:0 60px 160px 60px;}	

.yqin ul{ display:inline-block; margin-right:65px; vertical-align:top;}

}

@media(max-width:1024px){

.yqin{ width:100%; height:auto; margin:0 auto; font-size:0; padding:0 30px 40px 30px; overflow:hidden;}	

.yqin ul{ display:inline-block; margin-right:0px; float:left; width:16.66%; vertical-align:top;}

}

@media(max-width:768px){

.yqin{ width:100%; height:auto; margin:0 auto; font-size:0; padding:0 30px 20px 30px; overflow:hidden;}	

.yqin ul{ display:inline-block; margin-right:0px; float:left; width:33.33%; vertical-align:top; margin-bottom:20px; min-height:126px !important;}

}

@media(max-width:414px){

.yqin{ width:100%; height:auto; margin:0 auto; font-size:0; padding:0 15px 20px 15px; overflow:hidden;}	

.yqin ul{ display:inline-block; margin-right:0px; float:left; width:50%; vertical-align:top; margin-bottom:0px; min-height:160px !important;}

.yqin li font{ width:93%;}

.yqin li h1 a{ color:#fff; font-size:18px;}

}

.box6{ width:100%; height:auto; border-top:1px solid #4a4d50; min-height:78px !important;}

.fotter{ width:1360px; height:auto; margin:0 auto; line-height:78px;}

.fotter span{ float:left; color:#999999; font-size:14px;}

.fotter span a{ color:#999; font-size:14px;}

.fotter font{ float:right; color:#999999; font-size:14px;}

.fotter font a{ color:#999; font-size:14px;}



@media(max-width:1440px){

.fotter{ width:100%; padding:0 60px; height:auto; margin:0 auto; line-height:78px;}

}

@media(max-width:1024px){

.fotter{ width:100%; padding:0 30px; height:auto; margin:0 auto; line-height:78px;}

}

@media(max-width:414px){

.fotter{ width:100%; padding:15px 15px; height:auto; margin:0 auto; line-height:36px; overflow:hidden;}

.fotter font{ float:left; color:#999999; font-size:14px;}



}



.box7{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg2.jpg) no-repeat center center; background-size:cover; padding:60px 0 0;}

.box7 .yqin{ padding-bottom:60px;}

.box7 .yqin li{ line-height:30px;}

.box7 .yqin li h1 a{ font-size:22px;}

.box7 .yqin li a{ font-size:14px;}

.box7 .yqin li,.box7 .yqin li span,.box7 .yqin li font{ font-size:14px;}

.box7 .yqin ul{ margin-right:131px;}

.box7 .yqin li font{ width:195px;}

.box7 .yqin ul.qcbj{ margin-right:0px;}


@media(max-width:1440px){
.box7 .yqin ul{ margin-right:121px;}

}
@media(max-width:1400px){

.box7 .yqin ul{ display:inline-block; margin-right:81px; vertical-align:top;}

}

@media(max-width:1366px){

.box7 .yqin ul{ display:inline-block; margin-right:105px; vertical-align:top;}

}

@media(max-width:1360px){

.box7 .yqin  ul{ display:inline-block; margin-right:105px; vertical-align:top;}

}

@media(max-width:1280px){

.box7 .yqin  ul{ display:inline-block; margin-right:90px; vertical-align:top;}

}
@media(max-width:1240px){

.box7 .yqin  ul{ display:inline-block; margin-right:80px; vertical-align:top;}

}
@media(max-width:1200px){

.box7 .yqin  ul{ display:inline-block; margin-right:65px; vertical-align:top;}

}

@media(max-width:1150px){

.box7 .yqin ul{ margin-right:60px;}

}

@media(max-width:1024px){

.box7{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg2.jpg) no-repeat center center; background-size:cover; padding:40px 0 0;}

.box7 .yqin ul{ margin-right:0px; width:33.33%; min-height: 304px}

}

@media(max-width:414px){

.box7{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg2.jpg) no-repeat center center; background-size:cover; padding:40px 0 0;}

.box7 .yqin ul{ width:50%; min-height:185px !important; margin-right:0px;}

.box7 .yqin li{ line-height:35px;}

.box7 .yqin li font{ width:100%;}

}



/*fotter end*/





.cd-popup2 {

    position: fixed;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    background-color: rgba(0, 0, 0, 0.5);

    opacity: 0;

    visibility: hidden;

    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;

    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;

    transition: opacity 0.3s 0s, visibility 0s 0.3s;

    z-index:9999;

}

.cd-popup2.is-visible2 {

    opacity: 1;

    visibility: visible;

    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;

    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;

    transition: opacity 0.3s 0s, visibility 0s 0s;

}

.cd-popup-container2 {

    position: relative;

    width:300px;

    margin:250px auto;

    height:auto;

    background: #FFF;

  -webkit-transform: translateY(-60px);

  -moz-transform: translateY(-60px);

  -ms-transform: translateY(-60px);

  -o-transform: translateY(-60px);

  transform: translateY(-60px);

    -webkit-backface-visibility: hidden;

    -webkit-transition-property: -webkit-transform;

    -moz-transition-property: -moz-transform;

    transition-property: transform;

    -webkit-transition-duration: 0.3s;

    -moz-transition-duration: 0.3s;

    -ms-transition-duration: 0.3s;

    -o-transition-duration: 0.3s;

    transition-duration: 0.3s;

	padding:40px;

	border-radius:10px;

}

.cd-popup-close2{ position: absolute;right:10px;top:18px; z-index: 10;width:12px;height:10px; background:url(../images/bg6_1.png) no-repeat; display: block;}

.is-visible2 .cd-popup-container2 {

	-webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

  }



.toxn{ height:auto; position:relative;}

.toxn h1{ text-align:center; color:#333; font-size:16px; line-height:28px;}

















.cd-top {

  display: inline-block;

  height: 40px;

  width: 40px;

  position: fixed;

  bottom: 40px;

  right: 10px;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);

  /* image replacement properties */

  overflow: hidden;

  text-indent: 100%;

  white-space: nowrap;

  background: #164c94 url(../images/cd-top-arrow.svg) no-repeat center 50%;

  visibility: hidden;

  opacity: 0;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  transition: all 0.3s;

  cursor:pointer;

  z-index:9999999

}

.cd-top.cd-is-visible {

  /* the button becomes visible */

  visibility: visible;

  opacity: 1;

}

.cd-top.cd-fade-out {

  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */

  opacity: 1;

}

.no-touch .cd-top:hover {

  background-color: #164c94;

  opacity: 1;

}











.loadpagediv {

	display:block;

	position:fixed;

	top:0%;

	left:0%;

	background-color:#fff;

	color:red;

	width:100%;

	height:100%;

	z-index:999999999;

}



#loading{

		background-color: #fff;

		height: 100%;

		width: 100%;

		position: fixed;

		z-index: 999999999;

		margin-top: 0px;

		top: 0px;

	}

	#loading-center{

		width: 100%;

		height: 100%;

		position: relative;

		}

	#loading-center-absolute {

		position: absolute;

		left: 50%;

		top: 50%;

		height: 200px;

		width: 200px;

		margin-top: -100px;

		margin-left: -100px;

		-ms-transform: rotate(-135deg); 

	   	-webkit-transform: rotate(-135deg); 

	    transform: rotate(-135deg);

	}

	.object{



		-moz-border-radius: 50% 50% 50% 50%;

		-webkit-border-radius: 50% 50% 50% 50%;

		border-radius: 50% 50% 50% 50%;

		position: absolute;

		border-top: 5px solid #0066b2;

		border-bottom: 5px solid transparent;

		border-left:  5px solid #0066b2;

		border-right: 5px solid transparent;

		

		-webkit-animation: animate 2s infinite;

		animation: animate 2s infinite;	



		}

	#object_one{

		left: 75px;

		top: 75px;

		width: 50px;

		height: 50px;

		}

								

	#object_two{

		left: 65px;

		top: 65px;

		width: 70px;

		height: 70px;

		-webkit-animation-delay: 0.2s;

	    animation-delay: 0.2s;

		}

			

	#object_three{

		left: 55px;

		top: 55px;

		width: 90px;

		height: 90px;

		-webkit-animation-delay: 0.4s;

	    animation-delay: 0.4s;

		}

	#object_four{

		left: 45px;

		top: 45px;

		width: 110px;

		height: 110px;

		-webkit-animation-delay: 0.6s;

	    animation-delay: 0.6s;

		

		}	



	@-webkit-keyframes animate {

	 



	50% {



		-ms-transform: rotate(360deg) scale(1); 

	   	-webkit-transform: rotate(360deg) scale(1); 

	    transform: rotate(360deg) scale(1; 

	  }

	}



	@keyframes animate {

		

	50% {



		-ms-transform: rotate(360deg) scale(1); 

	   	-webkit-transform: rotate(360deg) scale(1); 

	    transform: rotate(360deg) scale(1); 

	  }	

	}



@-webkit-keyframes scale {

  0% {

    -webkit-transform: scale(1);

            transform: scale(1);

    opacity: 1; }



  45% {

    -webkit-transform: scale(0.1);

            transform: scale(0.1);

    opacity: 0.7; }



  80% {

    -webkit-transform: scale(1);

            transform: scale(1);

    opacity: 1; } }

@keyframes scale {

  0% {

    -webkit-transform: scale(1);

            transform: scale(1);

    opacity: 1; }



  45% {

    -webkit-transform: scale(0.1);

            transform: scale(0.1);

    opacity: 0.7; }



  80% {

    -webkit-transform: scale(1);

            transform: scale(1);

    opacity: 1; } }