@charset "utf-8";

/* CSS Document */
* {
	margin: 0;
	padding: 0;
	list-style: none;
}

body {
	font: 12px/22px Arial, Helvetica, sans-serif;
	color: #3e3e3e;
	-webkit-text-size-adjust: none;
}

img {
	border: none;
}

a {
	text-decoration: none;
	color: #666;
}

a:hover {
	text-decoration: none;
	color: #000;
}

/*Project CSS*/
.wrapone {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

/*Project CSS*/
.wrap {
	width: 1170px;
	margin: 0 auto;
	overflow: hidden;
}

.wrap h2 {
	margin-bottom: 30px;
	width: 100%;
	font-size: 24px;
	font-weight: bold;
	color: #2197d8;
	text-align: center;
}

/*header*/
.headerwrap {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	background: #fff;
	border-bottom: 1px solid #e2e2e2;
}

.headerwrapcontent {
	position: relative;
	width: 1170px;
	height: 60px;
	margin: 0 auto;
}

.logo {
	float: left;
	height: 40px;
	overflow: hidden;
	margin: 10px 0;
}

.logo a {
	display: block;
	overflow: hidden;
}

.logo img {
	float: left;
	height: 40px;
}

.nav {
	float: right;
	margin: 10px 0;
}

.nav-bottom {
	float: left;
	clear: both;
}

.nav-bottom ul {
	display: block;
	float: left;
	height: 40px;
	line-height: 40px;
}

.nav-bottom ul li {
	display: block;
	float: left;
	margin-left: 36px;
}

.nav-bottom ul li a {
	display: block;
	height: 100%;
	float: left;
	color: #333;
	font-size: 14px;
}

.nav-bottom ul li a:hover {
	color:#2197d8;
}

/*dropdown content*/
.dropdown {
	position: relative;
	display: inline-block;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	padding: 12px 16px;
	top: 40px;
	left: 0;
	z-index: 9999;
	line-height: 36px;
}

.dropdown-content dd {
	width: 100%;
	display: block;
}

.dropdown-content a {
	width: 100%;
	font-size: 14px;
	color: #333;
}

.dropdown:hover .dropdown-content {
	display: block;
}

/*2*/

.dropdown-content2 {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	width: 300px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	padding: 12px 16px;
	top: 40px;
	left: 0;
	z-index: 9999;
	line-height: 36px;
}

.dropdown-content2-left{
	overflow: hidden;
	width: 150px;
	float: left;
}

.dropdown-content2-left a{
	overflow: hidden;
	display: block;
	width: 150px;
	float: left;
}

.dropdown-content2-right{
	overflow: hidden;
	width: 150px;
	float: right;
}

.dropdown-content2-right a{
	overflow: hidden;
	display: block;
	width: 150px;
	float: left;
}

.dropdown:hover .dropdown-content2 {
	display: block;
}


/*SlideBox*/
.slideBox {
	position: relative;
	background: #efefef;
	margin: 0 auto;
	width: 100%;
	max-width: 1900px;
	max-height: 520px;
	overflow: hidden;
}

.slideBox .hd {
	position: absolute;
	height: 28px;
	line-height: 28px;
	bottom: 10px;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 1;
}

.slideBox .hd li {
	display: inline-block;
	width: 12px;
	height: 12px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #666;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 6px;
}

.slideBox .hd li.on {
	background: #000;
}

.slideBox .bd {
	position: relative;
	z-index: 0;
	margin-bottom: -5px;
}

.slideBox .bd li {
	position: relative;
}

.slideBox .bd li a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	display: inline-block;
}

.slideBox .bd li img {
	width: 100%;
	border-radius: 2px;
}

.slideBox .bd li a img {
	width: 100%;
	border-radius: 2px;
}

/*index our service*/
.ourservice {
	display: block;
	overflow: hidden;
}

.ourservice li {
	display: block;
	overflow: hidden;
	width: 25%;
	float: left;
	text-align: center;
}

.ourservice li i {
	display: block;
	font-size: 64px;
	height: 64px;
	line-height: 64px;
	color: #2197d8;
}

.ourservice li h3 {
	font-size: 16px;
	line-height: 24px;
	color: #2197d8;
	font-weight: normal;
	margin: 10px 0;
}

.ourservice li p {
	font-size: 13px;
	line-height: 21px;
	color: #666;
}

/*index upload*/
.index-upload {
	background: #3c3d3e;
}

.index-upload-wrap {
	width: 1170px;
	margin: 0 auto;
	overflow: hidden;
	padding: 60px 0;
}

.index-upload-wrap h2 {
	margin-bottom: 30px;
	width: 100%;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}

.index-upload-wrap p {
	font-size: 14px;
	color: #eee;
	text-align: center;
}

.index-upload-button {
	overflow: hidden;
	margin: 0 auto;
	width: 520px;
}

.index-upload-button a {
	font-size: 20px;
	color: #fff;
	text-align: center;
	width: 220px;
	margin: 0 20px;
	height: 50px;
	line-height: 50px;
	margin-top: 30px;
	border-radius: 3px;
	font-weight: bold;
	display: block;
	float: left;
}

.index-upload-button a.upload {
	background: #2197d8;
}

.index-upload-button a.contact {
	background: #ddd;
	color: #3c3d3e;
}

/*index solutions*/
.index-solutions {
	overflow: hidden;
	width: 100%;
	padding-top: 60px;
	background: #efefef;
}

.index-solutions-wrap {
	overflow: hidden;
	width: 1170px;
	margin: 0 auto 60px;
}

.index-solutions-wrap h2 {
	margin-bottom: 30px;
	width: 100%;
	font-size: 24px;
	font-weight: bold;
	color: #333;
	text-align: center;
}

.index-solutions-wrap p {
	font-size: 14px;
	color: #666;
	text-align: center;
	margin-bottom: 20px;
}

.index-solutions-list {
	display: block;
	width: 100%;
	overflow: hidden;
}

