@charset "utf-8";

.home-top-grid1 {
	background: rgba(11, 100, 143, 0.7);
	transition: 0.5s all;
}

.home-top-grid2 {
	background: rgba(226, 23, 55, 0.5);
	transition: 0.5s all;
}

.home-top-grid3 {
	background: rgba(11, 100, 143, 0.4);
	transition: 0.5s all;
}

@font-face {
	src: url(../fonts/HelveticaInserat.ttf);
}

.SourceHanSerifCN-Heavy {
	font-family: "SourceHanSerifCN-Heavy";
}

@font-face {
	font-family: 'iconfont';  /* project id 1595114 */
	src: url('//at.alicdn.com/t/font_1595114_59ygu8axxd3.eot');
	src: url('//at.alicdn.com/t/font_1595114_59ygu8axxd3.eot?#iefix') format('embedded-opentype'),
	url('//at.alicdn.com/t/font_1595114_59ygu8axxd3.woff2') format('woff2'),
	url('//at.alicdn.com/t/font_1595114_59ygu8axxd3.woff') format('woff'),
	url('//at.alicdn.com/t/font_1595114_59ygu8axxd3.ttf') format('truetype'),
	url('//at.alicdn.com/t/font_1595114_59ygu8axxd3.svg#iconfont') format('svg');
  }
  .iconfont{
	銆€銆€ font-family:"iconfont" !important;
	銆€銆€ font-size:14px;
   銆€銆€  font-style:normal;
   銆€銆€  -webkit-font-smoothing: antialiased;
   銆€銆€  -webkit-text-stroke-width: 0.2px;
   銆€銆€  -moz-osx-font-smoothing: grayscale;
   銆€銆€}
@font-face {
	font-family: 'FuturistCondensed';
	src: url('../fonts/FuturistCondensed Regular.TTF');
	/* IE9*/
	src: url('../fonts/FuturistCondensed Regular.TTF') format('embedded-opentype'),
		/* IE6-IE8 */
		/*url('../fonts/FuturistCondensed Regular.woff') format('woff'), */
		/* chrome銆乫irefox */
		url('../fonts/FuturistCondensed Regular.TTF') format('truetype'),
		/* chrome銆乫irefox銆乷pera銆丼afari, Android, iOS 4.2+*/
		url('../fonts/FuturistCondensed Regular.svg#iconfont') format('svg');
	/* iOS 4.1- */
}
body {
	font-family: "寰蒋闆呴粦";
	min-width: 320px;
	color: #333;
	overflow-x: hidden;
	outline: none !important;
}

.iconfont {
	font-family: 'iconfont';
}

img {
	max-width: 100%;
}

li {
	list-style: none;
}

i,
em {
	font-style: normal;
}

p {
	margin-bottom: 0;
}

.vcenter {

}

.last {
	margin-right: 0 !important;
}

.relative {
	position: relative;
}

