@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900|Roboto:300,400,500,600,700,800,900&display=swap');
html,
body {
	height: 100%;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

body {
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	position: relative;
	z-index: 1;
	background: #fff;
	overflow-x: hidden;
}

.hrclear{clear: both;height:30px;}
h1,h2,h3,h4,h5,h6 {
	position: relative;
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	margin: 0;
	color: #1d2143;
}
h1 {font-size: 70px;}
h2 {	font-size: 40px;}
h3 {	font-size: 18px;}
a {
	text-decoration: none;
	cursor: pointer;
	font-family: 'Poppins', sans-serif;
	color: #000;
	font-size: 16px;
	-webkit-transition: all 0.6s ease-in;
	-moz-transition: all 0.6s ease-in;
	-ms-transition: all 0.6s ease-in;
	-o-transition: all 0.6s ease-in;
	transition: all 0.3s ease-in;
	cursor:pointer;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	
}
a:hover,a:focus,a:visited {	
	text-decoration: none;
	outline: none;
	outline-width: 0 !important;
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-ms-transition:all 0.2s ease-in;
	-o-transition:all 0.3s ease-in;
	transition:all 0.3s ease-in;
}

p {
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	position: relative;
	color: #787878;
}

ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

li {
	display: inline-block;
}
section {
	clear: both;
	margin: 0px;
}
.container{min-width: 1200px;padding: 0;}
nav {
	text-align: left;
	width: 100%;
	background-color:#fff;
	display: inline-block;
	z-index: 9999;
	min-width: 1200px;
	box-shadow: 0 3px 16px -2px #d0cece;
}
/* 头部 */
.headbox{
	padding: 0;
	margin: 0;
	width: 100%;
	height: 114px;
	position: relative;
	z-index: 999 !important;	
	-webkit-animation: slideInDown .6s forwards;
	animation: slideInDown .6s forwards;
	margin-top: 0;
	background: #fff;
	min-width: 1200px;

}

.logo{
	width: 258px;
	display: inline-block;
	 float: left;
	 height: 113px;
	 position: relative;
	 background: #fff;
	 
}


@media (min-width: 1366px) {
	.jiantoub1{right: 1%;top:250px;}
	.jiantoub2{left: 1%;top:250px;}
	.logo{margin-left: 6.1%;}
}

@media (min-width: 1440px) {
	.jiantoub1{right: 2%;top:250px;}
	.jiantoub2{left: 2%;top:250px;}
	.logo{margin-left: 9.3%;}
}

@media (min-width: 1680px) {
	.jiantoub1{right: 10%;top:250px;}
	.jiantoub2{left: 10%;top:250px;}
	.logo{margin-left:15.2%;}
}
@media (min-width: 1920px) {
	.jiantoub1{right: 15%;top:250px;}
	.jiantoub2{left: 15%;top:250px;}
	.logo{margin-left:18.5%;}
}


.logo img{position: absolute;top: 0;left: 0;}
.navbox{
	width: 666px;
	display: inline-block;
	height: 113px;
	 float: left;
	 position: relative;
	 background: #fff;
	 margin-left: 50px;
}
.navright{
	width:217px ;
	display: inline-block;
	 float: left;
	 position: relative;
	 background: #fff;
	 height: 113px;
}
#stickynav {
	position:fixed;
	z-index:999;
	top:-130px;
	left:0;
	background: #fff;
	}

body:not(.mobile) #stickynav{
	-webkit-transition:all .6s ease-in-out;
	-moz-transition:all .6s ease-in-out;
	-o-transition:all .6s ease-in-out;
	transition:all .6s ease-in-out
	}
	
	
#stickynav.animate{
	top:0
}


