@charset "utf-8";
/* BaiTao 2020-08 QQ：79885111 */
/*! * @名称：base.css * @功能：1、重设浏览器默认样式 * 2、设置通用原子类*//* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体*/
html{background: #F2F1EF;font-family: '微软雅黑';color: #333;}
/*@font-face{font-family: abc;src:url(../font/abc.ttf) format("truetype");color: #333;}*//* 内外边距通常让各个浏览器样式的表现位置不同*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section{margin: 0;padding: 0;}
img{border: none;outline: none;}
li{list-style: none;}
/* 要注意表单元素并不继承父级 font 的问题*/body,
button,
input,
select,
textarea{font-size: 14px;}
input,
select,
textarea{font-size: 100%;}
/* 去掉 table cell 的边距并让其边重合*/table{border-collapse: collapse;border-spacing: 0;}
/* ie bug：th 不继承 text-align*/th{text-align: inherit;}
/* 去除默认边框*/fieldset,
img{border: none;}
/* ie6 7 8(q) bug 显示为行内表现*/iframe{display: block;}
/* 去掉 firefox 下此元素的边框*/abbr,
acronym{border: none;font-variant: normal;}
/* 一致的 del 样式*/del{text-decoration: line-through;}
address,
caption,
cite,
code,
dfn,
em,
th,
var{font-style: normal;font-weight: 500;}
/* 去掉列表前的标识，li 会继承*/ol,
ul,li{list-style: none;}
/* 对齐是排版最重要的因素，别让什么都居中*/caption,
th{text-align: left;}
/* 来自yahoo，让标题都自定义，适应多个系统应用*/h1,
h2,
h3,
h4,
h5,
h6{font-size: 100%;font-weight: 500;}
q:before,
q:after{content: '';}
/* 统一上标和下标*/sub,
sup{font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup{top: -0.5em;}
sub{bottom: -0.25em;}
/* 让链接在 hover 状态下显示下划线*/a:hover{text-decoration: underline;}
/* 默认不显示下划线，保持页面简洁*/ins,
a{text-decoration: none;}
/* 去除 ie6 & ie7 焦点点状线*/a:focus,
*:focus{outline: none;}
/* 清除浮动*/.clearfix:before,
.clearfix:after{content: "";display: table;}
.clearfix:after{clear: both;overflow: hidden;}
.clearfix{zoom: 1;/* for ie6 & ie7*/}
.clear{clear: both;display: block;font-size: 0;height: 0;line-height: 0;overflow: hidden;}
/* 设置显示和隐藏，通常用来与 js 配合*/.hide{display: none;}
.block{display: block;}
/* 设置浮动，减少浮动带来的 bug*/
.fl,.fr{display: inline;}
.fl{float: left;}
.fr{float: right;}
.pr{position:relative}
.pa{position: absolute;}
.tc{text-align: center;}
.tr{text-align: right;}
.t2em{text-indent: 2em;}
.fixed{width: 100%;height: 100px;position: fixed;left: 0;top: 0;background: #fff;z-index: 9999;box-shadow: 0px 2px 4px #bdbdbd;}
body{background: url(../images/bg.jpg) top center no-repeat;background-size: cover;position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 0;}
body.bg{background: url(../images/bgnei.jpg) ;position: inherit;}
.footer{position: fixed;width: 100%;bottom: 0;left: 0;text-align: center;background: rgba(229,225,216,.8);line-height: 1.5;padding: 10px 0;color: #8B7E6A;}
.footer.fno{position: inherit;}
.footer a{color: #8B7E6A;}
.footer a:hover{color: #333;}
.wrapper{}
.header{width: 1190px; margin: 0 auto;padding-top: 40px;overflow: hidden;}
.logo{background: url(../images/logo.png) no-repeat; width: 310px; height: 73px; display: block; float: left;}
.logo:hover{opacity: .8;}
.nav{padding-top: 10px; float: right;}
.nav li{float: left;}
.nav li a{display: block;width: 115px; height: 40px;transition:  ease-in 0.2s;}
.nav li a.gy{background: url(../images/nav-gy.png) no-repeat;background-position: left top}
.nav li a.xw{background: url(../images/nav-xw.png) no-repeat;background-position: left top}
.nav li a.syt{background: url(../images/nav-syt.png) no-repeat;background-position: left top}
.nav li a.yb{background: url(../images/nav-yb.png) no-repeat;background-position: left top}
.nav li a.sb{background: url(../images/nav-sb.png) no-repeat;background-position: left top}
.nav li a.ry{background: url(../images/nav-ry.png) no-repeat;background-position: left top}
.nav li a.lx{background: url(../images/nav-lx.png) no-repeat;background-position: left top}
.nav li a:hover{background-position: left bottom}
.nav li a.on{background-position: left bottom}

.zi{width: 480px; height: 226px;position: absolute;left: 50%; margin-left:-240px;top:50%; top: 270px ;z-index: 10;}
.zi img{vertical-align: middle;display: block;}
.yanbian{position: fixed;left: 50%; margin-left: -715px;bottom:10%;}

/* logo动画 */
			.yun{position: absolute;left: 50%;margin-left: -178px;top:180px;z-index: 1;}
		    .quan{position: absolute;left: 50%;margin-left: -125px;top:215px;z-index: 2;}
			 img.quan{-webkit-animation:change 10s linear infinite;}		
		    
			@-webkit-keyframes change {0%{-webkit-transform:rotate(0deg);} 50%{-webkit-transform:rotate(-180deg);} 100%{-webkit-transform:rotate(-360deg);} }

.banner{background: url(../images/b1.jpg) center bottom no-repeat; height: 240px;position:relative}
.banner .slide-content{top:0;bottom:0;z-index:0; height:240px; position:absolute}
.header-fixed{position:absolute;top: 0;z-index: 100;left: 50%; margin-left: -595px;}
.n_container{ padding:0 0 88px;}
.n_container .n_top{ padding:58px 0 0; height:120px; position:relative;}
.n_container .n_top .w1200{ position:relative; z-index:1;}
.n_container .n_top:before{content:"";position:absolute;z-index: 0;top:20px;left:50%;margin-left:-960px;width:1520px;height:432px;background:url(../images/n_bg.jpg) right 10px no-repeat;}
.n_container .title{background:url(../images/bird_03.jpg) center top no-repeat;height: 75px;text-align:center;margin-bottom: 45px;}
.n_container .title h1{ font-size:35px; color:#E50012; font-family:myFirstFont; font-weight:bold; margin-bottom:10px;}
.n_container .title h5{ font-size:16px; color:#7b6f61;}
hr{display: block; height: 1px; border: 0; background: #d8d8d8; padding: 0; margin-bottom: 3.25rem; margin-top: 2.5rem;}
.n_about{padding:60px 0 0;position: relative;}
.w1200{width: 1200px; margin: 0 auto;}
/*内容样式*/
.ar_article td,
.ar_article th{ padding:1rem 0.9375rem; border: 0px solid #c6c5c5;}
.ar_article td p,
.ar_article th p{ padding-bottom:0; margin-bottom:0; text-align: inherit;}
.ar_article table {border-collapse: collapse;border-right: 0px solid #ccc;border-bottom: 0px solid #ccc;width:100%}
.ar_article table td { border-left: 0px solid #ccc;border-top: 0px solid #ccc;}
.ar_article{ font-size:16px; color:#797979; line-height:32px;text-align:justify; margin-bottom:30px;}
.ar_article p{font-size:16px;color:#797979;line-height:32px;text-align:justify; margin-bottom:30px;}	
.ar_article strong{ font-weight:bold;}
.ar_article img{ max-width:100%;}
.ar_article a{ color:#717173;}
.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5{ font-weight:bold;}
.ar_article h1{ font-size:2.25rem; margin-bottom:1.25rem;}.ar_article h2{ font-size:1.875rem; margin-bottom:0.875rem;}.ar_article h3{ font-size:1.5rem; margin-bottom:0.9375rem;}
.ar_article h4{ font-size:1.125rem; margin-bottom:0.875rem;}.ar_article h5{ font-size:0.875rem; margin-bottom:0.75rem;}.ar_article h6{ font-size:0.75rem; margin-bottom:0.75rem;}
.ar_article ul li,
.ar_article ol li{ padding-bottom:0 ; margin-bottom:0 ;  list-style:inherit !important;}
.ar_article ul li p,
.ar_article ol li p{ padding-bottom:0; margin-bottom:3px !important;}
.ar_article ul,
.ar_article ol{ margin-bottom:0.9375rem;}
.ar_article sub {vertical-align:sub; font-size: smaller;}
.ar_article sup { vertical-align:super; font-size: smaller;}
.ar_article p span{ display:inline-block;}


.content .left p{font-size: 16px; color: #424242; line-height: 24px; margin-bottom: 8px; padding-left: 30px; background-position: 0 4px !important;}
.content .right .img img{border: #e5e5e5 1px solid; width: 8.4375rem; height: 8.4375rem;}
.content .right .con{padding-top: 2.75rem; text-align: right; padding-right: 1.5rem;}

/* list */
.n_gongzuo{ padding:58px 0 0;}
.n_gongzuo ul{ float:left; width:100%; margin-bottom:36px;}
.n_gongzuo ul li{ float:left; width:1160px; padding:32px 70px 32px 60px; background:rgba(205,201,198,0.2); border:rgba(119,119,119,0.2) 1px solid; margin-bottom:20px; position:relative;}
.n_gongzuo ul li .img{ float:left; background:url(../images/temp.jpg) center no-repeat; width:275px; height:205px; overflow:hidden}
.n_gongzuo ul li:hover {border-color: #E50012;}
.n_gongzuo ul li .img img{ width:275px; height:205px;transition: all 0.6s; }
.n_gongzuo ul li .img:hover  img{transform: scale(1.1);}
.n_gongzuo ul li .con{ float:right; width:828px;}
.n_gongzuo ul li .con h5{ font-size:20px; color:#4f4f4f; font-weight:bold; margin-top:30px; margin-bottom:15px;}
.n_gongzuo ul li .con h5 a{ color:#4f4f4f;}
.n_gongzuo ul li .con h5 a:hover{ color:#E50012;}
.n_gongzuo ul li .con h6{ font-size:14px; color:#7f7f7f; margin-bottom:10px;}
.n_gongzuo ul li .con p{ font-size:14px; line-height:23px; height:46px; color:#7f7f7f;}
.n_gongzuo ul li .con h6 a{display:inline-block;position:absolute;right:-42px;top:92px;background:url(../images/n_gongzuo_more.jpg) center no-repeat;width:82px;height:86px;text-align:center;font-size:15px;color:#808080;font-family:myFirstFont;line-height: 110px;}
.n_gongzuo ul li .con h6 a:hover{background:url(../images/n_gongzuo_more_on.jpg) center no-repeat;}

.n_main_box{width:100%;position:  relative;z-index: 1;}
.n_main_box .w1200{position:relative;width:1200px;height:224px;margin: 0 auto;}
.n_nav_box{height:224px; position:relative; border-bottom:rgba(119,119,119,0.25) 1px solid;}
.n_nav{ position:relative;}
.n_nav a{margin-right:34px; width:64px; height:164px; font-size:20px;float:left;color: #635d5d;text-align: center;box-sizing: border-box;position: relative; background:url(../images/n_nav_bg.jpg) center top no-repeat; padding:22px 22px 0 22px;}
.n_nav a strong{display:block; font-size:20px; color: #635d5d;position:relative;z-index:4;line-height:21px;font-weight:700; font-family:myFirstFont;}
.n_nav a:hover,.n_nav a.on{ background:url(../images/n_nav_bg_on.jpg) center top no-repeat;}
.n_nav a:hover strong,.n_nav a.on strong{ color:#fff;}
.n_up_box{ position:relative;}
.position{position:absolute;height: 24px;line-height: 24px;right: 124px;bottom: 124px;color: #9c9ca0;padding-left: 35px;font-size: 12px;background: url(../images/home_icon.png) left 3px no-repeat;}
.position span, .position a, .position i{font-size: 14px;color: #7d7c7c;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.position i{margin: 0px 5px;font-style:normal;}
.position i img{vertical-align:middle;margin-top: -2px;}
.position em{font-size: 14px;color: #aa6b1b;font-style: normal;}
.position a:hover{color: #aa6b1b;}
.n_main_box .main_box{width: 1200px;height: 80px;position:relative;margin: 0 auto;}

.n_news_detail .detail-bg{ width:1200px; background:#fff; padding:58px 50px 58px; margin: 0 auto;}
.n_news_detail .ar_title{border-bottom: #d7d7d7 1px solid;padding-bottom: 0;margin-bottom: 40px;text-align: center; position:relative;}
.n_news_detail .ar_title:before{ content:""; position:absolute; bottom:3px; left:0; width:100%; height:1px; background:#d7d7d7;}
.n_news_detail .ar_title h3{font-size: 24px;color: #585858;}
.n_news_detail .ar_title h6 span{position:relative;font-size: 14px;color: #8d8d8d;display:inline-block;height: 50px;line-height: 50px;font-weight:normal;margin: 0 7px;margin-bottom: 25px;}
.n_news_detail .ar_title h6 span i{}
.shart_box{display:inline-block;float:right;margin-top: 5px;}

.youce{/*width: 800px;float: right;*/width:100%; clear:both}
.youce .pic-list li{width: 25%; float: left; text-align: center; margin-bottom: 20px; margin-left: 0;}
.youce .pic-list li span{display: block;}
.youce .pic-list li img{margin:0 auto; display:block;width:60%}
.shike{background: url(../images/pro/n_nav_bg.png) center no-repeat;height: 64px; line-height: 64px;}
.ybyoushi{overflow: hidden;padding-left: 100px; padding-right: 100px;}
ul.ybyoushi li{width: 46%; float: left;text-align: center;background-color:#E3DEDA ;margin-right: 4%; color: #246A84;margin-left: 0;padding-top: 30px; padding-bottom: 30px;}
.ybyoushi li:last-child{margin-right: 0;margin-left: 0;}

/*page*/
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color: #E50012;}

.cat_box{margin-top: -70px;text-align:center}
.cat_box li{position: relative; display:inline-block;  padding-bottom: 3px;list-style:none;min-width:140px}
.cat_box li a{display: block;height: 50px;line-height: 50px;padding: 0 6px;background: #fff;margin: 0 0.5px;color: #3a3c3e;font-size: 16px;text-align: center;}
.cat_box li span{position:absolute; bottom:0px; left:0; width:100%;text-align:center;}
.cat_box li i{display:block; margin:0 auto; background:#E50012; text-align:center; z-index:4; height:3px; width:0;    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;}
.cat_box li.on a{color: #E50012;}
.cat_box li:hover a{color: #E50012;text-decoration:none}
.cat_box li.on i{width:100%;}
.cat_box li:hover i{width:100%;}

.n_case{ padding:30px 0}
.n_case ul{ font-size:0; margin:0 -1.09375rem}
.n_case ul li{width: 25%;display:inline-block; *display:inline; *zoom:1;margin-bottom:3.4375rem;}
.n_case ul li .pro-box{padding:0 15px;}
.n_case ul li .img{ background:#F8F8F8}
.n_case ul li .img,.n_case ul li .img img{ overflow:hidden; width:100%; position:relative; height:210px}
.n_case ul li .img a>img{ opacity:0.8;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}

.n_case ul li .con{ background:#fff; padding:15px 20px;}
.n_case ul li .con h5,.n_case ul li .con h5 a{font-size:20px;height: 1.5rem;line-height: 1.5rem; color:#4d4c51}
.n_case ul li .con h5 a span{display:inline-block;max-width: 85%;font-weight:bold;height: 1.5rem;line-height: 1.5rem;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.n_case ul li .con h5 i{ float:right;}
.n_case ul li .con h5 i img{ max-height:1.5rem}
.n_case ul li .con h6{font-size:0.875rem;color:#4d4c51;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.n_case ul li .con hr{ margin:1.125rem 0 1.25rem}
.n_case ul li .img .red-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; }
.n_case ul li .img .red-bg{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CCD4042C', endColorstr='#CCD4042C');background:rgba(212,4,44,0.8);}
:root .n_case ul li .img .red-bg{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00D4042C', endColorstr='#00D4042C');}/*for IE9*/ 
:root .n_case ul li .img .red-bg{filter:none;}/*for IE9*/
.n_case ul li .img .line { display: block; background: #fff; position: absolute; top: 50%; left: 50%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }

.n_case ul li .img .line_1 { width: 52px; height: 1px; margin: -1px 0px 0px -26px; transform: translateX(-55px); -webkit-transform: translateX(-55px); }
.n_case ul li .img .line_2 { width: 1px; height: 52px; margin: -26px 0px 0px -1px; transform: translateY(55px); -webkit-transform: translateY(55px); }

.n_case ul li  .img:hover .red-bg { opacity: 1; visibility: visible; }
.n_case ul li  .img:hover .line { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }
.n_case ul li  .img:hover img{ transform:scale(1.05);}

.ar_article .zhuanli{overflow:hidden}
.ar_article .zhuanli li{width:50%;float:left; margin-bottom:30px; margin-left:0}
.ar_article .zhuanli li img{float:left;width:200px; margin-right:20px;height:295px}
.ar_article .zhuanli li p{line-height:2; padding-right:20px}