*{ margin: 0;padding: 0; }
body, div, h1, h2, h3, h4, h5, h5, p, ul, ol, li, dl, dt, dd { font-weight:normal;margin: 0; padding: 0;}
ul, ol { list-style-type: none;}
a { color: #515151; text-decoration: none;}
img{ border: none;}
.clearfix:after { content: ""; display: table; clear: both;}
.clear {clear: both;}
body{
	min-width: 1200px;
	font-family: "Microsoft YaHei","PingFang",sans-serif;
}

/*导航*/
.head_wrap{ width: 100%; position: fixed;z-index: 10;padding:1.6% 0; transition: all .55s cubic-bezier(0.55, 0.75, 0.6, 1) 0s;-webkit-transition: all .55s cubic-bezier(0.55, 0.75, 0.6, 1) 0s;}
.bg_white{background-color: #fff;-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.4);-moz-box-shadow: 0 0 15px rgba(0,0,0,0.4);box-shadow: 0 0 15px rgba(0,0,0,0.4);padding:0.8% 0;}
.head{ width: 1200px;margin:0 auto; }
.logo_box{ float: left;display: block;text-align: center; }
.logo_box>img{ vertical-align: middle; }
.nav_list,.search_wrap{float: right;}
.nav_list{ overflow: hidden; }
.nav_list>li{ float: left;margin-left: 100px;line-height: 50px; }

.nav_list>li:nth-of-type(2):hover #dropMenu{display: block}
.nav_list>li>a{ color:#fff;font-size: 14px;font-family: "Myriad Pro";padding-bottom: 2px; }
.nav_list>li.active>a{ border-bottom: 2px solid #fff; }
.bg_white .nav_list>li>a{color:#333;}
.bg_white .nav_list>li.active>a{border-color: #333;}
.search_wrap{ top:10px;display: block;width: 180px;position: relative;height: 30px;line-height: 30px;padding-left: 2%;display: none;}
.search_input{ position: absolute;right:0; height: 30px;line-height: 30px;border:none;border-bottom:2px solid #fff;width: 0%;display: block;background-color: transparent;outline: none; }
.search_box{ position: absolute;top:0;right:10px;cursor: pointer; }

/*页脚*/
.foot_wrap{width: 1005;background-color: #222d35;padding:68px 0 40px 0;}
.foot{width: 1200px;margin:0 auto;overflow: hidden;}
.foot>div{float: left;color:#fff;margin-right: 20px;}
.foot>div:last-child{float: right;width: 366px;}
.foot h3{font-size: 14px;font-weight: bold;margin-bottom: 36px;text-transform: uppercase;letter-spacing: 4px;}
.foot p{font-size: 14px;font-family: "OpenSans";line-height: 32px;}
.foot a{display:block;float:left;margin-bottom: 9px;margin-left: 9px; background-color: #272727;display: inline-block;width: 66px;height: 66px;line-height: 66px;text-align: center;}
.foot .one_a,.foot .six_a{margin-left: 0;}
.foot a:hover{background-color: #000;}
.ban{width: 100%;background-color: #313f49;padding:30px 0;}
.ban>div{width: 1200px;margin:0 auto;color:#fff;font-size: 12px;text-transform: uppercase;font-weight: 200;}

/*单页img*/
.index_banner>img{ width: 100%; }

/*tit*/
.abo_tit{text-align: center;}
.abo_tit>h2{color:#202020;font-size: 48px;font-family:"Microsoft YaHei";margin-bottom: 40px;text-transform: capitalize; }

/*products*/
.product_wrap{width: 100%;padding:102px 0 130px 0;}
.product{width: 1200px;margin:0 auto;text-align: center;}
.pro_nav{text-align: center;margin-bottom: 66px;}
.pro_nav li{ transition: all .6s ease; padding:10px 18px;border:1px solid #eee;border-radius: 20px;color:#333;display: inline-block;margin:0 14px;color:#474747;font-size: 14px;font-weight: bold;text-transform: uppercase;letter-spacing: 2px;cursor: pointer;margin-bottom: 20px;}
.pro_nav li.cur,.pro_nav li:hover{ background-color: #32aef5;color:#fff;box-shadow: 0px 8px 13px 0px rgba(0, 0, 0, 0.05);border-color:#32aef5;}
.pro_list{width: 1200px;margin:0 auto;}
.pro_item{display: block; transition: all .6s ease;-webkit-transition: all .6s ease;-o-transition: all .6s ease;-moz-transition: all .6s ease;cursor: pointer;width: 23.66%;float: left;margin-right: 12px;height: auto;padding-bottom:16px;margin-bottom: 20px;}
.pro_item:nth-child(4n){margin-right: 0;}
.pro_item>div{margin-bottom:16px;border:1px solid #333;text-align: center;overflow: hidden;width: 100%;box-sizing: border-box;height: 312px;line-height: 312px;}
.pro_item>div>img{display:block;height: 100%;vertical-align: middle;width: 100%;}
.pro_item>p{overflow: hidden;padding:0 10px;text-overflow: ellipsis;white-space: nowrap; text-align: center;color:#333;font-size: 14px;}
.product>a{display: inline-block;border-bottom: 1px solid #202020;color:#202020;font-style: 16px;text-transform: uppercase;font-family: "Microsoft YaHei";margin-top: 20px;}
.pro_item:hover{box-shadow: 0px 0px 13px 3px rgba(0, 0, 0, 0.05);transform: translateY(-8px);}

/*about*/
.abo_tit{text-align: center;}
.abo_tit>h2{color:#202020;font-size: 48px;font-family:"Microsoft YaHei";margin-bottom: 40px;text-transform: capitalize; }
.abo_tit>p,.abo_info>p{font-family: "OpenSans";font-size: 14px;color:#5f5f5f;line-height: 32px;padding:0 124px;box-sizing: border-box;}
.abo_cont{overflow: hidden;padding-right:10px;box-sizing: border-box;}
.abo_cont>img{float: left;}
.abo_info{width:98%;height: 370px;box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.05);margin:20px auto; }
.abo_info>div{width: 50%;float: right;padding:34px 20px 0;box-sizing: border-box;}
.abo_info>div>h5{color:#202020;font-size: 24px;margin-bottom: 20px;}
.abo_info>div>p{padding:0;margin-bottom: 20px;font-size: 14px;color:#5f5f5f;line-height: 26px;overflow-y: scroll;height: 210px;}
.abo_info>div>a{color:#32aef5;font-size: 12px;border-bottom: 2px solid #32aef5;padding-bottom: 2px;}
.abo_info>div>p::-webkit-scrollbar{width: 8px;}
.abo_info>div>p::-webkit-scrollbar-track {
		  background-color: rgba(0,0,0,.4);
	} /* 滚动条的滑轨背景颜色 */

.abo_info>div>p::-webkit-scrollbar-thumb {
		  background-color: rgba(0, 0, 0, 0.2); 
	} /* 滑块颜色 */

/*news*/
.news_wrap{width: 100%;padding:95px 0;}
.news{width: 1200px;margin:0 auto;}
.news>.abo_tit>h2{margin-bottom: 10px;}
.news>.abo_tit>p{margin-bottom: 60px;}
.news_list{}
.clear{clear: both;}
.news_item{display: block;cursor: pointer;float: left;margin-left: 30px;width: 370px;transition: all .6s ease;-webkit-transition: all .6s ease;-o-transition: all .6s ease;-moz-transition: all .6s ease;}
.news_item>img{width: 100%;margin-bottom: 26px;height: 220px;overflow: hidden;}
.news_item>h4{width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; color:#202020;font-size: 16px;margin-bottom: 30px;padding:0 10px;box-sizing: border-box;}
.news_item>.cont{display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden; color:#515151;font-size: 12px;line-height: 32px;padding:0 10px;box-sizing: border-box;}
.news_item>a{color:#32aef5;font-size: 12px;text-transform: uppercase;padding:0 10px;box-sizing: border-box;}
.news_item>a>img{margin-right: 6px;}
.news_item:hover{box-shadow: 0px 0px 13px 3px rgba(0, 0, 0, 0.05);transform: translateY(-8px);}


@media only screen and (max-width:1400px){
	.abo_tit>p{padding:0;}
	.product,.pro_list{width: 1000px;}
	.pro_item{width: 34%;margin:0 80px 20px;}
	.pro_item>div{height: 340px;line-height: 340px;}
	.news_item{width: 48%;margin-left: 4%;margin-bottom: 20px;}
	.news_item:nth-child(3n+1){margin-left: 4%;}
	.news_item:nth-child(2n+1){margin-left: 0;}
}


@media only screen and (max-width:600px){
	.head,.index_banner,.product, .pro_list,.foot{width: 100% !important;}
}


@font-face {font-family: "iconfont";
	src: url('iconfont.eot?t=1545818352743'); /* IE9*/
	src: url('iconfont.eot?t=1545818352743#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAPsAAsAAAAABjgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY8iEgEY21hcAAAAYAAAABLAAABcOc6teBnbHlmAAABzAAAAEAAAABA6Y7f62hlYWQAAAIMAAAALAAAADYTsSb7aGhlYQAAAjgAAAAcAAAAJAfeA4NobXR4AAACVAAAAAgAAAAICAAAAGxvY2EAAAJcAAAABgAAAAYAIAAAbWF4cAAAAmQAAAAeAAAAIAENAB5uYW1lAAAChAAAAUUAAAJtPlT+fXBvc3QAAAPMAAAAIAAAADHf6dd3eJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByeCT0TYm7438AQw9zA0AAUZgTJAQDf9QwHeJxjYGBgZWBgYAZiHSBmYWBgDGFgZAABP6AoI1icmYELLM7CoARWwwISfyb0/z+MBPJZwCQDIxvDKOABkzJQHjisIJiBEQBU7gmxAAABAAAAAAMjAh4AEQAAJSIvASY0NjIfATc2MhYUDwEGAf8ZEu0KFRwK5+cLHBUK7RLjEe4KHBUK5+cKFRwK7hF4nGNgZGBgAOLotbyX4/ltvjJwszCAwA3Pwg/INAsDkxyQ4mBgAvEAFEAIy3icY2BkYGBu+N/AEMPCAAJAkpEBFTABAEcIAmsEAAAABAAAAAAAAAAAIAAAeJxjYGRgYGBiEGIA0SAWAwMXEDIw/AfzGQAKWQEsAAB4nGWPTU7DMBCFX/oHpBKqqGCH5AViASj9EatuWFRq911036ZOmyqJI8et1ANwHo7ACTgC3IA78EgnmzaWx9+8eWNPANzgBx6O3y33kT1cMjtyDRe4F65TfxBukF+Em2jjVbhF/U3YxzOmwm10YXmD17hi9oR3YQ8dfAjXcI1P4Tr1L+EG+Vu4iTv8CrfQ8erCPuZeV7iNRy/2x1YvnF6p5UHFockikzm/gple75KFrdLqnGtbxCZTg6BfSVOdaVvdU+zXQ+ciFVmTqgmrOkmMyq3Z6tAFG+fyUa8XiR6EJuVYY/62xgKOcQWFJQ6MMUIYZIjK6Og7VWb0r7FDwl57Vj3N53RbFNT/c4UBAvTPXFO6stJ5Ok+BPV8bUnV0K27LnpQ0kV7NSRKyQl7WtlRC6gE2ZVeOEXpc0Yk/KGdI/wAJWm7IAAAAeJxjYGKAAC4G7ICJkYmRmYE9KzMxryS/lIEBABR/Axc=') format('woff'),
	url('iconfont.ttf?t=1545818352743') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
	url('iconfont.svg?t=1545818352743#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
	font-family:"iconfont" !important;
	font-size:16px;
	font-style:normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-jiantou:before { content: "\e612"; }
[v-cloak] {
	display: none;
}

#dropMenu{
	position: absolute;
	min-width: 100px;
	background: #fff;
	display: none;
}
#dropMenu a{
	display: block;
	text-align: center;
	color: #333333;
	border-bottom: 1px solid #dedede;
}
#dropMenu a:hover{color: #eea029}