@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:#c30404; 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:78px; margin:0 auto; padding:0px 0px; position:fixed; background:#fff;}
.head{display: -webkit-flex;width:1200px; 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:78px;position: relative;}


.logo{ width:180px; float:left; position:relative; left:0px; top:0px;}
.headRight{ float:right; width:950px;}
.menu{ width:810px; float:right; margin-top:18px;}

#nav{ width:810px; margin:0px 0px; padding:0px 0px;}
#nav .mainlevel{float:left;width:100px;height:60px; line-height:60px;float:left;display:block;text-align:center; margin-left:35px; position:relative;}
#nav .mainlevel a {color:#333;text-decoration:none;height:60px;font-family:"微软雅黑";text-align:center;line-height:60px;display:block;font-size:16px; width:100px;}
#nav li.mainlevel a:hover{width:100px;height:60px;color:#c30404; font-weight:bold;}


.menu ul li#mainlevel_01{ width:100px;height:60px; line-height:60px;}


#nav li.mainlevel a span{position: absolute;width: 100%;height: 2px;position: absolute;left: 0;bottom: 0;}
#nav li.mainlevel a span::before{display: block;content: '';width:0%;height: 100%;background: #c30404;margin: 0 auto;-webkit-transition: .4s;transition: .4s;}
#nav li.mainlevel:hover  a{color:#c30404; text-decoration:none;-webkit-transition: .4s;transition: .4s;}
#nav li.mainlevel:hover  a span::before{width:64px;-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 !important; font-family:"微软雅黑";line-height:40px; font-weight:500 !important;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:#c30404;line-height:40px; width:96%; padding:0 2%;height:40px;background:none;text-decoration:underline; font-size:14px;}



