@charset "utf-8";
/*body公用*/
/* ------------------------------------------------- 
 * 公用样式表 
 * ------------------------------------------------- 
*/  
body{font-family:"微软雅黑","宋体"; font-size:14px; font-weight: 400; letter-spacing:-.1px; font-stretch:normal; font-style:normal; line-height:inherit; color: rgba(255, 255, 255, 0.8); color: #000;  background: rgba(255, 255, 255, 1); 
text-align:justify; -webkit-text-size-adjust:none; height:auto; 
-webkit-font-smoothing: subpixel-antialiased; /*chrome、safari*/
-moz-osx-font-smoothing: grayscale;/*firefox*/}
/** 定义HTML body **/

a {color:#000;transition:400ms ease all;}
a:focus {color: #000;outline: none; text-decoration: none;}
a:hover {color: #000;outline: none;text-decoration: none;transition:400ms ease all;}

/*========== 翻页公用 ==========*/
.met_pager{margin-top:30px;text-align:center;}
.met_pager *{display:inline-block;}
.met_pager a,
.met_pager .PreSpan,
.met_pager .NextSpan{padding:9px 15px;border:1px solid #fff; background-color:#004925;}
.met_pager a{border-right:none;color:#fff;text-decoration:none;}
.met_pager a:active,
.met_pager a:focus,
.met_pager a:hover{text-decoration:none;}
.met_pager a:hover{background:#000; color: #fff;}
.met_pager a.NextA{border-right:1px solid #fff;}
.met_pager a.Ahover{border-color:#fff;background:#000;color:#fff;}
.met_pager .PreSpan,
.met_pager .NextSpan{color:#ccd5db;cursor:default;}
.met_pager input,
.met_pager .PageText{display:none;}
/*========== 翻页公用 ==========*/


/*统一色  ##b11116 */
/*======================== 顶部 ============================*/

/** IE浏览器版本过低  **/
#ie-alert-overlay {width:100%;height:100%;background-image:url(../images/bg.png);position: fixed; top: 0; left: 0;z-index:99999999999;}
* html #ie-alert-overlay {position: absolute;z-index:999999999999;}
#ie-alert-panel {width:520px;height:331px;position:fixed;background: url(../images/iealertsprite.png) no-repeat;background-position: -1px -109px ;top:50%;left:50%;margin:-201px 0 0 -296px;padding:72px 0 0 72px;_position:absolute;  /* fixed position hack for IE6 */_top:expression(300+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');  /* top:300px hack for IE6 */font-weight:bold;color:#333;line-height:1.5em;z-index:999999999999;}
#ie-alert-panel p {font-size:14px;width:486px;text-align:justify;}
#ie-alert-panel img {border:0;}
#ie-alert-panel span {font-size:18px;margin: 0 0 20px 0;display:block;padding:0;}
#ie-alert-panel ul {list-style: none;margin:0;padding:0;	}
#ie-alert-panel li {float:left;margin:0 22px 0 0;	}
#ie-alert-panel li.last {margin-right:0;}
#ie-alert-panel a {display:inline-block;		}
.browser {position: absolute;bottom:35px;	}
.chrome, .firefox, .ie9, .opera, .safari {background: url(../images/iealertsprite.png) no-repeat;}
.chrome {background-position: 0 0;width: 73px;height: 96px;margin:0 4px 0 0;}
.firefox {background-position: -292px 0;width: 73px;height: 98px;}
.ie9 {background-position: -179px 0;width: 95px;height: 98px;}
.opera {background-position: -90px 0;width: 73px;height: 98px;}
.safari {background-position: -387px 0;width: 73px;height: 98px;margin:0 4px 0 0;}
/** IE浏览器版本过低  **/

/** 手机导航按钮  **/
.btn-manu {position: absolute;top: 50%;right: 30px;margin-top: -15px;width: 30px;height: 30px;display: none}
.btn-manu span {position: absolute;top: 50%;left: 5px;width: 30px;height: 2.5px;background: #fff;}
.btn-manu span:nth-of-type(1) {margin-top: -8px}
.btn-manu span:nth-of-type(2) {margin-top: -1px}
.btn-manu span:nth-of-type(3) {margin-top: 6px}

.header-menu{display: none; font-size: 0;text-align: center}
/** 手机导航按钮  **/



@media (max-width:1200px){.bo-container{width:1170px}}
@media (max-width:992px){.bo-container{width:970px}}
@media (max-width:768px){.bo-container{width:750px}}

.topbox{ position:absolute; top: 0px; left: 0px;width: 100%; z-index: 999; }
.top{ width: 100%; max-width: 1200px; height: 130px;  margin: 0px auto; position: relative;}
.logo{ position: absolute; left: 0px; top: 30px;}

.header-menu-ul{ width: 100%; display: block; padding-left: 15%; padding-top: 50px;}
.menu-itemx{display: block; float: left; width: 12.5%; position: relative;}
a.menu-linkx {display: block;margin: 0 0px;font-size: 16px;line-height: 50px; font-weight: bold; text-align: center; color: #fff;}

.subMenu-linkx {display: block;text-align: center;margin: 0 6px;border-bottom: 1px solid #f2f2f2;font-size: 16px;line-height: 44px;color: gray}
.subMenu-linkx:hover {color: #e1251b}

.subMenux {position: absolute;top: 100%; left:-20%; width: 150%; background: rgba(255, 255, 255, 0.9);
visibility: hidden;opacity: 0;
	-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.05);
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.05);
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.05);
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}
.menu-itemx:hover .subMenux {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
/** 导航结束  **/



/** 滑屏滚动  **/
.index_case{width: 100%; max-width: 100%; margin: 3% auto 0px auto; padding: 0px 0px; position: relative;}
.index_case_b{width: 100%; padding: 10px 10px; }
.index_case_bimg{width: 100%;overflow: hidden;}
.index_case_bimg img{width: 100%;transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.index_case_bimg:hover img {transform: scale(1.1, 1.1);transition: transform 0.6s ease 0s;}
.index_case_b span{ display: block; text-align: left; font-size: 16px;}

.swiper01.swiper-container{padding: 0px 0px 0px 0px;}

.index_case .swiper01.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{top: 0px; bottom:auto; text-align: right; padding-right: 50px;}
.index_case .swiper01.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ background: #f00; width: 15px; height: 15px; opacity:0.5;}
.index_case .swiper01.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{ background: #000; opacity:1;}

.index_case .swiper-button-prev {width: 40px;height: 40px; line-height: 40px; background: rgba(0, 0, 0, 0.5); text-align: center;}
.index_case .swiper-button-next {width: 40px;height: 40px; line-height: 40px; background: rgba(0, 0, 0, 0.5); text-align: center;}
.index_case .swiper-button-prev {left: 0px;}
.index_case .swiper-button-next {right: 0px;}
/** 滑屏滚动  **/


.index_tit{ height: 70px; }
.index_tit_b{padding: 0px 30px;}
.index_tit_b1{ float: left; width:19px; height: 35px; margin-top: 14px; background-image: url("../images/tit1.png"); background-repeat: no-repeat;background-position: center center;
	background-size: cover;-webkit-background-size: cover;}
.index_tit_b2{ float: left; padding: 0px 20px; text-align: center;}
.index_tit_b2 em{color: #000;}
.index_tit_b3{ float: left; width:19px; height: 35px; margin-top: 14px; background-image: url("../images/tit2.png"); background-repeat: no-repeat;background-position: center center;
	background-size: cover;-webkit-background-size: cover;}
.index_tit_b2 b{ font-size: 30px; display: block; color: #b11116;}
.index_tit_b2 span{ font-size: 14px;text-transform:uppercase; color: #8c8c8c;}

.index_titd{ position: absolute; top: 80px;}


.in_cpbox{ width: 100%; display: block; padding: 40px 0px 0px 0px;}
.in_cpbox1{ width: 25%; float: left; overflow: hidden; padding-right: 5px;padding-left: 5px;}
.in_cpbox2{ width: 25%; float: left; overflow: hidden;  padding-right: 5px;padding-left: 5px;}
.in_cpbox3{ width: 25%; float: left; overflow: hidden;  padding-right: 5px;padding-left: 5px;}
.in_cpbox4{ width: 25%; float: left; overflow: hidden; padding-right: 5px;padding-left: 5px;}

a.in_cpbox1_b{width: 100%; display: block; position: relative; overflow: hidden;}
a.in_cpbox1_b img{width: 100%;transition: all 1s ease 0s;transform: scale(1)}
a:hover.in_cpbox1_b img{transform: scale(1.05)}

a.in_cpbox2_b{width: 100%; display: block;position: relative; overflow: hidden;}
a.in_cpbox2_b img{width: 100%;transition: all 1s ease 0s;transform: scale(1)}
a:hover.in_cpbox2_b img{transform: scale(1.05)}

a.in_cpbox1_b .in_cpbox1_bt{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; padding: 25px; color: #fff; background: rgba(222, 30, 39, 0.7); z-index: 6; opacity: 0;transition: all 1s ease 0s;}
a:hover.in_cpbox1_b .in_cpbox1_bt{  opacity: 1;}
a.in_cpbox1_b .in_cpbox1_bt .in_cpbox1_bt_tit{ font-size: 18px; padding-bottom: 10px;}
a.in_cpbox1_b .in_cpbox1_bt .in_cpbox1_bt_m{ width: 100%; height: 75%;line-height:20px; margin-bottom: 10px; overflow: hidden;}

a.in_cpbox2_b .in_cpbox1_bt{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; padding: 60px 25px 25px 25px; color: #fff; background: rgba(222, 30, 39, 0.7); z-index: 6; opacity: 0;transition: all 1s ease 0s;}
a:hover.in_cpbox2_b .in_cpbox1_bt{  opacity: 1;}
a.in_cpbox2_b .in_cpbox1_bt .in_cpbox1_bt_tit{ font-size: 18px; padding-bottom: 10px;}
a.in_cpbox2_b .in_cpbox1_bt .in_cpbox1_bt_m{ width: 100%; height: 85%; line-height:20px; margin-bottom: 10px; overflow: hidden;}




.index_news{width: 100%; display: block; padding: 0px 0px;}
.index_newsl{ float: left; width: 40%;height: 600px;  background-image: url(../images/index_newslbg.jpg);background-repeat: no-repeat;background-position: right top;background-size:700px;}
.index_newslbox{padding-top: 350px; height: 600px; background-image: url(../images/index_newslboxbg.jpg);background-repeat: no-repeat;background-position: 50px bottom;background-size:450px;}
.index_newslboxa{ padding:95px 0px 0px  70px;}
.index_newslboxa a span{ display: inline-block; margin: 0px 0px 0px 10px; width: 80px; height: 2px; background: #000;transition: all 1s ease 0s;}
.index_newslboxa a:hover{ color: #b11116;}
.index_newslboxa a:hover span{background: #b11116;width: 100px;}
.index_newsr{float: left; width: 55%; height: 800px; padding-top: 100px;}

/* 多个上滚动 - 图片- 公用类 */
.index_newsrbox{ overflow:hidden; position:relative; }
.index_newsrbox .bd{}
.index_newsrbox .bd ul{ overflow:hidden; zoom:1;  color: #6e6e6e;}
.index_newsrbox .bd ul li{display: block; border-bottom:1px dotted #ccc;}
.index_newsrbox a{ display: block; padding:20px 0px 20px 0px;}
.index_newsrbox a .index_newsrboxtime{display: block;}
.index_newsrbox a h4{ display: block; font-size: 16px; height: 24px; line-height: 24px; margin: 10px 0px; overflow: hidden;}
.index_newsrbox a .index_newsrinfo{ color: #6e6e6e;height: 48px; line-height: 24px; overflow: hidden;}
.index_newsrbox a:hover,.index_newsrbox a:hover .index_newsrinfo{color: #b11116;}



/** index_img  **/
.index_img{width: 100%; display: block; padding: 0px 0px; height: auto; position: relative; }
.swiper02.swiper-container{padding: 0px 0px 0px 0px;}

.index_img .swiper02.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:20px; text-align: left; padding-left: 25%;}
.index_img .swiper02.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ background: #fff; width: 50px; height: 5px; opacity:0.9;border-radius:0px;transition: all 0.5s ease 0s;}
.index_img .swiper02.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{ background: #9d0f13;width: 60px;height: 5px; opacity:1;}

.index_img .swiper-button-prev {width: 40px;height: 40px; line-height: 40px; background: rgba(0, 0, 0, 0.5); text-align: center;}
.index_img .swiper-button-next {width: 40px;height: 40px; line-height: 40px; background: rgba(0, 0, 0, 0.5); text-align: center;}
.index_img .swiper-button-prev {left: 0px;}
.index_img .swiper-button-next {right: 0px;}

.index_imga{display: block; width: 100%; height: 800px;background-repeat: no-repeat;background-position: center center;background-size:auto;}
.index_imga img{width: 100%;}

.index_img_box{position: absolute; width:600px; height: 100%; padding: 200px 80px 0px 80px; z-index: 66; right: 0px; top: 0px; background: rgba(255, 255, 255, 0.7); }
.index_img_box_tit{}
.index_img_box_tit h3{ font-size: 26px; color: #b11116}
.index_img_box_tits{height: 5px; margin: 20px 0px; width: 100%; display: block; border-bottom: 2px solid #fff;}
.index_img_box_tits em{width: 50%; border-bottom: 3px solid #b11116; display: block;}
.index_img_box_titi{font-size: 16px; line-height: 26px;}

.index_img_boxm{width: 100%; display: block; padding-top: 30px;}
.index_img_boxm li{display: block; margin-bottom: 20px; text-align: center; width: 33.3333%; float: left;}
.index_img_boxm li a{width: 100px; height: 100px; display: block; background: #fff;}
.index_img_boxm li span{width: 100px; display: block; margin-top: 5px;}
.index_img_boxm li a:hover{ background: #b11116;}

.index_img_boxm li:nth-child(1) a{ background-image: url(../images/index_img1a.png);}
.index_img_boxm li:nth-child(2) a{ background-image: url(../images/index_img2a.png);}
.index_img_boxm li:nth-child(3) a{ background-image: url(../images/index_img3a.png);}
.index_img_boxm li:nth-child(4) a{ background-image: url(../images/index_img4a.png);}
.index_img_boxm li:nth-child(5) a{ background-image: url(../images/index_img5a.png);}
.index_img_boxm li:nth-child(6) a{ background-image: url(../images/index_img6a.png);}

.index_img_boxm li:nth-child(1) a:hover{ background-image: url(../images/index_img1.png);}
.index_img_boxm li:nth-child(2) a:hover{ background-image: url(../images/index_img2.png);}
.index_img_boxm li:nth-child(3) a:hover{ background-image: url(../images/index_img3.png);}
.index_img_boxm li:nth-child(4) a:hover{ background-image: url(../images/index_img4.png);}
.index_img_boxm li:nth-child(5) a:hover{ background-image: url(../images/index_img5.png);}
.index_img_boxm li:nth-child(6) a:hover{ background-image: url(../images/index_img6.png);}




.index_map{width: 100%; max-width: 100%; margin: 0% auto 0px auto; padding: 0px 0px; position: relative;}
.index_mapimg{width: 100%; height: auto;}
.index_mapimg img{width: 100%; height: auto;}


.index_lianjie{width: 100%; max-width: 100%; margin: 3% auto 0px auto; padding: 0px 0px; position: relative;}
.swiper03.swiper-container{padding: 50px 0px 100px 0px;}

.index_lianjie .swiper03.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{top: 0px; bottom:auto; text-align: right; padding-right: 50px;}
.index_lianjie .swiper03.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ background: #f00; width: 15px; height: 15px; opacity:0.5;}
.index_lianjie .swiper03.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{ background: #000; opacity:1;}

.index_lianjie .swiper-button-prev {width: 40px;height: 40px; line-height: 40px; background: rgba(0, 0, 0, 0.5); text-align: center;}
.index_lianjie .swiper-button-next {width: 40px;height: 40px; line-height: 40px; background: rgba(0, 0, 0, 0.5); text-align: center;}
.index_lianjie .swiper-button-prev {left: 0px;}
.index_lianjie .swiper-button-next {right: 0px;}

.index_lianjiea{ width: 100%; display: block; text-align: center;}



.foot{background: #000000; color: #fff; padding: 50px 0px 0px 0px;}
.foot a{color: #fff;}
.foot_l{ float: left; width: 80%; padding-left: 2%; padding-bottom: 50px;}
.foot_l ul{display: block;}
.foot_l ul li{display: block; float: left; padding-right:5%;}
.foot_l ul li b{display: block; font-size: 16px; padding-bottom: 20px;}
.foot_l ul li a{display: block; font-size: 13px; padding-bottom: 5px; color: #ccc;}
.foot_l ul li a:hover{color: #b11116;}

.foot_r{ float: right; width: 20%; padding-right: 2%;text-align: right;}

.cop{ border-top: 1px solid #ccc; padding: 20px 0px;}
.cop_l{float: left;width: 80%; padding-left: 2%;}
.cop_r{float: right;width: 20%; padding-right: 2%; text-align: right;}



.top_yuyan{ position: absolute; right: 0px; top: 20px;color: #fff;}
.top_yuyan i{margin-right: 10px;}
.top_yuyan a{color: #fff;}
.top_yuyan a:hover{color: #b11116;}


/** pag_ban  **/
.pag_ban{position: relative;height: 420px}
@media (max-width:1600px){
.pag_ban{position: relative;height: 380px}
}
@media (max-width:1400px){
.pag_ban{position: relative;height: 300px}
}
@media (max-width:992px){
.pag_ban{position: relative;height: 250px}
}
@media (max-width:768px){
.pag_ban{position: relative;height: 200px}
}
.pag_ban .imgBg {height: 100%}
.imgBg {background-position: center center;background-size: cover;background-repeat: no-repeat}
.imgBg img {display: none;}
/** pag_ban  **/


.pag_ban_tit{ height: 70px; width:100%; max-width: 1200px; margin: 0px auto;}
.pag_ban_tit_b{padding: 0px 0px; top:60%; position: absolute; color: #fff;}
.pag_ban_tit_b1{ float: left; width:19px; height: 35px; margin-top: 14px; background-image: url("../images/tit3.png"); background-repeat: no-repeat;background-position: center center;
	background-size: cover;-webkit-background-size: cover;}
.pag_ban_tit_b2{ float: left; padding: 0px 20px; text-align: center;}
.pag_ban_tit_b2 em{color: #fff;}
.pag_ban_tit_b3{ float: left; width:19px; height: 35px; margin-top: 14px; background-image: url("../images/tit4.png"); background-repeat: no-repeat;background-position: center center;
	background-size: cover;-webkit-background-size: cover;}
.pag_ban_tit_b2 b{ font-size: 30px; display: block; color: #fff;}
.pag_ban_tit_b2 span{ font-size: 14px;text-transform:uppercase; color: #fff;}



.pag_main{ width: 100%; max-width: 1200px; font-size: 16px; line-height: 26px; padding: 15px 15px 15px 15px; margin: 0px auto; position: relative;}
.pag_main img{ width:auto; max-width: 100%;}

.pag_nav{ position: absolute; top: -60px; right: 0px; height: 60px; }
.pag_nav ul{display: block; background: #fff; height: 60px; line-height: 60px; padding: 0px 30px;}
.pag_nav ul li{ float: left; margin: 0px 15px; position: relative;}
.pag_nav ul li a{display: block; border-bottom: 2px solid #fff; height: 60px;}
.pag_nav ul li a:hover,.pag_nav ul li a.dq{ border-bottom: 2px solid #b11116;}
.pag_nav ul li:after{content: "";display: table; position: absolute; right:-15px; top: 37%; width: 1px; height: 15px; background:#ccc;}
.pag_nav ul li:last-child:after{ width: 0px;}


.pag_about{padding: 40px 0px; position: relative;}
.pag_aboutimg{float: left; padding: 0px 20px 20px 0px;}

/*新闻*/
.pag_news{padding: 40px 0px; position: relative;}

a.sy-news{display: block; width:100%;height: 180px; margin: 0px 0px 0px 0px;padding: 20px 0px 20px 0px; border-bottom: 1px dotted #ccc; position: relative;transition:400ms ease all;}
a.sy-news .sy-news-img{width: 200px;height: 140px; position: absolute; background-size: cover;background-position: center center;float: left;border-radius: 10px;}
a.sy-news .sy-news-img img{width: 200px;height: 140px;}
a.sy-news .sy-news-text-p1{ color: #666;}
a.sy-news .sy-news-text{width:100%;float: left; padding-left:230px;}
a.sy-news .sy-news-text1{width:100%;float: left; padding-left:0px;}
a.sy-news .sy-news-text-h3{display: block;color: #303030;font-size: 18px;line-height: 26px; height:auto;max-height: 52px; overflow: hidden; font-weight:bold;margin: 10px 0;}
a.sy-news .sy-news-text-p{display: block;font-size: 14px;line-height: 22px; height:auto;max-height: 44px; color: #666;overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;}
a:hover.sy-news{ transition:400ms ease all;}
a:hover.sy-news .sy-news-text-h3{display: block;color: #b11116;transition:400ms ease all;}



.pag_news_info{padding: 40px 0px; position: relative;}

.sp-info-h1{font-size: 22px; padding-bottom: 10px; text-align: center;}
.sp-info-top-b{ color: #999;text-align: center; padding-bottom: 10px; border-bottom: 1px dotted #ccc;}
.news-info-m{width: 100%; padding: 30px 0px; color: #000; font-size: 16px; line-height: 28px; overflow: hidden; }

.sp-info-sxye{ padding: 20px 0px 0px 0px;}
.sp-info-sxye1{ padding-bottom: 10px; color: #666;}
.sp-info-sxye1 a{color: #666;}
.sp-info-sxye1 a:hover{ color: #b11116;}



/*下载*/
.pag_download{padding: 40px 0px; position: relative;}

.download_box{border-bottom: 1px dotted #ccc; padding: 20px 0px;}
.download_box h4{display: block; line-height: 18px; height: 18px; padding-bottom: 40px;}
.download_box h4 span{display: inline-block; float: left; width: 18px; height: 18px; margin-right: 10px; background: #b11116;}
.download_box a{display: block; float: left; width: 50%; padding:0px 0px 10px 100px; color: #666;}
.download_box a:hover{color: #b11116;}


/*人才理念*/
.pag_linian{padding: 40px 0px; position: relative;}

.pag_linian_boxl{ width: 50%; float: left;}
.pag_linian_boxr{ width: 50%; float: right; position: relative;}
.pag_linian_boxr_tit{ position: absolute; width: 200%; padding-left: 35px; height:80px; line-height:80px; font-size: 26px; color: #fff; background: #b11116; }
.pag_linian_boxrm{ font-size: 14px; padding: 100px 20px 20px 20px; height: 340px; overflow: hidden;}

.pag_linian_box:nth-child(even){}
.pag_linian_box:nth-child(even) .pag_linian_boxl{ width: 50%; float: right;}
.pag_linian_box:nth-child(even) .pag_linian_boxr{ width: 50%; float: left; position: relative;}
.pag_linian_box:nth-child(even) .pag_linian_boxr_tit{ position: absolute; right: 0px; width: 200%; padding-right: 35px; height:80px; line-height:80px; font-size: 26px; color: #fff; background: #b11116; text-align: right; }
.pag_linian_box:nth-child(even) .pag_linian_boxrm{ font-size: 14px; padding: 100px 20px 20px 20px; height: 340px; overflow: hidden;}



/*招聘*/
.pag_zhaopin{padding: 40px 0px; position: relative;}

.zhaopin_box{display: block; width:48%; margin: 0 1%; float: left; margin-bottom: 30px;background: #fff; padding: 20px;transition:400ms ease all;
	box-shadow: 3px 3px 10px #dfdfdf;}
.zhaopin_box:hover{box-shadow: 8px 8px 10px #dddddd;}
.zhaopin_box1{ padding-bottom: 20px; font-size: 22px; border-bottom: 1px solid #dddddd;}
.zhaopin_box2{ padding: 0px 0px; margin: 20px 0px; height: 50px; line-height: 25px; overflow: hidden; color: #666;}
a.zhaopin_boxa{padding: 7px 20px;font-size: 14px; border: 1px solid #ccc;color: #666;}
a.zhaopin_boxa:hover{padding: 7px 30px;  border: 1px solid #b11116;color: #b11116;}



.pag_contactl{float: left; width: 20%;}
.pag_contactl img{width: 100%;}
.pag_contactc{float: left; width: 40%; padding: 0px 3%;}
.pag_contactr{float: left; width: 40%;}
.pag_contactr iframe{width: 100%; height: 360px;}



.message-box{padding:3% 0px;margin:0px -14.5px;}
.message-box .list{float:left;width:50%;padding:0px 14.5px;margin-bottom:20px;}
.message-box .list2{width:100%;padding:0px 14.5px;}
.message-box .list input[type="text"]{height:40px;border:1px solid #dedede;width:100%;padding:0px 10px;}
.message-box .list input[type="submit"]{padding:15px 0px;text-align:center;background:#b11116;color:#fff;width:30%;}
.message-box textarea{width:100%;max-height:300px;height:100%;border:1px solid #dedede;resize:none;padding:10px;}
/*========== message  ==========*/




/*新闻*/
.pag_pro{padding: 40px 0px; position: relative;}

.pag_probox{width: 50%; float: left; margin-bottom: 30px; background: #e9e9e9; color: #fff;}
.pag_proboxl{float: left; padding-top: 60px; width: 40%; height: 150px; background: #de1e27; text-align: center;}
.pag_proboxr{ float: left; width: 60%; height: 150px; padding: 20px 0px 0px 50px;}
.pag_proboxr a{display: block;}
.pag_proboxr a:hover{ color: #de1e27;}


.nav_page{width:320px;overflow: visible; float: left; }
.nav_page i{margin: 0px 5px;}
.nav_page li{width: 100%;overflow: hidden;text-align: left; transition: all 500ms;border:1px solid #ddd;border-top: 0px solid #ddd;}
.nav_page li:nth-child(1){border-top: 1px solid #ddd;}
.nav_page_a{display: block;width: 100%;line-height: 20px;padding: 15px;cursor: pointer;font-size: 18px;background: #b11116;color: #fff; padding-left: 25px;}
.nav_page_a a{font-size: 18px;color: #fff;}
.nav_page li.dq .nav_page_a{background: #b11116;color: #fff;transition: all 500ms;}

.navpagesecbox{display: block;overflow: hidden;line-height: 40px; padding: 10px 0px;}	
.divthir a{display: block;width: 100%;}
.pagebox{width: 100%;overflow: hidden;position: relative;padding-left: 270px;}

.thirbox{display: block;padding: 5px 0px;padding-left: 35px;}
.thirbox a{display: block; font-size: 14px; color: #b11116; line-height: 20px; line-height: 20px;padding: 4px 0px;}
.thirbox a:hover{ color: #4f0002;}
.divthir{background: #f2f2f2;}
.divthir a{display: block;line-height: 20px;line-height: 20px; padding: 8px 0px;}
.divfour{background: #f8f8f8;display: block;}
.divfour a{display: block; font-size: 12px; line-height: 20px; padding: 8px 0px;}
.thirtit{cursor: pointer;line-height: 40px;}	

.sectti{cursor: pointer;line-height: 22px; padding: 5px 0px; font-size: 16px; padding-left: 25px;}	
.divsec:hover .sectti{color: #b11116;}
.divsec:hover .sectti a{color: #b11116;}
.naver img{width: 46%;margin: 10px 2%;float: left;}
.pagecontent{width: 100%;overflow: hidden;min-height: 600px; padding: 20px 30px;}
.pagecontent img{max-width: 100%;width: auto;}
.nav_page li:hover .nav_page_a{background: #b11116;color: #fff;transition: all 500ms;}
.nav_page li:hover .nav_page_a a{color: #fff;transition: all 500ms;}




.pag_pro_r{ float: right; width: 800px;  height:auto;}
a.sy-pro{display: block; width:100%;height: 200px; margin: 0px 0px 0px 0px;padding: 20px 0px 20px 0px; border-bottom: 1px dotted #ccc; position: relative;transition:400ms ease all;}
a.sy-pro .sy-pro-img{width: 250px;height: 156px; border: 1px solid #ccc;position: absolute; background-size: cover;background-position: center center;float: left; overflow: hidden;}
a.sy-pro .sy-pro-img img{width: 250px;height: 156px;}
a.sy-pro .sy-pro-text{width:100%;float: left; padding-left:280px;}
a.sy-pro .sy-pro-text1{width:100%;float: left; padding-left:0px;}
a.sy-pro .sy-pro-text-h3{display: block;color: #de1e27;font-size: 22px;line-height: 26px; height:auto;max-height: 52px; overflow: hidden; font-weight:bold;margin: 0px 0 10px 0px;}
a.sy-pro .sy-pro-text-p{display: block;font-size: 14px;line-height: 22px; height:auto;max-height: 110px; color: #666;overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;}
a:hover.sy-pro{ transition:400ms ease all;}
a:hover.sy-pro .sy-pro-text-h3{display: block;color: #b11116;transition:400ms ease all;}



/*产品详细*/
.pag_pro{padding: 40px 0px; position: relative;}

#intro1{float:right;width:47%;overflow:hidden;margin-left: 0%;}
.demo_name{font-size: 24px;color:#de1e27;padding-bottom: 26px;border-bottom: 1px solid #ccc;font-weight: bold;overflow: hidden;}
.demo_jieshao{font-size: 18px;color:#000;padding: 23px 0 16px;overflow: hidden;}
.demo_jieshaom{padding-bottom: 10px; font-size: 15px; color: #666;}


.pro_inner1 .i_p_ul1{width: 100%;text-align: left;margin-top: 56px;background: #e8e8e8;} 
.pro_inner1 .i_p_ul1 li{display:block;float: left;} 
.pro_inner1 .i_p_ul1 li.lii a{background: #b11116;color:#fff;}
.pro_inner1 .i_p_ul1 li:last-child{margin-right:0;} 
.pro_inner1 .i_p_ul1 span{display:inline-block;border-bottom: 1px solid #cccccc;}
.pro_inner1 .i_p_ul1 li a{display: inline-block;font-size: 16px; color:#555;padding: 20px 30px;background: #ccc} 

.pro_inner1 .i_p_ul1 li a:hover{background: #b11116;color:#fff;} 
.pro_inner1 .i_p_ul2{margin: 20px 0 100px; width: 100%;}
.pro_inner1 .i_p_ul2 .li{display: none; overflow-x: auto;} 
.pro_inner1 .i_p_ul2 .li dd{font-size: 14px;color:#666;line-height: 35px;} 
.pro_inner1 .i_p_ul2 .li:first-child{display: block;} 




.pag_main2{ width: 100%; max-width: 1200px; font-size: 16px; line-height: 26px; padding: 0px; margin: 0px auto; position: relative;}
.pag_main_quanping{ width: 100%; max-width: 100%; font-size: 16px; line-height: 26px; padding: 0px; margin: 0px auto; position: relative;}


.swiper-banner {width: 100%;height: 100%;}
.swiper-banner .swiper-slide {width: 100%;height: 750px;color: #fff;display: block;}
.swiper-banner .swiper-slide .wrap {height: 520px;}
.swiper-banner .swiper-slide .sl-left {top: 170px;left: 40px;width: 100%;}
.swiper-banner .swiper-slide.slidebg {
	background-repeat: no-repeat;background-position: center center;
	background-size: cover;-webkit-background-size: cover;
}
.swiper-banner .swiper-pagination {bottom: 30px!important; text-align: left; padding-left: 20px;}
.swiper-banner .swiper-pagination .swiper-pagination-bullet {width: 40px;height: 5px;border-radius: 0;}
.swiper-banner .swiper-nav {position: absolute;width: 40%;height: 100%;background: rgba(255, 255, 255, 0.55);right: 0;top: 0;z-index: 999;}
.swiper-navul{width: 100%; padding: 0px 5%;}
.swiper-banner .swiper-nav li {color: #fff;width: 33.3333%;float: left;cursor: pointer;}
.swiper-banner .swiper-nav li .swiper-navbox{ width: 100px; height:auto; margin: 40px auto; text-align: center; }
.swiper-banner .swiper-nav li .swiper-navbox img{ width: 100px; height: 100px; opacity: 0.5 }
.swiper-banner .swiper-nav li .icon {background: rgba(255, 255, 255, 0.25);}
.swiper-banner .swiper-nav li .info { color: #000; padding: 10px 0px;}
.swiper-banner .swiper-nav li.active .icon {background: rgba(255, 255, 255, 1.05);}
.swiper-banner .swiper-nav li.active .swiper-navbox img{ width: 100px; height: 100px; opacity: 1 }

.pag_box_tit{ padding: 10% 12% 2% 12%;}



.pag_xm_box{ padding: 20px 0px 50px 0px;}
.pag_xm_box .pag_xm_boxl{ width: 50%; float: left; background: #f8f8f8;}
.pag_xm_box .pag_xm_boxr{ width: 50%; float: right; position: relative; background: #f8f8f8;}
.pag_xm_box .pag_xm_boxr_tit{ padding:30px 30px; height:auto; max-height: 90px; line-height: 30px; overflow: hidden; font-size: 26px; color: #333;}
.pag_xm_box .pag_xm_boxrm{ color: #666; font-size: 14px; padding: 30px 30px 30px 30px; height: 140px; overflow: hidden;position: relative;}

.pag_xm_box .pag_xm_boxrm:after{content: "";display: table; position: absolute; left:30px; top:11px; width: 20%; height: 2px; background:#188cdb;}



.pag_xm_box:nth-child(odd){}
.pag_xm_box:nth-child(odd) .pag_xm_boxl{ width: 50%; float: right;}
.pag_xm_box:nth-child(odd) .pag_xm_boxr{ width: 50%; float: left; position: relative;}
.pag_xm_box:nth-child(odd) .pag_xm_boxr_tit{ padding:30px 30px; height:auto; max-height: 90px; line-height: 30px; overflow: hidden; font-size: 26px; color: #333;}
.pag_xm_box:nth-child(odd) .pag_xm_boxrm{ color: #666; font-size: 14px; padding: 30px 30px 30px 30px; height: 140px; overflow: hidden;position: relative;}

.pag_xm_box:nth-child(odd) .pag_xm_boxrm:after{content: "";display: table; position: absolute; left:30px; top:11px; width: 20%; height: 2px; background:#188cdb;}

.pag_xm_boxrb{ color: #666; font-size: 14px; padding: 20px 30px 20px 30px; height: 130px; overflow: hidden;position: relative;}
.pag_xm_boxrb1{width: 33.333%; float:left;}
.pag_xm_boxrb2{}
.pag_xm_boxrb2 span{color: #9b0f13; font-size: 30px; font-weight: bold;}




/*在线客服*/
.zxkf{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.zxkf ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.zxkf ul li:hover{background:#b11116;color:#fff}
.zxkf ul li:hover a{color:#fff}

.zxkf ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.zxkf ul li i.bgs1{background-image:url(../images/kefu/right_pic5.png)}
.zxkf ul li i.bgs2{background-image:url(../images/kefu/right_pic7.png)}
.zxkf ul li i.bgs3{background-image:url(../images/kefu/right_pic2.png)}
.zxkf ul li i.bgs4{background-image:url(../images/kefu/right_pic1.png)}
.zxkf ul li i.bgs5{background-image:url(../images/kefu/right_pic3.png)}
.zxkf ul li i.bgs6{background-image:url(../images/kefu/right_pic6_on.png)}
.zxkf ul li:hover i.bgs1{background-image:url(../images/kefu/right_pic5_on.png)}
.zxkf ul li:hover i.bgs2{background-image:url(../images/kefu/right_pic7_on.png)}
.zxkf ul li:hover i.bgs3{background-image:url(../images/kefu/right_pic2_on.png)}
.zxkf ul li:hover i.bgs4{background-image:url(../images/kefu/right_pic1_on.png)}
.zxkf ul li:hover i.bgs5{background-image:url(../images/kefu/right_pic3_on.png)}

.zxkf ul li.zxkftop{background:#b11116;color:#fff}
.zxkf ul li.zxkftop:hover{opacity:.8;filter:Alpha(opacity=80)}

.zxkf ul li.zxkfewm .ewBox{width:155px; height: 155px; display:none;color:#363636;text-align:center;position:absolute;left:-158px;top:0;border:1px solid #e0e0e0}
.zxkf ul li.zxkfewm .ewBox img{width: 100%;}

.zxkf ul li.zxkfetel .telBox{width:240px;height:auto;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:0px;background:#b11116}
.zxkf ul li.zxkfetel .telBox dd{display:block;height:auto;overflow:hidden;padding-left:82px;line-height:24px;font-size:16px}
.zxkf ul li.zxkfetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin:13px 0px 0px 0px;font-size:18px}
.zxkf ul li.zxkfetel .telBox dd.bgs1{background:url(../images/kefu/right_pic8.png) 28px center no-repeat; padding-bottom: 13px; background-color:#b11116;}

.zxkf ul li:hover .ewBox{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}
.zxkf ul li:hover .telBox{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}
/*在线客服*/