.index-solutions-list li {
	display: block;
	width: 23%;
	margin: 0 1%;
	overflow: hidden;
	float: left;
	text-align: center;
}

.index-solutions-list li a {
	width: 100%;
	display: block;
}

.index-solutions-list li span {
	font-size: 16px;
	color: #666;
}

.index-solutions-list li img {
	width: 100%;
}

/*index edu solution*/
.index-edu {
	overflow: hidden;
	width: 100%;
	border-top: 1px solid #ddd;
}

.index-edu-wrap {
	overflow: hidden;
	width: 1170px;
	margin: 0 auto;
	padding-top: 60px;
	padding-bottom: 60px;
}

.index-edu-left {
	overflow: hidden;
	width: 560px;
	float: left;
}

.index-edu-right {
	overflow: hidden;
	width: 490px;
	float: right;
}

.index-edu-right h2 {
	overflow: hidden;
	width: 490px;
	font-size: 24px;
	height: 30px;
	line-height: 30px;
	color: #333;
	margin-top: 20px;
	margin-bottom: 20px;
}

.index-edu-right p {
	overflow: hidden;
	width: 490px;
	font-size: 16px;
	line-height: 27px;
	color: #666;
}

.index-edu-right a {
	font-size: 16px;
	color: #fff;
	text-align: center;
	width: 160px;
	height: 40px;
	line-height: 40px;
	margin-top: 30px;
	border-radius: 3px;
	font-weight: bold;
	display: block;
	float: left;
	background: #2197d8;
}

/*index res solution*/
.index-res {
	overflow: hidden;
	width: 100%;
	background: #efefef;
}

.index-res-wrap {
	overflow: hidden;
	width: 1170px;
	margin: 0 auto;
	padding-top: 60px;
	padding-bottom: 60px;
}

.index-res-wrap h2 {
	margin-bottom: 30px;
	width: 100%;
	font-size: 24px;
	font-weight: bold;
	color: #333;
	text-align: center;
}

.index-res-list {
	display: block;
	overflow: hidden;
}

.index-res-list li {
	width: 23%;
	margin: 0 1% 20px;
	float: left;
	background: #fff;
}

.index-res-list li a {
	width: 100%;
	display: block;
}

.index-res-list li img {
	display: block;
	border-radius: 1px;
	height: 242px;
	width: 242px;
}

.index-res-list li h3 {
	width: 94%;
	margin: 0 3%;
	display: block;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	font-weight: normal;
	color: #2197d8;
	font-size: 14px;
}

.index-res-list li .time-view {
	width: 94%;
	margin: 0 3%;
	display: block;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}

.index-res-list li .time-view p {
	float: left;
	color: #666;
	font-size: 13px;
}

.index-res-list li .time-view p.left {
	float: left;
}

.index-res-list li .time-view p.right {
	float: right;
}


/*index news solution*/
.index-news {
	overflow: hidden;
	width: 100%;
	background: #fff;
}

.index-news-wrap {
	overflow: hidden;
	width: 1170px;
	margin: 0 auto 60px;
	padding-top: 60px;
}

.index-news-wrap h2 {
	margin-bottom: 50px;
	width: 100%;
	font-size: 24px;
	font-weight: bold;
	color: #333;
	text-align: center;
}

.index-news-list {
	overflow: hidden;
	display: block;
	width: 100%;
}

.index-news-list li {
	overflow: hidden;
	display: block;
	width: 100%;
	margin:40px 0 0;
}

.index-news-list li a {
	overflow: hidden;
	display: block;
	width: 100%;
}

.index-news-left {
	overflow: hidden;
	width: 25%;
	margin-right: 3%;
	float: left;
}

.index-news-left img {
	width: 100%;
	border-radius: 3px;
}

.index-news-right {
	overflow: hidden;
	display: block;
	width: 72%;
	float: right;
	border-bottom: 1px solid #ddd;
}

.index-news-right h3 {
	width: 100%;
	color: #2197d8;
	font-size: 18px;
	line-height: 30px;
	max-height: 60px;
	overflow: hidden;
	font-weight: normal;
	margin-bottom: 10px;
}

.index-news-right p {
	width: 100%;
	color: #666;
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 20px;
	text-align: left;
}

.index-news-right .author-time {
	width: 100%;
	color: #666;
	font-size: 14px;
	line-height: 21px;
	display: block;
	overflow: hidden;
}

.index-news-right .author-time li {
	overflow: hidden;
	float: left;
	width: auto;
	min-width: 100px;
	margin-right: 20px;
}

/*index news list2*/

.index-news-list2 {
	overflow: hidden;
	display: block;
}

.index-news-list2 li {
	overflow: hidden;
	display: block;
	width: 46%;
	margin:20px 2%;
	float: left;
}

.index-news-list2 li a {
	overflow: hidden;
	display: block;
	width: 100%;
}

.index-news-left2 {
	overflow: hidden;
	width: 45%;
	margin-right: 5%;
	float: left;
}

.index-news-left2 img {
	width: 100%;
	border-radius: 3px;
}

.index-news-right2 {
	overflow: hidden;
	display: block;
	width: 50%;
	float: right;
	border-bottom: 1px solid #ddd;
}

.index-news-right2 h3 {
	width: 100%;
	color: #2197d8;
	font-size: 18px;
	line-height: 30px;
	height: 60px;
	font-weight: normal;
	margin-bottom: 20px;
}

.index-news-right2 p {
	width: 100%;
	color: #666;
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 10px;
}

.index-news-right2 .author-time {
	width: 100%;
	color: #666;
	font-size: 14px;
	line-height: 21px;
	display: block;
	overflow: hidden;
}

.index-news-right2 .author-time li {
	overflow: hidden;
	float: left;
	width: auto;
	min-width: 100px;
	margin-right: 20px;
}



/**Global Bottom**/
.bottom {
	width: 100%;
	background: #efefef;
	overflow: hidden;
}

.bottom_lists {
	width: 1170px;
	margin: 0 auto;
	padding: 40px 0 40px;
	overflow: hidden;
}

