@charset "utf-8";
/* CSS Document */
*{ padding: 0; margin:0; }
body{ font-family: 微软雅黑,'微软雅黑',msyh,Microsoft Yahei; background:#fff; }
li{ list-style: none; }
a{ text-decoration: none; color: #555; }
img{ display: block; }
header{position: relative; z-index: 999;}
input{outline:none; }
button{ outline: none; }
.top{ width: 100%; }
.top .top1200{ width: 1200px; margin:0 auto; height: 120px; }

.top-r{ float: right; margin-top: 40px; }
.top-s{ float: right; display: table;}
.top-s input{ float: left; }

.lang{ float: right; margin-left:10px; position: relative; }


.lang ul li{ padding: 4px 15px; }
.lang ul li a{ color: #999;  }
.nav-bg{ width: 100%; background: #09f; height: 50px;  }
nav { width: 1200px; margin: 0 auto;  }
nav ul{ display:table;}
nav ul li{ float: left; position: relative; }
nav ul li a{ height: 50px; padding: 0px 25px; line-height: 50px; color: #fff; display: block; }
nav ul li a:hover{ background: #07d; transition: 0.3s all; }
.mobile-nav{ display: none; }
.nav-bottom{ display:none;}

nav ul li ul{ box-shadow: 0px 5px 10px #aaa; width: 200px; display: none; background: #4af; position: absolute; top: 50px; left: 0px; }
nav ul li ul li{width: 200px; clear: both; background: #4af;}
nav ul li ul li a{ font-size: 0.9em; height: 40px; line-height: 40px; }

	.top-s .s-t{  padding: 7px 15px; border: 1px solid #b5b5b5; border-radius: 15px; color: #b5b5b5;}
.top-s .s-b{ border: 0px; background: #fff; margin-left: -40px; color: #b5b5b5;
background:url(../images/bg/search0.png) center no-repeat; width:40px; height:32px; }
.s-b{ cursor: pointer; }
	.lang button{ width: 134px; height: 34px; padding: 0px 10px 0px 37px; line-height: 34px; border: 1px solid #b5b5b5; border-radius: 7px; background: #fff; color: #b5b5b5; background:#fff url('../images/icon/globe.png') no-repeat; background-position: 10px center; }
	.s-t{ width: 150px; }
	.nav-bottom .top-r{ display: none;}
	.top .logo{ width: 350px; float: left; margin-top: 10px; }
	.top .top-title{ width: 500px; float: left; margin-top: 50px; padding-left:20px; }
	.lang ul{ border:1px solid #aaa; position: absolute; padding: 10px 0; display: none; background: #fff; border-radius:0 0 7px 7px ; width: 132px; }
	.slideBox{display:none;}
	.con1{ width:1000px; margin: 0px auto 30px auto; display: table;}
	.con1-1{ margin-left:50px; float:left; width: 298px;  height: 500px; overflow: hidden;}
	.con1-1 img{ width:100%; height: 400px;}
	.con1-img{ width: 298px; height: 400px; overflow: hidden; transition: 0.3s all; border: 1px solid #fff;}
	.con1-img img{ height:400px; transition: 0.3s all;}
	.con1-1-t{ width:100%; height: 30px; line-height: 30px; text-align: center;}
	.con1-1-t span{ font-size:1em; color:#555; font-weight:bold; white-space: nowrap;}
	.con1-1-t p{ font-size:0.8em; line-height: 1.7em; color:#777; letter-spacing:3px; }
	.con1-img a{ }
	.con1-img .ckxq{ background:#eee; color: #09f; width: 50%; height: 40px; float: left; line-height: 40px; text-align: center;}
	.con1-img .ljgm{ background:#09f; color: #fff; width: 50%; height: 40px; float: left; line-height: 40px; text-align: center;}
	.con1-1:hover .con1-img{border: 1px solid #bbb;}
	.con1-1:hover .con1-img img{ margin-top: -40px; transform: scale(0.9); }
	
	
	.con-title{ width:100%; text-align: center; position: relative; margin: 50px 0;}
.con-title .t1{letter-spacing: 4px; font-size: 1.7em; color: #bbb;}
.con-title .t2{letter-spacing: 0.3em; font-size: 1.2em; color: #555; width: 170px; text-align: center; background: #fff; margin: 5px auto;  z-index: -5; }
.con-title .t3{letter-spacing: 0px; font-size: 1px ;  color: #bbb;}
.con-title .t0{ width:100%; height:1px; background: #ddd; z-index: -8; position:absolute; top: 50px;}

	.con-title2{ width:100%; text-align: center; position: relative; margin: 30px 0 0 0;}
.con-title2 .t1{letter-spacing: 3px; font-size: 1.5em; color: #fff;}
.con-title2 .t2{letter-spacing: 0.3em; font-size: 1.2em; color: #fff; width: 170px; text-align: center; background: #09f; margin: 5px auto;  z-index: 10; position:relative; }
.con-title2 .t3{ font-size: 2px ;  color: #fff;}
.con-title2 .t0{ width:100%; height:1px; background: #ddd; z-index: 3; position:absolute; top: 50px;}
	
	
	.con2{width:100%; background: #09f; height: 350px; padding: 30px 0;}
.con2 .con2-1200{width:800px; display: table; background: #09f; margin: 0 auto; }
.con2-left{ width:40%; float: left;}
.con2-left img{width:300px; margin-top: 15px;}
.con2-r{ width:55%; float: right; margin-left: 5%;}
	
		.con3{width:100%; height: 350px; padding: 30px 0;}
.con3 .con3-1200{width:800px; background: #09f; margin: 0 auto; }
.con3-left{ width:55%; float: left; color: #09f; margin-top:50px;}
.con3-r img{width:100%;}
.con3-r{ width:40%; float: right; margin-left: 5%;}
.a1146{ padding:25px 90px; background:#09f; color:#fff; border-radius:25px; display:table; margin:0 auto;}


	.num1{ clear:both; margin-bottom: 90px; display: table; position: relative;}
	.num1-1{border: 4px solid #fff; width: 60px; height: 60px; text-align: center; line-height: 60px; color: #fff; font-size: 1.5em; font-weight: bold; float: left;}
	.num1-2{float: left; margin-left: 20px; margin-top: 8px;}
	.num1-2-2{clear: both; margin-top: 5px; font-size:10px; color: #ddd;}
	
	
	.num2{ clear:both; margin-bottom: 90px; display: table; position:absolute; right:0px;}
	.a1506{ top:0px;}
	.a1507{ top:158px;}
	.a1508{ top:316px;}
.num2-1{float: left; margin-right: 20px; margin-top: 8px; text-align: right;}
.num2-1-1{text-align: right;}
.num2-1-2{clear: both; margin-top: 5px; font-size:10px; color: #ddd;}
.num2-2{border: 4px solid #fff; width: 60px; height: 60px; text-align: center; line-height: 60px; color: #fff; font-size: 1.5em; font-weight: bold; float: left;}
	
.con4{width:100%; background: #09f; color: #fff; padding-top:10px;}
.con4-1000{ margin:0 auto; width:1000px; position:relative; height:425px; }
.con4-left{ float: left; display:table;  }
.con4-right{ float: right; display:table;  }
	
	
.tree1{margin:0 auto; width:1200px; height:1000px; background:url(../images/bg/3.png) top center no-repeat;}	
.one1{ height:164px; border:1px #ccc solid; width:458px; border-radius:10px; padding:30px;}
.one1 h3{ margin-bottom:20px; margin-top:20px;}	
.one1 p{ line-height:2.1em; color:#999;}

	.a1108{padding:10px 30px; background: #fff; color: #09f; display: table; float:left; box-shadow: 3px 3px 10px rgba(0,0,0,0.3); border-radius: 3px; letter-spacing: 5px;}
	.a1109{padding:10px 30px; background: #09f; color: #fff; float:left; display: table; float:left; box-shadow: 3px 3px 10px rgba(0,0,0,0.3); border-radius: 3px;  letter-spacing: 5px; margin-left: 15px;}

.con6 {width: 1200px;height: 420px; margin: 70px auto;}
.con6 .c1 { width: 550px;height: 450px;background: rgb(0, 137, 225);}
.con6 .c1 img { width:100%; height:100%;}
.con6 .c2 {width: 590px; height: 390px; padding:0 2%; padding-top: 30px;}
.con6 .c2 .c2-1 {font-size: 1.5em;}
.con6 .c2 .c2-2 {width: 50px;height: 3px; background: rgb(0, 0, 0); margin: 10px 0px;}
.con6 .c2 .c2-3 { font-size:0.9em; margin-bottom: 10px; height: 205px; color: #555; letter-spacing:3px; line-height: 2em; overflow:hidden;}
.con6 .c2 .c2-4 img { width:100%;}

.a1410{display:table; margin:0px auto;}
.a1410 .a1411{padding:10px 40px; background: #fff; color: #09f; display: table; float:left; box-shadow: 3px 3px 10px rgba(0,0,0,0.3); border-radius: 3px; letter-spacing: 5px;}
.a1410 .a1412{padding:10px 40px; background: #09f; color: #fff; float:left; display: table; float:left; box-shadow: 3px 3px 10px rgba(0,0,0,0.3); border-radius: 3px;  letter-spacing: 5px; margin-left: 60px;}



.con7{ display:table; width:100%;}
.con7 ul{ display:table; margin:0 auto;}
.con7 ul li{ list-style:none; margin:0px 5px; width:200px; float:left; display:table; }
.con7 ul li a{ margin-top:10px; text-align:center; width:100%; line-height:30px; height:30px; color:#777; font-size:0.9em; display:table;}
.con7 ul li img{ width: 285px; height: 255px; }

.con8{ width:1200px; margin:0 auto; display:table;}
.con8 ul{ display:table; width:47%;}
.con8 ul li{ width:100%; height:36px; }
.con8 ul li a{ width:100%; height:36px; display:block; line-height:36px; color:#777; }
.con8 ul li a:hover{ color:#333;} 
.con8 .date{ float:right;} 

.a1424{ float:left;}
.a1425{ float:right;}

.foot{ border-top:2px solid #f6f6f6; background: #c7e9ff; display:table; width:100%; margin-top:50px;}
.a1432{width:1024px; height:100px; margin:0 auto;}
.a1433{margin: 0px 0 0 0;}
.a1434{float: left; color: #fff; margin: 5px 0 0 0; letter-spacing: 3px; font-size:6px;}
.footnav{ float:right; margin-top:20px;  display:table; }
.footnav ul li{ float:left; padding:0px 25px; border-right:1px solid #fff;}
.footnav ul li a{ color:#FFF; font-size: 14px;}
footer{ width:100%; background:#252627; padding:40px 0;} 	
.a1440{margin-top:25px; display:table; float:right; color:#fff; font-size:10px;}


.youqinglianjie{ margin-top:20px;display:table; }
.youqinglianjie ul li{ float:left; padding:0px 25px; border-right:1px solid #fff;}
.youqinglianjie ul li a{ color:#FFF; font-size: 14px;}

.write{ background:#fff; width:100px; height:2px; margin:20px 0;}


footer .logo{ float:left; display:block; margin-top:0px;}


.foottop{ padding-bottom:20px; display:table; margin:0 auto;}

.webmsg{ float:left; width:143px; margin:15px; padding:15px;}
.webmsg dt{ line-height:38px; padding-top:12px; font-size:16px; color:#000; position:relative; }
.webmsg dd{ line-height:32px;}
.webmsg dd a{ font-size:14px; color:#000;}
.webmsg dd .share2 .tit{ font-size:14px; color:#333333}
.webmsg dd .share2 { padding-bottom:12px; width:160px;}

.con-pro{ width:1200px; margin:0 auto; display:table; }
.con-pro .where{ width:100%; height:30px; line-height:30px; color:#999; margin:10px 0;}
.con-pro .left{ width:200px; float:left; }
.con-pro .left .left1{ background:#09f; width:90%; height:70px; line-height:70px; padding-left:10%; color:#fff; font-size:1.3em; padding-bottom:10px; box-shadow:0px 0px 10px rgba(0,0,0,0.5); z-index:6; position:relative;}
.con-pro .left ul{ width:100%; background:#3af; box-shadow:0px 0px 10px rgba(0,0,0,0.5); z-index:5; position:relative;}
.con-pro .left ul li{ width:90%; height:60px; line-height:60px; font-size:1em; padding:0 5%; display:table;
background:url(../images/bg/yanjin.png) right repeat-y;

}
.con-pro .left ul li a{ overflow: hidden; color:#fff; width:90%; height:59px; display:block;  border-bottom:1px solid #fff; float:left; font-size:0.93em;}

.con-pro .left ul li .left-li-r{ width:10%;float:right; height:59px; transition:all 0.1s; background:#3af url(../images/icon/r.png) center no-repeat; border-bottom:1px solid #fff; }

.con-pro-r{ width:980px; float:right; height:1000px; display:table;}

.con-pro .left ul li ul{ width:100%; display:none; transition:all 0.2s; margin:0px; padding:0px; box-shadow:0px 0px 10px rgba(0,0,0,0.1) inset; background:#0f8fef; }
.con-pro .left ul li ul li{ margin:0px; padding:0 5%; width:90%; height:25px; background:url();}
.con-pro .left ul li ul li a{ color:#fff; margin:0px; padding:5%; width:90%; font-size:0.8em; height:25px; line-height:25px; border-bottom:1px solid #07c;}

/* .con-pro .left ul li:hover .left-li-r{ background:#09f url(../images/icon/r2.png) center no-repeat; box-shadow:0px 0px 10px rgba(0,0,0,0.1) inset; border-bottom:1px solid #09f;}
.con-pro .left ul li a:hover{}
.con-pro .left ul li:hover ul{ display:table; }
 */
.con-pro-1{box-shadow:0px 0px 10px rgba(0,0,0,0.15); width:930px; float:right; padding:20px; display:table; background:#fff; }

.pro-img1{ width:400px; float:left; }
.pro-img1 img{}


#example2-2{ display:block;}
.pro-title1{ float:right; width:510px;}
.pro-title1 h1{ font-size:1.2em; font-weight:bold; margin-bottom:10px;}
.pro-title2{ font-size:0.9em; color:#555; letter-spacing:2px; max-height:250px; overflow:auto;}

.pro-img1 ul{ width:402px; height:67px; margin-left:10px; margin-top:10px; display:table; margin-bottom:10px; }
.pro-img1 ul li{ width:67px; height:67px; float:left; border:1px solid #ccc; margin-right:9px; display:table; }
.pro-img1 ul li img{ width:67px; height:67px; display:table; }


.pro-taobao{ width:120px; height:30px; line-height:30px; background:#09f; color:#fff; text-align:center; letter-spacing:3px; margin-top:20px; display:block;}

.pro-con3{ display:table; padding-top:20px; width: 100%;}
.pro-con3 img{
	max-width:100%; !important
	max-height:auto; !important
	}
.pro-con3 h2{ margin:10px 0; font-size:1.2em; font-weight:bold; }
.pro-con3 table{ margin-bottom:10px;}
.pro-con3 table th{ text-align:center; font-weight:bold;}
.pro-con3 table tr{ text-align:center;}

.con-js{ width:95%; display:table; border-radius:13px; box-shadow:0px 5px 10px rgba(100,100,100,0.1); color:#09f; padding:20px 20px; margin:0 auto; font-size:1.2em;}

.product-list {
    width: 100%;
    display: table;
}
.product-list ul {
    display: table;
}
a {
    text-decoration: none;
}
.product-list li {
    text-align: center;
    display: table;
    float: left;
    margin: 0 11px;
}
.product-list li a {
    color: #555;
}
.product-list li img {
    border: 1px solid #ccc;
    padding: 5px;
    width: 275px;
    height: 275px;
}
img {
    display: block;
}
.weixin2{ display:none;}


.news-con ul{}
.news-con ul li {
    width: 100%;
    border-bottom: dashed #aaa 1px;
    position: relative;
    display: table;
    margin: 5px 0px;
}
.news-con ul li a {
    text-decoration: none;
    color: #555;
    display: block;
}
.news-con ul li .nc-p {
    color: #777;
    font-size: 0.8em;
    width: 650px;
    overflow: hidden;
    height: 33px;
    line-height: 33px;
    float: left;
}
.fl {
    float: left;
}
.news-con ul li .date {
    position: absolute;
    right: 0px;
    top: 0px;
    display: block;
    color: #777;
}

.n-title {
    font-size: 1.5em;
    text-align: center;
}
.n-info {
    font-size: 0.9em;
    text-align: center;
    color: #555;
    margin: 20px 0;
}
.n-jianjie {
    width: 94%;
    border: 1px solid #aaa;
    padding: 3%;
    display: table;
}
.n-jianjie-con {
    width: 550px;
    color: #777;
}
.n-con {
    margin: 30px 0;
    display: table;
}

.product-list2 ul{ display:table;}
.product-list2 ul li{height: 200px; width:386px; background:#fff; box-shadow:0px 0px 20px rgba(0,0,0,0.1);  float:left; margin:18px 18px; padding:20px;}
.product-list2 ul li img{ width:200px; height:200px; float:left; margin-right: 20px;}
.product-list2 ul li span{ font-size:1em; color:#09f; font-weight:bold;}
.product-list2 ul li p{ color:#09f; font-size:0.9em; height: 153px; overflow: hidden;}

.box1746{ width: 30px; height: 2px; background: #fff; position: absolute; top: 110px; left: 80px; }
.box1747{ width: 30px; height: 2px; background: #fff; position: absolute; top: 110px; right: 80px; }

.foot710 li{width:370px; height: 210px; background: #f1f1f1; float: left; margin-right: 30px; text-align: center; border-bottom: 3px solid #333;}
.foot710 ul{ display: table; margin: 0 auto; }
.foot710 .ft1{ width: 25px; height: 25px; background-position: center; margin: 20px auto 10px auto;  }
.foot710 .ft2{ font-weight:bold; font-size: 1.2em; color: #333;}
.foot710 .ft3{ font-size: 1.1em; color: #333;}
.foot710 .ft0{ width: 40px; height: 6px; background:#333; margin: 15px auto 60px auto; }

.ft11{ background: url(../images/footpng/wz.png) no-repeat; }
.ft12{ background: url(../images/footpng/sj.png) no-repeat; }
.ft13{ background: url(../images/footpng/yx.png) no-repeat; }

.ftwo1:hover .ft11{ background: url(../images/footpng/wz2.png) center no-repeat; }
.ftwo2:hover .ft12{ background: url(../images/footpng/sj2.png) center no-repeat; }
.ftwo3:hover .ft13{ background: url(../images/footpng/yx2.png) center no-repeat; }

.foot710 li:hover{border-bottom: 3px solid #09f;}
.foot710 li:hover .ft1{}
.foot710 li:hover .ft2{ color: #09f; }
.foot710 li:hover .ft3{ color: #09f; }
.foot710 li:hover .ft0{ background: #09f; }

.foot720 ul{ display: table; margin: 20px auto; }
.foot720 ul li{ float: left; width: 375px; border-radius: 10px; border:1px solid #bbb; height: 45px; line-height: 45px; overflow: hidden; margin-right: 20px; }
.foot720 ul li span{ float: left; width: 80px; text-align: center; }
.foot720 ul li input{ float: left; border:0px; line-height: 45px; width: 295px; outline:none; font-size: 1.1em; }
.foot720 textarea{ outline: none; border-radius: 10px; border:1px solid #bbb; width: 1140px; height: 300px; margin: 0 auto; display: block; padding:15px; font-size:1.1em; font-family:"微软雅黑";   }
.tijiao{ cursor: pointer; width: 200px; height: 50px;  border-radius: 10px; border:1px solid #bbb; line-height: 50px; background: #fff; margin: 0 auto; display: block; font-size: 1.1em; margin-top: 20px; color: #333;}

.downlist {
    width: 100%;
    display: table;
}
.downlist ul {
}
a {
    text-decoration: none;
}
.downlist li {
    text-align: left;
    border-bottom: 1px dashed #999; width: 90%; line-height: 30px; height: 30px; margin: 0px 20px;
}
.downlist li a {
    color: #555; width: 100%; display: block;
}
.downlist .dl1{ float: left; }
.downlist .dl2{ float: right; }
.downlist span{ float: right; margin-right: 20px; }
.sp-z0{ height: 30px; width: 553px; margin-bottom: -30px; z-index: 55; background: #fff; position: relative;}
.sp-z1{ height: 40px; width: 553px; margin-top: -40px; z-index: 55; background: #fff; position: relative;}
.con6 .c1 embed{ z-index: 50; position: relative; }
.erweima, .qqbottom, .hddb{ box-shadow: 0px 0px 10px rgba(0,0,0,0.35); background-repeat: no-repeat; width: 80px; height: 67px; cursor: pointer; position: fixed; right: 20px; background-color: #09f;  }
.erweima { background-image:url(../images/bg/erweima.png);  bottom:180px; }
.qqbottom{  background-image:url(../images/bg/qie.png) ; bottom:100px; }
.hddb{ background-image:url(../images/bg/hddb.png) ;  bottom:20px; }
.weixin2{ width:240px; position:fixed; bottom:10px; right:120px; background:#fff; padding:10px; }
.box20230717101141{
width: 100%;
	position:relative;
}
.box20230717101141 .textbox{position:absolute;top:50%;left:50%;margin-left:-40vw;margin-top:-55px;z-index:2;opacity:0}
.box20230717101141 .textbox .cntitle{color:#fff;font-size:36px;margin:18px 0 28px;text-shadow: 2px 3px 1px #000;/*添加字体文字的阴影*/}
.box20230717101141 .textbox .entitle{color:#fff;font-size:16px;font-weight:bold;font-family:Arial}
.box20230717101141 .textbox .line{width:31px;height:2px;background-color:#fff}
.box20230717101141 .textbox.cur{top:50%;opacity:1}

/*手机端显示*/
@media ( max-width : 1199px) {
	.box20230717101141{
		background-size: cover;
	}
}