a {
	color: #2e2e2e;
	text-decoration: none !important;
}
a:hover,a:active,a:focus{
	color: #0081f4;
	text-decoration: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
ul,
li {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}
input{
	padding:0;
	margin:0;
	border: 0;
	outline: none;
	font-family:'寰蒋闆呴粦';
}
select,input,img,select{
	vertical-align:middle;
}
.container {
	width: 1100px;
	padding: 0px;
}

.container2 {
	width: 1210px;
	margin: 0 auto;
}

.pic {
	position: relative;
	overflow: hidden;
}

.pic:after {
	content: "";
	display: block;
}
.common{margin-top: 14px;}
.text-center{text-align: center;}
.padding-none{padding: 0;}

@media (min-width: 992px) and (max-width: 1199px) {
	.container {
		padding: 0 15px;
		width: 100%;
	}

	.container2 {
		padding: 0 15px;
		width: 100%;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.container {
		padding: 0 15px;
		width: 100%;
	}

	.container2 {
		padding: 0 15px;
		width: 100%;
	}
}


@media (max-width: 1100px) {
	.container {
		padding: 0 15px;
		width: 100%;
	}

	.container2 {
		padding: 0 15px;
		width: 100%;
	}
}

/* commond */
.col-title1{text-align: center;font-size: 22px;font-weight: normal;margin-bottom: 10px!important;text-transform: uppercase;font-family: Arial;color: #737373;}
.col-title2{font-size: 18px;font-weight: normal;text-align: center;background: url(../images/bgc2.png) no-repeat center; color: #035cac;margin-bottom: 10px;}
.col-link{display: block;text-align: center;margin-top: 20px;}
.col-link p{width: 140px;height: 40px;background: #035cac;display: inline-block;line-height: 40px;text-align: center;color: #fff;font-weight: bold;}
.col-index-title1,.col-index-title2{font-size: 30px;line-height: 26px;color: #000000;margin: 12px 0 24px;position: relative;}
.col-index-title1{margin: 12px 0 50px;}
.col-index-title1::after{content: '';position: absolute;width: 54px;height: 5px;background-color: #000000;bottom: -25px;left: 0;}
/* header */
header{position: relative;;height: 58px;z-index: 9999;transition: 0.5s;margin-top: 10px;background: url(../images/black.png) no-repeat center;padding: 0 20px 0 30px;}
header .logo{margin-top: 4px;}
header nav ul li{float: left;}
header nav ul{float: left;}
header nav ul.nav li{margin-left: 8px;background: url(../images/top.png) no-repeat right;position: relative;}
header nav ul.nav li>a{display: inline-block; padding: 0 24px;line-height: 58px;margin: 0 auto;font-size: 14px;vertical-align: middle;color: #fff;}
header nav ul.nav li:hover>a,header nav ul.nav li:active>a{background-color: transparent;color:#0081f4;}
header nav ul.nav li dl{display: none;position: absolute;top: 101%;left: -80px;z-index: 99;width: 265px;background: #272829;line-height: 0;border-radius: 25px;padding: 10px 0 10px 10px;}
header nav ul.nav li dl dt a{display: block;width: 92%;word-wrap: break-word;font-weight: normal;text-transform: lowercase;position: relative;text-align: left;color: #a7a7a7;line-height: 2;display: inline-block; height: 40px;padding: 5px 4px 5px 20px;-webkit-transition: all .2s; -o-transition: all .2s; -moz-transition: all .2s;-ms-transition: all .2s;transition: all .2s;font-size: 14px;border-bottom: 1px solid #1d1d1d;}
header nav ul.nav li dl dt:last-child a{border: 0;}
header nav ul.nav li dl dt a img{text-align: right;float: right;position: relative;top: 9px;display: none;transition: .5s;}
header nav ul.nav li dl dt:hover a img{display: block;}
/* .is-header{background-color: #c2292f;box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);transition: none;} */
/* 璇█ */
header nav ul.language{overflow: hidden;;margin-left: 8px;width: 73px;transition: .5s;background: #141414 url(../images/top2.png) no-repeat right;margin-top: 16px;border-radius: 40px;height: 25px;}
header nav ul.language li{position: relative;white-space: nowrap;}
header nav ul.language li a{transition: .5s;display: inline-block;height: 25px;line-height: 25px;padding: 0;margin: 0 5px 0;color: #fff;white-space: nowrap;}
header nav ul.language li:nth-child(2) a{position: absolute;right: -110px;}
header nav ul.language li:nth-child(1) a{position: absolute;left: 0;}
header nav ul.language:hover{background: #141414 url(../images/top2.png) no-repeat left;}
header nav ul.language:hover li:nth-child(1) a{left: -70px;}
header nav ul.language:hover li:nth-child(2) a{right: -67px;}
/* 棣栭〉杞挱 */
.col-index-banner{position: relative;top: -68px;}
.col-index-banner .swiper-slide{z-index: 1;background-size: cover!important;}
.col-index-banner .slide-pagination{position: absolute;z-index: 9;margin: auto;text-align: center;margin-bottom: 0;}
.col-index-banner .swiper-pagination-bullet{background-color: #222;position: relative;opacity: 1!important;width: 14px;height: 14px;border: 4px solid transparent;}
.col-index-banner .swiper-pagination-bullet-active{background-color: #777!important;}
.col-index-banner .swiper-button-prev{outline: none;left:24%!important;background: url(../images/left.png) no-repeat;background-size: cover;width: 42px;height: 77px;}
.col-index-banner .swiper-button-next{outline: none;right: 24%!important;background: url(../images/right.png) no-repeat;background-size: cover;width: 42px;height: 77px;}
.col-index-banner .swiper-slide img{width:100%;}
.col-index-banner .banner-txt{position: absolute; width: 100%; padding: 0 15px; max-width: 1100px; margin: 0 auto; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); transition: all .36s; text-align: center; font-size:36px;}
.col-index-banner .banner-txt h2{margin: 0; color: #fff; font-size: 4.5rem; transform:translateY(25px);opacity:0;transition:all .5s;text-shadow:0 0 15px rgba(0,0,0,0.4)}
.col-index-banner .banner-txt p{margin: 0; color: #fff; font-size: 4rem; transform:translateY(25px);opacity:0;transition:all .5s;text-shadow:0 0 15px rgba(0,0,0,0.4)}
.col-index-banner .swiper-slide.swiper-slide-active h2{transform:none;opacity:1;transition-delay:.5s}
.col-index-banner .swiper-slide.swiper-slide-active p{transform:none;opacity:1;transition-delay:.5s}


/* 棣栭〉绠€浠?/
.col-index-list{margin-top: -68px;background-image: linear-gradient(0deg,#eeeeee 0%, #ffffff 100%);box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.3);position: relative;}.col-index-list ul li:nth-child(1){border-left: 1px solid #dadada;}
.col-index-list ul li{background-image: linear-gradient(0deg,#eeeeee 0%, #ffffff 100%);float: left;width:14.285%;text-align: center;border-right: 1px solid #dadada;height: 57px;}
.col-index-list ul li a{height: 57px;line-height: 57px;display: block;color: #505050;font-family: FZLTHJW--GB1-0;transition: .5s;border-bottom: 0px solid #015198;}
.col-index-list ul li:hover a{border-bottom: 3px solid #015198;}
.col-index-about{max-width: 100%;overflow: hidden;padding: 80px 0 70px;}
.col-index-about .right{padding-left: 25px;}
.col-index-about .right .content{line-height: 26px;color: #666666;margin-bottom: 40px;}
.col-index-about .right a.link{transition: .5s;height: 41px;background-color: #ffffff;border: solid 1px #cccccc;display: block;width: 114px;text-align: center;line-height: 37px;color: #666666;}
.col-index-about .right a.link:hover{color: #015198;border: 1px solid #015198;}
.col-index-about .left{position: relative;text-align: center;cursor: pointer;}
.col-index-about .left>div{overflow: hidden;}
.col-index-about .left>div>div{position: absolute;top: 50%;transform: translateY(-50%);text-align: center;width: 100%;}
.col-index-about .left>div>img{transition: .5s;}
.col-index-about .left:hover>div>img{transform: scale(1.2);}
.video-box {position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.7);z-index:99;display:none;}
.video-box>video {position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%) scale(0.7);background:#000;opacity:0;transition:all .36s;}
.video-box>video.is-video {transform:translateX(-50%) translateY(-50%) scale(1);opacity:1}

/* 棣栭〉浜у搧 */
.line{width: 66px;height: 5px;background-color: #000000;text-align: center;margin: auto;}
.col-index-product{padding: 70px 0 69px;text-align: center;}
.col-index-product h2{text-align: center;}
.col-index-product .desc{max-width: 721px;font-size: 16px;line-height: 30px;color: #666666;margin:30px auto 50px;}
.col-index-product .swiper-slide div{background-color: white;overflow: hidden;}
.col-index-product .swiper-slide div img{transition: .5s;}
.col-index-product .swiper-slide:hover div img{transform: scale(1.1);}
.col-index-product .swiper-slide div p{height: 45px;line-height: 45px;color: #000000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.col-index-product .swipers-pagination{position: static!important;margin-top: 40px;}
.col-index-product .swipers-pagination .swiper-pagination-bullet{width: 10px;margin:0 3px;outline: none;height: 10px;background-color: #000000;border-radius: 5px;opacity: 0.3;}
.col-index-product .swipers-pagination .swiper-pagination-bullet-active{background-color: black!important;opacity: 1!important;}
.col-index-product .swiper-slide:hover .content p{color:#015198 ;}
.col-index-product .swipers-pagination span:nth-child(3){display: none!important;}

/* 棣栭〉鏂伴椈 */
.col-index-news{padding: 60px 0 45px;}
.col-index-news h2{text-align: center;margin-bottom: 24px;}
.col-index-news .line{margin-bottom: 50px;}
.col-index-news .time{height: 80px;background-color: #fdb936;width: 15%;float: left;text-align: center;color: #ffffff;}
.col-index-news .time h3{font-size: 30px;line-height: 46px;}
.col-index-news .time p{font-size: 16px;}
.col-index-news .content{width: 85%;float: left;padding-left: 20px;}
.col-index-news .content>p{line-height: 26px;color: #333333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.col-index-news .content .desc{color: #666666;line-height: 2;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.col-index-news .swiper-pagination{position: static!important;margin-top: 40px;}
.col-index-news .swiper-pagination .swiper-pagination-bullet{width: 10px;margin:0 3px;outline: none;height: 10px;background-color: #000000;border-radius: 5px;opacity: 0.3;}
.col-index-news .swiper-pagination .swiper-pagination-bullet-active{background-color: #fdb936!important;opacity: 1!important;}
.col-index-news .swiper-slide:hover .content p{color:#015198 ;}

/* 搴曢儴淇℃伅 */
.col-footer{padding: 45px 0 30px;    position: relative;
    bottom: -20px;}
.col-footer .top .left p{line-height: 39px;color: #b4b4b4;position: relative;}
.col-footer .top .left p:nth-child(1)::before{content: '';position: absolute;width: 52px;height: 3px;background-color: #015198;}
.col-footer .top .left ul{margin-top: 30px;}
.col-footer .top .left ul li,.col-footer .top .left ul li a{color: #ffffff;cursor: pointer;}
.col-footer .top .left ul li:nth-child(1){padding: 2px 0 0 5px;background-image: linear-gradient(0deg, #006ccc 0%, #0087ff 100%), linear-gradient(#a7a7a7, 	#a7a7a7);background-blend-mode: normal, normal;
box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.55);border: solid 1px rgba(0, 74, 140, 0.79);width: 26px;height: 26px;border-radius: 100px;}
.col-footer .top .left ul li{float: left;margin-right: 18px;}
.col-footer .top .left ul li>div{transition: .5s;position: relative;width: 80px;height: 80px;left: -10px;top: 20px;padding: 4px;background-color: white;display: none;}
.col-footer .top .right ul li{float: right;}
.col-footer .top .left ul li:nth-child(2) i{font-size: 16px;position: relative;top: 3px;}
.col-footer .top .left ul li:nth-child(3) i{position: relative;top: 3px;}
.col-footer .top .left ul li:nth-child(1):hover div{display: block;}
.col-footer .top .right ul li a{line-height: 26px;color: #b4b4b4;font-weight: normal;}
.col-footer .top .right ul li>a{display: block;position: relative;}
.col-footer .top .right ul li:last-child>a{position: static;}
.col-footer .top .right ul li>a::after{content: '/';position: absolute;right:25%;top: 0;font-size: 12px;}
.col-footer .top .right ul li{float: left;width:14.285%;}
.col-footer .top .right ul li:last-child{width: 56px;}
.col-footer .top .right ul li dl dt a{font-size: 13px;}
.col-footer .top .right ul li:nth-child(1)>a::before{content: '';position: absolute;width: 52px;height: 3px;background-color: #015198;top: -5px;}
.col-footer  .left{padding-right: 40px;}
.col-footer  .right{padding-left: 40px;}
.col-footer .bottom .left>div{border-top: 1px solid #565656;padding-top: 29px;}
.col-footer .bottom .right>div{border-top: 1px solid #565656;padding-top: 29px;}
.col-footer .bottom .left{color: #b4b4b4;font-size: 13px;}
.col-footer .bottom .right,.col-footer .bottom .right a{color: #c8c8c8;font-size: 13px;}
/* 鍐呴〉澶у浘 */
.col-banner{margin-top: -90px;}
.col-banner>div{height: 542px;}

/* subnav */
.subnav{border-bottom: 1px solid #ddd;height: 70px;line-height: 70px;text-transform: capitalize;}
.subnav .left a,.subnav .left{color: #9d9d9d;}
.subnav .right ul li{float: left;margin: 0 4px;}
.subnav .right ul li a{display: block;padding: 0 5px;color: #939292;}
.subnav .right ul li a.cur,.subnav .right ul li:hover a{border-bottom: 3px solid #eb941e;}
.subnav2{border-bottom: 0;height: 50px;line-height:50px;}
.subnav2 .left a{color: #939292!important;}
.subnav2 .right ul li a.cur,.subnav2 .right ul li:hover a{border-bottom:0;color: #e9280c;}
/* category */
.col-category ul{text-align: center;}
.col-category ul li{display: inline-block;margin: 0 20px;margin-bottom: 15px;}



/* 鍏徃绠€浠 */
.col-about1{padding: 30px 0;background: #f9f9f9;}
.col-about1 .content{color: #707070;line-height: 30px;margin-top: 20px;}
.col-about2{padding: 20px 0 80px;}
.col-about2 .content{clear: both;float: none;}
.col-about2 .left{width: 25%;float: left;}
.col-about2 .left h2{color: #1069ad; font-size: 24px; max-width: 200px; line-height: 60px;margin-bottom: 20px; margin-top: 10px;}
.col-about2 .left h3{font-size: 40px;color: #1069ad;}
.col-about2 .left h6{line-height: 2;max-width: 200px;border-top: 1px solid #d2d2d2;padding: 10px 0;color: #707070;font-size: 14px;margin-top: 50px;}
.col-about2 .right{width: 75%;float: left;padding-left: 10%;}
.col-about2 .right>div{color: #707070;line-height: 2;text-indent: 28px}
.col-about2 .right h4{font-size: 24px;color: #707070;font-weight: bold;text-indent: 28px;line-height: 2;}
.col-about2 ul li{width: 33.33333%;float: left;text-align: center;margin-top: 60px;padding: 0 10px;}
/* 杈夌厡鍘嗙▼ */
.col-history{background: #035cac;padding: 70px 0 81px;position: relative;max-width: 100%;overflow: hidden;}
.col-history h2,.col-history h3{color: #fff;position: relative;z-index: 999;}
.col-history h3{margin-bottom: 80px;z-index: 999;position: relative;}
.col-history .history-swiper-container{z-index: 1;;margin-top: -170px;color: white;position: relative;padding-top: 520px;background: #035cac url(../images/bgc4.png) no-repeat center;background-size: 167%;}
.col-history .history-swiper-container .swiper-slide:nth-child(odd){position: relative;top:-365px;padding-left: 5px;}
.col-history .history-swiper-container .swiper-slide:nth-child(odd)::before{position: absolute;content:'';width: 2px;height:196px;background-color: #fff;}
.col-history .history-swiper-container .swiper-slide h5{position: relative;padding-left: 22px;font-size: 28px;font-weight: normal;line-height: 22px;max-width: 295px;margin-bottom: 10px;}
.col-history .history-swiper-container .swiper-slide h5::before{background-color:#035cac;position: absolute;content: '';top: -5px;left: -4px;width: 10px;height: 10px;border-radius: 100px;border: 2px solid white;}
.col-history .history-swiper-container .swiper-slide .content{padding-left: 22px;height:156px;overflow-x: hidden;}
.col-history .history-swiper-container .swiper-slide .content::-webkit-scrollbar { display: none;}
.col-history .history-swiper-container .swiper-slide:nth-child(even){position: relative;}
.col-history .history-swiper-container .swiper-slide:nth-child(even)::before{top:-167px;position: absolute;content:'';width: 2px;height:170px;background-color: #fff;}
.col-history .history-swiper-container .swiper-slide:nth-child(even) h5{margin-top: -10px;}
.col-history .history-swiper-container .swiper-slide:nth-child(even) h5::before{top: 10px;}
.col-history .container{position: relative;}
.col-history .container .swiper-button-next{background: none;right: -50px;opacity: 1!important;width: 50px;height: 50px;top: 47%;outline: none;}
.col-history .container .swiper-button-prev{background: none;left: -50px;opacity: 1!important;width: 50px;height: 50px;top: 47%;outline: none;}
.col-history .container .swiper-button-next:after{position: absolute;content: '';width: 820px;height: 2px;background-color: #fff;top: 47%;}
.col-history .container .swiper-button-prev::before{position: absolute;content: '';width: 820px;height: 2px;background-color: #fff;top: 47%;left: -820px;}
/* 浼佷笟鏂囧寲 */
.col-culture{padding: 90px 0;}
.col-culture .content{margin-top: 26px;}
.col-culture .content .row>div{padding: 0;}
.col-culture .content ul li{border-bottom: 1px solid #dfdfdf;padding:10px 0 12px;}
.col-culture .content ul li strong{font-size: 18px;font-weight: bold;margin: 10px 0 ;color: #7d7d7d;}
.col-culture .content ul li p{margin:10px 0 5px;color: #a4a4a4;}

/* 涓撳埄鎶€鏈 */
.col-technology{padding: 40px 0 26px;}
.col-technology ul{margin: 35px 0 10px;}
.col-technology ul li{padding: 0 10px;}

/* 鑽ｈ獕璇佷功 */
.col-honor{padding: 60px 0;}
/* .col-honor img{width: 100%;} */
/* 鍏徃瀹ｄ紶鍐 */
.col-brochure{padding: 60px 0;}
.col-brochure h2,.col-brochure h3{color: white;}
.col-brochure .content{background: #fff;clear: both;float: none;margin-top: 40px;}
.col-brochure .content .left{width:41%;float: left;}
.col-brochure .content .right{width: 59%;float: left;padding: 40px 20px 0;}
.col-brochure .content .right h4{font-size: 20px;color: #434343;text-transform: uppercase;}
.col-brochure .content .right div{ font-size: 12px;margin-top: 10px;line-height: 23px;}
.col-brochure .content .right a{text-align: left;}

/* 鍏徃瀹ｄ紶鐗 */
.col-trailer{padding: 40px 0 50px;}
.col-trailer .content{text-align: center;margin-top: 40px;}


/* 鑽ｈ獕璧勮川 */
.col-honor .content li{margin-top: 30px;text-align: center;}
.col-honor .content li a{display: block;}
.col-honor .content li img{transition: .5s;}
.col-honor .content li:hover img{opacity: 0.6;}

/* 杞﹂棿璁惧 */
.col-equip{margin-top: 20px;}
.col-equip .content li{margin-top: 30px;text-align: center;padding: 0 19px;}
.col-equip .content li a{display: block;position: relative;}
.col-equip .content li img{transition: .5s;}
.col-equip .content li:hover img{opacity: 0.6;}
.col-equip .content li p{position: absolute;bottom: 0;padding: 10px 0; background: url(../images/black2.png);width: 100%;color: #fff;}
/* 浜у搧灞曠ず澶撮儴 */
.col-item{color: #fff;padding: 35px 0;background-size: cover!important;}
.col-item h2{font-size: 26px;margin: 10px 0;}
.col-item p{font-size: 12px;margin: 10px 0 30px;}
.col-item .left{width: 44%;float: left;position: relative;}
.col-item .left ul{position: absolute;z-index: 999999;width: 100%;display: none;}
.col-item .left ul li{height: 40px;line-height: 40px; background: #fff;color: #b1b1b1;padding-left: 20px;}
.col-item .right{width: 56%;float: left;}
.col-item .left .select{height: 49px;line-height: 49px;background: #fff;color: #b1b1b1;width: 100%;padding-left: 20px;position: relative;cursor: pointer;}
.col-item .left .select h3{font-size: 14px;font-weight: bold;line-height: 49px;float: left;}
.col-item .left .select img{text-align: right;float: right;margin: 22px 20px;transition: .5s;}
.col-item .left:hover ul{display: block;}
.col-item .left:hover .select img{transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); }
.col-item .right{padding-left: 15px;}
.col-item .right img{text-align: right;float: right;margin: 16px 20px;cursor: pointer;}
.col-item .right .search{height: 49px;line-height: 49px;background: #fff;}
.col-item .right .search input{height: 40px;line-height: 40px;width: 80%;padding-left: 10px;color: black;}
/* 浜у搧灞曠ず */
.col-product{background: #fbfbfb;padding: 40px 0 80px;text-align: center;}
.col-product ul li>div{background: #fff;margin-bottom: 28px;}
.col-product ul li .title{height: 45px;line-height: 45px; font-size: 15px;}
.col-product ul li .pic{padding: 25px 0;border: 1px solid #e4e4e4;border-bottom: 4px solid #e4e4e4;}
.col-product ul li:hover .pic{border-bottom:4px solid #ffae00}
.col-product ul li .pic img{width: 100%;transition: .5s;}
.pro2 ul li a{display: block;}
.col-product ul li:hover a{color: #0081f4;}
.pro2 ul li .title{border: 1px solid #bababa;border-bottom: 0;}
.pro2 ul li .pic{padding: 0px 0;border: 1px solid #bababa;border-bottom: 4px solid #bababa;}
.pro2 ul li{padding: 0 20px;}
.col-product ul li:hover .pic img{opacity: .7;}
/* 浜у搧璇︽儏椤 */
.col-productdet{padding-bottom: 40px;background: #fbfbfb;padding-top: 40px;}
.col-productdet .left{border-right: 1px solid #ddd;padding-top: 30px!important;}
.col-productdet .left .left-item{padding: 0 20px;}
.col-productdet .left .left-item .gallery-top img{max-width: 400px;text-align: center;margin: auto;}
.col-productdet #img {width: 100%;}
.gallery-top img,.gallery-thumbs img{width: 100% !important;}
.gallery-contents {max-width:300px ;margin: auto;position: relative;padding: 10px 30px;}
.gallery-contents .swiper-button-next,
.gallery-contents .swiper-button-prev {outline: none !important;position: absolute;background-image: none !important;}
.gallery-contents .swiper-button-next {right: 2%;width: auto !important;font-size: 25px;color: #b0b0b0;opacity: 1 !important;}
.gallery-contents .swiper-button-prev {left: 2%;width: auto !important;font-size: 25px;color: #b0b0b0;opacity: 1 !important;}
.swiper-slide {cursor: pointer;}
.gallery-contents .swiper-slide {border: solid 2px transparent;transition: 0.5s;}
.gallery-contents .swiper-slide-thumb-active {border: solid 2px black;}
.col-productdet .right h3{margin-left: 27px;font-weight: bold;margin-bottom: 20px;}
.col-productdet .right .content{margin-left: 27px;margin-bottom: 20px;font-size: 14px; line-height:2;}
.product-content{font-size:16px; line-height:2;}
.col-productdet .right{padding-top: 30px;}
.col-productdet .mess{height: 46px;line-height: 46px;margin: 30px 0;border: 1px solid #ddd}
.col-productdet .mess h4{font-size: 14px;background: #f7f8fa;float: left;list-style: none;height: 45px;line-height: 45px;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;cursor: pointer;display: block;padding: 0 40px;}
.col-productdet .bdsharebuttonbox{float: left;margin-top: 10px;}
.col-productdet .prev-next{float: right;}
.col-productdet .link{border-top: 1px solid #ddd; margin-top: 30px; position: relative;/* padding: 10px 10px 0; */ height: 50px;line-height: 50px;}
.col-productdet .like h5{margin-top: 30px; font-size: 18px; font-weight: normal; border-bottom: 1px solid #ddd;padding: 10px 10px;color: #333;margin-bottom: 30px;}
.col-productdet .like ul li{margin-top: 30px;padding: 0 90px;}
.col-productdet .like ul li img{transition: 0.5s;width: 100%;}
.col-productdet .like ul li:hover img{opacity: 0.6;}
.col-productdet .like ul li a{ text-align: center;display: block;margin: 0 auto;background: #fff;border: 1px solid #ddd;}
.col-productdet .like ul li a p{color: #333;padding: 15px 15px;font-weight: normal;border-top: 1px solid #ddd;background: #e5e5e5;}

/* 鏂伴椈涓績 */
.col-news{padding: 70px 0;}
.col-news dl dt{padding: 35px 10px 65px 10px;}
.col-news dl dt .img{width: 38%;float: left;}
.col-news dl dt .img img{width: 100%;}
.col-news dl dt .content{width: 62%;float: left;padding:10px 0 0 30px;}
.col-news dl dt .content h3{font-size: 18px;color: #2d2d2d;font-weight: bold;line-height: 1.5;margin-bottom: 35px;}
.col-news dl dt .content .desc{line-height: 27px;color: #818181;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3; font-weight: normal;}
.col-news dl dt .content a{text-align: left;}
.col-news dl dt .content a p{font-weight: normal!important;}
.col-news ul.item li{border-top: 1px solid #ededed;padding: 20px 0 20px 0;}
.col-news ul.item li>div a{padding:0 15px;display: block;}
.col-news ul.item li .content{width: 75%;float: left;}
.col-news ul.item li .img{width: 25%;float: right;text-align: right;}
.col-news ul.item li .content h3{font-size: 16px;color: #2d2d2d;font-weight: bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.col-news ul.item li .content p{color: #818181;margin: 10px 0;}
.col-news ul.item li .content:hover h3{color: #0081f4;}
.col-news ul.item li .content .desc{ color: #818181;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; line-height: 27px;}
/* 鏂伴椈璇︽儏椤 */
.col-newsdet {padding: 10px 0 60px;}
.col-newsdet .date {font-size: 12px;color: #969696;}
.col-newsdet .date a{color: #607fa6;}
.col-newsdet .prev-next>a:first-child {padding-right: 20px;}
.col-newsdet .prev-next>a {display: inline-block;font-size: 1.4rem;color: #607fa6;transition: all .3s;}
.col-newsdet .prev-next b {font-weight: normal;color: #818181!important;}
.col-newsdet  .prev-next a:hover {color: black;}
.col-newsdet .content {border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;padding: 30px 0;margin: 10px 0;}
.col-newsdet .link .bdsharebuttonbox{float: left;}
.col-newsdet .link .prev-next{float: right;}
.col-newsdet .prev-next>a {display: inline-block;font-size: 1.4rem;color: #969696;transition: all .3s;}
.col-newsdet .prev-next b {color: black;}
.col-newsdet .prev-next a:hover {color: black;}
.col-newsdet .content {margin: 10px 0;line-height: 2;}
.col-newsdet .content a{text-decoration:underline!important}
.col-newsdet .content ol li{list-style: normal;}

/* 鎷涜搐绾冲＋ */
.col-recuit{padding: 80px 0 50px;background: #f5f5f5;}
.col-recuit .desc,.col-jobform .desc{text-align: center;font-size: 13px;color: #737373;text-transform: uppercase;font-family: Arial;margin: 30px 0;}
.col-recuit ul.item li{padding: 10px 15px 10px;margin-top: 30px;border: 1px solid #ddd;background: #fff;}
.col-recuit ul.item li .title{padding: 5px 10px;border-bottom: 1px solid #ddd;font-size: 12px;}
.col-recuit ul.item li .title h4{font-size: 16px;font-weight: bold;margin-bottom: 10px;}
.col-recuit ul.item li .title p{margin-right: 15px;color: #999;}
.col-recuit ul.item li .content{padding: 10px;border-bottom: 1px solid #ddd;}
.col-recuit ul.item li a{display: inline-block;color: #1c57c4;line-height: 30px;margin: 5px 0 0 10px;}
/* 鎷涜仒椤 */
.col-jobdet{padding: 50px 0 30px;background: #f5f5f5;}
.col-jobdet h2{font-size: 24px;padding: 15px 5px;border-bottom: 1px solid #ddd;margin-bottom: 30px;font-weight: bold;}
.col-jobdet ul.item{background: #8c989f;padding: 5px 10px;color: #fff;margin-top: 30px;}
.col-jobdet ul.item li{padding: 8px 5px 8px 0;min-height: 20px;position: relative;border-bottom: 1px solid #ddd;}
.col-jobdet ul.item li p span{margin-left: 30px;}
.col-jobdet ul.item li:last-child{border-bottom: 0;}
.col-jobdet h3{text-align: center;font-size: 16px;margin: 30px 0 10px;padding: 0 10px;font-size: 16px;font-weight: normal;height: 40px;line-height: 40px;border-bottom: 1px solid #ddd;}
.col-jobdet .content{line-height: 2;font-size: 12px;}
.col-jobdet a p{margin-top: 70px;display: inline-block;background: #23b7e5;height: 35px;line-height: 35px;padding: 0 35px;color: #fff; border-radius: 2px;}
.col-jobdet .link{border-top: 1px solid #ddd;margin-top: 30px;position: relative;padding: 10px 10px 0;height: 50px;line-height: 50px;}

/* 鍦ㄧ嚎搴旇仒 */
.col-jobform{padding: 50px 0 30px;background: #f5f5f5;}
.col-jobform form{border: 1px solid #ddd;border-top: 0;overflow: hidden;text-align: left;margin: 50px 0 50px;}
.col-jobform form h2{border-top: 1px solid #ddd;margin: 0;padding: 0 5px 0 15px;font-weight: bold;font-size: 16px;background: #ddd;height: 60px;line-height: 60px;}
.col-jobform form ul li{border-top: 1px solid #ddd;margin: 0;padding: 5px 0;clear: both;background-color: white;}
.col-jobform form ul li>div{float: left;;padding: 15px 15px 10px 15px;width: 13%;text-align: left;font-weight: normal;overflow: hidden;line-height: 1.2;}
.col-jobform form ul li input,.col-jobform form ul li textarea{padding: 2px 0 0 15px;height: 33px;padding: 2px 5px;border: 1px solid #dcdfe0;background-color: #fff;color: #333;outline: 0;border-radius: 2px;width: 40%;margin: 10px 0;}
.col-jobform form ul li>div.form-check{width: auto;display: block;}
.col-jobform form ul li textarea{height: 100px;width: 40%;}
.col-jobform form ul li.sub input{margin-left:13% ;background: #23b7e5 !important;border: 0 none !important;height: 34px !important;line-height: 26px !important;width: 20%!important;color: #fff;}
.col-jobform form ul li.code input{width: 80px;margin-right: 20px;}

/* 鑱旂郴鎴戜滑 */
.col-contact{padding: 50px 0 30px;}
.col-contact .map{border: 1px solid #d2d2d2;margin-top: 30px;}
#allmap{height: 340px;}
.col-contact .item{margin-top: 10px;}
.col-contact .item>div{width: 49.9%;}
.col-contact .item .left{float: left;}
.col-contact .item .right{float: right;}
.col-contact .item ul li{height: 50px;border: 1px solid #d2d2d2;position: relative;line-height: 50px;margin-bottom: 3px;clear: both;float: none;}
.col-contact .item ul li .img{float: left;width: 17%;border-right: 1px solid #d2d2d2;text-align: center;}
.col-contact .item ul li .content{float: left;width:83%;padding-left: 15%;}
.col-contact .item>div ul li:last-child{height: 230px!important;text-align: center;position: relative;}
.col-contact .item>div ul li:last-child img{height: auto!important;margin: 30px 0;}
.col-contact .col-title1,.col-message .col-title1,.col-recuit .col-title1{margin-bottom: 35px!important;}

/* 鍦ㄧ嚎鐣欒█ */
.col-message{padding: 50px 0 30px;}
.col-message h4{border-top: 1px solid #ddd;margin: 0;margin-bottom: 51px!important;padding: 0 5px 0 15px;background: #ddd;height: 60px;line-height: 60px;text-align: center;font-size: 22px;}
.col-message form{border: 1px solid #ddd;margin-top: 40px;}
.col-message form ul li{border-top: 1px solid #ddd;padding: 10px 0 15px;}
.col-message form ul li p{padding: 15px 15px 10px 15px;width: 105px;float: left;line-height: 14px;}
.col-message form ul li input,.col-message form ul li textarea{margin-top: 7px;float: left;width: 350px;height: 32px;padding: 2px 5px;border: 1px solid #dcdfe0;background-color: #fff;color: #333;outline: 0;border-radius: 2px;}
.col-message form ul li textarea{height: 100px;}
.col-message form ul li.li4 input{width: 80px;margin-right: 10px;height: 32px;}
.col-message form ul li.li4 img{margin-top: 4px;}
.col-message form ul li .sub input{display: block;background: #23b7e5;border: 0 none;height: 34px;line-height: 26px;padding: 0 35px;width: 135px;color: #fff;cursor: pointer;border-radius: 2px;margin-left: 14%;margin-bottom: 15px;}
/*鍒嗛〉*/
.col-page{text-align: center;margin: 30px 0;}
#gotoTop{
	display: none;
	position: fixed;
	display: inline-block;
	bottom: 50px;
	right:50px;
	width: 40px;
	height: 40px;
	background: #0884f1 url(../images/top3.png) no-repeat center;
	border-radius: 50%;
	z-index: 999;
	cursor: pointer;
  }
  #online{
	position: fixed;
	display: inline-block;
	bottom: 2px;
	right: 0;
	border-radius:5px;
	z-index: 999;
	cursor: pointer;
	background-color: #00aef3;
	padding: 0px 0 1px 5px;
}
.message{position: fixed;display: inline-block;left: 0;bottom:0;background-color: #ededed;width: 242px; border-radius: 3px;z-index: 99999999;border: 1px solid #d8d8d8;}
.message .message-title{background-color: #00aef3 !important;border-radius: 5px 5px 0 0!important;}
.message .message-title p{color: #fff; margin-left: 12px;line-height: 35px;}
.message .message-title .hidde{width:37px;height: 10px;margin: 15px 10px 0 0;cursor: pointer;position: absolute;right: -10px;top: -11px;}
.message .message-title .shows{width: 37px;height: 10px;margin: 15px 10px 0 0;cursor: pointer;display: none;position: absolute;right: -10px;top: -11px;}
.message .message-name{padding: 12px 0; border-bottom: 1px solid #d5d5d5;}
.message .message-name p{color: #666;line-height: 18px;margin: 0 8px 0 9px;}
.message .message-name span{color: #999;line-height: 18px;margin: 0 8px 0 9px;}
.message ul li{width: 222px;margin: 7px auto 0;background-color: white;margin: 7px 4% 0;}
.message ul li input{width: 70%;margin-top: 6px;}
.message ul li textarea{width: 100%;line-height: 30px;}
.message ul li:nth-child(2) div{background: url(../images/user.png) no-repeat;width: 10%;height: 30px;float: left;background-position: 5px;}
.message ul li:nth-child(3) div{background: url(../images/nodelocation.png) no-repeat;width: 10%;height: 30px;float: left;background-position: 5px;}
.message ul li:nth-child(4) div{background: url(../images/nodemail.png) no-repeat;width: 10%;height: 30px;float: left;background-position: 5px;}
.message ul li:nth-child(5) div{background: url(../images/nodephone.png) no-repeat;width: 10%;height: 30px;float: left;background-position: 5px;}
.message ul li:nth-child(6) input{width: 20%; margin-right: 20px;}
.message .submit{height: 35px;width: 90px;line-height: 35px;text-align: center;border-radius: 5px;font-size: 14px;color: #fff;cursor: pointer;background-color: #00aef3;margin:10px 0 10px 4%;}
.message ul li.verify-code{background-color: transparent;}
.message ul li.verify-code input{width: 80px;height: 28px;margin-right: 5px;}
.is-center{top: 50%;transform: translateY(-50%);text-align: center;left: 50%;right: auto;margin-left: -120px;height: 500px;}
.pagination>li>a, .pagination>li>span {
    margin: 0 4px !important;
    padding: 1px 8px !important;
	background: #fff;
    color: #aaa;
	border: 1px solid #e0e0e0;
	border-radius: 0px!important;
	height: 28px;
	width: 28px;
	line-height: 24px;
}
.pagination .page-item:first-child a {
    border-radius: 0px!important;
    margin: 0 4px !important;
    padding: 1px 8px !important;
	background: #f0f0f0!important;
    color: #aaa!important;
	border-radius: 0px!important;
	border: 1px solid #e0e0e0;
}
.pagination>.active>a, .pagination>.active>a:focus,
.pagination>.active>a:hover, .pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background: #eb941e!important;
    color: white!important;
	border-radius: 0px!important;
	border: 1px solid #e0e0e0;
	font-weight: bold;
}
/* 鍏ㄧ珯鎼滅储 */
.goomay-keywords-light {
	background: #dc3545 !important;
	color: #ffffff !important;
}

#search {
	margin-bottom: 50px;
	overflow: hidden
}

.search_left {
	/*float: left;*/
	/*width: 25%;*/
	border: 1px solid #d6d6d6;
	padding-top: 5px;
	padding-bottom: 5px;
}

.s_head {
	border-bottom: 1px solid #d6d6d6;
	height: 50px;
}

.s_head h2 {
	line-height: 50px;
	/*margin-left: 15px;*/
}

.s_body ul {
	margin-top: 10px;
	margin-left: 20px;
}

.s_body ul span {
	display: block;
	color: #333;
	line-height: 40px;
}

.s_body ul input,
.s_body ul select {
	height: 35px;
	width: 80%;
	line-height: 35px;
	border: 1px solid #e6e6e6;
	padding-left: 10px;
	margin-bottom: 10px;
}


.search_right {
	padding-left: 40px;
	/*float: right;*/
	/*width: 73%;*/
	/*border-top: 1px solid #d6d6d6;
    padding-bottom: 15px;
    padding-top: 20px; 
    padding-left: 20px;*/
}

.search_right .no-result {
	text-align: center;
	font-size: 30px;
	color: #d80808;
	margin-top: 50px;
}

.search-result-title {
	font-size: 20px;
	font-weight: 600;
	color: #333;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
}

.entry-image {
	float: left;
	width: 120px;
	margin: 0 20px 0 0;
}

.entry-c {
	position: relative;
	overflow: hidden;
}

.search-result-info {
	padding: 5px 0;
}

.search-result-info li {
	display: inline-block;
}

.search_right em {
	color: #004cff;
}

.search_right .search-result {
	margin-left: 25px;
}

.product_title a {
	color: #d80808;
	text-decoration: underline;
}

.search_right .search-li {
	border-bottom: 1px solid #d6d6d6;
	margin-bottom: 30px;
	padding-bottom: 10px;
}

.search_right li {
	overflow: hidden;
}

.search-result-info li:before {
	content: '/';
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
	opacity: 0.5
}

.search-result-info li:first-child:before {
	display: none;
}

.product_list {
	padding-bottom: 15px;
	border-bottom: 1px solid #d6d6d6;
	margin-bottom: 15px;
}

.product_img {
	float: left;
}

.product_img img {}

.product_body {
	float: left;
	margin-left: 20px;
	margin-top: 10px;
}

.product_title {
	margin-bottom: 20px;
}

.se_news {
	float: right;
	width: 79%;
}

.news ul li .se_news a {
	color: #d80808;
	text-decoration: underline;
	display: inline-block;
	height: 22px;
	overflow: hidden;
	transition: 0.3s;
}

.search_right .news .date em {
	color: #fff;
}

#search {
	padding: 50px 0;
	overflow: hidden
}

.search_left {
	float: left;
	width: 25%;
	border: 1px solid #d6d6d6;
	padding-bottom: 15px;
}

.s_head {
	border-bottom: 1px solid #d6d6d6;
	height: 35px;
}

.s_head h2 {
	line-height: 35px;
	margin-left: 15px;
	font-size: 1.8rem;
}

.s_body ul {
	margin: 15px 0 0;
	padding: 0 15px;
}

.s_body ul span {
	display: block;
	color: #333;
	line-height: 40px;
}

.s_body ul input,
.s_body ul select {
	height: 35px;
	width: 100%;
	line-height: 35px;
	border: 1px solid #e6e6e6;
	padding-left: 10px;
}

.s_body .sub input {
	height: 35px;
	width: 50%;
	background: #eb941e;
	border-radius: 25px;
	border: 0;
	font-weight: bold;
	color: #fff;
	transition: 0.3s;
	margin: 20px auto 0;
	display: block
}

.search_right {
	float: right;
	width: 73%;
	border-top: 1px solid #d6d6d6;
	padding-bottom: 15px;
	padding-top: 20px;
	padding-left: 20px;
}

.search_right em {
	color: #004cff;
}

.search_right ul span {
	color: #eb941e;
}

.search_right ul span a,
.product_title a {
	color: #333;
	text-decoration: underline;
}

.search_right li {
	overflow: hidden;
}

.se_news {
	float: right;
	width: 79%;
}

.news ul li .se_news a {
	color: #eb941e;
	text-decoration: underline;
	display: inline-block;
	height: 22px;
	overflow: hidden;
	transition: 0.3s;
}

.search_right .news .date em {
	color: #fff;
}

.product_img {
	overflow: hidden;
	text-align: center;
}

.product_body {
	margin: 10px 0 0 20px;
}

.product_title a {
	font-size: 1.4rem;
}

.product_time {
	margin: 15px 0 0;
	font-size: 1.2rem;
	color: #969696
}

.product_title h4 {
	font-size: 1.4rem;
}

.search_updatetime {
	font-size: 1.2rem;
	color: #333;
}
/*鎵嬫満鐗堣彍鍗?/
#header{display: none;}
nav.mm-menu_offcanvas {
	display: none;
}

#mm-1 ul li:first-child {
	display: block !important;
}

#header a.mm_btn {
	display: none;
	width: 55px;
	height: 55px;
	position: absolute;
	right: 0;
	top: 0;
	background:#337ab7;
	transition: .5s all;
}

@media screen and (max-width: 992px) {
	#header a.mm_btn {
		background: center center no-repeat #2b2b2b;
		display: block;
		width: 55px;
		height: 55px;
		position: absolute;
		top: 0;
		right: 0;
		padding: 12.5px;
	}

	#header .mm_btn .menu_bar {
		width: 30px;
		height: 30px;
		position: relative;
		transform: translateZ(0) rotate(0);
		transition: transform .4s cubic-bezier(.4, .01, .165, .99);
	}

	#header .mm_btn .menu_bar_item {
		position: absolute;
		transform: translateZ(0) rotate(0);
		transition: transform .25s cubic-bezier(.4, .01, .165, .99) 0s;
		-webkit-transform: translateZ(0) rotate(0);
		-webkit-transition: -webkit-transform .25s cubic-bezier(.4, .01, .165, .99) 0s;
		width: 30px;
		height: 30px;
	}

	#header .mm_btn .menu_bar_item .rect {
		width: 30px;
		height: 2px;
		background: #fff;
		position: absolute;
		left: 0;
		top: 14px;
		/*transition: transform .2s ease .2s;
      -webkit-transition: -webkit-transform .2s ease .2s;*/
		-webkit-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	#header .mm_btn .menu_bar_item .rect.top {
		transform: translate3d(0, -8px, 0);
		-webkit-transform: translate3d(0, -8px, 0);
	}

	#header .mm_btn .menu_bar_item .rect.mid {
		transform: translate3d(0, 0px, 0);
		-webkit-transform: translate3d(0, 0px, 0);
		transition: 0.5s;
	}

	#header .mm_btn .menu_bar_item .rect.bottom {
		transform: translate3d(0, 8px, 0);
		-webkit-transform: translate3d(0, 8px, 0);
	}

	#header .mm_btn.is_active .menu_bar_item.mid {
		opacity: 0;
	}

	#header .mm_btn.is_active .menu_bar_item .rect {
		transition: transform 0s ease 0s;
		transform: translate3d(0, 0, 0);
		-webkit-transition: -webkit-transform 0s ease 0s;
		-webkit-transform: translate3d(0, 0, 0);
	}

	#header .mm_btn.is_active .menu_bar_item.bottom {
		transform: translateZ(0) rotate(-45deg);
		-webkit-transform: translateZ(0) rotate(-45deg);
	}

	#header .mm_btn.is_active .menu_bar_item {
		transform: translateZ(0) rotate(45deg);
		transition: transform .25s cubic-bezier(.4, .01, .165, .99) 0s;
		-webkit-transform: translateZ(0) rotate(45deg);
		-webkit-transition: -webkit-transform .25s cubic-bezier(.4, .01, .165, .99) 0s;
	}

	/*鑿滃崟寮瑰嚭鏂瑰悜*/
	.mm-menu_offcanvas {
		left: auto !important;
	}

	.mm-menu {
		right: 0 !important;
	}

	.mm-menu_offcanvas.mm-menu_opened {
		z-index: 9 !important;
	}

	.mm-slideout {
		z-index: 10 !important;
	}

	.mm-menu.mm-menu_pageshadow:after {
		content: "";
		display: block;
		width: 20px;
		height: 120%;
		position: absolute;
		right: 100%;
		top: -10%;
		z-index: 99;
		box-shadow: 0 0 10px rgba(0, 0, 0, .3);
	}

	/*寮瑰嚭鑿滃崟杈归槾褰?/
	.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout {
		-webkit-transform: translate(-80vw, 0) !important;
		-ms-transform: translate(-80vw, 0) !important;
		transform: translate(-80vw, 0) !important;
		-webkit-transform: translate3d(-80vw, 0, 0) !important;
		transform: translate3d(-80vw, 0, 0) !important;
		/*transform: translate3d(80vw,0,0)!important;*/
	}

	.mm-wrapper_opened .mm-menu_fx-menu-slide {
		-webkit-transform: translate(0, 0) !important;
		-ms-transform: translate(0, 0) !important;
		transform: translate(0, 0) !important;
		-webkit-transform: translate3d(0, 0, 0) !important;
		transform: translate3d(0, 0, 0) !important;
	}

	/**/
	#menu {
		color: rgba(0, 0, 0, .8);
	}

	#menu .mm-listview .mm-btn_next:after {
		border-color: rgba(189, 189, 189, 1);
	}

	#menu .mm-btn:after,
	#menu .mm-btn:before {
		border-color: rgba(189, 189, 189, 1);
	}

	#menu .mm-navbar a,
	#menu .mm-navbar>* {
		color: rgba(0, 0, 0, .8);
		font-size: 16px;
	}

	#menu.mm-menu_theme-white .mm-counter {
		color: rgba(0, 0, 0, .6);
	}

	#menu .mm-searchfield input {
		background: rgba(0, 0, 0, .3);
		color: rgba(0, 0, 0, .2);
	}

	#menu .mm-listitem,
	#menu .mm-listitem #menu .mm-btn_next,
	#menu .mm-listitem #menu .mm-btn_next:before,
	#menu .mm-listitem:after,
	#menu .mm-listview {
		border-color: rgba(0, 0, 0, .1);
	}

	#menu .mm-navbars_bottom,
	#menu .mm-navbars_top {
		border-color: rgba(0, 0, 0, .1);
	}

	#menu .mm-listitem a {
		font-size: 16px;
	}
}

@media (min-width: 550px) {
	.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout {
		-webkit-transform: translate(-440px, 0) !important;
		-ms-transform: translate(-440px, 0) !important;
		transform: translate(-440px, 0) !important;
		-webkit-transform: translate3d(-440px, 0, 0) !important;
		transform: translate3d(-440px, 0, 0) !important;
	}
}
@media (max-width: 1400px){
	header {padding: 0 15px 0 15px;}
	.col-index-product ul{width: 100%;}
}

@media (max-width: 1200px){
	header nav ul li a{padding: 0 20px;}
	.col-index-banner .swiper-button-prev{left:15%!important;}
	.col-index-banner .swiper-button-next{right: 15%!important}
}
@media (max-width: 1100px){
	header nav ul.nav li>a{padding: 0 10px;}
}
@media (max-width: 991px){
	.col-index-list{margin-top: 0;}
	.col-jobform form ul li.sub input{margin-left: 20%;}
	.col-index-banner .swiper-button-prev{left:5%!important;}
	.col-index-banner .swiper-button-next{right: 5%!important}
	header .logo img{height: 40px;}
	.col-index-banner,.col-banner{padding-top: 50px;}
	.header nav,header .pull-right>.top{display: none;}
	#header{display: block;}
	header{height: 55px;margin-top: 0;}
	header .logo{padding-top: 0;}
	header{position: fixed;width: 100%;left:0;}
	.is-header{margin-top: 0!important;}
	.col-jobform form ul li input, .col-jobform form ul li textarea{width: 70%;}
	.col-jobform form ul li>div{width: 20%;}
	.col-brochure .content .right{padding: 10px 20px 0;}
	.col-banner>div{height: 350px;}
	.subnav{display: none;}
	.col-index-news .time{width: 30%;}
	.col-index-news .content{width: 70%;}
	.col-footer .right{padding-left: 10px;}
	.col-footer .left{padding-right: 10px;}
	.col-footer .top .right ul li>a::after{right: 15%;}
	.col-index-product h2::after,.col-index-news h2::after{left: 46%;}
	.col-index-banner{top: 0;}
	.col-banner>div{margin-top: 90px;}
}
@media (max-width: 768px){
	.en-case .content li img{height: 50px;}
	.col-banner>div{height: 140px;}
	.col-culture .content .row>div{padding: 0 15px;}
	.col-productdet .left{border: 0;}
	#allmap {height: 300px;}
	.col-contact .item>div{width: 100%;}
	.col-news dl dt .img,.col-news dl dt .content{width: 100%;}
	.col-news dl dt .content{padding: 10px 0 0 0 ;}
	.col-equip .content li,.col-honor .content li,.col-honor .content li,.col-product ul li{padding: 0 10px;}
	.col-technology ul li{text-align: center;margin-bottom: 10px;}
	.col-brochure .content>div{width: 100%!important;}
	.col-brochure .content .left img{width: 100%;}
	.col-brochure .content .right{margin-bottom: 20px;}
	.col-trailer .content video{width: 100%!important;height: 300px!important;}
	#gotoTop{right: 20px;}
	.col-about2 .left h2{max-width: 100%;line-height: 35px;}
	.col-about2 .right,.col-about2 .left{width: 100%;padding-left: 0;}
	.col-about2 .right{margin-top: 20px;}
	.col-index-list ul li{width: 33.3333%;}
	.col-index-list ul li:nth-child(4),.col-index-list ul li:nth-child(5),.col-index-list ul li:nth-child(6),.col-index-list ul li:nth-child(7){width: 25%;border-top: 1px solid #dadada;}
	.col-index-list ul li:nth-child(4){border-left: 1px solid #dadada;}
	.col-index-list .container{padding: 0;}
	.video-box video{width: 100%!important;}
	.col-footer .top .right{display: none;}
	.col-footer .bottom .left,.col-footer .bottom .right{margin-top: 20px;}
	.message,#online{display: none;}
}
@media(max-width:600px){
	.col-index-banner .swiper-button-prev,.col-index-banner .swiper-button-next{background-size: 100% 100%;width: 20px;height: 37px;outline: none;}
	.col-jobform form ul li input, .col-jobform form ul li textarea{width: 60%;}
	.col-jobform form ul li>div{width: 30%;}
	header .logo img {height: 40px;}
	header {padding: 0 15px 0 5px;}
	.col-index-banner .swiper-button-next{right: 15px!important;}
	.col-index-banner .swiper-button-prev{left: 15px!important;}
	.col-message form ul li input, .col-message form ul li textarea{width: 65%;}
	.col-index-product ul li{padding: 0 5px;}
	.col-item .left{width: 100%;padding: 0 10px;}
	.col-item .right{width: 100%;padding: 0 10px;margin-top: 20px;}
	.col-jobform form ul li.sub input{margin-left: 30%;}
}

@media (max-width: 500px){
	.en-case .content li img{height: 40px;}
	.col-index-news .owl-dots button span{margin: 0 20px;}
	.col-productdet .like h5{margin-bottom: 0;font-size: 15px;padding: 10px 0;}
	.col-productdet .like ul li {padding: 0 10px;}
	.col-contact .item ul li .content{padding-left: 5%;}
}
label {
    display: inline!important;
    max-width: none;
    margin-bottom: 5px;
    font-weight: 700;
}
.col-page-inquiry{margin:20px 0 50px 0;}
.col-page-inquiry .title{ padding:0; color:#d70a30; background: #fff; box-shadow:0 0 5px rgba(0,0,0,.1)}
.page-inquiry-container ul li{padding: 5px 0;}
.page-inquiry-container input, .page-inquiry-container textarea{border:1px solid #efefef; padding: 8px 5px; width: 100%; border-left: 3px solid #015198;}
.page-inquiry-container textarea{height: 100px;}
.page-inquiry-container .submit{width: 200px; padding: 15px 0; background:#015198; color: #fff; text-align: center; border-left:none;}
.inquiry-captcha{ text-align:left;}
.col-page-inquiry .title span{
    display: inline-block;
    font-size: 14px;
    color: #fff;
    background: #015198;
    line-height: 40px;
    padding: 0 30px;
}