.bottom_lists ul {
	width: 260px;
	margin-right: 20px;
	float: left;
	overflow: hidden;
	line-height: 45px;
	color: #666;
}

.bottom_lists ul h3 {
	width: 260px;
	float: left;
	text-align: left;
	font-size: 14px;
	color: #666;
	font-weight: bold;
	overflow: hidden;
	margin-bottom: 12px;
}

.bottom_lists ul h3 a {
	width: 260px;
	float: left;
	text-align: left;
	font-size: 16px;
	color: #2197d8;
	font-weight: bold;
	overflow: hidden;
	text-transform: uppercase;
}

.bottom_lists ul h3 a:hover {
	color: #2197d8;
}

.bottom_lists li {
	width: 260px;
	line-height: 35px;
	float: left;
	margin-bottom: 18px;
}

.bottom_lists li a {
	width: 260px;
	line-height: 18px;
	float: left;
	display: block;
	font-size: 13px;
	color: #555;
}

.bottom_lists li a:hover {
	color: #2197d8;
}

.sitebottom {
	width: 1170px;
	height: 50px;
	line-height: 50px;
	margin: 0 auto;
	overflow: hidden;
	border-top: 1px solid #ddd;
	color: #666;
}

.icons_ys1 {
	font-size: 15px;
	color: #64cc38;
	margin-right: 10px;
}

.icons_ys2 {
	font-size: 15px;
	color: #f00;
	margin-right: 10px;
}

.icons_ys3 {
	font-size: 15px;
	color: #15aeed;
	margin-right: 10px;
}

.icons_ys4 {
	font-size: 15px;
	color: #64cc38;
	margin-right: 10px;
}

.icons_ys5 {
	font-size: 15px;
	color: #1daeec;
	margin-right: 10px;
}

.icons_ys6 {
	font-size: 15px;
	color: #6084ab;
	margin-right: 10px;
}

.icons_ys7 {
	font-size: 15px;
	color: #01E675;
	margin-right: 10px;
}

/*COLLECTIONS*/
.typelists {
	overflow: hidden;
	display: block;
	overflow: hidden;
	display: block;
	width: 1020px;
	margin: 0 0 30px;
	padding: 10px 15px;
	background: #f3f3f3;
	border-radius: 2px;
}

.typelists a {
	color: #666;
	display: block;
	background: #fff;
	float: left;
	overflow: hidden;
	margin: 7px 10px 7px 0;
	padding: 5px 10px;
	font-size: 13px;
	border-radius: 3px;
}

.typelists a.on {
	color: #fff;
	background: #2197d8;
}

.typelists a:hover {
	color: #fff;
	background: #2197d8;
}

.catlists {
	width: 1170px;
	overflow: hidden;
	display: block;
}

.catlists li {
	width: 186px;
	overflow: hidden;
	display: block;
	float: left;
	margin-right: 30px;
}

.catlists li a {
	display: block;
	position: relative;
	width: 100%;
}

.catlists li a:hover {
	background: none;
}

.catlists li span {
	display: block;
	position: absolute;
	left: 10px;
	bottom: 10px;
	color: #fff;
	font-size: 21px;
	font-weight: bold;
}

/*list_p,page*/
.list_top {
	width: 1170px;
	overflow: hidden;
	margin-top: 30px;
}

.list_top img {
	width: 1170px;
	border-radius: 3px;
	margin-bottom: 30px;
}

.list_top h1 {
	font-size: 24px;
	font-weight: bold;
	color: #000;
	float: left;
}

.list_top span {
	font-size: 14px;
	color: #666;
	float: left;
	margin-left: 20px;
}

.list_top p {
	font-size: 14px;
	color: #333;
	float: left;
	width: 100%;
	line-height: 18px;
	margin-top: 10px;
	margin-bottom: 30px;
}

.listpic_list {
	display: block;
	overflow: hidden;
}

.listpic_list li {
	display: block;
	overflow: hidden;
	float: left;
	width: 240px;
	height: 260px;
	background: #ddd;
	margin-right: 30px;
	margin-bottom: 30px;
	border-radius: 2px;
}

.listpic_list li a {
	display: block;
	padding: 10px 10px 0 10px;
	font-weight: bold;
}

.listpic_list li a:hover {
	color: #000;
}

.listpic_list li img {
	width: 220px;
	height: 220px;
	border-radius: 2px;
}

.listpic_list li span {
	height: 20px;
	line-height: 20px;
	display: block;
	font-size: 14px;
	color: #444;
	width: 200px;
}

/**HOT PRODUCTS**/
.wrap-showpro {
	width: 1170px;
	margin: 40px auto;
	overflow: hidden;
}

.tabslist {
	width:100%;
	float: left;
	overflow: hidden;
}

.tabslist h1{
	width:100%;
	line-height: 40px;
	height: 40px;
	text-align: center;
	overflow: hidden;
	color: #2197d8;
}

.tabslist .tab {
	overflow: hidden;
	width: 1170px;
	float: left;
	display: flex;
    flex-direction: row;
    justify-content: center;
    border-top: 1px solid #ddd;
    margin-top:20px;
    padding: 20px 0;
}

.tabslist .tab a {
	display: block;
	height: 60px;
	width: 120px;
	margin:0 10px;
	float: left;
	overflow: hidden;
	text-decoration: none;
}

.tabslist .tab a:hover {
	text-decoration: none;
}

.tabslist .tab a.on {
	text-decoration: none;
}

.tabslist .content {
	overflow: hidden;
	float: left;
	width: 1170px;
	height: 585px;
	border-top: 1px solid #ddd;
    margin-top:20px;
    padding-top: 20px;
}

.tabslist .content li {
	display: none;
	list-style: none;
}

.tabslist .content li img {
	display: block;
	width: 1170px;
	height: 585px;
	overflow: hidden;
	border-radius: 3px;
}

.proright {
	float: right;
	width: 500px;
}

.proright h1 {
	font-size: 27px;
	color: #000;
	font-weight: bold;
	width: 500px;
	margin-bottom: 30px;
	height: 36px;
	line-height: 36px;
}

