/*banner寮€濮�*/

.banner {
    width: 100%;
    height: 560px;
}

.bannera {
    min-width: 1200px;
    display: table;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background: url(../img/zhikebanner.png) center no-repeat;
    background-size: cover;
}

.bannertitle {
    width: 1200px;
    margin: 0 auto;
    color: #fff;
}

.bannerone {
    margin-top: 155px;
    font-size: 55px;
    line-height: 72px;
}

.bannertwo {
    margin-top: 10px;
    font-size: 27px;
    line-height: 50px;
}

.bannerbt {
    margin-top: 40px;
}

.bannerspanone {
    margin-right: 30px;
}

.margleft30 {
    margin-left: 30px;
}

.bannerspan {
    width: 140px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    font-size: 16px;
    text-align: center;
    color: #fff;
    border: 1px solid #fff;
}

.zsdd {
    color: #F1E01D;
    font-size: 76px;
    margin-left: 20px;
}

.bannerspan:hover {
    color: #2679e6;
    background: #fff;
    cursor: pointer;
}

/*banner缁撴潫*/

/*涓皬浼佷笟銆佷釜浣撳晢瀹�*/
.cycon {
    margin-top: 46px;
    padding-bottom: 62px;
}

.centerff {
    background-color: #fff;
}

.cycon ul li {
    width: 277px;
    height: 275px;
    float: left;
    background: #fff;
    border-radius: 10px;
    margin: 0 10px;
    text-align: center;
    color: #fff;
    overflow: hidden;
}

.cycon ul li:first-child {
    margin-left: 20px;
}

.cycon ul li:last-child {
    margin-right: 0;
}

.cyimgc {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #fff;
    position: relative;
    z-index: 2;
}

.sf {
    font-size: 20px;
    color: #39AEFF;
    top: -50px;
    position: relative;
}

.cycon ul li:hover .cyimgc {
    transform: rotate(360deg);
    transition: .3s all;
}

.cycon ul li .cyimgc {
    transform: rotate(0deg);
    transition: .3s all;
}

.zbg {
    width: 277px;
    height: 235px;
    margin-top: -40px;
}

.hgcon {
    width: 277px;
    height: 235px;
    background-color: #39aeff;
    position: relative;
    top: -26px;
    border-radius: 10px;
}

.sdtitle {
    font-size: 20px;
    color: #fff;
    padding-top: 60px;
}

.sdcon {
    font-size: 14px;
    color: #fff;
    padding-top: 20px;
    line-height: 26px;
}

/*涓皬浼佷笟銆佷釜浣撳晢瀹� end */

/*寰姩澶╀笅瑙ｅ喅鍟嗗鐥涚偣 */
.qgcon {
    padding-top: 65px;
    padding-bottom: 88px;
}

.qgcon ul li {
    float: left;
    width: 285px;
    height: 344px;
    margin-right: 20px;
    box-sizing: border-box;
    text-align: center;

}

.qgcon ul li:last-child {
    margin-right: 0;
}

.qgimg {
    width: 80px;
    height: 80px;
    margin-top: 54px;
}

.qgtitle {
    font-size: 20px;
    color: #fff;
    padding-top: 14px;

}

.qgcontwo {
    padding-top: 16px;
    line-height: 30px;
    font-size: 18px;
    color: #fff;
}

.qgone {
    /*    background: -webkit-linear-gradient(#5dc7f3, #23afe7);
        background: -o-linear-gradient(#5dc7f3, #23afe7);
        background: -moz-linear-gradient(#5dc7f3, #23afe7);
        background: linear-gradient(#5dc7f3, #23afe7);
        margin-top: 40px;
        animation: float ease-in-out 1.5s infinite;*/
    background-color: #ff6866;
}

.qgtwo {
    /*    background: -webkit-linear-gradient(#f4d56e, #f3be3f);
        background: -o-linear-gradient(#f4d56e, #f3be3f);
        background: -moz-linear-gradient(#f4d56e, #f3be3f);
        background: linear-gradient(#f4d56e, #f3be3f);
        animation: right ease-in-out 1.5s infinite;*/
    background-color: #6580ff;
}

.qgthree {
    /*   background: -webkit-linear-gradient(#8cef62, #20c46d);
       background: -o-linear-gradient(#8cef62, #20c46d);
       background: -moz-linear-gradient(#8cef62, #20c46d);
       background: linear-gradient(#8cef62, #20c46d);
       margin-top: 40px;
       animation: float ease-in-out 1.5s infinite;*/
    background-color: #f3c44e;
}

.qgfour {
    /*background: -webkit-linear-gradient(#ff8282, #ff5a5a); 
    background: -o-linear-gradient(#ff8282, #ff5a5a); 
    background: -moz-linear-gradient(#ff8282, #ff5a5a); 
    background: linear-gradient(#ff8282, #ff5a5a); 
    animation: right ease-in-out 1.5s infinite;*/
    background-color: #9988fb;
}

