/*头部公用样式*/
.imgZoom img,.imgY180 img,.imgZoom ._img,.imgY180 ._img{ -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
.imgZoom:hover ._img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover ._img{ cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
html{
    overflow-x: hidden;
}

.fl{
	float: left;
}
.fr{
	float: right;
}
.top-head{
	height: 39px;
	border-bottom: 1px solid #d2d2d2;
}

.wel{
	font: normal 14px/39px "微软雅黑";
	color: rgba(1, 1, 1, 0.8);
}
.wel p{
	margin: 0;
}
.k1{
	font: normal 14px/39px "微软雅黑";
	color: rgba(1, 1, 1, 0.8);
}
.k1 a{
	color: rgba(1, 1, 1, 0.8);
}
.header-top{ width:100%; height:38px; line-height:38px; background:#0473ca; color:#fff; z-index:99999;}
.header-top .tel{ width:100%; float:left; font-size:18px; }
.page-head{ position:fixed; width:100%; z-index:99999; background:#fff; box-shadow:0 0 20px rgba(0,0,0,.2)}
.wrap{
	max-width: 1430px;
	margin: 0 auto;
	padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.page-head-left .logo {
	display: block; margin-top:10px;
	-webkit-transition: all .7s;
	transition: all .7s;
	line-height: 100px;
}

.page-head-left .logo h1 {
	display: inline-block;
	margin: 0;
	vertical-align: middle;
}

.page-head-left .logo img {
	max-width: 100%;
}

.page-head-right .page-head-links {
	margin: 20px 0;
	color: #fff;
	-webkit-transition: all .7s ease;
	transition: all .7s ease;
	overflow: hidden;
	height: 20px;
	opacity: 1;
}

.page-head-right .page-head-links a {
	color: #fff;
	padding: 0 10px;
}

.page-head-navbar {
	position: relative;
	-webkit-transition: all .7s ease;
	transition: all .7s ease;
}

.page-head-navbar .xy-search {
	position: absolute;
	right: 0;
	top: 0;
	width: 130px;
	height: 30px;
	border: 1px solid #fff;
	border-radius: 15px;
	background-color: rgba(255, 255, 255, 0.1);
}

.page-head-navbar .xy-search #keyword {
	float: left;
	width: 80%;
	height: 28px;
	background: none;
	border: none;
	color: #fff;
	padding-left: 10px;
	font-size: 12px;
	outline: none;
}

.page-head-navbar .xy-search #s_btn {
	float: right;
	width: 20%;
	height: 28px;
	background: none;
	font-size: 18px;
	color: #fff;
	border: none;
	cursor: pointer;
	padding: 0;
	outline: none;
}

@media (max-width: 1200px) {
.page-head-left .logo {
	line-height:70px;
}
}
@media (max-width: 968px) {
.header-top{
		display: none;
	}
}
@media (max-width: 768px) {
	.page-head {
		display: none;
	}
}


.mob-qh{ 
    width: 100px;
    position: absolute;
    color: #fff;
    right: -17px;
    margin-top: -20px;
}
.mob-qh p a{ 

    color: #fff;

}


/* 导航样式 */

.page-head-right{
    width: 72%;
}
.page-menu > li {
	float: left;
	width: 14%;
	position: relative;
}
.page-menu > li > a {
	display: block;
	text-align: center;
	font-size: 20px;  font-weight: 600;  
	color: #333;
	line-height: 100px;
}

.page-menu > li:hover > a{color: #0473ca; border-bottom:2px solid #0473ca;
}



.page-menu .page-sub-menu {
	display: none;
	position: absolute;
	width: 180%;
	border-top: 2px solid #0473ca;
	left: -30px;
	top: 100px;
	-webkit-box-shadow: 0px 4px 6.86px 0.14px rgba(8, 1, 3, 0.52);
	        box-shadow: 0px 4px 6.86px 0.14px rgba(8, 1, 3, 0.52);
	background: #fff;
	padding-bottom: 4px;
	z-index: 9999;
}

.page-menu .page-sub-menu > li {
	border-bottom: 1px solid #e5e5e5;
}

.page-menu .page-sub-menu > li > a {
	display: block;
	line-height: 40px;
	font-size: 14px;
	color: #989898;
	position: relative;
	padding-left: 15%;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	padding-right: 15%;
}

.page-menu .page-sub-menu > li > a:after {
	position: absolute;
	right: 12%;
	top: calc(50% - 3.5px);
	content: '';
	width: 5px;
	height: 7px;
	background: url(../images/xy-sub-nav-jt.png) 0 -7px no-repeat;
}

.page-menu .page-sub-menu > li > a:hover {
	background: #ececec;
	color: #4a4a4a;
	padding-left: 22%;
}

.page-menu .page-sub-menu > li > a:hover:after {
	background-position: 0 0;
}

@media (max-width: 1200px) {
	.page-menu > li > a {
		font-size: 16px; line-height:80px;
	}

	.page-menu .page-sub-menu > li > a {
		line-height: 35px;
		font-size: 15px;
	}
}

 @-webkit-keyframes scaleUpDown { from { -webkit-transform: scale(1.18); transform: scale(1.18); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } 
 @keyframes scaleUpDown { from { -webkit-transform: scale(1.18); transform: scale(1.18); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } 
@-webkit-keyframes colorSlide {
	 	 0% {
	  	    height:0;
	  	  }

  	 90%{
  	  	height:40px;
  	  }


	}

	@keyframes colorSlide {
		 	 0% {
	  	    height:0;
	  	  }

	  	 90%{
	  	  	height:40px;
	  	  }
	}
	@-webkit-keyframes trackBallSlide {
	  0% {
	    opacity: 1;
	    -webkit-transform: scale(1) translateY(-8px);
	            transform: scale(1) translateY(-8px);
	  }
	  34% {
	    opacity: 1;
	    -webkit-transform: scale(0.9) translateY(4px);
	            transform: scale(0.9) translateY(4px);
	  }
	  68% {
	    opacity: 0;
	    -webkit-transform: scale(0.4) translateY(16px);
	            transform: scale(0.4) translateY(16px);
	  }
	  100% {
	    opacity: 0;
	    -webkit-transform: scale(0.4) translateY(-8px);
	            transform: scale(0.4) translateY(-8px);
	  }

	}
	@keyframes trackBallSlide {
	  0% {
	    opacity: 1;
	    -webkit-transform: scale(1) translateY(-8px);
	            transform: scale(1) translateY(-8px);
	  }
	  34% {
	    opacity: 1;
	    -webkit-transform: scale(0.9) translateY(4px);
	            transform: scale(0.9) translateY(4px);
	  }
	  68% {
	    opacity: 0;
	    -webkit-transform: scale(0.4) translateY(16px);
	            transform: scale(0.4) translateY(16px);
	  }
	  100% {
	    opacity: 0;
	    -webkit-transform: scale(0.4) translateY(-8px);
	            transform: scale(0.4) translateY(-8px);
	  }
	}
@-webkit-keyframes nudgeMouse {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

}
@keyframes nudgeMouse {
 0% {
	    -webkit-transform: translateY(0);
	            transform: translateY(0);
	  }
	  50% {
	    -webkit-transform: translateY(8px);
	            transform: translateY(8px);
	  }
	  100% {
	    -webkit-transform: translateY(0);
	            transform: translateY(0);
	  }
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #fff;
}
.indexbanner{ margin-top:90px;}
.indexbanner_img{position:relative; width:100%; height:820px;}
.indexbanner_pc_img{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;  }
.swiper-slide-active .indexbanner_pc_img { animation: scaleUpDown 6s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.indexbanner_img_cir{ left:50%; top:50%; background-color:#0d6fb8; opacity:.15;border-radius:50%;transform:translate(-50%, -50%);position:absolute; width:32.55208333333333vw; height:32.55208333333333vw; z-index:1;}
.indexbanner_img_desc{ width:100%;position:absolute; left:0; top:50%; z-index:10; text-align:left; color:#fff;transform:translateY(-50%);}
.indexbanner_img_desc_mid_1{font-size:22px; line-height: 38px; font-family: 'GenBasR'; width: 55%;}
.indexbanner_img_desc_mid_2{margin-bottom:1vw;font-size:50px; margin-top:0; letter-spacing:2px; font-weight: bold; }
.indexbanner_img_desc_mid_2.animated{ -webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.indexbanner_img_desc_mid_1.animated{ -webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.index_banner_left{ color:#fff; z-index:100; top:50%;cursor:pointer;position:absolute; left:4.94791666666667%!important;transform:translateY(-50%);}
.index_banner_left span{ color:#fff;display:block; position:relative; padding:.15em 0; font-size:2.5vw;}
.index_banner_left span:before{transition:.8s cubic-bezier(.14,1,.34,1) 0s;content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background-color:#fff;}
.index_banner_right{ color:#fff; z-index:100; top:50%; cursor:pointer;position:absolute; right:4.94791666666667%!important;transform:translateY(-50%);}
.index_banner_right span{ color:#fff;display:block; position:relative; padding:.15em 0; font-size:2.5vw;}
.index_banner_right span:before{transition:.8s cubic-bezier(.14,1,.34,1) 0s;content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background-color:#fff;}
.index_banner_left:hover span:before,.index_banner_right:hover span:before{left:10%; width:80%;}
.banner_right_act{ width: 6%; position: absolute; right: 14%; bottom: 25PX;}
.indexbanner .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 25PX;}
.indexbanner .swiper-button-next,.indexbanner .swiper-button-prev{position:absolute;top:50%;width:36px;height:36px; border: 1PX solid #FFF; border-radius: 100%;  margin-top:-18px;z-index:10;cursor:pointer;background-size:10px 18px;background-position:center;background-repeat:no-repeat}
.sub-mouse{position:absolute; width: 23px;height: 40px; cursor:pointer;background:url(../images/banner_mouse_ico.png) no-repeat -23px 0px;-webkit-animation: nudgeMouse 1.6s linear infinite;animation: nudgeMouse 1.6s linear infinite; bottom:35px; left:9%; z-index:1;}
.sub-mouse:after,.banner_mouse:before{content: "";position: absolute; z-index: 9;}
.sub-mouse:before{width:23px;height:40px;background:url(../images/banner_mouse_ico.png) no-repeat 0px 0px;-webkit-animation: colorSlide 1.6s linear infinite;animation: colorSlide 1.6s linear infinite;top:0;left:0;}
.sub-mouse:after{background-color: #ffffff;width: 4px;height: 4px;border-radius: 100%;-webkit-animation: trackBallSlide 1.6s linear infinite;animation: trackBallSlide 1.6s linear infinite;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
.indexbanner .swiper-button-next,.indexbanner .swiper-button-prev{position:absolute;top:50%;width:36px;height:36px; border: 1PX solid #FFF; border-radius: 100%;  margin-top:-18px;z-index:10;cursor:pointer;background-size:10px 18px;background-position:center;background-repeat:no-repeat}
.banner_mouse{position:absolute; width: 23px;height: 40px;cursor:pointer;background:url(../images/banner_mouse_ico.png) no-repeat -23px 0px;-webkit-animation: nudgeMouse 1.6s linear infinite;animation: nudgeMouse 1.6s linear infinite; bottom:35px; left:9%; z-index:1;}
.banner_mouse:after,.banner_mouse:before{content: "";position: absolute;}
.banner_mouse:before{width:23px;height:40px;background:url(../images/banner_mouse_ico.png) no-repeat 0px 0px;-webkit-animation: colorSlide 1.6s linear infinite;animation: colorSlide 1.6s linear infinite;top:0;left:0;}
.banner_mouse:after{background-color: #ffffff;width: 4px;height: 4px;border-radius: 100%;-webkit-animation: trackBallSlide 1.6s linear infinite;animation: trackBallSlide 1.6s linear infinite;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
.indexbanner_mo_img{ display:none;position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
@media (max-width: 768px) {
.indexbanner{ margin-top:60px;}
}
.ab-tu {
    margin-top: 52px;
}

.ab-tu .tabli2 {
    width: 22%;
}

.ab-tu .ab-tu-img {
    width: 75%;
    float: right;
}
@media (max-width: 1366px) {
.ab-tu .tabli2 {
    width: 18%;
}

.ab-tu .ab-tu-img {
    width: 80%;
}
	
}
@media (max-width: 566px) {
.ab-tu .tabli2 {
    width: 25%;
}

.ab-tu .ab-tu-img {
    width: 72%;
}
	
}
.ab-tu .tabli2 ul li {
    width: 100%;
    height: 110px;
    background: #d3d3d3;
    text-align: center;
    font-size: 22px;
    color: #333;
    padding-top: 30px;
    cursor: pointer;
}

.ab-tu .tabli2 ul li span {
    display: block;
    font-size: 12px;
    font-family: Arial;
    color: #999;
    text-transform: uppercase;
}

.ab-tu .tabli2 ul li.cur {
    background: url(../images/ab1.png) no-repeat center;
    color: #fff;
}

.ab-tu .tabli2 ul li.cur span {
    color: rgba(255, 255, 255, 0.5);
}

.ab-tu .ab-tu-img .tab2 {
    display: none;
}

.ab-tu .ab-tu-img .picScroll-left2 .bd {
    overflow: hidden;
}
.ab-tu .ab-tu-img .picScroll-left2 .bd ul li {
    width: 242px;
    height: 220px;
    float: left;
    margin-right: 18px;
}

.ab-tu .ab-tu-img .picScroll-left2 .bd ul li img {
    width: 242px;
    height: 220px;
}
.ab-tu .ab-tu-img .picScroll-left2 .bd ul li.li1 {
    width: 182px;
    height: 220px;
    float: left;
    margin-right: 18px;
}

.ab-tu .ab-tu-img .picScroll-left2 .bd ul li.li1 img {
    width: 182px;
    height: 220px;
}

.index-tlt {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 30px;
}

.index-tlt h2 {
    font-size: 38px;
    font-weight: bold;
    color: #333;
}

.index-tlt h2 span {
    color: #0473ca;
}

.index-tlt h3 {
font-size: 18px;
color: #999;
line-height: 40px;
background: url(../images/line02.png) no-repeat center;
}
@media screen and (max-width: 625px){
.index-tlt {
padding-top: 20px;
padding-bottom: 10px;
}
.index-tlt h2 {
font-size: 28px;
}
.index-tlt h3 {
font-size: 16px;
}
.ab-tu .tabli2 ul li {
font-size: 18px;
}
}
@media screen and (max-width: 625px){
.index-tlt h2 {
font-size: 24px;
}	
}
/*首页产品中心部分*/


.slideBox .hd ul li {width:19%;margin:16px 4px;float:left;position:relative;}
.slideBox .hd ul li img {width:100%;height:auto;position:relative;}
.slideBox .hd ul li:hover img,.slideBox .hd ul li.on img {-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;}
.slideBox .hd ul li .p-tlt {width:100%;position:absolute;bottom:35px;text-align:center;font-weight:300;font-size:18px;}
.slideBox .hd ul li .p-tlt a {color:#fff;}

@media (max-width: 992px) {
.slideBox .hd ul li .p-tlt { bottom:15px;}
}
@media (max-width: 768px) {
.slideBox .hd ul li {width:31%;}	
	.slideBox .hd ul li .p-tlt { bottom:25px;}
}
@media (max-width: 468px) {
.slideBox .hd ul li {width:48%;}

}
.index-c1{
   padding-top: 60px;
}

.tlt{
	border-bottom: 1px solid #e8f0f8;
	font: normal 18px/50px "微软雅黑";
	color: #000;
	margin-bottom: 30px;
}
.tlt span{
	color: rgba(0, 0, 0, 0.6);
	font-size: 12px;
	padding-left: 10px;
	text-transform: uppercase;
}
.tlt a{
	float: right;
	font-size: 16px;
	font-weight: 100;
	color: #000;
}
@media (max-width:767px) {
.tlt{	margin-bottom: 10px;}
	
}

.nybanner {width: 100%;height: 300px;overflow: hidden;position: relative;}
.nybanner img {width: 1920px;display: block;position: absolute;left: 50%;margin-left: -960px;top: 0;}
.neiye {padding-top: 20px;padding-bottom: 30px;background: none;}
.neiye .neiye-l {width: 24%;}
.neiye .neiye-l .nydh {background: #fff;}
.neiye .neiye-l .nydh .title {width: 100%;height: 72px;background: #0473ca;text-align: center;padding-top: 20px;}
.neiye .neiye-l .nydh .title p {font-size: 24px;color: #fff;font-weight: bold;}
.neiye .neiye-l .nydh .title span {display: block;font-size: 12px;color: rgba(255,255,255,0.3);margin-top: 5px;}
.neiye .neiye-l .nydh .ul {width: 100%;border: 1px solid #e9e9e9;border-top: none;}
.neiye .neiye-l .nydh .ul li {display: block;width: 100%;height: 58px;line-height: 58px;border-top: 1px solid #e9e9e9;background: url(../images/nydh-li.png) no-repeat 20px center;padding-left: 46px;font-size: 15px;transition: all .5s;}
.neiye .neiye-l .nydh .ul li a {color: #575757;display: block;}
.neiye .neiye-l .nydh .ul li:hover, .neiye .neiye-l .nydh ul li.on {background: url(../images/nydh-li-on.png) no-repeat 20px center;}
.neiye .neiye-l .nydh .ul li:hover a, .neiye .neiye-l .nydh ul li.on a {color: #0473ca;}
.neiye .neiye-l .nydh .sideMenu {width: 100%;border: 1px solid #e9e9e9;border-top: none;}
.neiye .neiye-l .nydh .sideMenu .dh {margin: 0 auto;background: #fff;}
.neiye .neiye-l .nydh .sideMenu .dh p {height: 58px;line-height: 58px;background: url(../images/nydh-li.png) no-repeat 17px center #efefff;padding-left: 37px;font-size: 16px;color: #575757;cursor: pointer;border-top: 1px solid #e9e9e9;}
.neiye .neiye-l .nydh .sideMenu .dh p a {color: #575757;display: block;}
.neiye .neiye-l .nydh .sideMenu .dh p a:hover {color: #0473ca;}
.neiye .neiye-l .nydh .sideMenu .dh ul {background: #fff;}
.neiye .neiye-l .nydh .sideMenu .dh ul li {height: 47px;line-height: 47px;padding-left: 39px;font-size: 14px;color: #585858;background: url(../images/s_li.png) no-repeat 26px center;border-bottom: 1px solid #e9e9e9;}
.neiye .neiye-l .nydh .sideMenu .dh ul li:last-child {border-bottom: 0;}
.neiye .neiye-l .nydh .sideMenu .dh ul li a {color: #585858;}
.neiye .neiye-l .nydh .sideMenu .dh ul li a:hover {color: #0473ca;}
.neiye .neiye-l .nydh .sideMenu .dh p.on {background: url(../images/nydh-li-on.png) no-repeat 17px center #efefff;}
.neiye .neiye-r {width: 72%;}

@media only screen and (max-width:760px) {
	.neiye .neiye-l {width: 0; display:none}

	.neiye .neiye-r {width:100%;}
	
}
.left {float: left;}
.right {float: right;}
.box {margin: 0 auto;}
.box:after {content: "";display: block;height: 0px;visibility: hidden;clear: both;}
.max:after {content: "";display: block;height: 0px;visibility: hidden;clear: both;}
.nylx {width: 100%;margin-top: 16px;background: #fff;}
.nylx .title {width: 100%;height: 50px;background: #0473ca;padding-left: 24px;color: #fff;font-size: 17px;font-weight: bold;line-height: 50px;box-sizing: border-box;position: relative;}
.nylx .title:after {content: "";width: 5px;height: 15px;background: #fff;border-radius: 5px;position: absolute;left: 12px;top: 17px;}
.nylx .title span {display: inline-block;font-size: 12px;color: rgba(255,255,255,0.2);margin-left: 5px;font-weight: normal;}
.nylx .contact {width: 100%;border: 1px solid #e9e9e9;border-top: none;padding-top: 15px;box-sizing: border-box;}
.nylx .contact .tel {width: 255px;margin: 0 auto 15px;border-bottom: 1px solid #e9e9e9;padding-bottom: 15px;}
.nylx .contact .tel img {display: block;margin: 0 auto;margin-bottom: 15px;}
.nylx .contact .tel span {display: block;text-align: center;font-size: 14px;color: #aeaeae;}
.nylx .contact .tel b {display: block;text-align: center;margin-top: 5px;font-size: 26px;color: #0473ca;}
.nylx .dizhi {width: 255px;margin: 0 auto;font-size: 14px;color: #5d5d5d;line-height: 29px;padding-left: 5px;padding-bottom: 10px;}
.newsnav {width: 100%;height: 58px;line-height: 58px;border-bottom: 1px solid #e5e5e5;margin-bottom: 15px;}
.newsnav .more {float: right;font-size: 15px;color: #999;}
.newsnav .more a {color: #999;}
.newsnav a.more:hover {color: #0473ca}
.newsnav .more a:hover {color: #0473ca}
.newsnav p {font-size: 22px;color: #000000;padding-left: 13px;border-bottom: 2px solid #0473ca;height: 57px;line-height: 57px;display: inline-block;position: relative;}
.newsnav p:after {content: "";width: 5px;height: 18px;background: #0473ca;position: absolute;left: 0;top: 20px;}
.newsnav span {display: inline-block;font-size: 13px;color: #c2c2c2;margin-left: 5px;}

.neiye .pro_list li {display: block;float: left;width: 296px;margin-right: 20px;background: #fff;box-sizing: border-box;transition: all .5s;border: 1px solid #e1e1e1;margin-bottom: 15px;}
.neiye .pro_list li:last-child {margin-right: 0;}
.neiye .pro_list li .pic {display: block;width: 100%;position: relative;padding-top: 75%;overflow: hidden;}
.neiye .pro_list li img {display: block;position: absolute;width: 100%;min-height: 100%;left: 0;top: 0;transition: all .5s;}
.neiye .pro_list li a.t {display: block;text-align: center;height: 46px;line-height: 46px;font-size: 14px;color: #666;}
.neiye .pro_list li:hover {box-shadow: 0px 10px 15px rgba(0,0,0,.1);-webkit-transform: translate3d(0, -5px, 0);transform: translate3d(0, -5px, 0);}
.neiye .pro_list li .pic:hover img {-webkit-transform: scale(1.12);transform: scale(1.12);}
.neiye .pro_list li a.t:hover {color: #0473ca;}

.newslist {margin-top: -15px;}
.newslist ul li:after {content: "";display: block;height: 0px;visibility: hidden;clear: both;}
.newslist ul li {border-bottom: 1px dashed #d8d8d8;-webkit-transition: all .4s ease-in-out 0s;transition: all .4s ease-in-out 0s;padding: 15px 0;}
.newslist ul li img {display: block;float: left;width: 197px;height: 124px;margin-right: 15px;}
.newslist ul li .t {height: 40px;line-height: 40px;overflow: hidden;}
.newslist ul li .t a {font-size: 16px;color: #303030;font-weight: bold;}
.newslist ul li .t span {float: right;font-size: 14px;color: #b0b0b0;}
.newslist ul li p {font-size: 14px;color: #939393;line-height: 22px;text-align: justify;}
.newslist ul li a.more {font-size: 14px;color: #0473ca;display: inline-block;margin-top: 10px;}
.newslist ul li .t a:hover {color: #0473ca;}

.danye {font-size: 15px;line-height: 28px;color: #434343;text-align: justify;}
.danye p {margin-bottom: 15px;}
.danye img {max-width: 100%;}
.biaoti {width: 100%;margin: 0 auto;text-align: center;border-bottom: 1px solid #e8e8e8;padding-bottom: 15px;margin-bottom: 25px;}
.biaoti h1 {font-size: 24px;color: #000;font-weight: normal;}
.biaoti p {font-size: 14px;color: #ccc;margin-top: 15px;}

.fn {width: 100%;margin: 0 auto;margin-top: 30px;border-top: 1px solid #e8e8e8;padding-top: 10px;padding-bottom: 30px;}
.fn p {font-size: 14px;line-height: 30px;color: #565656}
.fn p a {color: #565656}
.fn p a:hover {color: #0473ca;}
.mobnav { display:none;}
@media only screen and (max-width:640px) {
.mobnav {position: fixed;bottom: 0;width: 100%;z-index: 99999; display:block;}
.mobnav ul {margin-bottom:0;}
.mobnav ul li {width:49.7%;background: #116cbf;float: left; height:50px; padding-top:8px; border-right: 1px solid #6494bf;list-style: none;}
.mobnav ul li a {display: block;color: #fff;text-align: center;}
.mobnav ul li a:hover{text-decoration: initial;}
.mobnav ul li a i {display: block;font-size: 20px; }
.biaoti h1 {font-size: 20px;}
}

.indexchosse {background: url(../images/fabg.jpg) no-repeat center 0/cover #f5f5f5;}
.indexchosse .index-tlt h2 {color: #fff; }
.indexchosse .index-tlt h2 span {color: #fff;}
.indexchosse .index-tlt h3 {color: #fff; }


.in-jjfa{margin-left:-28px; margin-top:40px;}
.in-jjfa li{float:left;width:25%}
.in-jjfa li a{display:block;background-color:#fff;margin-left:28px;border-bottom:3px solid #ddd}
.in-jjfa li .img-cover{position:relative}
.in-jjfa li .img-cover span{padding-top:66.7%}
.in-jjfa li .img-cover p{background-color:rgba(0,0,0,.6);color:#fff;position:absolute;left:0;bottom:0;width:100%;margin:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;padding:12px 0}
.in-jjfa li .text{height:200px;padding:30px 20px;position:relative}
.in-jjfa li .text p{margin:0 0 8px;color:#666;font-size:13px;padding-left:24px;background:url(../images/faico.jpg) no-repeat 0 5px;line-height:1.85}
.in-jjfa li .text .more{position:absolute;right:0;bottom:0;line-height:30px;background-color:#adadad;color:#fff;padding:0 20px}
.in-jjfa li a:hover .img-cover p{background-color:#015cb5}
.in-jjfa li a:hover .text .more{background-color:#015cb5}
.hy-menu{float:right;width:760px;margin-top:-30px}
@media screen and (max-width: 625px){
	.in-jjfa li{float:left;width:50%; margin-bottom:15px;}
	.in-jjfa{ margin-top:0px;}
}
@media only screen and (max-width: 1660px) {
    .banner_mouse{left:5%;}
}
@media screen and (max-width: 1440px){
.indexbanner_img{ height:615px;}
.indexbanner_img_desc_mid_2{font-size:44px;}
.indexbanner_img_desc_mid_1{font-size:20px; }
.banner_right_act{ width:8%; }

}
@media screen and (max-width: 1200px){
.indexbanner_img{ height:500px;}
.indexbanner_pc_img{ display: none;}
.indexbanner_mo_img{ display: block;}
.indexbanner_img_desc_mid_1{font-size:18px; width: 70%; line-height: 28px;}
.indexbanner_img_desc_mid_2{font-size:36px;margin-bottom: 30px;}
}
@media screen and (max-width: 1024px){
.indexbanner_img{ height:427px;}
.indexbanner_img_desc_mid_2{font-size:32px;}
.banner_right_act{ width:14%;right: 6%;}
.in-jjfa li .text{height:200px;padding:20px 0px;position:relative}
.in-jjfa li .text p{ padding-left:5px;}
}
@media screen and (max-width: 768px){
.indexbanner_img{ height:320px;}
.indexbanner_img_desc_mid_2{font-size:22px; margin-bottom: 15px;}
.indexbanner_mo_img img{ width: 100%;}
.indexbanner_img_desc_mid_1{font-size:16px; }
}
@media screen and (max-width: 668px){
.indexbanner_img{ height:300px;}
.sub-mouse{ display: none;}
.banner_right_act{ display: none;}
.indexbanner_img_desc_mid_2{font-size:20px;}

}
@media screen and (max-width: 500px){
.indexbanner_img{ height:220px;}
.indexbanner_img_desc_mid_2{font-size:18px;}
.indexbanner_img_desc_mid_1{font-size:15px;width:88%; line-height: 26px;}
}

.products_list li { margin-bottom: 40px;}
.products_list .product_div { background-color: #f8f8f8; box-shadow: 0px 0px 7px 0px rgba(177, 174, 174, 0.35); overflow: hidden; }
.products_list .product_div .overh{ text-align: center;}
.products_list .product_div img { margin: 0 auto; text-align: center; width:100%;}
.products_list .product_div .zhas { font-size: 16px;color: #7a7a7a; margin-bottom: 25px; line-height:27px; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp:3; overflow: hidden;}
.products_list .product_title {font-size:20px; color: #333; line-height: 53px; margin-top: 25px; padding: 0 20px; text-align: center; position: relative;}
.products_list .product_title:after{ position: absolute; left: 48%; top: 0px; background-color:#337ab7; content: ""; width: 20px; height: 2px; }
.products_list .product_title a { color: #333; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden;}
.products_list .product_title a:hover { color: #337ab7;}
@media (max-width: 1440px){
.page-div {bottom: 8%;left: -41%;}
.products_list .product_title {font-size: 20px; line-height: 43px; padding: 0 10px 20px;}
.products_list .product_div .zhas { font-size: 15px; line-height: 26px;}
}
@media (max-width: 1366px){
.products_list .index_pro_left{ width:22%; margin-right:8%;}
.products_list .index_pro_right{ width:70%;}
.products_list .hd-div .div2{ margin-top:30px;}
.products_list ul{ margin-top: 20px;}
}
@media (max-width: 1280px){
.page-div {bottom: 5%;left: -43%; }
}
@media (max-width: 1200px){
.products_list .index_pro_left{ width:24%; margin-right:6%;}
.products_list .index_pro_right{ width:70%;}
.products_list .product_title {font-size: 18px;}
.products_list ul{ margin-top: 0px;}
.products_list .hd-div .div2{ margin-top:20px;}
}
@media (max-width: 768px){
.products_list .index_pro_left{ width:100%; margin-right:0;}
.products_list .index_pro_left ul li{ width: 31.5%; float: left; margin-right: 2.333333337%; margin-bottom: 25px;}
.products_list li { margin-bottom: 10px;}
.products_list .index_pro_left ul li:last-child { margin-right:0px;}
.products_list .index_pro_right{ width:100%;}
.products_list .product_div img { width: 100%; }
.products_list .product_title {font-size: 16px; line-height: 33px; padding: 0 5px 20px;margin-top: 20px;}
.products_list .product_div .zhas { margin-bottom: 10px;line-height: 24px;}
.page-div {bottom: 5px;left: 40%; }
.products_list .product_div { margin-bottom: 30px;}
}


.kf_bottom{ display:none;}
@media screen and (max-width:768px) {
.kf_bottom{ display:block;}
.kf_bottom {width: 100%;height: 70px;background: #0056f9;margin: 0 auto;position: fixed;bottom: 0;left: 0;z-index: 99;}
.kf_bottom ul {max-width: 640px;height: 70px;margin: 0 auto}
.kf_bottom ul li {width:49.7%;height: 70px; padding-top:8px; display: block;float: left;text-align: center;border-right:1px solid #f0f0f0;}
.kf_bottom ul li a {color: #fff;font-size: 15px;text-decoration: none;}
.kf_bottom ul li:nth-child(2) {border-right:0px;}
 }