body{
	background: url("../images/body_bg.jpg");
}

/*footer*/
.footer{border-top: solid 2px #0066c4;background-color:#0066C4;color: #fff;}
/*.footer a{color: #0066C4 !important;}*/


/*banner*/
.banner{position: absolute;width: 100%;top: 0;left: 0;z-index: -1;}
.banner img{display: block;width: 100%;}

@media screen and (max-width: 800px) {
	.banner{overflow: hidden;padding-top: 60%;}
	.banner img{
		position: absolute;
		width: auto;
		height: 100%;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
	}
}

.title1{margin-bottom: 50px;font-size: 18px;color: #000000;}
.title1 i{font-size: 46px;text-transform: uppercase;font-weight: bold;display: block;margin-bottom: 5px;}

/*case*/
.case_box .content{padding: 250px 1.5% 230px;}

.case_box .bt{font-size: 30px;margin-bottom: 45px;line-height: 40px;position: relative;}
.case_box .bt .more{position: absolute;line-height: 30px;right: 0;top: 5px;font-style: italic;cursor: pointer;font-size: 14px;color: #000000;padding-right: 40px;}
.case_box .bt .more i{position: absolute;width: 30px;height: 30px;right: 0;top: 0;background: url("../images/ico_on.png")no-repeat center;}
.case_box .bt .more:hover{opacity: 0.8;}
.case_box .bt .more .i_on{background: url("../images/ico_off.png")no-repeat center;}

.case_box .list{overflow: hidden;}
.case_box .list li{width: 32.5%;float: left;margin: 0 1.2% 1.2% 0;background-color: #FFFFFF;display: none;}
.case_box .list li:nth-child(1),.case_box .list li:nth-child(2),.case_box .list li:nth-child(3){display: block;}
.case_box .list_show li{display: block !important;}
.case_box .list li:nth-child(3n){margin-right: 0;}
.case_box .list .img{position: relative;padding-top: 61%;overflow: hidden;}
.case_box .list .img img{position: absolute;width: 100%;left: 0;top: 0;}
.case_box .list .text{padding: 16px 8%;}
.case_box .list .text span{display: block;font-weight: bold;color: #000000;line-height: 20px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: 8px;}
.case_box .list .text p{line-height: 25px;height: 75px;overflow: hidden;text-align: justify;color: #8A8A8A;}
.case_list1{margin-bottom: 220px;}

@media screen and (max-width: 1000px) {
	.case_box .content{padding: 180px 0 10%;}
	.title1{font-size: 16px;margin-bottom: 30px;}
	.title1 i{font-size: 30px;}
	.case_list1{margin-bottom: 10%;}
	.case_box .bt{font-size: 22px;margin-bottom: 20px;}
	.case_box .list .text{padding: 10px;}
}
@media screen and (max-width: 800px) {
	.case_box .content{padding: 35% 0 10%;}
	.case_box .list li{width: 49%;margin: 0 2% 2% 0 !important;}
	.case_box .list li:nth-child(2n){margin-right: 0 !important;}
	.case_box .list li:nth-child(3){display: none;}
}
@media screen and (max-width: 500px) {
	.case_box .list li{width: 100%;margin: 0 0 5% 0 !important;}
	.case_box .list .text p{height: auto;}
}

/*download*/
.download_box .content{padding-top: 250px;max-width: 1000px;padding-bottom: 100px;}

.download_box .list li{float: left;width: 23.5%;margin: 0 2% 2% 0;}
.download_box .list li:nth-child(4n){margin-right: 0;}
.download_box .list li a{display: block;background-color: #0066C4;position: relative;padding: 22px;color: #FFFFFF !important;font-size: 16px;z-index: 1;}
.download_box .list li span{display: block;}
.download_box .list li span i{margin-right: 8px;font-size: 40px;line-height: 45px;}
.download_box .list li p{line-height: 25px;height: 75px;margin: 15px 0 20px;}
.download_box .list li font{text-align: right;display: block;line-height: 25px;position: relative;padding-right: 30px;}
.download_box .list li font i{font-size: 24px;position: absolute;right: 0;top: 0;}
.download_box .list .bg{position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.2);top: 0;left: 0;z-index: -1;display: none;}
.download_box .list li a:hover .bg{display: block;}

@media screen and (max-width: 800px) {
	.download_box .content{padding: 35% 0 150px;}
	.download_box .list li{width: 49%;}
	.download_box .list li:nth-child(2n){margin-right: 0;}
	.download_box .list li a{padding: 10px;font-size: 14px;}
	.download_box .list li span i{font-size: 32px;}
	.download_box .list li p{line-height: 20px;height: 60px;overflow: hidden;margin: 10px 0;}
}

/*contact*/
.contact_box{padding: 210px 0 100px;}

.contact_box .info{width: 50%;height: 400px;text-align: center;}
.contact_box .info .box{display: inline-block;text-align: left;margin-top: 35px;}
.contact_box .info .box *{color: #FFFFFF !important;}
.contact_box .info span{font-size: 30px;font-weight: bold;display: block;}
.contact_box .info font{font-size: 24px;font-weight: bold;display: block;margin-bottom: 10px;}
.contact_box .info p{line-height: 25px;font-size: 16px;}

.contact_box .info .zxkf{width: 360px;overflow: hidden;line-height: 30px;}
.contact_box .info .zxkf a{display: block;width: 50%;float: left;padding-left: 25px;box-sizing: border-box;background: url(../images/qq.png)no-repeat center left;background-size: auto 70%;}

@media screen and (max-width: 450px) {
	.contact_box .info .zxkf,.contact_box .info .zxkf a{width: 100%;}
}

#map{width: 50%;height: 400px;font-size: 12px;background: #E5E5E5;float: right;}



#message{padding: 20px 0;}
#message .content{max-width: 500px;}
#message .bt{color: #FFFFFF;font-size: 20px;text-align: center;}
#message .lytext{width: 100%;border: solid 1px #c2c2c2;box-sizing: border-box;height: 40px;padding: 0 10px;color: #000000;margin-top: 30px;}
#message textarea{width: 100%;padding: 5px 10px;box-sizing: border-box;border: solid 1px #c2c2c2;color: #000000;line-height: 25px;resize: none;height: 100px;margin-top: 30px;}
#message .submit{font-size: 18px;color: #FF9600;height: 40px;width: 200px;border: 1px solid #FF9600;transition: ease-in-out 0.3s;margin: 20px auto 0;background-color: transparent;display: block;cursor: pointer;}
#message .submit:hover{color: #0066C4;border-color: #0066C4;background-color: #FFFFFF;}

@media screen and (max-width: 800px) {
	.contact_box{padding: 35% 0 10%;}
	.contact_box .info{width: 100%;box-sizing: border-box;padding: 15px;height: auto;}
	.contact_box .info .box{display: block;margin-top: 0;}
	.contact_box .info span{font-size: 24px;}
	.contact_box .info font{font-size: 20px;}
	.contact_box .info p{font-size: 14px;}
	#map{width: 100%;height: 300px;}
}


/*news*/
.news_box .content{padding: 250px 1.5% 160px;}
.news_box .title1{padding-bottom: 35px;border-bottom: solid 1px #b5b5b5;margin-bottom: 35px;}

.news_tt_box{margin-bottom: 35px;position: relative;}
.news_tt_box .info{width: 50%;box-sizing: border-box;padding: 30px 0 0 30px;}
.news_tt_box .info span{font-weight: bold;font-size: 18px;color: #000000;line-height: 25px;display: block;}
.news_tt_box .info font{font-size: 12px;margin-top: 10px;line-height: 20px;display: block;}
.news_tt_box .info font i{margin-right: 10px;}
.news_tt_box .info p{margin: 30px 0 40px;line-height: 25px;height: 150px;overflow: hidden;text-align: justify;}
.news_tt_box .info a{width: 120px;line-height: 35px;text-align: center;color: #FFFFFF !important;background-color: #000000;display: block;}
.news_tt_box .info a:hover{opacity: 0.75;}
.news_tt_box .img{width: 45%;text-align: center;}
.news_tt_box .img img{max-width: 100%;}

.news_list ul.fl{width: 63%;}
.news_list ul.fl li{width: 49%;float: left;margin-right: 1%;}
.news_list ul.fl a{display: block;background-color: #FFFFFF;position: relative;}
.news_list ul.fl .pic-box{position: relative;padding-top: 58%;overflow: hidden;}
.news_list ul.fl .bt{line-height: 48px;padding: 0 5%;font-weight: bold;color: #000000;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news_list ul.fl .text{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,92,173,0.75);display: none;}
.news_list ul.fl .text p{text-align: justify;color: #FFFFFF;font-size: 16px;line-height: 30px;width: 80%;max-height: 75%;position: absolute;left: 10%;overflow: hidden;}
.news_list ul.fl a:hover .text{display: block;}

.news_list ul.fr{width: 35.5%;}
.news_list ul.fr li{padding: 14px 0;border-bottom: dotted 1px #b5b5b5;}
.news_list ul.fr li a{display: block;position: relative;line-height: 30px;padding-right: 30px;}
.news_list ul.fr li a > i{position: absolute;right: 0;top: 50%;margin-top: -15px;font-size: 19px;color: #000000;}
.news_list ul.fr li a .time{float: left;width: 40%;font-size: 12px;color: #646464;position: relative;max-width: 180px;padding-left: 25px;box-sizing: border-box;}
.news_list ul.fr li a .time i{position: absolute;left: 0;top: 0;}
.news_list ul.fr li a .bt{width: 60%;float: left;color: #000000;font-weight: bold;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news_list ul.fr li a:hover{opacity: 0.7;}

.article_box .content{max-width: 950px;padding: 200px 0 55px;}
.article_box .position{margin-bottom: 30px;}
.article_box .bt{font-weight: 500;font-size: 36px;text-align: right;color: #000000;}
.article_box .time{font-size: 12px;line-height: 30px;text-align: right;margin: 30px 0 12px;}
.article_box .bshare-custom{text-align: right;margin-bottom: 30px;}
.article_box .time i{margin-right: 10px;}
.body img{max-width: 100%;height: auto !important;}
.body table{max-width: 100%;}
.article_box .prenext{margin: 100px 0 30px;overflow: hidden;}
.article_box .prenext p{line-height: 20px;width: 48%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #0066C4;}
.article_box .prenext p.fr{text-align: right;}
.article_box .prenext p a{text-decoration: underline;color: #0066C4;}
.article_box .goback{text-align: right;}
.article_box .goback a{width: 142px;line-height: 30px;display: inline-block;background: #000000;color: #ffffff !important;text-align: center;}
.article_box .goback a:hover{opacity: 0.75;}

@media screen and (max-width: 1200px) {
	.news_list ul.fr li{padding: 10px 0;}
	.news_list ul.fr li a .time,.news_list ul.fr li a .bt{width: 100%;}
}
@media screen and (max-width: 800px) {
	.news_box .content{padding: 35% 0 10%;}
	.news_box .title1{padding-bottom: 20px;margin-bottom: 20px;}
	.news_tt_box .img{width: 100%;}
	.news_tt_box .info{width: 100%;padding: 20px 0 0;}
	.news_tt_box .info p{margin: 15px 0;height: auto;}
	.news_list ul.fl{width: 100%;margin-bottom: 20px;}
	.news_list ul.fl .bt{line-height: 35px;}
	.news_list ul.fl .text{display: none !important;}
	.news_list ul.fr{width: 100%;}
	.article_box .content{padding: 150px 0 10%;}
	.article_box .bt{font-size: 24px;text-align: center;}
	.article_box .time{margin: 15px 0;}
	.article_box .bshare-custom{margin-bottom: 20px;}
	.article_box .prenext{margin: 40px 0 30px;}
	.article_box .prenext p{width: 100%;text-align: right !important;line-height: 25px;}
}

/*product*/
.product_box .content{padding: 200px 1.5% 130px;}

.product_search{margin-bottom: 70px;}
.product_search p{font-size: 16px;color: #000000;margin-bottom: 15px;}
.product_search form{position: relative;width: 390px;color: #000000;}
.product_search .stext{width: 100%;box-sizing: border-box;height: 42px;border: solid 1px #ababab;background: #efefef;padding: 0 50px 0 10px;font-size: 16px;}
.product_search .sbut{position: absolute;width: 42px;line-height: 42px;text-align: center;right: 0;top: 0;background: none;font-size: 26px;}


.product_list_box .fl-lm{width: 13%;background: #efefef;position: fixed;box-sizing: border-box;border: 1px solid #EFEFEF;z-index: 99;}
.product_list_box .fl-lm-t{top: 220px;}
.product_list_box .fl-lm .bt{line-height: 40px;font-size: 16px;font-weight: bold;color: #000000;padding-left: 30px;border: none !important;}
.product_list_box .fl-lm > li{border-bottom: 1px solid #FFFFFF;position: relative;}
.product_list_box .fl-lm > li:last-child{border: none;}
.product_list_box .fl-lm > li > a{display: block;line-height: 20px;padding: 10px 10px 10px 50px;font-weight: bold;color: #000000 !important;}
.product_list_box .fl-lm > li > a:hover,.product_list_box .fl-lm .on > a{background-color: #fafafa;}
.product_list_box .fl-lm > li .btn{position: absolute;height: 40px;width: 45px;left: 0;top: 0;}
.product_list_box .fl-lm > li .btn i{position: absolute;width: 8px;height: 2px;background-color: #000000;right: 0;top: 50%;margin-top: -1px;transition: ease-in-out 0.3s;}
.product_list_box .fl-lm > li .btn_c .i1{
	transform:rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
}
.product_list_box .fl-lm > li .btn:hover i{background-color: #0066C4;}

.product_list_box .fl-lm ul{display: none;}
.product_list_box .fl-lm ul li a{display: block;line-height: 20px;padding: 5px 10px 5px 60px;}

.product_list_box .fr-cp{width: 80%;}
.product_list_box .fr-cp li{float: left;width: 33.33333%;box-sizing: border-box;border-top: 1px solid #e9e9e9;border-right: 1px solid #E9E9E9;}
.product_list_box .fr-cp li:nth-child(1),.product_list_box .fr-cp li:nth-child(2),.product_list_box .fr-cp li:nth-child(3){border-top: none;}
.product_list_box .fr-cp li:nth-child(3n){border-right: none;}
.product_list_box .fr-cp li a{display: block;position: relative;}
.product_list_box .fr-cp .bt{padding: 20px 20px 10px;position: relative;z-index: 10;}
.product_list_box .fr-cp li a:hover .bt p{color: #FFFFFF !important;}
.product_list_box .fr-cp .bt p{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 15px;}
.product_list_box .fr-cp .bt .p1{font-weight: bold;color: #000000;line-height: 30px;}
.product_list_box .fr-cp .bt .p2{line-height: 20px;}
.product_list_box .fr-cp .pic-box{position: relative;padding-top: 86%;overflow: hidden;}
.product_list_box .fr-cp .bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0.75;display: none;}
.product_list_box .fr-cp li a:hover .bg{display: block;}

/*product_detail*/
.product_detail{padding-top: 200px;}
.product_detail .content{max-width: 1100px;}

.product_detail .detail_info{padding-bottom: 100px;}
.product_detail .detail_info .position{margin-bottom: 30px;}
.product_detail .detail_info .fr_img{width: 47%;}
.product_detail .detail_info .fr_img .pic-box{position: relative;padding-top: 100%;overflow: hidden;display: block;}

.product_detail .detail_info .fl_box{width: 48%;box-sizing: border-box;padding: 40px 0 0 40px;}
.product_detail .detail_info .fl_box .bt{color: #000000;font-weight: 500;font-size: 36px;}
.product_detail .detail_info .fl_box .lm{font-weight: bold;color: #FF9600;font-size: 36px;margin: 40px 0 30px;}
.product_detail .detail_info .fl_box .swiper-slide{box-sizing: border-box;border: solid 1px #dcdcdc;cursor: pointer;}
.product_detail .detail_info .fl_box .swiper-slide .pic-box{position: relative;padding-top: 100%;overflow: hidden;}
.product_detail .detail_info .fl_box .swiper-slide-thumb-active{border-color: #FF9600 !important;}
.product_detail .bshare-custom{margin: 30px 0;}
.product_detail .detail_info .fl_box .cpzx{width: 190px;line-height: 30px;text-align: center;color: #FFFFFF !important;background-color: #FF9600;display: block;font-size: 16px;}
.product_detail .detail_info .fl_box .kfqq{display: block;line-height: 30px;width: 50%;float: left;padding-left: 25px;box-sizing: border-box;background: url(../images/qq.png)no-repeat center left;background-size: auto 70%;}
.product_detail .detail_cnt{padding: 70px 0;}
.product_detail .detail_cnt .bt{font-weight: bold;font-size: 22px;color: #000000;}
.product_detail .detail_cnt .body{padding: 30px 30px 0;}
@media screen and (max-width: 400px) {	.product_detail .detail_info .fl_box .kfqq{width: 100%;}}
.product_c{background-color: #e5e5e5;}
.product_c .content{padding: 80px 1.5%;}
.product_c .title{font-weight: bold;font-size: 22px;color: #000000;margin-bottom: 30px;}
.product_c .swiper-slide a{display: block;background-color: #FFFFFF;position: relative;}
.product_c .swiper-slide .pic-box{position: relative;padding-top: 100%;overflow: hidden;}
.product_c .swiper-slide .bt{padding: 10px;position: relative;z-index: 10;}
.product_c .swiper-slide .bt p{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 12px;}
.product_c .swiper-slide .bt .p1{font-weight: bold;color: #000000;line-height: 25px;}
.product_c .swiper-slide a:hover .bt p{color: #FFFFFF !important;}
.product_c .swiper-slide .bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0.75;display: none;}
.product_c .swiper-slide a:hover .bg{display: block;}

@media screen and (max-width: 1200px) {
	.product_list_box .fl-lm{width: 17%;}
	.product_list_box .fl-lm .bt{padding-left: 10px;}
	.product_list_box .fl-lm > li > a{padding: 10px 10px 10px 30px;}
	.product_list_box .fl-lm > li .btn{width: 25px;}
	.product_list_box .fl-lm ul li a{padding-left: 40px;}
}
@media screen and (max-width: 800px) {
	.product_box .content{padding: 150px 0 10%;}
	.product_search{margin-bottom: 30px;}
	.product_search form{width: 100%;}
	.product_list_box .fl-lm{width: 100%;position: static;margin-bottom: 30px;}
	.product_list_box .fr-cp{width: 100%;}
	.product_list_box .fr-cp li{width: 100%;border: none !important;border-bottom: 1px solid #E9E9E9 !important;}
	.product_list_box .fr-cp .bt p{font-size: 20px;}
	.product_list_box .fr-cp .bt .p2{font-size: 16px;line-height: 30px;}
	.product_detail{padding-top: 150px;}
	.product_detail .detail_info .fr_img{width: 100%;}
	.product_detail .detail_info .fl_box{width: 100%;padding: 20px 0 0;}
	.product_detail .detail_info .fl_box .bt{font-size: 24px;}
	.product_detail .detail_info .fl_box .lm{font-size: 20px;margin: 15px 0;}
	.product_detail .bshare-custom{margin: 20px 0;}
	.product_detail .detail_info{padding-bottom: 5%;}
	.product_detail .detail_cnt{padding: 5% 0;}
	.product_detail .detail_cnt .bt{font-size: 20px;}
	.product_detail .detail_cnt .body{padding: 20px 10px 0;}
	.product_c .content{padding: 5% 0;}
	.product_c .title{font-size: 16px;}
}

/*about*/
.about_box{padding-top: 300px;}
.about_box .content{max-width: 950px;}

/*.about_box1{padding-bottom: 150px;}*/
.about_title{margin-bottom: 60px;text-align: center;font-style: italic;color: #646464;font-size: 36px;line-height: 1.3em;}
.about_title font{display: block;font-size: 44px;font-weight: bold;text-transform: uppercase;}
.about_box1 .body{text-align: justify;color: #000000;line-height: 1.8em;}

.about_box2{min-height: 885px;box-sizing: border-box;padding: 90px 0;background-repeat: no-repeat;background-position: center;}
.about_box2 ul li{float: left;width: 33%;margin-right: 0.5%;}
.about_box2 ul li:nth-child(3n){margin-right: 0;}
.about_box2 ul .title{position: relative;background: #eaf2fb;padding: 20px 10px;text-align: center;color: #646464;cursor: pointer;}
.about_box2 ul .title span{font-size: 18px;font-style: italic;display: block;}
.about_box2 ul .title p{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-top: 18px;}
.about_box2 ul .title:before{position: absolute;left: 50%;margin-left: -10px;bottom: -10px;content: '';width: 20px;height: 20px;background: #ffffff;-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);display: none;}
.about_box2 ul .text{background: rgba(0,93,182,0.9);padding: 65px 40px;text-align: justify;}
.about_box2 ul .text .iconfont{margin-bottom: 30px;color: #dedbdb;display: block;font-size: 24px;}
.about_box2 ul .text div,.about_box2 ul .text div *{color: #FFFFFF !important;line-height: 25px !important;font-size: 14px !important;}
.about_box2 ul .btn{padding: 0 0 0 40px;background: #dcd8dd;line-height: 75px;margin-right: 40px;position: relative;text-transform: uppercase;cursor: pointer;color: #000000;}
.about_box2 ul .btn i{position: absolute;top: 0;right: 0;font-size: 14px;}
.about_box2 ul .btn:before{content: '';position: absolute;top: 0px;left: 100%;width: 40px;height: 100%;background: url("../images/oper_bottom_bg.png") no-repeat 0 0;background-size: 100% 100% !important;}

.about_box2 ul .box{display: none;}
.about_box2 ul .on{background-color: #FFFFFF;}
.about_box2 ul .on:before{display: block;}

.about_box3_1{padding: 50px 0 0; background:url(../images/about_3_1.jpg) top center no-repeat; margin-top:100px; width: 100%; float: left;}
.about_box3_list{ width:100%; float:left; margin-bottom:30px; position:relative;}
.about_box3_list ul{ float:left;}
.about_box3_list li{ width:31%; padding:0.5%; background:#fff; float:left; margin:0.5% 0.5%;}
.about_box3_list li a{ width:100%; float:left;}
.about_box3_list li:nth-child(4){ /*width:64%*/}
.about_box3_list li img{ width:100%;float: left;} 

.about_box3_list .zzsc_box {
    width: 2976px;
    position: absolute;
    left: 0px;
    top: 0px;
}
.about_box3_list #wai_box {
    height: 459px;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.about_box3_list .pre {
    background-image: url(../images/nav.png);
    background-repeat: no-repeat;
    background-position: -50px top;
    display: block;
    height: 47px;
    width: 25px;
    cursor: pointer;
    position: absolute;
    left: -120px;
    top: 182px;
}
.about_box3_list a.pre:hover{
	background-position: -75px top;
	}
.about_box3_list .next {
    background-image: url(../images/nav.png);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    height: 47px;
    width: 25px;
    cursor: pointer;
    top: 182px;
    right: -120px;
    position: absolute;
}
.about_box3_list a.next:hover{
	background-position: -25px top;
	}


.about_box3{padding: 150px 0;}
.about_box3 ul li{float: left;width: 15%;margin-right: 2%;}
.about_box3 ul li:last-child{margin-right: 0;}
.about_box3 .box{position: relative;padding-top: 100%;border-radius: 50%;background-size: 100% !important;}
.about_box3 .box .bg{position: absolute;width: 100%;height: 100%;overflow: hidden;border-radius: 50%;background-color: rgba(0,0,0,0.5);left: 0;top: 0;transition: ease-in-out 0.15s;}
.about_box3 .box .bg p{
	position: absolute;
	width: 100%;
	left: 0;
	text-align: center;
	font-size: 18px;
	line-height: 30px;
}
.about_box3 .box .bg .p1{color: #FFFFFF;font-weight: bold;}
.about_box3 .box .bg .p2{display: none;}
.about_box3 ul li:hover .p1{display: none;}
.about_box3 ul li:hover .p2{display: block !important;}
.about_box3 ul li:hover .bg{background-color: #FFFFFF !important;width: 134%;height: 134%;left: -17%;top: -17%;z-index: 10;}

.about_box3 .ggy{margin-top: 100px;text-align: center;line-height: 25px;}
.about_box3 .about_title{margin-bottom: 100px;}

.about_box4{background: url("../images/about4_bg.jpg")no-repeat center bottom #000000;background-size: 100% auto;padding: 90px 0 300px;}
.about_box4 .about_title{color: #FFFFFF;}
.about_box4 ul li{float: left;width: 33.3333%;box-sizing: border-box;padding: 0 38px;text-align: center;}
.about_box4 ul li img{height: 76px;}
.about_box4 ul li p{color: #FFFFFF;line-height: 25px;min-height: 75px;margin-top: 30px;}
.about_box4 ul li span{display: block;line-height: 55px;color: #FFFFFF;font-style: italic;font-size: 30px;}

.about_box4 .ggy{text-align: center;color: #FFFFFF;font-size: 40px;}
.about_box4 .ggy .p2{font-size: 30px;}

@media screen and (max-width: 1200px) {
	
	.about_box3_list .next { right: 20px; z-index:999;top: 50%; transform: translateY(-50%);}
	.about_box3_list .pre {  left: 20px;  z-index:999;top: 50%; transform: translateY(-50%);}
	#lightbox-container-image-box{ max-width: 100%; height:auto !important;}
	#lightbox-container-image img#lightbox-image{ width:100%;}
	#lightbox-container-image-data-box{ max-width: 95%;}	
}
@media screen and (max-width: 800px) {
	.about_box{padding-top: 35%;}
	/*.about_box1{padding-bottom: 40px;}*/
	.about_title{margin-bottom: 30px;font-size: 24px;}
	.about_title font{font-size: 30px;}
	.about_box2{padding: 5% 0;min-height: 600px;}
	.about_box2 ul .title{padding: 10px;}
	.about_box2 ul .text{padding: 20px;}
	.about_box2 ul .text .iconfont{margin-bottom: 15px;}
	.about_box2 ul .btn{line-height: 40px;}
	.about_box2 ul .title p{margin-top: 10px;}
	.about_box3,.about_box4{padding: 10% 0;}
	.about_box3 .about_title{margin-bottom: 5%;}
	.about_box3 .ggy{margin-top: 5%;}
	.about_box3 ul li{width: 32%;margin-bottom: 2%;}
	.about_box3 ul li:nth-child(3n){margin-right: 0;}
	.about_box3 .box .bg p{font-size: 14px;line-height: 20px;}
	.about_box4 ul li{padding: 0 10px;}
	.about_box4 ul li img{height: 40px;}
	.about_box4 ul li p{line-height: 20px;margin-top: 15px;min-height: 60px;}
	.about_box4 ul li span{font-size: 20px;line-height: 40px;}
	.about_box4 .ggy{font-size: 20px;}
	.about_box4 .ggy .p2{font-size: 16px;}
}
@media screen and (max-width: 600px) {
	.about_box2 ul li{width: 100%;margin-right: 0;margin-bottom: 10px;}
	.about_box2{min-height: auto;}
	.about_box2 ul .btn{display: none;}
	.about_box3_list li{ width: 48%;}
}
@media screen and (max-width: 500px) {
	.about_box4 ul li{width: 100%;padding: 0;margin-bottom: 20px;}
	.about_box4 ul li p{min-height: auto;margin: 10px 0;}
}

/*page*/
.page{text-align: right;padding-top: 60px;}
.page ul{display: inline-block;text-align: center;}
.page ul li{display: inline-block;margin: 0 3px;}
.page ul li a,.page ul li span{border: solid 1px #d9d9d8;background-color: #FFFFFF;display: block;padding: 2px 8px;}
.page .thisclass{border: solid 1px #0066C4;background-color: #0066C4;padding: 2px 8px;color: #FFFFFF;}

@media screen and (max-width: 800px) {
	.page{padding-top: 10%;font-size: 12px;}
}