/* 娓呴櫎鍐呭杈硅窛 */
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: 75%;     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: 24px;color: #555;}


.page-job-2 .page-job-2-right{ display: block;overflow: hidden;         border-bottom: 1px solid #ddd;margin-bottom: 50px;padding-bottom: 50px;}
.page-job-2 .page-job-2-right h3{ display: block;overflow: hidden;margin-bottom: 40px;}
.page-job-2 .page-job-2-right h3 span{ display: block;font-weight: normal;font-size: 24px;letter-spacing: 1px;}
.page-job-2 .page-job-2-right h3 font{ display: block;width: 55px;height: 2px;margin: 20px 0;background-color: #d0000e;}
.page-job-2 .page-job-2-right dd{ display: block;overflow: hidden;}
.page-job-2 .page-job-2-right dd p{ display: block;color: #444;letter-spacing: 0;margin:0 0 30px 0;font-size: 15px;font-weight: bold;width: 20%;float: left;overflow: hidden;}
.page-job-2 .page-job-2-right dd p img{ display: block;height: 36px; background: #d0000e; padding: 10px;border-radius: 4px;width: 36px;float: left;}
/*
.page-job-2 .page-job-2-right dd p:nth-child(1) img{ background: #28c3d4; }
.page-job-2 .page-job-2-right dd p:nth-child(2) img{ background: #d0000e;}
.page-job-2 .page-job-2-right dd p:nth-child(3) img{ background: #e42c64;}
.page-job-2 .page-job-2-right dd p:nth-child(4) img{ background: #f7b71d;}
.page-job-2 .page-job-2-right dd p:nth-child(5) img{ background: #28c3d4;}
.page-job-2 .page-job-2-right dd p:nth-child(6) img{ background: #112f91;}
.page-job-2 .page-job-2-right dd p:nth-child(7) img{ background: #32ff6a;}
.page-job-2 .page-job-2-right dd p:nth-child(8) img{ background: #d0000e;}
.page-job-2 .page-job-2-right dd p:nth-child(9) img{ background: #d0000e;}
.page-job-2 .page-job-2-right dd p:nth-child(10) img{ background: #d0000e;}
.page-job-2 .page-job-2-right dd p:nth-child(11) img{ background: #d0000e;}
.page-job-2 .page-job-2-right dd p:nth-child(12) img{ background: #d0000e;}
.page-job-2 .page-job-2-right dd p:nth-child(13) img{ background: #d0000e;}
.page-job-2 .page-job-2-right dd p:nth-child(14) img{ background: #d0000e;}
.page-job-2 .page-job-2-right dd p:nth-child(15) img{ background: #d0000e;}*/
.page-job-2 .page-job-2-right dd p span{ display: inline-block;float: left;color: #000;line-height: 56px;margin: 0 0 0 10px;}
.page-job-2 .page-job-2-right h4{ display: block;font-size: 15px;font-weight: normal;margin: 40px 0 0 0;color: #666;letter-spacing: 1px;}
.page-job-2 .page-job-2-right h4 a{display: inline-block;color: #d0000e;border-bottom: 1px solid;}



.page-job-1{}
.page-job-1 dl{ display: block;overflow: hidden;padding-top: 50px;border-top: 1px solid #ddd;margin-top: 50px;}
.page-job-1 dl dd{ display: block;overflow: hidden;     margin-bottom: 30px;}
.page-job-1 dl dd .left{display: inline-block;overflow: hidden;float: left;width: 40%;position: relative;}
.page-job-1 dl dd .left h3{     color: #d0000e; display: inline-block;font-weight: normal;font-size: 24px;line-height: 1em;letter-spacing: 1px; background: #fff;position: relative;z-index: 2;padding-right: 10px;}
.page-job-1 dl dd .left p{    display: block;width: 100%;height: 1px;background: #ddd;position: absolute;top: 12px;left: 0;z-index: 1;}
.page-job-1 dl dd h4{display: inline-block;overflow: hidden;float: right;width: 55%;}
.page-job-1 dl dd h4 span{display: inline-block;font-weight: bold;color: #d0000e;border: 1px solid #d0000e;margin: 0 20px 0 0;font-size: 16px;line-height: 1em;padding: 10px 28px;border-radius: 2px;}
.page-job-1 dl dd h4 span:hover{color: #fff; background-color: #d0000e;}
.page-job-1 dl dt{ display: block;overflow: hidden;position: relative;}
.page-job-1 dl dt img{display: block;float: left;width: 40%;}
.page-job-1 dl dt p{ display: block;overflow: hidden;position: absolute;width: 55%;right: 0;top: 50%;margin-top: -54px; }
.page-job-1 dl dt p span{ display: block;color: #444;font-size: 18px;letter-spacing: 1px;margin-top: 0;font-weight: bold;}
.page-job-1 dl dt p font{ display: block;color: #666;font-size: 15px;letter-spacing: 1px;margin-top: 40px;font-weight: bold;}

.page-job-1 dl:first-of-type{ margin-top: 0;border: 0;padding-top: 0; }


.page-right-news{width: 100%;}
.page-right-news .page-news .page-news-list .p-n-c-list .txt{    width: 55%;}
.page-right-news .page-news .page-news-list .p-n-c-list .img{    width: 40%;}


.p-ceshi{ display: block;letter-spacing: 1px;font-size: 16px;margin-bottom: 300px;}





.page-brand-1,.page-brand-2,.page-brand-3{display: block;overflow: hidden;}

.page-brand-1 .title{ display: block;overflow: hidden;margin-bottom: 30px; position: relative;}
.page-brand-1 .title p{ border-radius: 0; margin-bottom: 20px;}
.page-brand-1 .title p span{ display: inline-block;font-size: 18px;letter-spacing: 1px;color: #d0000e; font-weight: bold; }
.page-brand-1 .title p strong{ display: inline-block;border-left: 3px solid #d0000e;font-weight: bold;font-size: 18px;padding-left: 20px;float: left;margin-right: 20px; line-height: 24px; color: #d0000e; }
.page-brand-1 .title p font{ display: inline-block;width: 200px;height: 1px;background: #ccc;vertical-align: top;margin: 12px 12px 0 0;}
.page-brand-1 .title img{ display: block; width: 100%; }




.page-brand-1-one{ display: block;overflow: hidden;margin-bottom:80px;border-bottom: 1px solid #eee;padding-bottom: 80px;}
.page-brand-1-one .page-brand-1-one-title{ display: block; overflow: hidden; margin-top: 50px; }
.page-brand-1-one .page-brand-1-one-title h3{display: block;text-align: center;position: relative;overflow: hidden;margin-bottom: 20px;}
.page-brand-1-one .page-brand-1-one-title h3 span{position: absolute;width: 100%;height: 1px;background: #eee;top: 50%;margin-top: -1px;left: 0;}
.page-brand-1-one .page-brand-1-one-title h3 strong{ display: inline-block;line-height: 1em;color: #d0000e;font-size: 20px;background: #fff;     padding: 10px 30px;position: relative;z-index: 3;}
.page-brand-1-one .page-brand-1-one-title h4{ font-size: 16px;letter-spacing: 1px;color: #444;     font-weight: bold; width: 100%;margin: 0 auto; line-height: 26px;}
.page-brand-1-one dl{display: block;overflow: hidden;width: 100%;margin: 30px auto 0;position: relative;}
.page-brand-1-one dl font{ position: absolute;width: 1px;height: 100%;top: 0;left: 50%;background: #eee;}
.page-brand-1-one dl dd{ display: block;float: left;overflow: hidden;width: 50%;padding: 10px 0;}
.page-brand-1-one dl dd p{ display: block;width: 60px;height: 60px;text-align: center;border: 1px solid #d0000e;line-height: 60px;border-radius: 50%;color: #fff;font-size: 18px;font-weight: bold;margin: 0 auto 30px; background: #d0000e;}
.page-brand-1-one dl dd span{display: block;overflow: hidden;font-size: 16px;color: #444;letter-spacing: 1px;text-align: justify;line-height: 26px;width: 80%;margin: 0 auto;     font-weight: bold;}
.page-brand-1-one #dl2 dd{text-align: center;}
.page-brand-1-one #dl2 dd p{ border: 0;border-top: 2px solid #d0000e;display: inline-block;border-radius: 0;border-bottom: 1px solid #d0000e;width: auto; font-size: 16px; letter-spacing:4px; height: auto; line-height: 50px;     color: #d0000e; background: #fff;}

 



.page-brand-1-four{ display: block;overflow: hidden;}
.page-brand-1-four dl{ display: block;overflow: hidden;}
.page-brand-1-four dl dd{ text-align: center;display: block;overflow: hidden;float: left;width: 48%;     margin-bottom: 20px;}
.page-brand-1-four dl dd:nth-child(2n){ float: right; }
.page-brand-1-four dl dd span{display: inline-block;text-align: center;background: #d0000e;color: #fff;padding: 10px 40px;border-radius: 2px;position: relative; bottom: -20px;     font-size: 14px; font-weight: bold;}
.page-brand-1-four dl dd p{ display: block;border: 1px solid #eee;padding: 40px;text-align: justify;width: calc(100% - 82px); min-height: 110px;  line-height:26px;     font-weight: bold;  font-size: 16px;letter-spacing: 1px;color: #444; }


.page-brand-1-img{}
 


.page-brand-2-img{}
.page-brand-2-img dd{display: block;overflow: hidden;border-top: 1px solid #eee;border-bottom: 1px solid #eee;margin-bottom: 50px;     position: relative;}
.page-brand-2-img dd:nth-child(3n){ margin:0; }
.page-brand-2-img dd h4{display: block;overflow: hidden;float: left;width: 30%;margin: 0 5% 0 0;position: relative;background: #d0000e;}
.page-brand-2-img dd h4:nth-child(3n){ margin:0; }
.page-brand-2-img dd h4 img{display: block;width: 50%;float: left;}
.page-brand-2-img dd h4 span{ position: absolute;width: auto;top: 50%;text-align: center;color: #fff;font-weight: bold;letter-spacing: 4px;border-bottom: 1px solid #eee;border-top: 1px solid #eee;padding: 10px 0;right: 25%;margin: -22.5px -20px 0 0;}

.page-brand-2-img dd #h4{float: right;margin: 0;}

.page-brand-2-img dd #h4-s{ background: none;position: absolute;top: 50%;left: 0;margin-top: -20px;}
.page-brand-2-img dd #h4-s font{ display: block;font-size: 40px;color: #d0000e;line-height: 1em;letter-spacing: 4px;}
.page-brand-2-img dd #h4-c{background: none;position: absolute;top: 50%;left: 35%;margin-top: -37px;}
.page-brand-2-img dd #h4-c p{ display: block;overflow: hidden;margin: 0 0 10px 0;}
.page-brand-2-img dd #h4-c p strong{ display: inline-block;font-weight: bold;font-size: 13px;border-left: 2px solid #d0000e;line-height: 1em;padding: 0 0 0 10px;float: left;width: 25%;}
.page-brand-2-img dd #h4-c p font{display: inline-block;float: left;font-weight: bold;font-size: 13px;color: #444;}
.page-brand-2-img dd #h4-c p:nth-child(3n){ margin:0; }






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



/*
.page-brand-3 .page-brand-3-list{ display: block;overflow: hidden;}
.page-brand-3 .page-brand-3-list a{display: block;overflow: hidden;padding-top: 30px;border-top: 1px solid #ddd;margin-top: 30px;}
.page-brand-3 .page-brand-3-list a p{ display: block;overflow: hidden;float: left;width: 75%;}
.page-brand-3 .page-brand-3-list a p font{display: block;font-size: 14px;color: #444;margin: 20px 0;letter-spacing: 1px;}
.page-brand-3 .page-brand-3-list a p strong{ display: block;font-size:17px;color: #000;letter-spacing: 1px; font-weight: bold;}
.page-brand-3 .page-brand-3-list a p .fa{}*/


.page-brand-2-txt{display: block;overflow: hidden;padding-top: 50px;border-top: 1px solid #ddd;margin-top: 50px;}
.page-brand-2-txt img{    display: block; height: 240px;     margin-bottom: 50px;}
.page-brand-2-txt h3{ display: block;overflow: hidden;margin-bottom: 50px;font-size: 24px;letter-spacing: 1px;font-weight: normal;}
.page-brand-2-txt h4{ display: block;overflow: hidden;font-weight: bold;letter-spacing: 1px;text-align: justify;line-height: 28px;color: #444;font-size: 16px;     width: 100%;}
.page-brand-2-txt dd{ display: block;overflow: hidden;}
.page-brand-2-txt dd p{ display: block;overflow: hidden;float: left;width: 30%;margin: 0 5% 0 0;}
.page-brand-2-txt dd p strong{ display: inline-block;text-align: center;color: #d0000e;font-weight: bold;letter-spacing: 4px;border-bottom: 1px solid #d0000e;border-top: 2px solid #d0000e;padding: 10px 0;font-size: 20px;     margin-bottom: 20px;}
.page-brand-2-txt dd p span{ display: block;overflow: hidden;font-weight: bold;letter-spacing: 1px;text-align: justify;line-height: 24px;color: #444;font-size: 15px;}
.page-brand-2-txt dd p:nth-child(3n){ margin:0; }


.page-brand-4{ display: block;overflow: hidden;}
.page-brand-4 dl{ display: block;overflow: hidden;}
.page-brand-4 dl p{ position: relative; display: block;overflow: hidden;float: left;width: 30.3333%;margin:0 3% 3% 0;}
.page-brand-4 dl p:nth-child(3n){ margin:0 0 3% 0; }
.page-brand-4 dl p img{ display: block; width:100%;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; }
.page-brand-4 dl p span{ position: absolute;width: 100%;bottom: 0;background: #eee;text-align: center;line-height: 40px;font-weight: bold;font-size: 15px;letter-spacing: 1px;color: #444;}
.page-brand-4 dl p:hover img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }
.page-brand-4 dl p:hover span{ color:#d0000e; }


.fy{display: block;overflow: hidden;margin: 50px 0;}
.fy a,.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;}
.fy a:hover,.fy .current{    border: 1px solid #d0000e;color: #fff;background: #d0000e;}


.page-contact-3{ display: block;overflow: hidden;margin-bottom: 120px;}
.page-contact-3 p{ display: block;letter-spacing: 1px;text-align: justify;color: #444;font-size: 16px;line-height: 30px;}




.page-research-1,.page-research-2{display: block;overflow: hidden;}
.page-research-2-list{display: block;overflow: hidden;padding-top: 30px;border-top: 1px solid #ddd;margin-top: 30px;}
.page-research-2-list .title{ display: block;overflow: hidden;margin-bottom: 30px;font-size: 24px;letter-spacing: 1px;font-weight: normal; color: #666;}
.page-research-2-list .list{ display: block;overflow: hidden;}
.page-research-2-list .list a{ display: block;overflow: hidden; padding-bottom:6px;margin-bottom: 6px;}
.page-research-2-list .list a .fa{ display: inline-block;color: #888;font-size: 14px;margin-right: 20px;}
.page-research-2-list .list a span{ display: inline-block;color: #000;letter-spacing: 1px;font-size: 15px; font-weight: bold;}
.page-research-2-list .list a font{ display: inline-block;float: right;font-size: 14px;color: #666;letter-spacing: 1px;}


.page-research-1 h3{display: block;font-size: 22px;letter-spacing: 1px;margin-bottom: 50px;color: #d0000e; font-weight: bold;}
.page-research-1 h4{ display: block;overflow: hidden;font-weight: bold;letter-spacing: 1px;text-align: justify;line-height: 28px;color: #444;font-size: 18px;}

.page-research-1 .page-research-1-bottom{ display: block;overflow: hidden; margin-top: 120px;}
.page-research-1 .page-research-1-bottom h5{ display: block;overflow: hidden;text-align: center;position: relative;margin-bottom: 30px;}
.page-research-1 .page-research-1-bottom h5 font{ color: #d0000e;letter-spacing: 4px;font-size: 18px; position: relative;display: inline-block;background: #fff;line-height: 30px; z-index: 3;padding: 0 30px;}
.page-research-1 .page-research-1-bottom h5 span{ position: absolute;width: 100%;height: 1px;background: #ddd;top: 50%;z-index: 1;left: 0;}
.page-research-1 .page-research-1-bottom dl{display: block;overflow: hidden;}
.page-research-1 .page-research-1-bottom dl a{     border-bottom: 1px solid #eee;display: block;overflow: hidden;float: left; width: 100%;   margin: 0 0 10px 0; padding:0 0 10px 0; }
.page-research-1 .page-research-1-bottom dl a .fa{    display: inline-block;color: #888;font-size: 14px;margin-right: 20px;}
.page-research-1 .page-research-1-bottom dl a span{    display: inline-block;color: #444;letter-spacing: 1px;font-size: 14px;font-weight: bold;}
.page-research-1 .page-research-1-bottom dl a font{    display: inline-block;float: right;font-size: 14px;color: #666;letter-spacing: 1px;}
.page-research-1 .page-research-1-bottom dl a:nth-child(2n){float: right;}







.page-news-list-3,.page-news-list-3 dl{ display: block;overflow: hidden;}
.page-news-list-3 dl a{ display: block;overflow: hidden;border-bottom: 1px solid #eee;padding-bottom: 12px;margin-bottom: 12px;}
.page-news-list-3 dl a .fa{ display: inline-block;color: #888;font-size: 14px;margin-right: 20px;}
.page-news-list-3 dl a .titel{ display: inline-block;color: #000;letter-spacing: 1px;font-size: 14px;font-weight: bold;}
.page-news-list-3 dl a .data{    display: inline-block;float: right;font-size: 14px;color: #666;letter-spacing: 1px;}




.news-single-show{ display: block;overflow: hidden;}
.news-single-show .p-n-show-ttile{ display: block;width: 80%;overflow: hidden;border-bottom: 1px solid #ddd;padding: 50px 10%;margin-bottom: 50px;}
.news-single-show .p-n-show-ttile h3{ display: block;text-align: center;font-size: 16px;letter-spacing: 1px;    color: #666;font-weight: normal;}
.news-single-show .p-n-show-ttile h4{ display: block;text-align: center;font-size: 2.2em;margin: 30px 0;letter-spacing: 1px;line-height: 36px;color: #000;}
.news-single-show .p-n-show-ttile dd{ margin: 30px 0 0; display: block;overflow: hidden;text-align: center;}
.news-single-show .p-n-show-ttile dd h5{ vertical-align: top; display: inline-block;overflow: hidden;margin: 0 10px;}
.news-single-show .p-n-show-ttile dd h5 span{ line-height: 24px;display: inline-block;font-weight: normal;font-size: 14px;color: #666;}
.news-single-show .p-n-show-ttile dd h5 font{ line-height: 24px;display: inline-block;font-weight: normal;font-size: 14px;color: #d0000e;}
.news-single-show .p-n-show-ttile dd .bdsharebuttonbox{ vertical-align: top; display: inline-block;overflow: hidden;}
.news-single-show .p-n-show-ttile dd .bdsharebuttonbox a{    display: inline-block;background: none;margin: 0 10px;padding: 0;line-height: 24px;vertical-align: top;font-size: 14px;height: auto;color: #666; }
.news-single-show .p-n-show-ttile dd .bdsharebuttonbox .share{    display: inline-block;vertical-align: top;overflow: hidden;     margin-left: 15px;}
.news-single-show .p-n-show-ttile dd .bdsharebuttonbox .share span,.news-single-show .p-n-show-ttile dd .bdsharebuttonbox .share a{    display: block;    margin: 0 5px;float: left;font-size: 14px;letter-spacing: 0;color: #666;line-height: 24px;}



.news-single-show .p-n-show-txt{ display: block;width:70%;margin: 0 auto 150px;overflow: hidden;}
.news-single-show .p-n-show-txt p{ display: block;font-size: 16px;line-height: 30px;color: #444;text-align: justify;letter-spacing: 1px;}
.news-single-show .p-n-show-txt h4{ display: block;font-size: 16px;line-height: 30px;margin: 5px 0;text-align: justify;letter-spacing: 1px;}
.news-single-show .p-n-show-txt img{ display: block;margin: 30px auto;width: auto;max-width: 100%;}
.news-single-show .p-n-show-txt p a:hover{ color: #d0000e; }

.news-single-show .p-n-show-txt video{ display: block;width: 80%;margin: 0 auto;}



.p-news-show-bottom{ width: 70%;display: block;overflow: hidden;border-top: 1px solid #eee;padding: 30px 15%;}
.p-news-show-bottom a{display: block;overflow: hidden; width: 100%;     text-align: center;}
.p-news-show-bottom a .fa{display: inline-block;font-size: 16px;vertical-align: top;line-height: 30px;color: #000;}
.p-news-show-bottom a span{ display: inline-block;font-size: 16px;vertical-align: top;line-height: 30px;color: #000;margin: 0 10px;}
.p-news-show-bottom a p{ display: block;color: #444;font-weight: bold;letter-spacing: 1px;font-size: 12px;margin: 10px 0;}


.p-news-show-bottom-list{ display: block;width: 70%;margin: 0 auto 50px;}
.p-news-show-bottom-list h3{ display: block;overflow: hidden;margin-bottom: 30px;position: relative;}
.p-news-show-bottom-list h3 span{position: absolute;width: 100%;height: 1px;background: #ddd;top: 50%;z-index: 1;}
.p-news-show-bottom-list h3 font{ display: inline-block;background: #fff;font-weight: normal;font-size: 18px;letter-spacing: 1px;     position: relative;z-index: 3;padding: 0 30px 0 0; }
.p-news-show-bottom-list dd{ display: block; overflow: hidden;}
.p-news-show-bottom-list dd a{ display: block;overflow: hidden;float: left;width: 46%;margin-bottom: 20px;}
.p-news-show-bottom-list dd a:nth-child(2n){    float: right;}
.p-news-show-bottom-list dd a .fa{ display: inline-block;float: left;color: #666;margin-right: 20px;}
.p-news-show-bottom-list dd a span{display: inline-block;float: left;font-size: 13px; font-weight: bold;color: #666;}
.p-news-show-bottom-list dd a font{ display: inline-block;float: right;color: #666; font-size: 14px; }



.p-center-all-pro{ display: block; overflow: hidden;}
.p-center-all-pro dd{width:31.3333%;margin: 0 3% 0 0;display: block;float: left;overflow: hidden;}
.p-center-all-pro dd:nth-child(3n){ margin:0; }{}
.p-center-all-pro dd img{ display: block;width: calc(100% - 2px);border-radius: 2px; border: 1px solid #ddd; }
.p-center-all-pro dd .title-1{ display: block;letter-spacing: 1px;font-weight: bold;height: 30px;line-height: 30px;font-size: 20px;margin: 30px 0;}
.p-center-all-pro dd .title-1 a{ color: #000;display: block;overflow: hidden;}
.p-center-all-pro dd .title-1 a:hover{ color:#d0000e; }
.p-center-all-pro dd h4{    display: block;overflow: hidden;min-height: 260px;}
.p-center-all-pro dd h4 a{ display: block;font-size: 14px;color: #222;letter-spacing: 1px;margin: 15px 0;}
.p-center-all-pro dd h4 a:hover{ color:#d0000e; }



.p-center-title{ display: block;overflow: hidden;margin-bottom: 60px;}
.p-center-title h3{ display: block;text-align: center;font-size: 40px; color:#444; letter-spacing: 1px;line-height: 1em;margin-bottom: 20px; font-weight: normal;} 
.p-center-title h4{ display: block;height: 60px;margin: 0 auto;background: #ccc;width: 1px;overflow: hidden;}



 .p-center-all{ display: block;overflow: hidden;}
 .p-center-all a{ display: block;overflow: hidden;position: relative;float: left;width: 30%;margin: 0 5% 0 0;}
 .p-center-all a:nth-child(3n){ margin:0; }
 .p-center-all a img{ display: block;width: 100%;     border-radius: 2px; }
 .p-center-all a font{ display: block;color: #444;letter-spacing: 1px;text-align: justify;margin: 30px 0 50px;font-size: 14px;font-weight: bold;line-height: 26px; min-height: 80px; }
 .p-center-all a strong{display: block;overflow: hidden;font-size: 24px;color: #444;letter-spacing: 1px;margin: 30px 0;     text-align: left; }

.p-center-all a:hover strong{ color:#d0000e; }


.p-center-all4 a,.p-center-all4 a:nth-child(3){width: 22.75%; margin: 0 3% 0 0;}
.p-center-all4 a:nth-child(4n){ margin:0; }

.p-center-all2 { text-align: center;}
.p-center-all2 a{display: inline-block;float: none;}
.p-center-all2 a:nth-child(2){ margin:0;}




.page-news-list-3 dl a:hover .titel,.in-news dd #in-news-a:hover .p span,.page-news-list-s dl a:hover .txt .titel,.p-news-show-bottom a:hover span,.p-news-show-bottom a:hover .fa,.p-news-show-bottom-list dd a:hover span,.page-research-2-list .list a:hover span,.page-research-1 .page-research-1-bottom dl a:hover span,.page-about .p-about-bottom-news dl a:hover strong,.page-pro-list .page-pro-list-1 a:hover p{color: #d0000e;}

.page-pro-list .page-pro-list-1 a strong img{ -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; }
.page-pro-list .page-pro-list-1 a:hover strong img{  -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }
.page-pro-list .page-pro-list-1 a:hover strong{    border: 1px solid #d0000e;}







.pro-single-show{ margin: 80px auto 120px; display: block;overflow: hidden; }
.pro-single-show .img{ display: block;overflow: hidden; width: 80%;margin: 0 auto;}
.pro-single-show .img strong{ display: block; width: calc(40% - 2px);  border: 1px solid #ddd; float: left; overflow: hidden;}
.pro-single-show .img strong img{ display: block;width: auto;max-width: 100%;margin: 0 auto;}
.pro-single-show .img .txt{ display: block;float: left;width: 50%;margin: 0 0 0 10%;overflow: hidden;}
.pro-single-show .img .txt h3{display: block;color: #444;letter-spacing: 2px;font-size: 14px;}
.pro-single-show .img .txt h4{ display: block;overflow: hidden;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;font-size: 40px;     font-weight: normal; padding: 10px 0;letter-spacing: 1px;margin: 20px 0 40px; font-family: 寰蒋闆呴粦;     color: #444;}
.pro-single-show .img .txt dd,.pro-single-show .img .txt dd p{    display: block;letter-spacing: 1px;text-align: justify;font-size: 14px;font-weight: bold;line-height: 28px;color: #333;}

.pro-single-show .img .txt dd strong{display: block;width: 100%;border: 0;float: left;font-weight: bold;    font-size: 16px;}




.p-search{ display: block; overflow: hidden;}
.p-search h3{ display: block;overflow: hidden;text-align: center;font-weight: normal;font-size: 20px;padding: 20px 0;border-bottom: 1px solid #ddd; }
.p-search dl{ display: block;width: 1200px;margin: 60px auto 10px;}
.p-search dl form{ position: relative; display: block;overflow: hidden;width: 800px;margin: 0 auto;height: 60px;border: 1px solid #ccc;}
.p-search dl form .in{ display: block;overflow: hidden;height: 60px;border: 0;text-indent: 1em;font-size: 16px;width: 700px; border: 0; float: left;}
.p-search dl form .btn-submit{ display: block;float: right;width: 80px;height: 60px;}
.p-search dl form .fa{ position: absolute;width: 80px;height: 60px;text-align: center;line-height: 60px;color: #fff;background: #d0000e;font-size: 18px;right: 0;top: 0;}
.p-search h4{display: block;overflow: hidden;margin: 0 auto 150px;text-align: center;font-size: 16px;font-weight: normal;color: #666;letter-spacing: 1px;}



.search-list{ display: block;width: 1200px;margin: 0 auto 100px;overflow: hidden;}
.search-list-title{ display: block;overflow: hidden;border-bottom: 1px solid #eee;padding-bottom: 5px;margin-bottom: 50px;}
.search-list-title span{ display: inline-block;color: #d0000e;margin-right: 20px;padding-right: 20px;border-right: 1px solid #ccc;font-size: 18px;}
.search-list-a{    display: block;;overflow: hidden;border-bottom: 1px solid #eee;margin-bottom: 16px;padding-bottom: 16px;}
.search-list-a a{  display: table;}
.search-list-a h5{ width: 160px; display: block; overflow: hidden;   margin-right: 20px;}
.search-list-a h5 img{ display: block; width: calc(100% - 22px);margin-right: 30px; border: 1px solid #ddd; padding: 10px;}
.search-list-a .txt{ display: table-cell; vertical-align: middle;     width: 85%;color: #666;font-size: 16px; }
.search-list .navigation{display: block;overflow: hidden;margin: 50px 0;}
.search-list .navigation .nav-links{}
.search-list .navigation .nav-links span,.search-list .navigation .nav-links a{    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;}
.search-list .navigation .nav-links span,.search-list .navigation .nav-links a:hover{ border: 1px solid #d0000e;color: #fff; background: #d0000e;}
.search-list-a:hover .txt{ color:#d0000e; }


.search-list .not-found{}
.search-list .not-found form{display: none; }
.search-list .not-found .page-title{display: block;text-align: center;font-weight: normal;font-size: 14px;color: #d0000e;}
.search-list .not-found .page-content p{    display: block;text-align: center;font-size: 14px;color: #666;}


.p-center-all-pro-icon{ display: block; overflow: hidden; }
.p-center-all-pro-icon a{ display: block;overflow: hidden;float: left;width: 18.4%;position: relative;background: #eee;padding:60px 0 100px;text-align: center;      border-radius: 4px;   margin: 0 2% 0 0;}
.p-center-all-pro-icon a:nth-child(5n){ margin:0; }
.p-center-all-pro-icon a h3{ display: block;overflow: hidden;margin: 0 0 40px 0; }
.p-center-all-pro-icon a h3 img{ display: block;margin: 0 auto;width: auto;     border: 2px solid #d0000e;padding: 10px;border-radius: 50%;}
.p-center-all-pro-icon a h3 #img1{ display: none; border: 2px solid #fff;padding: 10px;border-radius: 50%; }
.p-center-all-pro-icon a h4{ display: block;overflow: hidden;text-align: center;font-weight: bold;font-size: 16px;color: #d0000e;letter-spacing: 1px;}
.p-center-all-pro-icon a .fa{ display: block;width: 32px;height: 32px; border: 1px solid #fff; line-height: 32px;border-radius: 4px;color: #fff;font-size:16px;position: absolute;bottom: 0; opacity: 0;left: 50%;margin: 0 0 0 -20px; transition: all .3s; }

.p-center-all-pro-icon a:hover{ background: #d0000e; }
.p-center-all-pro-icon a:hover h4{ color:#fff; }
.p-center-all-pro-icon a:hover h3 #img1{ display: block;}
.p-center-all-pro-icon a:hover h3 #img2{ display: none; }
.p-center-all-pro-icon a:hover .fa{ bottom:30px;  opacity:1; }













.page-about-history20190813{}
.page-about-history20190813 .dd{ display: block;overflow: hidden;float: left;width: 30%; padding-right: 5%;}
.page-about-history20190813 .dd:nth-child(3n){ padding-right:0; }
.page-about-history20190813 .dd .dd-title{ display: block;overflow: hidden;margin-bottom: 50px;}
.page-about-history20190813 .dd .dd-title h3{ display: block;text-align: center;font-size: 24px;font-weight: bold; color: #d0000e; }
.page-about-history20190813 .dd .dd-title h4{  margin: 20px 0;  display: block;background: #d0000e;color: #fff;text-align: center;line-height: 40px;}
.page-about-history20190813 .dd .dd-title h5{display: block;text-align: center;font-size: 16px;}
.page-about-history20190813 .dd .dd-right{}
.page-about-history20190813 .dd .dd-right h3{display: block;overflow: hidden;margin-bottom: 30px;}
.page-about-history20190813 .dd .dd-right h3 span{ display: block;float: left;border-right: 1px solid #ddd;width: calc(30% - 2px);font-size: 14px;color: #d0000e;}
.page-about-history20190813 .dd .dd-right h3 font{ display: block;font-weight: normal;font-size: 14px;letter-spacing:0;text-align: justify; float: right;width: 65%; line-height: 24px; }





.drawer-hamburger{  display: none !IMPORTANT; }


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

.header{ height:85px;}
.header .header-top{ height:25px;} 
.header .header-top a{ font-size: 12px;  margin: 7.5px 0;}
.header .logo img{height: 50px; margin: 5px 0 0 0;}
.header .nav .nav-a .nav-a-b-1{ font-size: 16px; padding: 0 20px;     letter-spacing: 1px; line-height: 60px;}

.header .nav .nav-a .nav-a-b a{    padding: 0 20px; font-size:13px; }
.header .nav .nav-a .nav-a-b{top:60px;}
.header .nav .nav-a:last-child{ padding: 0 0 0 26px; }
.header .nav .nav-a:last-child .nav-a-b-1{    padding: 0;}
.banner{ margin-top:85px;}
.banner .swiper-container .swiper-wrapper .swiper-slide .in-banner-txt h3{ font-size:50px; }
.banner .swiper-container .swiper-wrapper .swiper-slide .in-banner-txt h5,.banner .swiper-container .swiper-wrapper .swiper-slide .in-banner-txt h4{ font-size:16px; }


.in-company-title{    height: 60px;}
.in-company-title .i-c-t-1,.in-company-title .i-c-t-2{ height: 60px; }
.in-company-title .i-c-t-1 font{ width:60px; height:60px; right: -20px; }

.in-company-title .i-c-t-1 span,.in-company-title .i-c-t-2 .strong span{     line-height: 60px;   font-size: 16px;}
.in-company-title .i-c-t-2 .strong{ margin-top: -30px; }
.in-company-title .i-c-t-2 .strong font{ font-size: 12px; }
.in-brand dl p{     margin: 0 0 30px 0; }
.in-two dl a .p h6 font{     font-size: 18px; }
.in-two dl a .p h6 span{ display: none;}
.in-two dl a .p h6{ margin-bottom: 30px; }

.in-news dl a span{     margin-bottom: 5px; }
.in-news dl{ width: 15%;}
.in-news dl a:nth-child(7){ display: none; }
.in-news dt a p span{    letter-spacing: 0;}
.footer .f-three h3,.footer .f-three #se{font-size:12px;}


.page-b-title{    margin-top: 85px;}
.news-single-show .p-n-show-ttile h4{ font-size:1.6em}


.in-news dt{ width: 40%; }
.in-news .dd{ width: 56%; }

.banner .txt h3{    margin-top: -65px;}
.banner .txt h3 strong{font-size: 40px;}
 



.p-center-title h3{     font-size: 30px; }

.page-b-title dd{    width: 90%;}
.p-center{width: 90%;     margin: 50px auto 90px; }
.p-center-all a strong{     font-size: 20px; }


.p-center-all a font{min-height: 104px;}

.pro-single-show .img strong{ width: calc(36% - 2px);}
.pro-single-show .img{ width: 90%;}
.pro-single-show .img .txt{ width: 54%; margin: 0 0 0 10%;}



.web-a,.in-brand dl a{ height: 30px; line-height: 30px;}
.web-a span,.in-brand dl a span{    line-height: 30px; vertical-align: top;}


.page-about-history20190813 .dd .dd-right h3 span{ width: calc(32% - 2px); }
.page-about-history20190813 .dd .dd-right h3 font{ width: 62%;}









}