@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;

	}

}

@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;

	}

	.scrtop{

		right: 0;

	}

	.sm_bbt{

		display: none;

	}

}

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

	.sm_nav {

	    width: 445px;

	}

}

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

	.hm2_lt, .hm2_rt{

		width: 100%;

	}

	.hm2_img img{

		position: relative;

		top: 0;

		left: 0;

		-webkit-transform: translate(0,0);

		-moz-transform: translate(0,0);

		-ms-transform: translate(0,0);

		-o-transform: translate(0,0);

		transform: translate(0,0);

		width: 100%;

	}

	.hm2_rt{

		margin-bottom: 30px;

	}

	.hm2_lt, .hm2_rt{

		height: auto;

	}

	.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;

	}

	.sm_nav{

		width: 515px;

	}

}

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

	.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: 20px;

		font-size: 14px;
		padding: 0 5px;

	}

	.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;

	}

	#map{

		height: 280px !important;

	}

	.abo3_li .m_txt,

	.abo3_li .m_txt .m_p{

		height: 95px;

	}

	.abo3_ul .slick-slide:nth-child(2n) .abo3_li .m_txt .m_p{

		top: 25px;

		bottom: auto;

	}

}