/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;font-weight: normal;
    padding: 0;    font-family: font2018; text-align: justify;
}

/* 设置默认字体 */
body,
button, input, select, textarea { /* for ie */
    /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
  /*  font: 12px/1 "微软雅黑"; *//*Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;*/ /* 用 ascii 字符表示，使得在任何编码下都无问题 */
}

h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }

address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/* 重置列表元素 */
ul, ol { list-style: none; }

/* 重置文本格式元素 */
a { text-decoration: none; }
a:hover { text-decoration: none; }

abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
    border-bottom: 1px dotted;
    cursor: help;
}

q:before, q:after { content: ''; }

/* 重置表单元素 */
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 重置 hr */
hr {
    border: none;
    height: 1px;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html { overflow-y: scroll; }

body,html{ height:100%;}

.screen-reader-response{display: none;}


.clearfix:after{content: '';clear: both;display: block;}


	.web-ie2018{ font-family: Arial,'微软雅黑';   position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999999999999;background: #666;zoom:1;}
	.web-ie2018 dl{    position: absolute;width: 700px;height: auto;top: 50%;margin-top: -200px;left: 50%;margin-left: -350px;background: #fff;}
	.web-ie2018 dl #img{    display: block;margin: 50px auto;}
	.web-ie2018 dl h3{    display: block;text-align: center;font-size: 28px;font-weight: normal;letter-spacing: 2px;margin: 0 auto 30px;}
	.web-ie2018 dl h4{ display: block;text-align: center;font-size: 18px;font-weight: normal;letter-spacing: 2px;margin: 50px auto 50px;}
	.web-ie2018 dl dd{ margin: 0 auto 50px;  display: block;text-align: center; margin-bottom:50px;}
	.web-ie2018 dl dd a{ display: inline-block;margin: 0 20px;}
	.web-ie2018 dl dd a img{display: block;margin: 0 auto;text-align: center;width: 50%;}
	.web-ie2018 dl dd a span{display: block;font-size: 16px; color:#666;}
 
 input, button, select, textarea {outline: none;}

.p-header{ display: block;position: fixed;top: 0;left: 0;bottom: 0;z-index: 1000;padding-right: 0;box-shadow: 0 10px 25px 0 rgba(0,0,0,.1);width: 8%; }
.p-header .logo{}
.p-header .logo img{ display: block;width: 60%;margin: 40px auto 0;}
.p-header .logo span{ color: #000;font-size: 1.2em;text-align: center;display: block;margin-top: 10px;}
.p-header .logo font{ text-align: center;display: block;font-size: 13px;text-transform: uppercase;color: #000;letter-spacing: 1px;margin-top: 5px;}
.p-header .p-h-lg{ position: absolute;bottom: 40px;text-align: center;    width: 80%; left: 5%;}
.p-header .p-h-lg a{ display: inline-block;color: #666;font-size: 12px;margin: 0 5px;}


.drawer--left .p-header .drawer-hamburger{left:50%;    margin-left: -19px;     top: 50%; margin-top: -12px;}

.p-header .drawer-menu{position: relative;height: 100%; padding: 0;}
.p-header .drawer-menu .p-nav-left{ position: absolute;width: 50%;height: 100%;top: 0;left: 0;z-index: 2;}
.p-header .drawer-menu .p-nav-left dl{position: absolute;width: 80%;left: 10%;top: 50%;margin-top: -180px;}
.p-header .drawer-menu .p-nav-left dl h3{ width: 80%;margin: 0 auto;padding: 15px 0;}
.p-header .drawer-menu .p-nav-left dl h3 p{}
.p-header .drawer-menu .p-nav-left dl h3 p a{transition: all .05s; display: inline-block;color: #000;font-size: 22px;}
.p-header .drawer-menu .p-nav-right{position: absolute;width: 50%;height: 100%;top: 0;right:0%;z-index: 2;}
.p-header .drawer-menu .p-nav-right img{display: block;min-height: 100%;min-width: 100%;max-width: 100%;height: auto;object-fit: cover;-webkit-filter: grayscale(50%);}
.p-header .drawer-menu .p-nav-right dl{ position: absolute;width: 100%;top: 0;left: 0;height: 100%;background: rgba(0, 0, 0, 0.5);}
.p-header .drawer-menu .p-nav-right dl dd{position: absolute;width: 100%;left: 0;top: 50%;margin-top: -120px;}
.p-header .drawer-menu .p-nav-right dl dd h3{ display: block;color:#07cc5e;text-transform: uppercase;letter-spacing: 2px;font-size: 40px; margin:0 0 20px 10%;width: 90%;}
.p-header .drawer-menu .p-nav-right dl dd h4{display: block;overflow: hidden;margin:0 0 20px 10%;width: 90%;     line-height: 30px; letter-spacing:2px; }
.p-header .drawer-menu .p-nav-right dl dd h4 span{display: block;color: #fff;font-size: 14px;letter-spacing: 1px;margin-bottom: 10px;}
.p-header .drawer-menu .p-nav-right dl dd h4 strong{ display: block;margin: 0;font-size: 14px;letter-spacing: 1px;font-weight: normal;}
.p-header .drawer-menu .p-nav-right dl dd h4 strong font{display: inline-block;color: #fff;font-size: 14px;}
.p-header .drawer-menu .p-nav-right dl dd h4 strong a{}


.p-header .drawer-menu .p-nav-left dl h3 p a:hover,.p-header .p-h-lg a:hover{color: #094; }







.p-index{ display: block;overflow: hidden;width: 92%; margin: 0 0 0 8%;}


.in-top{ display: block;overflow: hidden; padding:0 0 0 5%; background:#efefef; }
.in-top .in-top-about{ display: block;float: left;width: 36%;padding: 10% 3% 0 0;overflow: hidden; }
.in-top .in-top-about h3{ display: block;letter-spacing: 1px;line-height:28px; margin-bottom: 2em; font-size:18px; text-transform: uppercase;color: #666;}
.in-top .in-top-about h5{ display: block;letter-spacing: 1px;line-height:28px; margin-bottom: 2em;text-transform: uppercase;color: #666;}
.in-top .in-top-about h4{ display: block;font-size:1.1em;letter-spacing: 1px;margin-bottom:50px;font-weight: normal; text-transform: uppercase; line-height: 1.2em;  color: #094;}
.in-top .in-top-about a{display: inline-block; color: #094;font-size: 1.2em;margin:0;    display: none;}
.in-top .in-top-about .fa{ transition: all .3s; font-weight: normal;font-size: 14px;margin-left: 10px;}


.in-top .swiper-container{ float: right; width:60%;height: auto;}
.bg{width:100%;height:100%;top:0;left:0;background: rgba(0, 0, 0, 0.4);position:absolute;}
.in-top .swiper-container video{display: block;width: 100%;}
.in-top .swiper-container .swiper-slide{}
.in-top .swiper-container .swiper-slide img{display: block;width: 100%;}
 
.in-top .swiper-container .swiper-button-next, .in-top .swiper-container .swiper-button-prev{    color: #fff;width: 53px;height: 53px;line-height: 54px;text-align: center;border: 1px solid #ddd;border-radius: 50%;font-weight: normal;font-size: 14px; 
    top: auto;bottom: 100px;margin: 0; right:30px; left:auto;}
.in-top .swiper-container .swiper-button-prev{right: 100px;left: auto;}
.in-top .swiper-container-horizontal>.swiper-pagination-bullets{ width: 90%;margin: 0 auto;text-align: left;left: 2%;}

.in-top .in-icon-right{    float: left;height: auto;  display: block; width: 100%;text-align: right;     position: relative; z-index: 999;    display: none; }
.in-top .in-icon-right h5{display: inline-block; background:#00bf55;position: relative;margin-top: -50px;z-index: 9; float: right;}
.in-top .in-icon-right h5 span{    display: inline-block;letter-spacing: 1px;font-size: 16px;padding: 0 60px; color: #fff; }
.in-top .in-icon-right h5 .fa{ display: inline-block;background: #094;color: #fff; padding:40px; text-align: center;}




.in-pro{display: block;overflow: hidden; background:#efefef; padding:3% 0 7% 5%;}
.in-pro h3{ display: block;float: left;width:20%;overflow: hidden;}
.in-pro h3 span{ text-transform: uppercase;display: block;font-size: 2em;line-height: 1em;margin-bottom: 10px;}
.in-pro h3 font{ display: block;font-size: 16px;letter-spacing: 1px;margin-bottom:40px;     color: #666;}
.in-pro h3 a{ display: inline-block; color: #094;font-size: 1.2em;margin:0;}
.in-pro h3 a .fa{font-weight: normal;font-size: 14px;margin-left: 10px; transition: all .3s; }
.in-pro dl{ display: block;overflow: hidden;float: right;width:78%; padding:0 2% 0 0;}
.in-pro dl a{ display: block;float: left;width: 31.333%;margin: 0 3% 0 0;}
.in-pro dl a:nth-child(3){ margin:0; }
.in-pro dl a img{ display: block;width: 100%;margin-bottom: 20px; transition: all .3s; -webkit-filter: grayscale(50%); }
.in-pro dl a h4{}
.in-pro dl a h4 span{ display: block;font-size: 18px;letter-spacing: 1px;color: #666;margin-bottom: 20px;}
.in-pro dl a h4 font{ display: inline-block;color: #094;border-bottom: 1px solid #094;font-size: 14px;letter-spacing: 1px;}
.in-pro dl a h4 strong{ display: block;letter-spacing: 1px;margin-bottom: 30px;font-size: 15px;font-weight: normal;color: #000;}





.in-inews{display: block;overflow: hidden; padding:6% 0 6% 5%;}
.in-inews h3{ display: block;float: left;width:20%;overflow: hidden;}
.in-inews h3 span{ text-transform: uppercase;display: block;font-size: 2em;line-height: 1em;margin-bottom: 10px;}
.in-inews h3 font{ display: block;font-size: 16px;letter-spacing: 1px;margin-bottom:40px;    color: #666;}
.in-inews h3 a{ display: inline-block; color: #094;font-size: 1.2em;margin:0;}
.in-inews h3 a .fa{font-weight: normal;font-size: 14px;margin-left: 10px; transition: all .3s;}
.in-inews dl{ display: block;overflow: hidden;float: right;width:78%; padding:0 2% 0 0;}
.in-inews dl a{ display: block;float: left;width: 31.333%;margin: 0 3% 0 0;}
.in-inews dl a:nth-child(3){ margin:0; }
.in-inews dl a img{ display: block;float: left;width: 100%;   transition: all .3s;  -webkit-filter: grayscale(50%);}
.in-inews dl a h4{ display: block;float: right;width: 46%;}
.in-inews dl a h4 span{ display: block;letter-spacing: 1px;color: #444;font-size: 16px;line-height: 26px;margin-bottom: 10px;}
.in-inews dl a h4 font{ color: #999;letter-spacing: 1px;font-size: 14px;}



.p-form{display: block;overflow: hidden; padding: 5% 0 6% 5%; background: #f8f8f8; }
.p-form h3{ display: block;float: left;width: 20%;overflow: hidden;}
.p-form h3 span{text-transform: uppercase; display: block;font-size: 2em;line-height: 1em;margin-bottom: 10px;}
.p-form h3 font{ display: block;font-size: 16px;letter-spacing: 1px;     color: #666;     margin-bottom: 30px; }
.p-form form{ display: block;overflow: hidden;float: right;width: 70%;background:#f3f3f3;padding:4% 2% 5% 4%;}
.p-form form h5{ display: block;float: left;width: 26%;margin: 0 4% 0 0;overflow: hidden;}
.p-form form h5 strong{ display: block;color: #666;font-weight: normal;letter-spacing: 0;line-height: 1em;margin-bottom: 4px;font-size: 15px;}
.p-form form h5 input{display: block;padding: 19px 0;background: none;border: 0;border-bottom: 1px solid #aaa;width: 100%;font-size: 14px;outline: 0;color: #999;}
.p-form form .sub{display: inline-block;border: 0;background: none;color: #666;font-size: 1.2em; cursor:pointer;float: right;}
.p-form form .sub .fa{ font-weight: normal;font-size: 14px;margin-left: 10px;}

.p-form h3 a{ display: inline-block;color: #094;font-size: 1.2em;margin: 0;}
.p-form h3 a .fa{ font-weight: normal;font-size: 14px;margin-left: 10px;transition: all .3s;}
.p-form h3 a:hover .fa{margin-left: 30px;}

.p-form form h5 input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #999;}
.p-form form h5 input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #999;}
.p-form form h5 input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #999;}
.p-form form h5 input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:   #999;}

.footer{ display: block;overflow: hidden;background: #eee;padding: 3% 5%;}
.footer dd{ display: block;overflow: hidden;    padding: 0 0 2%;   }
.footer dd h3{ display: block;overflow: hidden;float: left;}
.footer dd h3 p{display: block;overflow: hidden;margin-bottom:6px;}
.footer dd h3 p a{display: inline-block;color: #666;letter-spacing: 1px;font-size: 13px;}
.footer dd h4{ display: block;float: left;overflow: hidden;margin-left:35%;}
.footer dd h4 span{ display: block;color: #666;letter-spacing: 1px;font-size: 13px;margin-bottom: 6px;}
.footer dd h4 strong{ display: block;overflow: hidden;margin-bottom: 6px;font-weight: normal;}
.footer dd h4 strong font{ display: inline-block;color: #666;font-size: 14px;letter-spacing: 1px; }
.footer dd h4 strong a{ display: inline-block;color: #666;font-size: 13px;letter-spacing: 1px; }
.footer dd #share{ display: inline-block;float: right;}
.footer dd #share a{ background: none;color: #666;letter-spacing: 1px;font-size: 13px;display: block;margin: 0 0 6px 0;padding: 0;width: 100%;font-family: font2018;}
.footer dt{  border-top: 1px solid #e0e0e0; padding-top:2%;  margin-top: 2%; display: block;overflow: hidden;   }
.footer dt h3{ display: block;color: #666;font-size: 12px;letter-spacing: 1px;float: left;}
.footer dt h4{ display: block;color: #666;font-size: 12px;letter-spacing: 1px;float: right;}
.footer dt h4 a{ letter-spacing: 0; display: inline-block;color: #666;border-left: 1px solid #ccc;padding-left: 5px;margin-left: 5px;}
.footer dt h4 a:nth-child(1){border:0; margin:0; padding:0; }



.in-top .in-top-about a:hover .fa,.in-pro h3 a:hover .fa,.in-inews h3 a:hover .fa{  margin-left: 30px;}
.footer  a:hover,.footer dd #share a:hover,.in-inews dl a:hover h4 span{ color: #094; }
.in-inews dl a:hover img,.in-pro dl a:hover img{ -webkit-filter: grayscale(0%); }






.p-banner{ display: block;overflow: hidden;padding:0;background: #f7f7f7; position: relative; }
.p-banner .p-banner-mbx{ display: block;background: #eee;padding: 1em 5%;overflow: hidden;}
.p-banner .p-banner-mbx a,.p-banner .p-banner-mbx span,.p-banner .p-banner-mbx .fa-angle-right,.p-banner .p-banner-mbx .fa{    display: inline-block;color: #666;font-size: 14px;margin-right: 5px;     letter-spacing: 1px;}
.p-banner .p-banner-mbx-img{display: block;overflow: hidden; position: relative;}
.p-banner .p-banner-mbx-img img{ display: block;width: 100%;}
.p-banner .p-banner-mbx-img p{position: absolute;width: 100%;top: 50%;left: 0;text-align: center;overflow: hidden;     margin-top: -45px; }
.p-banner .p-banner-mbx-img p span{ text-transform: uppercase; line-height: 1em;display: block;color: #333;font-size: 2.6em;letter-spacing: 2px;}
.p-banner .p-banner-mbx-img p strong{ display: block;width: 50px;height: 1px;background: #ccc;margin: 10px auto;}
.p-banner .p-banner-mbx-img p font{    line-height: 1em;display: block;color: #333;font-size:1.2em;letter-spacing: 2px;}




.p-about{ display: block;overflow: hidden;padding: 5%;}
.p-about dd{ display: block;overflow: hidden;width:70%;margin: 2% auto;}
.p-about dd h6{ display: block;overflow: hidden;float: left;width: 30%; }
.p-about dd h6 span{display: block;font-size: 2em;letter-spacing: 1px;width: 40%;float: left;}
.p-about dd h6 strong{display: block;float: right;width: 40%;height: 1px;background: #ccc;margin: 1.5em 0 0 0;}
.p-about dd h4{ display: block;overflow: hidden;float: right;width: 69%; line-height:1.8em; letter-spacing: 2px; font-size: 1em;}
.p-about dd h4 img{width: 100%}
.p-about-1{display: block;overflow: hidden;     position: relative;   background: #666;}
.p-about-1 img{    display: block;overflow: hidden;float: left;width: 50%;}
.p-about-1 dd{ display: block;float: left;width: 40%;padding: 5% 5% 0 5%;overflow: hidden;}
.p-about-1 dd h3{ display: block;overflow: hidden;margin-bottom:1em; }
.p-about-1 dd h3 span{ display: block;float: left;color: #fff;font-size: 2em;}
.p-about-1 dd h3 font{    display: block;height: 1px;background: #ccc;float: left;width: 100px;margin: 1.5em;}
.p-about-1 dd h4{    display: block;overflow: hidden;color: #eee;line-height: 1.8em;letter-spacing: 2px;font-size: 1em;}
.p-about-2 img{    float: right;}
.p-about-2{ background:#00883c;}
.p-about-3{ background: #fff;}
.p-about-3 dd h3 span{ color:#000; }
.p-about-3 dd h4{ color:#666; }


.p-news{ display: block;overflow: hidden;padding: 5% 10%;}






.products-list{ display: block;overflow: hidden;}
.products-list .recuite-info{ display: block;overflow: hidden;background: #f8f8f8;}
.products-list .recuite-info .recuite-top{ display: block;overflow: hidden;position: relative; cursor:pointer; }
.products-list .recuite-info .recuite-top img{ display: block;width: 100%;}
.products-list .recuite-info .recuite-top p{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;background: rgba(0, 0, 0, 0.4);  -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.products-list .recuite-info .recuite-top .txt{ position: absolute;top: 50%;left: 0;width: 100%;z-index: 3; margin-top: -95px; }
.products-list .recuite-info .recuite-top .txt h3{    margin-bottom: 1.5%;}
.products-list .recuite-info .recuite-top .txt h3 span{ display: block;text-align: center;color: #fff;font-size: 3em;}
.products-list .recuite-info .recuite-top .txt h3 font{ display: block;width: 50px;height: 1px;margin: 1em auto;background: #ccc;}
.products-list .recuite-info .recuite-top .txt h4{    display: block;text-align: center;width: 80%;margin: 0 auto 1em;color: #fff;    display: none;}
.products-list .recuite-info .recuite-top .txt .i-con{    display: block;width: 50px;height: 50px;line-height: 50px;text-align: center;color: #07d663;border: 1px solid #00cc5a;border-radius: 50%;margin: 0 auto;font-size: 1.6em; position: relative;   -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.products-list .recuite-info .recuite-top .txt .i-con .fa{    position: absolute;height: 50px;line-height: 50px;width: 100%;text-align: center;display: block;left: 0;top: 0;}

.products-list .recuite-info .recuite-li{display: none;overflow: hidden;position: relative; padding:3% 15% 5%; }
.products-list .recuite-info .recuite-li a{ display: block;width: 21.25%;float: left;overflow: hidden;margin: 0 5% 5% 0;}
.products-list .recuite-info .recuite-li a:nth-of-type(4n){margin: 0;}
.products-list .recuite-info .recuite-li a img{ display: block;border-radius: 50%;width: 100%;}
.products-list .recuite-info .recuite-li a h3{display: none;}
.products-list .recuite-info .recuite-li a h3 strong{ display: block;width: 50px;height: 1px;background: #ccc;margin: 1em auto;}
.products-list .recuite-info .recuite-li a h3 span{ display: block;text-align: center;color: #333;font-size: 1.2em;}

.products-list .recuite-info .recuite-top .txt .i-con .fa-angle-up{    display: none;}
.products-list .recuite-info .on .txt .i-con .fa-angle-down{    display: none;}
.products-list .recuite-info .on .txt .i-con .fa-angle-up{   display: block;}


.products-list .recuite-info .recuite-top:hover p{ background:rgba(0, 142, 63, 0.7); }
.products-list .recuite-info .recuite-top:hover .txt .i-con{     color: #fff; border: 1px solid #fff; }

.p-bottom h3{text-align: center;margin-top: 24px;}
.p-bottom h3>span{-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    
    filter: grayscale(0%);
	
    /*filter: gray;*/    margin: 0 10px;display: inline-block;  vertical-align: middle;}

.p-bottom h3>span:nth-child(1){font-size: 17px;color: #666;}

.page-sc{ display: block;padding: 5% 0% 0;overflow: hidden;}
.page-sc h6{ display: block;letter-spacing: 2px;width: 50%;margin: 0 auto 5em;font-size: 1em; line-height: 1.8em; }
.page-sc dl{ display: block; width:100%;margin: 0 auto;  }
.page-sc dl dd{ display: block;overflow: hidden; width: 100%;}
.page-sc dl dd .page-sc-img{display: block;width: 33.3333%;overflow: hidden;margin:0; position: relative; background: #000; float: left; }
.page-sc dl dd .page-sc-img img{display: block;width: 100%; -webkit-filter: grayscale(88%); -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; opacity: 1;}
.page-sc dl dd .page-sc-img h4{ position: absolute;bottom: 0;left: 0;background: #094;padding:1em 1em;}
.page-sc dl dd .page-sc-img h4 span{display: block;font-size: 1em;float: left; color:#fff;margin-left: 5px; }
.page-sc dl dd .page-sc-img h4 strong{display: none;width: 30px;height: 1px;background: #eee;float: left;margin: 0.8em 0.5em;}
.page-sc dl dd .page-sc-img h4 font{ display: block;font-size: 18px;float: left; color:#fff;}

/*.page-sc dl dd .page-sc-img:hover img{ -webkit-filter: grayscale(0%); opacity: 1; }*/







.p-a-about{display: block;margin:3em auto;background: #ccc;width: 15%;text-align: center; padding: 1em 0;     display: none;}
.p-a-about span{display: inline-block;color: #666;}
.p-a-about strong{    display: inline-block;color: #094;margin: 0 1em 0 0;}
.p-bottom{ background: #fff;text-align: center;width: 100%;display: block;padding: 2em 0;}
.p-bottom>span{ display: inline-block;font-size: 1.4em;letter-spacing: 2px;color: #666;}
.p-bottom strong{  display: inline-block;font-size: 1.1em;margin: 0 0 0 1em;letter-spacing: 1px;display: none; }



/*huanjiang*/


.hj_list .hj_nav .activeon{
  color: #fff;background-color: #009944;
}

.p-quality{    display: block;overflow: hidden;}


.p-quality dd{ display: block;overflow: hidden;padding: 5% 0 0;}
.p-quality dd .p-q-sb{ display: block;float: left;width:50%;overflow: hidden; position: relative; margin: 0 0 0 0; }
.p-quality dd .p-q-sb img{ display: block;width: 50%; position: relative;z-index: 2; float: left; -webkit-filter: grayscale(100%);opacity: 0.7; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.p-quality dd .p-q-sb:nth-child(3) img,.p-quality dd .p-q-sb:nth-child(4) img{ float: right; }
.p-quality dd .p-q-sb h4{display: block;overflow: hidden;margin: 0 0 0 0; padding: 5% 5% 0 5%;position: relative;z-index: 2;}
.p-quality dd .p-q-sb h4 span{ font-size: 1.4em;display: block; color: #fff;  }
.p-quality dd .p-q-sb h4 strong{ display: block;width: 30px;height: 1px;background: #ddd;margin: 16px 0;}
.p-quality dd .p-q-sb h4 font{ display: block;color: #eee;letter-spacing: 0.4px;font-size: 14px;line-height: 22px;}
.p-quality dd .p-q-sb:hover img{  -webkit-filter: grayscale(0%);opacity: 1;}

.p-quality dd .p-q-sb p{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: #555;z-index: 1;}
.p-quality dd .p-q-sb:hover p{ background: #094; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; }

.p-quality dt{ display: block;overflow: hidden;padding: 0 0 0;position: relative;}
.p-quality dt h4{  display: block;overflow: hidden; width:50%; margin:5% auto 0}
.p-quality dt h4 img{ display: block;width: 20%;float: left;}
.p-quality dt p{ font-size: 1em;line-height: 1.8em;letter-spacing: 2px;   width: 50%;display: block;margin: 5% auto 0;} 





.p-contact{ display: block;padding: 5% 5%;overflow: hidden;}
.p-contact form{ display: block;overflow: hidden;margin-bottom: 3em; float: left;width:50%;}
.p-contact form h5{display: block;font-size: 1.4em;letter-spacing: 1px;margin-bottom: 1em; text-transform: uppercase;}
.p-contact form h6{    display: block;overflow: hidden;margin-bottom: 1.5em;}
.p-contact form h6 span{display: block;letter-spacing: 2px;margin-bottom: 5px;color: #666;font-size: 15px;}
.p-contact form h6 input{ display: block;width: 100%;background: #eee;border: 0;height: 40px;line-height: 40px;text-indent: 1em;}
.p-contact form .tij{ border: 0;width: 100%;text-align: center;background: #094;color: #fff;height: 40px;line-height: 40px;font-size: 1.2em;}
.p-contact .p--p-c{ display: block;float: right;width: 40%;}
.p-contact .p--p-c h3{display: block;font-size: 1.4em;letter-spacing: 1px;margin-bottom: 1em;}
.p-contact .p--p-c h4{display: block;line-height: 28px;color: #444;font-size: 1em;letter-spacing: 1px;     margin-bottom: 2em;width: 70%;text-align: left;}
.p-contact .p--p-c dd{display: block;overflow: hidden;  margin-bottom: 2em; }
.p-contact .p--p-c dd span{display: block;overflow: hidden;font-size: 1em;     margin-bottom: 5px; }
.p-contact .p--p-c dd font{display: block;line-height: 28px;color: #444;font-size: 1em;letter-spacing: 1px;}




.hj_list{width: 100%;margin: 99px auto 0;}
.hj_list .hj_nav{    margin: 0 5% 3%;}
.hj_list .hj_nav>a{display: inline-block;font-size: 15px;color: #1d1d1d;padding-bottom: 2px;margin-right: 10px;padding: 10px 55px;transition: all .5s;background: #eee;}
.hj_list .hj_nav>a:hover{color: #fff;background-color: #009944;}
.hj_list .hj_nav>.hj_act{color: #fff;background-color: #009944;}
.hj_list .hj_img{    margin: 0 5% 3%;}
.hj_list .hj_img>h3{float: left;width:24%;margin-right:1.25%;margin-bottom: 1%;}
.hj_list .hj_img>h3>img{width: 100%;-webkit-filter: grayscale(30%);
    -moz-filter: grayscale(30%);
    -ms-filter: grayscale(30%);
    -o-filter: grayscale(30%);
    
    filter: grayscale(30%);
	
    filter: gray;}
.hj_list .hj_img>h3:nth-child(4n){margin-right: 0;}
.hj_list .hj_img>h3>p{font-size: 14px;text-align: center;padding: 10px 0;    color: #666;}



.s_title{width:58%;margin: 91px auto;}
.s_title>span{font-size: 33px;color:#1d1d1d;vertical-align: middle;}
.s_title>i{display: inline-block;width: 130px;height: 1px;background-color:#cccccc;margin: 0 3%;vertical-align: middle;}
.s_title>p{font-size: 16px;color: #1d1d1d;display: inline-block;vertical-align: middle;}
.sy_img{width: 100%;height: auto;}
.sy_img>h3{width:33%;float: left;margin-right:0.5%;margin-bottom: 0.5%;}
.sy_img>h3>img{width: 100%;}
.sy_img>h3:nth-child(3n){margin-right: 0;}



.news{margin:65px 5%;     min-height: 800px;}
.news .n_l{width: 21%;float: left;}
.news .n_l>h3{position: relative;line-height: normal;font-size: 2em;font-weight: normal;letter-spacing: 2px;color: #02030a;}
.news .n_l>i{display: block;    width: 60px;height:1px;background-color: #ccc;margin-top:20px;}
.news .n_r{width: 78%;float: left;margin-top: 8px;}
.news .n_r>h4{margin-bottom: 30px;}
.news .n_r>h4>a{display: inline-block;    overflow: hidden;position: relative;padding-bottom: 10px;font-size: 16px;font-weight: normal;font-weight: normal;letter-spacing: 1px;color:#02030a;margin-right:30px;padding-bottom: 20px;transition: all .5s;}
.news .n_r>h4>a:before{    content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: transparent; transition: all .5s;}
.news .n_r>h4>a:hover:before{background-color: #ccc;}  
.news .n_r>h4>.n_act:before{background-color: #ccc;}
.news .n_r>h5{    padding: 24px 0;border-bottom:1px solid #c2c3cc;}
.news .n_r>h5>a{    display: flex;justify-content: space-between;align-items: center;position: relative;}
.news .n_r>h5>a>h3{    display: flex;width: 240px;}
.news .n_r>h5>a>h3>p{font-size: 14px;color: #02030a;width: 50%;}
.news .n_r>h5>a>h3>span{    position: relative;padding-left: 14px;color: #02030a;}
.news .n_r>h5>a>h4{    width: calc(100% - 240px);    font-weight: 300;font-size:1em;color: #02030A;letter-spacing: 1px;}
.news .n_r>h5>a>h3>span:before{ content: '';position: absolute;top: 0;bottom: 0;left: 0;width: 4px;height: 4px;margin: auto;background: #02030a;border-radius: 50%;}
.news .n_r h5 a:hover h4{    color: #094;}



 #box{display: block;float: left;width:100%;overflow: hidden;position: relative;}
 #box video{display: block;width: 100%;}
 #box dt{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;    transition: 0.8s;}
 #box .cover{cursor:pointer; position: absolute;width: 100%;height: 100%;top: 0;left: 0; background: #333; z-index: 2;}
 #box .cover #imgbg{opacity: 0.5; position: absolute;width: 100%;height: 100%;left: 0;top: 0; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
 #box .fa{     z-index: 2;position: absolute;top: 50%;left: 50%;color: #fff;font-size: 36px;font-weight: normal;width: 80px;height: 80px;text-align: center;line-height: 80px;border: 2px solid #fff;border-radius: 50%;margin: -52px 0 0 -52px;}
 #box .fa:before{ margin-left: 15px;}

.tabs{width: 100%;margin-bottom:50px;position: relative;}
.tabs>i{display:block;width: 1px;height: 100%;background-color: #fff;position: absolute;top: 0;}
.tabs>i:nth-child(1){left: 12%;}
.tabs>i:nth-child(2){left: 25%;}
.tabs>i:nth-child(3){left: 39%;}
.tabs>i:nth-child(4){left: 50%;}
.tabs>i:nth-child(5){left: 66%;}
.tabs>i:nth-child(6){left: 81%;}

.tabs .tab_tit{background-color: #ccc;}
.tabs .tab_tit span{display: inline-block;text-align: center;padding:10px 0;font-size: 16px;color: #333;float: left;}
.tabs .tab_tit span:nth-child(1){width: 12%;}
.tabs .tab_tit span:nth-child(2){width: 13%;}
.tabs .tab_tit span:nth-child(3){width: 14%;}
.tabs .tab_tit span:nth-child(4){width: 11%;}
.tabs .tab_tit span:nth-child(5){width: 16%;}
.tabs .tab_tit span:nth-child(6){width: 15%;}
.tabs .tab_tit span:nth-child(7){width: 19%;}

.tabs .tab_txts>span{display: inline-block;text-align: center;padding:9px 0;font-size: 13px;color: #333;float: left;}
.tabs .tab_txt .tab_txts{background-color: #eeeeee;}
.tabs .tab_txt .tab_txts:nth-child(2n){background-color:#f8f8f8;}
.tabs .tab_txts span:nth-child(1){width: 12%;}
.tabs .tab_txts span:nth-child(2){width: 13%;}
.tabs .tab_txts span:nth-child(3){width: 14%;}
.tabs .tab_txts span:nth-child(4){width: 11%;}
.tabs .tab_txts span:nth-child(5){width: 16%;}
.tabs .tab_txts span:nth-child(6){width: 15%;}
.tabs .tab_txts span:nth-child(7){width: 19%;}

.tabs .tab_txt .tab_txts:last-child{border-bottom: 1px solid #eee;}
.tab_big h3{text-align: left;margin-bottom:20px;font-size:16px;color: #444;    letter-spacing: 1px;}





@media screen and (max-width:1500px)
{

.in-top .in-top-about h4{    font-size: 1.9em !important;
    line-height: 24px;}
    .in-top .in-top-about h4:nth-child(2){font-size: 0.9em !important;}
    .in-top .in-top-about h5{font-size: 0.9em;}
.in-top .in-top-about{padding: 8% 2% 0 0;width: 37%;}
.in-inews dl a h4 span{ font-size: 14px;}
.p-header .logo font{font-size:12px;}
.p-header .drawer-menu .p-nav-right dl dd h3{    font-size: 30px;}
.p-form h3 span,.in-inews h3 span,.in-pro h3 span{    font-size: 1.6em;}
.page-sc dl dd .page-sc-img h4 span{font-size:16px;}
.p-about dd{ width:80%; }
.p-about dd h6 span{ font-size:1.8em;     width: 60%;}
.p-about-1 dd h4{letter-spacing: 1px;font-size: 15px;}
.p-about-3 dd h3 span{ font-size:1.8em;  }

.p-header .logo img{ width:70%;}
.p-contact .p--p-c h4{width: 100%;}
.in-pro dl a h4 span{font-size: 16px;}
.s_title{width: 86%;}







 }