.pro_text_des {
	overflow: hidden;
	margin-bottom: 30px;
	line-height: 24px;
	font-size: 13px;
	color: #666;
}

.pro_text_confs {
	overflow: hidden;
	margin: 0;
	line-height: 30px;
}

.pro_text_confs li {
	border-bottom: 1px dotted #dedede;
}

.pro_text_confs li.left {
	width: 100%;
	float: left;
}

/**Afellow page**/
.af_page {
	width: 1170px;
	overflow: hidden;
	background: #fff;
	margin: 30px auto;
	border-top: 1px solid #ddd;
	padding-top: 30px;
}

.af_page h1 {
	margin-left: 3%;
	height: 40px;
	line-height: 40px;
	color: #333;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	overflow: hidden;
}

.af_page_content {
	font-size: 14px;
	line-height: 18px;
	color: #333;
	width: 100%;
	/* border-bottom: 1px solid #ddd; */
	padding-bottom: 30px;
}

.af_page_content p {
	margin: 7px 0;
	font-size: 16px;
	line-height: 21px;
	color: #333;
}

.af_page_content img {
	max-width: 100%;
	margin: 10px 0;
}



.unevenlist {
	display: block;
	width: 100%;
	overflow: hidden;
}

.unevenlist li{
	display: block;
	width: 100%;
	overflow: hidden;
	margin:40px 0;
}

.unevenlist img {
	width:500px;
  height:300px;
	float: left;
	border-radius: 2px;
}

.unevenlist p {
	width:620px;
  	max-height:300px;
  	overflow:hidden;
	font-size: 16px;
	line-height: 25px;
	float: left;
	color: #333;
}





/**Afellow page**/
.af_page_dl {
	width: 100%;
	overflow: hidden;
	background: #fff;
	margin-top: 10px;
}

.af_page_dl h1 {
	margin-left: 3%;
	float: left;
	height: 40px;
	line-height: 40px;
	color: #333;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	overflow: hidden;
}

.af_page_dl_list {
	overflow: hidden;
	width: 100%;
	float: left;
}

.af_page_dl_list li {
	width: 240px;
	margin-right: 30px;
	float: left;
	margin-bottom: 10px;
}

.af_page_dl_list li a {
	width: 100%;
	overflow: hidden;
	display: block;
}

.af_page_dl_list li img {
	width: 100%;
	overflow: hidden;
	border-radius: 2px;
}

.af_page_dl_list li span {
	width: 100%;
	overflow: hidden;
	display: block;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	color: #555;
}

/*CATLOGUES*/
.page_details {
	font-size: 14px;
	color: #333;
	line-height: 20px;
}

/**Down Address**/
.down_address {
	width: 100%;
	overflow: hidden;
	background: #fff;
	padding: 20px 0;
}

.down_address li {
	width: 100%;
	overflow: hidden;
	font-size: 14px;
	color: #f00;
	float: left;
}

.down_address li a {
	color: #f00;
}

/*KF*/
.kfbg {
	position: fixed;
	top: 30%;
	right: 0px;
	z-index: 9999;
	display: block;
	width: 108px;
	height: 455px;
	background: #e8ecef;
	border: 1px solid #ddd;
	border-radius: 2px;
	padding: 0;
	margin: 0;
}

.kfbg li {
	display: block;
	list-style: none;
	border-top: 1px solid #ddd;
	width: 108px;
	padding: 10px 0;
	text-align: center;
	overflow: hidden;
}

.kfbg li a {
	display: block;
	text-decoration: none;
	width: 100%;
}

.kfbg li span {
	display: block;
	font-size: 12px;
	color: #333;
}

.kfbg li.kfsport {
	background: #fff;
	border: none;
	overflow: hidden;
	height: 108px;
	padding: 0;
	margin: 0;
}

.kfbg li.kfsport img {
	width: 108px;
	height: 108px;
}

.kfbg li.kftel {
	overflow: hidden;
}

.kfbg li.kftel img {
	height: 32px;
	margin-bottom: 5px;
}

.kfbg li.kfbi {
	overflow: hidden;
}

.kfbg li.kfbi img {
	height: 35px;
	margin-bottom: 5px;
}

.kfbg li.kfewm {
	overflow: hidden;
}

.kfbg li.kfewm img {
	height: 88px;
	width: 88px;
}

/*innerbanner*/
.innerbanner {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 300px;
	background: url(../images/innerbanner.jpg) center no-repeat;
}

.position {
	background: rgba(0, 0, 0, 0.4) no-repeat;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 36px;
}

.position-wrap {
	width: 1170px;
	margin: 0 auto;
	height: 36px;
	line-height: 36px;
	text-align: right;
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
}

.position-wrap a {
	display: inline-block;
	font-size: 12px;
	color: #ddd;
}

/*innerbanner*/
.innerbanner-faqs {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 300px;
	background: url(../images/innerbanner2.jpg) center no-repeat;
}

.faqs-search {
	position: absolute;
	top: 50px;
	width: 100%;
	height: 100px;
	color: #fff;
}

.faqs-search-wrap {
	width: 1170px;
	margin: 0 auto;
}

.faqs-search-wrap h3 {
	font-size: 30px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-weight: normal;
}

.faqs-search-wrap p {
	font-size: 16px;
	color: #eee;
	margin: 30px 0;
}

.faqs-search-sou {
	float: left;
	overflow: hidden;
}

.faqs-search-sou input {
	border: none;
	height: 36px;
	line-height: 36px;
}

.faqs-search-sou input.shuru {
	width: 270px;
	border-radius: 1px;
}

.faqs-search-sou input.tijiao {
	background: #2197d8;
	color: #fff;
	width: 100px;
	border-radius: 2px;
	font-size: 14px;
}

.faqs-search-tiwen {
	color: #fff;
	line-height: 34px;
	height: 34px;
	border: 1px solid #fff;
	width: 120px;
	border-radius: 2px;
	float: left;
	margin-left: 20px;
	text-align: center;
	font-size: 14px;
	display: block;
}

