﻿@charset "utf-8";

@font-face {
  font-family: 'webfont';
  font-display: swap;
  src: url('http://at.alicdn.com/t/webfont_nsdteuvq5ag.eot'); /* IE9*/
  src: url('http://at.alicdn.com/t/webfont_nsdteuvq5ag.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('http://at.alicdn.com/t/webfont_nsdteuvq5ag.woff2') format('woff2'),
  url('http://at.alicdn.com/t/webfont_nsdteuvq5ag.woff') format('woff'), /* chrome、firefox */
  url('http://at.alicdn.com/t/webfont_nsdteuvq5ag.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('http://at.alicdn.com/t/webfont_nsdteuvq5ag.svg#思源黑体-粗') format('svg'); /* iOS 4.1- */
}
@font-face {
  font-family: 'webfont1';
  font-display: swap;
  src: url('http://at.alicdn.com/t/webfont_c8kqj1xl3nq.eot');
  /* IE9*/
  src: url('http://at.alicdn.com/t/webfont_c8kqj1xl3nq.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('http://at.alicdn.com/t/webfont_c8kqj1xl3nq.woff2') format('woff2'),
    url('http://at.alicdn.com/t/webfont_c8kqj1xl3nq.woff') format('woff'),
    /* chrome、firefox */
    url('http://at.alicdn.com/t/webfont_c8kqj1xl3nq.ttf') format('truetype'),
    /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('http://at.alicdn.com/t/webfont_c8kqj1xl3nq.svg#思源黑体-极细') format('svg');
  /* iOS 4.1- */
}

.web-font {
  font-family: "webfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}


.web-font1 {
  font-family: "webfont1" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-family: 'iconfont';  /* project id 183650 */
  src: url('//at.alicdn.com/t/font_183650_adoe0ex2qhp.eot');
  src: url('//at.alicdn.com/t/font_183650_adoe0ex2qhp.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_183650_adoe0ex2qhp.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_183650_adoe0ex2qhp.woff') format('woff'),
  url('//at.alicdn.com/t/font_183650_adoe0ex2qhp.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_183650_adoe0ex2qhp.svg#iconfont') format('svg');
}
  .iconfont {
	font-family:"iconfont" !important;
	font-size:22px;
	font-style:normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
  }
  


html,body {	margin: 0px; padding:0;background:#fff; font-family: "Source Han Sans CN"; font-size: 12px; color: #222; text-align:center; }
* { margin:0; padding:0; }
.bodyen{
background:#FFF url(../images/enbg.gif) repeat-x left top;
font-family:Arial;
}
img { border:0; }
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; }
ul{ list-style:none;}
.mt30{ margin-top:16px;}
.pc_hidden{ display:none;}
/* 链接样式 */
a { color:#666; text-decoration:none; }
a:hover { color:#f60; text-decoration:none; }
#logo {width:417px; height:118px; display:block; overflow:hidden; background:url(../images/logo.jpg) no-repeat left top; }
.gray{ color:#999;}
.orange { color:#FF7800 !important; }
a.red { color:#F00 !important; }
.red{ color:#f00;}
.darkblue{ color:#590c31;}
.blue { color:#1F71AF; !important; }
a.more { text-align:left; color:#333; text-decoration:none; font-size:12px; font-weight:normal; position:absolute; right:0px; top:0px; }
a.more:hover { color:#d60e19; text-decoration:none; }
a.btnBlack { background:url(../images/bg_btn.gif) repeat-x; padding:4px 10px 5px 10px; color:#FFF !important; font-weight:700; font-size:14px; text-decoration:none !important; border:1px solid #000; }
.time{
	font-family:Arial;
	font-size:12px;
	color:#999;
	width:106px;
	text-align:center;
}
/* 按钮样式 */
input.text_type { border:1px solid #949494; color:#626262; }
input.select_type { border:none; background:url(../images/input_search_style.gif) no-repeat; width:124px; height:19px; color:#626262; }

.input1{ border:1px solid #ccc; 
-moz-border-radius: 10px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */
	margin-bottom:5px;
	background:#eee;
	height:25px;
	line-height:25px;
	margin-bottom:-3px;
}
.input2{ border:1px solid #ccc; 
-moz-border-radius: 10px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */
	margin-bottom:5px;
	background:#eee;
	height:20px;
	line-height:20px;
	margin-bottom:-3px;
}

.text7 td{ padding:4px 0;}

/* 位置 */
.left{float:left;}
.right{ float:right;}
/* 字体样式 */
.f12px{ font-size:12px; font-weight:normal;}
.f14px{ font-size:14px;}
.fB { font-weight:900; }
/* 顶部样式 */
#topNav{ display:none;}
.fixeds{ -moz-box-shadow:0px 1px 5px rgba(0,0,0,.2); -webkit-box-shadow:0px 1px 5px rgba(0,0,0,.2); box-shadow:0px 1px 5px rgba(0,0,0,.2); z-index: 999; background: #fff !important; color: #333 !important;}



.video {
  width: 100%;
  position: relative;
  z-index: 0;
  height:800px;
}
.videoimg{ display:none; width:100%;}
.videoimg img{ width:100%; display:block;}
.videoindex{ width:100%; height:100%; object-fit: fill;    object-position: center;}
.videoTxt {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  z-index: 999;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
}

.videoTxt h2 {
  position: absolute;
  left: 0;
  bottom: 380px;
  font-size: 64px;
  font-weight: 500;
  padding: 30px 0;
  text-align: center;
  width: 100%;
}

.videoTxt h4 {
  position: absolute;
  left: 0;
  bottom: 330px;
  font-size: 34px;
  font-weight: 500;
  padding: 30px 0;
  text-align: center;
  width: 100%;
}

.videoTxt_en {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  z-index: 999;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
}

.videoTxt_en h2 {
  position: absolute;
  left: 0;
  bottom: 380px;
  font-size: 50px;
  font-weight: 700;
  padding: 30px 0;
  text-align: center;
  width: 100%;
}

.videoTxt_en h4 {
  position: absolute;
  left: 0;
  bottom: 330px;
  font-size: 34px;
  font-weight: 500;
  padding: 30px 0;
  text-align: center;
  width: 100%;
}

/*menu*/
.wrap_head{ display:block; width:100%; height: 72px;
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
.head_con{ display:block; width:1200px; height: 72px;  margin: 0px auto; position: relative; z-index: 2; }
.head_con .logo{ display:block; height: 72px; width: 220px; position: absolute; left: 0px; top: 0;}
.head_con .logo h1{ display:block; height: 72px; width: 220px; background: url(../images/logo.png) no-repeat 0 0; text-indent: -9999px; overflow: hidden;background-size: 100% 100%;}

/*menu*/
.menu_list{ display: block; height:72px; position: absolute; right: 190px; top: 0px; cursor: pointer; opacity: 1; transition:opacity 0.3s linear;transform: translate(0px,0);}
.menu_list .menu_item{ display: inline-block; height:72px; float: left; margin-left:42px; position: relative;}
.en-us .menu_list .menu_item{
  margin-left: 36px;
}
.menu_list .menu_item .txt{ display: block; height:72px; line-height: 72px; font-size: 17px; color: #fff; font-weight:400;  opacity: 0.95; -webkit-transition:color 0.3s linear; position: relative; z-index: 2;}
.menu_list .menu_item .txt:hover{  opacity: 1;}
.menu_list .menu_item .txt:after{ display:block; content:""; height: 4px; width: 100%; position: absolute; bottom: 19px; left: 0px; background: #d60e19; opacity: 0; -webkit-transition: transform 0.2s ease-out,opacity 0.2s ease-out; transform-origin: 50% 0%; transform:scale(0.01,1);}
.menu_list .menu_item .txt:before{ display:none; content:""; height: 400px; width: 100%; position: absolute; top: 19px; left: -10px; background: #d60e19; opacity: 1;}
.menu_list .menu_item:hover .txt:after{ transform:scale(1,1); opacity: 1;}
.menu_list .menu_item.menu_item_lan{ display:none;}
.menu_list .menu_item .menu_hook{ display:none; width: 100%; height: 445px; position: absolute; left: -36px; top: 0px; z-index: 1;}

.en-us .menu_list .menu_item{ margin-left: 60px;}
.en-us .sub_list li a{ padding:10px 0;}

.sub_list{display: none; position: absolute; width:160px; left: 50%; margin-left: -80px; text-align: center; z-index: 2; }
.sub_list_en{ width:200px !important; margin-left: -100px;}
.sub_list li a{ display: block; font-size: 16px; color: #2b2e2e; opacity: 0.7; padding: 13px 0;}
.sub_list li a:hover{ opacity: 1;}

/*璇█妗�*/
.lang_area{ display: block; position: absolute; right: 0px; top: 25px;}
.lang_area a{ display: inline-block; font-size: 18px; color: #fff; opacity: 1;cursor: pointer; width: 25px; line-height: 25px;  border-radius: 5px;}
.lang_area a:hover{ opacity:1; color:#d60e19;}
.lang_area a.current{ opacity:1;}
.lang_area .s_line{ display: inline-block; font-size: 12px; margin: 0px 3px; position: relative; top: -2px; opacity: 0.7;}

.head_white{
  background: #fff;
}
/* .head_white.fixed{
  position: fixed;
  top: -72px;
} */
.submenu_show .logo h1,.head_white .logo h1{ background-image: url(../images/logo-hover.png);background-size: 100% auto;}
.submenu_show .menu_list .menu_item .txt,.head_white .menu_list .menu_item .txt{ color: #2b2e2e;}
.submenu_show.search_area_show .search_area,.head_white.search_area_show .search_area{ width: 676px; background: #f6f6f6; }
.submenu_show.search_area_show .search_area .search_icon,.head_white.search_area_show .search_area .search_icon{ opacity: 0.3; }
.submenu_show.search_area_show .search_area .ipt_search,.head_white.search_area_show .search_area .ipt_search{ color: #2b2e2e;}
.submenu_show .search_area .search_icon,.head_white .search_area .search_icon{ background-image:url(../img/index/icon_search_hover.png);}
.submenu_show .lang_area a,.head_white .lang_area a{ color: #2b2e2e;}
.submenu_show .lang_area .s_line,.head_white .lang_area .s_line{ color: #2b2e2e;}
.submenu_show .bg_hover{ display:block !important; width: 100%; height: 420px; background:rgba(255,255,255,1); z-index: 1; position: absolute; top: 0px; left: 0px; -webkit-animation:a_bg_hover_show 0.2s ease-out both; -webkit-transform-origin:50% 0%;}
.submenu_show .menu_list .menu_item.sublist_show .sub_list,.head_white .menu_list .menu_item.sublist_show .sub_list{ -webkit-animation:a_menu_item_show 0.2s ease-out both;}
.submenu_show .menu_list .menu_item.sublist_hide .sub_list,.head_white .menu_list .menu_item.sublist_hide .sub_list{ -webkit-animation:a_menu_item_hide 0.15s ease-out both;}
.submenu_show .menu_list .menu_item .menu_hook{ display:block;}
.submenu_hide,.sublist_hide{ pointer-events:none;} /*閬垮厤榧犳爣蹇€熺Щ鍔ㄨЕ鍙戦紶鏍囧鑿滃崟鏀跺洖鍔ㄧ敾寤惰繜 涓€杩涘鍑烘樉绀篵ug*/
.submenu_hide .bg_hover{ -webkit-animation:a_bg_hover_hide 0.15s ease-out both; -webkit-transform-origin:50% 0%;}
/*.submenu_show .menu_list .menu_item .sub_list{ display: block; background: rgba(255,0,0,0.5);}


.submenu_show .menu_list .menu_item:hover .sub_list li:nth-child(1){ -webkit-animation:a_menu_item_li_show 0.2s ease-out both;}
.submenu_show .menu_list .menu_item:hover .sub_list li:nth-child(2){ -webkit-animation:a_menu_item_li_show 0.2s 0.1s ease-out both;}
.submenu_show .menu_list .menu_item:hover .sub_list li:nth-child(3){ -webkit-animation:a_menu_item_li_show 0.2s 0.2s ease-out both;}
.submenu_show .menu_list .menu_item:hover .sub_list li:nth-child(4){ -webkit-animation:a_menu_item_li_show 0.2s 0.3s ease-out both;}
.submenu_show .menu_list .menu_item:hover .sub_list li:nth-child(5){ -webkit-animation:a_menu_item_li_show 0.2s 0.4s ease-out both;}
.submenu_show .menu_list .menu_item:hover .sub_list li:nth-child(6){ -webkit-animation:a_menu_item_li_show 0.2s 0.5s ease-out both;}
.submenu_show .menu_list .menu_item:hover .sub_list li:nth-child(7){ -webkit-animation:a_menu_item_li_show 0.2s 0.6s ease-out both;}*/



@keyframes a_menu_item_show {
	0%{ -webkit-transform:translate(0px,-30px); opacity: 0;}
	100%{  -webkit-transform:translate(0px,0px); opacity: 1;}
}

@keyframes a_menu_item_hide {
	0%{  -webkit-transform:translate(0px,0px); opacity: 1; }
	100%{ -webkit-transform:translate(0px,-30px); opacity: 0; }
}


@keyframes a_bg_hover_show {
	0%{ -webkit-transform:scale(1,0.5); opacity: 0;}
	100%{  -webkit-transform:scale(1,1); opacity: 1;}
}


@keyframes a_bg_hover_hide {
	0%{ -webkit-transform:scale(1,1); opacity: 1;}
	100%{  -webkit-transform:scale(1,0.5); opacity: 0;}
}


/*通用*/
.common_t1{ font-size: 36px; padding: 0; font-weight: 500; color: #d60e19; }
.common_t1_mb50{ font-size: 36px; padding: 0; font-weight: 500; color: #d60e19; margin-bottom:50px; }
.common_t1_mb40{ font-size: 36px; padding: 0; font-weight: 500; color: #d60e19; margin-bottom:40px; }
.common_t2{ font-size: 18px; padding: 30px; font-weight: 300; color: #666; margin-bottom:20px;}
.common_line{ margin-bottom:25px;}

.common_t3{ font-size: 24px; padding: 0; font-weight: 400; color: #000; margin-bottom:20px;}
.common_t1_white{ font-size: 36px; padding: 50px 0; font-weight: 500; color: #fff; text-align:center; line-height:300%;}

/*about us*/
.aboutus{ width: 1200px; margin: 0 auto;margin-top: 100px; position: relative;}


.line {
  position: absolute;
  left: 0;
  top: -300px;
  font-size: 34px;
  font-weight: 300;
  text-align: center;
  width: 100%;
  z-index: 0;
}

.listBox { width: 1200px; margin:0 auto;}
.listBox ul { position: relative; transition: height 400ms; }
.listBox li { width: 400px; overflow: hidden; float:left; }
.listBox li a { display: block; color: #fff; transition: 400ms;}
.listBox li a:hover{ text-decoration:none; color:#c09b26;}
.listBox li .imgBox { height: 269px; width:375px; position: relative; color:#fff;}
.listBox li .img { width: 100%; height: 100%; }
.listBox li .bg { opacity: 0; filter: alpha(opacity=0); width: 100px; height: 100px; background: #c09b26;border-radius:50px; position: absolute; left: 50%; margin-left:-50px; top: 30px; transition: 400ms; }
.listBox li .t { width:100%; position:absolute; left:0; bottom:10px; overflow: hidden; height: 32px; line-height: 32px; font-size: 20px; transition: 400ms; text-align:center; font-weight:400; z-index:1;}


.listBox li .te {width:100%; position:absolute; left:0; bottom:0; overflow: hidden; height: 32px; line-height: 32px; font-size: 32px; transition: 400ms; text-align:center; font-weight:bold; opacity:0; z-index:999; transition:0.3s;}
.listBox li .usline { width:100%; position:absolute; left:0;  bottom:0; height:0; overflow:hidden; background:#d60e19; transition: 400ms; text-align:center; z-index:0;}

.listBox li:hover { border-color: #69B015; color:#c09b26; }
.listBox li:hover a { color: #373737; }
.listBox a:hover .usline {background:#d60e19; width:100%;left: 0; height:269px; opacity: 1; filter: alpha(opacity=100); }
.listBox a:hover .te {width:100%; position:absolute; left:0; bottom:100px; overflow: hidden; height: 32px; line-height: 32px;  transition: 400ms; text-align:center; font-weight:bold; opacity:1;}
.listBox a:hover .te i{font-size: 32px;}
.listBox a:hover .t {bottom:150px; }


/*我们的技术力量*/
.make{ width:100%; padding-top:100px;}
.makeCon{ position:relative;}
.makeCon img{ width:100%;}

#ourpro{ position:relative;}
.swiper-our{ position:relative;}
.swiper-our h2{ position:absolute; left:0; bottom:0; text-align:center; width:100%; height:60px; line-height:60px; color:#fff;}

/* 本例子css */
		.slideBoxMake{ width:100%; height:auto;  position:relative; }
		.slideBoxMake .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBoxMake .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBoxMake .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBoxMake .hd ul li.on{ background:#f00; color:#fff; }
		.slideBoxMake .bd{ position:relative; height:100%; z-index:0;   }
		.slideBoxMake .bd li{ zoom:1; vertical-align:middle; }
		.slideBoxMake .bd img{ width:100%;display:block;  }
        /* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBoxMake .prev{ position:absolute; left:20px; top:50%; margin-top:-20px; display:block; width:40px; height:40px; z-index:99;}
        .slideBoxMake .prev i{ color:#fff; font-size:40px;}
		.slideBoxMake .next{ position:absolute; right:20px; top:50%; margin-top:-20px; display:block; width:40px; height:40px;z-index:99; }
        .slideBoxMake .next i{ color:#fff; font-size:40px;}

.swiper-container {
      width: 100%;
      height: 100%;
    }
.swiper-banner{}

.bannerList{ position:relative; z-index:0; }
.bannerList img{ display:block;}
.bannerList .banner_title{ height:60px; line-height:60px;  overflow:hidden; background:rgba(0,0,0,0.8); text-align:center; font-size:18px; color:#fff; width:100%;  }
.bannerList .banner_title a{ color:#fff;  display:block;}
.bannerList .banner_title a:hover{ color:#e97305;}
.swiper-sban{ height:10px !important;}
.swiper-slide-active { height:auto !important;}

.swiper-banner-arrows{ outline:none;}
.swiper-banner-arrows i{ color:#fff !important;}
.swiper-pagination-banner{ bottom:80px !important;}
.swiper-pagination-banner .swiper-pagination-bullet{ width:15px; height:15px; background:#fff;}
.swiper-pagination-banner .swiper-pagination-bullet-active{ background:#d60e19;}


/*我们的产品优势*/
.moreView{ display:block; background:#fafafa; transition:0.3s; }
.moreView:hover{ background:#d60e19; box-shadow:0 0 5px #ccc;}
.moreViewWhire{ display:block; background:#fff; transition:0.3s; }
.moreViewWhire:hover{ background:#d60e19; box-shadow:0 0 5px #ccc;}

.ele{display:flex;justify-content: center;align-items: center;} 

.advantageCon_m{ display:none;}
.advantageCon_m_con{ position:relative;}

.advantageCon{}
.advantage{ margin:0; list-style:none; text-align:left; position:relative;}
.advantage_mtitle{ display:none;}
.advantage_miconf{ display:none;}
.advantage li{ width:50%; height:320px;}
.advantage li img{ width:100%; display:block;}
 .fleft{ float:left;}
.fright{ float:right;}

.advantage_pro1{ background:url(../images/pro1.jpg) no-repeat left top; background-size:cover;}
.advantage_pro2{ background:url(../images/pro2.jpg) no-repeat left top; background-size:cover;}
.advantage_pro3{ background:url(../images/pro3.jpg) no-repeat left top; background-size:cover;}
.advantage_pro4{ background:url(../images/pro4.jpg) no-repeat left top; background-size:cover;}
.advantage_pro5{ background:url(../images/pro5.jpg) no-repeat left top; background-size:cover;}

.advantage_steng1{ background:url(../images/stength1.jpg) no-repeat left top; background-size:cover;}
.advantage_steng2{ background:url(../images/stength2.jpg) no-repeat left top; background-size:cover;}
.advantage_steng4{ background:url(../images/stength4.jpg) no-repeat left top; background-size:cover;}
.advantage_steng5{ background:url(../images/stength5.jpg) no-repeat left top; background-size:cover;}
.advantage_steng6{ background:url(../images/stength6.jpg) no-repeat left top; background-size:cover;}
.advantage_steng3{ background:url(../images/stength3.jpg) no-repeat left top; background-size:cover;}


.advantage_txt{ padding:20px 40px;}
.advantage_txt_nolink{ padding:20px 40px;}

.advantage_txt_en{ padding:20px 40px;}
.advantage_txt_nolink_en{ padding:20px 40px;}


.advantage_h3{font-size: 24px; padding: 0; font-weight: 400; color: #000; margin-bottom:10px;}
.advantage_h3_en{font-size: 20px; padding: 0; font-weight: 400; color: #000; margin-bottom:10px;}
.advantage_line{ height:2px; background:#d60e19; margin:10px 0; margin-bottom:20px; width:240px; transition:0.3s;}
.advantage_line_en{ height:2px; background:#d60e19; margin:10px 0; margin-bottom:20px; width:100%; transition:0.3s;}
.advantage_line_213{ width:213px;}
.advantage_line_100{ width:100px;}
.advantage_desc{ font-size:14px; color:#a8a8a8; line-height:150%; text-align:justify}
.advantage_more{ width:120px; height:30px; line-height:30px; background:#d60e19; color:#fff; text-align:center; display:block;font-size:16px; }
.advantage_more i{ font-size:14px;}

.advantage_s{ color:#d60e19; text-align:center; font-size:16px; }
.advantage_s i{ font-size:14px;}


.moreView:hover .advantage_line{ background:#fff; width:100%;}
.moreView:hover .advantage_line_en{ background:#fff; width:100%;}
.moreView:hover .advantage_h3{ color:#fff;}
.moreView:hover .advantage_h3_en{ color:#fff;}
.moreView:hover .advantage_desc{ color:#fff;}
.moreView:hover .advantage_more{ background:#fff; color:#d60e19;}
.moreView:hover .advantage_s{ color:#fff;}

.moreViewWhire:hover .advantage_line{ background:#fff; width:100%;}
.moreViewWhire:hover .advantage_h3{ color:#fff;}
.moreViewWhire:hover .advantage_h3_en{ color:#fff;}
.moreViewWhire:hover .advantage_desc{ color:#fff;}
.moreViewWhire:hover .advantage_more{ background:#fff; color:#d60e19;}
.moreViewWhire:hover .advantage_s{ color:#fff;}

.stength_ul{ margin:0; list-style:none; text-align:left;}
.stength_ul li{ width:50%; float:left;}
.stength_ul li img{ width:100%; display:block;}

.stength_ul_txt{ padding:50px 200px 0 30px;}
.stength_ul_txt_left{ padding:50px 30px 0 200px;}
.stength_ul_line{ height:2px; background:#d60e19; margin:10px 0; width:50px; transition:0.3s;}
.stength_ul_desc{ font-size:16px; color:#666; line-height:180%; margin-bottom:30px;}
.stength_ul_more{ width:160px; height:35px; line-height:35px; background:#fff; color:#d60e19; text-align:center; display:block;font-size:16px; border:1px solid #d60e19; transition:0.3s;}
.stength_ul_more:hover{ background:#d60e19; color:#fff;width:200px; }


/*我们的客户*/
.customer{ width:1100px; height:240px; margin:0 auto; position:relative;}
.customer_img{ width:180px; border:1px solid #ccc; padding:5px; height:90px; line-height:90px;}
.customer_img img{ display:block;}
.swiper-customer{ }
.swiper-container {
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
    }
.swiper-customer-prev{ left:-50px !important;}
.swiper-customer-next{ right:-50px !important;}
.swiper-button-next i, .swiper-button-prev i{ font-size:30px; color:#c00;}
.swiper-button-next:after, .swiper-button-prev:after{ display:none;}
.swiper-customer-next:focus, .swiper-customer-prev:focus {outline: none;}

.picScroll-left{ position:relative;  }
.picScroll-left .hd{ text-align:center;}
.picScroll-left .hd ul{ overflow:hidden; zoom:1; margin:10px auto; zoom:1; width:230px;}
.picScroll-left .hd ul li{ float:left;  width:12px; height:12px; border-radius:12px; overflow:hidden; margin-right:10px; text-indent:-999px; cursor:pointer; background:#ccc; }
.picScroll-left .hd ul li.on{ background:#d60e19;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ width:30px; height:30px; line-height:30px; position:absolute;font-size:30px; color:#000; cursor:pointer}
.picScroll-left .hd .next{ top:30px; right:-50px; }
.picScroll-left .hd .prev{ top:30px; left:-50px; }

.picScroll-left .hd .next:hover,.picScroll-left .hd .prev:hover{  color:#d60e19;}

.picScroll-left .bd{ padding:10px;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; width:160px; height:80px;  padding:2px; border:1px solid #ccc;}
.picScroll-left .bd ul li .pic img{ width:100%; display:block;  }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px;   }

/* 本例子css */
	.multipleColumn{ overflow:hidden; position:relative; width:1200px; margin:0 auto;  background:#fff; margin-bottom:30px; }
    .multipleColumn .prev,.multipleColumn .next{ width:30px; height:30px; line-height:30px; position:absolute;font-size:30px; color:#000; cursor:pointer; z-index:99}
    .multipleColumn .next{ top:30px; right:0; }
    .multipleColumn .prev{ top:30px; left:0; }
    .multipleColumn .hd{ text-align:center;}
    .multipleColumn .hd ul{ overflow:hidden; zoom:1; margin:10px auto; zoom:1; width:290px;}
    .multipleColumn .hd ul li{ float:left;  width:12px; height:12px; border-radius:12px; overflow:hidden; margin-right:10px; text-indent:-999px; cursor:pointer; background:#ccc; }
    .multipleColumn .hd ul li.on{ background:#d60e19;}


	.multipleColumn .bd{ padding:10px 0 10px 30px; overflow:hidden;  }
	.multipleColumn .bd ul{ overflow:hidden; zoom:1; width:100%;   }
	.multipleColumn .bd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center;  }
	.multipleColumn .bd ul li .pic{text-align:center; width:160px; padding:2px; border:1px solid #ccc; }
	.multipleColumn .bd ul li .pic img{ width:100%; display:block; }
	.multipleColumn .bd ul li .pic a:hover img{ border-color:#999;  }
	.multipleColumn .bd ul li .title{ line-height:24px;   }
    

/*我们的最新动态*/
.newsOut{ width:100%; padding-top:0;}
.inewsCon{ width:1200px; margin:20px auto;}
.inewsList{ width:50%; float:left; text-align:left;}

.newsTitle{font-size: 20px; padding: 0; font-weight: 400; color: #000;height:50px;display: flex;align-items: center;text-align: justify;color:#333; padding-right:50px;}
.inewsList_con{ margin:20px;  border-bottom:2px solid #bcbcbc; position:relative;}
.inews_time{ font-size:12px; color:#999; padding:5px 0; }
.inews_time i{ font-size:12px; color:#999;}
.inews_icon{ position:absolute; right:0; top:10px; transition:0.3s; }

.inews_line{ width:0; height:2px; transition:0.3s; position:absolute; left:0; bottom:0;width:95%;}


.inewsList:hover{ color:#d60e19;}
.inewsList:hover .inews_line{ width:100%; background:#d60e19;}

.inewsList:hover .newsTitle{  color:#c00;}
.inewsList:hover .inews_icon{ right:0;}

.news_more{ width:160px; height:35px; line-height:35px; background:#d60e19; color:#fff; text-align:center; display:block;font-size:16px; margin:0 auto; transition:0.3s; margin-bottom:80px; }
.news_more:hover{ background:#F00; color:#fff;width:180px;font-size:18px;  }

.more_arrow{ width:100px; height:35px; line-height:35px;color:#d60e19; text-align:center; display:block;font-size:16px; margin:50px auto; transition:0.3s; }
.more_arrow i{ font-size:22px;}
.more_arrow:hover{ background:#F00; color:#fff;width:120px;font-size:18px;  }

.more_s{font-size:16px;}
.more_s i{ font-size:16px;color:#d60e19;}
.more_s:hover{ background:#d60e19; color:#fff;font-size:16px;  }
.more_s:hover i{ color:#fff;}
/*新闻列表*/

.newsList{ width:100%; text-align:left; display:block;}
.newslistcon{margin:50px 0;}
.newsList_con{ padding:50px 0;  border-bottom:2px solid #bcbcbc; position:relative;}
.newsdesc{ font-size:14px; line-height:200%; padding:10px 0;}
.inews_line{ width:0; height:2px; transition:0.3s; position:absolute; left:0; bottom:-2px;}
.newsTitlein{font-size: 24px; padding: 0; font-weight: 400; color: #000;height:70px;    display: flex;      align-items: center;      text-align: justify;height:60px;color:#333; padding-right:50px;}

.newsList:hover{ color:#d60e19;}
.newsList:hover .inews_line{ width:100%; background:#d60e19;}

.newsList:hover .newsTitlein{  color:#c00;}
.newsList:hover .inews_icon{ right:0;}

.newsDetailTitle{ font-size:28px; font-weight:400; text-align:center; padding:10px 0;}
.newsdetail{ font-size:16px; color:#666; line-height:200%;}

.videoDetail{ width:600px; margin:0 auto;}

.back{ width:200px; height:40px; line-height:40px; font-size:16px; padding:0 20px; color:#999; border:1px solid #ccc; display:block; margin:50px 0; border-radius:4px; background:#f7f7f7; transition:0.3s;}
.back i{ font-size:14px; float:right;}
.back:hover{ background:#d60e19; color:#fff;}

.msgBox{  margin:30px 0;}
.msgBox i{ font-size:50px; color:#999;}
.msgBox h3{ font-weight:300; font-size:30px; line-height:100px; height:100px; color:#999;}

/*内页导航*/


.inSubCon{ width:100%; background:#f7f7f7;}
.inSub{ width:1200px; margin:0 auto; list-style:none;}

.guide{ margin:10px 0; font-size:14px; color:#999;}
.guide i{ font-size:14px;}

.aboutus_con{ padding:30px 0; font-size:16px; line-height:200%;text-align: justify; width:1000px; margin:0 auto; margin-bottom:30px;}
.contactus_con{ padding:30px 0; font-size:16px; line-height:180%;text-align: justify; width:1000px; margin:0 auto; margin-bottom:30px;}
.honor_con{ padding:30px 0; font-size:16px; line-height:200%;text-align: justify; width:1000px; margin:0 auto; text-align:center;}
.honor_con_about{ padding:30px 0; font-size:16px; line-height:200%;text-align: justify; width:900px; margin:0 auto; text-align:center;}
.recruit_con{ padding:30px 0; font-size:16px; line-height:200%;text-align: justify; width:1200px; margin:0 auto; margin-bottom:30px;}


.inVideo{ width:100%;}

.inCenter{ width:1200px; margin:0 auto; position:relative;}
.inCenter img{ display:block;}
.inCenter_txt{ padding:20px; text-align:left; position:relative; text-indent:2em;}
.inCenter_txt:before{ content:"“";font-weight:700; font-size:50px; color:#d60e19;position:absolute; left:-40px; top:0;}
.inCenter_txt:after{ content:"“";font-weight:700; font-size:50px; color:#d60e19; position:absolute; right:20px; bottom:0;}

.inCenter_txtCon{ width:350px; float:left;font-size:16px; line-height:200%;}
.inCenter_img{ width:750px; float:right; }
.inCenter_img img{ width:100%;}

.inCenter_txtCon_r{ width:350px; float:right;font-size:16px; line-height:200%;}
.inCenter_img_l{ width:750px; float:left; }
.inCenter_img_l img{ width:100%;}


/*发展历程*/
.historybg{ width:100%; position:relative;background:url(../images/historybg.jpg) no-repeat center top; background-size:cover; z-index:1}
.historybgimg{ position:absolute; left:0; top:0; height:385px;  }

.history-title {
  padding: 100px 0;
  font-size: 36px; font-weight: 500; color: #fff;
}

.m_history{ display:none;}
.event_box{width:100%;margin:3% auto 0;position:relative;min-height:420px; z-index:1}
.event_box .parHd {width:800px;display:inline-block;height:200px;overflow:hidden;}
.parHd{ position:relative}
.parHd  ul{width:100%;text-align:center;margin:0 auto;padding-top:25px !important;}
.parHd .tempWrap{margin:0 auto;}
.parHd .tempWrap:after{content:'';width:85%;height:1px;background:#fff;position:absolute;/* top:33%;*//* right:-140%;*/right:8%;top:30%;/* margin-top:-0.5px;*/z-index:10;}
.parHd li.no_line:before{display:none;}
.parHd li{display:inline-block;cursor:pointer;padding-top:30px;font-size:20px;color:#fff;margin:0 30px;position:relative;}
.parHd li:after{content:'';background:url(../images/dot_ico.png) no-repeat;width:24px;height:24px;position:absolute;z-index:20;top:-12px;left:50%;margin-left:-12px;}
.parBd{text-align:center; width:100%; margin:60px auto 0 auto;}

.parBd .slideBox{ max-width:1200px; margin:0 auto;}
.parBd h4{position:relative;font-size:28px;margin-bottom:3%;/*width:200px;*/ padding:0;display:inline-block;text-align:center; font-weight:400; }
.parBd h4:after{content:'';background:#fff;width:100px;height:1px;position:absolute;left:-100px;bottom:12px;}
.parBd h4:before{content:'';background:#fff;width:100px;height:1px;position:absolute;right:-100px;bottom:12px;}
.parBd p{line-height:180%;font-size:18px;width:80%;margin:0 auto; color:#777;}
div#listBox {width:100%;}
.sPrev,.sNext{width:50px;height:50px;display:block;position:absolute;top:10px; cursor:pointer}
.sPrev{left:0;}
.sNext{right:0;}
.sPrev i,.sNext i{ font-size:30px; color:#fff;}
.sPrev:hover i,.sNext:hover i{ color:#d60e19;}

.parHd li.act{color:#d60e19 !important;  font-size:20px;}
.parHd li.act span{display:block;width:24px;height:24px;overflow:hidden;background:url(../images/cat.png) no-repeat;position:absolute;top:-12px;left:11px;z-index:21;  }
.parHd li span,.parHd li.clone span{display:none;}
.parHd li span,.parHd li.clone{ color:#fff !important;}


.parBd .history_h4{ font-size:22px;}

/*合作伙伴*/
.partner_con{ padding:0; font-size:16px; line-height:200%;text-align: justify; width:100%; max-width:1300px; margin:0 auto; text-align:center; }
.partner_l{ width:30%; float:left; margin-left:5%;}
.partner_l_con{ padding:30px;}
.partner_r{ width:60%; float:right;}
.partner_ul{ margin:0; padding:30px; list-style:none;}
.partner_ul li{ width:16.666%; float:left;}
.partner_ul li p{ background:#fff; margin:10px;}
.partner_ul li p img{ display:block;}

/*企业文化*/
.cutlure_con{ padding:30px 0; font-size:16px; line-height:200%;text-align: justify; max-width:1200px; margin:0 auto; text-align:left;}
.cutlure_con_b{ width:100%; position:relative;}
.cutlure_con_b img{ width:100%; display:block;}
.culture_p{ margin-bottom:20px;}
.cultuer_link .fillpro_hover{ display:none; transition:0.3s;}
.cultuer_link:hover .fillpro_hover{ display:block;}

.culture_title{font-size: 24px; padding: 0; font-weight: 500; color: #d60e19; width:80px; height:80px; line-height:80px; border-radius:80px; border:1px solid #d60e19; margin:0 auto; margin-bottom:20px;  box-shadow:0 0 5px #666; }

.culture_block_div{ margin-bottom:50px; width:1000px; margin:0 auto; }
.culture_block{ text-align:center; width:25%; float:left;}
.culture_block p{ font-size:18px;}

.culturein{ width:1000px; margin:30px auto;}
.culture_logo{ width:300px; float:left;}
.culture_logor{ width:650px; float:right; font-size:18px; font-weight:400; text-align:left;  padding-top:40px;text-align:justify; padding-right:40px; line-height:180%;}
.culuter_logor p{ margin-bottom:20px;}
.culture_logor_en{ width:650px; float:right; font-size:18px; font-weight:400; text-align:left;  padding-top:20px;text-align:justify; padding-right:40px; line-height:180%;}

.culturein_company{ width:1000px; margin:30px auto; margin-bottom:60px;}
.culture_left{ text-align:left;}

.culture_l_con{ width:450px; float:left; background:#f7f7f7; margin:20px; border-radius:4px; border-bottom:2px solid #d60e19;}
.culture_l_t{ font-size:22px; font-weight:500; padding:0;text-align:left; padding:10px 0 5px 10px;}
.culture_l_desc{ font-size:16px; margin-bottom:10px;text-align:left; padding:0 0 0 10px; color:#666;}
.culture_l_desc_enh{ height:48px;}
.culture_right{ width:500px;float:right;}



/*内页悬浮菜单*/
.mod-con{
  width: 1200px;
  margin: 0 auto;
}

.mod-tab{
  border-bottom: 1px solid #f4f4f4;
  transform: translateY(0);
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  box-sizing: border-box;
}
.mod-tab-wrap .mod-tab-content{
  display: none;
}
.mod-tab-wrap .mod-tab-content.active-show{
  display: block;
}
.mod-tab.mod-tab-fixed{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
.brief .mod-tab,.investor .mod-tab,.media .mod-tab{
  background: rgba(251,251,251,1);
}
.mod-tab-container{
  width: 100%;
  height: 54px;
  position: relative;
}
.business .mod-tab-container{
  height: 69px;
}
.mod-tab{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: #f7f7f7;
}
.mod-tab.fixed{
  position: fixed;
  z-index: 99;
  top:70px;
}
.mod-tab li{
  float: none;
  display: inline-block;
  margin-right: 56px;
  position: relative;
  cursor: pointer;
}
.mod-tab .sline{
  width: 64px;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #d60e19;
}
.mod-tab li:last-child{
  margin-right: 0;
}
.mod-tab li a{
  padding: 16px 0;
  display: block;
  font-size: 16px;
  position: relative;
  line-height: 36px;
  color: #5F6464;
}
.mod-tab li.active-tab a{
  color: #2a2e2e;
}
.mod-tab li.active-tab a:after{
  content: ' ';
  height: 2px;
  width: 100%;
  background: #d60e19;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
}
.mod-tab-nt li a{
  padding: 12px 0;
  line-height: 29px;
  font-size: 16px;
}

.mod-tab .mc-left{
  position: absolute;
  left: 0;
  top: 0;
  height: 53px;
  z-index: 10;
  cursor: pointer;
  display: none;
}
.mod-tab .mc-right{
  position: absolute;
  right: 0;
  top: 0;
  height: 53px;
  z-index: 10;
  cursor: pointer;
  display: none;
}
.mod-tab .mc-left img,.mod-tab .mc-right img{
  height: 100%;
}

.graybg{ background:#f7f7f7;}

.pc-tab-brand{ padding:30px 0;}
.pc-tab-brand-title {
  margin: 0;
  font-size: 36px; padding: 0; font-weight: 500; color: #d60e19;
}

/*产品*/
.m_pro{ display:none;}
.m_pro_ul{ display:none;}
.procon{ margin:0 auto; width:1200px;}
.pc-tab-pro-title {
  margin: 30px auto;
  font-size: 36px; padding: 0; font-weight: 500; color: #d60e19;
}

.m-slide{ position: relative; width:100%;   border: 1px solid #e9e9e9; background: #f7f7f7 }	
.m-slide .img { position:relative; width:100%; background:#fff; padding:30px 0;}
.m-slide-imgCon{ padding:20px;}
.m-slide .img li { display: none; position: absolute; left: 0; top: 0; }	
.m-slide .img .first { display: block }	

.m-slide .tab { width:100%; background:#f7f7f7; }
.m-slide .tab li{ height:60px; line-height:60px;font-size: 24px; padding: 0; font-weight: 300; color: #333; border-bottom:1px solid #eee; cursor:pointer; border-bottom:3px solid #f7f7f7; width:25%; float:left;}
.m-slide .tab li.active{ color:#d60e19; border-bottom:3px solid #d60e19; background:#fff;}

.m-slide .tab_en { width:100%; background:#f7f7f7; }
.m-slide .tab_en li{ height:60px; line-height:60px;font-size: 24px; padding: 0; font-weight: 300; color: #333; border-bottom:1px solid #eee; cursor:pointer; border-bottom:3px solid #f7f7f7; width:25%; float:left;}
.m-slide .tab_en li.active{ color:#d60e19; border-bottom:3px solid #d60e19; background:#fff;}

.pro_list{ margin:0; padding:0; list-style:none;}
.pro_list .pro_list_item{ width:300px;float:left; }
.pro_list .pro_list_item img{ width:100%;}
.pro_list .pro_list_item a{ display:block; padding:30px; position:relative; transition:0.3s; height:300px;justify-content:center;align-items:center;display:-webkit-flex;}
.pro_list .pro_list_item a h5{ font-size: 18px; padding: 0; font-weight: 300; color: #666; height:30px; line-height:30px;position:absolute; left:0; bottom:0; width:100%; text-align:center;}
.pro_list .pro_list_item a:hover{ background:#d60e19;}
.pro_list .pro_list_item_bg{ width:300px; height:100%; position:absolute; left:0; top:0; background:#d60e19; opacity:0; transition:0.3s;text-align:center; display:none;}
.pro_list .pro_list_item_i{ width:100%;  position:absolute; left:0; bottom:100px; opacity:0; transition:0.3s;text-align:center; transition:0.3s; display:none;}
.pro_list .pro_list_item_i i{font-size:30px;}

.pro_list .pro_list_item a:hover .pro_list_item_bg{  opacity:0.8; display:block;}
.pro_list .pro_list_item a:hover .pro_list_item_i{  opacity:1; z-index:10; color:#fff; bottom:100px; display:block;}

.pro_list .pro_list_item a:hover h5{ color:#fff; position:absolute; left:0; bottom:180px; z-index:99; text-align:center; font-weight:500; width:100%; font-size:24px; }



.plistbg{ background:url(../images/plistbg.jpg) no-repeat center top; background-size:cover;}
.plistwdith{ width:1200px; margin:0 auto; text-align:left;}

.plistCon{ position:relative; padding:50px 0;}
.plist_l{ width:50%; float:left; }
.plist_l img{ width:100%; max-width:800px;}
.plist_r{ width:50%;  float:right;}

.plist_l_fill{ width:100%;}
.plist_r_fill{ width:800px;  }


.plist_singel_l{ width:60%; float:left; }
.plist_singel_l img{ width:100%; }
.plist_singel_r{ width:35%;  float:right;}

.plist_singelCon{ padding-top:50px;}
.plistTitle{ font-size:24px; font-weight:700; border-bottom:1px solid #fff; margin-bottom:10px; padding-bottom:10px; padding-right:10px;}
.plistdetail{ font-size:16px; line-height:180%;}

.plist_video{ width:100%; position:relative}
.plist_videoTitle{ height:50px; line-height:50px; text-align:center;  font-size:22px; font-weight:300; color:#333; text-align:left;}

.plist_singel_title{font-size:30px; font-weight:700;  margin-bottom:10px; padding-bottom:10px;}

.plist_proimg{width:100%; position:relative}
.plist_proimg img{ width:100%; display:block;}

.plist_videoshow{width:1200px; margin:0 auto; position:relative}

/* 图片切换css */
		.picFocus{ margin:0 auto;  width:100%;  zoom:1;  position:relative; }
		.picFocus .hd{  overflow:hidden; position:absolute; right:-130px; top:0; }
		.picFocus .hd ul{  overflow:hidden; zoom:1; }
		.picFocus .hd ul li{  text-align:center; margin-bottom:10px;}
		.picFocus .hd ul li img{ width:109px; height:65px; border:2px solid #ddd; cursor:pointer; margin-right:5px;   }
		.picFocus .hd ul li.on{ background:url("images/icoUp.gif") no-repeat center 0; }
		.picFocus .hd ul li.on img{ border-color:#d60e19;  }
		.picFocus .bd li{ vertical-align:middle; }
		.picFocus .bd img{ width:100%;  display:block;  }


/*产品上下*/
.proNP1{ margin:30px auto; width:100%; list-style:none; border-radius:4px; box-shadow:0 0 5px #ccc; background:#fff;}
.proNP1 li{ width:33.33%; float:left;}
.proNP1 li a{ height:50px; line-height:50px; text-align:center; font-size:16px; background:#fff; display:block; color:#999;-webkit-transition: all 0.3s ease-in-out;}
.proNP1 li a:hover{ background:#d60e19; text-decoration:none; color: #fff;}
.proNP1 li i{ font-size: 12px;}


/*单机*/
#ifocus { width:100%; }	
#ifocus_pic { display:inline; position:relative; float:left; width:550px; }	
#ifocus_piclist li { width:550px;}	
#ifocus_piclist img { width:100%; }	
#ifocus_btn { display:inline; float:right; margin-top:9px; width:150px; }	
#ifocus_btn li { width:80px; height:80px; padding:5px; margin-bottom:5px; cursor:pointer; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); overflow:hidden; border:2px solid #eee; }	
#ifocus_btn img { width:100%;}	
#ifocus_btn .on{ background: url(images/ifocus_btn_bg.gif) no-repeat; opacity:1; -moz-opacity:1; filter:alpha(opacity=100); border:2px solid #d60e19; }	
#ifocus_opdiv { position:absolute; left:0; bottom:0; width:340px; height:35px; background:#000; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); }	
#ifocus_tx { position:absolute; left:8px; bottom:8px; color:#FFF; }	
#ifocus_tx ul li{ display:none;  }	
#ifocus_tx ul li a{ color:#fff; font-size:14px; font-weight: bold;}


/*整线*/

.m-slide-fill{ height:719px; overflow:hidden;}
.fillpro{ list-style:none;}
.fillpro li{ width:25%; float:left; }
.fillpro li a{ font-size:16px; background:#fff; display:block; font-weight:400; border:1px solid #eee;  height:60px; vertical-align:middle;display: flex;align-items: center;justify-content: center;text-align: justify; text-align:center; padding:5px; margin:10px; border-radius:4px; transition:0.3s; box-shadow:0 0 4px #ccc;}
.fillpro li a:hover{ background:#d60e19; color:#fff; box-shadow:0 0 5px #ccc; border:1px solid #d60e19; }


.m-slide .swiper-fill{ width:900px; float:right;background:#fff; }
.m-slide .tabfill { width:300px; float:left;  }
.m-slide .tabfill li{ height:71px; font-size: 18px; padding: 0; font-weight: 300; color: #333; border-bottom:1px solid #eee; cursor:pointer;  text-align:left; vertical-align:middle;display: flex;align-items: center;text-align: justify; padding:0 10px;}

.m-slide .tabfill li.fill_en{ height:71px;  padding: 0; font-weight: 300; color: #333; border-bottom:1px solid #ccc; cursor:pointer;  text-align:left; vertical-align:middle;display: flex;align-items: center; padding:0 10px; font-size:16px;}

.m-slide .tabfill li.active{ color:#fff; background:#d60e19;}

.swiper-slide-fill {
      text-align: center;
      font-size: 18px;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition: 300ms;
	  transform: scale(0.8);
     
    }
	.swiper-slide-active,.swiper-slide-duplicate-active{
      transform: scale(1);
      color:#d60e19;
	}
.swiper-slide-fill img{ width:100%;}

.fillimg{ padding:50px; height:600px; }
.fill_title{ font-size:24px; font-weight:300;}

.fillproimg{ padding:10px;}
.fillproimg img{ height:700px;}

.filllink{ display:block; position:relative;}
.filllink .fillpro_hover{ display:none; transition:0.3s;}

.filllink:hover .fillpro_hover{ display:block;}

.fillpro_hover{ width:100px; height:100px; line-height:100px; border-radius:100px; background:rgba(214,14,25,0.8); color:#fff; position:absolute; left:50%; top:50%; margin:-50px 0 0 -50px;}
.fillpro_hover i{ font-size:30px;}


/*新品推介*/
.m-slide .swiper-comfill{ width:900px; float:right;background:#fff; }
.m-slide .comfill { width:300px; float:left;  }
.m-slide .comfill li{ height:71px; font-size: 18px; padding: 0; font-weight: 300; color: #333; border-bottom:1px solid #eee; cursor:pointer;  text-align:left; vertical-align:middle;display: flex;align-items: center;text-align: justify; padding:0 10px;}

.m-slide .comfill li.fill_en{ height:71px;  padding: 0; font-weight: 300; color: #333; border-bottom:1px solid #ccc; cursor:pointer;  text-align:left; vertical-align:middle;display: flex;align-items: center; padding:0 10px; font-size:16px;}

.m-slide .comfill li.active{ color:#fff; background:#d60e19;}

.comfillproimg{ padding:10px;}
.comfillproimg img{}


/*人文采风*/
.humaCon{ padding:50px 0;}
.article {
  width: 33.333333%;
  float: left;
}
.article a{ margin:10px; display:block;
  display: block;
  background: white;
  border-radius: 3px;
  box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1);
  transition: all 220ms;
  padding:10px;
}
.article a:hover {
  box-shadow: 0px 2px 3px 1px #666;
  transition: all 220ms;
}
.article img {
  display: block;
  width: 100%;
  margin: 0 0 24px 0;
}
.article h2 {
  text-align: center;
  font-size: 16px;
  text-transform: uppercase;
  margin: 10px 0 12px 0;
  font-weight:400;
}
.article_img{ height:200px; overflow:hidden;}

.wall {
  display: block;
  position: relative;
  max-width:1200px;
  margin:0 auto;
}
.wall-column {
  display: block;
  position: relative;
  width: 33.333333%;
  float: left;
  padding: 0 12px;
  box-sizing: border-box;
}
@media (max-width: 640px) {
  .wall-column {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .wall-column {
    width: auto;
    float: none;
  }
}


/*联系我们*/
.contactlist{ width:40%; float:left; text-align:center;}
.contactlist2{ width:160px; float:right; text-align:center;}
.contactlist2 img{ width:100%;}
.contact_tel{ width: 100%; }
.contact_tel dt{ font-size:28px; text-align:left; padding:10px 0; font-weight:500;}
.contact_tel dd{ color:#666; text-align:left; padding:1px 0;}

.contact_tel_en{ width: 100%; }
.contact_tel_en dt{ font-size:14px; text-align:left; padding:0; font-weight:500;}
.contact_tel_en dd{ color:#666; text-align:left; padding:0; font-size:14px;}


/*人才招聘*/

.recruit_ul{ width:450px; margin:20px auto;}
.recruit_ul li{ width:150px; float:left;}
.recruit_ul li a{ display:block; height:50px; line-height:50px; text-align:center; font-size:18px; font-weight:500; color:#000; background:#f7f7f7; margin:10px;}
.recruit_ul li a:hover{ color:#d60e19;}
.recruit_ul li a.on{ background:#d60e19; color:#fff;}

.recruit_ul_en{ width:600px; margin:20px auto;}
.recruit_ul_en li{ width:200px; float:left;}
.recruit_ul_en li a{ display:block; height:50px; line-height:50px; text-align:center; font-size:16px; font-weight:500; color:#000; background:#f7f7f7; margin:10px;}
.recruit_ul_en li a:hover{ color:#d60e19;}
.recruit_ul_en li a.on{ background:#d60e19; color:#fff;}

.accordion_programs {width: 100%;background: #FFF;}
.accordion_programs .link {cursor: pointer;display: block;    padding: 0;color: #4D4D4D;  height:60px;   font-size: 16px;    font-weight:500;border-bottom: 1px solid #CCC;    position: relative;
background:#f7f7f7; }
.accordion_programs .linkon .link{ color:#f60 !important; background:#f60;}
.accordion_programs .linkon i{ color:#f60;}
.accordion_programs li:last-child .link {    border-bottom: 0;}
.accordion_programs li{    cursor: pointer; border:1px solid #ccc; margin-bottom:20px; border-radius:4px; box-shadow:0 0 5px #eee;}
.accordion_programs li i {font-size: 18px;color: #595959;-webkit-transition: all 0.4s ease;    -o-transition: all 0.4s ease;transition: all 0.4s ease;}
.accordion_programs li i.fa-chevron-down { position:absolute; right: 15px;left: auto; top:18px; font-size: 14px; color:#999;}
.accordion_programs li.open .link {    color: #d60e19;}
.accordion_programs li.open i {    color: #d60e19;}
.accordion_programs li.open i.fa-chevron-down {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}

.programs_list{ padding:10px;}
.programs_num{ width:70px; float:left; text-align:center; height:60px; line-height:60px; font-size:24px; color:#fff; font-weight:700; background:#d60e19;}
.programs_num i{ color:#fff !important; font-size:22px !important;}
.programs_title{ width:92%; float:right; height:60px; line-height:60px;}

.posName{ width:250px; float:left;}
.posMoney{width:200px; float:left;}
.posCount{width:140px; float:left;}
.posTel{width:280px; float:left;}
.posTime{width:200px; float:left;}
.posSpan{ font-size:16px; color:#999;}

.lineh60{ line-height:60px;}

/*企业荣誉*/
.honorlistcon{padding:50px 0;}

.honor_list{ list-style:none; width:1200px; margin:30px auto;}
.honor_list li{ width:33.3%; float:left;}
.honor_list_img{height:240px; width:100%; overflow:hidden; vertical-align:middle;}
.honor_list_img img{ height:250px;}
.honor_list li a{ display:block;  border-radius: 3px;  box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1);  transition: all 220ms; margin:10px; padding:10px;}
.honor_list li a:hover{ color:#d60e19;}
.honor_list_t{ font-size:18px; font-weight:400; height:50px; padding-top:5px; text-align:center;}
.honor_list_t_en{ font-size:14px; font-weight:400; height:70px; padding-top:5px;}

.honor_list4{ list-style:none; width:1200px; margin:30px auto;}
.honor_list4 li{ width:20%; float:left;}
.honor_list4 li a{ display:block;  border-radius: 3px;  box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1);  transition: all 220ms; margin:10px; padding:10px; background:#fff;}
.honor_list4 li a:hover{ color:#d60e19;}
.honor_list4_title{ padding-top:50px;}


/*合作伙伴*/
.partnerlistcon{padding:50px 0; width:1200px; margin:0 auto;}
.partner_list{ list-style:none;  margin:30px auto;}
.partner_list li{ width:20%; float:left;}
.partner_list_img{ display:block;  border-radius: 3px;  box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1);  transition: all 220ms; margin:10px; padding:10px; }
.partner_list_img img{ width:100%}
.partner_list_t{ font-size:18px; font-weight:400; padding:10px 0; background:#f7f7f7;}

/*研发中心3图*/
.stengcentercon{padding:50px 0 0 0; width:1200px; margin:0 auto;}
.partner_list3img{ list-style:none;  margin:30px auto;}
.partner_list3img li{ width:33.3%; float:left;}
.partner_list3img_img{ display:block;  border-radius: 3px;  box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1);  transition: all 220ms; margin:10px; padding:10px; }
.partner_list3img_img img{ width:100%}

.partner_list6img{ list-style:none;  margin:30px auto;}
.partner_list6img li{ width:16.666%; float:left;}



/*科研成果*/
.research{ position: relative; width:100%;    }	
.research .researchList { position:relative; width:100%; background:#fff; padding-bottom:30px;}

.research .tab_research { width:100%; background:#f7f7f7; }
.research .tab_research li{ height:60px; line-height:60px;font-size: 24px; padding: 0; font-weight: 300; color: #333; border-bottom:1px solid #eee; cursor:pointer; border-bottom:3px solid #f7f7f7; width:25%; float:left;}
.research .tab_research li.active{ color:#d60e19; border-bottom:3px solid #d60e19; background:#fff;}

.swiper-research{ height:100px !important;}
.swiper-slide-active { height:auto !important;}

.research .tab_research1 { width:100%;  }
.research .tab_research1 li{ height:60px; line-height:60px;font-size: 24px; padding: 0; font-weight: 300; color: #333; border-bottom:1px solid #eee; cursor:pointer; border-bottom:3px solid #f7f7f7; width:33.3%; float:left;}
.research .tab_research1 li.active{ color:#d60e19; border-bottom:3px solid #d60e19; }


.tech_list{ list-style:none; width:1200px; margin:30px auto;}
.tech_list li{ width:25%; float:left;}
.tech_list li a{ display:block;  border-radius: 3px;  box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1);  transition: all 220ms; margin:10px; padding:10px; background:#fff;}
.tech_list li a:hover{ color:#d60e19;}

.tech_list_img{height:240px; width:100%; overflow:hidden; vertical-align:middle;display: flex;align-items: center;text-align: justify;}
.tech_list_img img{ width:100%;}
.tech_list_t{ font-size:18px; font-weight:400; height:70px; padding:5px 0;text-align: center; }


/*生产能力*/
#persons {
  position: relative;
  width: 1200px;
  margin: 0 auto
}

#persons .swiper-container {
  padding-bottom: 60px;
}

#persons .swiper-slide {
      padding-top: 60px;
  width: 540px;
  height: 340px;
}
#persons .swiper-slide img{ width:100%; display:block;}



#persons .swiper-slide h2 {
  padding: 10px 0;
  text-align: center;
  font-size: 20px;
  margin-bottom: 10px;
  font-weight:400;
  background:#fff;
  border:1px solid #eee;
  border-top:none;
}


#persons .swiper-pagination {
  width: 100%;
  bottom: 20px;
}

#persons .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
  border: 3px solid #fff;
  background-color: #d5d5d5;
  width: 10px;
  height: 10px;
  opacity: 1;
}

#persons .swiper-pagination-bullets .swiper-pagination-bullet-active {
  border: 3px solid #d60e19;
  background-color: #fff;
}

#persons .swiper-button-prev {
  left: -30px;
  top: 40%;
  width: 45px;
  height: 45px;
  outline:none;
}

#persons .swiper-button-prev:hover {
  background-position: 0 -46px;
  background-size: 100%
}

#persons .swiper-button-next {
  right: -30px;
  top: 40%;
  width: 45px;
  height: 45px;
  outline:none;
}


/*董事长简介*/
.ceo_con{ width:1000px; margin:0 auto;}
.ceo_l{ width:330px; float:left; font-size:14px; line-height:200%;}
.ceoTitle{ font-size:30px; font-weight:600; color:#d60e19; padding:20px 0;}
.ceo_r{ width:620px; float:right; text-align:left; line-height:200%;}
.ceo_r p{ font-size:14px; margin-bottom:5px;}
.ceo_desc{ margin-bottom:20px;}
.ceo_descTtile{font-size:22px; font-weight:500; color:#d60e19; padding:10px 0;}
.ceo_desc_en p{ margin-top:30px; font-size:22px; line-height:180%; position:relative; padding-left:30px;}
.ceo_desc_en i{ font-size:18px; color:#d60e19; position:absolute; left:0; top:0;}

/*footer*/
#footer{
	color:#fff;
	width:100%;
	margin:0px auto;
	line-height:150%;
	text-align:center;
	background:#d60e19;
	overflow:hidden;
	font-size:12px;
}
#footer a{ color:#fff;transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}

.footer_in{ width:1000px; margin:0 auto; padding:50px 0; position:relative;}

.footer_logo{float:right;width: 130px; }
.footer_qrcode img{ width:100%;}
.footer_qrcode{ width:114px; margin:0 auto; }
.footer_qrcode_en{ width:130px; margin:0 auto; }
.footer_qrcode_en img{ width:100%;}

.footer_tel{ width: 40%; float:left;}
.footer_tel dt{ font-size:24px; text-align:left; padding:5px 0; font-weight:500; line-height:150%; text-align:justify;}
.footer_tel dd{ color:#fff; text-align:left; padding:3px 0; font-size:14px;}

.footer_tel_en{ width: 40%; float:left; margin-right:20px;}
.footer_tel_en dt{ font-size:14px; text-align:left; padding:10px 0; font-weight:700; line-height:150%;}
.footer_tel_en dd{ color:#fff; text-align:left; padding:0; font-size:12px;}


.footer_icon{ padding: 30px 0 0 0;}
.footer_icon i{font-size:34px;}
.footer_twhite{ font-size: 36px; padding: 30px 0 20px 0; font-weight: 500; color: #fff; text-align:center; }

.copyright{margin:20px auto; width:1200px; text-align:center; color:#fff;}

/* 其它样式 */
.channel { margin:0 auto; width:1200px; text-align:left; position: relative; background:#fff;}
.channel_in { margin:50px auto; width:1200px; text-align:left; position: relative; font-size: 14px; line-height: 180%;}
.inbanner{ width:100%; overflow:hidden; margin:0 auto;  }
.inbanner img{ width:100%; display:block;}

.mshow{ display:none;}

.page {
	padding: 20px 10px 20px 10px;
	margin: 0px auto;
	text-align: center;
}
.page a {
	display: inline-block;
	width: 38px;
	height: 38px;
	line-height:38px;
	text-align: center;
	color: #888888;
	font-size: 15px;
	background: #eee;
    border-radius:4px;
	background-position: 0px 0px;
	margin: 0px 3px 0px 3px;
}
.page font {
	display: inline-block;
	width: 38px;
	height: 38px;
	line-height:38px;
	text-align: center;
	color: #fff;
	font-size: 15px;
    border-radius:4px;
	margin: 0px 3px 0px 3px;
}
.page a:hover {
	background: #d60e19;
	color: #fff;
}
.page .current {
	display: inline-block;
	width: 28px;
	height: 28px;
	text-align: center;
	color: #ffffff !important;
	font-size: 15px;
	background: url(../images/page.jpg) no-repeat;
	background-position: 0px -80px !important;
	margin: 0px 3px 0px 3px;
}
.page .prve {
	background-position: 0px -120px;
	text-indent: -9999em;
}
.page .prve:hover {
	background-position: -40px -120px;
}
.page .prveNO {
	background-position: 0px -120px !important;
	text-indent: -9999em;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.page .next {
	background-position: 0px -158px;
	text-indent: -9999em;
}
.page .next:hover {
	background-position: -40px -158px;
}
.page .nextNO {
	background-position: 0px -158px !important;
	text-indent: -9999em;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } 
.clearfix { display:inline-block; }
/* Hide from IE Mac \*/ 
.clearfix { display:block; }
/* End hide from IE Mac */ 
/* end of clearfix  */