/* 清除内外边距 */
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 表单元素 */select,option,
th, td { /* table elements 表格元素 */
    margin: 0;
    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 {  } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

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

/* 重置文本格式元素 */
a { text-decoration: none; }
a:hover { text-decoration: none; }
a.current {background-color: red;}
li.page_item.page-item-55.current_page_item {  color: #d0000e; border-left: 4px solid #d0000e;}
li.page_item.page-item-53.current_page_item {  color: #d0000e; border-left: 4px solid #d0000e;}
li.page_item.page-item-57.current_page_item {  color: #d0000e; border-left: 4px solid #d0000e;}  
li.page_item.page-item-16.current_page_item {  color: #d0000e; border-left: 4px solid #d0000e;}  
li.page_item.page-item-18.current_page_item {  color: #d0000e; border-left: 4px solid #d0000e;}
li.page_item.page-item-20.current_page_item {  color: #d0000e; border-left: 4px solid #d0000e;}   


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;
}


*:focus{
	outline:none;}


audio, canvas, progress, video {display: inline-block;vertical-align: baseline;}
video::-internal-media-controls-download-button {display:none;}
video::-webkit-media-controls-enclosure {overflow:hidden;}
video::-webkit-media-controls-panel {width: calc(100% + 30px); }

html,body{height:100%;     background: #fff;}
h2.screen-reader-text { display: none;}


	.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;}


 



.drawer-hamburger{display: none;}
.header{ display: block;width: 100%;position: absolute;padding: 0;height: 120px;border-bottom: 1px solid #eee; background: #fff; z-index: 999;top:0; left:0; }
.header .logo{ display: inline-block;float: left;overflow: hidden;margin: 0 0 0 5%;min-width: 210px;}
.header .logo img{ display: block; margin: 20px 0 0 0; height: 50px; }


.header .nav{ display: block; float: right;     margin: 0 5% 0 0; }
.header .nav .nav-a{display: block;float: left;position: relative; }
.header .nav .nav-a:last-child{ padding:0 0 0 36px; }
.header .nav .nav-a .nav-a-b-1{ transition: all .1s; display: block;line-height: 90px;color: #333;font-weight: bold;letter-spacing: 2px;font-size: 18px;padding: 0 36px;     overflow: hidden;  position: relative; }
.header .nav .nav-a .nav-a-b-1 p{ transition: all .3s;   position: absolute;height: 2px;width: 100%;background: #d0000e; bottom: 0;left: -100%;opacity: 0;z-index: 3;}
.header .nav .nav-a .nav-a-b{ position: absolute;top: 90px;width: 100%;     box-shadow: 0 0 5px 0 rgba(0,0,0,.06);    display: none; background: #fff;padding: 20px 0;}
.header .nav .nav-a .nav-a-b a{display: block;color: #666;font-weight: bold;line-height: 40px; padding: 0 36px;transition: all .05s;    font-size: 14px;}
.header .nav .nav-a:last-child .nav-a-b-1{    padding: 0;}
.header .nav .nav-a:hover .nav-a-b{    display: block; }
.header .nav .nav-a:hover .nav-a-b-1 p{  opacity:1;     left: 0; }
.header .nav .nav-a .nav-a-b a:hover{background: #d0000e; color:#fff;}
.header .nav .nav-a:hover .nav-a-b-1{ color:#d0000e}


.header .header-top{ text-align: right; background: #d0000e;height: 30px;width: 90%;padding: 0 5%;overflow: hidden;}
.header .header-top a{ display: inline-block;line-height: 10px;color: #fff;font-size: 13px;letter-spacing: 0;border-left: 1px solid #ddd;margin: 10px 0 0 15px;padding: 0 0 0 15px;}
.header .header-top a:first-of-type{ padding: 0; border: 0;}

.header .header-top h3{ display: inline-block;margin-right: 30px;color: #fff;font-weight: normal;}
.header .header-top h3 a{ font-weight: 600; margin: 10px 0 0 0; letter-spacing: 1px; font-size: 14px;  }







/*
.banner{  margin-top: 110px;   width: 100%; display: block;overflow: hidden;     position: relative; height: 100%;}
.banner img{  display: block; width: 100%;}
.banner .swiper-container .swiper-wrapper .swiper-slide{}
.banner .swiper-container .swiper-wrapper .swiper-slide .txt{ margin: 0 auto;text-align: center;color: #fff;display: block;width: 100%;overflow: hidden;}
.banner .swiper-container .swiper-wrapper .swiper-slide .in-banner-txt{ display: block;width: 85%;margin: 0 auto;position: relative;}
.banner .swiper-container .swiper-wrapper .swiper-slide .in-banner-txt h3{ color:#fff; text-shadow: rgba(0, 0, 0, 0.71) 2px 3px 10px; display: block;font-size: 70px;font-weight: bold;letter-spacing: 6px; }
.banner .swiper-container .swiper-wrapper .swiper-slide .in-banner-txt h4{ color:#fff; text-shadow: rgba(0, 0, 0, 0.71) 2px 3px 10px; display: block;letter-spacing: 2px;font-size: 20px; margin:30px 0 50px; width:50%; font-weight: normal; }
.banner .swiper-container .swiper-wrapper .swiper-slide .in-banner-txt h5{ color:#fff; text-shadow: rgba(0, 0, 0, 0.71) 2px 3px 10px; display: block;letter-spacing: 2px;font-size: 24px; margin:0 0 30px;  font-weight: normal; }

*/





.banner{ display: block;overflow: hidden;position: relative;    max-height: 100%;}
.banner video{ display: block;width: 100%; height:auto; overflow: hidden;}
.banner img{display: none;}
.banner .txt{ position: absolute;width: 100%;top: 0;left: 0;height: 100%;    background-image: url(../images/video_texture.png);background-blend-mode: screen;background-repeat: repeat;background-color: rgba(0, 0, 0, 0.1);}
.banner .txt h3{ position: absolute;width: 90%;left: 5%;top: 50%;z-index: 4;overflow: hidden; margin-top: -50px; }
.banner .txt h3 span{display: block;color: #fff;font-weight: bold;font-size: 30px;letter-spacing:6px;text-align: center; text-shadow: 0 0 0.1em #000;}
.banner .txt h3 span font{ display: inline-block; font-size: 40px;    color: #fff; }
.banner .txt h3 strong{ display: block;color: #fff;font-size: 60px; line-height: 1em; margin:60px 0 0; letter-spacing: 6px;text-align: center;text-shadow: 0 0 0.1em #000; }
.banner .txt h3 a{     text-align: center;border-radius: 4px;display: block;overflow: hidden;width: 160px;height: 50px;background: #d0000e;  margin:50px auto;}
.banner .txt h3 a e{display: inline-block; text-align: center;color: #fff;font-weight: normal;font-size: 14px;line-height: 50px;margin-right:10px;}
.banner .txt h3 a .fa{ display: inline-block; height: 50px;line-height: 50px;text-align: center; color: #fff;}
 
.banner .txt2{ position: absolute;right: 0;bottom: 0;z-index: 5;background: #d0000e;}
.banner .txt2 a{ position: relative;display: block;float: left;padding: 28px 76px;overflow: hidden;}
.banner .txt2 a:first-of-type{    border-right: 2px solid #eee;}
.banner .txt2 a span{ display: block;color: #fff;font-weight: bold;font-size: 20px;letter-spacing: 2px;line-height: 1em;margin-bottom: 10px;}
.banner .txt2 a font{margin-right: 30px;    display: block;font-weight: normal;font-size: 14px;color: #ddd;letter-spacing: 1px;}
.banner .txt2 a .fa{    position: absolute;top: 50%;color: #ddd;right: 40px;font-weight: normal;line-height: 40px;margin-top: -20px;}


















.in-company-title{ display: block;overflow: hidden;padding: 0; border-bottom: 1px solid #eee; height:80px; }
.in-company-title .i-c-t-1{float: left;width: 20%; display: block;position: relative;background: #d0000e; }
.in-company-title .i-c-t-1 span{  display: block;text-align: center;color: #fff;line-height:80px;font-weight: bold;font-size: 20px;letter-spacing: 1px;position: relative;z-index: 5;}
.in-company-title .i-c-t-1 font{ right: -50px;position: absolute;top: 50%;transform: translateY(-50%);width: 80px;height: 80px;display: inline-block;transform: translateY(-50%) rotate(-45deg);background: #d0000e; z-index:2;}
.in-company-title .i-c-t-2{float: left;width: 20%; display: block;position: relative;background: #fff;z-index:1;height: 80px; text-align: center; }
.in-company-title .i-c-t-2 .strong{ display: block;text-align: center;overflow: hidden;top: 50%;left: 0;margin-top: -11px;position: absolute;width: 100%;}
.in-company-title .i-c-t-2 .strong span{display: block;font-size:16px;     color: #d0000e; font-weight: bold;}
.in-company-title .i-c-t-2 .strong font{ display: block;font-size: 15px;font-weight: normal;letter-spacing: 1px;}
.in-company-title .i-c-t-2 p{ position: absolute;top: 0;right: 0;height: 100%;width: 1px;background: #ddd;}




.web-a{ text-align: center;padding: 0 0 !important;height: 39px;border-radius: 2px;display: block;width: 150px;background: #d0000e;border: 2px solid #d0000e !important;    position: relative; overflow: hidden;}
.web-a p{  transition: all .3s;  position: absolute;width: 100% !important;height: 100% !important;top: 0;left:-100%;background: #fff;z-index: 1;}
.web-a span{ display: inline-block !IMPORTANT;line-height: 40px;color: #fff !important;font-weight: normal;font-size: 12px !IMPORTANT;letter-spacing: 1px; position: relative; z-index: 2;     font-weight: bold !important;}
.web-a .fa{color: #fff !important;margin-left: 1em; position: relative; z-index: 2; }
.web-a:hover p{ left:0; }
.web-a:hover span,.web-a:hover .fa{ color:#d0000e !important; }
.web-a:hover { border: 2px solid #d0000e !important;}


.banner .swiper-container .swiper-wrapper .swiper-slide .in-banner-txt .web-a{ margin:30px 0 0 0;}












.in-news{ display: block;overflow: hidden;padding: 6% 0 0;position: relative;margin: 0 auto 6%;width: 90%;}
/*
.in-news dd{ display: block;overflow: hidden;float: left;width: 50%;}
.in-news dd a{ display: block;overflow: hidden;position: relative;}
.in-news dd a img{ display: block;width: 100%;}
.in-news dd a .p{ position: absolute;width: 91%;background: rgba(208, 0, 14, 0.6);bottom: 0;padding:30px 5%;overflow: hidden;left: 0;z-index: 2; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; }
.in-news dd a .p span{ display: block;color: #fff;font-size: 18px;letter-spacing: 1px;font-weight: bold;}
.in-news dd a .p font{ display: block;margin: 15px 0 0;color: #fff;letter-spacing: 2px;font-size: 12px;}
.in-news dd a .p .p-a{    border-radius: 2px; text-align: center;display: block;width: 150px;height: 39px;border: 1px solid #eee; position: absolute; right: 5%; bottom: 20px; }
.in-news dd a .p .p-a .p-a-a{ display: inline-block;color: #fff;font-size: 14px;font-weight: normal;letter-spacing: 1px;line-height: 39px;margin-right: 5px;}
.in-news dd a .p .p-a .fa{ display: inline-block;color: #fff;margin-left: 1em;}
.in-news dd #in-news-a{ position: relative;margin-top: 20px;}
.in-news dd #in-news-a .p{     padding: 10px 5%;   position: relative;background: none;}
.in-news dd #in-news-a .p span{color: #000;}
.in-news dd #in-news-a .p font{color: #666;}
.in-news dd #in-news-a .p-a{ background: #d0000e; bottom: auto; right: auto;   position: relative;    margin-top: 20px;}
*/ 

.in-news dt{ display: block;float: right;width:45%;overflow: hidden;margin: 0;}
.in-news dt h3{display: block;overflow: hidden;  margin-bottom: 20px;  position: relative;}
.in-news dt h3 span{ padding-right: 1em;background: #fff;display: inline-block;width: auto;color: #000;font-size: 20px;position: relative;z-index: 2;letter-spacing: 1px;font-weight: bold;height: 30px;line-height: 30px;}
.in-news dt h3 font{ position: absolute;width: 100%;height: 1px;top: 50%;left: 0;background: #ccc;z-index: 1;margin-top: -1px;}

.in-news dt a{display: block;overflow: hidden;    border-bottom: 1px solid #eee;margin-bottom: 15px;padding-bottom: 15px;}
.in-news dt a img{ display: block;float: left;width: 22%;}
.in-news dt a p{ display: block;float: right;width: 75%;overflow: hidden;}
.in-news dt a p span{ display: block;color: #000;letter-spacing: 1px;margin-bottom: 10px; font-weight: bold; font-size: 16px;}
.in-news dt a p font{ display: block;margin: 0;color: #666;letter-spacing: 2px;font-size: 12px;}

.in-news dl{ display: block;float: right;width: 16%;overflow: hidden;}
.in-news dl h3{display: block;overflow: hidden;  margin-bottom: 20px;  position: relative;}
.in-news dl h3 span{ padding-right: 1em;background: #fff;display: inline-block;width: auto;color: #000;font-size: 20px;position: relative;z-index: 2;letter-spacing: 1px;font-weight: bold;height: 30px;line-height: 30px;}
.in-news dl h3 font{ position: absolute;width: 100%;height: 1px;top: 50%;left: 0;background: #ccc;z-index: 1;margin-top: -1px;}
.in-news dl a{display: block;overflow: hidden; border-bottom: 1px solid #eee;margin-bottom: 15px;padding-bottom: 15px;}
.in-news dl a span{display: block;color: #000;letter-spacing: 1px;margin-bottom: 10px;font-weight: bold;font-size: 14px; }
.in-news dl a font{display: block;margin: 0;color: #666;letter-spacing: 2px;font-size: 12px;}
.in-news dt a:hover p span,.in-news dl a:hover span{ color: #d0000e; }


 .in-news #web-a{position: absolute; bottom: 0; left:0; }




.in-news .dd{cursor:pointer;display: block; width:52%;overflow: hidden;position: relative;     float: left;z-index: 0;} 
.in-news .dd h3{display: block;overflow: hidden;  margin-bottom: 20px;  position: relative;}
.in-news .dd h3 span{ padding-right: 1em;background: #fff;display: inline-block;width: auto;color: #000;font-size: 20px;position: relative;z-index: 2;letter-spacing: 1px;font-weight: bold;height: 30px;line-height: 30px;}
.in-news .dd h3 font{ position: absolute;width: 100%;height: 1px;top: 50%;left: 0;background: #ccc;z-index: 1;margin-top: -1px;}
.in-news .dd #box{cursor:pointer;display: block; width:100%;overflow: hidden;position: relative;  margin-bottom: 50px;   float: left;z-index: 0;}
.in-news .dd #box video{display: block;width: 100%;}
.in-news .dd #box dt{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;    transition: 0.8s;}
.in-news .dd #box .cover{cursor:pointer; position: absolute;width: 100%;height: 100%;top: 0;left: 0;  z-index: 2;}
.in-news .dd #box .cover #imgbg{opacity: 1; position: absolute;width: 100%;height: 100%;left: 0;top: 0; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.in-news .dd #box .fa{ z-index: 2;position: absolute;top: 50%;left: 50%;color:#d0000e;font-size: 70px;font-weight: normal;border-radius: 50%;margin: -35px 0 0 -35px;}
.in-news .dd #box:hover .fa{ color:#fff; }
.in-news .dd #box dt img{-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.in-news .dd #box:hover dt img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}


.in-news dt .web-a{    margin: 50px 0 0 0;}












/*
.in-pro{ display: block;overflow: hidden;width: 100%;margin:0 auto;     border-top: 1px solid #eee; }
.in-pro a{display: block;float: left;width: 50%;overflow: hidden;position: relative;}
.in-pro a dd{ display: block;position: relative;overflow: hidden;width: 50%;float: left;}
.in-pro a dd img{ display: block; width: 100%;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.in-pro a dd .fa{ position: absolute;top: 50%;color: #000;right: 0;font-size: 40px;margin-top: -20px;}
.in-pro a dt{ width: 35%;overflow: hidden;position: absolute;top: 0;right: 0;height: 80%;background: #eee;padding: 5% 5% 5% 10%;margin: 0;}
.in-pro a dt h3{display: block;overflow: hidden;}
.in-pro a dt h3 span{ color: #d0000e;display: block;font-size: 26px;font-weight: bold;float: none;letter-spacing: 2px;}
.in-pro a dt h3 font{ display: block;width: 50px;height: 2px;background: #d0000e;margin: 30px 0;}
.in-pro a dt h4{ font-weight: bold;font-size: 16px;line-height: 30px;min-height: auto;letter-spacing: 1px;color: #222;}
.in-pro a dt .fa{ display: block;width: 46px;height: 46px;color: #777;border: 1px solid #777;text-align: center;line-height: 46px;font-size: 20px;position: absolute;bottom: 40px; font-size: 16px;    border-radius: 4px; }

.in-pro #a1 dd .fa{ right: auto;left: -1px;color: #fff;}
.in-pro #a2 dd .fa{color: #d0000e;right: -1px;}

.in-pro #a1 dd{ margin-left: 50%;}
.in-pro #a2 dt{ right: 0;}
 
.in-pro #a1 dt{ background: #fff;    right: 50%;}
.in-pro #a2 dt{ background: #d0000e;}
 
.in-pro #a2 dt h3 span,.in-pro #a2 dt h4{ color:#fff;; }
.in-pro #a2 dt .fa{ color: #eee;border: 1px solid #eee; }
.in-pro #a2 dt h3 font{ background: #f8f8f8;}



.in-pro a:hover dt .fa{ color: #fff; border: 1px solid #d0000e; background: #d0000e;}

.in-pro #a2:hover dt .fa{color: #d0000e; border: 1px solid #fff; background: #fff;}
 

.in-pro a:hover dd img,.in-company dt:hover img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
*/













.in-one{ display: block;overflow: hidden;padding:6%  5%;background: #eee;}
.in-one dl{display: block;overflow: hidden;}
.in-one dl a{ display: block;float: left;width: 30%;overflow: hidden;margin: 0 5% 0 0;}
.in-one dl a:nth-child(3n){margin:0;}
.in-one dl a img{ display: block;width: 100%;border-radius: 2px;}
.in-one dl a .txt{display: block;overflow: hidden;}
.in-one dl a .txt h3{display: block;overflow: hidden;    position: relative;    margin:50px 0 20px;}
.in-one dl a .txt h3 span{ padding-right: 1em;background: #eee;display: inline-block;width: auto;color: #000;font-size: 20px;    position: relative;z-index: 2;letter-spacing: 1px;font-weight: bold;height: 30px;line-height: 30px;}
.in-one dl a .txt h3 font{ position: absolute;width: 100%;height: 1px;top: 50%;left: 0;background: #ccc;z-index: 1;margin-top: -1px;}






.in-two{display: block;overflow: hidden;padding:6%  5%;background: #eee;}
.in-two dl{display: block;overflow: hidden;    position: relative;}
.in-two dl a{ display: block;position: relative;overflow: hidden;width: 30%;float: left;margin:0 5% 0 0;}
.in-two dl a:nth-child(3n){margin:0;}
.in-two dl a img{ display: block;width: 100%;}
.in-two dl a .p{ position: relative;width: 84%;bottom: 0;background: #fff;padding:8%}
.in-two dl a .p h3{ display: block;letter-spacing: 2px;color: #000;}
.in-two dl a .p h4{ display: block;overflow: hidden;position: relative;margin: 30px 0;}
.in-two dl a .p h4 span{ padding-right: 1em;background: #fff;display: inline-block;width: auto;color: #000;font-size: 20px;position: relative;z-index: 2;letter-spacing: 1px;font-weight: bold;height: 30px;line-height: 30px;}
.in-two dl a .p h4 font{position: absolute;width: 100%;height: 1px;top: 50%;left: 0;background: #ccc;    margin-top: -1px;}

.in-two dl a .txt{position: absolute;top: 16%;left: 8%;width: 84%;}
.in-two dl a .txt  span{ font-weight: bold;font-size: 20px;display: block;color: #d0000e;letter-spacing: 2px;margin-bottom: 30px;}
.in-two dl a .txt  font{ font-weight: bold;color: #666;font-size: 20px;letter-spacing: 1px;}



.in-brand{ display: block;overflow: hidden;position: relative;   background: url(/style/images/in-brand-bg1.jpg) fixed 50% 0 no-repeat;}
.in-brand dl{ margin: auto;padding: 80px 0 110px 0;max-width: 960px;text-align: center;background: url(../images/in-b-icon.png) 50% 50% no-repeat; }
.in-brand dl p{display: block;text-align: center;color: #fff;letter-spacing: 1px;font-size: 14px;margin: 0 0 60px 0;}
.in-brand dl span{ display: block;color: #fff;font-size: 18px;font-weight: bold;letter-spacing: 2px;}
.in-brand dl font{ display: block;text-align: center;color: #fff;letter-spacing: 1px;font-size: 16px;margin: 0 0 30px 0;}
.in-brand dl strong{ display: block;color: #fff;letter-spacing: 2px;font-size: 40px;margin: 30px 0;}
.in-brand dl a{position: relative; border-radius: 2px; text-align: center;display: block;width: 150px;height: 39px;border: 1px solid #d0000e;background: #d0000e;    margin: 0 auto; padding: 0; }
.in-brand dl a p{display: inline-block;color: #fff;font-size: 14px;font-weight: normal;letter-spacing: 1px;line-height: 39px;margin-right: 5px;}
.in-brand dl a .fa{display: inline-block;color: #fff;margin-left: 1em;}









.footer{ display: block;overflow: hidden;padding: 4em 0 0;background: #333;}

.footer .f-one{ display: block;width: 90%;overflow: hidden;margin: 0 auto;}
.footer .f-one dd{ display: block;float: left;width: 16.66666%;overflow: hidden;}
.footer .f-one dd h3{ display: block;overflow: hidden;margin-bottom: 10px;}
.footer .f-one dd h3 a{ display: inline-block; overflow: hidden;}
.footer .f-one dd h3 a span{ display: inline-block;color: #fff;font-size: 16px;margin-right: 10px; letter-spacing: 2px; }
.footer .f-one dd h3 a .fa{ color: #fd0011;font-size: 20px;font-weight: normal;}
.footer .f-one dd h4{}
.footer .f-one dd h4 a{display: block;color: #ddd;letter-spacing: 2px;font-weight: normal;font-size: 14px;padding: 5px 0;}

.footer .f-two{ display: block;width: 90%;overflow: hidden;margin:5em auto 2em;}
.footer .f-two form{ display: block;float: left;overflow: hidden; width: 400px;     position: relative; }
.footer .f-two form h6{ display: block;letter-spacing: 2px;color: #fff;font-weight: normal;font-size: 14px;margin-bottom: 20px;}
.footer .f-two form #e-mail{ display: block;float: left;width: 300px;border: 0;height: 30px;line-height: 30px;text-indent: 1em;font-size: 14px;background: #fff;}
.footer .f-two form .btn{  cursor:pointer;  display: block;float: left;height: 30px;border: 0;text-align: center;width: 100px;background: #d0000e;color: #fff;font-size: 14px;line-height: 30px;}

.footer .f-two form .sml_email{}
.footer .f-two form .sml_email label{display: none;}
.footer .f-two form .sml_email .sml_emailinput{display: block;float: left;width: 300px;border: 0;height: 30px;line-height: 30px;text-indent: 1em;font-size: 14px;background: #fff;}

.footer .f-two form .sml_thankyou{ position: absolute;font-size: 13px;line-height: 30px;color: #d0000e;right: 106px;}




.footer .f-two dd{ display: block;float: right;overflow: hidden;}
.footer .f-two dd h3{    display: inline-block;margin-left: 2em;overflow: hidden;}
.footer .f-two dd h3 img{ display: block; margin: 0 auto; height: 70px;}
.footer .f-two dd h3 span{ display: block;color: #eee;font-weight: normal;font-size: 13px;margin: 10px 0 0 0;}

.footer .f-three{ display: block;background: #111;padding: 16px 5%;overflow: hidden;text-align: left;width: 90%;}
.footer .f-three h3{     float: left; text-align: left;display: block;color: #ddd;font-weight: normal;letter-spacing: 0;font-size: 13px;}
.footer .f-three h3 a{     line-height: 20px;display: inline-block;color: #ddd;margin: 0 10px;}
.footer .f-three h3 a img{  margin-right: 5px;    display: inline-block;  vertical-align: top;}
.footer .f-three #se{display: inline-block;float: right;color: #ccc;font-size: 13px;}


.footer .f-two dd h4{ display: block;float: left;overflow: hidden; margin: 10px 30px 0 0; }
.footer .f-two dd h4 strong{ display: block;font-size: 14px;color: #fff;font-weight: normal;letter-spacing: 1px;margin-bottom: 10px;}












.page-b-title{     background: #eee; margin-top: 121px; display: block;overflow: hidden;}
.page-b-title dd{ display: block;overflow: hidden;width: 80%;margin: 0 auto;}
.page-b-title dd a,.page-b-title dd .fa,.page-b-title dd span{ display: block;float: left;margin: 0 10px 0 0;line-height: 60px;color: #666;font-size: 14px;letter-spacing: 1px;  }
.page-b-title dd a{ color: #d0000e; }
.page-b-title dd .fa{}
.page-b-title dd span{}





.p-center{ display: block;width: 80%;margin:80px auto 120px;overflow: hidden;}



.page-left-title{ display: block;overflow: hidden;float: left;width: 20%;}
.page-left-title dd{ display: block;overflow: hidden;}
.page-left-title dd a{display: block;line-height: 70px;color: #222;font-weight: bold;font-size: 20px; border-left: 4px solid #eee; padding-left: 20px;}
.page-left-title dd a:hover,.page-left-title dd .activing{ color: #d0000e;border-left: 4px solid #d0000e;}


.page-left-title dd .son{}
.page-left-title dd .son a{ font-size: 14px;line-height: 40px;color: #666;display: block; }



.page-left-title .page-left-bottom-titles{ display: block;overflow: hidden;margin: 70px 0 0 0;}
.page-left-title .page-left-bottom-titles a{ display: block;overflow: hidden;margin-bottom: 30px;}
.page-left-title .page-left-bottom-titles a strong{ display: block;color: #000;font-size: 16px;}
.page-left-title .page-left-bottom-titles a span{ display: block;color: #666;font-size: 15px;letter-spacing: 1px;text-align: justify;margin: 15px 0;}
.page-left-title .page-left-bottom-titles a font{ color: #d0000e;font-weight: bold;font-size: 15px;}
.page-left-title .page-left-bottom-titles a font .fa{margin-left: 10px;}






 

.page-right{ display: block;overflow: hidden;width: 80%;     float: right;}
.page-right h6{ display: block;overflow: hidden;     margin-bottom: 50px;}
.page-right h6 strong{ font-size: 38px;font-weight: normal;color: #333;    line-height: 1em;}
.page-right h6 font{display: block;width: 55px;height: 2px;margin: 30px 0;background-color: #d0000e;}



.page-right .pro-desc{ display: block;overflow: hidden;}
.page-right .pro-desc strong{display: block;font-size: 20px;letter-spacing: 1px;margin-bottom: 20px;}
.page-right .pro-desc p{display: block;text-align: justify;letter-spacing: 1px;font-size: 16px;line-height: 26px; margin-bottom:120px;  color: #444;   font-weight: bold;}

.page-right .pro-desc h5{display: block;overflow: hidden;font-size: 18px;margin-bottom: 30px;}



.page-right .fb{    display: block;margin-bottom: 60px;font-size: 20px;font-weight: bold;letter-spacing: 2px;}




.page-contact,.page-about,.page-about-jg,.page-about-history,.page-news{display: block;overflow: hidden; }
.page-contact dd{ display: block;overflow: hidden; padding-bottom: 50px;margin-bottom: 50px;    border-bottom: 1px solid #ddd;}
.page-contact dd h3{display: block;font-size: 30px;letter-spacing: 1px;margin-bottom: 30px; color: #d0000e; }
.page-contact dd h4{ display: block;overflow: hidden;}
.page-contact dd h4 span{ display: block;font-weight: normal;font-size: 16px;letter-spacing: 1px;margin-bottom: 12px;color: #888;}
.page-contact dd h4 span a{display: inline-block;color: #444;margin: 0 20px 0 0;}
.page-contact dl{display: block;overflow: hidden;}
.page-contact dl form{ display: block;overflow: hidden;}
.page-contact dl form h3{ display: block;overflow: hidden;margin-bottom: 20px; width:45%;  float: left;   padding-right: 5%;}
.page-contact dl form h3 font{ display: block;font-weight: normal;letter-spacing: 1px;color: #666;margin-bottom: 5px;     font-size: 15px;}
.page-contact dl form h3 input,.page-contact dl form h3 select,.page-contact dl form h3 option{    display: block;border: 0;width: 100%;background: #eee;height: 34px;line-height: 34px;text-indent: 1em;font-size: 13px;}
.page-contact dl form h3 select,.page-contact dl form h3 option{}
.page-contact dl form .btn-submit{transition: all .1s; text-align: center;height: 40px;border-radius: 2px;display: block;width: 150px;background:none;border: 2px solid #d0000e;position: relative;overflow: hidden;color: #d0000e;cursor: pointer;line-height: 30px;font-size: 15px;}
.page-contact dl form .btn-submit:hover{ background:#d0000e; color: #fff;}



.page-about .txt{ display: block;overflow: hidden;font-weight: bold;letter-spacing: 1px;text-align: justify;line-height: 30px;color: #444;font-size: 18px;     border-bottom: 1px solid #ddd;margin-bottom: 50px;padding-bottom: 50px;}


.page-about .txt #box{cursor:pointer;display: block; width:46%;overflow: hidden;position: relative;     float: left;}
.page-about .txt #box video{display: block;width: 100%;}
.page-about .txt #box dt{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;    transition: 0.8s;}
.page-about .txt #box .cover{cursor:pointer; position: absolute;width: 100%;height: 100%;top: 0;left: 0;  z-index: 2;}
.page-about .txt #box .cover #imgbg{opacity: 1; position: absolute;width: 100%;height: 100%;left: 0;top: 0; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.page-about .txt #box .fa{ z-index: 2;position: absolute;top: 50%;left: 50%;color:#d0000e;font-size: 70px;font-weight: normal;border-radius: 50%;margin: -35px 0 0 -35px;}
.page-about .txt #box:hover .fa{ color:#fff; }
.page-about .txt #box dt img{-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.page-about .txt  #box:hover dt img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}

.page-about .txt .test{ display: block;float: right;width:100%;}
.page-about .txt .test strong{ font-size: 30px;color: #d0000e;letter-spacing: 1px;margin-bottom: 18px;display: block;}
.page-about .txt .test p{ display: block;font-size: 16px;text-align: justify;letter-spacing: 1px;color: #444;}

.page-about .txt .p-title-icon,.page-about .p-about-bottom-news .p-title-icon,.p-about-bottom .p-title-icon,.page-about-ry .p-title-icon{    margin-bottom: 30px;}

.page-about .txt #about-img{ display: block; width:100%;     margin-bottom: 50px; }

.page-about-ry{display: block;overflow: hidden;}
.page-about-ry dl{display: block;overflow: hidden;}
.page-about-ry dl dd{ display: block;overflow: hidden;float: left;width: 23.5%;margin: 0 2% 0 0;position: relative;}
.page-about-ry dl dd:last-child{  margin:0; }
.page-about-ry dl dd #img{  display: block; width:100%; }
.page-about-ry dl dd strong{  transition: all .1s;   opacity:1; position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;background: rgba(238, 238, 238, 0.99);}
.page-about-ry dl dd p{position: absolute;width: 100%;top: 50%;z-index: 2;left: 0; margin-top: -51px; transition: all .3s; }
.page-about-ry dl dd p img{ display: block;border: 1px solid #d81e06;border-radius: 50%;width: 50px;padding: 6px;margin: 0 auto 20px;}
.page-about-ry dl dd p span{ display: block;text-align: center;font-weight: bold;font-size: 14px;letter-spacing: 1px;}
.page-about-ry dl dd:hover strong{     opacity: 0; }
.page-about-ry dl dd:hover p{top:-100%;}


.p-title-icon{ text-align: left; display: block;overflow: hidden;}
.p-title-icon strong{ display: inline-block;background: #d0000e;width: 30px;height: 26px;vertical-align: top;margin-right: 5px;}
.p-title-icon span{ display: inline-block;background: #d0000e;width: 10px;height: 26px;vertical-align: top;margin-right: 5px;}
.p-title-icon font{ display: inline-block;color: #000;font-size: 24px;font-weight: normal;line-height: 26px; margin-left: 20px; }




.page-about .p-about-bottom{ display: block;overflow: hidden;padding-top: 50px;border-top: 1px solid #ddd;margin-top: 50px;}
.page-about .p-about-bottom h3{ display: block;overflow: hidden;margin-bottom: 50px;font-size: 24px;letter-spacing: 1px; font-weight: normal;}
.page-about .p-about-bottom dl{display: block;overflow: hidden;}
.page-about .p-about-bottom dl dd{ display: block;overflow: hidden;float: left;width: 33.333%;text-align: left;margin-bottom: 30px;}
.page-about .p-about-bottom dl dd span{ display: block;text-align: left;color: #666;font-size: 15px;letter-spacing: 1px;}
.page-about .p-about-bottom dl dd strong{ line-height: 1em; display: block;font-weight: bold;font-size: 30px;color: #d0000e;margin-bottom:5px;}
.page-about .p-about-bottom dl dd strong font{ display: inline-block;line-height: 30px;font-weight: normal;font-size: 20px;vertical-align: top;}


.page-about .p-about-bottom-news{ display: block;overflow: hidden;padding-top: 50px;border-top: 1px solid #ddd;margin-top: 50px;}
.page-about .p-about-bottom-news h3{ display: block;overflow: hidden;margin-bottom: 50px;font-size: 24px;letter-spacing: 1px; font-weight: normal;}
.page-about .p-about-bottom-news h3 a{ float: right;font-size: 20px;color: #d0000e;width: 28px;height: 28px;border: 1px solid;text-align: center;opacity: 0.5;}
.page-about .p-about-bottom-news dl{display: block;overflow: hidden;}
.page-about .p-about-bottom-news dl a{ display: block;overflow: hidden;float: left; padding:20px 2%;margin: 0 5% 0 0; border: 1px solid #ddd;width: calc(26% - 2px);}
.page-about .p-about-bottom-news dl a strong{ display: block;color: #222;font-size: 15px;margin-bottom: 20px;font-weight: bold;letter-spacing: 1px; min-height: 50px; }
.page-about .p-about-bottom-news dl a span{ display: block;font-weight: normal;color:#d0000e;font-size: 14px;letter-spacing: 1px;}

.page-about .p-about-bottom-news dl a:last-child{ margin:0; }









.page-about-jg .txt{ display: block;overflow: hidden;      margin-bottom: 60px;}
.page-about-jg .txt h3{ display: block;font-size:18px;font-weight: bold;line-height: 30px;letter-spacing: 1px;text-align: justify;     color: #444; float: right; width: 60%;}
.page-about-jg .txt h3 strong{    font-size: 22px;margin-bottom: 20px;display: block;border-bottom: 1px solid #ddd;color: #d0000e;}
.page-about-jg .txt h3 p{ display: block;font-weight: normal;font-size: 16px;line-height: 28px;}
.page-about-jg .txt img{ display: block;float: left;width: 35%;    border-radius: 4px; }
.page-about-jg .txt .img{ display: block;overflow: hidden;float: right;width: 30%;}
.page-about-jg .txt .img img{ display: block;width: 100%;}
.page-about-jg .txt .img dd{ display: block;overflow: hidden;margin: 30px 0 0 0;}
.page-about-jg .txt .img dd a{ display: block;overflow: hidden;margin: 10px 0;}
.page-about-jg .txt .img dd a .fa,.page-about-jg .txt .img dd a span{    color: #444;float: left;display: block;font-size: 16px;line-height: 26px;margin-right: 10px;}
.page-about-jg .txt .img dd a span{}



.page-about-jg .page-about-jg-list{ display: block;overflow: hidden;margin: 100px 0;}
.page-about-jg .page-about-jg-list .recuite-info{ display: block;overflow: hidden;margin-bottom:40px;}
.page-about-jg .page-about-jg-list .recuite-info .recuite-top{cursor:pointer; display: block;overflow: hidden;border-bottom: 1px solid #ddd;padding:15px 0;}
.page-about-jg .page-about-jg-list .recuite-info .recuite-top strong{display: block;float: left;font-size: 20px;letter-spacing: 1px;color: #000; font-weight: bold;}
.page-about-jg .page-about-jg-list .recuite-info .recuite-top .fa{display: inline-block;float: right;font-size: 30px;font-weight: normal;}
.page-about-jg .page-about-jg-list .recuite-info .recuite-li{ display: none;overflow: hidden;padding: 30px 0 50px; border-bottom: 1px solid #ddd;}
.page-about-jg .page-about-jg-list .recuite-info .recuite-li h5{ display: block;overflow: hidden;margin: 15px 0;font-weight: normal;}
.page-about-jg .page-about-jg-list .recuite-info .recuite-li h5 .fa{ display: block;float: left;font-size: 16px;margin-right: 10px;color: #000;}
.page-about-jg .page-about-jg-list .recuite-info .recuite-li h5 span{ display: block;float: left;font-size: 15px;letter-spacing: 1px;color: #444;     font-weight: bold;}

.page-about-jg .page-about-jg-list .recuite-info .recuite-top .fa-angle-up{display: none;}
.page-about-jg .page-about-jg-list .recuite-info .on .fa-angle-up{ display: block; }
.page-about-jg .page-about-jg-list .recuite-info .on .fa-angle-down{display: none;}

.page-about-jg .page-about-jg-list .recuite-info .on{ display: block; }
.page-about-jg .page-about-jg-list .recuite-info .on strong,.page-about-jg .page-about-jg-list .recuite-info .recuite-top:hover strong,.page-about-jg .page-about-jg-list .recuite-info .recuite-top:hover .fa{ color: #d0000e;}



.page-about-jg .page-about-jg-bottom{position: relative; display: block; overflow: hidden;}
.page-about-jg .page-about-jg-bottom img{ display: block;float: left;width: 45%;border-radius: 4px;}
.page-about-jg .page-about-jg-bottom .txt{ display: block;overflow: hidden;position: absolute;width: 50%;right: 0;top: 50%; margin-top: -100px;}
.page-about-jg .page-about-jg-bottom .txt strong{ display: block;font-size: 24px;letter-spacing: 1px;font-weight: normal;}
.page-about-jg .page-about-jg-bottom .txt font{ display: block;font-size: 16px;text-align: justify;letter-spacing: 1px;margin: 30px 0;color: #444;}







.page-about-history h3{ display: block;overflow: hidden;font-weight: bold;letter-spacing: 1px;text-align: justify;line-height: 28px;color: #444;font-size: 16px;}
.page-about-history dl{ display: block;overflow: hidden;margin: 50px 0;     border-left: 2px solid #ddd; padding: 10px 0;}
.page-about-history dl dd{ margin-bottom:40px;display: block;overflow: hidden;}
.page-about-history dl dd .yarn{ display: block;overflow: hidden;    margin-bottom: 10px;}
.page-about-history dl dd .yarn span{display: inline-block;float: left;height: 1px;width: 20px;background: #ccc;    margin: 24px 0 0 0;}
.page-about-history dl dd .yarn p{ transition: all .1s; display: inline-block;float: left;overflow: hidden;border: 1px solid #ddd;padding: 0 26px;line-height:46px;border-radius: 4px;font-size: 22px;color: #d0000e;     font-weight: bold;}
.page-about-history dl dd .yarn p font{  font-weight: bold;  display: inline-block;font-size: 14px;line-height: 46px;vertical-align: top;margin-left: 4px;}
.page-about-history dl dd h4{    display: block;overflow: hidden;     margin-bottom: 5px;}
.page-about-history dl dd h4 span{ display: inline-block;float: left;height: 1px;width: 10px;background: #ccc;    margin: 15px 10px 0 0;}
.page-about-history dl dd h4 font{ display: inline-block;float: left;font-size: 15px;font-weight: bold;color: #444;letter-spacing: 1px;     line-height: 24px;}


.page-about-history dl dd:hover .yarn p{      background: #d0000e;    color: #fff;  border: 1px solid #ddd;}



 
.page-news h3{display: block;overflow: hidden;font-weight: normal;letter-spacing: 1px;text-align: justify;line-height: 28px;color: #444;font-size: 18px;}

.page-news .page-news-bottom{ display: block;overflow: hidden;border-bottom: 1px solid #ddd;padding-bottom: 50px;margin-bottom: 50px;}
.page-news .page-news-bottom .title{ display: block;overflow: hidden;margin-bottom: 50px;font-size: 24px;letter-spacing: 1px;font-weight: normal;}
.page-news .page-news-bottom .title span{ font-size: 24px;letter-spacing: 1px;font-weight: normal;float: left;}
.page-news .page-news-bottom .title a{ float: right;font-size: 20px;color: #d0000e;width: 28px;height: 28px;  border: 1px solid;text-align: center;opacity: 0.5;}
.page-news .page-news-bottom .list{}
.page-news .page-news-bottom .list a{ display: block;overflow: hidden;border-bottom: 1px solid #eee;padding-bottom: 12px;margin-bottom: 12px;float: left;width: 45%;}
.page-news .page-news-bottom .list a:nth-child(2n){ float: right; }
.page-news .page-news-bottom .list a .fa{ display: inline-block;color: #888;font-size: 14px;margin-right: 20px;}
.page-news .page-news-bottom .list a span{    display: inline-block;color: #000;letter-spacing: 1px;font-size: 14px;     font-weight: bold;}
.page-news .page-news-bottom .list a font{display: inline-block;float: right;font-size: 14px;color: #666;letter-spacing: 1px;}



.page-news .page-news-list{ display: block;overflow: hidden;}
.page-news .page-news-list .p-n-c-list{display: block;overflow: hidden;}
.page-news .page-news-list .p-n-c-list .img{ display: block;overflow: hidden;position: relative;width: 45%;     float: left;}
.page-news .page-news-list .p-n-c-list .img img{display: block;width: 100%;}
.page-news .page-news-list .p-n-c-list .img p{ position: absolute;width: 91%;background: rgba(208, 0, 14, 0.6);bottom: 0;padding: 30px 5%;overflow: hidden;left: 0;z-index: 2;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}
.page-news .page-news-list .p-n-c-list .img p span{display: block;color: #fff;font-size: 16px;letter-spacing: 1px;font-weight: bold;   }
.page-news .page-news-list .p-n-c-list .img p font{ display: block;margin: 15px 0 0;color: #fff;letter-spacing: 2px;font-size: 14px;}
.page-news .page-news-list .p-n-c-list .txt{ display: block;overflow: hidden;float: right;width: 50%;}
.page-news .page-news-list .p-n-c-list .txt a{ display: block;overflow: hidden;border-bottom: 1px solid #eee;padding-bottom: 12px;margin-bottom: 12px;}
.page-news .page-news-list .p-n-c-list .txt a .fa{ display: inline-block;color: #888;font-size: 14px;margin-right: 20px;}
.page-news .page-news-list .p-n-c-list .txt a span{display: inline-block;color: #000;letter-spacing: 1px;font-size: 14px; font-weight: bold;}
.page-news .page-news-list .p-n-c-list .txt a font{ display: inline-block;float: right;font-size: 14px;color: #666;letter-spacing: 1px;}
.page-news .page-news-list .p-n-c-list .txt a:hover span,.page-news .page-news-bottom .list a:hover span{     color: #d0000e; }
.page-news .page-news-bottom .title a:hover{ background: #d0000e;color: #fff;opacity: 1;}
.page-news .page-news-list .p-n-c-list .img:hover p{     background: rgba(208, 0, 14, 0.98); }
.page-news .page-news-list .p-n-c-list .img img{-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.page-news .page-news-list .p-n-c-list .img:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }

.page-news .page-news-list2 .p-n-c-list .img{  float: right;}
.page-news .page-news-list2 .p-n-c-list .txt{float: left;}





.page-news-list-s h3{display: block;overflow: hidden;font-weight: normal;letter-spacing: 1px;text-align: justify;line-height: 28px;color: #444;font-size: 18px;}
.page-news-list-s dl{ display: block;overflow: hidden;margin: 50px 0; }
.page-news-list-s dl a{ display: block;overflow: hidden;border-bottom: 1px solid #eee;margin-bottom: 30px;padding-bottom: 30px;}
.page-news-list-s dl a img{ display: block;float: left;width: 20%;}
.page-news-list-s dl a .txt{display: block;overflow: hidden;float: right;width: 75%;}
.page-news-list-s dl a .txt .titel{display: block;font-size: 20px;color: #000;letter-spacing: 1px;     font-weight: bold;}
.page-news-list-s dl a .txt .key{ display: block;letter-spacing: 1px;font-size: 14px;color: #444;margin: 20px 0;}
.page-news-list-s dl a .txt .data{ display: block;font-size: 14px;color: #d0000e;margin-bottom: 20px; letter-spacing: 1px; }

.page-news-list-s .fy{display: block;overflow: hidden;margin: 50px 0;}
.page-news-list-s .fy a,.page-news-list-s .fy .current{ border-radius: 2px; display: inline-block;border: 1px solid #ddd;color: #444;font-size: 13px;padding: 6px 15px; margin: 0 6px 0 0; background: #fff;}
.page-news-list-s .fy a:hover,.page-news-list-s .fy .current{    border: 1px solid #d0000e;color: #fff;background: #d0000e;}





.page-pro-list{ display: block;overflow: hidden;min-height: 480px;}
.page-pro-list .page-pro-list-1{ display: block; overflow: hidden;}
.page-pro-list .page-pro-list-1 a{display: block; width: 32%; float: left;margin: 0 2% 0 0;   padding: 0;}
.page-pro-list .page-pro-list-1 a strong{border: 1px solid #ddd;display: block; overflow: hidden; }
.page-pro-list .page-pro-list-1 a strong img{ display: block;width: 100%;  }
.page-pro-list .page-pro-list-1 a p{ text-align: center;color: #000;letter-spacing: 1px;padding: 1em 0;   height:50px;  margin-bottom: 30px; font-weight: bold; font-size: 14px;}
.page-pro-list .page-pro-list-1 a:nth-child(3n){margin:0; }



.page-pro-list .fy{ display: block;overflow: hidden;margin: 50px 0;}
.page-pro-list .fy a,.page-pro-list .fy span,.page-pro-list .fy .dots{ border-radius: 2px; display: inline-block;border: 1px solid #ddd;color: #444;font-size: 13px;padding: 6px 15px; margin: 0 6px 0 0; background: #fff;}
.page-pro-list .fy span,.page-pro-list .fy a:hover{    border: 1px solid #d0000e;color: #fff;background: #d0000e;}



.page-job-2,.page-job-3{display: block;overflow: hidden;}
.page-job-3 .page-job-3-list{display: block;overflow: hidden;}
.page-job-3 .page-job-3-list dd{ display: block;overflow: hidden;border-bottom: 1px solid #eee;margin-bottom: 10px;padding-bottom: 10px;}
.page-job-3 .page-job-3-list dd .p-j-3-l-1,.page-job-3 .page-job-3-list dd .p-j-3-l-2,.page-job-3 .page-job-3-list dd .p-j-3-l-3,.page-job-3 .page-job-3-list dd .p-j-3-l-4{ text-align: center; color: #333;display: block;overflow: hidden;float: left;width: 25%;font-size: 16px;}
.page-job-3 .page-job-3-list dd .p-j-3-l-1{    text-align: left;text-indent: 2em;}
.page-job-3 .page-job-3-list dd .p-j-3-l-2{ width: 15%; }
.page-job-3 .page-job-3-list dd .p-j-3-l-3{ width: 15%; }
.page-job-3 .page-job-3-list dd .p-j-3-l-4{ width: 45%;     font-size: 14px;}

.page-job-3 .page-job-3-list dd:first-of-type .p-j-3-l-1,.page-job-3 .page-job-3-list dd:first-of-type .p-j-3-l-2,.page-job-3 .page-job-3-list dd:first-of-type .p-j-3-l-3,.page-job-3 .page-job-3-list dd:first-of-type .p-j-3-l-4{font-weight: bold;    font-size: 16px;}
.page-job-3 .page-job-3-list .p-j-3-l-1-txt{ display: block; font-size: 15px; color: #666; letter-spacing: 1px;margin: 30px 0;}


.page-job-3 .page-job-3-bottom{ display: block;overflow: hidden;padding-top: 50px;border-top: 1px solid #ddd;margin-top: 50px;}
.page-job-3 .page-job-3-bottom h3{ display: block;overflow: hidden;margin-bottom: 50px;font-size: 24px;letter-spacing: 1px;font-weight: normal;}
.page-job-3 .page-job-3-bottom dl{ display: block;overflow: hidden;}
.page-job-3 .page-job-3-bottom dl dd{ display: block;overflow: hidden;margin-bottom: 20px;}
.page-job-3 .page-job-3-bottom dl dd p{ display: block;font-size: 15px;letter-spacing: 1px;margin-bottom: 10px; font-weight: bold; }
.page-job-3 .page-job-3-bottom dl dd span{ display: block;overflow: hidden;font-size: 16px;letter-spacing: 1px;line-height: 26px;color: #444;}
.page-job-3 .page-job-3-bottom dl dd span a{ color: #d0000e; border-bottom: 1px solid #eee;}


.page-job-3 .page-job-3-top{display: block;overflow: hidden;margin-bottom: 80px;}
.page-job-3 .page-job-3-top img{ float: left; display: block;width: 40%;border-radius: 2px;}
.page-job-3 .page-job-3-top dd{display: block;float: right;width: 55%;overflow: hidden;}
.page-job-3 .page-job-3-top dd h3{display: block;text-align: justify;letter-spacing: 1px;font-weight: bold;line-height: 28px;font-size: 17px;margin-bottom: 30px; color: #444;}
.page-job-3 .page-job-3-top dd a{}




.page-job-2{}
.page-job-2 .page-job-2-left{ display: block;overflow: hidden;width:100%; } 
.page-job-2 .page-job-2-left dd{ display: block;overflow: hidden;margin-bottom: 50px;}
.page-job-2 .page-job-2-left dd img{display: block;float: left;width: 50%;}
.page-job-2 .page-job-2-left dd p{ display: block;overflow: hidden;float: right;width: 45%;}
.page-job-2 .page-job-2-left dd p strong{ display: block;font-weight: normal;font-size: 24px;letter-spacing: 1px;}
.page-job-2 .page-job-2-left dd p span{ display: block;width: 55px;height: 2px;margin: 20px 0;background-color: #d0000e;}
.page-job-2 .page-job-2-left dd p font{ display: block;color: #444;font-size: 16px;letter-spacing: 1px;  font-weight: bold;  margin-top: 40px;}

.page-job-2 .page-job-2-left dl{}
.page-job-2 .page-job-2-left dl dt{ display: block;overflow: hidden;margin-bottom: 30px; border-top: 1px solid #ddd; padding-top: 30px;}
.page-job-2 .page-job-2-left dl dt h3{ display: block;font-weight: normal;font-size: 20px;margin-bottom: 20px; border-left: 3px solid #d0000e; padding-left: 20px;}
.page-job-2 .page-job-2-left dl dt h4{ display: block;font-weight: bold;font-size: 16px;letter-spacing: 1px;line-height: 2