@charset"utf-8";
/*1920*/
@media screen and (max-width: 1920px) and (min-width: 1280px){
	.hm3_dl:hover .jia{
		visibility: visible;
		opacity: 1;
	}
	.nav li:hover a{
		color: #1b6ba4;
	}
	.hm_txtbut a:hover{
		background-color: #3195da;
		border-color: #3195da;
	}
	.hm_txtbut a:hover i:after{
		left: 0;
		opacity: 1;
	}
	.hm3_list li:hover a{
		color: #3195da;
	}
	.foot_botm p a:hover{
		color: #fff;
	}
	.sm_nav li:hover a{
		color: #3195da;
	}
	.sm_nav li:hover a:after,.sm_nav li:hover a:before{
		visibility: visible;
		opacity: 1;
	}
	.sm_nav li:hover a:before{
		bottom: 2px;
	}
	.hm1_dl:hover dt img{
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
	}
	.hm1_dl:hover dd h2,
	.hm4_dl:hover dd h3,
	.new_dl:hover dd .h3_tit,
	.new_news li:hover .h3_tit{
		color: #3195da;
	}
	.hm3_dl:hover dt img{
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
	}
	.hm4_dl:hover dt img,
	.xgcp_dl:hover dt img,
	.honour_dl:hover dt img{
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
	}
	.hm4_dl:hover .jian{
		-webkit-animation: hm4_dl 0.3s linear 0s infinite;
		-moz-animation: hm4_dl 0.3s linear 0s infinite;
		-ms-animation: hm4_dl 0.3s linear 0s infinite;
		-o-animation: hm4_dl 0.3s linear 0s infinite;
		animation: hm4_dl 0.3s linear 0s infinite;
	}
	.new_pg li:hover h3{
		color: #3195da;
		top: -5px;
	}
	@keyframes hm4_dl{
		0%{
			left: 0;
		}
		50%{
			left: 7px;
		}
		100%{
			left: 0;
		}
	}
	.new_dl:hover dt img{
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
	}
	.new_dl:hover dd .ico{
		-webkit-animation: hm4_dl 0.3s linear 0s infinite;
		-moz-animation: hm4_dl 0.3s linear 0s infinite;
		-ms-animation: hm4_dl 0.3s linear 0s infinite;
		-o-animation: hm4_dl 0.3s linear 0s infinite;
		animation: hm4_dl 0.3s linear 0s infinite;
	}
	.honour_dl:hover dd{
		background-color: rgba(0,0,0,.7);
	}
	.honour_dl:hover dd i{
		top: 0;
		opacity: 1;
	}
	.honour_dl:hover dd h3{
		bottom: 0;
		opacity: 1;
	}
	.product_dl:hover dd{
		background-color: rgba(0,0,0,.3);
	}
	.product_dl:hover dd i{
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
		opacity: 1;
	}
	.product_dl:hover dd h3 span{
		bottom: 0;
		opacity: 1;
	}
	.product_dl:hover dd h3:after{
		width: 100%;
	}
	.bshare-custom a:hover{
		filter: grayscale(0);
		opacity: 1;
	}
	.new_tul li:nth-child(3) span{
		cursor: pointer;
	}
	.new_tul li:nth-child(3) span:hover{
		color: #f00;
	}
}
@media screen and (max-width: 1366px){
	.logo, .nav li a,.seach{
		height: 72px;
	}
	.logo, .nav li a{
		line-height: 72px;
	}
	.scrtop{
		right: -50px;
	}
}
@media screen and (max-width: 1280px){
	.hm2_container{
		width: 90%;
		padding-left: 10%;
	}
	.hm_titdiv p{
		font-size: 50px;
		height: 50px;
		line-height: 50px;
	}
	.hm_titdiv h2{
		font-size: 20px;
	}
}
@media screen and (max-width: 1200px){
	.hm4_dl{
		padding-left: 15px;
		padding-right: 15px;
	}
	.hm4_dl dt,.hm4_dl dd{
		width: 100%;
	}
	.hm4_dl dt img{
		width: 100%;
	}
	.hm4_dl dd{
		padding-left: 15px;
		padding-right: 15px;
	}
	.abo1_dt,.abo1_dd{
		width: 50%;
	}
	.abo1_dt{
		margin-top: 30px;
	}
	.sm_nav{
		width: 520px;
	}
	.honour_side{
		width: 660px;
	}
	.honour_rt{
		width: 260px;
	}
	.service_dt{
		width: 315px;
	}
	.service_dd{
		width: 625px;
		padding-top: 15px;
	}
	.new_list{
		width: 100%;
	}
	.new_news{
		margin-top: 50px;
		width: 100%;
		background-color: rgba(0,0,0,0);
	}
	.new_dl dd{
		width: 678px;
	}
	.new_txt{
		width: 100%;
	}
	.ftop_lt{
		margin-bottom: 20px;
	}
	.abo1_txt{
		height: 370px;
	}
}
@media screen and (max-width: 1199px){
	.sm_nav {
	    width: 445px;
	}
}
@media screen and (max-width: 1023px){
	.header{
		position: relative;
	}
	.nav{
		position: absolute;
		z-index: 3;
		top: 72px;
		left: 0;
		width: 100%;
		margin-left: 0;
		background-color: rgba(255,255,255,.8);
		display: none;
	}
	.nav li{
		width: 100%;
		text-align: center;
	}
	.nav li a{
		width: 100%;
	}
	.seach{
		margin-right: 45px;
	}
	.navToggle{
		display: block;
		position: absolute;
		right: 15px;
		top: 0;
		bottom: 0;
		margin: auto;
	}
	.hm1_lt{
		width: 100%;
		padding-top: 0;
		margin-bottom: 50px;
	}
	.hm1_rt{
		width: 100%;
	}
	.hm4_dl{
		padding-left: 10px;
		padding-right: 10px;
	}
	.hm4_dl dd h3{
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.hm4_dl dd{
		padding-left: 0;
		padding-right: 0;
	}
	.hm4_dl dd p{
		line-height: 20px;
	}
	.hm4_dl .textq{
		margin-bottom: 15px;
	}
	.hm1_txt .hm_txtxt{
		margin-top: 20px;
		padding-bottom: 20px;
		margin-bottom: 0;
	}
	.sm_navtit{
		width: 150px;
		height: 110px;
	}
	.sm_nav{
		margin-left: 150px;
		width: 400px;
	}
	.abo2_li{
		padding-left: 15px;
		padding-right: 15px;
	}
	.honour_rt{
		display: none;
	}
	.honour_side{
		width: 100%;
	}
	.m_imgbox{
		width: 100%;
	}
	.xgcp_list .xgcp-col{
		/*margin-bottom: 20px;*/
	}
	.service_dt{
		width: 100%;
		text-align: center;
		margin-bottom: 30px;
	}
	.service_dt img{
		width: auto;
		max-width: 100%;
		display: inline-block;
	}
	.new_dl dt{
		width: 215px;
		height: auto;
	}
	.new_dl dd{
		width: 500px;
		padding-top: 5px;
	}
	.map_ul li{
		margin-right: 30px;
	}
}
@media screen and (max-width: 767px){
	.abo2_li{
		display: inline-block;
		vertical-align: top;
		float: none;
	}
	.hm1_box{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.hm1_lt{
		margin-bottom: 30px;
	}
	.hm1_rt .row{
		margin-left: -10px;
		margin-right: -10px;
	}
	.hm1_rt .row .col-xs-4{
		padding-left: 10px;
		padding-right: 10px;
	}
	.hm1_dl dt{
		margin-bottom: 18px;
	}
	.hm2_lt, .hm2_rt{
		width: 100%;
		height: auto;
	}
	.hm2_box{
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 20px;
	}
	.hm2_container{
		padding-left: 0;
		width: 100%;
	}
	.hm2_list{
		margin-top: 30px;
	}
	.hm2_img img{
		width: 100%;
	}
	.hm2_box .hm_txtxt{
		margin-top: 25px;
		margin-bottom: 30px;
	}
	.hm2_lt{
		margin-top: 30px;
	}
	.hm3_box{
		padding-top: 30px;
	}
	.hm3_list .hm3_xg, .hm3_list li a{
		font-size: 12px;
	}
	.hm3_list{
		margin-bottom: 30px;
	}
	.hm4_box{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.hm4_list .slick-dots{
		margin-top: 35px;
	}
	.ftop_lt,.ftop_rt{
		width: 100%;
	}
	.foot_botm{
		text-align: center;
	}
	.foot_botm p a{
		display: block;
	}
	.foot_lt,.foot_rt{
		width: 100%;
	}
	.foot_botm{
		height: auto;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.sm_navtit{
		display: none;
	}
	.sm_nav{
		width: 88%;
		margin-left: 0;
	}
	.abo1_dt, .abo1_dd{
		width: 100%;
	}
	.abo1_dd{
		padding-left: 0;
		margin-top: 50px;
	}
	.abo1_dt{
		margin-top: 0;
	}
	.abo2_li{
		width: 50%;
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 20px;
	}
	.abo2_ul{
		margin-top: 30px;
	}
	.abo2_box{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.abo3_txt{
		margin-top: 30px;
	}
	.abo3_box{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.hm_titdiv p{
		font-size: 42px;
	}
	.sm_bbt{
		width: 100%;
		text-align: right;
	}
	.product_col{
		padding-left: 10px;
		padding-right: 10px;
	}
	.product_side .row{
		margin-left: -10px;
		margin-right: -10px;
	}
	.m_imgji{
		width: 70%;
		margin: auto;
	}
	.m_imgbox{
		margin-bottom: 30px;
	}
	.new_pglt{
		margin-bottom: 20px;
	}
	.service_dd{
		width: 100%;
		padding: 0;
	}
	.service_dt{
		width: 70%;
		margin: auto;
		float: inherit;
		margin-bottom: 30px;
	}
	.new_dl{
		width: 50%;
		float: left;
		padding-left: 10px;
		padding-right: 10px;
	}
	.new_dl dt,
	.new_dl dd{
		width: 100%;
	}
	.new_dl dd{
		padding-left: 0;
		padding-top: 20px;
	}
	.new_dl dd .h3_tit{
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.new_t .h1_tit{
		margin-bottom: 20px;
	}
	.map_ul li{
		margin-right: 0;
		width: 100%;
		margin-bottom: 30px;
	}
	.honour_box{
		padding-bottom: 30px;
	}

	/*

	*/
	.hm_titdiv p{
		font-size: 38px;
	}
	.sm_nav li a{
		height: 55px;
		line-height: 55px;
		font-size: 14px;
	}
	.sm_navbox{
		height: 55px;
	}
	.sm_bbt a, .sm_bbt span.jian{
		height: 45px;
		line-height: 45px;
	}
	.honour_box{
		padding-top: 75px;
	}
	.product_txt h1{
		margin-bottom: 25px;
	}
	.hm1_dl dd h2{
		font-size: 14px;
		margin-bottom: 10px;
	}
	.hm1_dl dd p{
		font-size: 12px;
	}
	.hm1_dl dt{
		margin-bottom: 18px;
	}
	.fancybox-next{
		right: 0;
	}
	.fancybox-close{
		right: 0;
		width: 35px;
		height: 35px;
		background-size: auto 35px;
		top: 0;
	}
	.fancybox-prev{
		left: 0;
	}
	.fancybox-nav span{
		background-size: 15px auto;
	}
	.banxdiv{
		display: none;
	}
	.hm3_dl dd h3{
		font-size: 14px;
	}
	.hm3_dl dd{
		height: 35px;
	}
	.hm3_dl{
		margin: 10px 0;
	}
	.hm3_botm .col-lg-3{
		padding: 0 10px;
	}
	.hm3_botm .row{
		margin: 0 -10px;
	}
	.abo2_li .h3_tit{
		margin-bottom: 10px;
	}
	.abo2_li .m_p{
		line-height: 22px;
	}
	.product_txt{
		padding-bottom: 30px;
	}
	.logo, .nav li a, .seach{
		height: 45px;
	}
	.logo, .nav li a{
		line-height: 45px;
	}
	.nav li a{
		font-size: 14px;
	}
	.nav{
		top: 45px;
	}
	.logo img{
		height: 25px;
	}
	.navToggle{
		width: 25px;
		height: 25px;
	}
	.navToggle .icon:after, .navToggle .icon:before{
		width: 25px;
	}
	.navToggle .icon:before{
		top: -7px;
	}
	.navToggle .icon:after{
		bottom: -5px;
	}
	.fm_seach .inp_but .but{
		background-size: 20px auto;
	}
	.new_list{
		margin-top: -30px;
	}
	.new_dl{
		padding-top: 20px;
		padding-bottom: 15px;
	}
	.new_dl dd .m_txt{
		margin-bottom: 15px;
		line-height: 22px;
	}
	.new_dl dd .h3_tit{
		font-size: 14px;
	}
	.new_news{
		padding: 15px;
		margin-top: 15px;
	}
	.new_pg{
		padding-top: 20px;
		padding-bottom: 20px;
		overflow: hidden;
	}
	.hm4_tit{
		min-width: 50%;
	}
	.hm4_box{
		padding-top: 20px;
	}
	.hm4_botm{
		padding-top: 25px;
	}
	.hm4_list .slick-dots{
		margin-top: 15px;
	}
	.abo3_ul .slick-slide:nth-child(2n) .abo3_li .m_time{
		top: 0;
		bottom: auto;
	}
	.abo3_ul .slick-slide:nth-child(2n) .abo3_li .m_txt{
		top: auto;
		bottom: 0;
	}
	.new_listbox{
		margin-bottom: 30px;
	}
	.hm4_dl dd h3{
		font-size: 14px;
	}
	.hm4_dl .time strong{
		font-size: 16px;
	}
	.hm3_list{
		line-height: 22px;
	}
	.product_dl dd{
		background-color: rgba(0,0,0,0);
	}
	.product_dl dd i{
		/*-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
		opacity: 1;*/
		display: none;
	}
	.product_dl dd h3 span{
		bottom: 0;
		opacity: 1;
	}
	.product_dl dd h3:after{
		width: 100%;
	}
	.product_dl dd h3{
		font-size: 14px;
		height: 35px;
		line-height: 35px;
	}
	.product_dl{
		margin-bottom: 20px;
	}
	.scrtop{
		right: 0;
	}
	.product_txtbox{
		overflow: hidden;
	}
	.mobile{
		display: block;
	}
	.pc{
		display: none;
	}
}