a{color: #000; cursor: pointer;}
a:hover{ text-decoration: none;}
@font-face
{
    font-family: SOURCEHANSANSCN;
    src: url(../fonts/SOURCEHANSANSCN-REGULAR.OTF);
}
body,html{font-family: Arial, "微软雅黑"; font-size: 16px;}
*{transition: all 0.6s;word-wrap:break-word; font-family: SOURCEHANSANSCN; 
    -webkit-transition: all 0.6s;padding:0;outline: none ;
	margin:0;}
.clear{ clear: both ;}
.jueduijz{
position: absolute;top: 50%;left: 50%;
transform: translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
}
.zaxdzxff input::-webkit-input-placeholder { 
        color: #a6a6a7;
    } 
.zaxdzxff input::-moz-placeholder { 
        color: #a6a6a7;
    } 
.zaxdzxff input:-ms-input-placeholder { 
        color: #a6a6a7 ;
    }
.yingyin{box-shadow:1px 1px 10px #444;
-moz-box-shadow:1px 1px 10px #444;
-webkit-box-shadow:1px 1px 10px #444;}
.yichuyinc{ overflow: hidden;}
.yichuyinc img:hover{transform:scale(1.2)}
.suodj{width: 35px;margin-right: 10px;
cursor: pointer;display: none;
 }
.suodjx{width: 35px; height: 3px;background-color: #00a745; margin: 5px 0px;border-radius: 3px;

}
.sanjioax:before{width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 8px solid #ff0000;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%,0%);
    -webkit-transform: translate(-50%,0%);
    -moz-transform: translate(-50%,0%);
    -o-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);}
.suodj:before{
        content: "" ;
        display:block; 
        background-color: #00a745;
        height: 3px;
        border-radius: 3px;
       
    }
.suodj:after{
        content: "";
        display:block; 
        background-color: #00a745;
        height: 3px;
        border-radius: 3px; 
        
    }
.suodj.djih .suodjx{
	opacity: 0;margin: 10px 0px;
}
.suodj.djih:before{
	transition: all 0.6s;
    -webkit-transition: all 0.6s;
        content: "" ;
        transform: rotate(45deg);
		transform-origin:bottom left;
		
		-ms-transform: rotate(45deg);
		-ms-transform-origin:bottom left;
		 
		-webkit-transform: rotate(45deg);
		-webkit-transform-origin:bottom left;
		 
		-moz-transform: rotate(45deg);     
		-moz-transform-origin:bottom left;
		 
		-o-transform: rotate(45deg);       
		-o-transform-origin:bottom left;
       
    }
.suodj.djih:after{
	transition: all 0.6s;
    -webkit-transition: all 0.6s;
        content: "";
        transform: rotate(-45deg);
		transform-origin:top left;
		
		-ms-transform: rotate(-45deg);
		-ms-transform-origin:top left;
		 
		-webkit-transform: rotate(-45deg);
		-webkit-transform-origin:top left;
		 
		-moz-transform: rotate(-45deg);     
		-moz-transform-origin:top left;
		 
		-o-transform: rotate(-45deg);       
		-o-transform-origin:top left; 
        
    }
.yingyintext{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.yingyintext_x{ 
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3  ;
	overflow: hidden;
	white-space: inherit
}
.sanjiaox{ border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 8px solid #ff0000;}
.juzhong{ display: inline-block;vertical-align: middle;}
.shdoiacon::-webkit-scrollbar {/*滚动条整体样式*/
        width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }
.yuaasdadn_x2 .yuaasdadn_x_1 {
    left: -337%;
}
.yuaasdadn_x2 .yuaasdadn_x_1 b{ color: #009b4c;}
.shdoiacon::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 10px;
         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: #009b4c;
    }
.shdoiacon::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        border-radius: 10px;
        background: #535353;
    }
/*侧导航*/
.xuanfu{ position: fixed; right: 20%;
 top: 50%; z-index: 9999999999999999999;
width: 50px;}
.xuanfu:hover{transition-delay: 1s;
-moz-transition-delay: 1s; 
-webkit-transition-delay: 1s; 
-o-transition-delay: 1s; }
.xuanfu_x{  background-color: #6b6b6b; margin-bottom: 5px;position: relative;
	left: 100%;
    margin-left: -50px;width: 50px;height: 50px;
}
.xuanfu_x img{ margin: 15px;width: 20px;display: inline-block;vertical-align: middle;}
.xuanfu_x p{font-size: 14px; color: #fff; padding-right: 18px;white-space:nowrap;}
.xuanfu_xdh{width: 100%;width: 50px;position: relative;}
.xuanfu_xdh:hover{ }
.xuanfu_xdh .xuanfu_xx{height: 50px;width: 100%;
  background-color: #6b6b6b; width: 100%;overflow: hidden;
position: absolute; right: 0px; top: 0px;}
.xuanfu_xx.wxinwk{position: relative;}
.xuanfu_xx.wxinwk .wxin{ width: 80px; display: none;
margin: 0px;
position: absolute;right: 120%; top: 0px;}
.xuanfu_xx.wxinwk:hover .wxin{ display: block;}
.xuanfu_xdh:hover .xuanfu_xx{width: 157px;overflow: initial;}
.xuanfu_xdh p{ display:inline-block; margin-bottom: 0px;
position: relative; left: 0px; top: 0px;  
}
.xuanfu_xdh:hover p{
	
}
/*侧导航*/ 
.zaixiyy input::-webkit-input-placeholder, .zaixiyy textarea::-webkit-input-placeholder{
    color:#cccccc;
}
.zaixiyy input::-moz-placeholder, .zaixiyy textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#cccccc;
}
.zaixiyy input:-moz-placeholder, .zaixiyy textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
        color:#cccccc;
    }
.zaixiyy input:-ms-input-placeholder, .zaixiyy textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#cccccc;
}
/*输入框侧导航*/
.tiosdbu{ width: 50px;height: 50px;}
.tiosdbu .tiosdbu_x a .xuanfkc .xuanfkc_x:before,
.tiosdbu .tiosdbu_x a .xuanfkc .xuanfkc_x:after{
position:absolute;
content:'';
width:14px;
height:14px;
top:-8px;
left:50%;
margin-left:-7px;
overflow:hidden;
pointer-events:none;
-webkit-transform:rotate(45deg);
-mz-transform:rotate(45deg);
transform:rotate(45deg);
}
.tiosdbu .tiosdbu_x a .xuanfkc .xuanfkc_x:before{

background:#ddd;
box-shadow:-4px -4px 10px rgba(221,221,221,.6)
}
.tiosdbu .tiosdbu_x a .xuanfkc .xuanfkc_x:after{
top:-8px;background:#fff;
}
.toudh{padding: 20px 75px;}
.toudh .logo{ display: block;}
.toudh .logo img{width: 85px;display: inline-block;vertical-align: middle;margin-right: 15px;}
.toudh .logo p{color: #222222;font-size: 22px;margin: 0;display: inline-block;vertical-align: middle;font-weight: bold;}
.toudh .toudh_x{line-height: 25px;}
.toudh .toudh_x ul{display: inline-block;vertical-align: middle; margin: 0;list-style: none;}
.toudh .toudh_x ul li{float: left;margin-right: 60px;}
.toudh .toudh_x ul li a{color: #222222;font-size: 18px;}
.toudh .toudh_x p{color: #555555;font-size: 18px;margin: 0;display: inline-block;vertical-align: middle;}
.toudh .toudh_x p a{display: inline-block;vertical-align: middle;margin: 0 6px;}
.toudh .toudh_x p a.active{color: #45af33;}
.swiper-container1 img{width: 100%;}
.swiper-container1 .swiper-pagination{bottom: 30px;}
.swiper-container1 .swiper-pagination-bullet {
    width: 14px;
    height:14px;
    display: inline-block;
    border-radius: 100px;
    background: #f3f3f3;margin: 0px 10px !important;
    opacity:1;
}
.swiper-container1 .swiper-pagination-bullet-active {
    opacity: 1;background-color: #ffffff;
    width: 30px;
}

.zucfwk{padding: 80px 0px;}
.tony_h2 h2{color: #2f4858;font-size:28px;text-align: center;margin: 0;}
.tony_h2 .h2{padding-bottom: 20px;position: relative;font-weight: bold;letter-spacing: 3px;}
.tony_h2 .h2:before{
	content: "";
	position: absolute;bottom: 3px;left: 50%;margin-left: -37.5px;
	width: 75px;height: 5px;background: url(../img/bits.png) no-repeat top center;
	background-size: 100% auto;
}
.widfw{text-align: center;margin: 40px 0px 20px 0px;padding: 0 100px;}
.widfw .widfw_x{width: 33.333333333333333333333%;float: left;margin-bottom: 40px;}

.widfw .widfw_x img{width: 75px;display: block;margin: 0 auto;margin-bottom: 13px;}
.widfw .widfw_x img.active{
	transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
  animation:rubberBand 0.6s;
	-webkit-animation:rubberBand 0.6s;
	animation-delay:0.6s;
-webkit-animation-delay:0.6s;
    }
.widfw .widfw_txt{text-align: left;display: inline-block;}
.widfw .widfw_x p{margin: 0 auto;color: #2f4858;font-size:18px;}

.gyliuc{height: 800px;padding-left: 225px;position: relative;margin-top: 60px;}
.gyliuc .gyliuc_h{position: absolute;width: 210px;border-radius: 5px;
left: 0px;top: 0px;height: 100%;
overflow-y: auto;
    overflow-x: hidden;background-color: #2f4858;}
.gyliuc .gyliuc_h{}

.gyliuc .gyliuc_h::-webkit-scrollbar {/*滚动条整体样式*/
        width: 0px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1) rotateY(180deg);
    transform: scale3d(1, 1, 1) rotateY(180deg);
    
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1) rotateY(180deg);
    transform: scale3d(1.25, 0.75, 1) rotateY(180deg);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1) rotateY(180deg);
    transform: scale3d(0.75, 1.25, 1) rotateY(180deg);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1) rotateY(180deg);
    transform: scale3d(1.15, 0.85, 1) rotateY(180deg);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1) rotateY(180deg);
    transform: scale3d(0.95, 1.05, 1) rotateY(180deg);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1) rotateY(180deg);
    transform: scale3d(1.05, 0.95, 1) rotateY(180deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1) rotateY(180deg);
    transform: scale3d(1, 1, 1) rotateY(180deg);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1) rotateY(180deg);
    transform: scale3d(1, 1, 1) rotateY(180deg);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1) rotateY(180deg);
    transform: scale3d(1.25, 0.75, 1) rotateY(180deg);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1) rotateY(180deg);
    transform: scale3d(0.75, 1.25, 1) rotateY(180deg);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1) rotateY(180deg);
    transform: scale3d(1.15, 0.85, 1) rotateY(180deg);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1) rotateY(180deg);
    transform: scale3d(0.95, 1.05, 1) rotateY(180deg);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1) rotateY(180deg);
    transform: scale3d(1.05, 0.95, 1) rotateY(180deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1) rotateY(180deg);
    transform: scale3d(1, 1, 1) rotateY(180deg);
  }
}
.gyliuc .gyliuc_hx{text-align: center;padding: 25px 10px;cursor: pointer;}
.gyliuc .gyliuc_hx img{width: 50px;}
.gyliuc .gyliuc_hx:hover,.gyliuc .gyliuc_hx.active{background-color: #00a745;}
.gyliuc .gyliuc_hx p{color: #ffffff;font-size: 16px;margin: 0;margin-top: 12px;}
.gyliuc .gyliuc_x{height: 100%;width: 100%;border-radius: 5px;overflow: hidden;}

.gyliuc .gyliuc_x .swiper-containers2,.gyliuc .gyliuc_x .swiper-containers2 .swiper-wrapper,
.gyliuc .gyliuc_x .swiper-containers2 .swiper-slide,.gyliuc .gyliuc_x .swiper-containers2 .swiper-slide img
{height: 100%;}
.gyliuc .gyliuc_x .swiper-containers2 .swiper-slide{overflow: hidden;position: relative;}
.gyliuc .gyliuc_x .swiper-containers2 .swiper-slide img{
	width: auto;
	height: auto;min-width: 100%;min-height: 100%;
	position: absolute;top: 50%;left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
}
.gyliuc .gyliuc_x .gyliuc_txt{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;
padding: 60px 80px;
}
.gyliuc .gyliuc_x .gyliuc_txt h2{margin: 0;color: #ffffff;font-size: 30px;margin-bottom: 30px;}
.gyliuc .gyliuc_x .gyliuc_txt p{color: #ffffff;font-size: 14px;margin: 0;}

.gyliuc .gyliuc_x .swiper-containers2{display: none;}
.gyliuc .gyliuc_x .swiper-containers2:first-child{display: block;}


.dibuk{padding: 24px 0px;background-color: #2a373f;}
.dibuk p,.dibuk p a{color: #8d9298;font-size: 16px;margin: 0;margin-bottom: 8px;}
.dibuk .henxgduiq{margin-top: 30px;}
.dibuk .dibuk_r{text-align: right;}

.container{width: 1560px;}

@media screen and (max-width:1600px) {
	.container{width: 1170px;}
	.widfw {
	    padding: 0 0px;
	}
	.toudh .logo p {
    font-size: 20px;
}
.toudh .logo img {
    width: 80px;
    margin-right: 12px;
}
.toudh .toudh_x ul li {
    margin-right: 30px;
}
.toudh .toudh_x ul li a {
    font-size: 16px;
}
.toudh .toudh_x p {
    font-size: 16px;
}
.zucfwk {
    padding: 60px 0px;
}

.gyliuc {
    height: 670px;
}
.swiper-container1 .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}
.swiper-container1 .swiper-pagination-bullet-active {
    width: 25px;
}
}
@media screen and (max-width:1400px) {
	
}
@media screen and (max-width:1200px) {
	.container{width: 970px;}
	.tony_h2 h2 {
    font-size: 24px;
}
.toudh .logo img {
    width: 70px;
    margin-right: 8px;
}.toudh .logo p {
    font-size: 18px;
}
.gyliuc .gyliuc_hx img {
    width: 45px;
}
.gyliuc .gyliuc_hx p {
    margin-top: 8px;
}
.gyliuc {
    height: 625px;
}
.tony_h2 .h2:before {
    margin-left: -33px;
    width: 66px;
}
.toudh {
    padding: 20px 35px;
}
.toudh .toudh_x ul li {
    margin-right: 20px;
}
}
@media screen and (max-width:1024px) {
	
}
@media screen and (max-width:991px) {
	.container{width: 750px;}
	.dibuk p, .dibuk p a {
    font-size: 14px;
    margin-bottom: 5px;
}
.suodj{display: inline-block;vertical-align: middle;margin-left: 10px;}
.dibuk .henxgduiq{display: block;}
.dibuk .dibuk_r {
    text-align: left;
}
.gyliuc .gyliuc_x .gyliuc_txt h2 {
    font-size: 24px;
    margin-bottom: 20px;
}
.toudh {
    padding: 20px 35px;
    position: relative;z-index: 99;
}
.toudh .toudh_x ul{
	display: none;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;background-color: #fff;
	padding: 10px 30px;
	position: absolute;left: 0px;width: 100%;top: 100%;
	transition: none;
	-webkit-transition: none;
}
.toudh .toudh_x ul li{display: block;float: initial;padding: 10px 0px;}
.dibuk .henxgduiq {
    margin-top: 20px;
}
.widfw .widfw_x p {
    font-size: 16px;
}
.gyliuc {
    height: auto;
   padding-left: 0px;
}
.gyliuc .gyliuc_h {
    position: relative;
    width: 100%;
    height: auto;
    overflow-x: auto;
    overflow-y: hidden;font-size: 0;white-space: nowrap;margin-bottom: 20px;
}
.gyliuc .gyliuc_hx img {
    width: 40px;
}
.gyliuc .gyliuc_x .swiper-containers2, .gyliuc .gyliuc_x .swiper-containers2 .swiper-wrapper, .gyliuc .gyliuc_x .swiper-containers2 .swiper-slide, .gyliuc .gyliuc_x .swiper-containers2 .swiper-slide img {
    height: auto;
}
.gyliuc .gyliuc_x .swiper-containers2 .swiper-slide img {
    width: 100%;
    height: auto;
    position: relative;
    top:0%;
    left:0%;
    transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
}
.gyliuc .gyliuc_x .gyliuc_txt {
    padding: 40px 40px;
}
.gyliuc .gyliuc_hx {
    padding: 25px 10px;
   width: 20%;display: inline-block;vertical-align: middle
}
}
@media screen and (max-width:768px) {
	.container {
    width: 100%;
}
.toudh {
    padding: 15px 15px;
}
.gyliuc .gyliuc_hx p {
    font-size: 15px;
    margin-top: 10px;
}
.gyliuc .gyliuc_hx {
    padding: 20px 10px;
}
.swiper-container1 .swiper-pagination {
    bottom:20px;
}
.toudh .logo p {
    font-size: 17px;
}
}
@media screen and (max-width:500px) {
	.gyliuc .gyliuc_hx {
    padding: 20px 10px;
    width: 33.33333333%;
}
.gyliuc .gyliuc_x .gyliuc_txt {
    padding: 20px
}
.swiper-container1 .swiper-pagination {
    bottom: 10px;
}
.swiper-container1 .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
}
.swiper-container1 .swiper-pagination-bullet-active {
    width: 20px;
}
.toudh .logo p {
    display: none;
}
.swiper-containers1 .swiper-slide{overflow: hidden;}
.swiper-containers1 img {
    width: 200%;margin-left: -50%;
}
.widfw .widfw_x p {
    font-size: 14px;
}
.widfw .widfw_x img {
    width: 70px;
    margin-bottom: 10px;
}
.tony_h2 h2 {
    font-size: 22px;
}
.toudh .toudh_x ul {
    padding: 10px 15px;
}
}
  
@media screen and (max-width:360px) {
	.gyliuc .gyliuc_hx {
    padding: 20px 10px;
    width: 50%;
}
}
@media all and (max-height:768px){
	

}
.henxgduiq{
	
	display: -webkit-flex  ;
    -webkit-justify-content: space-between ;
    display:flex ;
    justify-content: space-between;
    
    -webkit-box-align: center;
    -moz-box-align: center; 
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

    }