/*寰姩澶╀笅瑙ｅ喅鍟嗗鐥涚偣 end */
/*.灏忕▼搴忚涓氳В鍐虫柟妗�*/
.falist {
    margin-top: 50px;
}

.faleft {
    float: left;
}

.fanav {
    background-color: #F9F9F9;
    /*padding-top: 30px;*/
}

.fanav li {
    width: 254px;
    height: 80px;
    line-height: 80px;
    font-size: 18px;
    color: #333;
    cursor: pointer;
}

.fanav li:last-child {
    text-align: center;
}

.qita {
    text-align: center;
    color: #1AD4E5;
    font-size: 18px;
    width: 254px;
    height: 50px;
    line-height: 50px;
}

.faactive {
    background: -webkit-linear-gradient(to right, #26daed, #1aa5e7);
    background: -o-linear-gradient(to right, #26daed, #1aa5e7);
    background: -moz-linear-gradient(to right, #26daed, #1aa5e7);
    background: linear-gradient(to right, #26daed, #1aa5e7);
    color: #fff !important;
}

.faright {
    float: left;
    margin-left: 27px;
}

.falimg {
    width: 40px;
    height: 40px;
    float: left;
    margin: 20px 13px 20px 22px;
}

.gxlist li {
    width: 292px;
    height: 275px;
    float: left;
    margin-right: 20px;
    overflow: hidden;
}

.gxlist li:last-child {
    margin-right: 0;
}

.gximg {
    width: 292px;
    height: 275px;
}

.jjfn {
    font-size: 26px;
    color: #333;
    padding-top: 34px;
}

.jjfn span {
    border-bottom: 2px solid #26DBED;
    display: inline-block;
    padding-bottom: 6px;
}

.morelist {
    padding-top: 50px;
    padding-left: 30px;
}

.morelist li {
    float: left;
    width: 80px;
    height: 160px;
    margin-right: 78px;
    text-align: center;

}

.morelist li:last-child {
    margin-right: 0;
}

.moreimg {
    width: 80px;
    height: 80px;
}

.moretitle {
    font-size: 18px;
    color: #333;
}

.dbcon {
    font-size: 16px;
    color: #666;
}

/*灏忕▼搴忚涓氳В鍐虫柟妗� end */
/*瀹氬埗寮€鍙戝皬绋嬪簭鐑害鎸佺画涓婂崌 */
.onetitle {
    padding-top: 50px;
    padding-bottom: 8px;
    font-size: 36px;
    color: #333;
}

.twotitle {
    font-size: 20px;
    color: #828282;
}

.bfconlist {
    padding: 60px 0 59px 0;
}

.listimg {
    width: 100px;
    height: 100px;
    margin-top: 92px;
}

.bfconlist ul li {
    float: left;
    width: 285px;
    height: 344px;
    text-align: center;
    margin-right: 20px;
    background: #fff;
    overflow: hidden;

}

.bfconlist ul li:last-child {
    margin-right: 0;
}

.listtitle {
    font-size: 20px;
    color: #333;
    padding: 16px 0;
    /*margin-bottom: 95px;*/
}

.sctitle {
    font-size: 20px;
    color: #fff;
    padding-bottom: 10px;
}

.twolisttitle {
    font-size: 14px;
    color: #fff;
    line-height: 28px;
}

.shgcons {
    width: 285px;
    height: 344px;
    background-color: #39aeff;
    position: relative;
    text-align: center;
    /*left: -285px;*/
    top: -596px;
}

.hgimgs {
    width: 80px;
    height: 80px;
    margin-top: 35px;
    margin-bottom: 20px;
}

.zxbts {
    width: 191px;
    height: 43px;
    border: 1px solid #1AA4E7;
    border-radius: 30px;
    text-align: center;
    line-height: 43px;
    margin: 55px auto 0;
}

.zxbts:hover {
    background: #39aeff;
    color: #fff !important;
}

.zxbts:hover a span {
    color: #fff !important;
}

.zxbtcon {
    font-size: 18px;
    color: #1AA5E7;
}

.onebt {
    margin-left: 170px !important;
    margin-right: 79px !important;
}

.zxbtstwo {
    width: 191px;
    height: 43px;
    border: 1px solid #1AA4E7;
    border-radius: 30px;
    text-align: center;
    line-height: 43px;
    margin: 55px auto 89px;
    float: left;
}

.zxbtcontwo {
    font-size: 18px;
    color: #1AA5E7;
}

.zxbtstwo:hover, .zxbtstwo:hover .zxbtcontwo {
    background: #39aeff;
    color: #fff !important;
}

.rightlist {
    display: none;
}

/*瀹氬埗寮€鍙戝皬绋嬪簭鐑害鎸佺画涓婂崌 end */
.zhezcon {
    position: relative;
    width: 292px;
    height: 275px;
    background: rgba(0, 0, 0, 0.45);
    text-align: center;
    top: 0;

}

.gximgtow {
    width: 150px;
    height: 150px;
    margin: 62px 0;

}


body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select,
div,span,li,a {
  margin: 0;
  padding: 0;
}

html,body {
  background: #F9F9F9;
  font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "寰蒋闆呴粦", Arial, sans-serif;
  font-size: 14px;
  width: 100%;
  height: 100%;
}

input, textarea, button, a {
  outline: 0
}

a img, fieldset {
  border: 0;
}

a {
  text-decoration: none;
}

li {
  list-style: none
}

img {
  border: 0;
  vertical-align: top;
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

p {
  word-wrap: break-word
}
/* 瓒呭嚭闅愯棌 涓€琛岋紝涓よ锛屼笁琛岋紝鐪佺暐鍙锋樉绀簊tart */
.overflow {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.overflowOne {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.overflowTwo {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.overflowThree {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
/* 瓒呭嚭闅愯棌 end */

/*寮规€х洅瀛� start*/
.flex{
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
}
.flex1{
  flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  -o-flex: 1;
}
.alignCenter{
 align-items: center;
 -webkit-align-items:center;
 -moz-align-items:center;
 -ms-align-items:center;
 -o-align-items:center;
}
.alignContent{
 align-content: space-around;
 -webkit-align-content:space-around;
 -moz-align-content:space-around;
 -ms-align-content:space-around;
 -o-align-content:space-around;
}
.spaceBetween{
 justify-content: space-between;
 -webkit-justify-content: space-between;
 -moz-justify-content: space-between;
 -ms-justify-content: space-between;
 -o-justify-content: space-between;
}
.spaceAround{
 justify-content: space-around;
 -webkit-justify-content: space-around;
 -moz-justify-content: space-around;
 -ms-justify-content: space-around;
 -o-justify-content: space-around;
}
.spaceCenter{
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
}
.flexWrap{
 flex-wrap: wrap;
 -webkit-flex-wrap: wrap;
 -moz-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 -o-flex-wrap: wrap;
}
.flexNowrap{
 flex-wrap: nowrap;
 -webkit-flex-wrap: nowrap;
 -moz-flex-wrap: nowrap;
 -ms-flex-wrap: nowrap;
 -o-flex-wrap: nowrap;
}
.flexShrink{
	flex-shrink: 0;
	-webkit-flex-shrink: 0;
	-moz-flex-shrink: 0;
	-ms-flex-shrink: 0;
  -o-flex-shrink: 0;
}
.flexDirection{
 flex-direction: column;
 -webkit-flex-direction: column;
 -moz-flex-direction: column;
 -ms-flex-direction: column;
 -o-flex-direction: column;
}
/*寮规€х洅瀛� end*/

/* 娓呴櫎娴姩 */
.clearfix:after{
	height: 0;
	font-size: 0;
	clear: both;
	display: block;
	visibility: hidden;
	content: '';
}
.clear{
  clear: both;
}

/* 涓棿鍐呭 */
.centerCon{
  width: 100%;
}
.center{
  width:1200px;
  margin:0 auto;
}
.centerbg{
	background: #fff;
}
.text-align-center{
  text-align: center;
}
.centerbgf9{
  background-color: #f9f9f9;
}











/* 瀵艰埅 start */
header {
	width: 100%;
	min-width: 1200px;
	height: auto;
	background: #ffffff;
	border-bottom: 1px solid #ededed;
	-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	z-index: 200;
	-webkit-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in
  }

  .header-container {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
	width: 1200px;
	height: 65px;
	zoom: 1
  }

  .header-container:after {
	content: "";
	display: table;
	clear: both
  }

.logo {
	display: inline-block;
	width: 118px;
	height: 65px;
	background-size: 118px 65px;
	background-image: url("../images/logo.png")
  }

  .nav-list {
	float: right;
	zoom: 1
  }

  .nav-list:after {
	content: "";
	display: table;
	clear: both
  }

  .nav-list>li {
	display: inline-block;
	height: 65px;
	line-height: 65px;
	padding: 0px 25px
  }

 .product-center {
	margin-right: 15px;
	text-decoration: none;
	color: #2c3a46
  }

 .product-center:hover {
	color: #01AC9F
  }

.product-dropdown {
	z-index: 200
  }

.product-dropdown:hover .caret:after {
	border-top-color: #01AC9F
  }

 .nav-list .product-dropdown:hover .product-center {
	color: #01AC9F
  }

 .nav-list .product-dropdown:hover .dropdown-menu-wrapper {
	-webkit-transform: rotate3d(0, 0, 0, 0deg);
	-moz-transform: rotate3d(0, 0, 0, 0deg);
	transform: rotate3d(0, 0, 0, 0deg);
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	max-height: 1000px
  }


.dropdown-menu-wrapper {
	box-sizing: border-box;
	position: absolute;
	left: 0;
	-webkit-transform: rotate3d(1, 0, 0, -90deg);
	-moz-transform: rotate3d(1, 0, 0, -90deg);
	transform: rotate3d(1, 0, 0, -90deg);
	z-index: 1000;
	max-height: 0px;
	-webkit-box-shadow: inset 0px 2px 5px rgba(0, 0, 0, 0.07);
	box-shadow: inset 0px 2px 5px rgba(0, 0, 0, 0.07);
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transition: 300ms ease-in-out;
	-moz-transition: 300ms ease-in-out;
	transition: 300ms ease-in-out;
	overflow: hidden;
	background-color: #f9f9f9;
	width: 100%

  }
.dropdown-menu {
	margin: 10px auto 60px auto;
	width: 1200px;
	overflow: auto;
	zoom: 1
  }
.dropdown-menu-left{
	float: left;
	width: 440px;
	margin-left: 30px;
}
.cplefttitle{
	color: #02AC9F;
	font-size: 20px;
	padding-left: 26px;
}
.dropdown-menu-right{
	float: right;
	width: 655px;
}
.dropdown-menu:after {
	content: "";
	display: table;
	clear: both
  }

.item-product {
	width: 178px;
	height: 60px;
	float: left;
	margin-right: 40px;
	margin-bottom: 30px
}
.item-productone {
	float: left;
	margin-right: 40px;
	margin-bottom: 30px;
	line-height: 30px;
}
.kuaititletwo{
	padding:0;
	font-size: 14px;
	color: #333;
}
.kuaititletwo:first-child{
	padding-left:30px;


}
.item-product-link {
	display: block;
	width: 100%;
	height: 100%;
  }

.item-product-link .kuaititle {
	font-size: 16px;
	line-height: 22px;
	color: #333;
	padding: 8px 10px;
	
  }

 .item-product-link .kuaititleone {
	font-size: 14px;
	line-height: 12px;
	color: #828282;
	padding: 0px 10px;

  }

 .item-product-link:hover {
	background: #01AC9F;
  }
 .item-product-link-two .kuaititletwo:hover{
	color: #01AC9F;
}

 .item-product-link:hover h3,
 .item-product-link:hover p {
	color: #FFFFFF
  }
/* 鍚戜笅绠ご start */
 .caret {
	position: relative;
	display: inline-block
  }

.caret:after,
.caret:before {
	content: ' ';
	height: 0;
	width: 0;
	top: 100px;
	position: absolute;
	left: 5px;
	border: 5px solid transparent
  }

.caret:before {
	border-top-color: #ffffff;
	top: -9px;
	z-index: 2
  }

.caret:after {
	border-top-color: #333;
	top: -7px;
	z-index: 1
  }
/* 鍚戜笅绠ご start */

/*瀵艰埅 end */


/*搴曢儴 start*/
footer {
	width: 100%;
	background: #101429;
	color: #fff;
}

.footcontent {
	width: 1200px;
	margin: 0 auto;
}

.foottopleft {
	line-height: 30px;
	width: 410px;
	float: left;
}

.foottopleft h2 {
    font-weight: 100;
	font-size: 18px;
	padding: 30px 30px 15px 0;
}

.foottopleft ul li {
	font-size: 14px;
	padding: 8px 0;
}
.foottopleft ul li a {
	color: #fff;

}

.foottopleft ul li p {
	display: inline-block;
}

.toottopconl {
	width: 210px;
}

.foottopcon {
	margin-left: 20px;
	width: 150px;
}


.foottopright {
	float: left;
	margin-left: 30px;
}

.foottopright h2 {
	font-weight: 100;
	font-size: 18px;
	padding: 30px 30px 15px 0;
}

.foottopright ul li {
	font-size: 14px;
	padding: 8px 0;

}


.fgx {
	width: 100%;
	height: 1px;
	background: #ccc;
	margin: 30px 0;

}


.footbt {
	font-size: 14px;
	margin: 30px 0

}

.footbtright {
	text-align: center;
	line-height: 30px;
}

.footbtright ul li{
	margin-bottom: 10px;
	float: left;
	margin-right: 20px;
}

.footbt a {
	color: #fff;
}
.footbtbt {
	padding-bottom:56px;
}

.footbtbt p {
	font-size: 14px;
	text-align: center;

}

/*搴曢儴 end */