/*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: #0068b7;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: #0068b7;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: #0068b7;font-family: impact;}
.cl-lx .tel font a{ color: #0068b7;}
.cl-lx .tel i{position: absolute;line-height: 45px;left: 0;bottom: 0;font-size: 40px;color: #0068b7;}
.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: #0068b7;}
.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: #0068b7;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: #0068b7;text-decoration: underline;}
.message_box .btn input{float: left;width: 120px;line-height: 38px;color: #FFFFFF;cursor: pointer;background-color: #0068b7;}
.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: #0068b7;}
.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: #0068b7;}
.news_list li a:hover .date{border-color: #0068b7;color: #0068b7;}
@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: #0068b7;}
.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; margin-top: 15px;}
#subnav .content{}
#subnav .content li{ display: inline-block; margin-left: 20px;  margin-bottom: 15px;}
#subnav .content li a{display: block;text-align: center;line-height: 24px;position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px;padding: 10px;border: 1px solid #000; }
#subnav .content li a.active,#subnav .on2,#subnav .content li a:hover{color: #fff; background: #0068b7; border-color:#0068b7 ;}
/*#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: #0068b7;}
.product_box{background-color: #0068b7;}
.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: #0068b7;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: #0068b7;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: #0068b7;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: #0068b7;}
.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{padding: 55px 0 70px;}
.product_body .body{padding: 0 25px;}
.product_body .swiper-slide{ height: 0 !important; overflow: hidden;}
.product_body .swiper-slide-active{ height: auto !important;}
.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: #0068b7;}
.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: #0068b7; 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: #0068b7;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 #0068b7;border-radius: 50%;font-size: 28px;color: #0068b7;}
.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: #0068b7;background-color: #0068b7;}
.page .thisclass{color: #FFFFFF;border: 1px solid #0068b7;background-color: #0068b7;width: 28px;line-height: 28px;}
.page li span{font-size: 14px;}
.page li span font{color: #0068b7;}
@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: #0068b7;}
.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: #0068b7;}
.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: #0068b7;}
.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: #0068b7;border-color: #0068b7;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; background-size: cover;}
.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: #0068b7;
	color: #fff;
	border: 1px solid #0068b7
 }
 .page>ul span.page-numbar a:hover {
	background: #0068b7;
	color: #fff !important;
	border: 1px solid #0068b7
 }
 .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 #0068b7;
	padding: 4px 12px;
	margin: 0 1px;
	background: #0068b7;
	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;
}
.fwzx_message{ width: 100%;}
 }