@charset "utf-8";

@font-face
{
	font-family: myFirstFont;
	src: url('../font/SOURCEHANSANSCN-REGULAR.OTF'),
		 url('../font/SOURCEHANSANSCN-REGULAR.eot'); /* IE9 */
}
@font-face
{
	font-family: myTwoFont;
	src: url('../font/BarlowCondensed-SemiBold_mianfeiziti.ttf'),
		 url('../font/BarlowCondensed-SemiBold_mianfeiziti.eot'); /* IE9 */
}
.nprort p span{    font-size: 18px;}
.gallery-top {
    height: 77%;
    width: 100%;
    border: solid 5px #f4f4f4;
}
.gallery-top img {
    max-width: 100%;
}
.swiper-slide {
    background-size: cover;
    background-position: center;
}
.gallery-top img {
    max-width: 100%;
}
.thumb-box {
    position: relative;
    height: auto;
    margin-top: 20px;
}
.gallery-thumbs .swiper-slide .equip-min {
    height: 100%;
    position: relative;
    display: block;
}
.gallery-thumbs .swiper-slide img {
    width: 210px;
    height: 210px;
    object-fit: cover;
}
.gallery-thumbs .swiper-slide a.cur:after {
    opacity: 1;
}
.gallery-thumbs .swiper-slide .equip-min:after {
    position: absolute;
    content: "";
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(80,116,155,0.5);
    border: 1px solid #50749b;
    opacity: 0;
}

/* 全局样式

-------------------------------------------------------------- */

html,body,a,p,span,ul,img{ padding:0; margin:0; list-style:none; border:none; font-size:14px; font-family:"myFirstFont","Arial"; color:#666;}

p{line-height:25px;}

img{ border:none; vertical-align:middle;}

td{ vertical-align:center; font-size:14px;}



*{margin:0;padding:0;}

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img{border:medium none;padding:0;}

body,button,input,select,textarea{outline:none;}

.body{background:#fff;}

.nbody{background:#efefef;}

ul,ol,li{list-style:none;}



img{border:0px;}

table,table tr,table td{border:solid 1px #777777; }

html,body{height:auto;margin:0 auto;}

.hide{display:none;}

.clear{clear:both;}

input,textarea{

	font-family:"Arial";

	}

h1,h2,h3,h4,h5,h6 { font-weight: bold; }



h1 { font-size: 3em; line-height: 1; margin:0; padding:0;}

h2 { font-size: 2em;  margin:0; padding:0;}

h3 { font-size: 1.5em; line-height: 1;  margin:0; padding:0;}

h4 { font-size: 1.2em; line-height: 1.25; margin:0; padding:0;}

h5 { font-size: 1em;  margin:0; padding:0;}

h6 { font-size: 1em; }

body{background:#fff;}

/* 页面基本元素

-------------------------------------------------------------- */



/* 链接样式 */

a {text-decoration:none;}

a:visited {text-decoration:none;}

a:hover {text-decoration:none;}



/* 常用元素 */

.clear { clear:both; font-size:1px; line-height:0px; height:0px; }



/* 层浮动 */

.left { float: left; }

.right{ float: right; }

.center { margin: 0 auto; }



/* 文字对齐 */

.tleft { text-align:left; }

.tright { text-align:right; }

.tcenter {text-align:center; }



img{
	webkit-transition: -webkit-transform .75s cubic-bezier(.19, 1, .22, 1);

    transition: -webkit-transform .75s cubic-bezier(.19, 1, .22, 1);

    transition: transform .75s cubic-bezier(.19, 1, .22, 1);

    transition: transform .75s cubic-bezier(.19, 1, .22, 1), -webkit-transform .75s cubic-bezier(.19, 1, .22, 1);

	}

/* top

-------------------------------------------------------------- */
.wrap {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}
.cont {

	margin-right: auto;
	margin-left: auto
}
.cont1 {
  	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}
@media (min-width:768px) {
.wrapr {
	width: 750px
}
    .cont {width: 750px
}
        .cont1 {width: 750px
}
}
@media (min-width:992px) {
.wrap {
	width: 970px
}
    .cont {width: 970px
}
     .cont1 {width: 970px
}
}
@media (min-width:1200px) {
.wrap {
	width: 83.33333333%
}
    .cont {width: 83.33333333%
}
    .cont1 {width: 83.33333333%
}
    	.logo{width: 30%;overflow: hidden;line-height: 60px;}
}
@media (min-width:1440px) {
    .logo {
    width: 40%;
    overflow: hidden;
    line-height: 60px;
}
    .wrap {
	width: 95%;
       max-width: 1600px; 
}
    .cont {width: 95%;
        max-width: 1800px;
}
    .cont1 {width: 95%
}}

.lifather{
  
    text-align: center;/*文字水平居中*/
    color: #000;/*设置字体颜色为浅紫色*/
}
.ulson{
    background-color: #f3f4f6;/*设置子栏背景为半透明灰色*/
    border-radius: 0px 0px 5px 5px;/*圆角效果*/
    color: #000;/*设置字体颜色为白色*/
}
.lifather:hover .ulson{
    display: block;
}
.ulson a {color: #332c2b;
    font-size: 14px;
  /*  font-weight: bold;*/
    line-height: 35px;
    font-family: 微软雅黑;

} 
.ulson a:hover {
    color: #435b76;
    font-size: 14px;
    font-weight: bold;
    line-height: 35px;
} 
.ulson{
    background-color: #f3f4f6;/*设置子栏背景为半透明灰色*/
    border-radius: 0px 0px 5px 5px;/*圆角效果*/
    color: #000;/*设置字体颜色为白色*/
    display: none;/*初始状态为隐藏*/
}

	header{ position: fixed; z-index: 9999;    box-shadow: 0 0 15px rgba(0,0,0,.15);height:60px; box-sizing: border-box;    background: #fff; width: 100%;}
	/*.wrap{width: 1400px;margin: 0 auto;}*/
	#nav {display: flex;display: flex;flex-direction: row;justify-content: center;/*align-items: center;*/flex-wrap: wrap;}

	.logo a{display:block;}
	.logo a img {max-width: 100%;}
	ul.nav {display: inline-flex;flex: 1;padding-left:50px;}
	li.nav-item {flex: 1;}
	li.nav-item>a{display: block;text-align: center;line-height: 60px;font-size: 14px;/* font-weight: bold;*/position: relative;color:#332c2b;
    font-family: 微软雅黑;}
	/*li.nav-item>a::before{ display: none; content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); border-width: 0 10px 10px; border-style: solid; border-color: transparent transparent #df3d35; position: absolute;}*/
	li.nav-item:hover>a ,li.nav-item.active>a{color: #435b76;}
	li.nav-item:hover>a::before,li.nav-item.active>a::before{display: block;}
	/* 二级菜单 */
	.subMenu{display: none;position: absolute;top: 60px;left: 0;width: 100%; height: 50px;background-color: #f3f4f6;}
	.subMenu>ul{display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center;align-items: center;}
	.subMenu>ul>li>a{display:block;padding:0 18px;text-align: center;line-height: 50px;color:#332c2b;font-size: 14px; /*font-weight: bold;*/    font-family: 微软雅黑;}
	.subMenu>ul>li>a:hover{color:#435b76}
    
.subMenu>ul>li>a span img {
 filter: grayscale(100%);

 }
.subMenu>ul>li>a:hover span img {
     filter: grayscale(0%);
}

    /*三级菜单*/
    .xjnav{display: none;position: absolute;top: 50px;left: 0;width: 100%; height:auto;background-color: #fff;}
	.xjnav>ul{display: none;display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center;align-items: center;padding-top: 30px;}
	.xjnav>ul>li>a{display:block;padding:0 18px;text-align: center;line-height: 50px;color: #332c2b;}
	.xjnav>ul>li>a:hover{color:#435b76}
    
    .right {
    float: right;
}
.lan {
    float: left;
    padding-left: 20px;
        line-height: 60px
}
.lan a {
    color: #505050;
    font-size: 17px;
   
   
}
    
.tel .telnr {
    width: 120px;
    height: 30px;
    border-radius: 30px;
    padding-left: 45px;
    background: #435b76 url(../images/icon2.png) no-repeat 15px center;
    padding-top: 5px;
    margin-top: 35px;
    float: left;
}
.tel .telnr p {
    width: 100%;
    overflow: hidden;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
}
.header-phone .logo {display:none;}

.topewm{
	width:60px;
	height:55px;
	background:#d7db49;
	text-align:center;
	padding:17.5px 0;
	position:relative;
	cursor:pointer;
	border-radius:0 10px 10px 0;
	margin:22.5px 30px 22.5px 0;
	}
.topewm .ewmimg{
	opacity:0;
	-webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
    transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
	position:absolute;
	background:#fff;
	padding:10px;
	border-radius:5px;
	top:60px;
	right:0;
}
.topewm .ewmimg img{
	width:100px;
}
.topewm:hover .ewmimg{
	opacity:1;
}
.cnen{
	width:142px;
	height:55px;
	background:#2a5196;
	border-radius:10px 0 0 10px;
	margin:22.5px 0;
	}
.cnen a{
	display:block;
	width:50%;
	overflow:hidden;
	float:left;
	color:#fff;
	line-height:55px;
	font-size:16px;
	font-weight:bold;
	}
.cnen a:first-child{
	text-align:right;
	padding-right:5px;
	}
.cnen a:last-child{
	padding-left:5px;
	}
.f{
	margin-right:42px;
	overflow:hidden;
	}
.e{
	margin-right:14px;
	overflow:hidden;
	}
.f,.e{
	margin-top:33.5px;
	}
.small{
	background: #fff;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.1); 
	transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
}
.small .nav .menu > li a{
	color:#333;
	}
/* nav
-------------------------------------------------------------- */
.menu, .menu ul {

  list-style: none;

  padding: 0;

}



.menu > li {

  position: relative;

  display: inline-block;

  outline: 0;

}



.submenu {

  position: absolute;

  left: 0;

  top: 100%;

  z-index: 0;

  overflow: hidden;

  /* IE8 needs this */

  overflow: hidden\0/ !important;

  max-height: 0;

  /* A .submenu should be only revealed when hovering the .menu */

  pointer-events: none;

}



.menu > li:hover .submenu, .menu > li:focus .submenu {

  pointer-events: auto;

  z-index: 10;

  max-height: 2000px;

  -webkit-transition: none;

     -moz-transition: none;

}



/* Default

 ================================================================= */

.submenu li {

  opacity: 0;



  -webkit-transition: opacity .4s, -webkit-transform .6s, max-height .6s;

     -moz-transition: opacity .4s,    -moz-transform .6s, max-height .6s;

      -ms-transition: opacity .4s,     -ms-transform .6s, max-height .6s;

       -o-transition: opacity .4s,      -o-transform .6s, max-height .6s;

          transition: opacity .4s,         transform .6s, max-height .6s;

}



.menu > li:hover .submenu li, .menu > li:focus .submenu li {

  opacity: 1;



  -webkit-transform: none;

     -moz-transform: none;

      -ms-transform: none;

       -o-transform: none;

          transform: none;

}

/* Shield

 ================================================================= */

.shield {

  overflow: visible;



  -webkit-perspective: 400px;

     -moz-perspective: 400px;

      -ms-perspective: 400px;

       -o-perspective: 400px;

          perspective: 400px;

}



.shield li {

  -webkit-transform: rotateX(90deg);

     -moz-transform: rotateX(90deg);

      -ms-transform: rotateX(90deg);

       -o-transform: rotateX(90deg);

          transform: rotateX(90deg);



  -webkit-transform-origin: 0 0;

     -moz-transform-origin: 0 0;

      -ms-transform-origin: 0 0;

       -o-transform-origin: 0 0;

          transform-origin: 0 0;



  -webkit-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);

     -moz-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);

      -ms-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);

       -o-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);

          transition-timing-function: cubic-bezier(0, .35, .5, 1.7);

}
/*.nav{
	text-align:right;
	margin-left:300px;
	position:relative;
}
.nav > ul{

	display:inline-block;
	margin:0;
	}

.nav span{

	display:block !important;

	width:100%;

	line-height:20px;
	font-size:13px;
	font-family:Arial;
	color:#b8b8b8;
	text-transform:uppercase;
}


.nav .menu > li{
	float:left;
	text-align:center;
	line-height:110px;
	margin:0 36px;
	position:relative;
	}
.nav .menu > li:before{
	content:"";
	width:0;
	height:2px;
	background:#fff;
	position:absolute;
	bottom:25px;
	left:0;
	-webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
    transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
	}
.nav .menu > li:hover:before,.nav .menu > li.active:before{
	width:100%;
	}

.nav .menu > li a{
	color:#332c2b;
	font-size:17px;
	font-weight:bold;
	display:block;
	line-height:110px;
	text-transform:uppercase;
	}
.nav .menu > li:hover span,.nav .menu > li.active span{
	display:block !important;
	}
.nav .menu > li:hover a,.nav .menu > li.active a{
	color:#435b76 ;
}


.nav .menu > li .submenu{

	width:160px;
	left:50%;
	margin-left:-80px;
	}

.nav .menu > li .submenu li{

	width:100%;
	line-height:30px;
	background:#fff;
	text-align:center;
	margin-top:1px;
}

.nav .menu > li .submenu li a{

	display:block;
	color:#000;
	padding:10px 0;
	font-size:16px;
	line-height:30px;
	margin:0;
}

.nav .menu > li .submenu li:hover{

	background:#435b76;

}
.nav .menu > li .submenu li:hover a{
	color:#fff;
	}
.nav .menu > li.current:after{
	width:84px;
	}
   .lan {float: left;
    padding-right: 20px;
    line-height: 110px;
} 

.lan a{
    color: #332c2b;
    font-size:17px;
    font-weight: bold;
}
.tel .telnr{
	width:150px;
	height:30px;
	border-radius:30px;
	padding-left:57px;
	background:#435b76 url(../images/icon2.png) no-repeat 25px center;
	padding-top:5px;
	margin-top:40px;
        float: left;
	}
.tel .telnr p{
	width:100%;
	overflow:hidden;
	color:#fff;
	font-size:12px;
	line-height:20px;
	}
.tel .telnr h4{
	width:100%;
	overflow:hidden;
	color:#fff;
	font-size:23px;
	line-height:20px;
	margin:0;
	}
.tel .telnr span{
	width:100%;
	overflow:hidden;
	font-family:Arial;
	font-size:17px;
	color:#fff;
	margin-right:9px;
	}*/


/* banner

-------------------------------------------------------------- */
.banner{
	width:100%;
	position:relative;
    padding-top: 60px;	}
.banner .swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
}

.banner .swiper-container-no-flexbox .swiper-slide {
	float: left
}

.banner .swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

.banner .swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform,-webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}
.banner .img{
	width:100%;
	overflow:hidden;
	position:relative;
}
.banner .img .banner1-1{
	width:30.5%;
	overflow:hidden;
	position:absolute;
	left:11.6%;
	top:25%;
	z-index:99;
	}
.banner .img .banner1-1 img{
	max-width:100%;
	height:auto;
	}
.banner .swiper-container .bannernr1{
	width:28%;
	overflow:hidden;
	position:absolute;
	left:11.5%;
	bottom:12%;
}
.banner .swiper-container .bannernr2{
	width:35%;
	overflow:hidden;
	position:absolute;
	left:11.5%;
	bottom:25%;
}
.banner .swiper-container .bannernr3{
	width:48%;
	overflow:hidden;
	position:absolute;
	left:50%;
	margin-left:-24%;
	bottom:28%;
	text-align:center;
}
.banner .swiper-container .banimg{
	width:100%;
	overflow:hidden;
}
.banner .swiper-container .banimg img{
	max-width:100%;
	height:auto;
}
.banner .swiper-container p{
	width:100%;
	overflow:hidden;
	font-size:18px;
	color:#fff;
	font-family:Arial;
	line-height:25px;
	margin-top:54px;
}
.banner .banmore{
	width:100%;
	overflow:hidden;
	margin-top:104px;
}
.banner .swiper-container .bannernr3 .banmore{
	margin:90px auto 0;
}
.banner .swiper-container .bannernr3 .banmore a{
	margin:auto;
	text-align:left;
}
.banner .swiper-container-android .swiper-slide,.banner .swiper-wrapper {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

.banner .swiper-container-multirow>.swiper-wrapper {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.banner .swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}

.banner .swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform,-webkit-transform
}
.banner .swiper-slide .img img{
	width:100%;
	height:auto;
}
.banner .swiper-slide-invisible-blank {
	visibility: hidden
}

.banner .swiper-container-autoheight,.banner .swiper-container-autoheight .swiper-slide {
	height: auto
}

.banner .swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-transition-property: height,-webkit-transform;
	transition-property: height,-webkit-transform;
	-o-transition-property: transform,height;
	transition-property: transform,height;
	transition-property: transform,height,-webkit-transform
}

.banner .swiper-container-3d {
	-webkit-perspective: 1200px;
	perspective: 1200px
}
.banner .swiper-button div{
	width:40px;
	height:264px;
	position:absolute;
	outline:none;
	z-index:99;
	top:50%;
	margin-top:-132px;
	right:30px;
	-webkit-transition: .3s opacity;
	-o-transition: .3s opacity;
	transition: .3s opacity;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	z-index: 99;
	}
.banner .swiper-button div span{
	width:40px;
	height:40px;
	border-radius:50%;
	margin:auto;
	position:relative;
	margin:13px 0;
}
.banner .swiper-button div span:before{
	content:"";
	width:10px;
	height:10px;
	background:#fff;
	position:absolute;
	left:14px;
	top:14px;
	border-radius:50%;
}
.banner .swiper-button div .swiper-pagination-bullet-active:before,.banner .swiper-button div span:hover:before{
	background:#435b76;
}
.banner .swiper-button div .swiper-pagination-bullet-active,.banner .swiper-button div span:hover{
	border:solid 1px #435b76;
}
/*shubiao*/
.shubiao-index{
	overflow:hidden;
	position:absolute;
	bottom:38px;
	right:38px;
	z-index:99;
}
.mouse {
  position: relative;
  width: 28px;
  height: 46px;
  border-radius: 30px;
  border: 3px solid #fff;
  margin:auto;
}
.mouse:after {
  content: '';
  position: absolute;
  top: 2px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 4px;
  height: 10px;
  border-radius: 20px;
  background-color: #fff;
  -webkit-animation: scroll 1s infinite alternate;
          animation: scroll 1s infinite alternate;
}
.shubiao-index p{
	width:100%;
	overflow:hidden;
	text-align:center;
	font-size:15px;
	color:#fff;
	font-family:Arial;
	line-height:30px;
}
.banner_more{
	overflow:hidden;
	font-size:16px;
	color:#fff;
	line-height:30px;
	position:absolute;
	left:18%;
	bottom:124px;
	z-index:99;
}

@-webkit-keyframes scroll {
  100% {
    -webkit-transform: translate(-50%, 8px);
            transform: translate(-50%, 8px);
  }
}
@keyframes scroll {
  100% {
    -webkit-transform: translate(-50%, 8px);
            transform: translate(-50%, 8px);
  }
}

@-webkit-keyframes scroll {
  100% {
    -webkit-transform: translate(-50%, 8px);
            transform: translate(-50%, 8px);
  }
}
@keyframes scroll {
  100% {
    -webkit-transform: translate(-50%, 8px);
            transform: translate(-50%, 8px);
  }
}
.boxlist .swiper-container,.boxlist2 .swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
}

.boxlist .swiper-container-vertical>.swiper-wrapper,.boxlist2 .swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

.boxlist .swiper-wrapper,.boxlist2 .swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform,-webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}
.boxlist .swiper-container-android .swiper-slide,.boxlist .mt-tabpage-cont__wrap .swiper-wrapper,
.boxlist2 .swiper-container-android .swiper-slide,.boxlist2 .mt-tabpage-cont__wrap .swiper-wrapper {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

.boxlist .swiper-container-multirow>.swiper-wrapper,.boxlist2 .swiper-container-multirow>.swiper-wrapper {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.boxlist .swiper-container-free-mode>.swiper-wrapper,.boxlist2 .swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}

.boxlist .swiper-slide,.boxlist2 .swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform,-webkit-transform
}
.boxlist .swiper-slide-invisible-blank,.boxlist2 .swiper-slide-invisible-blank {
	visibility: hidden
}

.boxlist .swiper-container-autoheight,.boxlist .mt-tabpage-cont__wrap .swiper-container-autoheight .swiper-slide,
.boxlist2 .swiper-container-autoheight,.boxlist2 .mt-tabpage-cont__wrap .swiper-container-autoheight .swiper-slide {
	height: auto
}

.boxlist .swiper-container-autoheight .swiper-wrapper,.boxlist2 .swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-transition-property: height,-webkit-transform;
	transition-property: height,-webkit-transform;
	-o-transition-property: transform,height;
	transition-property: transform,height;
	transition-property: transform,height,-webkit-transform
}
.boxlist .swiper-button div{
	width:52px;
	height:52px;
	position:absolute;
	top:50%;
	margin-top:-26px;
	outline:none;
	border:solid 4px #d5d5d5;
	border-radius:50%;
	z-index:99;
	}
.boxlist .swiper-button .swiper-button-prev{
	background:url(../images/prev2.png) no-repeat center;
	right:210px;
	}
.boxlist .swiper-button .swiper-button-next{
	background:url(../images/next2.png) no-repeat center;
	right:144px;
	}
.boxlist .swiper-button .swiper-button-prev:hover{
	background:url(../images/prevh2.png) no-repeat center;
	}
.boxlist .swiper-button .swiper-button-next:hover{
	background:url(../images/nexth2.png) no-repeat center;
	}
.boxlist .swiper-button div:hover{
	border:solid 4px #b21e23;
}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
	background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
	background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
	background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
	background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.banner .swiper-container-wp8-vertical,.banner .swiper-container-wp8-vertical>.swiper-wrapper {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}
.banner .swiper-button{
	
	}

.banner .swiper-button-lock {
	display: none
}


.banner .swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
	bottom:0;
	right: 88px;
	height:40px;
	line-height: 40px;
	color:#b1b1b1;
	font-size:16px;
	top:40px;
}
.swiper-pagination-fraction span{
	color:#b1b1b1;
	line-height:40px;
	font-size:16px;
}
.swiper-pagination-fraction .swiper-pagination-current{
	color:#cf1423;
	font-size:26px;
	font-weight:bold;
}
.swiper-pagination-fraction span:before{
	content:"0";
	}

.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transform: scale(.33);
	-ms-transform: scale(.33);
	transform: scale(.33);
	position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	-webkit-transform: scale(.66);
	-ms-transform: scale(.66);
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	-webkit-transform: scale(.33);
	-ms-transform: scale(.33);
	transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	-webkit-transform: scale(.66);
	-ms-transform: scale(.66);
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	-webkit-transform: scale(.33);
	-ms-transform: scale(.33);
	transform: scale(.33)
}

.swiper-pagination-bullet {
	width: 27px;
	height: 27px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	margin:10px 0;
	background:url(../images/dot.png) no-repeat center;
	outline:none;
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-bullet-active {
	background:url(../images/doth.png) no-repeat center;
}

.swiper-container-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 6px 0;
	display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	-webkit-transition: .2s top,.2s -webkit-transform;
	transition: .2s top,.2s -webkit-transform;
	-o-transition: .2s transform,.2s top;
	transition: .2s transform,.2s top;
	transition: .2s transform,.2s top,.2s -webkit-transform
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: .2s left,.2s -webkit-transform;
	transition: .2s left,.2s -webkit-transform;
	-o-transition: .2s transform,.2s left;
	transition: .2s transform,.2s left;
	transition: .2s transform,.2s left,.2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: .2s right,.2s -webkit-transform;
	transition: .2s right,.2s -webkit-transform;
	-o-transition: .2s transform,.2s right;
	transition: .2s transform,.2s right;
	transition: .2s transform,.2s right,.2s -webkit-transform
}

.swiper-pagination-progressbar {
	background: rgba(0,0,0,.25);
	position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #007aff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	-webkit-transform-origin: right top;
	-ms-transform-origin: right top;
	transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
	background: rgba(255,255,255,.25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
	background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
	background: rgba(0,0,0,.25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
	background: #000
}

.swiper-pagination-lock {
	display: none
}

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0,0,0,.5);
	border-radius: 10px;
	left: 0;
	top: 0
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-scrollbar-lock {
	display: none
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
	max-width: 100%;
	max-height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.swiper-slide-zoomed {
	cursor: move
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	-ms-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
	animation: swiper-preloader-spin 1s steps(12,end) infinite
}

.swiper-lazy-preloader:after {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position: 50%;
	background-size: 100%;
	background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	-webkit-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube {
	overflow: visible
}

.swiper-container-cube .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	-webkit-filter: blur(50px);
	filter: blur(50px);
	z-index: 0
}

.swiper-container-flip {
	overflow: visible
}

.swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
	-ms-perspective: 1200px
}



/*banner*/

.project-item {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  display: block;
  margin-bottom: 30px;
  background: #fff;
}
.project-item .gallery-image {
  margin-bottom: 10px;
}
.project-item .info {
  position: relative;
  padding: 5px 80px 5px 10px;
  -webkit-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.3);
}
.project-item .info .title {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  margin-bottom: 5px;
}
.project-item .info .description {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  color: #777;
  margin-bottom: 10px;
}
.project-item:hover {
  background: #435b76;
}
.project-item:hover img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.project-item:hover .info .title,
.project-item:hover .info .description,
.project-item:hover .info .social {
  color: #fff;
}

.gallery-image {
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.8);
}
.gallery-image img {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  max-width: 100%;
}
.gallery-image::before {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: .0;
  background: rgba(255, 255, 255, 0.8);
}
.gallery-image::after {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  display: block;
  content: "\f002";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  margin: auto;
  width: 64px;
  height: 64px;
  color: #333;
  font-size: 25px;
  line-height: 66px;
  text-align: center;
  opacity: 0;
  background:none;
  font-family: 'FontAwesome', sans-serif;
}
.gallery-image:hover::before {
  opacity: .7;
}
.gallery-image:hover::after {
  -webkit-animation: 0.5s animationZoomIn;
  -o-animation: 0.5s animationZoomIn;
  animation: 0.5s animationZoomIn;
  opacity: 1.0;
}
.gallery-image:hover img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}