.faqs-search-tiwen:hover {
	background: #2197d8;
	color: #fff;
	border: 1px solid #2197d8;
}

/*capt-list*/
.catp {
	overflow: hidden;
	width: 100%;
	margin: 60px auto;
}

.catp-wrap {
	overflow: hidden;
	width: 1170px;
	margin: 0 auto;
}

.catp-wrap h2 {
	margin-bottom: 30px;
	width: 100%;
	font-size: 24px;
	font-weight: bold;
	color: #333;
	text-align: center;
}

.catp-wrap p {
	font-size: 14px;
	color: #666;
	text-align: center;
	margin-bottom: 20px;
}

.catp-list {
	display: block;
	width: 100%;
	overflow: hidden;
}

.catp-list li {
	display: block;
	width: 23%;
	margin: 0 1%;
	overflow: hidden;
	float: left;
	text-align: center;
}

.catp-list li a {
	display: block;
	width: 100%;
	overflow: hidden;
}

.catp-list li img {
	width: 100%;
	height: 270px;
	overflow: hidden;
}

.catp-list li span {
	font-size: 16px;
	color: #666;
	display: block;
	width: 100%;
	height: 25px;
	line-height: 25px;
}

.catp2 {
	overflow: hidden;
	width: 100%;
	margin: 60px auto 0;
	padding: 60px 0;
	background: #f3f3f3;
}

.catp2-wrap {
	overflow: hidden;
	width: 1170px;
	margin: 0 auto;
}

.catp2-wrap h2 {
	margin-bottom: 30px;
	width: 100%;
	font-size: 24px;
	font-weight: bold;
	color: #333;
	text-align: center;
}

.catp2-wrap p {
	font-size: 14px;
	color: #666;
	text-align: center;
	margin-bottom: 20px;
}

.catp2-list {
	display: block;
	width: 100%;
	overflow: hidden;
}

.catp2-list li {
	display: block;
	width: 25%;
	overflow: hidden;
	float: left;
	text-align: center;
}

.catp2-list li a {
	display: block;
	width: 100%;
}

.catp2-list li img {
	width: 100%;
	width: 242px;
	height: 242px;
}

.catp2-list li span {
	font-size: 16px;
	color: #666;
}

/*Print Service*/
.printsteps {
	overflow: hidden;
	width: 100%;
	background: #efefef;
}

.printsteps-wrap {
	overflow: hidden;
	width: 1170px;
	margin: 0 auto;
	padding-top: 60px;
	padding-bottom: 60px;
}

.printstep-a {
	display: block;
	line-height: 75px;
	overflow: hidden;
	height: 75px;
	width: 180px;
	float: left;
	background: #2197d8;
	border-radius: 3px;
	font-size: 26px;
	color: #fff;
	text-align: center;
}

.printstep-a:hover {
	color: #fff;
	font-weight: bold;
}

.printstep-dian {
	width: 56px;
	height: 75px;
	display: block;
	float: left;
	background: url(../images/dian.png) center no-repeat;
}

.printstep-text {
	display: block;
	line-height: 75px;
	overflow: hidden;
	height: 75px;
	padding: 0 12px;
	float: left;
	background: #fff;
	border-radius: 3px;
	font-size: 26px;
	color: #333;
	text-align: center;
}

/*Print Service*/
.print-service {
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	padding: 60px 0;
	background: #efefef;
}

.print-service-wrap {
	overflow: hidden;
	width: 1170px;
	margin: 0 auto;
}

.print-service-wrap h2 {
	margin-bottom: 30px;
	width: 100%;
	font-size: 24px;
	font-weight: bold;
	color: #333;
	text-align: center;
}

.service-step {
	width: 1170px;
	height: 220px;
	overflow: hidden;
	margin-top: 40px;
}

.service-left {
	float: left;
	width: 525px;
}

.service-left img {
	width: 525px;
}

.service-right {
	float: right;
	width: 525px;
}

.service-right-icon {
	width: 120px;
	height: 120px;
	margin: 50px 50px;
	float: left;
	overflow: hidden;
}

.service-right-icon img {
	width: 120px;
	height: 120px;
}

.service-right-text {
	width: 305px;
	float: right;
	margin-top: 30px;
}

.service-right-text h4 {
	font-size: 30px;
	height: 50px;
	line-height: 50px;
	font-weight: normal;
	color: #333;
}

.service-right-text p {
	font-size: 18px;
	line-height: 32px;
	height: 32px;
	color: #666;
}

/*Advantages*/
.advantages {
	overflow: hidden;
	width: 100%;
	background: #fff;
}

.advantages-wrap {
	overflow: hidden;
	width: 1170px;
	margin: 0 auto;
	padding-top: 60px;
	padding-bottom: 60px;
}

.advantages-wrap h2 {
	margin-bottom: 30px;
	width: 100%;
	font-size: 24px;
	font-weight: bold;
	color: #333;
	text-align: center;
}

.advantages li {
	width: 505px;
	height: 166px;
	float: left;
	overflow: hidden;
	margin: 30px 20px 30px 0;
	display: block;
}

.advantages img {
	width: 235px;
	float: left;
	overflow: hidden;
	border-radius: 2px;
}

.advantages h4 {
	width: 260px;
	margin-left: 10px;
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	color: #444;
	font-weight: bold;
	float: right;
	overflow: hidden;
}

.advantages p {
	width: 260px;
	margin-left: 10px;
	float: right;
	overflow: hidden;
	font-size: 14px;
}

/*Customers*/
.customers {
	overflow: hidden;
	width: 100%;
	margin: 60px auto;
}

.customers-wrap {
	overflow: hidden;
	width: 1170px;
	margin: 0 auto;
	border-bottom: 1px solid #ddd;
	padding-bottom: 60px;
}

.customers-wrap h2 {
	margin-bottom: 30px;
	width: 100%;
	font-size: 24px;
	font-weight: bold;
	color: #333;
	text-align: center;
}