.navbox ul{width: 100%;background: #FFFFFF;position: absolute;height: 113px;}
.navbox::before{
	content: ' ';
	width:560px ;
	height: 1px;
	background:#ababab;
	position: absolute;
	bottom: 52px;
	left:29px;
	z-index: 3;
}
.navbox li{width:18%;text-align: center;top:25px;height: 114px;}
.navbox .naven{font-size: 12px; color: #c6c6c6;line-height:35px;height:35px;display: block;background: #fff;}
.navbox .navcn{font-size: 16px;color: #000;line-height:42px;height:42px;background: #fff;}
.navbox .navdian{transition: 0.3s;width:6px;height:6px;display: block;background-color:#ababab ; border-radius: 50%;position: absolute;bottom: 76px; left: 57px;z-index: 10;}
.navbox a{
	transition: 0.5s;
}
.navbox .avctio::before{
	content: ' ';
	width:63px;
	height: 1px;
	background: #0087d5;
	position: absolute;
	bottom:78px;
	left:29px;
	z-index:4;
	transform: scaleX(0);
	transform-origin: center center;
	transition: transform .35s;
}
.navbox .avctio:hover::before{
	transform: scaleX(1);
}
.navbox a:hover .navcn{color: #0087d5;transition:all 0.4s ease-in;}
.navbox a:hover .navdian{background-color:#0087d5 ;transform: scale(1.8);}
.navbox a.aactive::before{
	content: ' ';
	width:63px;
	height: 1px;
	background: #0087d5;
	position: absolute;
	bottom: 78px;
	left:29px;
	z-index:4;
	transform: scaleX(1);
}
.navbox a .iactive{background-color:#0087d5 ;transform: scale(1.8);}
.navbox a .hactive{color: #0087d5;transition:all 0.4s ease-in;}

/* 二级菜单 */
.navbox ul>li>ul { 
	transform: scaleY(0);
	transform-origin: top;
	transition: transform .35s;
	display: block; 
	width: 325px;
	position: absolute; 
	left: 0;
	z-index: 99999; 
	top: 89px; 
	height: auto;
	box-shadow: 0 5px 16px -2px #d0cece;
}
.navbox ul>li { 
	position: relative; 
}
.navbox ul li ul li { 
	height: auto;
	line-height: 25px;
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-left: 0px;
	display: block; 
	text-align: left;  
	border-bottom: 2px solid rgba(0,0,0,0.1);
	width: 100%;
	top: 0;
	cursor:pointer
}

.navbox ul>li:hover>ul { 
	transform: scaleY(1);
}
.navbox ul>li>ul>li:after{
	  content: "";
	  position: absolute;
	  display: block;
	  height:2px;
	  width:100%;
	  left: 0;
	  background: #0087d5;
	  bottom:-2px;
	  transform: scaleX(0);
	  transform-origin: left center;
	  transition: transform .35s;
	  z-index: -1;
}
.navbox ul>li>ul>li:hover:after{transform:scaleX(1)}

nav ul li ul li:hover>a { 
	color: #0087d5;
	padding-left: 6px;
	margin: 5px 0;
	font-size: 16px;
}
/* 二级结束 */
/* 搜索弹窗 */
.searchtcbox{background: #fff;position: fixed;top:-120px;left: 0;z-index: 99999;height: 120px; text-align: center;padding-top:20px;	-webkit-transition:all .6s ease-in-out;
	-moz-transition:all .6s ease-in-out;
	-o-transition:all .6s ease-in-out;
	transition:all .6s ease-in-out}

.ssinpu img{width: 44px;cursor:pointer}
.ssinpu input{text-decoration: none;outline: none;outline-width: 0 !important;width: 1000px;height: 60px;background: #f9f9f9;border-radius: 50px; border: 0;padding-left: 30px;font-size: 18px;margin-left: 20px;margin-right: 50px;}
/* 搜索弹窗结束 */



.san{text-align: left;
    width: 40px;
    position: absolute;
    top: 44px;
    cursor: pointer;
    z-index: 8888;
    left: -14px;}
.sanhov{text-align: left;
     width: 40px;
    position: absolute;
    top: 44px;
    cursor: pointer;
    z-index: 8888;
    left: -14px;}
.lig{width: 100%;position: absolute;right: 0;top:48px;text-align: right;}
.lig a{padding-left: 10px;}

.xs{top: 0;}
.searchtcbox.animate{top:0}

.swiper-slide-thumb-active img{border: 2px #CECECE solid;}

.dbttitle{text-align: center; margin-top: 20px;}
.dbttitle h3{font-weight: bold;font-size: 22px;color: #4867b9;width: 100px;margin: 0 auto;}
.dbttitle h5{font-size: 14px;color: #4867b9;font-family: arial;border-left: 1px #cecece solid;border-right: 1px #cecece solid;width: 100px;margin: 0 auto; margin-top: 10px;background: #fff;}
.dbttitle::after{
	content: ' ';
	width:0;
	height: 1px;
	background: #cecece;
	position: absolute;
	bottom: 10px;
	left:0;
	z-index:-1;
	animation: example 1s forwards;
}

@keyframes example {
  /* 0%   {width: 0;transform: scaleX(0);transform-origin: center center;} */
	25%   {width: 25%;transform: scaleX(0);transform-origin: center center;}

	75%   {width: 75%;transform: scaleX(0);transform-origin: center center;}
  100% {width:100%;transform: scaleX(1);transform-origin: center center;}
}


.box4{height: 610px; background: url(../images/bj2.jpg) no-repeat;background-size:100% 100%;}
.nrtitle{text-align: center;font-weight: bold;font-size: 26px;color: #4967b7;height: 60px;line-height: 60px;padding-top: 20px;}
.nrtitleen{text-align: center;font-size: 14px;color: #4967b7; padding-top: 15px; }


.jyln img{display: block;float: left;}
.jyln span{display: block;width: 272px;float: left;margin-top:8px;margin-left: 10px;font-size: 18px;}
.jyln p{display: block;width: 272px;float: left;margin-top: 10px;margin-left: 10px;font-size: 12px;}

.aboutmore{display: block; width: 140px; height: 32px; color: #4a67b7; text-align: center; border: 1px #4a67b7 solid;border-radius:20px; margin-top: 10px;}
.aboutmore:hover{background: #4a67b7; color: #fff;}


.ysbix{
	background: #f7f7f7;height: 349px;width:100%;position: relative;cursor: pointer;transition: transform .35s;
}
.ysbix span{display: block;position: absolute;width: 148px;height: 148px;text-align: center;border:4px #fff solid; border-radius: 50%;top: -74px;left: 64px;transition: transform .35s;}
.ysbix h3{width: 100%;text-align: center;font-size: 20px;color: #4a66b9;position: absolute;top: 85px;}
.ysbix p{width: 100%;padding: 20px;display: block;top: 100px;left: 0;}

.ysbix .ystu1{background:  #66bae9 url(../images/a1.png) no-repeat;background-position: center center;}
.ysbix .ystu2{background:  #66bae9 url(../images/b1.png) no-repeat;background-position: center center;}
.ysbix .ystu3{background:  #66bae9 url(../images/c1.png) no-repeat;background-position: center center;}
.ysbix .ystu4{background:  #66bae9 url(../images/d1.png) no-repeat;background-position: center center;}

.ysbix:hover{transform: scale(1.1);transform-origin: center center; box-shadow: 0 3px 16px -2px #00fff0;}

.pronrbox{height: 554px; background:  #66bae9 url(../images/bj3.jpg) no-repeat;background-position: center center;background-size:100% 100%;}
.prolist .prolistbx{height:370px;background:#f2f2f2; margin-top:60px;position: relative;}
.provie{text-align: center;padding-top: 35px;}
.provie .himg{height: 244px;width: 244px;border: 1px #dedede solid;background: #fff;padding: 15%;}
.provie img{width: 100%;}
.provie span{display: block;line-height: 30px;margin-top: 10px;height: 60px;overflow: hidden;}
.provie .himg:hover{border: 1px #4a66b9 solid;}
.jiantoub1:after{font-size: 80px;}
.jiantoub2:after{font-size: 80px;}
.ckmore{width: 100%;}
.ckmore a{background: #f2f2f2;color: #4a66b9;  display: block; width: 170px;text-align:center;line-height: 45px;height: 45px;margin: 0 auto;margin-top: 36px;}
.ckmore a:hover{background: #4a66b9;color: #fff;}

.homefl{text-align: center;cursor:pointer;position: relative;}
.homefl .homeflgg {display: block;width: 105px;height: 99px;margin: 0 auto;-webkit-transition: all 0.6s ease-in;-moz-transition: all 0.6s ease-in;-ms-transition: all 0.6s ease-in;-o-transition: all 0.6s ease-in;transition: all 0.6s ease-in;cursor:pointer;-webkit-transition: 0.5s;transition: 0.5s}
.homefl .homefltitle{display: block;width: 105px;font-size: 16px;text-align: center;line-height: 25px;margin: 0 auto;padding-bottom: 20px;-webkit-transition: all 0.6s ease-in;-moz-transition: all 0.6s ease-in;-ms-transition: all 0.6s ease-in;-o-transition: all 0.6s ease-in;transition: all 0.6s ease-in;-webkit-transition: 0.5s;transition: 0.5s}
.homefl:hover .homefltitle{color: #1296db;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;}

.homefl .homefltu1{background: url(../images/f1.png) no-repeat;background-position: center center;}
.homefl .homefltu2{background: url(../images/f2.png) no-repeat;background-position: center center;}
.homefl .homefltu3{background: url(../images/f3.png) no-repeat;background-position: center center;}
.homefl .homefltu4{background: url(../images/f4.png) no-repeat;background-position: center center;}
.homefl .homefltu5{background: url(../images/f5.png) no-repeat;background-position: center center;}
.homefl .homefltu6{background: url(../images/f6.png) no-repeat;background-position: center center;}
.homefl .homefltu7{background: url(../images/f7.png) no-repeat;background-position: center center;}
.homefl .homefltu8{background: url(../images/f8.png) no-repeat;background-position: center center;}
.homefl .homefltu9{background: url(../images/f9.png) no-repeat;background-position: center center;}
.homefl .homefltu10{background: url(../images/f10.png) no-repeat;background-position: center center;}

.homefl:hover  .homefltu1{background: url(../images/f1-b.png) no-repeat;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2 ease-in;}
.homefl:hover  .homefltu2{background: url(../images/f2-b.png) no-repeat;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2 ease-in;}
.homefl:hover  .homefltu3{background: url(../images/f3-b.png) no-repeat;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2 ease-in;}
.homefl:hover  .homefltu4{background: url(../images/f4-b.png) no-repeat;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2 ease-in;}
.homefl:hover  .homefltu5{background: url(../images/f5-b.png) no-repeat;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2 ease-in;}
.homefl:hover  .homefltu6{background: url(../images/f6-b.png) no-repeat;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2 ease-in;}
.homefl:hover  .homefltu7{background: url(../images/f7-b.png) no-repeat;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2 ease-in;}
.homefl:hover  .homefltu8{background: url(../images/f8-b.png) no-repeat;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2 ease-in;}
.homefl:hover  .homefltu9{background: url(../images/f9-b.png) no-repeat;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2 ease-in;}
.homefl:hover  .homefltu10{background: url(../images/f10-b.png) no-repeat;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2 ease-in;}


.swiper-slide-thumb-active .homefltitle{color: #1296db;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;}
.swiper-slide-thumb-active   .homefltu1{background: url(../images/f1-b.png) no-repeat;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2 ease-in;}
.swiper-slide-thumb-active .homefltu2{background: url(../images/f2-b.png) no-repeat;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2 ease-in;}
.swiper-slide-thumb-active  .homefltu3{background: url(../images/f3-b.png) no-repeat;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2 ease-in;}
.swiper-slide-thumb-active .homefltu4{background: url(../images/f4-b.png) no-repeat;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2 ease-in;}
.swiper-slide-thumb-active .homefltu5{background: url(../images/f5-b.png) no-repeat;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2 ease-in;}
.swiper-slide-thumb-active .homefltu6{background: url(../images/f6-b.png) no-repeat;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2 ease-in;}
.swiper-slide-thumb-active  .homefltu7{background: url(../images/f7-b.png) no-repeat;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2 ease-in;}
.swiper-slide-thumb-active .homefltu8{background: url(../images/f8-b.png) no-repeat;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2 ease-in;}
.swiper-slide-thumb-active .homefltu9{background: url(../images/f9-b.png) no-repeat;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2 ease-in;}
.swiper-slide-thumb-active  .homefltu10{background: url(../images/f10-b.png) no-repeat;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2 ease-in;}


.homenew .ntime{width: 80px;height: 80px;background: #e9e9e9; color: #000;float: left;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;}
.homenew .ntime .ntime1{font-size:24px;display:block;width: 100%;text-align: center;line-height: 30px;padding-top: 12px;}
.homenew .ntime .ntime2{display:block;width: 100%;text-align: center;line-height: 30px;}
.homenew li{margin-top: 15px;position: relative; border-bottom: 1px #dddddd solid;padding-bottom: 4px;}
.homenew li h3{display: block;float: left;width: 695px;margin-left: 15px;}
.homenew li p{display: block;float: left;width: 695px;margin-left: 15px;font-size: 14px; color: #737373; line-height: 25px;margin-top:8px;}

.homenew li::after{
	content: ' ';
	width: 100%;
	height: 1px;
	background: #0087d5;
	position: absolute;
	bottom:-1px;
	left:0;
	z-index:1;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .8s;
}
.homenew li:hover::after{
	transform: scaleX(1);
}
.homenew li:hover .ntime{background: #0087d5; color: #fff;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3 ease-in;}
.homenew li:hover h3{color: #0087d5;}

.newrigh span{line-height: 20px;height: 20px;display:block;}
.newrigh h3{font-size: 18px;line-height: 30px;}
.newrigh p{height: 24px;line-height: 24px;}
.newrigh:hover h3{color: #0087d5;}

.footbox{background: #182029;padding-top: 40px;padding-bottom: 30px;}
.footl1 h5{display: block;line-height: 50px;color: #fff;width: 100%;}
.footl1 .fooinput{background: #fff;line-height: 42px;height: 42px;margin-top:10px;color: #b3b3b3; margin-right: 50px;}
.footl1 .fooinput input{text-decoration: none;outline: none;outline-width: 0 !important;border: 0;height: 42px;line-height: 42px;width: 90%;padding-left: 10px;}
.footl1 .fooinput1{line-height: 42px;height: 42px;margin-top:10px; margin-right: 50px;}
.footl1 .fooinput1 input{background: #e4392a;color: #fff;text-decoration: none;outline: none;outline-width: 0 !important;border: 0;height: 42px;line-height: 42px;width: 100%;padding-left: 10px;}

.footl2 h5{display: block;line-height: 50px;color: #fff;width: 100%;}
.footl2 li{width: 100%;height:40px;line-height:40px;color: #fff;}
.footl2 li i{color: #a3a6a9;margin-right:6px;}

.footl3{position: relative;}
.footlr3{float: right;width: 240px;}
.footl3 h5{display: block;line-height: 50px;color: #fff;width: 100%;}
.footl3 li{width: 100%;height:35px;line-height:35px;color: #fff;}
.footl3 li a{color: #fff;}
.footl3 li a:hover{color: #1296db;text-decoration:underline }
.footewm{position: absolute;right: 57px;top: 60px;background: #FF0000;width: 100px;height: 100px;color: #fff;
    text-align: center;
    font-size: 14px;}

.footcop{height: 50px;line-height: 50px;text-align: center;background: #000;color: #fff;}
.footcop a{color: #fff;}

.topbanner{height: 249px;background: #3c4a50;background: url(../images/about1.jpg) no-repeat;background-size:100% 100%;text-align: center;padding-top:70px;}
.topbanner1{height: 249px;background: #3c4a50;background: url(../images/about2.jpg) no-repeat;background-size:100% 100%;text-align: center;padding-top:70px;}

/* 公司简介 */
.topbanner span{color: #fff; font-size: 30PX;}
.topbanner h2{color: #fff; padding-top: 10px;padding-bottom: 10px;}

.aboutcont{position: relative;top: -30px;}
.robai{background: #ffffff;}
.atubox{text-align: center;padding-top: 20px;}
.acompconet h3{color: #6e6e6e; padding-top: 20px;padding-left: 10px;}
.acompconet h3 span{color: #0085d4;font-size: 16px;}
.acompconet p{}

.qywhbox{background: #f6faff;height: 750px;text-align: center;}
.qywhbox h3{color: #6e6e6e; padding-top: 30px;padding-left: 10px; padding-bottom: 30px;}
.qywhbox h3 span{color: #0085d4;font-size: 16px; margin-left: 6px;}

.qywbxbb{width: 100%; height: 273px; margin-top: 30px; cursor: pointer;transition: transform .35s;}
.qywbxbb h4{font-size: 22px;padding-top: 40px;padding-left: 30px;text-align: left;}
.qywbxbb p{padding-left: 30px;text-align: left; margin-top: 10px;display: block;width: 351px;}

.qywbxb1{background:#fff url(../images/qywb1.png) no-repeat;background-size: 100% 100%;}
.qywbxb2{background:#fff url(../images/qywb2.png) no-repeat;background-size: 100% 100%;float: right;}
.qywbxb3{background:#fff url(../images/qywb3.png) no-repeat;background-size: 100% 100%;}
.qywbxb4{background:#fff url(../images/qywb4.png) no-repeat;background-size: 100% 100%;float: right;}

.qywbxb1:hover {
	background:#f0ffff url(../images/qywb1.png) no-repeat;background-size: 100% 100%;
	transform: scale(1.03);transition: transform .4s;box-shadow: 0 5px 16px -2px #d0cece;
}
.qywbxb2:hover {
	background:#f0ffff url(../images/qywb2.png) no-repeat;background-size: 100% 100%;
	transform: scale(1.03);transition: transform .4s;box-shadow: 0 5px 16px -2px #d0cece;
}
.qywbxb3:hover{
	background:#f0ffff url(../images/qywb3.png) no-repeat;background-size: 100% 100%;
	transform: scale(1.03);transition: transform .4s;box-shadow: 0 5px 16px -2px #d0cece;
}
.qywbxb4:hover {
	background:#f0ffff url(../images/qywb4.png) no-repeat;background-size: 100% 100%;
	transform: scale(1.03);transition: transform .4s;box-shadow: 0 5px 16px -2px #d0cece;
}


.rybox{text-align: center;}
.rybox h3{color: #6e6e6e; padding-top: 30px;padding-left: 10px; padding-bottom: 30px;}
.rybox h3 span{color: #0085d4;font-size: 16px; margin-left: 6px;}

.coryzz{position: relative;}
.sili{background: #fff;cursor: pointer; line-height: 40px;font-size: 18px;text-align: center;box-shadow: 0 7px 5px -3px #d0cece;transition: transform .35s;}
.sili:hover{box-shadow: 0 7px 5px -3px #a5ddff;transform: scale(1.03);color:#0085d4 ;}
.sili span{display: block;}
.sili img{height: 260px;}
.robyxli{padding: 10px;}

.swiper-container-horizontal>.swiper-pagination-progressbar{
	display: inline-block;
	    width: 180px;
	    height: 2px;
	    position: absolute;
	    left: 50%;
	    top: 363px;
	    margin-left: -90px;
	    background: #d7d7d7;
}

#paginationbox .swiper-button-prev:after{font-size: 24px;}
#paginationbox .swiper-button-next:after{font-size: 24px;}
#paginationbox{
	position: relative;
	    width:265px;
	    height: 20px;
	    margin:33px auto 0;
}

.bofang{cursor: pointer;}
#videobf{
	display: none;
}
.viobox{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 19941206;text-align: center;}
.viobox img{
	position: absolute;
	    top: -43px;
	        right: -55px;
	    cursor: pointer;
	    width: 50px;
}

video::-webkit-media-controls-fullscreen-button {
        /* display: none; */
}
 video::-webkit-media-controls-play-button {

}

video::-webkit-media-controls-timeline {

}

video::-webkit-media-controls-current-time-display {

}

video::-webkit-media-controls-time-remaining-display {

}

video::-webkit-media-controls-mute-button {

}

video::-webkit-media-controls-toggle-closed-captions-button {

}

 video::-webkit-media-controls-volume-slider {

}

/* 联系我们 */
/* 公司简介 */
.topbanner1 span{color: #fff;font-size: 25PX;}
.topbanner1 h2{color: #fff; padding-top: 10px;padding-bottom: 10px;}

.conleft{width: 496px;height: 628px;background:url(../images/conbj.jpg) no-repeat;background-size: 100% 100%; margin-top:40px;padding-left:25px;color: #fff;}
.conleft h3{font-size: 24px;color: #fff;padding-top:35px;display: block;}
.conleft p{color: #fff; line-height: 30px;font-size: 12px;}
.conleft li{color: #fff;line-height: 50px; width: 100%;}
.conleft .concompname{font-size: 22px; padding-top: 20px;padding-bottom:10px;}
.conleft .conpic{margin-top:30px;}
.conleft li i{margin-right: 10px;}

.conright h3{font-size: 24px;padding-top: 35px;}
.conright li{width: 100%;margin-top:25px;}
.conright input{text-decoration: none;outline: none;outline-width: 0 !important;background: #eaeaea;height: 58px;border: 0;border-radius:5px;color: #8f8f8f;padding-left: 10px;font-size: 14px;}

#textar{width: 100%;text-decoration: none;outline: none;outline-width: 0 !important;background: #eaeaea;border: 0;border-radius:5px;color: #8f8f8f;padding-left: 10px;font-size: 16px;line-height: 30px;}
#mesubmit{width: 100%;background: #1c9add;font-size: 18px;color: #fff;}
#title{width: 100%;}
#contacts{width: 47%;}
#tel{width: 50%;float: right;}
#email{width: 100%;}

.tutitle{background: #f3f3f3; height: 60px;line-height: 60px;}
.newtclbox{border-bottom: 1px #dddddd solid; position: relative;}

.newclass {margin-left:23%;}
.newclass li a{display: block;line-height: 40px;height: 40px;text-align: center;width: 154px;margin-right: 6px;background: #f3f3f3;}
.newclass li a:hover{background: #1c9add;color: #fff;}
.newclass li .nactive{background: #1c9add;color: #fff;}


.newclass1 {margin-left: 45px;}
.newclass1 li{width: 24%;}
.newclass1 li a{display: block;line-height: 40px;height: 40px;text-align: center;width: 100%;margin-right: 6px;background: #f3f3f3;}
.newclass1 li a:hover{background: #1c9add;color: #fff;}
.newclass1 li .nactive{background: #1c9add;color: #fff;}


.newlixiaob{ border-bottom:1px solid #f3f3f3 ;padding-bottom: 13px;margin-bottom: 32px;position: relative;}
.newlixiaob img{display: block;border: 0;padding: 0;margin: 0;width: 211px;height: 155px;float: left;}
.newlixiaob h3 {display:block;padding-left: 10px;font-size: 16px;float: right;width: 370px;line-height: 25px; margin-top: -1px;height: 50px;}
.newlixiaob p{margin: 0;display:block;padding-left: 10px;float: right;width: 370px;line-height: 26px;font-size: 14px;height: 78px;overflow: hidden;}
.newlixiaob span{display: block;float: left;padding-left: 10px;font-size: 12px; margin-top: 10px; padding-left: 16px;font-size: 14px;}
.newlixiaob::after{
	content: ' ';
	width: 100%;
	height: 1px;
	background: #0087d5;
	position: absolute;
	bottom:-1px;
	left:0;
	z-index:1;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .8s;
}

.newlixiaob:hover h3{color:#1c9add ;}
.newlixiaob:hover::after{
	transform: scaleX(1);
}
.newlixiaob:hover img{box-shadow: 0 3px 16px -2px #e1f4ff;}

.leftbox{width: 312px;float:left;}
.righbox{width: 870px;float: right;background: #fff;padding: 20px;}
.righboxpro{width: 870px;float: right;background: #f3f3f3;padding: 20px;padding-top: 0;}
.righbox h4{font-size:18px;display: block;width: 100%;line-height: 60px;border-bottom: 1px #f3f3f3 solid;text-align: center;}
.righbox span{font-size:14px;display: block;width: 100%;line-height: 60px;border-bottom: 1px #f3f3f3 solid;text-align: center;color: #a2a2a2;}
.righbox .nrob{padding-top: 20px;padding-bottom: 50px;line-height:30px; font-size: 14px;}
.righbox .nrob p{margin: 0;padding: 0;margin-block-start:0;margin-block-end:0;height:auto;}
.righbox .nrob span{margin: 0;padding: 0;display: inline;}


.leftbox .lflbox{width: 312px;background: #fff;padding: 20px;}
.lflbox h4{font-size: 18px;margin-bottom:20px;position: relative;}
.lflbox h4::after{
	content: ' ';
	width: 50px;
	height: 2px;
	background: #0087d5;
	position: absolute;
	bottom:-10px;
	left:0;
	z-index:1;
}
.lflbox li{width: 100%;line-height:25px;border-bottom: 1px #eee solid;position: relative;padding-top: 10px;padding-bottom: 10px;}
.lflbox li::after{
	content: ' ';
	width: 100%;
	height: 1px;
	background: #0087d5;
	position: absolute;
	bottom:-1px;
	left:0;
	z-index:1;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .8s;
}
.lflbox li:hover::after{
	transform: scaleX(1);
}
.lflbox i{margin-right: 6px;}
.lflbox li a{display: block;width: 100%;transition: transform .35s;}
.lflbox li a:hover{
	transform:translate(10px,0);
}


.lflbox .flactiove::after{transform: scaleX(1);}
.lflbox .flactiove a{color: #0087d5;transform:translate(10px,0);}

.shanyipian{width: 100%;}
.shanyipian p{font-size: 12px;}
.shanyipian p  a{font-size: 12px;}


.leftbox .morenew{width: 312px;background: #fff;padding: 20px;margin-top: 30px;}
.morenew h4{font-size: 18px;margin-bottom:20px;position: relative;}
.morenew h4::after{
	content: ' ';
	width: 50px;
	height: 2px;
	background: #0087d5;
	position: absolute;
	bottom:-10px;
	left:0;
	z-index:1;
}
.morenew li{display:block;width: 100%;}
.morenew li img{width: 100%;max-height: 200px;transition: transform .35s;}
.morenew li h5{font-size: 16px;display: block;width: 100%;height: 30px;line-height: 30px;overflow: hidden;}
.morenew li p{font-size: 12px; color: #afafaf;}
.morenew li:hover h5{color:#0087d5}
.morenew li:hover img{transform: scale(1.01);box-shadow: 0 3px 16px -2px #e1f4ff;}

.protu1{width:100%;background: #fff;margin-bottom: 15px;box-shadow: 0 3px 16px -2px #d0cece;position: relative;overflow: hidden;cursor: pointer;text-align: center;
    padding-top: 20px;}
.protu1 img{width: 50%;}
.protu1 h5{display: block;height: 50px;line-height: 50px;text-align: center;border-top: 1px #afafaf solid;font-size: 16px;}
.protu1 h6{display: block;text-align: center;padding-bottom: 25px;overflow: hidden;
    height: 39px;}
.hclear{clear: both;}

.prohov{position: absolute;top:0;left: 0;height:237px;width: 100%;padding:20px;color: #fff; border: 3px #fff solid;transition: transform .35s;-webkit-transform: translateY(calc(100%));transform: translateY(calc(100%));}

.prohov .bjran{background: #0087d5; width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: -1;opacity:0.5}

.prohov p{display: block;width: 100%;text-align: center;margin-top: 3px;}
.prohov:hover{color: #fff;}
.proc1{display: block;height: 25px;line-height: 25px; font-size: 14px;text-align: left;}
.proc2,.proc3{display: block;line-height: 25px; font-size: 14px;text-align: left;}

.protu1:hover .prohov{transform: scaleY(1);}
.protu1:hover{box-shadow: 0 3px 16px -2px #0087d5;}


.leftbox .lsearchbox{width: 312px;background: #fff;padding: 20px; padding-bottom: 40px;}
.lsearchbox h4{font-size: 18px;margin-bottom:20px;position: relative;}
.lsearchbox h4::after{
	content: ' ';
	width: 50px;
	height: 2px;
	background: #0087d5;
	position: absolute;
	bottom:-10px;
	left:0;
	z-index:1;
}
.inpub{width: 100%;height: 44px;border: 1px #1296db solid;background: #f9f9f9;margin-top:20px;}
.inpub input{text-decoration: none;outline: none;outline-width: 0 !important;background: #f9f9f9; height: 42px;line-height: 42px;padding-left: 10px;border: 0;width:213px;display: block;float: left;}
.inpub span{background:#1296db ;display: block;width: 46px;height: 42px;text-align: center;float: right;padding-top: 6px;}
.inpub span img{width: 30px;}


.leftbox .lsearchbox1{width: 312px;background: #fff;padding: 20px; padding-bottom: 40px;box-shadow: 0 3px 16px -2px #d0cece;}
.lsearchbox1 h4{font-size: 18px;margin-bottom:10px;position: relative;font-weight: bold;padding-bottom: 10px;color:#0087d5;margin-top: 40px;}


.lsearchbox1 li{display:block;width: 100%; padding:10px 20px;}
.lsearchbox1 li img{width: 100%;transition: transform .35s;}
.lsearchbox1 li h5{font-size: 16px;display: block;width: 100%;height: 30px;line-height: 30px;overflow: hidden;}
.lsearchbox1 li p{font-size: 12px; color: #afafaf;}
.lsearchbox1 li:hover h5{color:#0087d5}
.lsearchbox1 li:hover img{transform: scale(1.01);box-shadow: 0 3px 16px -2px #e1f4ff;}

.pvtit{width:100%;border-bottom: 1px #dcdcdc solid;height: 40px;line-height: 40px;}
.pvtit h3{display: block;float: left;height: 40px;line-height: 40px;font-weight: bold;font-size: 20px;}
.pvtit span{display: block;float: right;}
.pvpronr{width: 100%;}
.pvpronr ul{margin-top: 20px;}
.pvpronr li{width: 100%;margin-bottom: 10px;}
.pvpronr h6{display: block;width: 85px;float: left;line-height: 25px;}
.pvpronr li span{display: block;float: left;width:602px;font-size: 16px;line-height: 25px;}
.pvpronr .mftitle{padding-top: 16px; color: #0085d4;font-size:18px;}
.pvpronr .zyan{margin-top: 13px;}
.pvpronr .zyan a{display: block;background: #0085d4; color: #fff; width:122px;height: 44px;line-height: 44px;text-align: center;border-radius:3px;box-shadow: 0 3px 2px 1px #d0cece;}


#guanbian:hover{
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-webkit-animation: rotation 5s infinite linear;
	animation: rotation 5s infinite linear
}

@-webkit-keyframes rotation {
	from {
		-webkit-transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(360deg)
	}
}