@charset "utf-8";
/* CSS Document */

html{width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%; /*禁用Webkit内核浏览器的文字大小调整功能，默认是auto；*/
	-ms-text-size-adjust:100%; /*禁用IE内核浏览器的文字大小调整功能，默认是auto；*/
	font-family: sans-serif; /* 1 */}
*{word-wrap: break-word; word-break:break-all;margin:0;padding:0;}
ul,ol,dl{list-style-type:none}
a,area{outline:none; blur:expression(this.onFocus=this.blur())}
a{text-decoration:none; color:#000;}
a:focus{outline:none}
a:hover,a:active{outline:none; color:#1caeb8; text-decoration:none;}
img{border:none;vertical-align:middle;}
.bordernone{border:none !important;}
.clearfix{*zoom:1; clear:both;} 
.clearfix:before,.clearfix:after{display:table; line-height:0; content:"";} 
.clearfix:after{clear:both;}
.layui-clear{ clear:both;*zoom: 1;}
.w1200{ width:1200px; margin:0 auto; padding:0px 0px;}
.float-left , .fl{ float:left;}
.float-right , .fr{ float:right;}
.display-none{ display:none;}
/*不自适应的时候增加的代码-end*/
body{line-height:2;font-size:14px !important;}
.text-center {text-align: center;}


.headBg{box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    z-index: 99;width:100%;height:100px; margin:0 auto; padding:0px 0px; position:fixed; background:#fff;}
.head{display: -webkit-flex; width:100%; max-width:1280px; margin:0 auto;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;flex-wrap: wrap;-webkit-flex-wrap: wrap;padding: 0 0px;height:80px;position: relative;}


.logo{ width:500px; float:left; position:relative; left:0px; top:4px;}
.headRight{ float:right;}
.language{ float:right; font-size:15px; line-height:20px; height:20px; position:relative; right:0px;display:block;top:40px;background:url(../images/languageIcon.jpg) left center no-repeat; padding-left:30px; margin-left:10px;}
.menu{ width:700px; float:right; margin-top:42px;}

#nav{ width:600px; margin:0px 0px; padding:0px 0px;}
#nav .mainlevel{float:left;width:100px;height:50px;float:left;display:block;text-align:center;}
#nav .mainlevel a {color:#333;text-decoration:none;height:50px;font-family:"微软雅黑";text-align:center;display:block;width:100px; position:relative;}
#nav .mainlevel a span{ width:100%; display:block; float:left;height:20px; line-height:20px; font-size:16px; color:#000;}
#nav .mainlevel a label{width:100%;display:block; float:left;height:20px; line-height:20px; font-size:12px; color:#ccc;}
#nav li.mainlevel a:hover{width:100px; height:50px;color: #fff;}

#nav .mainlevel a i{position: absolute;width:60px;height: 2px;position: absolute;left:20px;bottom: 0;}
#nav .mainlevel a i::before{display: block;content: '';width:0%;height: 100%;background: #1caeb8;margin: 0 auto;-webkit-transition: .4s;transition: .4s;}
#nav .mainlevel:hover  a{color:#1caeb8; text-decoration:none;-webkit-transition: .4s;transition: .4s;}
#nav .mainlevel:hover  a i::before{width:60px;-webkit-transition: .4s;transition: .4s;}

#nav .mainlevel .ulnav {display:none; position:absolute;padding:0;border-bottom:0px;width:100px;z-index:2; margin-left:0px;}
.ulnav ul{width:100%;float:left; margin:0px 0px;background-color: #f5f5f5;overflow: hidden;position:relative;z-index: 2;}

#nav .mainlevel ul li {line-height:50px;height:50px; border-bottom:solid 1px #dddddd;display:block;width:100%;text-align:center;float:left;}
#nav .mainlevel ul li a{color:#333; font-family:"微软雅黑";line-height:40px; width:96%; padding:0 2%;height:40px;background:none;float:left;font-size:14px; overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
#nav .mainlevel ul li a:hover{color:#1a65b3;line-height:40px; width:96%; padding:0 2%;height:40px;background:none;text-decoration:underline; font-size:14px;}



#nav .mainlevel .ulnav3 {display:none; position:absolute;padding:0;border-bottom:0px;width:140px;z-index:2; margin-left:0px;}
#nav .mainlevel .ulnav2 {display:none;position:absolute;padding:0;border-bottom:0px;width:100%;left:0px;background:#f5f5f5;padding:30px 0px;z-index:2;margin-left:0px;}

#nav .mainlevel .ulnav2 ul{ width:564px; display:block; margin:0 auto; padding:0px 0px; background:none; float:none !important;}
#nav .mainlevel .ulnav2 ul li{ width:252px; display:block; float:left; margin:0px 15px; height:auto !important; border-bottom:none;}
#nav .mainlevel .ulnav2 ul li a{ width:252px; display: block; float:left; height:202px; padding:0px 0px;}
#nav .mainlevel .ulnav2 ul li a img{ width:252px; height:112px; display:block; float:left;}
#nav .mainlevel .ulnav2 ul li a i{display:block;float:left;width:240px;height:30px;padding:5px 6px;line-height:30px;text-align:center;}
#nav .mainlevel .ulnav2 ul li a:hover i{ background:#1a65b3; color:#fff;}
/*---------- banner style ----------*/
.banner{ width:100%; height:580px; z-index:-9; margin:0px auto;}
.abs {position:relative; }
.banner .hd {bottom:30px;height:20px;left:0px;width:100%;}
.banner .hd ul {width:1200px;text-align:center;margin:0 auto;}
.banner .hd ul li {display:inline-block;border-radius:5px; list-style:none;background:#fff;width:12px;height:12px;margin-left:15px;cursor:pointer;}
.banner .hd ul li {*display:inline;}
.banner .hd ul li.on { background:#1caeb8; cursor:pointer;}
.banner, .banner a {height:580px;display:block;}
.banner ul {margin:0 auto; padding:0px 0px;}


.gywmBox{ width:1260px; margin:40px auto;}
.gywmBox .gywmL{ width:610px; float:left; font-size:16px; line-height:30px; color:#333; height:360px; overflow:hidden;}
.gywmBox .gywmL b{ display:block; width:610px; height:30px; float:left; font-size:28px; color:#000; font-weight:bold; margin-top:30px;}
.gywmBox .gywmL span{ display:block; width:610px; font-size:16px; line-height:36px; color:#383838; margin-top:50px; float:left;}
.gywmBox .gywmL a{clear:both;display:block;float:left;margin-top:10px;text-align:center;width:142px;height:53px; line-height:53px;background:#1caeb8;color:#fff; margin-top:50px;}
.gywmBox .gywmImg{ width:624px; height:360px; float:right; overflow:hidden;}



.w1260{ width:1260px; margin:30px auto;}
.grayBg{ width:100%; padding:20px 0px; background:#fafafa;}

.fwfw{ width:1260px; margin:30px auto;}
.title1{ width:100%; float:left; text-align:center;}
.title1 h2{ display:block;font-size:28px; color:#1caeb8; float:left;font-weight:normal; width:100%; height:40px; line-height:40px;}
.title1 label{display:block;float:left;font-size:14px; color:#999; height:20px; line-height:20px; width:100%; text-transform:uppercase;}
.title1 em{ display:block; margin:65px auto 0px auto; width:30px; height:4px; border-radius:4px; background:#1caeb8;}

.fwfwBox{ width:1260px; float:left; margin-top:40px; margin-bottom:40px;}
.fwfwBox ul{ width:1266px; margin-left:-6px;}
.fwfwBox ul li{ width:200px; height:327px; position:relative; display:block; float:left; margin-left:6px;}
.fwfwBox ul li .fwfwImg{ width:200px; height:327px; position:relative; overflow:hidden;}
.fwfwBox ul li .fwfwImg img{transform:scale(1,1);transition:all .3s;}
.fwfwBox ul li .fwfwImg:hover img{transform:scale(1.3,1.3)}
.fwfwBox ul li .fwfwTxt{ width:200px; position:absolute; margin-top:-40px; height:40px; color:#fff; text-align:center; font-size:18px; font-weight:bold;background:url(../images/bg1.png) repeat;}

.xwzx{ width:870px; float:left;}
.xwzx .title1{ text-align:left;}
.xwzx .title1 em{ float:left; display:none;}

.xwzxBox{ width:870px; float:left; margin-top:20px;}
.xwzxBox .top{ width:870px; float:left;}
.xwzxBox .top .xwzxImg{ width:248px; height:158px; display:block; float:left; overflow:hidden;}
.xwzxBox .top .xwzxImg img{transform:scale(1,1);transition:all .3s;}
.xwzxBox .top .xwzxImg:hover img{transform:scale(1.3,1.3)}
.xwzxBox .top .xwzxTxt{ width:600px; float:right;}
.xwzxBox .top .xwzxTxt a{ width:600px; display:block; float:left; height:30px; line-height:30px; overflow:hidden; font-size:18px; color:#333; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.xwzxBox .top .xwzxTxt span{ display:block; float:left; width:600px; margin:10px 0px; color:#969696;}
.xwzxBox .top .xwzxTxt p{ display:block; float:left; width:600px; color:#646464; line-height:30px; overflow:hidden; text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.xwzxUl{ width:870px; float:left; margin-top:10px;}
.xwzxUl ul li{ width:855px; float:left; line-height:43px; border-bottom:solid 1px #f2f2f2; background:url(../images/li_list1.jpg) left center no-repeat; padding-left:15px;}
.xwzxUl ul li a{ width:750px; display:block; float:left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.xwzxUl ul li a i{ padding-left:10px;}
.xwzxUl ul li span{ display:block; float:right; width:90px; color:#969696; text-align:right;}


.rrzz{ width:360px; float:right;}
.rrzz .title1{ text-align:left;}
.rrzz .title1 em{ float:left; display:none;}
.rrzzBox{ width:358px; height:418px; float:left; border:solid 1px #ebebeb; margin-top:30px;}


.rrzzBox .hd {bottom:30px;height:20px;left:0px;width:100%;}
.rrzzBox .hd ul {width:100%;text-align:center;margin:0 auto;}
.rrzzBox .hd ul li {display:inline-block;border-radius:5px; list-style:none;background:#fff;width:12px;height:12px;margin-left:15px;cursor:pointer;}
.rrzzBox .hd ul li {*display:inline;}
.rrzzBox .hd ul li.on { background:#1caeb8; cursor:pointer;}
.rrzzBox, .rrzzBox a {height:418px;display:block;}
.rrzzBox ul {margin:0 auto; padding:0px 0px;}

.hzhb{ width:1260px; margin:40px auto;}
.hzhb .title1{ text-align:left;}
.hzhb .title1 em{ float:left; display:none;}

.hzhbBox{ width:1260px; float:left; margin-top:20px; position:relative;}


.hzhbBox .bd{ width:1260px; float:left;}
.hzhbBox .bd ul{ width:1200px; float:left; height:60px; margin:0px 30px 0px 30px;}
.hzhbBox .bd ul li{ width:182px; display:block; float:left; height:55px; overflow:hidden; margin:0px 8px;}
.hzhbBox .bd ul li img{ display:block; margin:0 auto; height:55px; width:auto;}
.hzhbBox  .hd{ width:1260px;}
.hzhbBox  .hd a.next{width:20px;height:37px;display:block;float:left;position:absolute;left:0px;top:15px; background:url(../images/leftBtn.jpg) left center no-repeat;}
.hzhbBox  .hd a.next:hover{background:url(../images/leftBtnH.jpg) left center no-repeat;}

.hzhbBox  .hd a.prev{width:20px;height:37px;display:block;float:left;position:absolute;right:0px;top:15px; background:url(../images/rightBtn.jpg) left center no-repeat;}
.hzhbBox  .hd a.prev:hover{background:url(../images/rightBtnH.jpg) left center no-repeat;}


.footBg{ width:100%; background:#424242; padding:30px 0px; margin-top:30px;}
.foot{ width:1260px; margin:0 auto;}
.foot .foot1{ width:100px; float:left; margin-right:90px;}
.foot .foot1 b{ display:block; float:left; width:100%; color:#fff; font-size:18px; height:30px; line-height:30px; margin-bottom:10px;}
.foot .foot1 a{ display:block; float:left; color:#fff; height:25px; line-height:25px;}

.foot .foot4{ width:180px; float:left; margin-right:90px;}
.foot .foot4 b{ display:block; float:left; width:100%; color:#fff; font-size:18px; height:30px; line-height:30px; margin-bottom:10px;}

.foot .foot4 a{ display:block; float:left; color:#fff; height:25px; width:50%;line-height:25px;}


.foot .foot2{ width:320px; float:left; margin-right:90px;}
.foot .foot2 b{ display:block; float:left; width:100%; color:#fff; font-size:18px; height:30px; line-height:30px; margin-bottom:10px;}
.foot .foot2 span{ display:block; float:left; color:#fff;line-height:25px; background:url(../images/lxIcon.jpg) left center no-repeat; padding-left:25px; width:295px;}

.foot .foot3{ width:130px; float:right;}


.copyright{ width:100%; background:#343434; color:#fff; line-height:50px; height:50px;}
.copyright a{ color:#fff;}



.locationBg{ width:100%;height: 57px;background: #efefef;overflow: hidden;line-height: 57px;}
.location{ width:1200px; margin:0 auto; padding:0px 0px; height:57px;  font-size: 14px; color:#737373;background: url(../images/site_ico.gif) no-repeat 0 center; padding-left: 25px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.location a{display: inline-block; padding: 0 5px; color:#737373;}
.location a.mbxwz{  color:#000000;}


.pageMenu{ width:1200px;text-align: center;font-size: 0;margin: 45px auto 0 auto;padding-bottom: 3px;}
.pageMenu ul{display: inline-block;}
.pageMenu .l1{float: left; margin: 0 33px; margin-bottom:20px;}
.pageMenu .l1 a{float: left; line-height:40px; padding-left:20px; padding-right:20px; color:#1caeb8; font-size:16px; position: relative; border:1px #1caeb8 solid;border-radius:10px;}
.pageMenu .l1 a:after{position: absolute; content: ''; width: 0; height: 3px; bottom: -1px; left: 50%; background: #1caeb8;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.pageMenu .l1 a:hover{color:#fff; background-color:#1caeb8;}
.pageMenu .l1 a:hover:after,
.pageMenu .l1.on a:after{width: 60px; margin-left: -30px;}
.pageMenu .l1.on a{color:#fff; background-color:#1caeb8}



.pageAbout{width:1200px; margin:30px auto;line-height:30px;}



/*-----新闻样式----------*/
.news-lists {padding:0px 0px;}
.news-lists{ width:1200px; margin:0 auto;}
.news-lists ul li{ width:1200px; float:left; border-bottom:dashed 1px #ebebeb; padding:0px 0px 25px 0px; margin-top:25px; height:170px;}
.news-lists ul li .newsImg{ width:280px; height:175px; float:left; border:solid 1px #ebebeb;}
.news-lists ul li .newsImg img{ width:280px; height:175px;}
.news-lists ul li .newsTxt{ width:900px; float:right;}
.news-lists ul li .newsTxt .txtTitle{ width:900px; float:left; font-size:18px; height:30px; line-height:30px; overflow:hidden;}
.news-lists ul li .newsTxt .txtTitle span{width:80px; height:30px; line-height:30px; float:right; display:block; background-color:#0061ae; border-radius:5px; color:#FFF; text-align:center; font-size:15px;}
.news-lists ul li .newsTxt span.date{ width:900px; display:block; float:left; font-size:14px; color:#999; line-height:25px; padding:5px 0px;}
.news-lists ul li .newsTxt span.txt{ width:900px; display:block; float:left; color:#555; font-size:14px;}
.news-lists ul li .newsTxt span.txt a{ color:#555;}
.news-lists ul li .newsTxt .more{ float:left;width: 80px; height: 30px; border-radius: 20px; font-size: 0; border: 1px solid #e3e3e3; display: block; background: url('../images/icon-more01.png') no-repeat center center; background-size: 40%; transition: all 0.3s; margin-top:30px;}


.news-lists ul li .newsTxt .more:hover { background: url('../images/icon-more02.png') no-repeat center center #1caeb8; background-size: 40%; border-color: #1caeb8; }


/*分页*/
.pageNav{width:100%;height:auto;font-size:0px;text-align:center;position:relative;overflow:hidden; padding: 20px 0; margin-top:20px; margin-bottom:60px;}/*分页*/
.pageNav a,
.pageNav span{ display:inline-block; height:26px;line-height:24px;text-align:center; font-size:18px;color:#333;border:1px solid #e8e8e8;margin:0 5px; padding: 0 12px; font-size: 14px;}
.pageNav a.on, .pageNav a:hover,
.pageNav .laypage_curr{background-color:#1caeb8;color:#ffffff;border-color:#1caeb8;}
.pageNav a:first-child,
.pageNav a:last-child{background:none;border:1px solid #cccccc;font-weight:600;color:#888888;}

/*----产品中心-*/

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


.cpzxMain{ width:100%; clear:both; padding-bottom:30px;}
.inPro ul{ margin-left:-48px;}
.inPro ul li{ width:368px; float:left;display: block;margin:20px 0px 20px 48px;background-color: rgba(255,255,255,1); box-shadow: rgb(50 50 93 / 5%) 1px -2px 60px -12px, rgb(0 0 0 / 20%) 1px -2px 36px -18px; position:relative;}
.inPro ul li .cpzxImg{overflow: hidden;width:368px; height:264px;}
.inPro ul li .cpzxImg img{width:368px;height:264px;-webkit-transition: -webkit-transform 0.8s;
    -moz-transition: -moz-transform 0.8s;
    transition: transform 0.8s;}
.inPro ul li .cpzxImg:hover img{-moz-transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.inPro ul li .cpzxTxt1{display: flex;flex-wrap: wrap;flex-direction: row;width: 100%;display-radio: flex;padding-top: 10px;position: absolute; z-index: 1;bottom: 0;right: auto;left: 0; background-color: rgba(0,0,0,0.38);height: auto;padding-bottom: 10px;-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;opacity: 1;}
	
.inPro ul li .cpzxTxt1 a{line-height: 1.5; display-radio: -webkit-box;font_radio: 2;font-size: 16px;color:#fff;text-align: center;padding-top: 0px;margin-top: 0px;margin-bottom: 0px;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;padding-left: 20px;margin-right: auto;margin-left: auto;font-weight: normal;-webkit-line-clamp: 1;min-height: 0px;padding-right: 20px;padding-bottom: 0px;}
/*.cpzxMain ul li .cpzxTxt1:hover , .cpzxMain ul li .cpzxTxt1:hover a{ background:#; color:#fff;}
.cpzxMain ul li:hover .cpzxTxt1 , .cpzxMain ul li:hover .cpzxTxt1 a{ background:#0ba29a; color:#fff;}
*/
.cpzxMain ul li .cpzxTxt2{width: 100%;display-radio: flex;padding:10px 30px;position: absolute; z-index: 1;bottom: 0;right: auto;left: 0; background: #0ba29a;opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;}
	
.cpzxMain ul li:hover .cpzxTxt2{width: 100%;display-radio: flex;padding:10px 30px;position: absolute; z-index: 1;bottom: 0;right: auto;left: 0; opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;}
.cpzxMain ul li:hover .cpzxTxt2 a{ line-height: 1.5; display-radio: -webkit-box;font_radio: 2;font-size: 16px;color:#fff;text-align: center;padding-top: 0px;margin-top: 0px;margin-bottom: 0px;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;padding-left: 20px;margin-right: auto;margin-left: auto;font-weight: normal;-webkit-line-clamp: 1;min-height: 0px;padding-right: 20px;padding-bottom: 0px;} 
.cpzxMain ul li:hover .cpzxTxt1{opacity: 0;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;}


/*----联系我们--*/

.pageContact{ width:100%; max-width:1200px; margin:0 auto;}
.pageContact ul{ width:100%; float:left; margin-top:50px;}
.pageContact ul li{width:22%;float: left;text-align: center;}
.pageContact span{background: #F6F6F6; display:inline-block; height:100px; width:100px; position: relative; border-radius:50%;}
.pageContact span img{position:absolute; left:50%; top:50%; margin-left:-25px; margin-top:-25px; transition:all 0.5s ease;}
.pageContact strong{margin-top:22px;font-size:22px;font-weight: normal;letter-spacing: 2px; line-height: 38px; display: block;}
.pageContact p{ font-size:16px; line-height:28px; letter-spacing:1px; margin-top:5px;}
.pageContact h5{ letter-spacing: 2px; line-height: 38px; font-size: 20px; font-weight: normal; display: block; }
.pageContact ul li:nth-child(1){ width:30%;}
.pageContact ul li:nth-child(2){ width:22%;}
.pageContact ul li:nth-child(3){ width:22%;}
.pageContact .m2lxMap{ width:100%; max-width:1200px; margin:30px auto 0px auto;background:#F6F6F6; height:400px;}

.artTitle{width:1200px; min-height:45px; height:auto; line-height:175%; font-size:18px; font-weight:bold; display:block; text-align:center; border-bottom:2px #CCC solid; margin-bottom:10px;}
.subTxt{width:1200px; height:30px; line-height:30px; text-align:center; font-size:12px;}
.subTxt span{color:#F00;}