.customers-wrap p {
	font-size: 14px;
	color: #666;
	text-align: center;
	margin-bottom: 20px;
}

.customers-list {
	display: block;
	width: 100%;
	overflow: hidden;
}

.customers-list li {
	display: block;
	height: 50px;
	margin-right: 20px;
	overflow: hidden;
	float: left;
	text-align: center;
}

.customers-list li a {
	width: 100%;
	display: block;
}

.customers-list li img {
	height: 50px;
}

/*capt-list*/
.solutions {
	overflow: hidden;
	width: 100%;
	margin: 60px auto;
}

.solutions-wrap {
	overflow: hidden;
	width: 1170px;
	margin: 0 auto;
}

.solutions-wrap h2 {
	margin-bottom: 30px;
	width: 100%;
	font-size: 24px;
	font-weight: bold;
	color: #333;
	text-align: center;
}

.solutions-wrap p {
	font-size: 14px;
	color: #666;
	text-align: center;
	margin-bottom: 20px;
}

.solutions-list {
	display: block;
	width: 100%;
	overflow: hidden;
}

.solutions-list li {
	display: block;
	width: 23%;
	margin: 0 1%;
	overflow: hidden;
	float: left;
	text-align: center;
}

.solutions-list li span {
	font-size: 16px;
	color: #666;
}

.solutions-list li img {
	width: 100%;
}

.solutions-list li a {
	width: 100%;
	display: block;
}

/*Solutions2*/
.solutions2 {
	overflow: hidden;
	width: 100%;
	margin: 60px auto 0;
	padding: 60px 0;
	background: #f3f3f3;
}

.solutions2-wrap {
	overflow: hidden;
	width: 1170px;
	margin: 0 auto;
}

.solutions2-wrap h2 {
	margin-bottom: 30px;
	width: 100%;
	font-size: 24px;
	font-weight: bold;
	color: #333;
	text-align: center;
}

.solutions2-wrap p {
	font-size: 14px;
	color: #666;
	text-align: center;
	margin-bottom: 20px;
}

.solutions2-list {
	display: block;
	width: 100%;
	overflow: hidden;
}

.solutions2-list li {
	display: block;
	width: 23%;
	margin: 0 1%;
	overflow: hidden;
	float: left;
	text-align: center;
}

.solutions2-list li span {
	font-size: 16px;
	color: #666;
}

.solutions2-list li a {
	width: 100%;
	display: block;
}

.solutions2-list li img {
	width: 100%;
}

/*innertabs*/
.innertabs {
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	background: #f3f3f3;
}

.innertabs-wrap {
	overflow: hidden;
	width: 1170px;
	margin: 0 auto;
	display: block;
}

.innertabs-wrap li {
	overflow: hidden;
	width: 20%;
	float: left;
	text-align: center;
}

.innertabs-wrap li a {
	font-size: 18px;
	color: #444;
	display: block;
	height: 60px;
	line-height: 60px;
}

.innertabs-wrap li a:hover {
	color: #2197d8;
}

.innertabs-wrap li.on a {
	color: #2197d8;
	border-bottom: 2px solid #2197d8;
	display: block;
	line-height: 58px;
	height: 58px;
}

/*Print Service*/
.cat-solutions {
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 60px;
}

.cat-solutions-wrap {
	overflow: hidden;
	width: 1170px;
	margin: 0 auto;
}

.cat-solutions-wrap h2 {
	margin-bottom: 30px;
	width: 100%;
	font-size: 24px;
	font-weight: bold;
	color: #333;
	text-align: center;
}

.cat-solutions-wrap li {
	overflow: hidden;
	width: 310px;
	margin: 20px 20px;
	float: left;
}

.cat-solutions-wrap li a {
	overflow: hidden;
	display: block;
	width: 100%;
	color: #333;
}

.cat-solutions-wrap li a:hover {
	color: #2197d8;
}

.cat-solutions-wrap li img {
	overflow: hidden;
	width: 100%;
	border-radius: 2px;
}

.cat-solutions-wrap li p {
	font-size: 16px;
	height: 27px;
	line-height: 27px;
}

/*FAQ*/
.faqs {
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	padding: 60px 0;
	background: #fff;
}

.faqs-wrap {
	overflow: hidden;
	width: 1170px;
	margin: 0 auto;
}

.faqs-list {
	overflow: hidden;
	width: 45%;
	margin-right: 5%;
	float: left;
}

.faqs-list h3 {
	margin-bottom: 30px;
	font-size: 18px;
	height: 30px;
	line-height: 30px;
	font-weight: normal;
	color: #333;
}

.faqs-list h3 i {
	color: #2197d8;
	display: block;
	margin-right: 20px;
	font-size: 24px;
	float: left;
}

.faqs-list li {
	display: block;
	width: 100%;
	height: 60px;
	line-height: 60px;
	overflow: hidden;
}

.faqs-list li a {
	display: block;
	margin-right: 20px;
	font-size: 15px;
	float: left;
	height: 60px;
	min-width: 400px;
}

.faqs-list li a:hover {
	color: #2197d8;
}

.faqs-list li i {
	color: #666;
	display: block;
	margin-right: 20px;
	font-size: 15px;
	float: left;
}

/*woyaoliuyan*/
.woyaoliuyan {
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	padding: 60px 0;
	background: #3c3d3e;
}

.woyaoliuyan-wrap {
	overflow: hidden;
	width: 1170px;
	margin: 0 auto;
}

.woyaoliuyan-wrap h3 {
	margin-bottom: 30px;
	font-size: 24px;
	height: 30px;
	line-height: 30px;
	font-weight: normal;
	color: #fff;
	text-align: center;
}

/*listres-filer*/
.listres-filter {
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	padding: 60px 0;
	background: #f3f3f3;
}

.listres-filter-wrap {
	overflow: hidden;
	width: 1170px;
	margin: 0 auto;
	background: #fff;
	border-radius: 3px;
}