/*---------- banner style ----------*/
.banner{ width:100%; height:660px; 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:#999;width:12px;height:12px;margin-left:15px;cursor:pointer;}
.banner .hd ul li {*display:inline;}
.banner .hd ul li.on { background:#c30404; cursor:pointer;}
.banner, .banner a {height:660px;display:block;}
.banner ul {margin:0 auto; padding:0px 0px;}


.bannerBot{ width:100%; background:#e2e5e7; height:30px; padding:10px 0px;}
.gg{ width:1200px; height:30px; margin:0 auto;}
.gg .ggL{width:1000px;float:left;padding-left:40px;background:url(../images/tzIcon.jpg) left center no-repeat;height:30px; overflow:hidden; line-height:30px;}
.gg .ggL a{ color:#4c4c4a;}
.gg .ggR{ width:100px; float:right; color:#c30404;}

.gywm{ width:1200px; margin:50px auto; position:relative; height:460px;}
.gywm .gywmL{ width:480px; float:left;}
.gywm .gywmL .gywmLT{ width:480px; float:left; font-size:36px; color:#807e7c;}
.gywm .gywmL span{ width:480px; display:block; float:left; line-height:24px; color:#4c4c4a; height:240px; overflow:hidden; margin:30px 0px;}
.gywm .gywmL a{ width:100px; height:30px; display:block; float:left;border-radius:20px; border:solid 1px #c30404;text-align:center; color:#c30404;}
.gywm .gywmR{ width:680px; float:left; position:relative;}
.gywm .gywmR ul li{ position:absolute; width:222px; height:222px; transform: translateY(0px)}
.gywm .gywmR ul li img{width: 222px; height: 222px; transform: scale(1) scaleX(1) scaleY(1) rotateZ(0deg) translateX(0px) translateY(0px); display: inline;}
.gywm .gywmR ul .li1{ left:229px; top:0px;}
.gywm .gywmR ul .li2{ left:115px; top:117px;}
.gywm .gywmR ul .li3{ left:0px; top:234px;}
.gywm .gywmR ul .li4{ left:344px; top:117px;}
.gywm .gywmR ul .li5{ left:230px; top:232px;}
.gywm .gywmR ul .li6{ left:458px; top:235px;}

.cpfwBg{ width:100%; background:#f4f4f4; padding:50px 0px;}
.cpfw{ width:1200px; margin:0 auto; padding-top:50px;}

.title1{ width:1200px; float:left;text-align:center;}
.title1 span{ font-size:36px; color:#333231; height:40px; line-height:40px; display:block; float:left; width:100%;}
.title1 label{color:#5a5a5a; height:30px; line-height:30px; display:block; float:left; margin-top:10px; width:100%;}


.cpfwBox{ width:1200px; float:left; margin-top:50px;}
.cpfwBox ul{ width:1230px; margin-left:-30px;}
.cpfwBox ul li{ width:380px; height:400px; float:left; position:relative;margin-left:30px;}
.cpfwBox ul li a{ width:380px; height:400px; float:left; display:block; overflow:hidden;}
.cpfwBox ul li a img{ position:relative; z-index:2;transform:scale(1,1);transition:all .3s; width:380px; height:400px;}
.cpfwBox ul li a:hover img{transform:scale(1.3,1.3);}
.cpfwBox ul li a span{ width:380px; display:block; float:left; text-align:center; line-height:50px; font-size:24px; font-weight:bold; color:#fff; position:absolute; left:0px; top:0px;z-index:3; padding-top:220px;}

.xwBg{ width:100%; background:url(../images/xwBg.jpg) no-repeat; height:660px; background-attachment:fixed;}
.xw{width:1200px; margin:0 auto; padding-top:50px;}
.xwBox{ width:1200px; float:left; margin-top:50px;}
.xwBox .xwBoxL{ width:660px; float:left; position:relative; height:440px;}
.xwBox .xwBoxL .xwBoxBg{ width:660px; height:440px; position:absolute; left:0px;top:0px; z-index:1;background:#fff;opacity:0.8;}
.xwBox .xwBoxL .xwTit{width:630px;padding:15px 0px 10px 0px; margin:0px 15px;float:left;position:relative;z-index:22;border-bottom:dashed 1px #bfbfbf; height:25px; line-height:25px;}
.xwBox .xwBoxL .xwTit span{ font-size:20px; color:#c30404; font-weight:bold;}
.xwBox .xwBoxL .xwTit a{ display:block; float:right; padding:0px 10px; color:#c30404; font-weight:bold; font-size:16px;}
.xwBox .xwBoxL ul{ display:block; float:left; width:630px; margin:0px 15px; position:relative; z-index:22;}
.xwBox .xwBoxL ul li{ width:630px; display:block; float:left;border-bottom:dashed 1px #bfbfbf; line-height:43px;}
.xwBox .xwBoxL ul li a{ width:550px; display:block; float:left; color:#666;}
.xwBox .xwBoxL ul li a:hover{ text-decoration:underline; color:#c30404;}
.xwBox .xwBoxL ul li span{ width:80px; display:block; float:right; color:#999;}
.xwBox .xwBoxR{ width:510px; float:right;}


.footBg{ width:100%; background:#000000; padding:30px 0px; clear:both; text-align:center; color:#fff; line-height:30px;}
.footBg a{ color:#fff; margin:0px 10px;}
.footBg span{ display:block; width:100%; text-align:center;}
.page{ width:1200px; margin:0 auto;}
.pageL{ width:210px; float:left;}

.pageL .left{ width:210px; float:left; position:relative; background:#fff; margin-top:-90px;}
.pageL .left .leftTop{ width:210px; float:left; padding-top:30px; text-align:center;}
.pageL .left .leftTop h2{display:block;width:100%;float:left; font-size:24px; color:#434343;height:30px;line-height:30px;}
.pageL .left .leftTop span{display:block;width:100%;float:left;color:#999999; text-transform:uppercase; height:30px; line-height:30px;}

.pageL .left .leftBox{ width:210px; float:left;}
.pageL .left .leftBox ul{display:block;float:left;border-left:solid 7px #c30404;padding-top:15px;width:170px;padding-left:22px;}
.pageL .left .leftBox ul li{ width:170px; display:block; float:left; height:55px; border-bottom:dashed 1px #e8e8e8; line-height:55px; text-align:center;}
.pageL .left .leftBox ul li a{ display:block; float:left; color:#555; width:100%; text-align:center;}
.pageL .left .leftBox ul li a:hover{ color:#c30404; background:url(../images/icon1.png) 160px 25px no-repeat;}

.pageR{ width:950px; float:right; margin-top:0px;}

.location{ width:950px; float:left;height:40px; line-height:40px;font-size:14px; color:#999;text-transform:uppercase; text-align:right;}
.location p{display:inline-block;float:right;background:url(../images/rightIcon1.png) left center no-repeat;padding-left:20px;}




.pageRbox{ width:900px; float:left; padding:25px 25px; background:#fff; margin-top:15px;}



/*in_about*/

.in_con{width:900px;height:100%;overflow:auto; background:#fff;float:left; }
/*about*/
#in_about{float:left;display:block;width:900px;height:auto;text-align:left;line-height:30px;}



/*-----新闻样式----------*/
.news-lists {padding:0px 0px;}


.news-lists{ width:900px; margin:0 auto;}
.news-lists ul li{ width:900px; 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:600px; float:right;}
.news-lists ul li .newsTxt .txtTitle{ width:600px; 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:600px; display:block; float:left; font-size:14px; color:#999; line-height:25px; padding:5px 0px;}
.news-lists ul li .newsTxt span.txt{ width:600px; display:block; float:left; color:#555; font-size:14px; height:50px; line-height:25px; overflow:hidden;}
.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 #f4841e; background-size: 40%; border-color: #f4841e; }



/*---产品中心---*/
.pro-lists{ width:900px; margin:30px auto;}
.pro-lists ul li{ width:287px; display:block; float:left;margin:10px 6px;}
.pro-lists ul li a.proImg{ width:285px; height:215px;display:block; float:left; overflow:hidden; border:solid 1px #666; }
.pro-lists ul li a.proImg img{ width:1285px; height:215px;display:block; float:left;transform:scale(1,1);transition:all .3s;}
.pro-lists ul li a.proImg:hover img{transform:scale(1.3,1.3)}
.pro-lists ul li a.proTxt{width:100%;display:block;float:left;height:60px;line-height:60px;text-align:center;text-align:center; }




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

.title{font-size:18px; text-align:center; line-height:56px; height:56px; margin-bottom:10px; font-weight:bold; width:880px;  border:none; border-bottom:1px #CCCCCC solid;}
.subtxt{width:880px; height:25px;  line-height:25px; text-align:center; }
.pernext{width:720px;height:auto; line-height:168%; text-align:left;margin:10px 0px; clear:both;}