@charset 'utf-8';

/*公共标题*/
.all_title{margin: 35px 0;position: relative;}
.all_title h2{font-size: 24px;color: #333;}
.all_title p{font-size: 14px;color: #999;margin-top: 3px;}
.all_title ul{margin-top: 7px;}
.all_title ul a{font-size: 16px;color: #666;margin: 0 5px;padding: 8px 15px;}
.all_title ul a:nth-child(1){margin-left: 0;}
.all_title ul .cate_bg,
.all_title ul a:hover{background: #2593f2;color: #fff;}

.banner{position: relative;text-align: center;height: 500px;}
.banner a{position: relative;padding-top: 500px;left: 0;top: 0;height: 100%;z-index: 1;}
.banner .next,
.banner .pre{width: 30px;height: 60px;position: absolute;top: 0;bottom: 0;margin: auto 0;cursor: pointer;z-index: 2;}
.banner .pre{background: url(../images/pre.png);left: 80px;}
.banner .next{background: url(../images/next.png);right: 80px;}
.banner .pre:hover{opacity: 0.5;}
.banner .next:hover{opacity: 0.5;}
.banner .owl-theme .owl-dots .owl-dot{display: inline-block;z-index: 3;}
.banner .owl-controls{position: relative;height: auto;margin-top: -30px;}
.banner .owl-theme .owl-dots .owl-dot span{width: 12px;height: 12px;background: #fff;margin: 0 6px;z-index: 3;display: inline-block;border-radius: 50%;}
.banner .owl-theme .owl-dots .owl-dot span:hover{background: #2593f2;}
.banner .owl-theme .owl-dots .owl-dot.active span{background: #2593f2;}

.services .box{width: 23.3334%;margin-right: 2.222333%;margin-bottom: 5%;}
.services .box:nth-child(4n){margin-right: 0;}
.services .box .ico{position: relative;background: #ddebf7;padding-top:64.29%;overflow: hidden;}
.services .box .ico img{transition: .5s;}
.services .box:hover .ico img{transform: scale(1.1);}
.services .box a.over{max-width: 100%;font-size: 16px;color: #333;margin-top: 15px;transition: .5s;}
.services .box h3{height: 1px;background: #eee;margin: 8px 0;position: relative;}
.services .box h3 span{width: 0;height: 100%;position: absolute;left: 0;top: 0;transition: .5s;}
.services .box:hover h3 span{width: 100%;background: #2593f2;}
.services .box:hover a.over{color: #2593f2;}
.services .box p{font-size: 12px;line-height: 17px;position: relative;padding-right: 52px;color: #999;}
.services .box p a{font-size: 14px;position: absolute;right: 0;top: 0;color: #999;}
.services .box p a span{color: #999;display: none;}
.services .box:hover a{color: #2593f2;}
.services .box:hover a span{display: inline-block;color: #2593f2;}

.news .left{width: 45%;background: #f7f7f7;padding: 30px;}
.news .left .pic{position: relative;padding-top: 58.335%;}
.news .box{position: relative;padding-left: 100px;margin-top: 25px;height: 70px;overflow: hidden;}
.news .box .time{position: absolute;left: 0;top: 0;}
.news .box .time h2{font-size: 24px;color: #333;}
.news .box .time h3{font-size: 16px;color: #999;margin-top: 8px;}
.news .box .text{height: 100%;border-left: 1px solid #d2d2d2;padding-left: 28px;}
.news .box .text a{font-size: 18px;color: #333;display: inline-block;max-width: 100%;}
.news .box .text p{font-size: 14px;color: #999;margin-top: 10px;line-height: 1.4;-webkit-line-clamp: 2;}
.news .left:hover .box .text a{color: #2593f2;}
.news .right{width: 52%;}
.news .right li{padding: 22px 92px 22px 0;font-size: 16px;position: relative;border-bottom: 1px solid #eee;}
.news .right .show{padding-right: 0;}
.news .right li a{color: #333;max-width: 100%;}
.news .right li span{position: absolute;right: 0;top: 22px;color: #333;}
.news .right li .min_box{overflow: hidden;}
.news .right .box{margin-top: 0;display: none;overflow: hidden;}
.news .right li:nth-child(1) .box{display: inline-block;}
.news .right li:nth-child(1) .min_box{display: none;}
.news .right .box a{color: #2593f2;font-weight: bold;}

.clear{clear:both}
.about{margin-top: 45px;text-align: center;}
.about .text ul li{float:left;width:12.2%;margin-right:2%;margin-bottom:15px;}
.about .text{padding: 35px 0px 35px 0px;}
.about .text h2{font-size: 24px;color: #fff;}
.about .text h3{font-size: 14px;color: #eee;margin-top: 8px;}
.about .text h4{width: 40px;height: 1px;background: #fff;display: inline-block;margin-top: 26px;margin-bottom: 20px;}
.about .text p{font-size: 16px;color: #fff;line-height: 1.8;margin-bottom: 10px;font-weight: bold;}
.about .text a{margin-top: 60px;display: inline-block;width: 120px;border: 1px solid #fff;border-radius: 18px;height: 36px;position: relative;}
.about .text a:hover{background: #fff;}
.about .text a:hover .img1,
.about .text a .img2{display: none;}
.about .text a:hover .img2{display: block;}

.cooperation{padding-bottom: 50px;}
.cooperation .box{width: 47.5%;margin-right: 5%;}
.cooperation .box:nth-child(2){margin-right: 0;}
.cooperation .box .title{position: relative;}
.cooperation .box .title a{position: absolute;width: 100px;height: 30px;line-height: 30px;border: 1px solid #fff;border-radius: 15px;text-align: center;color: #fff;font-size: 14px;right: 40px;bottom: 30px;}
.cooperation .box .title a:hover{background: #fff;color: #666;}
.cooperation .box ul{padding: 10px 20px 0 16px;background: #fff;}
.cooperation .box ul li{margin-bottom: 11px;position: relative;font-size: 16px;padding-right: 102px;}
.cooperation .box ul li a{max-width: 100%;color: #666;display: inline-block;}
.cooperation .box ul li a:hover{color: #2593f2;}
.cooperation .box ul li span{color: #666;position: absolute;right: 0;top: 0;}

.laboratory{background: #f7f7f7;padding-bottom: 50px;}
.laboratory .box{width: 18.334%;margin-right: 2.08325%;background: #fff;}
.laboratory .box:nth-child(5){margin-right: 0;}
.laboratory .box a.pic{position: relative;padding-top: 72.73%;}
.laboratory .box a.over{display: inline-block;padding: 0 10px;margin: 15px 0;font-size: 16px;color: #666;float: left;text-align: center;}
.laboratory .box a.over:hover{color: #2593f2;}

.partners{position: relative;margin-bottom: 55px;}
.partners ul a{width: 100%;position: relative;border: 1px solid #eee;padding-top: 35.79%;}
.partners ul a:nth-child(6){margin-right: 0;}
.partners ul a img{padding: 5px;}
.partners .next,
.partners .pre{width: 30px;height: 40px;position: absolute;top: 0;bottom: 0;margin: auto 0;cursor: pointer;z-index: 2;}
.partners .pre{background: url(../images/hz_pre.jpg);left: -40px;}
.partners .next{background: url(../images/hz_next.jpg);right: -40px;}
.partners .next:hover,
.partners .pre:hover{opacity: 0.5;}

/*在992和1199像素之间的屏幕里,这里的样式才生效*/
@media (max-width: 1199px) {
	.banner a{background-size: 100% 100% !important;padding-top: 30%;}
	.banner{height: auto;}
	.cooperation,
	.about{background-size: 100% 100% !important;}
	.partners{padding: 0 50px;}
	.partners .pre{left: 10px;}
	.partners .next{right: 10px;}
}
/*在768和991像素之间的屏幕里,这里的样式才生效*/
@media (max-width: 991px) {
	.cooperation .box .title a{right: 20px;bottom: 20px;}
}
/*在480和767像素之间的屏幕里,这里的样式才生效*/
@media (max-width: 767px) {
	.banner .owl-controls{top: 0px;margin-top: -22px;}
	.banner .owl-theme .owl-dots .owl-dot span{width: 10px;height: 10px;margin: 0 3px;}
	.all_title{margin: 20px 0;}
	.laboratory .box,
	.services .box{width: 49%;margin-right: 2%;}
	.laboratory .box:nth-child(2n),
	.services .box:nth-child(2n){margin-right: 0;}
	.laboratory .box:nth-child(5){margin-right: 2%;}
	.laboratory .box{margin-bottom: 2%;}
	.services .box p a{color: #2593f2 !important;}
	.services .box a span{display: inline-block !important;color: #2593f2 !important;}
	.all_title ul a{font-size: 14px;margin: 0;}
	.all_title h2{font-size: 20px;}
	.all_title p{font-size: 12px;}
	.all_title ul{margin-top: 4px;}
	.news .left{display: none;}
	.news .right{width: 100%;}
	.news .right li{padding-right: 0;}
	.news .right li .min_box{display: none;}
	.news .right li .box{display: block;}
	.about .text{padding: 50px 20px;}
	.cooperation{padding-bottom: 20px;}
	.laboratory{padding-bottom: 30px;}
	.cooperation .box{width: 100%;margin-right: 0;margin-bottom: 30px;-webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);-o-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);-ms-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);}
}	

/*在小于480像素的屏幕,这里的样式才生效*/
@media (max-width: 479px) {
	.services .box a.over{font-size: 14px;margin-top: 8px;}
	.services .box h3{margin: 6px 0;}
	.all_title ul a{font-size: 12px;padding: 6px 6px;}
	.all_title ul{margin-top: 7.5px;}
	.news .right li{padding: 15px 0 15px 0px;}
	.news .box{padding-left: 80px;}
	.news .box .text{padding-left: 15px;}
	.news .box .text a{font-size: 16px;}
	.news .box .text p{font-size: 12px;margin-top: 5px;}
	.news .box{height: 60px;}
	.news .box .time h3{margin-top: 5px;}
	.about .text{padding: 30px 20px;}
	.about .text a{margin-top: 30px;}
	.cooperation{padding-bottom: 10px;}
	.cooperation .box{margin-bottom: 20px;}
	.partners{margin-bottom: 35px;}
	.laboratory .box a.over{margin: 10px 0;font-size: 14px;}
}