.filters {
	display: block;
	overflow: hidden;
	width: 100%;
	line-height: 36px;
	height: 36px;
	padding: 10px 0;
	border-bottom: 1px dotted #ccc;
}

.filters h3 {
	float: left;
	display: block;
	margin: 0 10px;
	width: 60px;
}

.filters li {
	float: left;
	display: block;
	margin: 0 10px;
}

.filters li a {
	display: block;
	padding: 10px 12px;
	line-height: 16px;
	font-size: 14px;
	border-radius: 2px;
}

.filters .li_active {
	background: #2197d8;
	color: #fff;
}

/*res-list*/
.reslist {
	overflow: hidden;
	width: 100%;
	margin: 60px auto;
}

.reslist-wrap {
	overflow: hidden;
	width: 1170px;
	margin: 0 auto;
}

.reslist-wrap h2 {
	margin-bottom: 30px;
	width: 100%;
	font-size: 24px;
	font-weight: bold;
	color: #333;
	text-align: center;
}

.reslist-wrap p {
	font-size: 14px;
	color: #666;
	text-align: center;
	margin-bottom: 20px;
}

.reslist-list {
	display: block;
	width: 100%;
	overflow: hidden;
}

.reslist-list li {
	display: block;
	width: 25%;
	overflow: hidden;
	float: left;
	text-align: center;
}

.reslist-list li span {
	font-size: 16px;
	color: #666;
}

.freedownload {
	margin-top: 30px;
	background: #2197d8;
	display: block;
	font-size: 18px;
	color: #fff;
	height: 40px;
	line-height: 40px;
	text-align: center;
	width: 100%;
	border-radius: 2px;
}

.freedownload a{

	display: block;
	font-size: 18px;
	color: #fff;
	height: 40px;
	line-height: 40px;
	text-align: center;
	width: 100%;
	
}

.freedownload:hover {
	color: #fff;
}

/*pages css*/
/* .page_turner {
	padding: 0;
	float: left;
	margin: 30px 0;
	clear: both;
	width: 100%;
	overflow: hidden;
}

.page_turner a, .page_turner span {
	float: left;
	display: block;
	border: 1px solid #d3d1d1;
	padding: 2px 5px;
	margin-right: 10px;
	line-height: 16px;
	width: auto;
} */


/*pages css*/
.page_turner {
	float: left;
	clear: both;
	width: 100%;
	overflow: hidden;
}

.page_turner a{

	border: 1px solid #D3D1D1;
	padding: 3px 10px;
	margin-right: 10px;
	line-height: 16px;
	width: auto;
}

.page_turner span {

	border: 1px solid #fff;
	padding: 5px 10px;
	margin-right: 10px;
	line-height: 16px;
	width: auto;
	color: #fff;
	background-color: #074a83;
}

.page_turner a:hover {
	background: #ddd;
}

/* 2021年2月修改分页样式 pages new */
#pages { padding:14px 0 10px;clear:both;margin:10px 0;}
#pages a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px}
#pages a.a1 { width:56px; padding:0 }
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }
#pages span { display:inline-block; height:22px; line-height:22px; background:#2197d8; border:1px solid #2197d8; color:#fff; text-align:center;padding:0 10px}
.page .noPage { display:inline-block; width:56px; height:22px; line-height:22px; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }

.text-c{text-align: center}.text-l{text-align: left}.text-r{text-align: right}

/*Show_news*/
.shownews {
	overflow: hidden;
	width: 100%;
	margin: 40px auto 20px;
}

.shownews-wrap {
	overflow: hidden;
	width: 1170px;
	margin: 0 auto;
}

.shownews-wrap h1 {
	margin-bottom: 30px;
	width: 100%;
	font-size: 24px;
	font-weight: bold;
	color: #2197d8;
	line-height: 30px;
	height: 30px;
}

.shownews-wrap p {
	font-size: 14px;
	color: #666;
}

/*Page_about*/
.pageabout {
	overflow: hidden;
	width: 100%;
	margin: 40px auto;
}

.pageabout-wrap {
	overflow: hidden;
	width: 1170px;
	margin: 0 auto;
}

.pageabout-wrap h1 {
	width: 100%;
	font-size: 24px;
	line-height: 30px;
	height: 30px;
	font-weight: bold;
	color: #2197d8;
}

/*Upload Zip*/
.uploadzip {
	overflow: hidden;
	width: 100%;
	background: #fff;
	color: #333;
	padding: 20px 0 40px;
}

.uploadzip-wrap {
	overflow: hidden;
	width: 1170px;
	margin: 0 auto;
}

.uploadzip-wrap h1 {
	margin-bottom: 30px;
	width: 100%;
	font-size: 24px;
	font-weight: bold;
	color: #2197d8;
	line-height: 30px;
	height: 30px;
}

.uploadzip-wrap form {
	width: 100%;
	overflow: hidden;
	font-size: 14px;
}

.uploadzip-wrap .form-step {
	width: 46%;
	margin-right: 4%;
	margin-bottom: 20px;
	float: left;
}

.uploadzip-wrap form label{
	width:100%;
	height:20px;
	line-height: 20px;
	margin-bottom: 5px;
	display: block;
}

.uploadzip-wrap form input{
	display: block;
	width: 100%;
	border: 1px solid #ddd;
	border-radius: 2px;
	height: 36px;
	line-height: 36px;
	text-indent: 1em;
	-webkit-appearance: none;
}

.uploadzip-wrap form input.input-text{
	width:78%;
	margin-right: 2%;
	display: block;
	float: left;
}

.uploadzip-wrap form input.button{
	width:16%;
	display: block;
	float: left;
	height:38px;
	line-height: 38px;
	color: #2197d8;
	font-weight: bold;
}

.uploadzip-wrap form input.tijiao{
	width:150px;
	display: block;
	color: #fff;
	background: #2197d8;
}

/*20190128 add css*/
/*首页新添加材料列表*/
.index-materials {
	overflow: hidden;
	width: 100%;
	margin: 60px auto;
}

