.footer{border-top: 1px solid #E5E5E5;}



/*banner*/

.banner{position: relative;}

.banner img{display: block;max-width: 100%;margin: 0 auto;}

.banner .position{width: 100%;position: absolute;left: 0;bottom: 0;background-color: rgba(0,0,0,0.3);line-height: 35px;font-size: 12px;}

.banner .position *{color: #FFFFFF;}

.banner .position .iconfont{margin-right: 10px;font-size: 18px;}



@media screen and (max-width: 800px) {

	.banner{padding-top: 24%;overflow: hidden;}

	.banner img{

		position: absolute;

		max-width: none;

		width: auto;

		height: 100%;

		top: 0;

		left: 50%;

		-webkit-transform: translateX(-50%);

		-ms-transform: translateX(-50%);

		-moz-transform: translateX(-50%);

		-o-transform: translateX(-50%);

		transform: translateX(-50%);

	}

	.banner .position{line-height: 25px;}

	.banner .position .iconfont{font-size: 14px;margin-right: 5px;}

}



/*main*/

.main{padding: 50px 0;}



.main_left{width: 21%;}

.main_left .title{line-height: 55px;font-size: 24px;color: #FFFFFF;font-weight: bold;background-color: #1152AE;padding-left: 30px;}

.main_left .title1{margin-top: 20px;}



.cl-nav{border: 1px solid #E5E5E5;padding: 15px 10px;border-radius: 0 0 3px 3px;}

.cl-nav li a{display: block;line-height: 40px;font-size: 16px;padding-left: 50px;background: url(../images/tb11.png)no-repeat center left 33px;background-size: 10px;}

.cl-nav .active{color: #1152AE;font-weight: bold;}



.subnav_wap{width:45px;height: 45px;display: none;position: absolute;top: 0;right: 0;cursor: pointer;}

.subnav_wap span{display:block;background-color:#FFFFFF;width:27px;height:2px;position:absolute;left:9px;border-radius: 5px;transition: ease-in-out 0.35s;top: 50%;}

.subnav_wap span:nth-of-type(1){margin-top: -10px;}

.subnav_wap span:nth-of-type(2){margin-top: -1px;}

.subnav_wap span:nth-of-type(3){margin-top: 8px;}

.subnav_wap_se span:nth-of-type(1){

	margin-top: -1px;

	transform:rotate(45deg);

	-webkit-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-o-transform: rotate(45deg);

}

.subnav_wap_se span:nth-of-type(2){width:0}

.subnav_wap_se span:nth-of-type(3){

	margin-top: -1px;

	transform:rotate(-45deg);

	-webkit-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

}



.cl-lx{border: 1px solid #E5E5E5;padding:15px;line-height: 30px;border-radius: 0 0 3px 3px;}

.cl-lx a{color: #666666;}

.cl-lx .tel{position: relative;padding-left: 62px;line-height: 25px;margin-bottom: 10px; min-height: 35px;}

.cl-lx .tel font{display: block;font-size: 22px;color: #1152AE;font-family: impact;}

.cl-lx .tel font a{ color: #1152AE;}

.cl-lx .tel i{position: absolute;line-height: 45px;left: 0;bottom: 0;font-size: 40px;color: #1152AE;}



.cl-cp{border: 1px solid #E5E5E5;padding:15px 10px;border-radius: 0 0 3px 3px;}

.cl-cp li{margin-bottom: 10px;}

.cl-cp li:last-child{margin-bottom: 0;}

.cl-cp li a{display: block;position: relative;padding-left: 75px;}

.cl-cp li a span{line-height: 25px;display: block;}

.cl-cp li a p{line-height: 20px;height: 40px;overflow: hidden;font-size: 12px;color: #666;}

.cl-cp .pic-box{width: 65px;height: 65px;position: absolute;left: 0;top: 0;overflow: hidden;}



.main_right{width: 76%;}

.main_right .position{border: 1px solid #E5E5E5;border-radius: 3px;padding: 15px;margin-bottom: 15px;}

.main_right .position a{color: #666;}

.main_right .position span{color: #1152AE;}



.main_right .content_box{border: 1px solid #E5E5E5;border-radius: 3px;padding: 15px;}

.main_right .page{padding-top: 15px;}



@media screen and (max-width: 1200px) {

	.main{padding: 5% 0;}

	.main_left .title{line-height: 45px;font-size: 20px;padding-left: 15px;}

	.cl-nav li a{padding-left: 20px;background-position-x: 3px;line-height: 30px;font-size: 14px;}

	.cl-lx{padding: 5px;line-height: 25px;font-size: 12px;}

	.cl-lx .tel{padding-left: 45px;}

	.cl-lx .tel i{font-size: 30px;}

	.cl-lx .tel font{font-size: 16px;}

}

@media screen and (max-width: 800px) {

	.main_left{width: 100%;position: relative;margin-bottom: 15px;}

	.main_left .title1,.cl-lx,.cl-cp{display: none;}

	.cl-nav{padding: 10px;display: none;}

	.subnav_wap{display: block;}

	.main_right{width: 100%;}

	.main_right .position{padding: 10px;font-size: 12px;}

	.main_right .content_box{padding: 10px;}

}



@media screen and (min-width: 801px) {

	.cl-nav{display: block !important;}

}



/*photo*/

.photo_list li{width: 32%;float: left;margin: 0 2% 2% 0;}

.photo_list li:nth-child(3n){margin-right: 0;}

.photo_list li a{display: block;color: #666666;}

.photo_list li a:hover .img{box-shadow: 3px 3px 0 0 #DFDFDF;}

.photo_list .img{border: 1px solid #E5E5E5;padding: 2px;transition: ease-in-out 0.2s;}

.photo_list .img .box{position: relative;padding-top: 62%;overflow: hidden;}

.photo_list .img .box img{

	position: absolute;

	width: auto;

	height: auto;

	max-width: 100%;

	max-height: 100%;

	left: 50%;

	top: 50%;

	-webkit-transform: translate(-50%,-50%);

	-moz-transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%);

	-o-transform: translate(-50%,-50%);

	transform: translate(-50%,-50%);

}

.photo_list .bt{line-height: 30px;text-align: center;}



@media screen and (max-width: 640px) {

	.photo_list li{width: 49%;margin-right: 2% !important;}

	.photo_list li:nth-child(2n){margin-right: 0 !important;}

	.photo_list .bt{font-size: 12px;line-height: 25px;}

	.main_right .page{padding-top: 10px;}

}



/*case*/

.case_list li{width: 32%;float: left;margin: 0 2% 2% 0;}

.case_list li:nth-child(3n){margin-right: 0;}

.case_list li a{display: block;padding: 5px;box-shadow: 3px 3px 0 0 #DFDFDF;border: 1px solid #E5E5E5;}

.case_list li a:hover{background-color: #1152AE;color: #FFFFFF !important;}

.case_list .pic-box{position: relative;padding-top: 62%;overflow: hidden;}

.case_list .bt{line-height: 30px;text-align: center;margin-top: 5px;}



@media screen and (max-width: 640px) {

	.case_list li{width: 49%;margin-right: 2% !important;}

	.case_list li:nth-child(2n){margin-right: 0 !important;}

	.case_list .bt{font-size: 12px;line-height: 20px;}

}



/*message*/

.message_box{padding: 15px;}

.message_box .box{max-width: 300px;margin-bottom: 15px;position: relative;}

.message_box .box input{width: 100%;height: 38px;box-sizing: border-box;border: 1px solid #bbbbbb;padding: 0 10px 0 25px;color: #666666;}

.message_box i{width: 25px;line-height: 38px;position: absolute;top: 1px;left: 0;color: #f00;font-style: normal;text-align: center;}

.message_box .box1{position: relative;max-width: 500px;}

.message_box .box1 textarea{width: 100%;box-sizing: border-box;border: 1px solid #bbbbbb;padding: 10px 10px 10px 25px;color: #666666;resize: none;}



.message_box .yzm{max-width: none;margin-top: 15px;}

.message_box .yzm input{width: 140px;float: left;text-transform: uppercase;}

.message_box .yzm img{border: 1px solid #bbbbbb;cursor: pointer;float: left;margin: 0 10px;box-sizing: border-box;height: 38px;padding: 4px;background-color: #f1f1f1;}

.message_box .yzm span{float: left;line-height: 38px;cursor: pointer;}

.message_box .yzm span:hover{color: #1152AE;text-decoration: underline;}

.message_box .btn input{float: left;width: 120px;line-height: 38px;color: #FFFFFF;cursor: pointer;background-color: #1152AE;}

.message_box .btn input:hover{opacity: 0.8;}



@media screen and (max-width: 640px) {

	.message_box{padding: 0;}

}



/*join*/

.join_list{padding: 5px 5px 0;}

.join_list li{margin-bottom: 20px;border: 1px solid #E5E5E5;}

.join_list .bt{cursor: pointer;line-height: 24px;font-weight: bold;padding: 10px 25px;position: relative;color: #1152AE;}

.join_list .info{padding: 15px 20px;border-top: 1px solid #E5E5E5;line-height: 2em;display: none;}

.join_list .bt i{position: absolute;width: 14px;height: 2px;background-color: #989898;right: 10px;top: 50%;margin-top: -1px;transition: ease-in-out 0.3s;}

.join_list .bt_c{color: #666;}

.join_list .bt_c .i1{

	-webkit-transform: rotate(90deg);

	-ms-transform: rotate(90deg);

	-moz-transform: rotate(90deg);

	-o-transform: rotate(90deg);

	transform:rotate(90deg);

}

@media screen and (max-width: 800px) {

	.join_list{padding: 0;}

	.join_list li{margin-bottom: 15px;}

	.join_list .bt{padding: 5px 15px;}

	.join_list .info{padding: 10px;}

}



/*news*/

.news_list li{padding: 15px 0;border-bottom: 1px dashed #ccc;}

.news_list li a{display: block;position: relative;padding-left: 135px;padding-right: 20px;}

.news_list li a .bt{line-height: 35px;font-weight: bold;font-size: 18px;}

.news_list li a .info{line-height: 25px;height: 80px;overflow: hidden;color: #666;}

.news_list li a .info p{ float:left;}

.news_list li a .info p img{ height: 80px; margin-right: 10px;}

.news_list .date{position: absolute;left: 25px;top: 0;color: #464646;font-family: verdana;font-size: 18px;line-height: 25px;height: 100%;width: 80px;border-right: 1px solid #CCCCCC;}

.news_list .date span{color: #b5b5b5;font-size: 16px;}

.news_list .date font{display: block;font-size: 16px;}

.news_list li a:hover .date *{color: #1152AE;}

.news_list li a:hover .date{border-color: #1152AE;color: #1152AE;}



@media only screen and (max-width: 1200px) {

	.news_list li a .bt{line-height: 25px;font-size: 14px;}

	.news_list li a .info{line-height: 20px;height: 40px;font-size: 12px;}

	.news_list .date{line-height: 20px;}

}



.article{padding: 15px 0;}

.article .bt{text-align: center;color: #333333;font-size: 22px;font-weight: normal;}

.article .date{padding: 15px 0;border-bottom: 1px dashed #CCCCCC;text-align: center;font-size: 12px;color: #999;}

.article .date span{margin-right: 15px;}

.article .date a{color: #1152AE;}

.article .date a:hover{text-decoration: underline;}

.article .body{margin: 20px 0;}

.article .prenext{overflow: hidden;line-height: 35px;padding: 0 15px;background-color: #f7f7f7;}

.article .prenext p{width: 48%;}

.article .prenext p.fr{text-align: right;}

.article .prenext a{color: #666666 !important;font-weight: bold;}

.article .prenext a:hover{text-decoration: underline;}



.body img{max-width: 100%;height: auto !important;}

.body table{max-width: 100%;}



@media screen and (max-width: 640px) {

	.news_list li{padding: 10px 0;}

	.news_list li a{padding: 0 5px 0 95px;}

	.news_list .date{left: 10px;font-size: 16px;width: 65px;}

	.news_list .date span{font-size: 14px;}

	.news_list .date font{font-size: 14px;}

	.article{padding: 10px 0;}

	.article .bt{font-size: 18px;}

	.article .date{padding: 10px 0;}

	.article .date span{margin-right: 10px;}

	.article .prenext{font-size: 12px;padding: 5px 15px;}

	.article .prenext p{width: 100%;text-align: left !important;line-height: 25px;}

}





/*product*/

#subnav{border-bottom: 1px solid #ccd4ef;}

#subnav .content{display: flex;}

#subnav .content li{flex-grow: 1;max-width: 20%;}

#subnav .content li a{display: block;text-align: center;line-height: 24px;padding: 35px 0;position: relative;}

#subnav .active,#subnav .on2{color: #1152AE;}

#subnav .active:before,#subnav .on2:before{content: "";width: 3px;height: 35px;background: url(../images/tb9.png)no-repeat center bottom;position: absolute;bottom: -1px;left: 50%;margin-left: -1.5px;z-index: 2;}



.main_box{padding: 80px 0 100px;background-color: #e8eff9;}





.product_list li{float: left;width: 32%;margin: 0 2% 2% 0;}

.product_list li:nth-child(3n){margin-right: 0;}

.product_list li a{display: block;background-color: #FFFFFF;}

.product_list .pic-box{padding: 15px;}

.product_list .pic-box .box{position: relative;padding-top: 92%;overflow: hidden;}

.product_list .text{border-top: 1px solid #d2d2d2;position: relative;padding: 15px 45px 15px 15px;}

.product_list .text span{font-size: 16px;line-height: 25px;display: block;}

.product_list .text p{line-height: 20px;height: 40px;overflow: hidden;font-size: 12px;color: #727272;}

.product_list .text i{position: absolute;color: #D2D2D2;width: 20px;line-height: 20px;right: 15px;top: 50%;margin-top: -10px;}



.product_list li a:hover .text{border-color: rgba(255,255,255,0.2);}

.product_list li a:hover .text *{color: #FFFFFF;}

.product_list li a:hover{background-color: #1152AE;}



.product_box{background-color: #1152AE;}

.product_box .content{position: relative;padding: 40px 0 32px;color: #FFFFFF;text-align: center;}

.product_box .content span{display: block;font-size: 30px;font-weight: bold;}

.product_box .content p{font-size: 16px;margin: 5px 0 15px;}

.product_box .content a{display: block;width: 114px;line-height: 30px;font-size: 12px;color: #1152AE;background-color: #FFFFFF;border-radius: 20px;margin: 0 auto;}

.product_box .content img{position: absolute;}

.product_box .img1{left: 0;bottom: 0;width: 14.5%;}

.product_box .img2{right: 0;bottom: -10%;width: 16%;}



@media screen and (max-width: 1200px) {

	#subnav .content{width: 100%;}

	#subnav .content li a{padding: 20px 0;font-size: 12px;}

	#subnav .active:before,#subnav .on2:before{height: 20px;}

	.main_box{padding: 5% 0;}

}

@media screen and (max-width: 800px) {

	.product_list .pic-box{padding: 5px;}

	.product_list .text{padding: 0 10px;}

	.product_list .text p,.product_list .text i{display: none;}

	.product_list .text span{line-height: 30px;font-size: 14px;text-align: center;}

	.product_box .content{padding: 15px 0;}

	.product_box .content span{font-size: 20px;}

	.product_box .content p{font-size: 14px;margin: 5px 0 10px;}

	.product_box .content a{width: 90px;line-height: 25px;}

}

@media screen and (max-width: 640px) {

	#subnav .content{display: block;overflow: hidden;}

	#subnav .content li{max-width: none;width: 31%;box-sizing: border-box;float: left;margin: 1.166666%;border: 1px solid #E5E5E5;border-radius: 3px;}

	#subnav .content li a:before{display: none;}

	#subnav .content li a{padding: 0 5px;line-height: 35px;}

	.product_list li{width: 49%;margin-right: 2% !important;}

	.product_list li:nth-child(2n){margin-right: 0 !important;}

	.product_list .text span{font-size: 12px;}

}



.product_introduction{padding: 67px 0;}



.gallery-top-tuji{width: 35%;}

.gallery-top-tuji .swiper-slide{box-sizing: border-box;border: 1px solid #E5E5E5;}

.gallery-top-tuji .pic-box{display: block;position: relative;padding-top: 100%;overflow: hidden;}

.gallery-top-tuji .pic-box font{position: absolute;right: 0;bottom: 0;font-size: 12px;padding: 0 6px 0 26px;line-height: 30px;background: url(../images/fd.png)no-repeat center left 6px #EEEEEE;background-size: 14px;}

.gallery-top-tuji .pic-box:hover font{background-image: url(../images/fd_h.png);}



.product_introduction .right{width: 61%;}

.product_introduction .bt{font-size: 30px;color: #1152AE;padding-bottom: 10px;border-bottom: 1px solid #E5E5E5;margin-bottom: 20px;}

.product_introduction .nrzy{font-size: 12px;color: #464646;line-height: 25px;min-height: 75px;}

.product_introduction .link{overflow: hidden;margin: 35px 0;}

.product_introduction .link a{float: left;width: 138px;line-height: 40px;text-align: center;background-color: #1152AE;font-size: 12px;color: #FFFFFF !important;margin-right: 10px;}

.product_introduction .link a:last-child{margin-right: 0;}

.product_introduction .link a:hover{opacity: 0.8;}



.gallery-thumbs-tuji{max-width: 640px;margin: 0 !important;}

.gallery-thumbs-tuji .swiper-slide{box-sizing: border-box;border: 1px solid #E5E5E5;}

.gallery-thumbs-tuji .pic-box{position: relative;padding-top: 100%;overflow: hidden;cursor: pointer;}

.gallery-thumbs-tuji .swiper-slide-thumb-active{border-color: #1152AE;}



.product_introduction .bshare-custom{margin-top: 20px;}



.product_details .title{background-color: #6b8bc5;}

.product_details .title .tel{padding: 30px 0;}

.product_details .title .tel p{line-height: 37px;font-size: 24px;font-weight: bold;color: #FFFFFF;}

.product_details .title .tel p a{color: #FFFFFF;}

.product_details .title .tel p.fr{padding-left: 50px;background: url(../images/tb10.png)no-repeat center left;}



.gallery-thumbs-body .swiper-slide p{color: #FFFFFF;text-align: center;line-height: 24px;padding: 13px 0;background-color: #446196;cursor: pointer;}

.gallery-thumbs-body .swiper-slide-thumb-active p{color: #446196;background-color: #FFFFFF;}



.product_details .youshi{padding: 40px 0;}

.product_details .youshi .content{max-width: 960px;overflow: hidden;}

.product_details .youshi .content li{width: 25%;box-sizing: border-box;padding: 0 10px;text-align: center;float: left;}

.product_details .youshi .content li span{display: block;font-size: 55px;color: #999999;line-height: 65px;}

.product_details .youshi .content li p{font-size: 12px;color: #515151;}



.product_body{background-color: #e8eff9;padding: 55px 0 70px;}

.product_body .body{background-color: #e8eff9;padding: 0 25px;}



.product-recommend{padding: 45px 0 55px;}

.product-recommend .title{margin-bottom: 30px;line-height: 35px;}

.product-recommend .title span.fl{font-size: 24px;font-weight: bold;color: #181818;}

.product-recommend .title span.fr{font-size: 18px;color: #555555;margin-right: 15px;cursor: pointer;position: relative;padding-left: 25px;}

.product-recommend .title span.fr:hover{color: #1152AE;}

.product-recommend .title span.fr i{font-size: 22px;position: absolute;left: 0;top: 2px;}

.product-recommend .swiper-slide a{display: block;color: #555555;}

.product-recommend .swiper-slide .pic-box{position: relative;border: 1px solid #E5E5E5;padding-top: 93%;overflow: hidden;}

.product-recommend .swiper-slide .pic-box img{transition: ease-in-out 0.2s; height:60%; margin-top:20%;}

.product-recommend .swiper-slide a p{text-align: center;line-height: 40px;}

.product-recommend .swiper-slide a:hover img{height: 60%;}

.product-recommend .swiper-slide a:hover{ background: #1152ae; color: #ffffff !important;}



@media screen and (max-width: 1200px) {

	.product_introduction{padding: 5% 0;}

	.product_introduction .bt{font-size: 20px;margin-bottom: 10px;}

	.product_introduction .link{margin: 20px 0;}

	.product_introduction .link a{width: 100px;line-height: 35px;}

}

@media screen and (max-width: 800px) {

	.product_details .title .tel{padding: 15px 0;}

	.product_details .title .tel p{font-size: 20px;line-height: 30px;}

	.product_details .title .tel p.fr{font-size: 14px;background: none;padding-left: 0;}

	.gallery-thumbs-body .swiper-slide p{line-height: 20px;padding: 10px 0;font-size: 12px;}

	.product_details .youshi{padding: 15px 0;}

	.product_details .youshi .content li{padding: 0 5px;}

	.product_details .youshi .content li span{font-size: 26px;line-height: 40px;}

	.product_body,.product-recommend{padding: 5% 0;}

	.product_body .body{padding: 0;}

	.product-recommend .title{margin-bottom: 15px;}

	.product-recommend .swiper-slide a p{font-size: 12px;line-height: 30px;}

	.product-recommend .title span.fl{font-size: 20px;}

	.product-recommend .title span.fr{font-size: 14px;}

}

@media screen and (max-width: 640px) {

	.gallery-top-tuji{width: 100%;}

	.product_introduction .right{width: 100%;margin-top: 15px;}

	.product_introduction .link a{width: 80px;line-height: 30px; margin-bottom: 10px;}

}



/*contact*/

.contact_box{padding: 20px 0 20px 20px;}

.contact_box .name{font-size: 26px;color: #1152AE;font-weight: bold;padding-bottom: 10px;}

.contact_box .box{display: block;float: left;width: 33.3333%;box-sizing: border-box;font-size: 16px;color: #333;line-height: 30px;padding: 0 10px 0 70px;position: relative;margin-top: 30px; min-height: 120px;}

.contact_box .box font{display: block;color: #666666;}

.contact_box .box i{position: absolute;left: 0;top: 0;width: 58px;line-height: 58px;text-align: center;border: 1px solid #1152AE;border-radius: 50%;font-size: 28px;color: #1152AE;}

.contact_box .ewm{width: 90px;display: block;}

#map{width: 100%;height: 400px;font-size: 12px;}



@media screen and (max-width: 1200px) {

	.contact_box{padding: 0 0 20px 0;}

	.contact_box .name{font-size: 20px;}

	.contact_box .box{font-size: 14px;line-height: 25px;padding-left: 60px;margin-top: 15px;}

	.contact_box .box i{width: 48px;line-height: 48px;font-size: 22px;}

}

@media screen and (max-width: 640px) {

	.contact_box .box{width: 100%;line-height: 30px;padding: 0 0 0 40px; min-height: auto;}

	.contact_box .box i{width: 28px;line-height: 28px;font-size: 18px;}

	.contact_box .box font{display: inline-block;}

	.contact_box .box br{ /*display:none;*/}

	.contact_box .ewm{width: 120px;}

	#map{height: 300px;}

}



.xzzx_list li{padding: 10px 0;border-bottom: 1px dashed #ccc;}

.xzzx_list li a{display: block;position: relative;padding-left: 75px;line-height: 40px;font-size: 16px;}

.xzzx_list li a i{width: 60px;border-right: 1px solid #CCCCCC;position: absolute;left: 0;top: 0;font-size: 28px;text-align: center;}



/*page*/

.page{padding-top: 60px;text-align: center;}

.page li{display: inline-block;margin: 2px;font-size: 12px;}

.page li a{display: block;color: #575757;border: 1px solid #d2d2d2;width: 28px;line-height: 28px;}

.page li a:hover{color: #FFFFFF !important;border-color: #1152AE;background-color: #1152AE;}

.page .thisclass{color: #FFFFFF;border: 1px solid #1152AE;background-color: #1152AE;width: 28px;line-height: 28px;}

.page li span{font-size: 14px;}

.page li span font{color: #1152AE;}



@media screen and (max-width: 800px) {

	.page{padding-top: 15px;}

}





.about_nav{height: 56px;}

.about_nav .box_xf{border-bottom: 1px solid #E5E5E5;background-color: #FFFFFF;}

.about_nav ul{display: flex;}

.about_nav ul li{flex-grow: 1;min-width: 20%;box-sizing: border-box;border-right: 1px solid #E5E5E5;}

.about_nav ul li:first-child{border-left: 1px solid #E5E5E5;}

.about_nav ul li a{display: block;line-height: 55px;text-align: center;font-size: 16px;}

.about_nav ul li a:hover,.about_nav .active{color: #FFFFFF !important;background-color: #1152AE;}



.about_nav_xf .box_xf{position: fixed;width: 100%;left: 0;top: 0;z-index: 999;}



.about_name{margin-bottom: 70px;text-align: center;color: #373737;}

.about_name .p1{font-size: 56px;text-transform: uppercase;font-family: arial;font-weight: bold;}

.about_name .p2{font-size: 40px;margin-top: 5px;}



.about_box1{padding: 60px 0;}

.about_box1 .ggy{border-bottom: 1px solid #EEEEEE;margin-bottom: 40px;}

.about_box1 .ggy .fl{width: 60%;box-sizing: border-box;border-right: 1px solid #EEEEEE;padding-right: 4%;}

.about_box1 .ggy .fl p{float: left;width: 54%;font-size: 20px;line-height: 30px;color: #333333;}

.about_box1 .ggy img{float: right;width: 45%;margin: 30px 0 30px;}

.about_box1 .ggy .fr{width: 40%;box-sizing: border-box;padding-left: 4%;}

.about_box1 .ggy .fr img{float: left;width: 66%;}

.about_box1 .ggy .fr div{float: right;width: 33%;font-size: 20px;line-height: 30px;color: #333333;text-align: right;}

.about_box1 .ggy .fr div p{margin-top: 60px;}

.about_box1 .ggy .fr div p span{font-size: 36px;color: #1152AE;}



.about_box2{padding-bottom: 100px;}

.about_box2 ul li{width: 30%;float: left;margin-right: 5%;box-sizing: border-box;padding: 25px 10px;text-align: center;background-color: #EEEEEE;}

.about_box2 ul li:nth-child(3){margin-right: 0;}

.about_box2 ul li img{height: 60px;}

.about_box2 ul li .img2{display: none;}

.about_box2 ul li span{color: #333333;display: block;margin: 20px 0 10px;font-size: 18px;}

.about_box2 ul li p{color: #767676;}

.about_box2 ul li:hover{background-color: #1152AE;}

.about_box2 ul li:hover *{color: #FFFFFF !important;}

.about_box2 ul li:hover .img2{display: inline-block;}

.about_box2 ul li:hover .img1{display: none;}



.about_box3{padding: 60px 0;background: url(../images/honor_bg.jpg)no-repeat center;}

.about_box3 .about_name{color: #FFFFFF;}

.about_box3 .fancybox,.about_box4 .fancybox,.about_box5 .fancybox{position: relative;padding-top: 145%;overflow: hidden;display: block;}

.about_box3 .fancybox img,.about_box4 .fancybox img,.about_box5 .fancybox img{

	position: absolute;

	width: auto;

	height: auto;

	max-width: 100%;

	max-height: 100%;

	left: 50%;

	top: 50%;

	-webkit-transform: translate(-50%,-50%);

	-moz-transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%);

	-o-transform: translate(-50%,-50%);

	transform: translate(-50%,-50%);

}

.about_box3 .scrollbar-gszz{position: static !important;margin-top: 40px;opacity: 1 !important;}

.about_box3 .swiper-scrollbar-drag{background-color: rgba(255,255,255,0.6);}



.about_box4{padding: 80px 0;}

.about_box5{padding: 80px 0;background-color: #EEEEEE;}

.about_box4 .fancybox,.about_box5 .fancybox{padding-top: 62%;}



.about_btnbox{margin-top: 50px;text-align: center;}

.about_btnbox .iconfont{display: inline-block;width: 120px;line-height: 45px;border: 1px solid #333333;margin: 0 30px;color: #333333;cursor: pointer;font-size: 30px;}

.about_btnbox .iconfont:hover{background-color: #1152AE;border-color: #1152AE;color: #FFFFFF;}





.fwzx_box1{ float: left; width: 100%; margin-top: 30px;}

.fwzx_name{ width: 100%;  float: left; border-bottom: 1px solid #d2d2d2; height: 50px; line-height: 50px;}

.fwzx_name .p1{    float: left;  font-size: 18px;border-bottom: 1px solid #1f58bf; width: 100px; color: #000;}

.fwzx_name .p2{float: right; }

.fwzx_name .p2 a{ color: #6f6f6f; margin-right: 20px;}



.fwzx_dwon{ float: left; width: 100%; margin-top: 80px;}

.fwzx_dwon .bd{ overflow: hidden; width: 100%;}

.fwzx_dwon li{ float: left; width: calc(25% - 0.7px); text-align: center; margin-bottom: 30px; border-right: 1px solid #d2d2d2;}



.fwzx_dwon li .fwzx_dwon_tu{ padding: 50px 0;}

.fwzx_dwon li .fwzx_dwon_tu img{}

.fwzx_dwon li .fwzx_dwon_title{ font-size: 18px; color: #000; margin-bottom: 10px;}

.fwzx_dwon li .fwzx_dwon_gd{    font-size: 16px; color: #000;}

.fwzx_dwon li .fwzx_dwon_gd i{    position: relative; top: 5px; margin-right: 5px;}

.fwzx_dwon li .fwzx_dwon_gd img{}

.down_gd{ float: left; width: 100%; margin: 60px 0; text-align:center;}

.down_gd a{ padding:15px 60px; border:1px solid #d2d2d2; border-radius:50px; }

.down_gd a:hover{ background:#1f58bf; color: #fff !important; border:1px solid #1f58bf;}

.down_gs{ width: 4px; display:none;}



.fwzx_cgal{ position: relative;  width: 100%; float: left; margin-top:50px;}

.fwzx_cgal .bd{ overflow: hidden; width: 100%;}

.fwzx_cgal .bd ul li{ width:calc(33.3% + 14px); float: left; _display: inline; overflow: hidden; text-align: center; position: relative; text-align: left; }

.fwzx_cgal .bd ul li a{ border-top: 1px solid #d2d2d2; width:calc(100% - 40px); float:left;}

.fwzx_cgal .bd ul li:hover a{ border-top: 1px solid #1f58bf;}

.fwzx_cgal_title{ margin-top:50px; font-size:18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.fwzx_cgal_time{ color:#999999;}

.fwzx_cgal_tu{ width:100%; margin: 35px 0;}

.fwzx_cgal_tu img{ max-width:100%;}

.fwzx_cgal_desc{  line-height: 23px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}

.cgal_gs{ width: 3px; display:none;}



.fwzx_yyly{ width: 100%; float: left; margin-top:50px;}

.fwzx_yyly li{ width: 100%; float: left; margin:25px 0; height:430px; overflow:hidden; position:relative; }

.fwzx_yyly_tu{ width: 100%; float: left;}

.fwzx_yyly_tu img{ width: 100%; float: left;     transition: 0.8s;}

.fwzx_yyly li:hover .fwzx_yyly_tu img{ transform: scale(1.1);     transition: 0.8s;}

.fwzx_yyly_cont{position:absolute; right:0px; background:#fff; width: 40%;  padding: 5%;}

.fwzx_yyly_title{ font-size: 22px; margin-bottom: 10px;}

.fwzx_yyly_desc{ height: 80px;}

.fwzx_yyly_gd{  margin-top: 30px;}

.fwzx_yyly_gd a{ float: left; background:url(../images/fwzx_yyly_gd_bg.png) center center no-repeat; background-size: 100% 100%;    text-align: center; padding: 10px 20px;}

.fwzx_yyly_gd span{float: right;  padding: 10px 20px;}

.fwzx_yyly li:hover .fwzx_yyly_cont{ background:#1f58bf; color:#fff !important;}





.fwzx_message_top{ background:url(../images/fwzx_message_bg.jpg) center center no-repeat; padding: 80px 0;}

.fwzx_title{    width: 100%; text-align: center; color: #fff;}

.fwzx_title .tu{ margin-bottom:15px;}

.fwzx_title .tu img{}

.fwzx_title .p1{ font-size: 22px;}

.fwzx_message{ width: 520px; /*float: left;*/ margin:0 auto; margin-top:20px; margin-bottom:50px;}

.fwzx_message .box{ width: 49%; float: left; margin-right: 2%; margin-top:20px; border-radius: 8px; overflow: hidden;}

.fwzx_message .box2{ margin-right:0px;}

.fwzx_message .box1{ width:100%;} 

.fwzx_message .box input{  height: 56px;  width: calc(100% - 80px); padding-right: 20px; float:left;}

.fwzx_message .box i{height: 56px; float: left;  width: 60px; text-align: center; background:#fff;}

.fwzx_message .box i img{ position:relative; top:14px;}

.fwzx_message .message{ width: 100%;  float: left;  margin-top:20px;}

.fwzx_message .message textarea{ width:calc(100% - 120px); padding: 20px 60px; height:50px; background: url(../images/fwzx_cont.png) top left no-repeat #fff; border-radius: 8px;}

.fwzx_message .sub{ width: 100%;  float: left; margin-top:20px;}

.fwzx_message .yzm{width: 49%; float: left; margin-top:20px;}

.fwzx_message .yzm img{ width:180px; height:50px; float:left;   margin-top: 4px;}

.fwzx_message .sub .submit{  width: 100%;text-align:center;}

.fwzx_message .sub .submit input{ width:40%;  margin: 0 !important; height: 54px;  background:#1f58bf; color:#fff; border-radius: 5px;

    font-size: 16px;}

.fwzx_message input#name{}

.fwzx_message input#phone{}



.clear {

	clear: both;

	height:0px;

	line-height:0px;

}

.about_nav2{ display:none;}



@media screen and (max-width: 1200px) {

	.about_name{margin-bottom: 5%;}

	.about_name .p1{font-size: 30px;}

	.about_name .p2{font-size: 24px;}

	.about_nav{height: 41px;}

	.about_nav ul li a{line-height: 40px;font-size: 12px;}

	.about_box1{padding: 5% 0;}

	.about_box2{padding-bottom: 5%;}

	.about_box3{padding: 5% 0;}

	.about_box4,.about_box5{padding: 5% 0;}

	.about_btnbox{margin-top: 20px;}

	.about_btnbox .iconfont{width: 80px;line-height: 30px;margin: 0 15px;}

}

@media screen and (max-width: 640px) {

	.about_box1 .name{font-size: 30px;margin-bottom: 20px;}

	.about_box1 .ggy .fl p{font-size: 12px;line-height: 20px;}

	.about_box1 .ggy img{margin: 10px 0 10px;}

	.about_box1 .ggy .fr div{font-size: 12px;line-height: 20px;}

	.about_box1 .ggy .fr div p{margin-top: 15px;}

	.about_box1 .ggy .fr div p span{font-size: 18px;}

	.about_box1 .ggy{margin-bottom: 20px;}

	.about_box1 .body,.about_box1 .body *{font-size: 14px !important;line-height: 2em !important;}

	.about_box2 ul li{width: 32%;margin-right: 2%;padding: 15px 5px;}

	.about_box2 ul li img{height: 40px;}

	.about_box2 ul li span{font-size: 14px;margin: 10px 0 5px;}

	.about_box2 ul li p{font-size: 12px;}

	.about_box3 .scrollbar-gszz{margin-top: 20px;}

	

	.fwzx_dwon li{     width: calc(50% - 0.7px);}

	.down_gs{ width:2px; display:none;}

	

	.fwzx_cgal .bd ul li{ width: calc(50% + 14px);}

	.fwzx_cgal_title{font-size: 14px;}

	.cgal_gs{ width: 2px; display:none;}

	.fwzx_yyly li{height:auto;}

	.fwzx_yyly_cont{   float: left;  position: initial;  width: 90%;  border-bottom: 1px solid #d2d2d2;  padding-bottom: 55px;}

	.fwzx_message .box{    width: 100%; margin-right:0px;}

	.fwzx_message .sub .yzm{ width: 100%;}

	.fwzx_message .sub .submit{  width: 100%; margin-top:30px;}

	.fwzx_message .sub .submit input{width: 100%;}

	

	.about_name .p1{ font-size: 20px;}

	.about_name .p2 { font-size: 20px;}

	.main_left{ display:none;} 

	.about_nav2{ display:block;}



	

}

@media screen and (max-width: 500px) {

	.about_nav{border-bottom: none;height: auto;}

	.about_nav ul{display: block;overflow: hidden;width: 100%;}

	.about_nav ul li{max-width: none;width: 33.3333%;float: left;border-bottom: 1px solid #E5E5E5;}

	.about_nav ul li a{line-height: 30px;}

	

	.fwzx_cgal .bd ul li{ width:100%;}

	.fwzx_cgal .bd ul li a{width:100%;}

	.cgal_gs{ width: 1px; display:none;}

}















.page{
	clear: both;
	margin: 20px;
	overflow: hidden;
	margin-left: 0px;
	text-align: center;
	font-size: 12px
 }
 .page>ul>span {
	display: inline-block;
	border: 1px solid #ccc;
	padding: 4px 12px;
	margin: 0 1px;
	line-height: 24px;
	background: #fff;
	color: #999
 }
 .page>ul>span.page-numbar a{
	display: inline-block;
	border: 1px solid #ccc;
	padding: 4px 12px;
	margin: 0 1px;
	line-height: 24px;
	background: #fff;
	color: #999
 }
 .page>ul>span.page-numbar {
	display: inline-block;
	border: none;
	padding: 0;
	margin: 0;
	line-height: 24px;
	background: #fff;
	color: #999
 }
 
 .page>ul>span.page-numbar span{
	display: none;
 }
 .page>ul span:hover {
	background: #1152AE;
	color: #fff;
	border: 1px solid #1152AE
 }
 .page>ul span.page-numbar a:hover {
	background: #1152AE;
	color: #fff !important;
	border: 1px solid #1152AE
 }
 .page>ul>span:not(.page-numbar):hover a{
	color: #fff;
 }
 .page>ul span.page-numbar:hover {
	background: #fff;
	color: #999;
	border: none
 }
 /* .page>ul>span.page-numbar:hover a{
	color: none;
 } */
 .page>ul .page-numbar a.page-num-current {
	display: inline-block;
	border: 1px solid #1152AE;
	padding: 4px 12px;
	margin: 0 1px;
	background: #1152AE;
	color: #fff;
 }
 .page>ul .page-numbar a.page-num-current {
	color: #fff;
 }
 .page>ul span a {
	/* display: block; */
	color: #999
 }
 .page>ul span:not(.page-numbar) a:hover {
	color: #fff !important;
 }
 @media (max-width: 600px) {
  .page>ul span.page-status,.page>ul span.page-num{
   display: none;
    }
    .page>ul >span {
      padding: 2px 5px;
  }
  .page>ul >span.page-numbar a {
    padding: 2px 5px;
}
.page>ul  .page-numbar a.page-num-current {
  padding: 2px 5px;

}
 }