.bsb-project-1-grid div:nth-child(4){padding-top: 25px;}
.bsb-project-1-grid div:nth-child(5){padding-top: 25px;}



.scrollnews{
	width:50%;
	height:164px;
	overflow:hidden;
	padding:0 0 0 25%;
	background:#435b76;
	position:absolute;
	left:0;
	bottom:-14px;
	line-height:32px;
	font-size:16px;
	color:#fff;
	border-radius:0 40px 0 0;
	z-index:99;
}
.scrollnews ul{ overflow:hidden;}
.scrollnews ul li{width:100%; height:164px; overflow:hidden;  -moz-transition:all 0.4s;-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;} 
.scrollnews ul li a{width:80%;overflow:hidden;display:block; text-align:left; float:left;font-size:16px;color:#fff;}
.scrollnews ul li span{width:25%;overflow:hidden; display:block; float:left;font-size:16px;color:#fff;text-align:right;}
.scrollnews ul li:hover .spanT{ color:#e0222c;}
.scrollnews_nr{
	width:244px;
	overflow:hidden;
	position:absolute;
	left:11.5%;
	bottom:45px;
	z-index:99;
	}
.scrollnews_nr img{
	max-width:100%;
	height:auto;
	}
.tnewslf{
	width:20%;
	overflow:hidden;
	font-size:18px;
	color:#fff;
	line-height:25px;
	margin-left:32px;
	}
.tnewsmore{
	width:100%;
	overflow:hidden;
	font-size:16px;
	color:rgba(255,255,255,0.4);
	background:url(../images/icon2.png) no-repeat 60px center;
	margin-top:10px;
	}
.tnewsrt{
	width:50%;
	overflow:hidden;
	font-size:18px;
	line-height:30px;
	color:#fff;
	padding-right:26px;
	border-right:solid 1px rgba(255,255,255,0.4);
	}
.scrollnews_icon{
	width:28px;
	height:22px;
	position:absolute;
	left: 45%;
    bottom: 57px;
    z-index: 99;
}
/* tit

-------------------------------------------------------------- */

.imgs {width: 100%;}
.i_application_l{position: relative;}
.proz_img {width: 100%;}
.proz_img img {width: 100%;}
.cy_img { float: left; width: 100%;}
.cy_text { float: left; width: 100%;padding: 25px 10px;}
.i_application .imgs .img{ background-repeat:no-repeat; background-position:center center; background-size:cover; overflow:hidden;transition:all 0.3s;}
.i_application .imgs:hover .img{-webkit-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); transform:scale(1.05, 1.05);}
.i_application .imgs img{ width:100%;opacity:0;filter:Alpha(opacity=0);}

.cy_more {padding: 0 0 20px 0;
}
.tit{
	overflow:hidden;
        text-align: center;
        padding-bottom: 60px;
	}
.tit h3{
	width:100%;
	overflow:hidden;
	font-size:50px;
	color:#020202;
	margin-top:4px;
	position:relative;
	z-index:1;
    /*font-style:italic;*/
    padding-bottom: 20px;
	}
*/
.tit h3:after{
	content:"";
	width:16px;
	height:16px;
	background:rgba(255,255,255,0);
	border-radius:50%;
	position:absolute;
	left: 185px;
    top: 5px;
	z-index:-1;
}
.tit h3 a{
	font-size:40px;
	color:#020202;
    font-weight: 800;
   
	}
.tit p{
	width:100%;
	overflow:hidden;
	font-family:Arial;
	line-height:30px;
	}
.tit p a {color:#000; font-size:26px;}
/* partner
-------------------------------------------------------------- */
.partner{
	width:100%;
	height:960px;
	overflow:hidden;
	background:url(../images/map.jpg) no-repeat top center;
	position:relative;
	}
.partnerrt{
	width:22%;
	overflow:hidden;
	}
.partnertit{
	width:100%;
	overflow:hidden;
	margin-top:272px;
	}
.partnertit h3{
	width:100%;
	overflow:hidden;
	font-size:45px;
	color:#fff;
	line-height:55px;
	font-weight:normal;
	text-align:right;
	}
.partnertit h3 a{
	font-size:45px;
	color:#fff;
	}
.partnertit hr{
	width:70px;
	border:none;
	border-bottom:solid 1px #fff;
	float:right;
	margin-top:38px;
	}
.partnernr .partnerjs{
	width:100%;
	overflow:hidden;
	font-size:17px;
	color:#fff;
	line-height:30px;
	text-align:right;
	margin-top:76px;
	}
.partnermore{
	width:100%;
	overflow:hidden;
	margin-top:130px;
	}
.partnermore a{
	display:block;
	width:160px;
	height:50px;
	line-height:50px;
	background:#c70b19 url(../images/icon2.png) no-repeat 76% center;
	font-size:16px;
	color:#fff;
	padding-left:30px;
	float:right;
	}
#plusDiv, #plusDiv2, #plusDiv3, #plusDiv4, #plusDiv5, #plusDiv6 {
	width: 70px;
	height: 70px;
	/*transform: translate3d(0px, 0px, 0px);*/
	position:absolute;
	outline: none;
	background-color: rgba(199, 11, 25, 0.3);
	box-shadow: 1px 1px 8px 0px rgba(199, 11, 25, 0.3);
	border-radius: 100%;
	transform-origin: 0 0;
	display: block;
	z-index:1;
}
#plusDiv {
	left: 50%;
	margin-left:80px;
	top: 314px;
}
#plusDiv2 {
	left: 50%;
	margin-left:-55px;
	top: 360px;
}
#plusDiv3 {
	left: 50%;
	margin-left:-265px;
	top: 450px;
}
#plusDiv4 {
	left: 50%;
	margin-left:50px;
	top: 458px;
}
#plusDiv5 {
	left: 50%;
	margin-left:-74px;
	top: 496px;
}
#plusDiv6 {
	left: 50%;
	margin-left:-54px;
	top: 636px;
}
#plusDiv::before, #plusDiv2::before, #plusDiv3::before, #plusDiv4::before, #plusDiv5::before, #plusDiv6::before {
	content: "";
	-webkit-border-radius: 100%;
	border-radius: 100%;
	height: 20px;
	width: 20px;
	background:#c70b19;
	position: absolute;
	margin: 25px 0 0 25px;
}
#plusDiv::after, #plusDiv2::after, #plusDiv3::after, #plusDiv4::after, #plusDiv5::after, #plusDiv6::after {
	content: "";
	-webkit-border-radius: 100%;
	border-radius: 100%;
	height: 200%;
	width: 200%;
	position: absolute;
	margin: -50% 0 0 -50%;
	box-shadow: 0 0 6px 2px rgba(199, 11, 25, 0.3);
	animation: pulsate 1s ease-out;
	animation-iteration-count: infinite; /*无穷反复*/
	animation-delay: 1.1s;
}
 @keyframes pulsate {
	 0% {
	 transform: scale(0.1, 0.1);
	 opacity: 0;
	 filter: alpha(opacity=0);
	}
	 50% {
	 opacity: 1;
	 filter: none;
	}
	 100% {
	 transform: scale(1.2, 1.2);
	 opacity: 0;
	 filter: alpha(opacity=0);
	}
}
/* about
-------------------------------------------------------------- */
.honer li {
    float: left;
    width: 33.333%;
    height: auto;
    padding-bottom: 10px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
}
.shubiao_line {
    width: 1px;
    height: 60px;
    background: #fff;
    margin: 10px auto;
}
.mouse {
    position: relative;
    width: 14px;
    height: 22px;
    border-radius: 30px;
    border: 2px solid rgba(255, 255, 255, 0.8);
}
.pro_textbg{
    /*background: url(../images/pro.png) no-repeat center top;*/
    background-size: contain;
    border-left: 0 solid #000;
    border-right: 0 solid #000;
    border-top: 0 solid #000;
    border-bottom: 0 solid #000;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
  
    padding-top: 32px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;}
.news_textbg{
   /* background: url(../images/news.png) no-repeat center top;*/
    background-size: contain;
    border-left: 0 solid #000;
    border-right: 0 solid #000;
    border-top: 0 solid #000;
    border-bottom: 0 solid #000;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 16px;
    padding-top: 32px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;}
.abo_textbg{
    background-size: contain;
    border-left: 0 solid #000;
    border-right: 0 solid #000;
    border-top: 0 solid #000;
    border-bottom: 0 solid #000;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    text-align: left;
}
.aboutimg {height: 600px;
    line-height: 600px;}
.aboutimg img {width:100%;}
.about{
	width:100%;
	overflow:hidden;
	/*background:url(../images/aboutbg.jpg) no-repeat center right;*/
	padding-bottom:80px;
    padding-top:120px;
	}
.aboutrt img {width: 100%;}
.aboutnr{
	position:relative;
	padding-bottom:120px;
	}
.aboutnr:after{
	/*content:"ABOUT US";*/
	color:#f7f7f7;
	font-size:185px;
	line-height:160px;
	font-weight:bold;
	position:absolute;
	left:0;
	bottom:7px;
	}
.aboutnr .aboutlf{
	padding:0;
    text-align: center;
    padding-bottom: 50px;
	}
.aboutnr .aboutlf span{
	width:6px;
	height:68px;
	display:block;
	background:#435b76;
	border-radius:5px;
	margin-top:16px;
	}
.abouttit h3{
	width:100%;
	overflow:hidden;
	font-size:45px;
	line-height:55px;
	color:#1c1c1c;
	font-weight:normal;
	}
.aboutnr h4{
	width:100%;
	overflow:hidden;
	font-size:25px;
	color:#020202;
	line-height:35px;
	margin-top:20px;
	
	margin-bottom:30px;
	}
.aboutnr .aboutms{
	width:100%;
	font-size:16px;
	color:#777d7e;
	line-height:30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    margin-bottom: 30px;
    text-align: left;
	}
.aboutnr .aboutms p {font-size:16px;line-height: 35px;}
.more{
	width:100%;
	overflow:hidden;
	margin-top:20px;
        text-align: left;
	}
.more a{
	display:block;
	width: 140px;
    height: 40px;
	line-height:40px;
	font-size:16px;
	color:#fff;
	padding-left:20px;
	background:#435b76 url(../images/icon1.png) no-repeat 100px center;
	border-radius:30px;
	transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
     
	}
.more a:hover{
	background-position:158px;
}


.honer2 {
	width: 100%;float:left;
	padding-top: 0px
}
.honer2{margin-top:30px;}
.honer2 li {
	float: left;
	width: 33.333%;
	height: auto;padding-bottom:10px;
	text-align: center;
	line-height: 30px;
	font-size: 14px
}
.honer2 li a {
	display: block;padding:2%;
	color: #555; font-size:14px;
}
.honer2 li a:hover {
	color: #0036a0;
filter:alpha(opacity:60);
	opacity: 0.6;
}
.honer2 li img {
	width: 100%;max-width:100%;border:solid 5px #ccc;
}

.nabout07 {
    background: url(../images/fzlcbg.png) no-repeat top;
    padding-top: 150px;
    top: -150px;
    position: relative;
    /* overflow: hidden; */
}

.nabout02 {
 top: -150px;
    position: relative;
}
.nabout03 {
 top: -150px;
    position: relative;
}
.nabout04 {
 top: -150px;
    position: relative;
}
.nabout05 {
 top: -150px;
    position: relative;
}
.aboubg {
    background: #f1f1f1;
    overflow: hidden;
}

.wenhua > div{
	position:relative;
	margin-bottom:30px;
	padding:0 15px;
	overflow:hidden;
}
.naboutnr .pp{
	position:relative;
	margin-bottom:30px;
    margin: 1%;
    width: 48%;
    height: 380px;
	overflow:hidden;
}

	.naboutnr .pp .ppbt{ 
	position: absolute;
    bottom: 20%;
    right: 10%;
    font-size: 30px;
    color: #fff;
    font-weight: bold;}
.naboutnr .pp img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: all .5s ease;
}

.pp:hover img{
	transform: translate(-50%, -50%) scale(1.2);
    transition: all .5s ease;
}
.whicon {
    position: absolute;
    width: 14%;
    left: 10%;
    top: 33%;
	text-align:center;
}
.whicon img{
	max-width:100%;
}
.wenhua .whinfo {
    position: absolute;
    top: 30%;
    left: 28%;
    width: 67%;
}
.wenhua .whinfo::before {
    content: ' ';
    position: absolute;
    width: 1px;
    height: 77px;
    background: #fff;
    left: -5.7%;
    top: 5px;
}
.wenhua .whinfo .whtitle {
    color: #fff;
    font-size: 30px;
    line-height: 54px;
}
.wenhua .whinfo .whsubtitle {
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    padding-right: 20px;
}
.nhoner p{
	font-size:16px;
	line-height:30px;
	margin-bottom:20px;
}
.nhonor_list{
	width:23%;
	margin:15px 1%;
	float:left;
}
.nhonor_list1{
	width:31.33%;
	margin:15px 1%;
	float:left;
}
.nhonorimg{
	display:block;
	width:100%; 
	overflow:hidden; 
	background:#fff; 
	position: relative;
    height: 220px;
    display: block;
}
.nhonorimg1{
	display:block;
	width:100%; 
	overflow:hidden; 
	background:#fff; 
	position: relative;
    height: 300px;
    display: block;}