.index-materials-wrap {
	overflow: hidden;
	width: 1170px;
	margin: 0 auto;
}

.index-materials-wrap h2 {
	margin-bottom: 30px;
	width: 100%;
	font-size: 24px;
	font-weight: bold;
	color: #333;
	text-align: center;
}

.index-materials-wrap p {
	font-size: 14px;
	color: #666;
	text-align: center;
	margin-bottom: 20px;
}

.index-materials-list {
	display: block;
	width: 100%;
	overflow: hidden;
}

.index-materials-list li {
	display: block;
	width: 23%;
	margin: 0 1%;
	overflow: hidden;
	float: left;
	text-align: center;
}

.index-materials-list li a {
	display: block;
	width: 100%;
	overflow: hidden;
}

.index-materials-list li img {
	width: 100%;
	height: 270px;
	overflow: hidden;
}

.index-materials-list li span {
	font-size: 16px;
	color: #666;
	display: block;
	width: 100%;
	height: 25px;
	line-height: 25px;
}

/*首页先添加制造商列表*/
.index-manufacturer {
	overflow: hidden;
	width: 100%;
	margin: 0 auto 60px;
}

.index-manufacturer-wrap {
	overflow: hidden;
	width: 1170px;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
}

.index-manufacturer-wrap a{
	display: block;
	width: 1170px;
	height: 400px;
	line-height: 0;
	font-size: 0;
}


.index-manufacturer-wrap h2 {
	margin-bottom: 30px;
	width: 100%;
	font-size: 24px;
	line-height: 24px;
	height: 24px;
	overflow: hidden;
	font-weight: bold;
	color: #333;
	text-align: center;
}

/*

.index-manufacturer-wrap p {
	font-size: 14px;
	color: #666;
	text-align: center;
	margin-bottom: 20px;
}

.index-manufacturer-list {
	display: block;
	width: 100%;
	overflow: hidden;
}

.index-manufacturer-list li {
	display: block;
	width: 23%;
	margin: 0 1%;
	overflow: hidden;
	float: left;
	text-align: center;
}

.index-manufacturer-list li a {
	display: block;
	width: 100%;
	overflow: hidden;
}

.index-manufacturer-list li img {
	width: 100%;
	height: 180px;
	overflow: hidden;
}

.index-manufacturer-list li span {
	font-size: 16px;
	color: #666;
	display: block;
	width: 100%;
	height: 25px;
	line-height: 25px;
}
*/
/*index-advantages*/
.index-advantages {
	overflow: hidden;
}

.index-advantages-wrap {
	width: 1170px;
	margin: 0 auto;
	overflow: hidden;
	padding: 60px 0;
}

.index-advantages-wrap a{
	display: block;
	width: 1170px;
	height: 800px;
	line-height: 0;
	font-size: 0;
}


.index-advantages-wrap h2 {
	margin-bottom: 30px;
	width: 100%;
	font-size: 24px;
	font-weight: bold;
	color: #3e3e3e;
	text-align: center;
}

/*

.index-advantages-list {
	display: block;
	width: 100%;
	overflow: hidden;
}

.index-advantages-list li {
	display: block;
	width: 23%;
	margin: 0 1%;
	overflow: hidden;
	float: left;
	text-align: center;
}

.index-advantages-list li a {
	display: block;
	width: 100%;
	overflow: hidden;
}

.index-advantages-list li img {
	width: 100%;
	height: 180px;
	overflow: hidden;
}

.index-advantages-list li span {
	font-size: 16px;
	color: #fff;
	display: block;
	width: 100%;
	height: 25px;
	line-height: 25px;
}
*/
/*20190131*/
.smallicons{
	display: flex;
	flex-direction: row;
	justify-content: center;
	overflow: hidden;
	height: 100px;
	width: 100%;
	border-top: 1px solid #ddd;
	padding-top: 20px;
	margin-top: 20px;
}

.smallicons li{
	display: block;
	overflow: hidden;
	height: 100px;
	width: 70px;
	margin: 0 10px;
	float: left;
}

.smallicons li img{
	width:50px;
	height: 50px;
	margin:7px 10px;
}

.smallicons li span{
	display: block;
	overflow: hidden;
	width:50px;
	max-height: 30px;
	font-size: 12px;
	color: #444;
	line-height:15px; 
	margin:0 10px;
	text-align: center;
}

/*pro-configs*/
.pro-configs{
	width: 1170px;
	margin:20px auto;
	border-top: 1px solid #ddd;
}

.pro-configs h3{
	width: 100%;
	height:40px;
	line-height: 40px;
	overflow: hidden;
	font-size: 24px;
	font-weight: bold;
	color: #2197d8;
	text-align: center;
	padding-top: 40px;
}

.configs-list{
	display: block;
	overflow: hidden;
	width: 29%;
	margin:10px 2% 40px;
	float: left;
}

.configs-list h4{
	width: 100%;
	height:30px;
	line-height: 30px;
	overflow: hidden;
	font-size: 18px;
	font-weight: bold;
	color: #2197d8;
	text-align: left;
	margin-top: 20px;
}

.configs-list li{
	display: block;
	overflow: hidden;
	width:100%;
}

.configs-list li p{
	font-size: 18px;
	margin:10px 0 5px;
	color: #666;
	font-weight: bold;
}

.configs-list li span{
	font-size: 16px;
	margin:3px 0;
	color: #999;
}

/*20190210*/

.index-videos {
	background: #efefef;
	padding: 60px 0;
}

.index-videos h2 {
	margin-bottom: 30px;
	width: 100%;
	font-size: 24px;
	font-weight: bold;
	color: #333;
	text-align: center;
}

.index-videos-wrap {
	width: 1170px;
	margin: 0 auto;
	overflow: hidden;
}

.index-videos-wrap li{
	width:23%;
	margin:0 1%;
	float: left;
	overflow: hidden;
}

.index-videos-wrap p{
	overflow: hidden;
	font-size: 14px;
	color: #666;
	display: block;
	width: 100%;
	height: 50px;
	line-height: 25px;
}