.nhonorimg img{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: all .5s ease;
}
.nhonorimg1 img{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: all .5s ease;
}
.nhonor_list:hover .nhonorimg img{
	transform: translate(-50%, -50%) scale(1.2);
    transition: all .5s ease;
}
.nhonor_list1:hover .nhonorimg1 img{
	transform: translate(-50%, -50%) scale(1.2);
    transition: all .5s ease;
}
.nhonortit{
	height:56px;
	line-height:56px;
	background:#f5f5f5;
	text-align:center;
	font-size:16px;
}
.nhonor_list:hover .nhonortit{
	background:#50749b;
	color:#fff;
}
.nhonor_list1:hover .nhonortit{
	background:#50749b;
	color:#fff;
}
/* youshi*/
.youshih{ overflow:hidden; position: relative;
    border-bottom: 20px solid #fff;
    background: #fff;
    width: 100%;
    height: 0;
    padding-bottom: 20%;
    transition: all 600ms ease;}
.youshih > div{
	position:relative;
	margin-bottom:30px;
	padding:0 15px;
	overflow:hidden;
}
.youshink h4{ font-size:20px; font-weight:bold; color:#50749b;}
.youshink{    position: absolute !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;}
.youshink .pic{width: 100%;
    height: 100%;
    transition: all 600ms ease;}
.youshink .l1{ background:#f5f5f5;width: 50%;
    overflow: hidden; padding:25px;}
.youshink .l2{    position: relative;
    width: 50%;
    padding: 0px;
    overflow: hidden;}
.youshih:nth-child(2n) .youshink {
  	    flex-direction: row-reverse;
  }

.brand{padding-bottom:10px;}
.brand li{background:#f4f4f4; margin-top:37px; transition:all 0.5s ease;}
.brand li:first-child{margin-top:0;}
.brand li p {line-height: 50px;}
.brand li .li_box{padding:10px 50px;}
.brand li .li_box .left{min-width:12%; float:left; line-height:58px; position:relative; font-size:24px; color:#000; font-weight:600;    padding-right: 10px;}
.brand li .li_box .left:after{content:''; width:1px; height:58px; background:#d7dee3; position:absolute; right:0; top:50%; margin-top:-29px;}
.brand li .li_box .right{ float:left;}
.brand li .li_box .right .r_box{padding:0 23px 0 29px; line-height:58px;}
.brand li .li_box .right .r_box .tit{float:left; width:70%; font-size:16px; color:#000; margin-bottom:0px;}
.brand li .li_box .right .r_box .tit p{ line-height:58px; text-align:left; font-size:16px; color:#000;}
.brand li .li_box .right .r_box .more{width:13%; float:right; position:relative; font-size:15px; color:#3c5672;}
.brand li .li_box .right .r_box .more:after{content:''; width:11px; height:12px; background:url(../img/culture02_1.png) no-repeat; position:absolute; right:0; top:50%; margin-top:-6px;}
.brand li:hover{background:#3c5672;}
.brand li:hover .li_box .left{color:#fff;}
.brand li:hover .li_box .left:after{background:#fff; background:rgba(255,255,255,0.7);}
.brand li:hover .li_box .right .r_box .tit1{color:#fff;}
.brand li:hover .li_box .right .r_box .tit1 p{color:#fff;}
.brand li:hover .li_box .right .r_box .more{color:#fff;}
.brand li:hover .li_box .right .r_box .more:after{background-position:-11px 0;}
.brand li .hidden_detail{display:none;}

/*发展历程*/
.scr_case {
	position:relative;
}
.pub_con_box {
	position:relative;
	z-index:1;
}
.abo_com {
	width:50%;
}
.abo_com .com_title {
	font-size:26px;
	line-height:1.77;
	color:#000;
	text-transform:uppercase;
	font-family:Arial;
}
.abo_com .com_info {
	margin-top:45px;
	font-size:14px;
	line-height:2;
	color:#333;
	min-height:500px;
}
.abo_com .com_motto {
	text-align:right;
	color:#000;
	font-size:26px;
	line-height:3.384;
	border-top:1px solid #9f9f9f;
	margin-top:40px;
}
.abo_com_img {
	width:40%;
}
.abo_com_img img {
	width:100%;
	display:block;
}
.abo_mod1_bg {
	padding:150px 0;
}
.abo_mod2_bg {
	padding:20px 0;
	overflow:hidden;
}
.abo_mod1_bg .ser_sup_img_case {
	margin-left:13.55%;
	width:86.45%;
	margin-top:0;
}
.abo_mod1_bg .ser_sup_img_case .ser_sup_img_box {
	left:0;
	width:100%;
	margin-left:0;
	/*height:822px;
	*/
    background:url("http://www.tbbpower.com/templates/css/../image/joinUs_bg.png") no-repeat center top,#f0f3f4;
	padding:165px 0 140px 140px;
}
.abo_mod1_bg .ser_sup_img_case .ser_sup_adorn {
	transform:rotate(90deg) translate(20%,-100%);
}
.time_con {
	margin-left:0%;
	width:80%;
}
.time_con > div {
	position:relative;
	padding:10px 0;
	padding-left:30px;
	line-height:30px;
	font-size:20px;
	color:#333333;
}
.time_con > div::after {
	content:'';
	display:block;
	position:absolute;
	left:0;
	top:50%;
	border-radius:50%;
	background-color:#333;
	width:8px;
	height:8px;
	margin-top:-4px;
}
.at_time {
	display:inline-block;
	vertical-align:middle;
	font-size:0;
	position:relative;
	overflow:hidden;
	height:350px;
	z-index:1;
}
.at_time > div {
	display:inline-block;
	vertical-align:top;
	font-size:350px;
	line-height:1;
	color:#cad0d8;
	height:68%;
	overflow:hidden;
}
.at_time .at_time_one{
	position:relative;
}
.at_time .at_time_one > div {
	position:absolute;
	top:-100%;
}
.at_time .at_time_two {
	position:relative;
}
.at_time .at_time_two > div {
	position:absolute;
	top:-100%;
}
.at_time .at_time_decade {
	position:relative;
}
.at_time .at_time_decade > div {
	position:absolute;
	top:-100%;
}
.at_time .at_time_one > div.at_time_onebg,
.at_time .at_time_two > div.at_time_onebg{
	position: absolute;
	left: 0;
	top: 65%;
	background: #fff;
	height: 35%;
	width: 100%;
}
.at_time .at_time_one,
.at_time .at_time_two,
.at_time .at_time_unit,
.at_time .at_time_decade {
	width:200px;
}
.at_time .at_time_unit {
	position:relative;
}
.at_time .at_time_unit > div {
	position:absolute;
	top:-400%;
}
.at_time .at_time_one,
.at_time .at_time_two,
.at_time .at_time_unit,
.at_time .at_time_decade {
	height:100%;
}
.at_time .at_time_unit > div > div,.at_time .at_time_decade > div > div {
	background:linear-gradient(360deg,#3c5672,#50749b,#6899cf);
	/* 标准语法 */
      -webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
}
.time_sel_box {
	text-align:center;
	position:relative;
}
.time_sel_box::after {
	content:'';
	display:block;
	width:137.142%;
	height:1px;
	background-color:#d0d4dc;
	position:absolute;
	left:-18.571%;
	bottom:35%;
}
.time_sel_box .btn_prev_box {
	left:0;
}
.time_sel_box .btn_next_box {
	right:0;
}
.time_sel_box .btn_prev_box,.time_sel_box .btn_next_box {
	position:absolute;
	width:120px;
	bottom:calc(35% - 17px);
	z-index:2;
}
.time_sel_box .btn_prev_box > .obj_time_box,.time_sel_box .btn_next_box > .obj_time_box {
	font-size:50px;
	color:#d0d4dc;
	line-height:70px;
	height:70px;
	overflow:hidden;
	position:relative;
	width:100%;
}
.time_sel_box .btn_prev_box > .obj_time_box > div,.time_sel_box .btn_next_box > .obj_time_box > div {
	position:absolute;
	width:100%;
}
.time_sel_box .btn_prev_box .btn_prev,
.time_sel_box .btn_next_box .btn_prev {
	display:inline-block;
	height:40px;
	width:40px;
	border-radius:50%;
	text-align:center;
	position:relative;
	cursor:pointer;
	background:url(../images/btn_prevh.png) no-repeat center center #d0d4dc;
}
.time_sel_box .btn_prev_box .btn_next,
.time_sel_box .btn_next_box .btn_next {
	display:inline-block;
	height:40px;
	width:40px;
	border-radius:50%;
	text-align:center;
	position:relative;
	cursor:pointer;
	background:url(../images/btn_nexth.png) no-repeat center center #d0d4dc;
}
.time_sel_box .btn_prev_box .btn_prev:hover,
.time_sel_box .btn_next_box .btn_prev:hover {
	background:url(../images/btn_prev.png) no-repeat center center #3c5672;
}
.time_sel_box .btn_prev_box .btn_next:hover,
.time_sel_box .btn_next_box .btn_next:hover{
	background:url(../images/btn_next.png) no-repeat center center #3c5672;
}
.btn_next_box > .obj_time_box > div {
	top:-100%;
}
.btn_prev_box > .obj_time_box > div {
	top:100%;
}
.time_con_box > div {
	display:none;
}
.time_con_box > div:first-child {
	display:block;
}
.disab {
	pointer-events:none;
    opacity:0;}
    
/* zsjm
-------------------------------------------------------------- */
.zsjm{
	width:100%;
	height:1000px;
	overflow:hidden;
	background:url(../images/jmbg.jpg) no-repeat top center;
	background-size:cover;
	padding-top:286px;
	}
.zsjm .zsjmnr{
	height:100%;
	position:relative;
	}
.zsjmimg{
	width:55%;
	overflow:hidden;
	text-align:center;
	position:absolute;
	left:50%;
	margin-left:-27.5%;
	top:0;
	}
.zsjmimg img{
	max-width:100%;
	height:auto;
	}
.zsjm_tel{
	width:52%;
	height:74px;
	background:#fff;
	overflow:hidden;
	margin:auto;
	text-align:center;
	line-height:74px;
	color:#435b76;
	font-size:30px;
	border-radius:50px;
	margin-top:246px;
	position:relative;
	}
.zsjm_tel:before{
	content:"";
	width:88px;
	height:1px;
	background:#435b76;
	position:absolute;
	left:42px;
	top:36px;
	}
.zsjm_tel:after{
	content:"";
	width:88px;
	height:1px;
	background:#435b76;
	position:absolute;
	right:42px;
	top:36px;
	}
.zsjm_telnr{
	overflow:hidden;
	display:inline-block;
	}
.zsjm_tel .jmtit{
	overflow:hidden;
	color:#435b76;
	font-size:30px;
	display:inline-block;
	float:left;
	background:url(../images/icon3.png) no-repeat left center;
	padding-left:52px;
	}
.zsjm_tel .jmtelnr{
	overflow:hidden;
	font-size:46px;
	color:#435b76;
	font-family: myTwoFont;
	font-style:normal;
	display:inline-block;
	float:left;
	}
.zsjm_tel .jmtelnr a{
	font-size:46px;
	color:#435b76;
}
.zsjmmore{
	width:100%;
	overflow:hidden;
	margin-top:118px;
	}
.zsjmmore a{
	display:block;
	width:118px;
	height:118px;
	background:#fff url(../images/icon4.png) no-repeat center;
	border-radius:50%;
	margin:auto;
	}
@media(max-width:1680px) {
	.zsjm{
		height:875px;
		padding-top:240px;
	}
	
}









@media(max-width:1440px) {
	.zsjm{
		height:750px;
		padding-top:200px;
	}
	.zsjmmore{
		margin-top:60px;
	}
     .aboutrt { display: flex;

    align-items: center;
    height: 550px;}



}
@media only screen and (min-width:0px) and (max-width: 1440px) {
li.nav-item {
    flex: 0.15;
}
/*.wrap {
    width: 100%;
    margin: 0 auto;
}*/
}

@media(max-width:1152px) {
    .aboutrt { display: flex;

    align-items: center;
    height: 488px;}
    .aboutnr .aboutlf span {display: none;}
    .more {
    margin-top: 10px;
}
	.zsjm{
		height:600px;
		padding-top:160px;
	}
	.zsjm_tel{
		margin-top:180px;
	}
	.zsjmmore {
		margin-top: 30px;
	}
	.zsjmmore a {
		width: 100px;
		height: 100px;
	}
}












@media(max-width:640px) {
	.zsjm {
		height: 333px;
		padding-top: 80px;
	}
	.zsjm_tel {
		height: 50px;
		line-height: 50px;
		margin-top: 120px;
	}
	.zsjmmore {
		margin-top: 20px;
	}
	.zsjmmore a {
		width: 50px;
		height: 50px;
	}
}
/* case
-------------------------------------------------------------- */
.case{
	width:100%;
	overflow:hidden;
	background:#f5f5f6;
	padding-left:11.6%;
	}
.case .caself{
	width:34%;
	overflow:hidden;
	padding-top:180px;
	}
.case .caself h3{
	width:100%;
	overflow:hidden;
	font-size:45px;
	color:#333;
	line-height:55px;
	}
.tab_box{
	width:100%;
	overflow:hidden;
	}
.caselist{
	width:100%;
	overflow:hidden;
	}
.caselist h3{
	width:100%;
	overflow:hidden;
	font-size:45px;
	color:#333;
	line-height:55px;
	}
.caselfnr{
	width:100%;
	overflow:hidden;
	margin-top:20px;
	}
.caselfnr p{
	width:100%;
	overflow:hidden;
	font-size:17px;
	line-height:30px;
	color:#808080;
	}
.case .casert{
	width:66%;
	height:1013px;
	overflow:hidden;
	background:url(../images/casebg.jpg) no-repeat center;
	}
.case .casert .tab{
	width:100%;
	overflow:hidden;
	}
.caseimg{
	width:100%;
	overflow:hidden;
	}
.caseimg img{
	width:100%;
	height:auto;
	}
.caseimgli{
	width:90%;
	position:relative;
	}

.tab,.tab ul{
	width:100%;
	overflow:hidden;
	}
.tab{
	height:100%;
	position:relative;
	}
.tab ul li{
	overflow:hidden;
	position:absolute;
	}
.tab ul li .tabwz{
	overflow:hidden;
	}
.tab ul li .tabicon{
	width:70px;
	height:70px;
	border-radius:50%;
	margin:7px auto 0;
	}
.tab ul li .tabwz{
	overflow:hidden;
	font-size:17px;
	color:#707070;
	line-height:30px;
	}
.tab ul li:nth-child(1){
	top:152px;
	left:50%;
	margin-left:-55px;
	}
.tab ul li:nth-child(1) .tabicon{
	background:#c2c2c2 url(../images/icon8.png) no-repeat center;
	}
.tab ul li:nth-child(2) .tabicon{
	background:#c2c2c2 url(../images/icon9.png) no-repeat center;
	}
.tab ul li:nth-child(3) .tabicon{
	background:#c2c2c2 url(../images/icon10.png) no-repeat center;
	}
.tab ul li:nth-child(4) .tabicon{
	background:#c2c2c2 url(../images/icon11.png) no-repeat center;
	}
.tab ul li:nth-child(5) .tabicon{
	background:#c2c2c2 url(../images/icon12.png) no-repeat center;
	}
.tab ul li:nth-child(2){
	top:400px;
	left:50%;
	margin-left:-400px;
	}
.tab ul li:nth-child(2) .tabicon,.tab ul li:nth-child(2) .tabwz,.tab ul li:nth-child(3) .tabicon,.tab ul li:nth-child(3) .tabwz{
	float:left;
	}
.tab ul li:nth-child(2) .tabwz{
	line-height:70px;
	margin-right:15px;
	}
.tab ul li:nth-child(3) .tabwz{
	line-height:70px;
	margin-left:15px;
	}
.tab ul li:nth-child(3){
	top:400px;
	right:50%;
	margin-right:-360px;
	}
.tab ul li:nth-child(4){
	bottom:248px;
	left:50%;
	margin-left:-245px;
	}
.tab ul li:nth-child(5){
	bottom:248px;
	right:50%;
	margin-right:-180px;
	}
.tab ul li:hover .tabicon,.tab ul li.hover .tabicon{
	background-color:#0a6db1;
	}

/* news
-------------------------------------------------------------- */
.newscon {background: #f8f8f8;padding-top: 50px;
    padding-bottom: 100px;}
.news{
	
    
	}
.news .newstit{
	width:100%;
	overflow:hidden;
       
	}
.newstit .tit{
	    width: 50%;
    overflow: hidden;
    text-align: center;
    margin: auto;
	}
.newstit .tit span{
	width: 68px;
    height: 6px;
    display: block;
    background: #435b76;
    border-radius: 5px;
    margin-top: 16px;
    margin: auto;
	}
.hzkh .tit span{
	width: 68px;
    height: 6px;
    display: block;
    background: #435b76;
    border-radius: 5px;
    margin-top: 16px;
    margin: auto;
	}
.newsmenu{
	width:70%;
	overflow:hidden;
	float:right;
	text-align:right;
	margin-top:20px;
	}
.newsmenu ul{
	overflow:hidden;
	display:inline-block;
	}
.newsmenu ul li{
	width:208px;
	height:56px;
	overflow:hidden;
	text-align:center;
	line-height:56px;
	float:left;
	border:solid 1px #435b76;
	border-radius:30px;
	margin-left:10px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
	}
.newsmenu ul li a{
	font-size:20px;
	color:#435b76;
	display:block;
	}
.newsmenu ul li:hover{
	background:#435b76;
	}
.newsmenu ul li:hover a{
	color:#fff;
	}
.newslist{
	width:100%;
	overflow:hidden;
	}
.newslist dl{
	    width: 100%;
    overflow: hidden;
    float: left;
    margin-right: 2%;
    margin-top: 22px;
    box-shadow: 0 0 15px rgba(0,0,0,.15);
	}
.newslist dl:last-child{
	margin-right:0;
	}
.newslist dl dt,.newslist dl dd{
	width:100%;
	overflow:hidden;
	font-weight:normal;
        padding: 0 30px;
        min-height: 180px;
	}
.newslist dl dt .date{
	width:100%;
	overflow:hidden;
	font-size:16px;
	color:#c3c3c3;
	line-height:30px;
	background:url(../images/icon5.png) no-repeat left center;
	padding-left:34px;
	
	padding-top:6px;
	}
.newslist dl dt p {margin: inherit;    padding-bottom: 30px;}
.newslist dl dd{
	position:relative;
	height:328px;
}
.newslist dl dd img{
	display:block;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	}
.newslist dl:hover dd img{
	transform:translate(-50%, -50%) scale(1.2);
	}
.newslist dl dt h4{
	width:100%;
	overflow:hidden;
	font-size:28px;
	color:#202020;
	line-height:38px;
	font-weight:normal;
	margin-top:22px;
	white-space: nowrap;
    text-overflow: ellipsis;
	}
.newslist dl dd img{
	width:100%;
	height:auto;
	}
.newslist dl dd{
	

	}
/* hzkhnr
-------------------------------------------------------------- */
.cysp {background: #f8f8f8;padding-top: 93px;
    padding-bottom: 108px;}
.hzkh{
	
	}
.hzkhnr,.hzkhnr ul{
	width:100%;
	overflow:hidden;
	}
.hzkhnr{
	margin-top:38px;
	}
.hzkhimg .cy_more a {
    text-align: center;
    border: solid 1px #d7d7d7;
    padding: 10px 15px;
    border-radius:30px;
}
.hzkhnr ul li{
	width:13.8571%;
	overflow:hidden;
	float:left;
	text-align:center;
	margin-right:0.5%;
	border:solid 1px #d7d7d7;
	border-radius:10px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
	}
.hzkhnr .hzkhimg{
	width:99%;
	overflow:hidden;
	text-align:center;
	border:solid 1px #d7d7d7;
	border-radius:10px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    background: #fff;
}

.hzkhnr ul li:last-child{
	margin-right:0;
	}
.hzkhnr .hzkhimg img{
	max-width:100%;
	height:auto;
	}
.hzkhnr .hzkhimg:hover{
	border:solid 3px #435b76;
	}

/*why-----------------------------------------*/
.whybg { 
        color: #fff;
    padding: 100px 0;
    text-align: center;
   /*background-image: url(../images/whybg.jpg);*/
background: #435b76;
    background-attachment: fixed;
    background-size: cover;
    background-position: center center; 
    width: 100%;
    margin: auto;

}
.why h3 {color: #fff;font-size: 30px;padding-bottom: 30px;}
.why p {color: #fff;}
.why-more {
    padding: 30px 0 0 0;
    
}
.why-more a {
    border: 1px solid #fff;
    display: block;
    width: 235px;
    height: 56px;
    line-height: 56px;
    font-size: 16px;
    color: #fff;
    padding-left: 58px;
    background:  url(../images/icon1.png) no-repeat 148px center;
    border-radius: 30px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
        text-align: left;
    margin: auto;
}
.e_container-1 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    display-radio: flex;
    background-fill-value: background-image;
    background-image: url(../images/whybg.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
}
.cbox-1-0 {
    flex: 0 0 50%;
    align-self: center;
}
.s_title h2 strong { font-size: 36px; line-height: 24px; text-align: left;color:#fff;}
.s_title h6 {font-size: 16px; line-height: 24px; text-align: left;color:#A9A9A9;line-height:2;}
.p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%;
}
.e_image-2 {
    overflow: hidden;
}
.e_image-2 img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.cbox-1-1 {
    align-self: center;
}
.e_container-3 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 97%;
    max-width: 660px;
    display-radio: flex;
    margin-right: auto;
    margin-left: 0px;
    padding-right: 10px;
    padding-left: 10%;
}
.p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%;
}
.s_title {
    font-size: 16px;
    color: #333;
    line-height: 1;
}
.e_richText-4 {
    font_radio: 2;
    display-radio: 1;
    font-size: 16px;
    color: #333333;
    line-height: 1;
    padding-bottom: 12px;
}
.e_richText-5 {
    font_radio: 1;
    display-radio: 1;
    padding-bottom: 10%;
}
.e_container-7 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 80%;
    display-radio: flex;
    max-width: 350px;
}
.p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%;
}
.e_button-6 {
    display: block;
    position: relative;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
    width: 100%;
    border-radius: 50;
    padding: 8px;
    background_radio: 1;
    border_radio: 1;
    font_radio: 2;
    radius_radio: 1;
    display-radio: block;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-top: 5%;
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
    font-weight: bold;
}
.cbox-7-1 {
    padding-left: 10%;
}
.e_button-8 {
    border-radius: 50px;
    display: block;
    position: relative;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
    width: 100%;
    padding: 8px;
    background_radio: 2;
    border_radio: 2;
    font_radio: 2;
    radius_radio: 2;
    display-radio: block;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-top: 5%;
    background-color: rgba(255,255,255,1);
    font-size: 14px;
    font-weight: bold;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(255,255,255,1);
}
.s_button1 {
    background-color: #e42629;
    border-top-left-radius: 60px;
    border-top-right-radius: 60px;
    border-bottom-left-radius: 60px;
    border-bottom-right-radius: 60px;
    color: #fff;
    border-style: solid;
    border-color: #e42629;
    font-size: 14px;
    border-width: 1px;
    position: relative;
    overflow: hidden;
}
.e_button-6 {
    display: block;
    position: relative;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
    width: 100%;
    border-radius: 50px;
    padding: 8px;
    background_radio: 1;
    border_radio: 1;
    font_radio: 2;
    radius_radio: 1;
    display-radio: block;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-top: 5%;
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
    font-weight: bold;
}
.e_button-6 span { color: #fff;}
.e_button-6:hover::after{opacity:1}
.e_button-6:hover{font-size:14px}
.s_button1:before {
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
}
.e_button-6::after {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    transition: all .3s;
    z-index: 0;
    opacity: 0;
    top: 0;
    left: 0px;
}
/*why-----------------------------*/
/* pro
-------------------------------------------------------------- */
.prolist .imglist:nth-child(3n+1) {

    margin-left: 0px;
    clear: left;
    margin-right: 0px;
    width: 49%;
}
.prolist .imglist:nth-child(3n+2) {

  width: 24%;
    margin-left: 1%;
    margin-right: 0px;
    clear: none;
}
.prolist .imglist:nth-child(3n) {
    margin-right: 0px;
}
.prolist .imglist:nth-child(3n+0) {
    width: 24%;
    margin-left: 1%;
    margin-right: 0px;
    clear: none;
}
.prolist .imglist {
  margin-top: 3%;
  margin-bottom: 3%;
    overflow: hidden;
    cursor: pointer;
    border-radius: 4px;
        float: left;
}

.prolist .imglist img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: 0.25s;
}
.prolist .imglist :hover img {
  transform: scale(1.2);
}
.pronr .pro_list:nth-child(odd) .pro_list_left { float: right;}
.pronr .pro_list:nth-child(odd) .pro_list_right {background:url(../images/category2BG.png)}
.pro_list2 ul li {    width: 23.3%;
    float: left;
    border: 1px solid #f1f1f1;
    margin: 40px 10px;}
.pro_list2 {width: 90%;margin: auto;}
    .pro_list {    border-radius: 20px;
    width: 100%;
    overflow: hidden;
    margin: 50px auto;
}
.pronr .pro_list .pro_list_left {float: left;width: 60%; }
.pronr .pro_list .pro_list_right h3{margin-top: 40%;
    font-size: 30px;
    line-height: 50px;  }
.pronr .pro_list .pro_list_right p{  font-size: 18px;
    line-height: 30px;  }
.pronr .pro_list .pro_list_right {float: left;width: 40%;    text-align: center;
    background:url(../images/category1BG.png);  height: 512px;    }
.pronr .more a { margin: auto;}
.pro_img img {width: 100%;}
.prozs{margin-top: 38px;    }
.pro{
	width:100%;
	overflow:hidden;
	background:url(../images/probg.jpg) no-repeat top center;
	background-size:cover;
	/*padding-top:87px;*/
    padding-bottom: 80px;
	}
.pro .protit{
	width:100%;
	overflow:hidden;
	}
.pro .protit .tit{
	     width: 50%;
    overflow: hidden;
   
    text-align: center;
    margin: auto;
	}
.pro .protit .tit span{
	width: 68px;
    height: 6px;
    display: block;
    background: #435b76;
    border-radius: 5px;
    margin-top: 16px;
    margin: auto;
	}
.promenu{
	width:70%;
	overflow:hidden;
	text-align:right;
	margin-top:10px;
	}
.promenu ul{
	overflow:hidden;
	display:inline-block;
	}
.promenu ul li{
	width:208px;
	height:56px;
	overflow:hidden;
	float:left;
	line-height:56px;
	border:solid 1px #435b76;
	border-radius:30px;
	text-align:center;
	margin-left:10px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
	}
.promenu ul li a{
	font-size:20px;
	display:block;
	color:#435b76;
	font-family:Arial;
	padding-bottom:8px;
	position:relative;
	}
.promenu ul li:hover{
	background:#435b76;
	}
.promenu ul li:hover a{
	color:#fff;
	}
.prolist{
	width:100%;
	overflow:hidden;
	position:relative;
	}
.prolist .proslide {
        width: 100%;
		overflow:hidden;
      }
.prolist .proslide .prolf{
	width: 26%;
	overflow:hidden;
	padding-top:90px;
    }
.prolist .proslide .prolf h4{
	width: 100%;
	overflow:hidden;
	font-size:60px;
	color:#1e1e1e;
	line-height:70px;
    }
.prolist .proslide .prolf .prolf_fl{
	width:170px;
	overflow:hidden;
	background:#435b76;
	line-height:36px;
	color:#fff;
	font-size:16px;
	text-align:center;
	border-radius:20px;
	margin-top:12px;
	}
.prolist .proslide .prolf .prolf_nr{
	    width: 100%;
    overflow: hidden;
    color: #777d7e;
    line-height: 46px;
    margin-top: 40px;
    font-size: 36px;
	}
.prolist .proslide .proin{
	width: 53%;
	overflow:hidden;
	text-align:center;
    }
.prolist .proslide .prort{
	width: 21%;
	overflow:hidden;
	text-align:right;
	padding-top:182px;
    }
.prolist .proslide .prort .prort_en{
	overflow:hidden;
	font-size:18px;
	color:#252525;
	font-family:Arial;
	display:inline-block;
	line-height:120px;
	margin-right:26px;
    }
.prolist .proslide .prort .prort_icon{
	width: 120px;
    height: 120px;
    background: #435b76 url(../images/icon1.png) no-repeat center;
    border-radius: 50%;
	display:inline-block;
	transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    }
.prolist .proslide .prort .prort_icon:hover{
	opacity:0.8;
}

.prolist .swiper-slide {
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
  }

.prolist .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
  }

.prolist .swiper {
	width: 100%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
  }

.prolist .swiper-slide {
	background-size: cover;
	background-position: center;
  }

.prolist .mySwiper2 {
	height: 80%;
	width: 100%;
  }

.prolist .mySwiper {
	height: 20%;
	box-sizing: border-box;
	padding: 0 0 62px 0;
	margin-top:30px;
  }

.prolist .mySwiper .swiper-slide {
	width: 25%;
	height: 100%;
  }

.prolist .mySwiper .swiper-slide-thumb-active {
	background:url(../images/probg2.png) no-repeat center top;
  }

.prolist .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
  }
.prolist .mySwiper .swiper-slide img{
	width: 166px;
	margin-top:46px;
	}
/* ball
-------------------------------------------------------------- */
.ball{
	width:100%;
	overflow:hidden;
	}
.ball .swiper {
        width: 100%;
      }
.ball .swiper-backface-hidden .swiper-slide{
	height:900px;
		background:url(../images/tabbg.jpg) no-repeat top center;
		background-size:cover;
		}
.ball .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }
.ball .swiper-slide {
        background-size: cover;
        background-position: center;
      }
.ball .mySwiper {
        height: 20%;
        box-sizing: border-box;
      }
.ball .mySwiper .swiper-slide {
        width: 25%;
        height:210px;
		background:#d7db49;
		    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
	    position: relative;
		cursor:pointer;
      }
.ball .mySwiper .swiper-slide .tablf{
	width:70%;
	text-align:center;
	position: absolute;
    left: 0;
    bottom: 48px;
	transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
	}
.ball .mySwiper .swiper-slide-thumb-active .tablf{
	bottom:55px;
	}
.ball .mySwiper .swiper-slide .tabrt{
	width:30%;
	position: absolute;
    right: 0;
    top: 55px;
	}
.ball .mySwiper .swiper-slide .tabrt p{
	width:100%;
	overflow:hidden;
	font-size:35px;
	color:#333333;
	text-transform:uppercase;
	line-height:35px;
	text-align:left;
	font-weight:bold;
	}
.ball .mySwiper .swiper-slide .tabrt hr{
	width:46px;
	border:none;
	border-bottom:solid 2px #333;
	margin-top:42px;
	}
.ball .mySwiper .swiper-slide-thumb-active {
	background:#2a5196;
      }
.ball .mySwiper .swiper-slide-thumb-active .tabrt p{
	color:#fff;
	}
.ball .mySwiper .swiper-slide-thumb-active .tabrt hr{
	border-color:#fff;
	}
.ball .swiper-slide img {
        max-width: 100%;
		width:40%;
		height:auto;
      }
.ball .mySwiper .swiper-slide-thumb-active img{
	width:auto;
	}
.ball .balltit{
	overflow:hidden;
	font-size:55px;
	color:#2a5196;
	line-height:55px;
	text-transform:uppercase;
	font-weight:bold;
	position:absolute;
	right:222px;
	bottom:228px;
	z-index:99;
	}
.tabnr1{
	height:100%;
	position:relative;
	}
.tabnr1 .a{
	width:316px;
	height:316px;
	border-radius:50%;
	background:#8294a0;
	position:absolute;
	left:0;
	bottom:274px;
	box-shadow: inset -5px -5px 8px #9eadb4,
	inset 5px 5px 8px #9eadb4;
	padding-top:70px;
	}
.tabnr1 .a h4{
	width:100%;
	overflow:hidden;
	padding-left:86px;
	text-align:left;
	color:#fff;
	font-size:43px;
	font-family:Arial;
	line-height:43px;
	font-weight:bold;
	margin-bottom:11px;
	}
.tabnr1 .a p,.tabnr1 .b p,.tabnr1 .c p{
	width:100%;
	overflow:hidden;
	font-family:Arial;
	font-size:19px;
	color:#fff;
	text-align:center;
	margin-top:5px;
	}
.tabnr1 .a .zm{
	overflow:hidden;
	font-size:85px;
	color:#d7db49;
	text-transform:uppercase;
	position:absolute;
	right:77px;
	top:56px;
	font-weight:bold;
	}
.tabnr1 .b{
	width:242px;
	height:242px;
	border-radius:50%;
	background:#8294a0;
	position:absolute;
	left:34%;
	bottom:202px;
	box-shadow: inset -5px -5px 8px #9eadb4,
	inset 5px 5px 8px #9eadb4;
	padding-top:44px;
	}
.tabnr1 .b h4{
	width:100%;
	overflow:hidden;
	padding-left:56px;
	text-align:left;
	color:#fff;
	font-size:38px;
	font-family:Arial;
	line-height:38px;
	font-weight:bold;
	margin-bottom:11px;
	}
.tabnr1 .b p{
	font-size:17px;
	}
.tabnr1 .b .zm{
	overflow:hidden;
	font-size:75px;
	color:#d7db49;
	text-transform:uppercase;
	position:absolute;
	right:44px;
	top:34px;
	font-weight:bold;
	}
.tabnr1 .c{
	width:316px;
	height:316px;
	border-radius:50%;
	background:#8294a0;
	position:absolute;
	right:18%;
	top:176px;
	box-shadow: inset -5px -5px 8px #9eadb4,
	inset 5px 5px 8px #9eadb4;
	padding-top:66px;
	}
.tabnr1 .c h4{
	width:100%;
	overflow:hidden;
	padding-left:78px;
	text-align:left;
	color:#fff;
	font-size:47px;
	font-family:Arial;
	line-height:47px;
	font-weight:bold;
	margin-bottom:11px;
	}
.tabnr1 .c p{
	font-size:21px;
	}
.tabnr1 .c .zm{
	overflow:hidden;
	font-size:93px;
	color:#d7db49;
	text-transform:uppercase;
	position:absolute;
	right:72px;
	top:48px;
	font-weight:bold;
	}
/* products
-------------------------------------------------------------- */
.products{
	width:100%;
	overflow:hidden;
	padding-left:11.6%;
	padding-top:112px;
	margin-bottom:60px;
	position:relative;
	}
.products .productstb{
	position:absolute;
	right:74px;
	top:70px;
	z-index:99;
	}
.products_tit{
	width:100%;
	overflow:hidden;
	}
.products_tit h3{
	width:100%;
	overflow:hidden;
	font-size:70px;
	color:#2a5196;
	line-height:70px;
	text-transform:uppercase;
	}
.productsnr{
	width:100%;
	overflow:hidden;
	margin-top:80px;
	background:url(../images/pea.png) no-repeat 89% bottom;
	padding-bottom:110px;
	}
.productsnr .swiper {
        width: 120%;
      }
.productsnr .swiper-backface-hidden .swiper-slide{
	padding:0 15px;
		}
.productsnr .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }
.productsnr .swiper-slide {
        background-size: cover;
        background-position: center;
      }
.productsnr .mySwiper {
        height: 20%;
        box-sizing: border-box;
      }
.productsnr .mySwiper .swiper-slide {
        width: 25%;
        height:210px;
		background:#d7db49;
		    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
	    position: relative;
      }
.productsnr .mySwiper .swiper-slide .tablf{
	width:70%;
	text-align:center;
	position: absolute;
    left: 0;
    bottom: 48px;
	transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
	}
.productsnr .mySwiper .swiper-slide-thumb-active .tablf{
	bottom:55px;
	}
.productsnr .mySwiper .swiper-slide .tabrt{
	width:30%;
	position: absolute;
    right: 0;
    top: 55px;
	}
.productsnr .mySwiper .swiper-slide .tabrt p{
	width:100%;
	overflow:hidden;
	font-size:35px;
	color:#333333;
	text-transform:uppercase;
	line-height:35px;
	text-align:left;
	font-weight:bold;
	}
.productsnr .mySwiper .swiper-slide .tabrt hr{
	width:46px;
	border:none;
	border-bottom:solid 2px #333;
	margin-top:42px;
	}
.productsnr .mySwiper .swiper-slide-thumb-active {
	background:#2a5196;
      }
.productsnr .mySwiper .swiper-slide-thumb-active .tabrt p{
	color:#fff;
	}
.productsnr .mySwiper .swiper-slide-thumb-active .tabrt hr{
	border-color:#fff;
	}
.productsnr .swiper-slide img {
        max-width: 100%;
		width:40%;
		height:auto;
      }
.productsnr .mySwiper .swiper-slide-thumb-active img{
	width:auto;
	}
.productslist{
	width:100%;
	overflow:hidden;
	}
.productslist .products_img{
	width:100%;
	overflow:hidden;
	position:relative;
	transform: scaleY(0.7);
	}
.productslist .products_img img{
	width:100%;
	height:auto;
	}
.productslist .products_img:after{
	content:"";
	width:100%;
	height:45%;
	    background: -webkit-linear-gradient(top, rgba(215,219,73,0) ,#d7db49 );
    background: -o-linear-gradient(bottom, rgba(215,219,73,0) , #d7db49);
    background: -moz-linear-gradient(bottom, rgba(215,219,73,0) , #d7db49);
    background: linear-gradient(to bottom, rgba(215,219,73,0) ,#d7db49);
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
	opacity:0;
	}
.productslist .products_tit{
	font-size:16px;
	color:#2a5196;
	width:198px;
	height:58px;
	text-align:center;
	line-height:58px;
	background:#fff;
	border-radius:10px;
	text-transform:uppercase;
	font-weight:bold;
	position:absolute;
	left:35px;
	bottom:38px;
	z-index:9;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
	opacity:0;
	}
.productsnr .swiper-wrapper .products_nr{
	width:100%;
	overflow:hidden;
	margin-top:46px;
	display:none;
	}
.products_nr .products_ls{
	width:30%;
	height:35px;
	overflow:hidden;
	color:#333333;
	font-family:Arial;
	font-size:20px;
	line-height:20px;
	text-transform:uppercase;
	font-weight:bold;
	text-align:left;
	background:url(../images/icon13.jpg) no-repeat left top;
	padding-left:56px;
	padding-top:12px;
	}
.products_nr .products_rt{
	width:70%;
	overflow:hidden;
	}
.products_nr .products_rt h4{
	width:100%;
	overflow:hidden;
	text-align:center;
	font-size:58px;
	color:#333333;
	text-transform:uppercase;
	line-height:58px;
	}
.products_nr .products_rt .products_rtnr{
	width:100%;
	overflow:hidden;
	font-size:16px;
	color:#676767;
	text-align:left;
	border-top:solid 2px #c1c1c1;
	padding-top:35px;
	margin-top:32px;
	}
.productslist .products_img:hover:after,.productslist .products_img:hover .products_tit{
	opacity:1;
	}
.productsnr .swiper-wrapper .swiper-slide-active .products_nr{
	display:block;
	}
.productsnr .swiper-wrapper .swiper-slide-active .productslist .products_img{
	transform: scale(1);
	}
.productsnr .swiper-wrapper .swiper-slide-active .productslist .products_img{
	border-radius:50px 0 0 0;
	}
.productsnr .swiper-button-prev,.productsnr .swiper-button-next {
    width: 100px;
    height: 100px;
    border-radius: 5px;
	position:absolute;
	z-index:992;
}
.productsnr .swiper-button-next {
    background: #d7db49 url(../images/next.png) no-repeat center;
	left:948px;
	bottom:145px;
}
.productsnr .swiper-button-prev {
    background: #2a5196 url(../images/prev.png) no-repeat center;
	left:846px;
	bottom:145px;
}
@media only screen and (min-width: 1921px) and (max-width: 2560px) {
	.productsnr .swiper-button-next {
		left:1200px;
		bottom:125px;
		}
	.productsnr .swiper-button-prev {
		left:1098px;
		bottom:125px;
		}
	}

/* link
-------------------------------------------------------------- */
.link{
	font-size:15px;
	color:#fff;
	line-height:30px;
	margin-top:48px;
	}
.link a{
	margin-right:10px;
	color:#606060;
	font-size:15px;
	}
	
/* footer
-------------------------------------------------------------- */
.footer{
	width:100%;
	height:auto;
	
}
.footernr{
	padding-top:74px;
	}
.footernr .tit h3 a{
	color:#fff;
	}
.footernr .tit span{
	width: 6px;
    height: 68px;
    display: block;
    background: #435b76;
    border-radius: 5px;
    margin-top: 26px;
	}
.footer .botlxfs{
	width:46%;
	overflow:hidden;
	margin-top:10px;
	}
.footer .botlxfs dl{
	width:45%;
	overflow:hidden;
	margin-right:10%;
	float:left;
	margin-top:57px;
	}
.footer .botlxfs dl:nth-child(2n){
	margin-right:0;
	}
.footer .botlxfs dl dt,.footer .botlxfs dl dd{
	width:100%;
	overflow:hidden;
	font-weight:normal;
	}
.footer .botlxfs dl dt{
	font-size:18px;
	color:#fff;
	line-height:30px;
	padding-left:40px;
	}
.footer .botlxfs dl:first-child dt{
	background:url(../images/icon6.png) no-repeat left center;
	}
.footer .botlxfs dl:nth-child(2) dt{
	background:url(../images/icon7.png) no-repeat left center;
	}
.footer .botlxfs dl:nth-child(3) dt{
	background:url(../images/icon8.png) no-repeat left center;
	}
.footer .botlxfs dl:nth-child(4) dt{
	background:url(../images/icon9.png) no-repeat left center;
	}
.footer .botlxfs dl:first-child dd,.footer .botlxfs dl:nth-child(2) dd{
	letter-spacing:4px;
	}
.footer .botlxfs dl dd{
	font-size:16px;
	color:rgba(255,255,255,0.3);
	line-height:30px;
	border-top:solid 1px rgba(255,255,255,0.1);
	margin-top:5px;
	padding-top:11px;
	}
.footer .botlxfs dl dd a{
	font-size:16px;
	color:rgba(255,255,255,0.3);
}
.footer_text h2{font-size: 20px;}
.footer_bottom {background: #3c5672;padding:10px 0 20px 0;   overflow: auto;
    width: 100%;    border-top: 1px solid #486584;}
.footer_bottom p{color: rgba(255,255,255,0.3);  }
.footer_bottom p a{color: rgba(255,255,255,0.3);  }

.bot{
	width:100%;
	/*height:300px;*/
	overflow:hidden;
	    background: #3c5672;
	
	}

.botlf {   display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
.bot .botnr .botlf{
	width:75%;
	overflow:hidden;
	}
.bot .botnr .botin{
	width:25%;
	overflow:hidden;
	}
.bot .botnr .botlf,.bot .botnr .botin{
    line-height: 40px;
	font-size:15px;
	color:rgba(255,255,255,0.8);
	line-height:30px;
    padding-top: 100px;
        padding-bottom: 120px;
	}
.bot .botnr .botlf h2 {padding-bottom: 20px;  color: #fff; text-align: left;}
.bot .botnr .botlf p{
    color: #d8dde3;
    text-align: left;
    }
.bot .botnr .botlf a,.bot .botnr .botin a,.bot .botnr .botrt a{
	font-size:15px;
	color:rgba(255,255,255,0.8);
}
.bot .botnr .botrt{
	width:25%;
	overflow:hidden;
        padding-top: 100px;
	}
.bot .botnr .botrt dl{
	overflow:hidden;
	float:right;

	}
.bot .botnr .botrt dl dt,.bot .botnr .botrt dl dd{
	width:100%;
	overflow:hidden;
	text-align:center;
	}
.bot .botnr .botlf .contus {color: #d8dde3;}
.bot .botnr .botrt dl dt img{
	width:150px;
	}
.bot .botnr .botrt dl dd{
	color:#fff;
	line-height:30px;
	margin-top:5px;
	letter-spacing:10px;
	text-align:right;
	}
/* banner_n
-------------------------------------------------------------- */

.banner_n{ 
	width:100%; 
	height:500px;
	position:relative;
	background-size:cover;
	background-repeat:no-repeat !important;
  background-position:top center !important;
  background-attachment:fixed !important;
}
.banner_pro{ 
	width:100%; 
	height:700px;
	position:relative;
	background-size:cover;
	background-repeat:no-repeat !important;
  background-position:top center !important;

}
.capitalize{
	position: absolute;
    width: 90%;
    color: #fff;
    text-align: center;
    top: 50%;
    left: 5%;
    line-height: 1.6;
    transform: translate(0, -50%);
    z-index: 4;
}
.capitalize .ad-tit {
    font-size: 55px;
    font-weight: normal;
	color:#fff;
	letter-spacing:5px;
	
    margin-bottom:40px;
}
.capitalize1 {
	position: absolute;
    width: 90%;
    color: #fff;
    text-align: center;
    top: 50%;
    left: 5%;
    line-height: 1.6;
    transform: translate(0, -50%);
    z-index: 4;
}
.capitalize1 .ad-tit1 {
    font-size: 40px;
    font-weight: normal;
	color:#000;
	
	margin-bottom:10px;
    text-align: left;
    float: right;
    width: 40%;
    background: rgb(255,255,255,0.8);
    padding: 20px 30px;
}
.capitalize1 .ad-tit1 p {
   	color:#000;
}
.fh {padding-bottom: 20px; overflow: hidden;}
.fh .ljan {
    padding: 10px 15px;
    float: right;
    background: #50749b;
    color: #fff;
}
.mbanner{
	display:none;
}
/* position
-------------------------------------------------------------- */
.nabout_menu{
	text-align:center;
	margin-bottom:20px;
}
.nabout_menu a {
    font-size: 16px;
    padding: 10px 50px;
    color: #333;
    transition: 0.3s ease 0s;
	background:#fff;
	margin:0 2px;
	display:inline-block;
	position:relative;
	z-index:1;
	margin-bottom:10px;
}
.nabout_menu a:before {
    content: "";
    position: absolute;
    z-index: -1;
    background: #50749b;
    left: 0%;
    width: 0%;
    bottom: 0;
    height: 100%;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.nabout_menu a:hover:before,
.nabout_menu a.cur:before{
	width:100%;
}
.nabout_menu a.cur,
.nabout_menu a:hover{
	color:#fff;
}
.ntit{
	text-align:left;
	font-size:32px;
	border-bottom:1px solid #e4e4e4;
	margin:50px 0;
	line-height:60px;
	clear: both;
}
.position {
	line-height:50px;
	background:#f5f5f5;
	font-size:16px;
}
.position a{
	font-size:16px;
}
.position img{
	vertical-align:middle;
	margin:-3px 3px 0 0;
}
.ncontent{
	margin-bottom:50px;
}
.naboutnr p{ font-size:16px; line-height:30px;}
.ncont {
    width: 1400px;
    margin: 0 auto;
}
@media(max-width:1500px) {
	.ncont{
		width:1200px;
	}
    .naboutnr .pp {
    height: 330px;
}
}
@media(max-width:1440px) {
	
}
@media(max-width:1360px) {
	.at_time > div {
    font-size: 280px;
}
}
@media(max-width:1280px) {
    .naboutnr .pp {
    height: 280px;
}
    .ncont{
		width:1024px;
	}
    .banner_n{
		height:400px;
	}
     .banner_pro{
		height:400px;
	}
    .capitalize .ad-tit {
    font-size: 25px;
}
    .capitalize1 {
    position: relative;
    width: 100%;
    top: 100%;
}
    .capitalize1 .ad-tit1 {
   
    width: 100%
         
 
}
.capitalize1 .ad-tit1 h4{
    font-size: 18px;

}
	.capitalize1 .ad-tit1 p{
       font-size: 12px;
    width: 100%;
  
    line-height: 20px;
}
    .nproshow {padding-top: 400px;}
}
@media(max-width:1152px) {
	
}
@media(max-width:1024px) {
    .ncont{
		width:92%;
	}
	.at_time > div {
    font-size: 180px;
}
}
@media(max-width:860px) {
    .imgs {display: none;}
    .bsb-project-1-grid div {
    padding-top: 25px;
}
    .cysp {
    background: #f8f8f8;
    padding-top: 20px;
    padding-bottom: 20px;
}
	
    .botlf {display: none;}
    .bot .botnr .botrt {width: 100%;}
    .cy_img {width: 100%;}
    .cy_text {width: 100%;}
    
   .bot .botnr .botrt dl {
    overflow: hidden;
    float: none;
    margin-top: 50px;
    margin-right: 0;
}
}
@media(max-width:768px) {
    .naboutnr .pp {
    height: 200px;
        width: 100%;
}
	.nabout_menu a{
		padding:10px 30px;
	}
	.aboutnr h4{
		letter-spacing: 1px;
	}
}
@media(max-width:640px) {
	.at_time {
    height: 90px;
}
	.about{
		background:none;
		padding-top:60px;
	}
	.aboutnr{
		padding-bottom: 130px;
	}
	.aboutnr h4{
		font-size:22px;
	}
}
@media(max-width:540px) {
	
    .nabout_menu a {
		padding: 6px 20px;
		font-size:14px;
	}
	.banner_n {
		height: 300px;
	}
    .banner_pro {
		height: 200px;
	}
}
@media(max-width:425px) {
	
	.aboutnr h4{
		font-size: 20px;
		line-height:30px;
	}
}
@media(max-width:375px) {
	
}
@media(max-width:320px) {
	
}
/* position
-------------------------------------------------------------- */
.position{
	width:100%;
	overflow:hidden;
	
	border-bottom:solid 1px #e0e1e1;
	}
.positionrt{
	background: url(../images/icon11.png) no-repeat left 35.5px;
    font-size: 16px;
    color: #131313;
    line-height: 30px;
	padding:31px 0 31px 30px;
	}
.positionrt a{
	font-size: 16px;
    color: #131313;
}
.nmenu,.nmenu ul{
	overflow:hidden;
	}
.nmenu ul li{
	overflow:hidden;
	float:left;
	line-height:92px;
	position:relative;
	margin-right:92px;
	}
.nmenu ul li:after{
	content:"";
	width:0;
	height:2px;
	background:#50749b;
	position:absolute;
	left:50%;
	margin-left:-10px;
	bottom:0;
	-webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
    transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
	}
.nmenu ul li:hover:after,.nmenu ul li.active:after{
	width:20px;
	}
.nmenu ul li a{
	font-size:17px;
	color:#332c2b;
	display:block;
	}
.nmenu ul li:hover a,.nmenu ul li.active a{
	color:#50749b;
	}

/* ys
-------------------------------------------------------------- */
.ys,.ys ul{
	width:100%;
	overflow:hidden;
	}
.ys ul li{
	width:20%;
	height:900px;
	overflow:hidden;
	float:left;
	position:relative;
	}
.ys ul li .ysicon{
	overflow:hidden;
	opacity:0;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
	}
.ys ul li .ysicon img{
	max-width:100%;
	height:auto;
	}
.ys ul li h4{
	width:40px;
	overflow:hidden;
	float:left;
	font-size:37px;
	color:#fff;
	padding-top:20px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
	}
.ys ul li .ysjs{
	width:44px;
	overflow:hidden;
	background:#fff;
	border-radius:25px;
	margin-top:20px;
	float:left;
	font-size:17px;
	color:#435b76;
	padding:0 10px;
	text-align:center;
	line-height:18px;
	font-weight:bold;
	padding-top:26px;
	padding-bottom:26px;
	margin-left:20px;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	}
.ys ul li .ystop{
	width:148px;
	overflow:hidden;
	margin:98px auto 0;
	}
.ys ul li .ysms{
	width:20px;
	overflow:hidden;
	color:rgba(255,255,255,0.8);
	font-size:16px;
	margin-top:20px;
	float:left;
	margin-left:24px;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	}
.ys ul li:first-child{
	background:url(../images/ysbg1.jpg) no-repeat top right;
	background-size:cover;
	}
.ys ul li:nth-child(2){
	background:url(../images/ysbg2.jpg) no-repeat top right;
	background-size:cover;
	}
.ys ul li:nth-child(3){
	background:url(../images/ysbg3.jpg) no-repeat top right;
	background-size:cover;
	}
.ys ul li:nth-child(4){
	background:url(../images/ysbg4.jpg) no-repeat top right;
	background-size:cover;
	}
.ys ul li:nth-child(5){
	background:url(../images/ysbg5.jpg) no-repeat top right;
	background-size:cover;
	}
.ys ul li .ystext{
	width:100%;
	overflow:hidden;
	position:absolute;
	left:0;
	bottom:415px;
	opacity:0;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
	}
.ys ul li .ystext h5,.ys ul li .ystext p{
	width:100%;
	overflow:hidden;
	text-align:center;
	}
.ys ul li .ystext h5{
	font-size:20px;
	color:#fff;
	line-height:30px;
	}
.ys ul li .ystext p{
	font-size:15px;
	color:rgba(255,255,255,0.6);
	line-height:30px;
	}
.ys ul li .line{
	width:1px;
	height:78px;
	background:#fff;
	position:absolute;
	left:50%;
	margin-left:-0.5px;
	bottom:176px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
	}
.ys ul li .ysrq{
	width:266px;
	height:266px;
	overflow:hidden;
	border:dashed 1px rgba(255,255,255,0.5);
	border-radius:50%;
	padding:25px;
	position:absolute;
	left:50%;
	margin-left:-133px;
	bottom:80px;
	opacity:0;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
	}
.ys ul li .ysimg{
	width:216px;
	height:216px;
	overflow:hidden;
	margin:auto;
	}
.ys ul li .ysimg img{
	max-width:100%;
	height:auto;
}
.ys ul li:hover .ysicon{
	opacity:1;
	float:left;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	}
.ys ul li:hover .ysjs,.ys ul li:hover .ysms{
	opacity:0;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
	}
.ys ul li:hover h4{
	float:right;
	}
.ys ul li:hover .line{
	height:28px;
	bottom:370px;
	}
.ys ul li:hover .ysrq,.ys ul li:hover .ystext{
	opacity:1;
	}
/* cyl
-------------------------------------------------------------- */
.cyl{
	width:100%;
	height:1000px;
	overflow:hidden;
	background:url(../images/cybg.jpg) no-repeat top center;
	background-size:cover;
	padding-top:240px;
	}
.cylnr{
	height:100%;
	position:relative;
	}
.cylnr .tit{
	width:50%;
	overflow:hidden;
	float:left;
	}
.cylnr .tit p{
	line-height:20px;
	}
.cylnr .tit h3{
	margin-top:21px;
	}
.cylnr .tit h3,.cylnr .tit h3 a{
	color:#fff;
	}
.cylnr .tit h3:before{
	left:0;
	}
.cylnr .tit h3:after{
	left:287px;
	}
.cylnr .tit span{
	width: 6px;
    height: 68px;
    display: block;
    background: #435b76;
    border-radius: 5px;
    margin-top: 48px;
	}
.cylnr .cylmore{
	width:50%;
	overflow:hidden;
	text-align:right;
	padding-top:58px;
	}
.cylmore .cylmorenr,.cylmore .cylmoreicon{
	overflow:hidden;
	display:inline-block;
	}
.cylmore .cylmorenr{
	font-size:18px;
	color:#fff;
	font-family:Arial;
	line-height:120px;
	margin-right:26px;
	}
.cylmore .cylmoreicon{
	width:120px;
	height:120px;
	background:#435b76 url(../images/icon1.png) no-repeat center;
	border-radius:50%;
	transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
	}
.cylmore .cylmoreicon:hover{
	opacity:0.8;
}
.cyllist,.cyllist ul{
	width:100%;
	overflow:hidden;
	}
.cyllist{
	position:absolute;
	left:0;
	height:186px;
	bottom:162px;
	}
.cyllist ul li{
	width:14.11428%;
	height:72px;
	float:left;
	background:#fff;
	margin-right:0.2%;
	padding-top:13px;
	margin-top:114px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
	}
.cyllist ul li:first-child{
	border-radius:15px 0 0 15px;
	}
.cyllist ul li:last-child{
	border-radius:0 15px 15px 0;
	}
.cyllist ul li:last-child{
	margin-right:0;
	}
.cyllist ul li h4{
	width:100%;
	overflow:hidden;
	text-align:center;
	font-size:18px;
	color:#222222;
	line-height:26px;
	font-weight:normal;
	}
.cyllist ul li p{
	width:100%;
	overflow:hidden;
	text-align:center;
	font-size:10px;
	color:#959595;
	line-height:15px;
	}
.cyllist ul li .cylicon{
	width:100%;
	overflow:hidden;
	text-align:center;
	display:none;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
	}
.cyllist ul li .cylicon img{
	max-width:100%;
	height:auto;
	}
.cyllist ul li:hover .cylicon,.cyllist ul li.hover .cylicon{
	display:block;
	margin-top:20px;
	margin-bottom:10px;
	}
.cyllist ul li:hover,.cyllist ul li.hover{
	background:#435b76;
	height:186px;
	margin-top:0;
	}
.cyllist ul li:hover h4,.cyllist ul li.hover h4{
	color:#fff;
	font-size:23px;
	}
.cyllist ul li:hover p,.cyllist ul li.hover p{
	font-size:13px;
	color:rgba(255,255,255,0.5);
	margin-top:5px;
	}
/* gsys
-------------------------------------------------------------- */
.flzs ul li:nth-child(1){width:50%;}
.flzs ul li:nth-child(2){width:50%;}
.flzs ul li:nth-child(7){width:50%;}
.flzs ul li:nth-child(6){width:50%;}
.flzs ul li{width:33.3%;float:left;padding: 5px;}
.flzs ul li .flzs_img img{width: 100%; 
    transition: all .5s ease;}
.flzs ul li .flzs_text {
    position: relative;
    background: rgb(220,39,30, 0.9);
    width: 100%;
    text-align: center;
    top: -30px;
    color: #fff;
 display: block;
    font-size: 16px;
    height: 30px;
}
.flzs ul li:hover .flzs_text {
    display: block;
}
.gsys{
	overflow:hidden;
	}
.gsys .gsysen{
	position:absolute;
	left:0;
	top:0;
	}
.gsys .gsysen p{
	width:100%;
	overflow:hidden;
	font-size:185px;
	line-height:160px;
	color:#f7f7f7;
	text-transform:uppercase;
	font-weight:bold;
	}
.gsys .gsystit{
	width:26%;
	overflow:hidden;
	position:absolute;
	left:0;
	top:366px;
	z-index:99;
	}
.gsys .gsysmore{
	width:26%;
	overflow:hidden;
	position:absolute;
	left:0;
	top:750px;
	z-index:99;
	}
.gsys .gsystit span{
	width: 6px;
    height: 68px;
    display: block;
    background: #435b76;
    border-radius: 5px;
    margin-top: 13px;
	}
.gsysnr,.gsyslist{
	width:100%;
	overflow:hidden;
	}
.gsysnr{
	position:relative;
}
.gsysnr .swiper-button{
	overflow:hidden;
	position:absolute;
	bottom:24px;
	left:35%;
	z-index:99;
	padding:10px 0;
}
.gsysnr .swiper-button .swiper-button-prev,.gsysnr .swiper-button-next{
	overflow:hidden;
	width:56px;
	height:56px;
	border-radius:50%;
	float:left;
	margin:0 9px;
	box-shadow:0px 0px 10px rgba(0,0,0,0.19);
}
.gsysnr .swiper-button .swiper-button-prev{
	background:#0f1920 url(../images/prev2.png) no-repeat center;
}
.gsysnr .swiper-button .swiper-button-next{
	background:#fff url(../images/next2.png) no-repeat center;
}
.gsyslist .gsyslf{
	width:26%;
	overflow:hidden;
	padding-top:400px;
	}
.gsyslist .gsyslf h4{
	width:100%;
	overflow:hidden;
	font-size:36px;
	color:#020202;
	font-weight:normal;
	letter-spacing:8px;
	margin-bottom:13px;
	}
.gsyslist .gsyslf .gsysms{
	width:100%;
	overflow:hidden;
	}
.gsyslist .gsyslf .gsysms p{
	overflow:hidden;
	font-size:15px;
	color:#777d7e;
	}
.gsyslist .gsysrt{
	width:68%;
	overflow:hidden;
	border-radius:100px 0 0 0;
	position:relative;
	}
.gsyslist .gsysrt:after{
	content:"";
	width:100%;
	height:45%;
	position:absolute;
	left:0;
	bottom:0;
}
.gsyslist .gsysrt img{
	width:100%;
	height:auto;
	}
/* ntit
-------------------------------------------------------------- */
.ntit{
	width:100%;
	overflow:hidden;
	}
.ntit h3{
	width:100%;
	overflow: hidden;
	font-size: 36px;
	color: #112010;
	line-height:46px;
	text-align:center;
	font-weight:normal;
	}
.ntit hr{
	width:56px;
	border:none;
	border-bottom:solid 2px #003198;
	margin:18px auto 0;
	}
/* nabout
-------------------------------------------------------------- */


.nabout .naboutlf h4 {
width: 100%;
    overflow: hidden;
    font-size: 25px;
    color: #020202;
    line-height: 35px;
    margin-top: 20px;
    letter-spacing: 10px;
    margin-bottom: 30px;
        text-align: left;
}
.nabout .naboutlf .tit {
    padding-bottom: 0px;}
.naboutnr p {line-height: 35px;}
.nabout01{
	padding-top:80px;
	padding-bottom:150px;
	background:url(../images/naboutbg.jpg)
	}
.nabout01 .naboutlf{
	padding:0;
	}
.nabout01 .naboutlf .tit span{
	width: 6px;
    height: 68px;
    display: block;
    background: #435b76;
    border-radius: 5px;
    margin-top: 15px;
	}
.nabout01 .naboutrt{
	padding:0 0 0 50px;
	}
.nabout01 .naboutnr{
	width:1062px;
	overflow:hidden;
	margin-top:44px;
	font-size:15px;
	color:#fff;
	line-height:30px;
	margin:auto;
	}
.nabout01 .naboutnr p{
	overflow:hidden;
	font-size:15px;
	color:#fff;
	line-height:30px;
	}
.naboutrt .naboutvideo{
	width:100%;
	overflow:hidden;
	border-radius:20px;
	}
.nabout01 .naboutnr img{
	max-width:100%;
	height:auto;
	}
.nabout01 .tit h3:before { 
    content: "";
    width: 35px;
    height: 35px;
    border-radius: 50%;
    position: absolute;
    left: auto;
    top: 5px;
    z-index: -1;
    background: #d9453e;
    text-align: center;
}
.nabout02 .tit h3:before { 
    content: "";
    width: 35px;
    height: 35px;
    border-radius: 50%;
    position: absolute;
    left: auto;
    top: 5px;
    z-index: -1;
    background: #d9453e;
    text-align: center;
}
.nabout07 .tit h3:before {
    content: "";
    width: 35px;
    height: 35px;
    border-radius: 50%;
    position: absolute;
    left: auto;
    top: 5px;
    z-index: -1;
    background: #d9453e;
    /* text-align: center; */
}
.nabout03 .tit h3:before { 
    content: "";
    width: 35px;
    height: 35px;
    border-radius: 50%;
    position: absolute;
    left: auto;
    top: 5px;
    z-index: -1;
    background: #d9453e;
    text-align: center;
}
.nabout04 .tit h3:before { 
    content: "";
    width: 35px;
    height: 35px;
    border-radius: 50%;
    position: absolute;
    left: auto;
    top: 5px;
    z-index: -1;
    background: #d9453e;
    text-align: center;
}
.nabout05 .tit h3:before { 
    content: "";
    width: 35px;
    height: 35px;
    border-radius: 50%;
    position: absolute;
    left: auto;
    top: 5px;
    z-index: -1;
    background: #d9453e;
    text-align: center;
}
.nabout_pp {
    padding-top: 50px;
}
.nabout01 .tit h3 a {color: #fff;}
.nabout01 .tit p a {color: #fff;font-size:26px;}
.text-lg-left {
    text-align: left !important;
}
.mb-2, .my-2 {
    margin-bottom: 0.5rem !important;
}
.text-lg {
    font-size: 1.23rem !important;
}
.text-white {
    color: #FFF !important;
	width: 80%;
}
.font-weight-600 {
    font-weight: 600 !important;
}
.nabout02 { padding: 0 0 50px 0; background:#f1f1f1;}
.nabout02 .nr {
    width: 1062px;
    text-align: center;
    margin: 40px auto 0;
    line-height: 40px;
}
.nabout02 .nr img {width: 100%;}
.naboutlf .text {padding: 10px 80px 120px 80px;line-height: 40px;    text-align: center;}
.nabout03 { background:#f1f1f1;}
.nabout03 .nr {
    width: 1062px;
    text-align: center;
    margin: 40px auto 0;
    line-height: 40px;
}
.nabout03 .nr img {width: 100%;}
.nabout04 { background:#f1f1f1;    padding: 80px 0 50px 0;}
.nabout04 .nr {
    width: 1062px;
    text-align: center;
    margin: 40px auto 0;
}
.nabout04 .nr img {width: 100%;}
.nabout05 { background:#f1f1f1;    padding:0 0 50px 0;}
.nabout05 .nr {
    width: 1062px;
    text-align: center;
    margin: 40px auto 0;
}
.nabout06 {     width: 100%;
    height: 600px;
    overflow: hidden;
    background: url(../images/hz.jpg) no-repeat top center;
    background-size: cover;
    padding-top: 200px;
    text-align: center;
}
.nabout06 .hz_text p {font-size: 70px;
    color: #fff;
    line-height: 100px; }

@media screen and (max-width: 1221px){
    .pro_list2 ul li {
    width: 47%;
    float: left;
    border: 1px solid #f1f1f1;
    margin: 10px 10px;
}
    .pronr .pro_list .pro_list_left {
    float: left;
    width: 100%;
    border-radius: 20px;
}
     .pronr .pro_list .pro_list_left img { width: 100%;}
    .pronr .pro_list .pro_list_right {
    float: left;
    width: 100%;
       padding: 20px 0px;
    background:url(../images/category1BG.png)
    text-align: center;
    height: auto;
}
.pronr .pro_list .pro_list_right h3 {
    margin-top: 5%;
}
	.nabout03 .nr { width: 100%;}
	.nabout02 .nr { width: 100%;}
	.nabout04 .nr { width: 100%;}
	.nabout05 .nr { width: 100%;}
	.nabout01 .naboutnr{ width: 100%;margin:auto;}
    .nabout06 .hz_text p {font-size: 40px; line-height: 60px; }
}


/* nhonor------------------------------------------------------------- */
.ncontactnr {padding: 63px 30px 30px 30px}
.ncontactnr h3 {
    overflow: hidden;
    font-size: 48px;
    line-height: 58px;
    text-transform: uppercase;
    color: #333;
    padding-bottom: 20px;
    }
.hzfl {padding: 50px 0 40px;overflow: hidden;}
.hzfl ul li {text-align: center;}
.hzfl ul li .hzfl_img {padding: 20px 0;}
.hzfw {
    padding: 50px 0 40px;
    overflow: hidden;
}
.hzfwnr { width: 150px;
    background: #dd3821;
    color: #fff;
    text-align: center;
    padding: 10px 0;
float: left;
margin: 0 50px;
}
.nhonor{
	width:100%;
	overflow:hidden;
	background:#f6f6f6;
	padding-top:94px;
	padding-bottom:95px;
}
.nhonor .tit{
	border-bottom:solid 1px #dddddd;
	padding-bottom:24px;
	}
.nhonorlist{
	margin-top:50px;
	padding-bottom:85px;
	position:relative;
	}
.nhonorlist,.nhonorlist .nhonorimg{
	width:100%;
	overflow:hidden;
	}
.nhonorlist .nhonorimg{
	text-align:center;
	}
.nhonorlist .nhonorimg img{
	max-width:100%;
	height:auto;
	}
.nhonorlist .swiper-slide{
	padding:0 10px;
	}
.nhonorlist .swiper-button{
	width:136px;
	overflow:hidden;
	position:absolute;
	left:50%;
	margin-left:-68px;
	bottom:0;
	}
.nhonorlist .swiper-button-prev,.nhonorlist .swiper-button-next{
	width:50px;
	height:50px;
	border-radius:50%;
	}
.nhonorlist .swiper-button-prev{
	background:#595959 url(../images/prev3.png) no-repeat center;
	float:left;
}
.nhonorlist .swiper-button-next{
	background:#595959 url(../images/next3.png) no-repeat center;
	float:right;
}
.nhonorlist .swiper-button-prev:hover,.nhonorlist .swiper-button-next:hover{
	background-color:#435b76;
	}
.nqywh{
	width:100%;
	overflow:hidden;
	background:url(../images/naboutbg.jpg) no-repeat top center;
	background-size:cover;
	padding-top:236px;
	padding-bottom:234px;
	}
.nqywh .nqywhlf,.nqywh .nqywhrt{
	padding:0;
	}
.nqywh .nqywhlf .tit p{
	line-height:20px;
	}
.nqywh .nqywhlf .tit h3,.nqywh .nqywhlf .tit h3 a{
	color:#fff;
	}
.nqywh .nqywhlf .tit h3{
	margin-top:20px;
	}
.nqywh .nqywhlf span{
	width: 6px;
    height: 68px;
    display: block;
    background: #435b76;
    border-radius: 5px;
    margin-top: 110px;
	}
.nqywh .nqywhrtnr{
	overflow:hidden;
	float:right;
	}
.nqywh .nqywhrtnr dl{
	overflow:hidden;
	margin-top:50px;
	}
.nqywh .nqywhrtnr dl dt,.nqywh .nqywhrtnr dl dd{
	overflow:hidden;
	}
.nqywh .nqywhrtnr dl dt{
	font-size:23px;
	color:#435b76;
	line-height:28px;
	}
.nqywh .nqywhrtnr dl dd{
	font-size:16px;
	color:#fff;
	line-height:30px;
	}
.nqywh .nqywhrtnr dl dd p{
	font-size:16px;
	color:#fff;
	line-height:28px;
	}
@media screen and (max-width: 1221px){
 .hzfwnr {
    width: 15%;
    margin: 0 20px;
}   
}
@media (max-width: 1023px){


.pro_list2 ul li {
    width: 43%;
}
    .hzfwnr {
    width: 100%;
    margin: 10px 20px;
    }
    
    
}
/* npro
-------------------------------------------------------------- */
  .pro_img {padding-top: 10%;}
        .text h2 {font-size: 50px;padding-bottom: 30px;}
        .text p {font-size: 30px;color: #333;line-height: 40px;}
        .npro_xl ul li .pro_img .text {width: 30%;color: #333;float: left; margin-left: 10%;background: #fff; padding: 100px 50px;}
        .npro_xl ul li:nth-child(2n) .pro_img .text { float: right;margin-right: 10%; }
.npro{
	margin-top:60px;
	margin-bottom:60px;
	}
.npro .npronr_list{width: 32.1%;float: left;margin:5px;}


.nproimg {width: 100%;  }
.nproimg img{ 
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-in-out;}
.nproimg:hover img {/*transform: scale(1.2);*/box-shadow:0 8px 8px 0 grey;
transform:translate(0,-10px); }
 .npronr_list .nprotit .nprotit_img {
    position: absolute;
    right: 0;
    top: 0px;
    display: block;
    width: 20px;
    height: 60px;
    overflow: hidden;
    background: url(../images/pro06.png) no-repeat right center;
}
.npronr_list .nprotit {
    height: 40px;
    padding: 0 20px;
    background: #435b76;
    text-align: left;
    line-height: 40px;

	color:#fff;
}
.npronr_list .nprotit .nprotit_name {
   color:#fff;
}
.nproli{
	margin-bottom:60px;
	}

.nprolf{
	width:50%;
}
.nprolf img{
	max-width:100%;
	width:100%;
	border:1px solid #ddd;
	padding:3px;
}
.nprort{
	width:45%;
}
.nprort h3{
	font-size:24px;
	margin:0;
	line-height:40px;
    font-weight: bold;
    padding-bottom: 20px;}

.nprort p{
	font-size:18px;
	margin:0;
	line-height:40px;
}
.nprort p a{
	font-size:16px;
}
.nprort h3 span{
	color:#435b76;
	font-size:24px;
    font-weight: bold;
}
.nproinfo{
	font-size:16px;
	color:#666;
	line-height:30px;
}
.nprofbtit{
	width: 100%;
    overflow: hidden;
    font-size: 18px;
    line-height: 40px;
    background: #f0f0f0;
    margin-top: 40px;
    padding: 0 20px;
    color: #000;
}
.nprofbnr {
    overflow: hidden;
    font-size: 16px;
    line-height: 30px;
    margin-top: 30px;
}
.nprofbnr p{
	width:100%;
	overflow:hidden;
	font-size:16px;
	line-height:30px;
	color:#343434;
	}
.nprofbnr img{
	max-width:100%;
	height:auto;
}
.product-intro{margin: 10px 0px;}
.product-left{ width: 352px; float: left; padding-bottom: 15px;position: relative;}
.jqzoomm{
	position:relative;
}
.jqzoom{
	width:100%;
	position:relative;
	border:0px #ddd solid;
	padding:0;
}
.jqzoomm i{
	position:absolute;
	width:100%;
	height:100%;
	background:#000;
	top:0;
	left:0;
	z-index:4;
}
.jqzoomm i video{
	width:100%;
	height:100%;
}
.jqzoomm i.i{
	z-index:-10;
	transform:scale(0);
}
.zoomdiv{
	z-index:100;
	position:absolute;
	top:0px !important;
	left:104% !important;
	width:400px;
	height:400px;
	border:1px solid rgba(255,255,255,.1);
	display:none;
	text-align:center;
	overflow: hidden;
	background:#fff;
}
.bigimg{
	width:1000px;
	height:auto;
	max-width: none;
}
.jqZoomPup{
	z-index:10;
	visibility:hidden;
	position:absolute;
	top:0px;
	left:0px;
	border:0px solid #aaa;
	background:#000 50% top no-repeat;
	opacity:0.5;
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	filter:alpha(Opacity=50);
	cursor:move;
}
.ipdnye{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.ipdnye .jqzzoom{
	width: 47%;
}
.ipdnye .jqtext{
	width: 47%;
}
.jqzoom{
	background-color: #fff;
}
.jqzoom img{
	width: 100%;
	display: block; border:1px solid #ddd;
}
.xiaotu{
	padding: 10px 0px 0px;
}
.xiaotu .swiper-slide a{
	display:block;
	background:#000;
	position:relative;
}
.xiaotu .swiper-slide a.pdvideo:after{
	content:"";
	position:absolute;
	width:0;
	height:0;
	border-left:20px rgba(0,0,0,.7) solid;
	border-top:10px transparent solid;
	border-bottom:10px transparent solid;
	top:50%;
	left:50%;
	margin-top:-10px;
	margin-left:-8px;
}
.xiaotu .swiper-slide a img{
	opacity: .4;
	display: block;
	width: 100%;
	background:#fff;border:1px solid #ddd;
}
.xiaotu .swiper-slide a.hover img{
	opacity: 1;
}
.pro_text {    text-align: center;
    padding: 5px 0;}
.pro_lj {margin: 20PX 0 0 0;}
.pro_lj .tm {background: #df3d35;padding:10px 30px;color: #fff; font-size: 20px;}
.pro_lj .tm:hover { background: #d70903;}

/*产品展示结束*


/* cpzs
-------------------------------------------------------------- */
.cpzs{
	margin-top:60px;
	margin-bottom:60px;
	}
.cpzsnr_list{ 
	overflow:hidden; 
	margin:15px 1%;
	width:31%;
	float:left;
	
	position:relative;
}
.cpzsnr_list a{
	display:block;
	overflow:hidden;
	width:100%;
}
.cpzsnr_list .cpzsimg{
	width:100%; 
	overflow:hidden; 
	background:#fff; 
	position: relative;
    width: 100%;
    height: 300px;
    display: block;
}
.cpzsnr_list .cpzsimg img{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: all .5s ease;
}
.cpzsnr_list .cpzstit{
    height:60px;
	padding:0 20px;
	background:#f5f5f5;
	text-align:left;
	line-height:60px;
}
.cpzsnr_list .cpzstit .cpzstit_box {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-right: 20px;
}
.cpzsnr_list .cpzstit .cpzstit_name{
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	font-size: 16px;
	white-space: nowrap;
    text-overflow: ellipsis;
}
.cpzsnr_list .cpzstit .cpzstit_img{
    position: absolute;
    right: 0;
    top: 0px;
    display: block;
    width: 20px;
    height: 60px;
    overflow: hidden;
    background: url(../images/pro06.png) no-repeat right center;
}
.cpzsnr_list a:hover .cpzstit{
	background:#c21b29;
}
.cpzsnr_list a:hover .cpzstit .cpzstit_name{
	color:#fff;
}
.cpzsnr_list a:hover .cpzstit .cpzstit_img{
	background: url(../images/pro06.png) no-repeat left center;
}
.cpzsnr_list:hover  img{
	transform:translate(-50%, -50%) scale(1.2);
}
.cpzslf{
	width:50%;
}
.cpzslf img{
	max-width:100%;
	width:100%;
	border:1px solid #ddd;
	padding:3px;
}
.cpzsrt{
	width:45%;
}
.cpzsrt h3,
.cpzsrt p{
	font-size:16px;
	margin:0;
	line-height:40px;
}
.cpzsrt p a{
	font-size:16px;
}
.cpzsrt h3 span{
	color:#c21b29;
	font-size:16px;
}
.cpzsinfo{
	font-size:16px;
	color:#666;
	line-height:30px;
}
.cpzsfbtit{
	width: 100%;
    overflow: hidden;
    font-size: 18px;
    line-height: 40px;
    background: #f0f0f0;
    margin-top: 40px;
    padding: 0 20px;
    color: #000;
}
.cpzsfbnr {
    overflow: hidden;
    font-size: 16px;
    line-height: 30px;
    margin-top: 30px;
}
.cpzsfbnr p{
	width:100%;
	overflow:hidden;
	font-size:16px;
	line-height:30px;
	color:#343434;
	}
.cpzsfbnr img{
	max-width:100%;
	height:auto;
}
/*产品展示结束*



/*message*/
.message{
	width:96%;
	overflow:hidden;
	margin:60px auto 60px;
	box-shadow: 1px 4px 10px 5px #3333330d;
    border-top: 5px #435b76 solid;
	padding:30px;
	}
.message h4{
	width:100%;
	overflow:hidden;
	text-align:center;
	font-size:30px;
	line-height:40px;
	font-weight:normal;
	}
.message ul{
	width:100%;
	overflow:hidden;
	margin-top:10px;
	}
.message ul li{
	width:49%;
	overflow:hidden;
	float:left;
	margin-top:20px;
	}
.message ul li:nth-child(2n){
	margin-left:2%;
	}
.message ul li input{
	width:100%;
	height:35px;
	overflow:hidden;
	border: 1px solid #ced4da;
	padding:0 10px;
	border-radius:5px;
	}
.message ul li:last-child{
	width:100%;
	}
.message ul li textarea{
	width:100%;
	height:190px;
	overflow:hidden;
	background:none;
	border: 1px solid #ced4da;
	line-height:25px;
	border-radius:10px;
	padding:10px;
	}
.message dl:last-child dt{
	margin-bottom:10px;
	}
.tjbtn{
	width:100%;
	overflow:hidden;
	margin-top:20px;
	text-align:center;
	}
.tjbtn button{
	width:160px;
	height:46px;
	overflow:hidden;
	border:solid 1px #435b76;
	margin:auto;
	background:none;
	color:#435b76;
	border-radius:10px;
	transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
	}
.tjbtn button:hover{
	background:#435b76;
	color:#fff;
	}
.btn1{
	width:100%;
	overflow:hidden;
	margin-top:6px;
	color:#343434;
	}
.btn1 .intxt{
	width:60px;
	height:32px;
	overflow:hidden;
	font-size:15px;
	color: #333;
	padding-left: 5px;
	border: solid 1px #e4e4e4;
	}
.btn1 a{
	color:#343434;
}
/* join
-------------------------------------------------------------- */
.join{
	margin-top:80px;
	margin-bottom:80px;
	}
.joinnr{
	width:100%;
	overflow:hidden;
	}
.joinfbnr{
	width:100%;
	overflow:hidden;
	font-size:18px;
	line-height:30px;
	margin-top:50px;
	}
.joinfbnr p{
	overflow:hidden;
	font-size:18px;
	line-height:30px;
	}
.joinfbnr img{
	max-width:100%;
	height:auto;
	}
.jointit .tit h3:before{
	left: 0;
}
.jointit .tit h3:after{
	left: 235px;
}
.joinfbnr dl{
	width:47%;
	overflow:hidden;
	float:left;
	border-bottom: 1px solid #e3e3e3;
	padding-bottom: 20px;
	margin-top:20px;
}
.joinfbnr dl:nth-child(2n+1){
	margin-right:3%;
}
.joinfbnr dl:nth-child(2n){
	margin-left:3%;
}
.joinfbnr dl dt,.joinfbnr dl dd{
	width:100%;
	overflow:hidden;
}
.joinfbnr dl dt{
	font-size:20px;
	line-height:30px;
	color:#332c2b;
}
.joinfbnr dl dd,.joinfbnr dl dd p{
	font-size:16px;
	line-height:30px;
}
/* job
-------------------------------------------------------------- */
.job{
	margin-top:60px;
	margin-bottom:60px;
	}
.jobnr{
	width:100%;
	overflow:hidden;
	margin-top:40px;
	}
.job .tit{
	width:100%;
	border-bottom:solid 1px #e0e1e1;
	padding-bottom:24px;
	}
.job .joblf{
	padding:60px 45px 0 0;
	}
.job .joblf h5{
	width:100%;
	overflow:hidden;
	font-size:20px;
	line-height:30px;
	margin-bottom:20px;
	}
.job .joblf p{
	width:100%;
	overflow:hidden;
	font-size:18px;
	line-height:30px;
	}
.job .jobrt{
	padding:0;
	overflow:hidden;
	border-radius:20px 0;
	}
.job .jobrt img{
	width:100%;
	height:auto;
	}
.joblist{
	width:100%;
	overflow:hidden;
	margin-top:40px;
	}
.jobfb{
	width:100%;
	overflow:hidden;
	margin-top:40px;
	}
	
/* nnews
-------------------------------------------------------------- */
.nnews{
	margin-top:60px;
	margin-bottom:60px;
	}
.nnews dl{
	width:31.3333333%;
	overflow:hidden;
	margin:20px 1%;
	padding:20px;
	float:left;
	box-shadow: 0px 0px 10px #e0e1e1;
	border-radius: 6% 10px 6% 10px;
	transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
	}

.nnews dl dt{
	width:100%;
	overflow:hidden;
	position:relative;
	height:300px;
	border-radius:20px;
	border-radius: 6% 10px 6% 10px;
	}
.nnews dl dt img{
	display:block;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	}
.nnews dl:hover dt img{
	transform:translate(-50%, -50%) scale(1.2);
	}
.nnews dl dd{
	width:100%;
	overflow:hidden;
	}
.nnews dl dd h5{
	width:100%;
	overflow:hidden;
	line-height:30px;
	font-size:24px;
	margin-top:20px;
	border-bottom:solid 1px #efefef;
	padding-bottom:14px;
	white-space: nowrap;
    text-overflow: ellipsis;
	}
.nnews dl dd .nnewsjs{
	width:100%;
	overflow:hidden;
	height:40px;
	color:#777777;
	margin-top:22px;
	}
.nnews dl dd .nnews_date{
	width:100%;
	overflow:hidden;
	color:#8a8a8a;
	line-height:30px;
	margin-top:12px;
	}
.nnews h1{
	width: 100%;
    overflow: hidden;
    font-size: 28px;
	line-height:38px;
    color: #262626;
	font-weight:normal;
    text-align: center;
	border-bottom:solid 1px #d9d9d9;
	padding-bottom:26px;
	}
.nnews .nnewsdate{
	width: 100%;
    overflow: hidden;
	margin-top:20px;
	text-align:center;
	font-size:16px;
	line-height:30px;
	}
.nnews .nnewsdatelf{
	width: 70%;
    overflow: hidden;
	line-height:30px;
	font-size:16px;
	color:#333;
	}
.nnews .nnewsdatert{
	width: 30%;
    overflow: hidden;
	text-align:right;
	font-size:16px;
	color:#333;
	line-height:30px;
	}
.nnews .fbnr {
    width: 100%;
    overflow: hidden;
    margin-top: 40px;
    font-size: 16px;
    line-height: 30px;
    color: #333;
}
.nnews .fbnr p {
    width: 100%;
    overflow: hidden;
    font-size: 16px;
    line-height: 30px;
    color: #333;
}
.nnews .fbnr img{
	max-width:100%;
	height:auto !important;
	}
	
/* ncontact
-------------------------------------------------------------- */
.ncontact{
	margin-top:40px;
	margin-bottom:40px;
	}
.ncontact .ncontactnr{
	width:96%;
	overflow:hidden;
	margin:20px auto;
	box-shadow: 1px 4px 10px 5px #3333330d;
	border-top: 5px #435b76 solid;
	}
.ncontact .ncontactnr .ncontactlf{
	overflow:hidden;
	padding:63px 30px 30px 30px;
	}
.ncontactlf .ncontacten{
	width:100%;
	overflow:hidden;
	font-size:48px;
	line-height:58px;
	text-transform:uppercase;
	color:#333;
	}
.ncontactlf h4{
	width:100%;
	overflow:hidden;
	font-size:24px;
	line-height:34px;
	color:#333;
	margin-top:27px;
	}
.ncontactlf .ncontactms{
	width:100%;
	overflow:hidden;
	margin-top:25px;
	}
.ncontactlf .ncontactms p{
	width:100%;
	overflow:hidden;
	font-size:16px;
	line-height:30px;
	color:#2b2b2b;
	}
.ncontactnr .ncontactrt{
	overflow:hidden;
	padding:30px;
	}
.ncontactnr .ncontactrt img{
	width:100%;
	height:auto;
	}
.newm{
	width:20%;
	overflow:hidden;
	}
.newm dl{
	overflow:hidden;
	float:right;
	}
.newm dl dt,.newm dl dd{
	overflow:hidden;
	text-align:center;
	}
.newm dl dt img{
	max-width:100%;
	height:auto;
	border: solid 1px #ccc;
}
.newm dl dd{
	font-size:16px;
	color:#333;
	line-height:32px;
	}
.ncontact .ncontactnr p,.ncontact .ncontactnr .ncontactlf p{
	width:100%;
	overflow:hidden;
	font-size:16px;
	color:#333;
	line-height:35px;
	}
.ncontact .ncontactnr p a{
	font-size:16px;
	color:#333;
	}
/* nmessage
-------------------------------------------------------------- */
.nmessage{
	margin-top:90px;
	margin-bottom:154px;
}
.nmessage h3{
	width:100%;
	overflow:hidden;
	font-size:35px;
	color:#343434;
	line-height:45px;
	text-align:center;
	font-weight:normal;
}
.nmessagenr{
	width:100%;
	overflow:hidden;
	margin-top:30px;
	}
.nmessagenr dl{
	width:49%;
	overflow:hidden;
	float:left;
	margin-top:21px;
	}
.nmessagenr dl dt{
	width:100%;
	overflow:hidden;
	color:#323232;
	font-size:16px;
	line-height:30px;
	padding-bottom:10px;
	}
.nmessagenr dl dd{
	width:100%;
	overflow:hidden;
	}
.nmessagenr dl dd input{
	width:100%;
	overflow:hidden;
	border:solid 1px #e4e4e4;
	line-height:60px;
	padding-left:56px;
	color:#323232;
	}
.nmessagenr dl dd textarea{
	width:100%;
	height:360px;
	overflow:hidden;
	border:solid 1px #e4e4e4;
	line-height:30px;
	padding-left:56px;
	padding-top:18px;
	}
.nmessagenr dl:last-child{
	width:100%;
	}
.nmessagenr dl:nth-child(2n+1){
	margin-right:1%;
	}
.nmessagenr dl:nth-child(2n){
	margin-left:1%;
	}
.nmessagenr dl:nth-child(1) dd input{
	background:#fff url(../images/icon21.png) no-repeat 24px center;
	}
.nmessagenr dl:nth-child(2) dd input{
	background:#fff url(../images/icon22.png) no-repeat 24px center;
	}
.nmessagenr dl:nth-child(3){
	width:100%;
	}
.nmessagenr dl:nth-child(3) dd textarea{
	background:#fff url(../images/icon23.png) no-repeat 24px 21.5px;
	}
.nmessagenr .tjbtn {
    width: 100%;
    overflow: hidden;
	margin-top:25px;
}
.nmessagenr .tjbtn button {
    width: 100%;
    height: 60px;
    background: #093682;
    color: #fff;
	text-align:center;
	font-size:16px;
}

/* dede_pages

-------------------------------------------------------------- */
.pages ul .active { background: #526e8a; color:#fff;}
.pages{clear:both;padding:20px 0;font-size:14px;text-align:center; overflow:hidden}
.pages ul{display:inline-block;margin:0 auto;padding:0}
.pages ul a{color:#555;display:block;padding: 5px 11px;  border: 1px solid #ddd;float: left;margin:5px;font-size:12px}
.pages ul a.page-num-current{ background:#526e8a; color:#fff;}
.pages ul a:hover{ background:#526e8a;color:#fff;}
.news-exp2{
	width:100%;
	overflow:hidden;
	margin-top:30px;
	line-height:30px;
	font-size:16px;
	color:#343434;
}
.news-exp2 a{
	display:block;
	width:50%;
	overflow:hidden;
	float:left;
	line-height:30px;
	font-size:16px;
	color:#343434;
	white-space: nowrap;
    text-overflow: ellipsis;
}
.news-exp2 a:last-child{
	text-align:right;
}
.news-exp2 a:hover{
	color:#ea5404;
}

.a_txt,.rg{
	display:none;
}
/*移动端导航*/
@media screen and (max-width: 1023px) and (min-width: 0px){
.header_menu {display:none;}
.header-phone .logo {display:block;}

.headernr{
	width:98%;
}
.rg{    display: block;
    padding-top: 14px;
    float: right;
    margin-right: 10px;}
.rg a img{vertical-align:top}
.a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.a_txt .div1{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.a_txt .div2{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.a_txt .div3{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%}
.a_txt .div3 ul{padding-left:5%;padding-right:5%}
.a_txt .div3 ul li{border-bottom:1px solid #232530}
.a_txt .div3 ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
.a_txt .div3 ul li .a_js2{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_js2_on{background:url(../images/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_txt2{display:none}
.a_txt .div3 ul li .a_txt2 a{height:40px;line-height:40px;font-size:14px}
}


@media only screen and (min-width: 1440px) and (max-width: 1599px) {
	.cpzsnr_list .cpzsimg{
		height:276px;
	}
	.nnews dl dt{
		height:255px;
	}
	.newslist dl dd{
		height:289px;
	}
}
@media only screen and (min-width: 1360px) and (max-width: 1439px) {
.cpzsnr_list .cpzsimg{
		height:260px;
	}
	.nnews dl dt{
		height:238px;
	}
	.newslist dl dd{
		height:272px;
	}
}
@media only screen and (min-width: 1280px) and (max-width: 1359px) {
	.cpzsnr_list .cpzsimg{
		height:245px;
	}
	.nnews dl dt{
		height:222px;
	}
	.newslist dl dd{
		height:257px;
	}
}
@media only screen and (min-width: 1152px) and (max-width: 1279px) {
	.cpzsnr_list .cpzsimg{
		height:220px;
	}
	.nnews dl dt{
		height:197px;
	}
	.newslist dl dd{
		height:231px;
	}
    
}
@media only screen and (min-width: 1024px) and (max-width: 1151px) {
	.cpzsnr_list .cpzsimg{
		height:196px;
	}
	.nnews dl dt{
		height:172px;
	}
	.newslist dl dd{
		height:205px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1023px) {
	.cpzsnr_list .cpzsimg{
		height:190px;
	}
	.nnews dl dt{
		height:166px;
	}
	.newslist dl dd{
		height:199px;
	}
}
@media only screen and (min-width: 860px) and (max-width: 991px) {
	.cpzsnr_list .cpzsimg{
		height:255px;
	}
	.nnews dl dt{
		height:230px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 859px) {
	.cpzsnr_list .cpzsimg{
		height:227px;
	}
	.nnews dl dt{
		height:202px;
	}
}
@media only screen and (min-width: 640px) and (max-width: 767px) {
	.cpzsnr_list .cpzsimg{
		height:189px;
	}
	.nnews dl dt{
		height:365px;
	}
}
@media only screen and (min-width: 540px) and (max-width: 639px) {
	.cpzsnr_list .cpzsimg{
		height:160px;
	}
	.nnews dl dt{
		height:303px;
	}
}
@media only screen and (min-width: 425px) and (max-width: 539px) {
	.cpzsnr_list .cpzsimg{
		height:262px;
	}
	.nnews dl dt{
		height:232px;
	}
	.newslist dl dd{
		height:267px;
	}
}
@media only screen and (min-width: 375px) and (max-width: 424px) {
	.cpzsnr_list .cpzsimg{
		height:231px;
	}
	.nnews dl dt{
		height:202px;
	}
	.newslist dl dd{
		height:235px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 374px) {
	.cpzsnr_list .cpzsimg{
		height:197px;
	}
	.nnews dl dt{
		height:167px;
	}
	.newslist dl dd{
		height:200px;
	}
}
@media only screen and (min-width: 0px) and (max-width: 319px) {
	.cpzsnr_list .cpzsimg{
		height:173px;
	}
	.nnews dl dt{
		height:143px;
	}
	.newslist dl dd{
		height:175px;
	}
	
}

@media(max-width:1680px) {
	.npro .npronr_list {width:32%;}
}
@media(max-width:1600px) {
 .nmenu {
    width: 88%;
}
	.nmenu {
    margin-top: 60px;
    margin-bottom: 60px;
}
	.cont,.cont1{
		width:88%;
		}
	/*.nav .menu > li {
		margin: 0 30px;
	}*/
	.scrollnews_nr{
		left:6%;
	}
	.scrollnews{
		padding: 0 0 0 23%;
	}
	.tnewsrt{
		padding-right:20px;
		width: 54%;
	}
	.tnewslf{
		margin-left:20px;
		width: 22%;
	}
	.newslist dl dt h4{
		font-size:24px;
		line-height:34px;
	}
	.nnews dl dd h5{
		font-size:20px;
	}
	.aboutnr:after {
		font-size: 175px;
		line-height: 150px;
	}
	.prolist .proslide .prolf h4 {
		font-size: 50px;
		line-height: 60px;
	}
	.zsjm_tel .jmtit{
		font-size: 24px;
	}
	.zsjm_tel .jmtelnr,.zsjm_tel .jmtelnr a{
		font-size:40px;
	}
	.gsys .gsysen p {
		font-size: 165px;
		line-height: 140px;
	}
	.gsys .gsystit{
		top:300px;
	}
	.gsyslist .gsyslf{
		padding-top:390px;
	}
	.gsys .more {
		margin-top: 25px;
	}
	.gsysnr .swiper-button{
		bottom:38px;
	}
	.footer .botlxfs{
		width:48%;
	}
}
@media(max-width:1440px) {
	/*.nav{
		margin-left:50px;
	}
	.nav .menu > li{
		margin: 0 25px;
	}*/
	.nmenu ul li{
		margin-right:60px;
	}
	.about{
		background-size:700px;
	}
	.aboutnr:after {
		font-size: 165px;
		line-height: 140px;
	}
	.cyllist ul li:hover h4,.cyllist ul li.hover h4{
		font-size: 20px;
	}
	.gsys .gsysen p {
		font-size: 135px;
		line-height: 120px;
	}
	.gsys .gsystit {
		top: 260px;
	}
	.gsys .more {
		margin-top: 0;
	}
	.gsyslist .gsyslf {
		padding-top: 350px;
	}
	.zsjm_tel .jmtit{
		font-size: 20px;
	}
	.zsjm_tel .jmtelnr,.zsjm_tel .jmtelnr a{
		font-size:36px;
	}
	.prolist .proslide .prolf h4 {
		font-size: 46px;
		line-height: 56px;
	}
	.gsysnr .swiper-button{
		bottom:62px;
	}
	.footer .botlxfs{
		width:50%;
	}
}
@media(max-width:1360px) {
    .nabout01 {
        
        background: url(../images/naboutbg1.jpg);
        
    }
    .nabout07  {display: none;}
	.nav .menu > li{
		margin: 0 20px;
	}
	.ncontact .ncontactnr .ncontactlf {
		padding: 40px 30px 30px 30px;
	}
	.ncontactlf .ncontacten {
		font-size: 44px;
		line-height: 54px;
	}
	.about{
		background-size:650px;
	}
	.aboutnr:after {
		font-size: 155px;
		line-height: 130px;
	}
	.scrollnews_nr{
		bottom:65px;
	}
	.gsysnr .swiper-button{
		bottom:86px;
	}
	.tnewsrt {
		width: 60%;
	}
	.tnewslf{
		width: 24%;
	}
	.scrollnews_nr img{
		width:200px;
	}
	.zsjm_tel .jmtit{
		font-size: 16px;
	}
	.zsjm_tel .jmtelnr,.zsjm_tel .jmtelnr a{
		font-size:30px;
	}
	.prolist .proslide .prolf h4 {
		font-size: 42px;
		line-height: 52px;
	}
	.gsyslist .gsyslf {
		width: 30%;
	}
	.gsyslist .gsyslf h4{
		letter-spacing:4px;
	}
	.ys ul li .ysrq {
		width: 246px;
		height: 246px;
		margin-left:-123px;
	}
	.ys ul li .ysimg {
		width: 196px;
		height: 196px;
	}
}
@media(max-width:1280px) {
	/*.nav{
		margin-left:30px;
	}
	.nav .menu > li{
		margin: 0 16px;
	}*/
	.tel .telnr {
		width: 100px;
	}
	.tel .telnr span{
		font-size:15px;
	}
	.tel .telnr h4{
		font-size:20px;
	}
	.prolist .proslide .prolf h4 {
		font-size: 38px;
		line-height: 48px;
	}
	.tnewsrt {
		padding-right: 10px;
	}
	.tnewslf{
		margin-left:10px;
	}
	.cyllist ul li:hover h4,.cyllist ul li.hover h4{
		font-size: 18px;
	}
	.gsys .gsysen p {
		font-size: 115px;
		line-height: 100px;
	}
	.gsys .gsystit {
		top: 220px;
	}
	.gsyslist .gsyslf {
		padding-top: 310px;
	}
	.gsys .gsysmore{
		top:710px;
	}
	.about{
		background-size:600px;
	}
	.ys ul li .ysrq {
		width: 226px;
		height: 226px;
		margin-left:-113px;
	}
	.ys ul li .ysimg {
		width: 176px;
		height: 176px;
	}
	.zsjm_tel .jmtelnr,.zsjm_tel .jmtelnr a{
		font-size:24px;
	}
	.zsjm_tel .jmtit{
		padding-left:42px;
		background-size: 32px;
	}
	.nmenu ul li {
		margin-right: 50px;
	}
	.newslist dl dt h4 {
		font-size: 22px;
		line-height: 32px;
	}
	.newsmenu ul li,.promenu ul li{
		width: 180px;
		height: 50px;
		line-height: 50px;
	}
	.aboutnr:after {
		font-size: 145px;
		line-height: 120px;
	}
}
@media(max-width:1152px) {
	/*.nav {
		margin-left: 20px;
	}
	.nav .menu > li{
		margin: 0 10px;
	}*/
	.tel .telnr {
		width: 100px;
	}
	.tel .telnr span{
		font-size:14px;
	}
	.tel .telnr h4{
		font-size:18px;
	}
	.about{
		background-size:550px;
	}
	.gsysnr .swiper-button{
		bottom:120px;
	}
	.gsys .gsysen p {
		font-size: 95px;
		line-height: 80px;
	}
	.gsys .gsystit {
		top: 180px;
	}
	.gsyslist .gsyslf {
		padding-top: 270px;
	}
	.gsys .gsysmore {
		top: 680px;
	}
	.more a{
		width: 200px;
		padding-left: 48px;
		background-position:138px;
	}
	.more a:hover{
		background-position:148px;
	}
	.ys ul li .ysrq {
		width: 196px;
		height: 196px;
		margin-left:-98px;
		padding:20px;
	}
	.ys ul li .ysimg {
		width: 156px;
		height: 156px;
	}
	.cyllist ul li h4{
		font-size:16px;
	}
	.prolist .proslide .prolf h4 {
		font-size: 34px;
		line-height: 44px;
	}
	.zsjm_tel .jmtit {
		font-size: 14px;
	}
	.zsjm_tel .jmtelnr,.zsjm_tel .jmtelnr a{
		font-size:20px;
	}
	.zsjm_tel .jmtit{
		padding-left:30px;
		background-size: 26px;
	}
	.nmenu ul li {
		margin-right:40px;
	}
	.newslist dl dt h4 {
		font-size: 20px;
		line-height: 30px;
	}
	.aboutnr:after {
		font-size: 135px;
		line-height: 110px;
	}
	
}
@media(max-width:1100px) {
	.zsjm_tel:before {
		left: 30px;
	}
	.zsjm_tel:after{
		right: 30px;
	}
}
@media(max-width:1024px) {
    .p_item {
    flex: auto;
    max-width: 100%;
    max-height: 100%;
}
    .cbox-1-0 {
    flex: 0 0 100%;
    align-self: center;
}
    .cbox-1-1 {
    align-self: center;
    margin: 20px 0;
}
	.about{
		background-size:500px;
	}
	.cyllist ul li:hover h4,.cyllist ul li.hover h4 {
		font-size: 16px;
	}
	.gsysnr .swiper-button{
		bottom:160px;
	}
	
}
@media(max-width:1023px) {
 
	.npro .npronr_list{width: 48.5%;}

	.tel{
		display:none;
	}
	.header-phone {
    height: 60px;
    overflow: hidden;
}
	.logo{
		
	}
	.logo img {
    height: 50px;
}
	.banner,.banner_n {
padding-top: 0;
		
	}
	.scrollnews,.scrollnews_nr,.scrollnews_icon{
		display:none;
	}
	.banner .swiper-button div{
		width:20px;
		height:120px;
		margin-top:-60px;
	}
	.banner .swiper-button div span {
		width: 20px;
		height: 20px;
		margin:5px 0;
	}
	.banner .swiper-button div span:before{
		left:4px;
		top:4px;
	}
	.banner .swiper-button div{
		right:10px;
	}
	.mouse {
		width: 22px;
		height: 36px;
	}
	.shubiao-index{
		right:10px;
		bottom:10px;
	}
	.ys ul li {
		width: 33.3333333333%;
	}
}
@media(max-width:991px) {
	.tit h3,.tit h3 a{
		font-size:46px;
	}
	.tit h3:before{
		left:0;
	}
	.tit h3:after{
		left:170px;
	}
	.job .joblf {
		padding: 0;
		margin-bottom:30px;
	}
	.cyl{
		padding-top:80px;
	}
	.cylnr .tit h3:before {
		left: 0;
	}
	.cylnr .tit h3:after {
		left: 262px;
	}
	.cyllist ul li,.cyllist ul li:hover,.cyllist ul li.hover{
		height:72px;
	}
	.cyllist ul li:hover,.cyllist ul li.hover{
		margin-top:1px;
	}
	.cyllist ul li:hover .cylicon,.cyllist ul li.hover .cylicon{
		display:none;
	}
	.cylnr .tit h3{
		line-height:50px;
	}
    .cpzsnr_list{
		width:48%;
	}
	.gsysnr .swiper-button {
		bottom: 20px;
		left:1%;
	}
	.jointit .tit h3:before {
		left: 0;
	}
	.jointit .tit h3:after {
		left: 215px;
	}
	.ncontactlf h4 {
		font-size: 22px;
		line-height: 32px;
	}
	.ncontactlf .ncontacten {
		font-size: 40px;
		line-height: 50px;
	}
	.ncontactlf h4{
		margin-top:15px;
	}
	.nnews dl dd h5 {
		font-size: 18px;
	}
	.prolist .proslide .prort .prort_icon,.cylmore .cylmoreicon{
		width: 80px;
		height: 80px;
	}
	.prolist .proslide .prort .prort_en,.cylmore .cylmorenr{
		line-height:80px;
	}
	.cyllist{
		height:auto;
		bottom:40px;
	}
	.cyllist ul li {
		width:24.6%;
		margin:1px 0.2%;
	}
	.cyllist ul li:first-child,.cyllist ul li:last-child{
		border-radius: 0;
	}
	.joinfbnr dl{
		width:100%;
	}
	.joinfbnr dl:nth-child(2n+1) {
		margin-right:0;
	}
	.joinfbnr dl:nth-child(2n) {
		margin-left:0;
	}
	.gsys .gsystit,.gsyslist .gsyslf,.gsyslist .gsysrt{
		width:100%;
	}
	.gsys .gsystit{
		position:inherit;
		top: 70px;
	}
	.gsyslist .gsyslf {
		padding-top: 50px;
		margin-bottom:30px;
	}
	.gsys .gsysmore {
		position: inherit;
		width: 100%;
		top:0;
		margin-top: 100px;
	}
	.gsys{
		float:none;
		margin:auto;
		padding-bottom:60px;
	}
	.gsys .gsysmore{
		position:inherit;
	}
	.prolist .proslide .prolf{
		padding-top:60px;
	}
	.prolist .proslide .prolf,.prolist .proslide .proin,.prolist .proslide .prort{
		width:100%;
	}
	.prolist .proslide .prort{
		padding-top:40px;
	}
	.hzkhnr ul li {
		width: 24%;
		margin:5px 0.5%;
	}
	.hzkhnr ul li:last-child {
		margin-right: 0.5%;
	}
	.zsjm_tel:before {
		width:50px;
	}
	.zsjm_tel:after{
		width:50px;
	}
	.position{
		height:auto;
	}
	.positionrt,.nmenu{
		width:100%;
	}
	.positionrt{
		padding: 8px 0 8px 30px;
		background-position:left 12.5px;
	}
	.newsmenu ul li,.promenu ul li{
		width: 130px;
		height: 40px;
		line-height: 40px;
	}
	.newsmenu ul li a,.promenu ul li a{
		font-size:16px;
	}
	.nhonor{
		padding-top:60px;
		padding-bottom:60px;
	}
	.nnews dl{
		width:48%;
	}


	.newslist dl{
		width:100%;
		margin-right:0;
	}
	.nmenu ul li{
		line-height:46px;
	}
	.nnews h1 {
		font-size: 24px;
		line-height: 34px;
	}
	.news-exp2 a{
		width:100%;
	}
	.news-exp2 a:last-child {
		text-align:left;
	}
	.nabout .naboutrt {
		padding: 0;
		margin-top:20px;
	}
	.nabout {
		
		padding-bottom: 60px;
	}
	.nqywh .nqywhrtnr{
		float:none;
		width:100%;
	}
	.nqywh .nqywhlf span{
		margin-top:30px;
	}
	.nqywh{
		padding-top:80px;
		padding-bottom:80px;
	}
	.footer .botlxfs {
		width: 70%;
	}
}
@media(max-width:767px) {
	.tit h3,.tit h3 a{
		font-size:42px;
	}
	.tit h3:before{
		left:0;
	}
	.tit h3:after{
		left:155px;
	}
	.zsjm_tel:before,.zsjm_tel:after{
		display:none;
	}
	.cylnr .tit h3:before {
		left: 0;
	}
	.cylnr .tit h3:after {
		left: 242px;
	}
	.nprolf,.nprort{
		width: 100%;
	}
	.nprort{
		margin-top:20px;
	}
	.jointit .tit h3:before {
		left: 0;
	}
	.jointit .tit h3:after {
		left: 195px;
	}
	.nnews dl{
		width:98%;
	}
	.nnews h1 {
		font-size: 22px;
		line-height: 32px;
	}
	.newslist dl{
		width:100%;
		margin-right:0;
		margin-top:40px;
	}
	.newslist dl dd,.newslist dl dt h4{
		margin-top:10px;
	}
	.newstit .tit,.newsmenu,.pro .protit .tit,.promenu{
		width:100%;
	}
	.pro{
		padding-top:60px;
	}
	.prolist .proslide .prolf {
		padding-top: 40px;
	}
	.prolist .proslide .prolf .prolf_nr{
		margin-top:30px;
	}
	.pro .protit .tit,.promenu{
		float:none;
	}
	.promenu{
		margin-top:30px;
	}
	.newsmenu,.promenu{
		text-align:left;
	}
	.newsmenu ul li,.promenu ul li{
		margin-left:0;
		margin-right:10px;
	}
	.hzkhnr ul li {
		width: 32.33333333333%;
	}
	.hzkhnr ul li:last-child{
		display:none;
	}
	.hzkh{
		margin-top:60px;
		margin-bottom:60px;
	}
	.aboutnr:after {
		font-size: 105px;
		line-height: 80px;
	}
}
@media(max-width:640px) {
	.nnews .fbnr iframe,.naboutrt .naboutvideo iframe{
		max-width:100%;
		height:auto !important;
	}
	.tit h3,.tit h3 a{
		font-size:38px;
	}
	.tit h3:before{
		left:0;
	}
	.tit h3:after{
		left:140px;
	}
	.aboutnr:after {
		font-size: 85px;
	}
	.cylnr .tit h3:before {
		left: 0;
	}
	.cylnr .tit h3:after {
		left: 222px;
	}
	.cylnr .tit,.cylnr .cylmore{
		width:100%;
	}
	.cyllist ul li p{
		display:none;
	}
	.cyllist ul li{
		padding-top:8px;
	}
	.cyllist ul li, .cyllist ul li:hover, .cyllist ul li.hover{
		height:42px;
		line-height:42px;
	}
	.cylnr .cylmore{
		padding-top:20px;
	}
	.cyllist {
		bottom: 20px;
	}
	.gsys .gsysen p {
		font-size: 80px;
		line-height: 70px;
	}
	.cyl{
		height:600px;
		padding-top: 40px;
	}
	.cylnr .tit span{
		margin-top:20px;
	}
	.ys ul li {
		width: 50%;
	}
	.ys ul li:last-child{
		width:100%;
	}
	.jointit .tit h3:before {
		left: 0;
	}
	.jointit .tit h3:after {
		left: 175px;
	}
	.ncontactlf .ncontacten {
		font-size: 38px;
		line-height: 48px;
	}
	.ncontactlf h4 {
		font-size: 20px;
		line-height: 30px;
	}
	.ncontact .ncontactnr .ncontactlf {
		padding: 30px 20px 20px 20px;
	}
	.ncontactnr .ncontactrt{
		padding:20px;
	}
	.cyllist ul li {
		width:32.93333333333%;
	}
	.prolist .proslide .prort .prort_en,.cylmore .cylmorenr{
		margin-right:16px;
	}
	.prolist .proslide .prort .prort_icon{
		width: 60px;
		height: 60px;
	}
	.prolist .proslide .prort .prort_en{
		line-height: 60px;
	}
	.cylmore .cylmoreicon{
		width: 50px;
		height: 50px;
	}
	.cylmore .cylmorenr{
		line-height: 50px;
	}
	.zsjmimg {
		width: 70%;
		margin-left: -35%;
	}
	.zsjm_tel {
		width: 67%;
	}
	.zsjm_tel .jmtelnr, .zsjm_tel .jmtelnr a {
		font-size: 18px;
	}
	.message ul li{
		width: 100%;
	}
	.message ul li:nth-child(2n){
		margin-left:0;
	}
	.nmenu ul li {
		margin-right: 0;
		width: 33.33333%;
		text-align: center;
	}
	.nmenu ul li a{
		font-size:16px;
	}
	.hzkhnr ul li {
		width: 49%;
	}
	.shubiao-index{
		display:none;
	}
	.footer .botlxfs dl:first-child dd, .footer .botlxfs dl:nth-child(2) dd {
		letter-spacing: 1px;
	}
	.footer .botlxfs {
		width: 100%;
	}
	.bot .botnr .botrt dl dd {
		letter-spacing: 0;
		text-align: center;
	}
	.bot .botnr .botrt dl dt img{
		max-width:100%;
		height:auto;
	}
	.npro .npronr_list{width:100%;}

}
@media(max-width:540px) {
	.aboutnr:after {
		font-size: 65px;
		line-height: 70px;
	}
}
@media(max-width:539px) {
	.cpzsnr_list {
		width: 100%;
		margin: 15px 0;
	}
}
@media(max-width:500px) {
	.ncontactlf .ncontacten {
		font-size: 34px;
		line-height: 44px;
	}
	.newsmenu ul,.promenu ul{
		width:100%;
	}
	.newsmenu ul li,.promenu ul li{
		width:31.33333333%;
		margin:0 1%;
	}
	
}
@media(max-width:425px) {
	.message{
		padding:30px 20px;
	}
	.prolist .mySwiper .swiper-slide img{
		width:120px;
	}
	.prolist .mySwiper .swiper-slide-thumb-active{
		background-size:120px;
	}
	.zsjmimg {
		width: 80%;
		margin-left: -40%;
	}
	.zsjm_tel {
		width: 77%;
	}
}
@media(max-width:424px) {
	.promenu ul li a {
		font-size: 14px;
	}
	.cyllist ul li {
		width:49.6%;
	}
	.ys ul li{
		width:100%;
	}
}
@media(max-width:375px) {
	.ncontactlf h4 {
		font-size: 19px;
	}
	.aboutnr:after {
		font-size: 55px;
		line-height: 60px;
	}
	.zsjm_tel .jmtit {
		font-size: 12px;
	}
	.zsjm_tel .jmtelnr, .zsjm_tel .jmtelnr a {
		font-size: 16px;
	}
}
@media(max-width:319px) {
	.nmenu ul li a{
		font-size:15px;
	}
	.aboutnr:after {
		font-size: 45px;
		line-height: 50px;
	}
	.zsjmimg {
		width: 88%;
		margin-left: -44%;
	}
	.zsjm_tel {
		width: 87%;
	}
}

.sidebar *{ box-sizing:border-box;}
.sidebar {
 position:fixed;
 top:70%;
 right:20px;
 width:42px;
 text-align:center;
 z-index:10;
 height:250px;
 margin-top:-5px;
 z-index:999;
 line-height:42px
}
.sidebar a {
 width:42px;
 height:42px;
 border-radius:21px;
 cursor:pointer;
 display:block;
 overflow:hidden;
 transition:all .3s cubic-bezier(.15,.65,.58,.99);
 -ms-transition:all .3s cubic-bezier(.15,.65,.58,.99);
 -o-transition:all .3s cubic-bezier(.15,.65,.58,.99);
 -webkit-transition:all .3s cubic-bezier(.15,.65,.58,.99);
 -moz-transition:all .3s cubic-bezier(.15,.65,.58,.99)
}
.sidebar a>span {
 color:#fff;
 font-size:14px;
 margin-left:25px;
 display:none;
 line-height:42px;
 height:42px;
 opacity:0;
 filter:alpha(opacity=0);
 transition:all .5s 1s cubic-bezier(.15,.65,.58,.99);
 -ms-transition:all .5s 1s cubic-bezier(.15,.65,.58,.99);
 -o-transition:all .5s 1s cubic-bezier(.15,.65,.58,.99);
 -webkit-transition:all .5s 1s cubic-bezier(.15,.65,.58,.99);
 -moz-transition:all .5s 1s cubic-bezier(.15,.65,.58,.99)
}
.sidebar a.right-qq {
 background:url(../images/sidebar-icon1.png) no-repeat center;
 margin-bottom:10px;
 background-color:#50749b;
 position:absolute;
 right:0;
 top:50px
}
.sidebar a.right-qq:hover {
 width:180px;
 background:url(../images/sidebar-icon1.png) no-repeat 20px center #50749b
}





.sidebar a.right-weixin {
 background:url(../images/sidebar-icon2.png) no-repeat center;
 background-color:#50749b ;
 margin-bottom:10px;
 position:absolute;
 right:0;
 top:52px;
 overflow:visible
}
.sidebar a.right-weixin:hover {
 background:url(../images/sidebar-icon2.png) no-repeat center #50749b ;
}
.sidebar a.right-weixin:hover .weixin-code {
 opacity:1;
 visibility:visible;
 left:-140px
}
.sidebar .weixin-code {
 position:absolute;
 left:-125px;
 top:50%;
 transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 opacity:0;
 visibility:hidden;
 transition:all .6s ease;
 -ms-transition:all .6s ease;
 -o-transition:all .6s ease;
 -webkit-transition:all .6s ease;
 -moz-transition:all .6s ease
}
.sidebar .weixin-code img {
 width:120px;
 height:120px
}

.sidebar a.right-tell {
 background:url(../images/sidebar-icon3.png) no-repeat center;
 background-color:#50749b ;
 margin-bottom:10px;
 position:absolute;
 right:0;
 top:104px
}



.sidebar a.right-tell:hover {
 width:160px;
 background:url(../images/sidebar-icon3.png) no-repeat 20px center #50749b ;
}
.sidebar a.right-message {
 background:url(../images/sidebar-icon4.png) no-repeat center;
 background-color:#50749b ;
 margin-bottom:10px;
 position:absolute;
 right:0;
 top:156px;
 overflow:visible
}
.sidebar a.right-message:hover {
 background:url(../images/sidebar-icon4.png) no-repeat center #50749b ;
}
.sidebar a.right-message:hover .fixed-message {
 opacity:1;
 visibility:visible;
 left:-325px
}
.sidebar a.right-top {
 background:url(../images/sidebar-icon5.png) no-repeat center;
 background-color:#50749b ;
 position:absolute;
/* bottom: 0; */
    right: 0;
    top: 160px;
}
.sidebar a.right-top:hover {
 width:120px;
 background:url(../images/sidebar-icon5.png) no-repeat 20px center #50749b ;
}
.sidebar a:hover>span {
 display:block;
 vertical-align:middle;
 opacity:1;
 filter:alpha(opacity=100)
}
@media (max-width: 768px) {
  .sidebar {  display: none;}
}



@media(max-width:1505px) {

.pro_list2 ul li {
    width: 23%;

}

}
@media(max-width:1281px) {
.pro_list2 ul li {
   width: 22.5%;

}
.aboutrt {
    height: 300px;
}

}

@media screen and (max-width: 1221px){
.pro_list2 ul li {
    width: 43%;
    float: left;
    border: 1px solid #f1f1f1;
    margin: 10px 10px;
}}