@charset "utf-8";
/*body公用*/
/* ------------------------------------------------- 
 * 公用样式表 
 * ------------------------------------------------- 
*/  
body{font-family:"微软雅黑","宋体"; font-size:14px; line-height: 1; font-weight: 400; letter-spacing:-.1px; font-stretch:normal; font-style:normal; 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;}

/*========== 翻页公用 ==========*/

.pageflip { width: 100%; overflow: hidden; text-align: center; margin: 0px 0px 70px 0px; }
.pageflip a { color: #fff; height: 40px; width: 40px; display: inline-block; overflow: hidden; line-height: 40px; padding: 0px 10px; border: 0 solid #cf0027; border-radius: 0; margin: 0px 5px; background: #383838; }
.pageflip a:hover, .pageflip a.dq { background: #D7000F; color: #fff; }
.pageflip a i { display: block; line-height: 40px; height: 40px; }

@media (max-width:992px) {
	.pageflip { width: 100%; overflow: hidden; text-align: center; margin: 0px 0px 170px 0px; }
}
@media (max-width:992px) {
	.pageflip { margin: 0px 0px 0.4rem 0px; }
	.pageflip a { height: 0.6rem; width: 0.6rem; line-height: 0.6rem; padding: 0px 0.1rem; margin: 0px 0.05rem; }
	.pageflip a i { line-height: 0.6rem; height: 0.6rem; }
}

/*========== 翻页公用 ==========*/

/** 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浏览器版本过低  **/


/*统一色  #ce182e */
/*======================== 顶部 ============================*/
/* Sticky Header Style 

@media (max-width:1600px){}
@media (max-width:1400px){}
@media (max-width:1200px){}
@media (max-width:992px){}
@media (max-width:767px){}
@media (max-width:640px){}
@media (max-width:460px){}
@media (max-width:360px){}
*/
/* ---------------------------------------- */


@media (max-width:1600px){}
@media (max-width:1400px){}
@media (max-width:1200px){}
@media (max-width:992px){}
@media (max-width:767px){}
@media (max-width:640px){}
@media (max-width:460px){}
@media (max-width:360px){}

/** 首页业务  **/
.index_yewu_box{width: 100%; max-width: 100%; height:auto; background: #f5f5f5; position: relative; overflow: hidden;}
.index_yewu{width: 100%; max-width: 1300px; margin: 0px auto; padding:20px 50px; position: relative;}
a.index_yewu_a{width: 100%; display: block; padding: 10px 10px;  }
a.index_yewu_a .index_yewu_m{ text-align: center;background: #fff; height: 480px; padding: 60px 20px 30px 20px;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
a.index_yewu_a img{width:81px; height: 81px;}
a.index_yewu_a .index_yewu_m1{ display: block;}
a.index_yewu_a .index_yewu_m2{ display: none;}
a.index_yewu_a .index_yewu_m3{ padding: 30px 0px; font-size: 16px;}
a.index_yewu_a .index_yewu_m4{ font-size: 14px; line-height: 22px; height: 154px; overflow: hidden; color: #666;}
a.index_yewu_a .index_yewu_m5{ color: #666; padding-top: 30px;}

a.index_yewu_a:hover .index_yewu_m{background: #ce182e; margin-top: -20px;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
a.index_yewu_a:hover .index_yewu_m1{ display: none;}
a.index_yewu_a:hover .index_yewu_m2{ display:block;}
a.index_yewu_a:hover .index_yewu_m3{ color: #fff;}
a.index_yewu_a:hover .index_yewu_m4{ color: #fff;}
a.index_yewu_a:hover .index_yewu_m5{ color: #fff;}

.swiper01.swiper-container{padding: 30px 0px 30px 0px; }
.index_yewu .swiper01.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0px;}
.index_yewu .swiper01.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ background: #f00; width: 10px; height: 10px; opacity:0.5;}
.index_yewu .swiper01.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{ background: #000; opacity:1;}

.index_yewu .swiper-button-prev {left: 0px;opacity:1; top: 55%}
.index_yewu .swiper-button-next {right: 0px;opacity:1;top: 55%}
.index_yewu .swiper-button-prev {width: 40px;height: 40px; line-height: 40px; background:url(../images/jtl2.png) no-repeat center; text-align: center;}
.index_yewu .swiper-button-next {width: 40px;height: 40px; line-height: 40px; background:url(../images/jtr2.png) no-repeat center; text-align: center;}
.index_yewu .swiper-button-prev.swiper-button-disabled{opacity:1;background:url(../images/jtl1.png) no-repeat center;}
.index_yewu .swiper-button-next.swiper-button-disabled{opacity:1;background:url(../images/jtr1.png) no-repeat center;}
/** 首页业务  **/

/* 页面 - 顶部 */
.header { position: fixed; top: 0px; left: 0px; background: #fff; width: 100%; height: auto; z-index: 100; border-bottom: 1px solid #eaeaea;}
.max-width{width: 100%;max-width: 1600px;margin: 0 auto; position: relative; padding: 0px 80px;}
.logo{float: left; position: absolute; left: 80px; top: 35px;width: 170px;}


/** 手机导航按钮  **/
.btn-manu {position: absolute;top:25px;right: 30px; width: 30px;height: 30px;display: none}
.btn-manu span {position: absolute;top: 50%;left: 5px;width: 30px;height: 2.5px;background: #000;}
.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}
/** 手机导航按钮  **/

.nav_menu,
.nav_menu ul,
.nav_menu ul li,
.nav_menu ul li a{display: block; position: relative;}

.nav_menu {width:80%; padding: 0px 0px 0px 0px; float: right; background:none;}
.nav_menu > ul > li {float: left; width: 11.1%;}
.nav_menu > ul > li.nav-has-sub2 { width: 4.0%; }
.nav_menu > ul > li.nav-has-sub2:last-child { width: 6.4%; }
.nav_menu > ul > li > a { height: 125px; line-height: 125px; font-size: 18px; color: #656464; padding: 0px 0px 0px 0px;font-weight: 100;
text-decoration: none; text-transform: uppercase; -webkit-transition: color .2s ease; -moz-transition: color .2s ease;-ms-transition: color .2s ease;-o-transition: color .2s ease; transition: color .2s ease;}

.nav_menu > ul > li:hover > a {color: #de1e27; background:none;}
.nav_menu > ul > li > a.dq{color: #de1e27; }
.nav_menu > ul > li > a.dq::after {position: absolute; bottom: 0; left: 10%; margin-left: 0; width: 80%; height: 2px; background: #de1e27;content: "";
	 -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;}
.nav_menu > ul > li.nav-has-sub2 > a.dq::after{ height: 0; }
.nav_menu > ul > li > a::after {position: absolute; overflow: hidden;bottom: 1px; left: 50%; margin-left: -35px;width: 0px;height: 0px;background: #de1e27;content: "";}
.nav_menu > ul > li:hover > a::after { position: absolute; bottom: 0; left: 10%; margin-left: 0;width: 80%;height: 2px;background: #de1e27;content: "";
	 -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;}
.nav_menu > ul > li.nav-has-sub2:hover > a::after{ height: 0; }
.nav_menu > ul > li.nav-has-sub > a { text-align: center; width: 100%;}
.nav_menu > ul > li.nav-has-sub2 > a { text-align: right; }

/* 二级 */
.nav_menu ul ul {width: 500%; text-align: center; position: absolute; left: -9999px; }
.nav_menu > ul > li > ul {border-top: 0px solid #de1e27;}
.nav_menu li:hover > ul {left: auto;}
.nav_menu.align-right li:hover > ul {right: 0;}
.nav_menu.align-right ul ul ul { margin-left: 0;margin-right: 100%;}
.nav_menu ul ul li {  float: left; height: 0; width: 20%;
  -webkit-transition: height .32s ease;
  -moz-transition: height .32s ease;
  -ms-transition: height .32s ease;
  -o-transition: height .32s ease;
  transition: height .32s ease;}
.nav_menu ul li:hover > ul > li {height:45px; line-height: 45px;}
.nav_menu ul ul li a {font-size: 16px;padding: 3px 0;width: 100%;text-decoration: none;color: #000;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
  border-top: 0px solid #e0e0e0;}
.nav_menu-2-bg { display: none; width: 100vw; height: 52px;top: 125px;left: 0; background: rgba(255,255,255,0.6);position: absolute;z-index: -1;}

@media (max-width:1440px) {
	.nav_menu > ul > li > a { height: 100px; line-height: 100px; font-size: 16px; color: #656464; padding: 0px 0px 0px 0px;font-weight: 100;
text-decoration: none; text-transform: uppercase; -webkit-transition: color .2s ease; -moz-transition: color .2s ease;-ms-transition: color .2s ease;-o-transition: color .2s ease; transition: color .2s ease;}
	.nav_menu-2-bg { display: none; width: 100vw; height: 52px;top: 100px;left: 0; background: rgba(255,255,255,0.6);position: absolute;z-index: -1;}
	.header { height: 100px; }
	.logo{left: 80px; top:22px;width: 170px;}
}
@media (max-width:992px) {
	.header { height: 80px; }
	.logo{left: 20px; top:20px;width: 150px;}
}



/* 搜索框 */
.nav-sousuo{ display: none; width:80%; height: 125px;background: #fff; position: absolute; right: 0; top: 0; }
.nav-sousuo .nav-bth-close{position: absolute;right: 20px;top: 50px;z-index: 100;font-size: 24px;display: block;}
.nav-sousuo .nav-bth-close:hover{transform: rotate(90deg);}
.nav-sousuo .w-form{width: 100%;position: absolute;top: 45px;}
.nav-sousuo .w-form .nav-sousuo-input{width: 100%;font-size: 18px; font-weight: 100;font-style: italic;text-indent: 10px; border: 0;border-bottom: 1px solid #ccc;padding: 5px 0;position: relative;}
.nav-sousuo .w-form .nav-sousuo-input:focus{border-bottom: 1px solid #DE1E27;}
.search-btn{ position: absolute; top: 0px; right: 80px; background: #DE1E27; color: #fff; padding: 10px 30px;}


img#sousuo-open{
	transition: all .5s;
	 -moz-transition: all .5s; /* Firefox 4 */
	-webkit-transition: all .5s; /* Safari 和 Chrome */
	     -o-transition: all .5s; /* Opera */
}
img#sousuo-open:hover {
  
	 -ms-transform: rotate(360deg ); /* IE 9 */
	   -moz-transform: rotate( 360deg ); /* Firefox */
	-webkit-transform: rotate( 360deg ); /* Safari 和 Chrome */
	     -o-transform: rotate( 360deg );
	transform:rotate(360deg);
}

/* 三级 */
.nav_menu ul ul ul { margin-left: 100%;top: 0; }
.nav_menu ul ul ul li a {font-size: 12px; width: 100%;background:rgba(255, 255, 255, 0.9);}
.nav_menu ul ul li:hover > a,
.nav_menu ul ul li a:hover {color: #de1e27;border-top: 0px solid #e0e0e0;}
.nav_menu ul ul li.nav-has-sub > a::after {position: absolute;top: 20px;right: 10px;width: 4px;height: 4px;border-bottom: 1px solid #de1e27;border-right: 1px solid #de1e27; content: "";
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;}
.nav_menu.align-right ul ul li.nav-has-sub > a::after { right: auto;left: 10px;border-bottom: 0; border-right: 0;border-top: 1px solid #dddddd;border-left: 1px solid #dddddd;}
.nav_menu ul ul li.nav-has-sub:hover > a::after {border-color: #000;}

/** index_ban  **/
.bs-slider{margin-top:125px;}
.indicators-line > .carousel-indicators {top: 30%; width: 20px;height: auto;right: 2%;}
.indicators-line > .carousel-indicators .active{background-color:#DE1E27;border: 0;width: 20px; height: 20px;border-radius: 20px;}
@media (max-width:1440px) {
	.bs-slider{margin-top:100px;}
}
@media (max-width:768px){
	.bs-slider{margin-top:80px;}
}
/** index_ban  **/

/** pag_ban  **/
.pag_ban{position: relative;height: 400px; margin-top: 100px;}
.pag_ban_tit{ height: 100%; width:100%; max-width: 1200px; text-align: center; margin: 0px auto;position: relative;}
.pag_ban_tit_b{padding: 0px 0px; top:45%; width: 100%; position: absolute; color: #fff; text-align: center;}
.pag_ban_tit_b b{ font-size:44px; font-weight: 500; padding-bottom: 0px; margin-bottom: 15px; display: block; position: relative;}
.pag_ban_tit_b b em{ color: #cf0027;}
/**.pag_ban_tit_b b::after {position: absolute; bottom: 1px; left: 50%; margin-left: -45px; width: 90px; height: 3px; background: #de1e27;content: "";} **/
.pag_ban_tit_b span{font-size:22px; display: block;}
@media (max-width:1600px){
.pag_ban{position: relative;height: 380px}
}
@media (max-width:1400px){
.pag_ban{position: relative;height: 300px}

.pag_ban_tit{ height: 100%; width:100%; max-width: 1200px; text-align: center; margin: 0px auto;position: relative;}
.pag_ban_tit_b{padding: 0px 0px; top:40%; width: 100%; position: absolute; color: #fff; text-align: center;}
.pag_ban_tit_b b{ font-size:30px; padding-bottom: 20px; margin-bottom: 5px; display: block; position: relative;}

.pag_ban_tit_b span{font-size:18px; display: block;}
	
}
@media (max-width:992px){
.pag_ban{position: relative;height: 250px}
	
.pag_ban_tit{ height: 100%; width:100%; max-width: 1200px; text-align: center; margin: 0px auto;position: relative;}
.pag_ban_tit_b{padding: 0px 0px; top:50%; width: 100%; position: absolute; color: #fff; text-align: center;}
.pag_ban_tit_b b{ font-size:20px; padding-bottom: 0px; margin-bottom: 5px; display: block; position: relative;}
.pag_ban_tit_b span{font-size:14px; display: block;}
	
}
@media (max-width:768px){
.pag_ban{position: relative;height: 150px;margin-top: 80px;}
}
.pag_ban .imgBg {height: 100%}
.pag_ban .imgBg {background-position: center center;background-size: cover;background-repeat: no-repeat}
.pag_ban .imgBg img {display: none;}
/** pag_ban  **/

/*向下箭头*/
.xiangxia{position: relative;z-index: 10;margin: -85px auto -34px;width: 15px; display: none;}

/* ==== & ==== */
.com-a { color: #000; font-size: 12px; }
.com-a:hover { color: #d7000f; }
.com-a img { width: 200px; }
@media (max-width:640px){ 
	.com-a img { width: 2rem; }
}

.com-t01 { font-size: 48px; font-weight: 600; color: #d7000f; }

/*#d7000f*/

/* 首页 - 关于星牌优时吉 */
.index-about { width: 100%; margin: 0 auto; position: relative; overflow: hidden; }
.index-about-t { width: 100%; float: right; background: #858585; }
.index-about-r { width: 50%;  float: right; padding: 125px 5% 55px 13%;
                 background: url(../../images/index-about-bg-1.jpg) no-repeat center center; background-size: cover; }
.index-about-tw { width: 100%; max-width: 1600px; margin: 0 auto; padding: 25px 30px; }


/* 多个上滚动 - 图片- 公用类 */
.topLoop{ overflow:hidden; position:relative; width: 100%;}
.topLoop .bd{ padding:0px;   }
.topLoop .bd ul{ overflow:hidden; zoom:1; }
.topLoop .bd ul li {display: block; width: 100%; height: 45px; line-height: 45px; font-size: 16px; overflow: hidden; color: #fff; position: relative;}
.topLoop .bd ul li span{ float: left; position: absolute; left: 0px; top: 0px; }
.topLoop .bd ul li a.a1{ float: left;color: #fff; width:100%; padding-left: 100px;padding-right: 150px;}
.topLoop .bd ul li a.a1:hover{color: #d7000f;}
.topLoop .bd ul li .index-about-twx{ float: right; position: absolute; right: 0px; top: 0px; }
.topLoop .bd ul li .index-about-twx a{ color: #fff; border: 1px solid #fff;  padding: 6px 20px;}
.topLoop .bd ul li .index-about-twx a:hover{color: #d7000f;}

.index-about-twl { float: left; }
.index-about-twa { color: #fff; float: right; display: block; padding: 10px 30px 10px 40px; border: 1px solid #fff; }
.index-about-twa:hover { color: #d7000f; border: 1px solid #d7000f; }
.index-about-twa i { display: inline-block; padding-left: 10px; }
.index-about-tw .index-about-twl span,.index-about-top-w a { color: #fff; font-size: 16px; }
.index-about-tw .index-about-twl { padding: 10px 0; }
.index-about-tw .index-about-twl span { padding-right: 60px; }
.index-about-rt { color: #d7000f; font-weight: 600; font-size: 40px; padding-bottom: 10px; }
.index-about-rc { color: #000; font-size: 24px; padding-bottom: 40px; }
.index-about-rb { color: #000; font-size: 16px; padding-bottom:0px; height:180px; margin-bottom: 80px; overflow: hidden; line-height: 30px; }
.index-about-l { position: absolute; width: 58%; height: 583px; z-index: 10; left: 0; top: 95px;
	              background-size: cover; }
.index-about-ra:hover { color: #d7000f; }

.abtit{position: absolute;width: 100%;max-width: 700px;overflow: hidden;right: 50px;top: 0px;color: #fff;text-align: right;height: 350px;margin: auto;bottom: 0;}
.abtite1{width: 100%;overflow: hidden;font-size: 60px;line-height: 70px;text-transform:uppercase; padding-bottom: 20px;}
.abtite2{width: 100%;overflow: hidden;font-size: 60px;line-height: 70px;}

@media (max-width:1400px) { 
.topLoop .bd ul li {font-size: 14px;;}
.index-about-r { width: 50%;  float: right; padding: 100px 5% 55px 13%;
                 background: url(../../images/index-about-bg-1.jpg) no-repeat center center; background-size: cover; }
	
.abtit{position: absolute;width: 100%;max-width: 700px;overflow: hidden;right: 50px;top: 0px;color: #fff;text-align: right;height: 400px;margin: auto;bottom: 0;}
.abtite1{width: 100%;overflow: hidden;font-size: 50px;line-height: 60px;text-transform:uppercase; padding-bottom: 20px;}
.abtite2{width: 100%;overflow: hidden;font-size: 50px;line-height: 60px;}
	
 .index-about-rt { color: #d7000f; font-weight: 600; font-size: 36px; padding-bottom: 10px; }
.index-about-rc { color: #000; font-size: 23px; padding-bottom: 40px; }
.index-about-rb { color: #000; font-size: 14px; padding-bottom:0px; height:180px; margin-bottom: 80px; overflow: hidden; line-height: 30px; }	
}

@media (max-width:640px) { 
	
.abtit{position: absolute;width: 100%;max-width: 700px;overflow: hidden;right: 20px;top: 20px;color: #fff;text-align: right;height:auto;margin: auto;bottom: 0;}
.abtite1{width: 100%;overflow: hidden;font-size: 32px;line-height: 30px;text-transform:uppercase; padding-bottom: 20px;}
.abtite2{width: 100%;overflow: hidden;font-size: 25px;line-height: 30px;}
	.topLoop .bd ul li .index-about-twx a{ color: #fff; border: 1px solid #fff;  padding: 2px 10px;}
.topLoop .bd ul li .index-about-twx a:hover{color: #d7000f;}
.topLoop .bd ul li {display: block; width: 100%; height: 35px; line-height: 35px; font-size: 12px; overflow: hidden; color: #fff; position: relative;}
	
	.index-about { width: 100%; margin: 0 auto; position: relative; overflow: hidden; }
	.index-about-t { float: none; }
	.index-about-r { width: 100%; padding: 20px; }
	.index-about-rt { font-size: 0.5rem; padding-bottom: 0.2rem; }
	.index-about-rc { font-size: 0.32rem; padding-bottom: 0.4rem; }
	.index-about-rb { font-size: 0.2rem; padding-bottom: 0.4rem; line-height: 0.3rem; height: auto; margin-bottom: 10px; }
	.index-about-ra { font-size: 0.2rem; }
	.index-about-ra img { width: 2rem; }
	.index-about-tw { padding: 0.1rem 0.2rem; }
	.index-about-twa { padding: 0.1rem 0.3rem 0.1rem 0.3rem; }
	.index-about-twa i { padding-left: .2rem; }
	.index-about-tw .index-about-twl span,.index-about-top-w a { font-size: .2rem; }
	.index-about-tw .index-about-twl { padding: .2rem 0; }
	.index-about-l {  position: relative; width: 100%; float: right; height: 0; padding-bottom: 50%; z-index: 10; left: 0; top: 0;
	              background-size: cover; }
	.xiangxia { display: none; }
}





/* 首页 - 优势系统 */
.index-youshi { width: 100%; margin: 0 auto; position: relative; overflow: hidden; }
.index-youshi-l { float: left; width: 15%; position: relative; padding-top: 47px; }
.index-youshi-r { float: right; width: 85%; position: relative; overflow: hidden; padding: 90px 0; z-index: 90; }
.index-youshi-l-zh { float: right;margin-right: 65px; width: 40px; color: #000; font-size: 40px; font-weight: 600; }
.index-youshi-l-en { position: absolute; margin-top: 131px; margin-right: -50px; top: 0; right: 0; font-size: 16px; font-weight: 600; color: #BABABA; text-transform: uppercase;
	-ms-transform: rotate( 90deg ); /* IE 9 */
   -moz-transform: rotate( 90deg ); /* Firefox */
-webkit-transform: rotate( 90deg ); /* Safari 和 Chrome */
	 -o-transform: rotate( 90deg );
        transform: rotate( 90deg ); }
.swiper02.swiper-container { padding: 0; }
.swiper02.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0px;}
.swiper02.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ background: #f00; width: 10px; height: 10px; opacity:0.5;}
.swiper02.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{ background: #000; opacity:1;}

.index-youshi-ra { display: block; width: 100%; height: 0; padding-bottom: 100%; background: blue; text-align: center; letter-spacing: 1px; }
.index-youshi-rm { width: 100%; height: 0; padding-bottom: 100%; background: rgba( 0, 0, 0, .3 );
-webkit-transition: all .3s ease-out;
		transition: all .3s ease-out; }
.index-youshi-rm1 { display: inline-block; width: 20%; margin-top: 10%; margin-bottom: 5%; opacity: 0; }
.index-youshi-rm2, .index-youshi-rm3, .index-youshi-rm4 { color: #fff; }
.index-youshi-rm2, .index-youshi-rm3 { font-weight: 600; }
.index-youshi-rm2 { font-size: 20px; padding-bottom: 15px; }
.index-youshi-rm3 { font-size: 18px; padding-bottom: 25px; }
.index-youshi-rm4 { font-size: 14px; }
.index-youshi-rm4 img { display: inline-block; padding-left: 5px; }

.index-youshi-ra:hover { transform: scale(1.2); }
.index-youshi-ra:hover .index-youshi-rm { background: rgba( 215, 0, 15, .68 ); }
/*	.index-youshi-rm1 { display: none; }*/
.index-youshi-ra:hover .index-youshi-rm .index-youshi-rm1 { opacity: 1; }
.swiper-button-prev2,.swiper-button-next2 { opacity: 1; top: 45%; position: absolute;z-index: 100;color: #d7000f;font-size: 40px;cursor: pointer;}
.swiper-button-prev2 { left: 25px; }
.swiper-button-next2 { right: 25px; }
.swiper-button-prev2.swiper-button-disabled,
.swiper-button-next2.swiper-button-disabled{ color: #fff; }
@media (max-width:1366px) {.index-youshi-l-zh { float: right;margin-right: 55px; width: 40px; color: #000; font-size: 30px; font-weight: 600; }}
@media (max-width:640px) {
	.index-youshi { padding: 0.3rem 0.2rem; }
	.index-youshi-l { width: 100%; padding-top: 0; padding-bottom: 0.2rem; }
	.index-youshi-r { float: left; width: 100%; position: relative; overflow: hidden; padding: 0; }
	.index-youshi-l-zh { float: left; margin-right: 0; width: 100%; font-size: 0.4rem; }
	.index-youshi-l-en { margin-top: 0; margin-right: 0; top: 0.05rem; left: 2.5rem; font-size: 0.25rem;
		-ms-transform: rotate( 0deg ); /* IE 9 */
	   -moz-transform: rotate( 0deg ); /* Firefox */
	-webkit-transform: rotate( 0deg ); /* Safari 和 Chrome */
		 -o-transform: rotate( 0deg );
			transform: rotate( 0deg ); }
}




/* 首页 - 产品展示 */
.index-prod { width: 100%; margin: 0 auto; position: relative; overflow: hidden; background: #F6F6F6; }
.index-prod-l { float: left; width: 10%; height: 20px; position: relative; }
.index-prod-r { float: left; width: 90%; overflow: hidden; margin-bottom: -0.9%; } /* 90% * 125% * 0.8% = 9% */
.index-prod-ul { position: relative; width: 125%; }
/* 100% / 125% = 80% = 19.4% *4 + 0.8% * 3; */
.index-prod-li { float: left; display: block; position: relative; overflow: hidden; width: 19.4%; height: 0; padding-bottom: 15%; margin: 0 0.8% 0.8% 0; }
.index-prod-li:nth-child(1) { margin-top: 15.8%; } /* 15% + 0.8% = 15.8%; */
.index-prod-li:nth-child(2) { padding-bottom: 30.8%; } /* 15% * 2 + 0.8% = 30.8%; */
.index-prod-li:nth-child(3) { width: 39.6%; } /* 19.4% * 2 + 0.8% = 39.6%; */
/* 15% / 19.4% * 100% 约= 77.4% */
.index-prod-bg { display: block; width: 100%; height: 0; padding-bottom: 77.4%; }
.index-prod-li:nth-child(2) .index-prod-bg { padding-bottom: 159%; }  /* 30.8% / 15% * 77.4% = 158.928%; */
.index-prod-li:nth-child(3) .index-prod-bg { padding-bottom: 38.7%; } /* 77.4% / 2 = 38.7%; */

.index-prod-div { position: absolute; width: 100%; bottom: 0; left: 0; color: #fff; font-size: 16px; padding: 30px;
background: -webkit-linear-gradient( rgba( 255, 255, 255, 0), rgba( 0, 0, 0, .8) ); /* Safari 5.1 - 6.0 */
background:      -o-linear-gradient( rgba( 255, 255, 255, 0), rgba( 0, 0, 0, .8) ); /* Opera 11.1 - 12.0 */
background:    -moz-linear-gradient( rgba( 255, 255, 255, 0), rgba( 0, 0, 0, .8) ); /* Firefox 3.6 - 15 */
background:         linear-gradient( rgba( 255, 255, 255, 0), rgba( 0, 0, 0, .8) ); /* 标准的语法 */ }
/* 过渡动画 */
.index-prod-bg,
.index-prod-div {
		transition: all .5s;
   -moz-transition: all .5s; /* Firefox 4 */
-webkit-transition: all .5s; /* Safari 和 Chrome */
	 -o-transition: all .5s; /* Opera */ }
.index-prod-li:hover .index-prod-bg { 
	-ms-transform: scale( 1.1 ); /* IE 9 */
   -moz-transform: scale( 1.1 ); /* Firefox */
-webkit-transform: scale( 1.1 ); /* Safari 和 Chrome */
	 -o-transform: scale( 1.1 ); /* Opera */ 
        transform: scale( 1.1 ); }
.index-prod-li:hover .index-prod-div { color: #D7000F; }
.index-prod-r-t { position: absolute; top: 0; left: 0; width: 19.4%; height: 0; padding-bottom: 15%; background: #D7000F; color: #fff; }
.index-prod-r-tt { font-size: 36px; font-weight: 600; padding: 30px; }
.index-prod-r-td { padding: 30px; padding-top: 0; line-height: 22px; }
.index-prod-l-t { position: absolute; top: 0; right: 0; margin-top: 40px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; font-size: 12px;		
	-ms-transform: rotate( 90deg ); /* IE 9 */
   -moz-transform: rotate( 90deg ); /* Firefox */
-webkit-transform: rotate( 90deg ); /* Safari 和 Chrome */
	 -o-transform: rotate( 90deg );
        transform: rotate( 90deg ); }
@media (max-width:1200px) {
	.index-prod-r-tt { font-size: 28px; padding: 10px; }
	.index-prod-r-td { padding: 10px; line-height: 18px; }
}
@media (max-width:992px) {
	.index-prod-r { margin-bottom: -2.25%; } /* 90% * 125% * 2% = 2.25% */
	/* 100% / 125% = 80% = 39% *2 + 2%; */
	.index-prod-li { width: 39%; height: 0; padding-bottom: 30%; margin: 0 2% 2% 0; }
	.index-prod-li:nth-child(1) { margin-top: 32%; } /* 30% + 2% = 32%; */
	.index-prod-li:nth-child(2) { padding-bottom: 62%; } /* 30% * 2 + 2% = 62%; */
	.index-prod-li:nth-child(3) { width: 80%; } /* 39% * 2 + 2% = 80%; */
	.index-prod-r-t { width: 39%; padding-bottom: 30%; }
}
@media (max-width:640px) {
	.index-prod { padding: 0.4rem 0.2rem; }
	.index-prod-l { width: 100%; height: 0; padding-bottom: 0; }
	.index-prod-r { width: 100%; margin-bottom: 0; }
	.index-prod-ul { width: 100%; }
	.index-prod-li { width: 100%; padding-bottom: 77%; margin: 0 0 2% 0; }
	.index-prod-li:nth-child(1) { margin-top: 49%; } /* 77 + 2% = 79%; */
	.index-prod-li:nth-child(2) { padding-bottom: 77%; }
	.index-prod-li:nth-child(3) { width: 100%; }
	.index-prod-li:nth-child(2) .index-prod-bg { padding-bottom: 77.4%; }
	.index-prod-li:nth-child(3) .index-prod-bg { padding-bottom: 77.4%; }
	.index-prod-div { font-size: 0.25rem; padding: 0.3rem; }
	.index-prod-r-t { width: 100%; padding-bottom: 47%; }
	.index-prod-r-tt { font-size: 0.5rem; padding: 0.4rem 0.4rem; }
	.index-prod-r-td { padding:0.1rem 0.4rem; font-size: 0.2rem; line-height: 0.35rem; }
	.index-prod-l-t { left: 0; margin-top: 0.2rem; font-size: 0.2rem;		
		-ms-transform: rotate( 0deg ); /* IE 9 */
	   -moz-transform: rotate( 0deg ); /* Firefox */
	-webkit-transform: rotate( 0deg ); /* Safari 和 Chrome */
		 -o-transform: rotate( 0deg );
			transform: rotate( 0deg ); }
}





/* 首页 - 精彩案例 */
.index-case { width: 100%; margin: 100px auto 30px auto; position: relative; overflow: hidden; 
              background: url(../../images/index-case-bg.png) no-repeat right top; background-size: cover; }
.index-case1{  background: url(../../images/index-case-bg-2.jpg) no-repeat 0px top; background-size: 95%; }
.index-case-big { width: 95%; max-width: 1600px; margin: 0 auto; position: relative; overflow: hidden; padding: 20px 30px; 
				background-size: cover; }
.index-case-l, .index-case-r { float: left; }
.index-case-l { width: 40%; }
.index-case-r { width: 60%; }
.index-case-l { padding: 80px 140px; }
.index-case-lt { font-size: 30px; font-weight: 600; }
.index-case-lc { font-size: 14px; line-height: 28px; padding: 80px 0; }
.index-case-r { padding-right: 30px; }
.index-case-rt { width: 100%; float: left; font-size: 48px; font-weight: 600; color: #d7000f; padding: 25px 30px 25px 0; text-align: right; }
/* 通用信息列表_普通式 */ 
.infoList li{ height:24px; line-height:24px; } 
.infoList li .date{ float:right; color:#999; } 
/* 文本切换盒子 - 公用类 */ 
.slideTxtBox { width: 100%; position: relative; } 
.slideTxtBox .hd { height: 60px; position: relative; } 
.slideTxtBox .hd ul { position: absolute; right: 0; top: 0; } 
.slideTxtBox .hd ul li { float: left; margin-left: 35px; }
.slideTxtBox .hd ul li a { display: block; font-size: 20px; font-weight: 600; color: #000; padding: 5px; border: 1px solid #000; }
.slideTxtBox .hd ul li.on a { color: #d7000f; border: 1px solid #d7000f; }

.slideTxtBox .bd {  }
.slideTxtBox .bd ul {  }
.slideTxtBox .bd ul li { float: left; width: 50%; height:auto; }
.slideTxtBox .bd ul li a{display: block; position: relative; overflow: hidden; padding-bottom: 65%; }
.slideTxtBox .bd ul li a img{ width: 100%; transition: transform 0.6s ease 0s; position: absolute; left: 0px; top: 0px;}
.slideTxtBox .bd ul li a:hover img{transform: scale(1.1, 1.1);transition: transform 0.6s ease 0s;}
.slideTxtBox .bd ul li a span{ position: absolute; bottom: -100px; left: 0px; width: 100%; padding: 10px 0px; text-align: center; background:rgba(255,255,255,0.5); z-index: 3;transition:400ms ease all;}
.slideTxtBox .bd ul li a:hover span{ position: absolute; bottom: 0px; transition:400ms ease all;}
.slideTxtBox .tempWrap {  }

@media (max-width:1440px) {
	.index-case { width: 100%; margin: 50px auto 20px auto; }
	.index-case-big { width: 90%; max-width: 1600px; margin: 0 auto; position: relative; overflow: hidden; padding: 20px 30px; 
				   background-size: cover; }
	.index-case-rt { width: 100%; float: left; font-size: 38px; font-weight: 600; color: #d7000f; padding: 25px 30px 25px 0; text-align: right; }
	.slideTxtBox .hd ul li a { font-size: 16px; }
	.slideTxtBox .hd ul li { margin-left: 15px; }
	.index-case-l { padding: 80px 50px; }
}
@media (max-width:992px) {
	.index-case-l { width: 100%; }
	.index-case-r { width: 100%; }
	.index-case-r { padding-right: 0; }
}
@media (max-width:640px) {
	.slideTxtBox .bd ul li { float: left; width: 100%; height:auto; margin-bottom: 5px; }
	.slideTxtBox .bd ul li a span{ position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 10px 0px; text-align: center; background:rgba(255,255,255,0.5); z-index: 3;transition:400ms ease all;}
	
	.index-case { width: 100%; margin: 10px auto 0px auto; position: relative; overflow: hidden; 
              background: url(../../images/index-case-bg.png) no-repeat 10px top; background-size: cover; }
	
	.index-case-big { padding: 0.4rem 0.2rem;  width: 100%;  }
	.index-case-l { padding: 0 0 .3rem; }
	.index-case-lt { font-size: 0.35rem; }
	.index-case-lc { font-size: 0.2rem; line-height: 0.35rem; padding: 0.3rem 0; }
	.index-case-rt { font-size: 0.5rem; padding: 0.15rem 0; }
	/* 文本切换盒子 - 公用类 */ 
	.slideTxtBox .hd { height: 0.8rem; position: relative; text-align: center; }
	.slideTxtBox .hd ul li { margin-left: 0.0rem;margin-right: 0.0rem; width: 20%; text-align: center;  float: left; display: inline-block;}
	.slideTxtBox .hd ul li a { font-size: 0.22rem; padding: .1rem 0.05rem; }
	.slideTxtBox .hd ul { top: 0.2rem;  width: 100%;}
}





/* 首页 - 可持续发展 */
.index-fazhan { width: 100%; margin: 0 auto; position: relative; overflow: hidden; 
                background: url(../../images/index-fazhan-bg.png) no-repeat center center; background-size: cover; }
.index-fazhan-w { width: 100%; max-width: 1600px; margin: 0 auto; position: relative; overflow: hidden; padding: 80px 0; }
.index-fazhan-l, .index-fazhan-r { float: left; width: 50%; }
.index-fazhan-l { padding: 0 11.25% 0 3.125%; }
.index-fazhan-r { padding: 125px 0 0 3.125%; }
.index-fazhan-l1 { font-size: 16px; }
.index-fazhan-l2 { font-size: 48px; font-weight: 600; color: #d7000f; padding: 20px 0 35px; }
.index-fazhan-l3 { font-size: 18px; line-height: 30px; }

@media (max-width:1600px) { .index-fazhan-w { max-width: 1200px; } }
@media (max-width:640px) {
	.index-fazhan-w { padding: 0.8rem 0.2rem; }
	.index-fazhan-l, .index-fazhan-r { width: 100%; }
	.index-fazhan-l { padding: 0; }
	.index-fazhan-l1 { font-size: 0.2rem; }
	.index-fazhan-l2 { font-size: 0.6rem; padding: 0.4rem 0; }
	.index-fazhan-l3 { font-size: 0.25rem; line-height: 0.35rem; }
	.index-fazhan-r { padding: 0.5rem 0 0 0; }
	.index-fazhan-r img { width: 2rem; }
}

/* 页面 - 底部 */
.footer { width: 100%; margin: 0 auto; position: relative; overflow: hidden;
          background: url(../../images/footer-bg.jpg) no-repeat center center; background-size: cover; }
.footer-big { width: 100%; max-width: 1600px; margin: 0 auto; position: relative; overflow: hidden; padding: 5% 80px 3%; }
.footer-top, .footer-bot { width: 100%; }
.footer-bot { text-align: center; }
.footer-top-l, .footer-top-c, .footer-top-r { float: left; }
.footer-top-l { width: 18%; }
.footer-top-c { width: 72%; padding: 0 2% 0 8%; }
.footer-top-r { width: 10%; }
.footer-top-logo img { width: 100%; }
.footer-top-cli { float: left; width: 20%; } /* 6 等份 */
.footer-top-ct,.footer-top-ct a, .footer-top-ca a { color: #fff; font-size: 16px; }
.footer-top-ca a:hover { color: #000; }
.footer-top-ct { font-weight: 600; padding-bottom: 25px; font-size: 16px; }
.footer-top-ca { font-weight: 100; padding-bottom: 10px; }
.footer-top-lot { padding-top: 15px; }
.footer-top-lots, .footer-top-lotd { float: left;}
.footer-top-lots { width: 15%; display: block; height: 1px; background: #fff; margin-top: 8px; }
.footer-top-lotd { width: 70%; text-align: center; color: #fff; font-size: 16px; }
.footer-top-lc { color: #fff; padding: 50px 0 40px; font-size: 16px; font-weight: 100; }
.footer-top-lct { padding-bottom: 20px; }
.footer-top-lb { position: relative; }
.footer-top-lbs { position: absolute; display: block; top: 25px; left: 0; width: 20%; height: 1px; background: #fff; }
.footer-top-lbd { width: 90%; float: right; border: 1px solid #fff; color: #fff; text-align: center; padding: 15px 5px; font-size: 16px;                   font-weight: 100; }
.footer-ewm { width: 100%; max-width: 120px; display: block; margin: 0 auto; }
.footer-top-r-t { text-align: center; color: #fff; padding: 5px 0; font-size: 16px; font-weight: 100; }
.footer-bot { padding-top: 50px; }
.footer-bot, .footer-bot a { color: #fff; }
.footer-bot-t { font-size: 14px; padding-bottom: 15px; }
.footer-bot-b { font-size: 16px; line-height: 24px; }
@media (max-width:1440px) {
.footer-top-ct, .footer-top-ca a { color: #fff; font-size: 14px; }
.footer-bot-b { font-size: 14px; }
	.footer-top-lcb{font-size: 14px; }
}
@media (max-width:1200px) {
	.footer-top-lots { margin-top: 6px; }
	.footer-top-lotd,
	.footer-top-lc,
	.footer-top-lbd,
	.footer-top-ct,
	.footer-top-ca a,
	.footer-top-r-t { font-size: 12px; }
}
@media (max-width:992px) {
	.footer-top-l { width: 18%; }
	.footer-top-c { width: 82%; padding: 0 0 0 2%; }
	.footer-top-r { width: 100%; }
}
@media (max-width:640px) {
	.footer-big { padding: 0.6rem 0.4rem ; }
	.footer-top-l { width: 100%; }
	.footer-top-c { display: none;}
	.footer-top-r { width: 100%; }
	.footer-top-logo { padding: 0;  text-align: center;}
	.footer-top-logo img { padding: 0; width: 250px; }
	.footer-top-lot { padding-top: .2rem; }
	.footer-top-lots { margin-top: .1rem; }
	.footer-top-lotd { font-size: .2rem; }
	.footer-top-lc { padding: .5rem 0 .4rem; font-size: .2rem; }
	.footer-top-lct { padding-bottom: .2rem; }
	.footer-top-lbs { top: .25rem; }
	.footer-top-lbd { width: 90%; padding: .15rem .05rem; font-size: .2rem; }
	.footer-ewm { max-width: 2.2rem; display: block; margin: .2rem auto; }
	.footer-top-r-t { padding: .1rem 0; font-size: .2rem; }
	.footer-bot { padding-top: .3rem; }
	.footer-bot-t { font-size: .2rem; padding-bottom: .2rem; }
	.footer-bot-b { font-size: .2rem; }
}







/* 内页 - 导航 */
.page-nav { width: 100%; margin: 0 auto; position: relative;   border-bottom: 2px solid #E1E0E0;z-index: 9; }
.page-nav-w { width: 100%; max-width: 1200px; margin: 0 auto; position: relative; overflow: hidden; }
.page-nav-w a { float: left; display: block; font-size: 16px; color: #000; text-align: center; padding: 30px 0; }
.page-nav-w a:hover, a.page-nav-down { background: #F5F5F5; color: #D7000F; }

.nav3j{width: 100%; max-width: 1200px; margin: 0 auto; position: relative;  }
.nav3j li{float: left; display: block; font-size: 16px; color: #000; text-align: center;position:relative;}
.nav3j li a{display: block; padding: 30px 0;}
.nav3j li a:hover, a.page-nav-down { background: #F5F5F5; color: #D7000F; }
.nav3j li .sub-nav{position:absolute;top:100%;left:0px;width:100%; background-color:#F5F5F5;display:none; }
.nav3j li .sub-nav li{text-align:center;clear:left;width:100%;height:45px;line-height:45px;position:relative;}
.nav3j li .sub-nav li a{height:45px;line-height:45px;width:100%;padding:0;display:inline-block;}


@media (max-width:640px) {
	.page-nav-w a { font-size: 0.2rem; text-align: center; padding: 0.3rem 0; }
	.nav3j li a{display: block; font-size: 0.2rem; text-align: center; padding: 0.3rem 0;}
}





/* 过渡动画 */
.newl-cont-licc,
.newl-cont-lit,
.downl-cont-cliab,
.serv-cont-add,
.casel-swiper03-dd,
.casel-swiper04-dd,
.acse-cont-botft,
.casel-swiper04-dmax,
.casel-swiper04-dmaxi,
.item-div, .item-div-2 {
		transition: all .5s;
   -moz-transition: all .5s; /* Firefox 4 */
-webkit-transition: all .5s; /* Safari 和 Chrome */
	 -o-transition: all .5s; /* Opera */ 
}





/* 公司新闻(列表) - newl */
.newl-cont { width: 100%; max-width: 1200px; margin: 0 auto; position: relative; overflow: hidden; }
.newl-cont-ul { margin-left: -70px; padding-top: 65px; }
.newl-cont-li { padding-left: 70px; padding-bottom: 100px; width: 33.333333%; float: left; position: relative; }
.newl-cont-lit { left: 70px; position: absolute; top: 0; width: 80px; height: 80px; overflow: hidden; text-align: center; color: #fff;
	background: #D3D3D3; padding-top: 13px; }
.newl-cont-lit .d1{ display: block;font-size: 24px; padding-bottom: 10px;}
.newl-cont-lit .d2{}
.newl-cont-lit .d3{}
.newl-cont-lit1 { font-size: 12px; padding-bottom: 10px; }
.newl-cont-lit2 { font-size: 24px; }
.newl-cont-lic { width: 88%; float: right; }
.newl-cont-lict { text-align: right; color: #000; font-size: 14px; padding: 20px 0; }
a.newl-cont-lica { display: block; }
.newl-cont-lici { width: 100%; height: 0; padding-bottom: 68%; overflow: hidden; }
a.newl-cont-lica .newl-cont-lici img { width: 100%;transition: transform 0.6s ease 0s;}
a:hover.newl-cont-lica .newl-cont-lici img {transform: scale(1.1, 1.1);transition: transform 0.6s ease 0s;}

.newl-cont-licc { font-size: 16px; line-height: 26px; color: #000; padding-top: 20px;
	overflow: hidden;
	text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline; 
	display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; }
.newl-cont-lica:hover .newl-cont-licc { color: #D7000F; }
.newl-cont-lica:hover .newl-cont-lit { background: #D7000F; }



@media (max-width:1440px) {
	.newl-cont-li { padding-left: 50px; padding-bottom: 70px; width: 33.333333%; float: left; position: relative; }
}
@media (max-width:1200px) {
	.newl-cont-li { width: 50%; }
}
@media (max-width:640px) {
	.newl-cont { padding: 0.8rem 0.2rem 0.2rem; }
	.newl-cont-ul { margin-left: 0; padding-top: 0; }
	.newl-cont-li { padding-left: 0; padding-bottom: 0.6rem; width: 100%; }
	.newl-cont-lit { left: 0; width: 1.4rem; height: 1.4rem; padding-top: 0.2rem; }
	.newl-cont-lit1 { font-size: 0.2rem; padding-bottom: 0.1rem; }
	.newl-cont-lit2 { font-size: 0.4rem; }
	.newl-cont-lic { width: 100%; }
	.newl-cont-lict { font-size: 0.2rem; padding: 0.2rem 0; }
	.newl-cont-licc { font-size: 0.2rem; line-height: 0.35rem; color: #000; padding-top: 0.1rem; }
}







/* 公司新闻(详情) - new */
.new-cont { width: 100%; max-width: 1200px; margin: 0 auto; position: relative; overflow: hidden; padding: 50px 30px 50px; }
.new-cont-t { width: 100%; text-align: center; }
.new-cont-tt { border-bottom: 1px solid #A5A5A5; font-size: 26px; padding-bottom: 20px; line-height: 40px; }
.new-cont-tb { color: #959595; font-size: 14px; padding: 25px 0px; }
.new-cont-c { padding: 5px 0px 30px 0px; width: 100%; position: relative; overflow: hidden; font-size: 16px; line-height: 26px; color: #666; }
.new-cont-bd { width: 100%; float: left; padding: 8px 0;
	white-space: nowrap; text-overflow: ellipsis; word-break: break-all; overflow: hidden; }
.new-cont-ba { color: #000; font-size: 16px; }
.new-cont-ba:hover { color: #D7000F; }

.sp-info-sxye{ padding: 20px 0px 0px 0px; font-size: 16px; line-height: 22px;}
.sp-info-sxye1{ padding-bottom: 10px; color: #666;}
.sp-info-sxye1 a{color: #666;}
.sp-info-sxye1 a:hover{ color: #cf0027;}


@media (max-width:640px) {
	.sp-info-sxye{ padding: 20px 0px 0px 0px; font-size: 12px; line-height: 20px;}
	.new-cont { padding: 0.4rem 0.2rem 0.4rem; }
	.new-cont-tt { font-size: 0.33rem; padding-bottom: 0.3rem; line-height: 0.55rem; }
	.new-cont-tb { font-size: 0.2rem; padding: 0.1rem; }
	.new-cont-c { padding: 0.2rem 0; font-size: 0.24rem; }
	.new-cont-bd { float: left; padding: 0.1rem 0; }
	.new-cont-ba { font-size: 0.2rem; }
}





/* 产品下载 - downl */
.downl-cont { width: 100%; max-width: 1200px; margin: 0 auto; position: relative; overflow: hidden; padding-top: 75px; }
.downl-cont-c { width: 100%; float: left; padding-bottom: 100px; }
.downl-cont-ct { color: #000; font-size: 20px; line-height: 36px; font-weight: 600; padding-bottom: 30px; border-bottom: 1px solid #9F9F9F; }
.downl-cont-ct span, .downl-cont-ct span img { height: 36px; }
.downl-cont-cb { margin-left: -25px; margin-bottom: 50px; }
.downl-cont-cli { width: 20%; float: left; padding-top: 60px; padding-left: 25px; }
.downl-cont-cliat { width: 100%; height: 0; padding-bottom: 133%; position: relative; }
.downl-cont-cliat img { width: 100%; margin: 0 auto; position: absolute; left: 0; bottom: 0; box-shadow: 5px 0 20px rgba( 0, 0, 0, .3); }
.downl-cont-cliab { padding: 30px; text-align: center; color: #000; font-size: 16px; line-height: 20px; }
.downl-cont-clia:hover .downl-cont-cliab { color: #D7000F; }
@media (max-width:1200px) {
	.downl-cont-cli { width: 25%; }
}
@media (max-width:992px) {
	.downl-cont-cli { width: 33.333333%; }
}
@media (max-width:640px) {
	.downl-cont { padding: 0.8rem 0.2rem 0.2rem; }
	.downl-cont-c { padding-bottom: 0.5rem; }
	.downl-cont-ct { font-size: 0.35rem; line-height: 0.5rem; padding-bottom: 0.3rem; }
	.downl-cont-ct span, .downl-cont-ct span img { height: 0.5rem; }
	.downl-cont-cb { margin-left: -0.1rem; }
	.downl-cont-cli { width: 50%; padding-top: 0.3rem; padding-left: 0.1rem; }
	.downl-cont-cliab { padding: 0.3rem; font-size: 0.2rem; line-height: 0.35rem; }
}





/* 服务支持 - serv */
.serv-cont { width: 100%; max-width: 1200px; margin: 0 auto; position: relative; overflow: hidden; }
.serv-cont-ul { margin-left: -20px; padding: 50px 0 80px; }
.serv-cont-li {  height: 330px; width: 33.333333%; float: left; padding-left: 20px; margin-bottom: 20px; }
.serv-cont-a {   height: 100%; display: block; width: 100%; text-align: center; }
.serv-cont-lit { height: 100%; width: 100%; background: #D7000F; color: #fff; padding: 75px 30px 0; }
.serv-cont-li:nth-child(2) { width: 66.666666%; }
.serv-cont-litt { font-size: 26px; font-weight: 600; padding-bottom: 20px; }
.serv-cont-litb { font-size: 16px; line-height: 24px; }
.serv-cont-ad { width: 100%; height: 100%;
background: -webkit-linear-gradient( rgba( 255, 255, 255, 0), rgba( 0, 0, 0, .8) ); /* Safari 5.1 - 6.0 */
background:      -o-linear-gradient( rgba( 255, 255, 255, 0), rgba( 0, 0, 0, .8) ); /* Opera 11.1 - 12.0 */
background:    -moz-linear-gradient( rgba( 255, 255, 255, 0), rgba( 0, 0, 0, .8) ); /* Firefox 3.6 - 15 */
background:         linear-gradient( rgba( 255, 255, 255, 0), rgba( 0, 0, 0, .8) ); /* 标准的语法 */ }
.serv-cont-add { width: 140px; height: 140px; border-radius: 140px; background: rgba( 0, 0, 0, .2); display: inline-block; color: #fff; margin-top: 80px; }
.serv-cont-add span { font-size: 50px; padding: 30px 0 10px; }
.serv-cont-add div { font-size: 20px; }
.serv-cont-a:hover .serv-cont-add { color: #D7000F; }
.serv-cont-ul-div { padding-left: 20px; font-size: 16px; line-height: 28px; color: #333; }
@media (max-width:992px) {
	.serv-cont-li { width: 50%; }
	.serv-cont-li:nth-child(2) { width: 50%; }
	.serv-cont-li:nth-child(1) { width: 100%; }
}
@media (max-width:640px) {
	.serv-cont-ul { margin-left: 0; padding: 0.4rem 0.2rem; }
	.serv-cont-ul-div { padding-left: 0; font-size: 12px; line-height: 20px; }
	.serv-cont-li {  height: auto; width: 100%; padding-left: 0; margin-bottom: 0.2rem; }
	.serv-cont-lit { padding: 0.4rem ;}
	.serv-cont-li:nth-child(2) { width: 100%; }
	.serv-cont-litt { font-size: 0.5rem; padding-bottom: 0.3rem; }
	.serv-cont-litb { font-size: 0.2rem; line-height: 0.3rem; }
	.serv-cont-add { width: 2rem; height: 2rem; border-radius: 2rem; margin-top: 0.5rem; margin-bottom: 0.5rem }
	.serv-cont-add span { font-size: 0.6rem; padding: 0.5rem 0 0.2rem; }
	.serv-cont-add div { font-size: 0.25rem; }
}





/* 服务支持(列表) - casel */
.casel-cont { width: 100%; max-width: 1200px; margin: 0 auto; position: relative; overflow: hidden; padding-top: 65px; }
.casel-cont-li { width: 100%; height: 275px; margin-bottom: 45px; }
.casel-cont-a { width: 100%; height: 100%; display: block; padding: 2px; background: #f8f8f8; border: 1px solid #DCDCDC; }
.casel-cont-a:hover{background: #EFEFEF; border: 1px solid #f8f8f8;}
.casel-cont-ai { width: 50%; float: left; height: 100%; }
.casel-cont-ad { width: 50%; float: left; height: 100%; padding: 70px 70px 0; position: relative; }
.casel-cont-adt { color: #D7000F; font-size: 22px; height: 22px; overflow: hidden; margin-bottom: 20px; }
.casel-cont-adc { color: #929292; font-size: 14px; line-height: 20px; 
	overflow: hidden;
	text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline; 
	display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical;}
.casel-cont-adb { position: absolute; width: 20px; bottom: 40px; left: 70px; }
.casel-cont-adb img { width: 100%; }
.casel-cont-li:nth-child(2) .casel-cont-ai { float: right; }
.casel-cont-li:nth-child(4) .casel-cont-ai { float: right; }
.casel-cont-li:nth-child(6) .casel-cont-ai { float: right; }
@media (max-width:1200px) {
.casel-cont-li { width: 100%; height: 275px; margin-bottom: 45px; padding: 0px 30px; }
	}
@media (max-width:992px) {
	.casel-cont-ad { padding: 15px 15px 0; }
	.casel-cont-adb { bottom: 40px; left: 15px; }
}
@media (max-width:640px) {
	.casel-cont { padding: 0.4rem 0.2rem; }
	.casel-cont-li { height:auto; margin-bottom: 0.3rem; padding: 0px 0px;  }
	.casel-cont-a { padding: 0.05rem; height: auto; }
	.casel-cont-ai { width: 100%; height: 3rem; }
	.casel-cont-ad { width: 100%; padding: 0.2rem 0.2rem 0.2rem 0.2rem; height:auto; }
	.casel-cont-adt { font-size: 0.35rem; padding-bottom: 0.15rem; height: auto; line-height: 0.51rem;margin-bottom: 5px; }
	.casel-cont-adc { font-size: 0.2rem; line-height: 0.35rem; }
	.casel-cont-adb { width: 0.5rem; bottom: 0.3rem; left: 0.2rem;  display: none;}
}



.casel-swiper03-tit { color: #DF2637; font-size: 20px; padding-bottom: 35px; width: 100%; max-width: 1200px; margin: 0 auto; position: relative; overflow: hidden; }
@media (max-width:1200px) {
.casel-swiper03-tit { padding: 0px 30px; } }
.casel-swiper03 { width: 100%; max-width: 1200px; margin: 0 auto; position: relative; overflow: hidden; padding: 15px 30px 80px; }
.swiper03.swiper-container { padding: 0; }
.swiper-button-prev3 { position: absolute; left: 0; opacity:1;  top: 100px; }
.swiper-button-next3 { position: absolute; right: 0; opacity:1; top: 100px; }
.swiper-button-prev3 { width: 18px; height: 70px; line-height: 40px; background:url(../../images/casel-swiper-l-r.png) no-repeat center; text-align: center; }
.swiper-button-next3 { width: 18px; height: 70px; line-height: 40px; background:url(../../images/casel-swiper-r-r.png) no-repeat center; text-align: center; }
.swiper-button-prev3.swiper-button-disabled{ opacity: 1; background:url(../../images/casel-swiper-l-b.png) no-repeat center; }
.swiper-button-next3.swiper-button-disabled{ opacity: 1; background:url(../../images/casel-swiper-r-b.png) no-repeat center; }
.casel-swiper03-a { display: block;}
.casel-swiper03-d { height: 240px; text-align: center; padding: 10px; position: relative;}
.casel-swiper03-dd { color: #fff; font-size: 14px; line-height: 20px; padding: 20px 10px;  position: absolute; bottom: 0px; left: 0px; width: 100%;  background:rgba(0,0,0,0.5); 
	overflow: hidden;
	text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline; 
	display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; }
.casel-swiper03-a:hover .casel-swiper03-dd { color: #d7000f; }
@media (max-width:640px) {
	.casel-swiper03 { padding: 0.2rem .5rem 0.8rem; }
	.swiper-button-prev3 {  top: 1.7rem; left: .2rem; }
	.swiper-button-next3 {  top: 1.7rem; right: .2rem; }
	.swiper-button-prev3 { width: .36rem; height: .7rem; line-height: .4rem; }
	.swiper-button-next3 { width: .36rem; height: .7rem; line-height: .4rem; }
	.casel-swiper03-d { height: 4rem; text-align: center; padding: .2rem; }
	.casel-swiper03-dd { color: #fff; font-size: 14px; line-height: 20px; padding: 20px 10px;  position: absolute; bottom: 0px; left: 0px; width: 100%;  background:rgba(0,0,0,0.5); 
	overflow: hidden;
	text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline; 
	display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; }
	.casel-swiper03-tit { padding: 0px .5rem; }
}





/* 服务支持(详情) - case */
.acse-cont {  width: 100%; max-width: 1200px; margin: 0 auto; position: relative; padding: 65px 0 80px; }
.acse-cont .downl-cont-ct { border-bottom: 0; padding-bottom: 60px; }
.acse-cont-tc { padding: 0 10px 75px; line-height: 30px; font-size: 16px; }
.acse-cont-ul { display: none; }
.acse-cont-li { width: 99%; float: left; margin: 0.5%; height: 0; padding-bottom: 100%; }

.gallery { width: 100%; }
.gallery .bd { width: 70%; float: left; }
.gallery .bd li .pic { line-height: 0px; }
.gallery .bd li .pic a { display: block; width: 100%; height: 530px; }
.gallery .bd li .bg, .gallery .bd li .title{ display:none; } 
.gallery .bd li img{  } 
.gallery .hd { width: 30%; height: 530px; background: #D6D6D6; float: left; position: relative; padding: 30px 5%; zoom: 1; } 
.gallery .hd .tempWrap{  } 
.gallery .hd ul{ overflow: hidden; zoom: 1; } 
.gallery .hd li{ width: 100%; height: 25%; margin-top: 10px; text-align:center; cursor:pointer;  } 
.gallery .hd li span { display: block; width: 100%; height: 145px; padding: 0; border: 1px solid #D6D6D6; } 
.gallery .hd li.on{ background:url("images/icoUp.gif") no-repeat center 0;  } 
.gallery .hd li.on span { border: 1px solid #d7000f; } 
.gallery .hd .sNext,.gallery .hd .sPrev{ text-align: center;  width: 100%; height: 20px; line-height: 15px; cursor: pointer; position: absolute; left: 0; top: 0; color: #fff; font-size: 30px; background: #d7000f; } 
.gallery .hd .sNext{ bottom: 0; top: auto; } 
.gallery .hd .sNext:hover, .gallery .hd .sPrev:hover { text-decoration: none; }
@media (max-width:640px) {
	.acse-cont { padding: 0.8rem 0.2rem; }
	.acse-cont .downl-cont-ct { padding-bottom: 0.3rem; }
	.acse-cont-tc { padding: 0 0 0.3rem; line-height: 0.35rem; font-size: 0.2rem; }
	.acse-cont-ul { display: block; }
	.gallery { display: none; }
}





.acse-cont-big { width: 100%; margin: 0 auto; position: relative; overflow: hidden; padding: 50px 0; background: #F6F6F6; }
.acse-cont-bot { width: 100%; max-width: 1200px; margin: 0 auto; position: relative; overflow: hidden; }
.acse-cont-botul { margin-left: -10px; }
.acse-cont-botli { padding-left: 10px; padding-bottom: 10px; width: 25%; float: left; height: 250px; }
.acse-cont-bota { width: 100%; height: 100%; display: block; }
.acse-cont-botyy { width: 100%; height: 100%; position: relative;
}
.acse-cont-botft { width: 100%; font-size: 14px; color: #fff; padding: 15px 20px ; line-height: 20px; position: absolute; bottom: 0px; left: 0px;
	overflow: hidden;
	text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline; 
	display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical;
background: -webkit-linear-gradient( rgba( 255, 255, 255, 0), rgba( 0, 0, 0, .5) ); /* Safari 5.1 - 6.0 */
background:      -o-linear-gradient( rgba( 255, 255, 255, 0), rgba( 0, 0, 0, .5) ); /* Opera 11.1 - 12.0 */
background:    -moz-linear-gradient( rgba( 255, 255, 255, 0), rgba( 0, 0, 0, .5) ); /* Firefox 3.6 - 15 */
background:         linear-gradient( rgba( 255, 255, 255, 0), rgba( 0, 0, 0, .5) ); /* 标准的语法 */ 
}
.acse-cont-bota:hover .acse-cont-botft { color: #d7000f; }
.acse-cont-botlid { width: 100%; height: 100%; background: #d7000f; color: #fff; padding: 60px 40px 0; }
.acse-cont-botlidt { font-size: 36px; font-weight: 600; padding-bottom: 20px; }
.acse-cont-botlidb { font-size: 14px; line-height: 20px; text-align: left;
	overflow: hidden;
	text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline; 
	display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; }
@media (max-width:992px) {
	.acse-cont-botli { width: 50%; }
}
@media (max-width:640px) {
	.acse-cont-big { padding: 0.8rem 0.2rem; }
	.acse-cont-botul { margin-left: 0; }
	.acse-cont-botli { padding-left: 0; padding-bottom: 0.2rem; width: 100%; height: 4rem; }
	.acse-cont-botft { font-size: 0.3rem; }
	.acse-cont-botlid { padding: 0.5rem 0.2rem 0; }
	.acse-cont-botlidt { font-size: 0.5rem; padding-bottom: 0.3rem; }
	.acse-cont-botlidb { font-size: 0.2rem; line-height: 0.35rem; }
}





/* 产品展示(列表) - prodl */
.prodl-cont { width: 100%; max-width: 1200px; margin: 0 auto; position: relative; padding: 50px 0 0px; }
.prodl-cont-t { width: 100%; position: relative; z-index: 10; }
.prodl-cont-ts { width: 38%; float: left; margin-right: 2%; background: #F8F8F8; border: 0;   position: relative;  }

.prodl-cont-tsa i, .prodl-cont-toa i { float: right; padding-right: 30px; line-height: 60px; }
.prodl-cont-tsa i { font-size: 20px; }
.prodl-cont-toa i { font-size: 10px; }
.prodl-cont-toa:hover { background: #F8F8F8; }
.prodl-cont-ta { width: 20%; float: left; height: 60px; background: #EC0000; border: 0; color: #fff; font-size: 16px; line-height: 60px;
margin-bottom: 20px; }
.prodl-cont-b { width: 100%; overflow: hidden; height: 245px; margin-top: 30px;}
.prodl-cont-bl, .prodl-cont-br { float: left; height: 100%; }
.prodl-cont-bl { width: 44%; margin-right: 1%; }
.prodl-cont-br { width: 55%; border: 1px solid #B9B9B9; overflow: hidden; }
.prodl-cont-blr { width: 100%; height: 100%; background: #D50012; color: #fff; padding: 60px 40px 0; }
.prodl-cont-br img { width: 100%; max-width: none; }
.prodl-cont-blrt { font-size: 28px; padding-bottom: 7px; }
.prodl-cont-blrc { font-size: 28px; padding-bottom: 15px; }
.prodl-cont-blrb { font-size: 12px; font-weight: 100; padding: 4px 6px; border: 1px solid #fff; border-radius: 4px; display: inline-block; }
@media (max-width:992px) {
	.prodl-cont-ts { width: 49%; }
	.prodl-cont-ts:nth-child(2) { margin-right: 0; }
	.prodl-cont-ta { width: 100%; }
	.prodl-cont-blr { width: 100%; padding: 35px 20px 0; }
	.prodl-cont-br img { width: 100%; max-width: none; }
	.prodl-cont-blrt { font-size: 24px; padding-bottom: 7px; }
	.prodl-cont-blrc { font-size: 24px; padding-bottom: 15px; }
	.prodl-cont-blrb { font-size: 12px; }
}
@media (max-width:640px) {
	.prodl-cont { padding: 0.4rem 0.2rem; }
	.prodl-cont-ts { width: 100%; margin-right: 0; text-indent: 0.3rem; margin-bottom: 0.2rem; }
	.prodl-cont-tsa { height: 0.8rem; line-height: 0.8rem; }
	.prodl-cont-toa { height: 0.8rem; line-height: 0.8rem; font-size: 0.3rem; }
	.prodl-cont-tsad { font-size: 0.3rem; }
	.prodl-cont-tsa i, .prodl-cont-toa i { padding-right: 0.3rem; line-height: 0.8rem; }
	.prodl-cont-tsa i { font-size: 0.3rem; }
	.prodl-cont-toa i { font-size: 0.2rem; }
	.prodl-cont-ta { width: 100%; height: 0.6rem; font-size: 0.24rem; line-height: 0.6rem;
	margin-bottom: 0.2rem; }
	.prodl-cont-b { height: auto;margin-top: 10px; }
	.prodl-cont-bl { width: 100%; margin-right: 0; height: 2.5rem; margin-bottom: 0.2rem; }
	.prodl-cont-br { width: 100%; height: 2.5rem; }
	.prodl-cont-blr { width: 70%; padding: 0.4rem 0.2rem 0; }
	.prodl-cont-blrt { font-size: 0.35rem; padding-bottom: 0.1rem; }
	.prodl-cont-blrc { font-size: 0.35rem; padding-bottom: 0.15rem; }
	.prodl-cont-blrb { font-size: 0.2rem; padding: 0.1rem; border-radius: 0.05rem; }
}





.prodl-bot { width: 100%; max-width: 1200px; margin: 0 auto; position: relative; padding: 70px 0 30px; }
.prodl-bot-ul { margin-left: -10px; }
.prodl-bot-li { padding-left: 10px; width: 33.333333%; float: left; height: 335px; margin-bottom: 10px; }
.prodl-bot-a { display: block; width: 100%; height: 100%; }

a.prodl-bot-a .prodl-bot-d { width: 100%; height: 100%; color: #fff; padding: 250px 40px 0; transition: transform 0.6s ease 0s;
background: -webkit-linear-gradient( rgba( 255, 255, 255, 0), rgba( 0, 0, 0, .4) ); /* Safari 5.1 - 6.0 */
background:      -o-linear-gradient( rgba( 255, 255, 255, 0), rgba( 0, 0, 0, .4) ); /* Opera 11.1 - 12.0 */
background:    -moz-linear-gradient( rgba( 255, 255, 255, 0), rgba( 0, 0, 0, .4) ); /* Firefox 3.6 - 15 */
background:         linear-gradient( rgba( 255, 255, 255, 0), rgba( 0, 0, 0, .4) ); /* 标准的语法 */ }

a.prodl-bot-a:hover .prodl-bot-d{ width: 100%; height: 100%; color: #fff; padding: 250px 40px 0; transition: transform 0.6s ease 0s;
background: -webkit-linear-gradient( rgba( 255, 255, 255, 0), rgba( 0, 0, 0, .2) ); /* Safari 5.1 - 6.0 */
background:      -o-linear-gradient( rgba( 255, 255, 255, 0), rgba( 0, 0, 0, .2) ); /* Opera 11.1 - 12.0 */
background:    -moz-linear-gradient( rgba( 255, 255, 255, 0), rgba( 0, 0, 0, .2) ); /* Firefox 3.6 - 15 */
background:         linear-gradient( rgba( 255, 255, 255, 0), rgba( 0, 0, 0, .2) ); /* 标准的语法 */ }

.prodl-bot-dt { font-size: 18px; font-size: 600; padding-bottom: 10px;  }
.prodl-bot-dd { font-size: 14px; line-height: 18px; margin-bottom: 5px;
	overflow: hidden;
	text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline; 
	display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; }
@media (max-width:992px) {
	.prodl-bot-li { width: 50%; }
}
@media (max-width:640px) {
	.prodl-bot { padding: 0 0.2rem 0.8rem; }
	.prodl-bot-ul { margin-left: 0; }
	.prodl-bot-li { padding-left: 0; width: 100%; height: 4rem; margin-bottom: 0.2rem; }
	a.prodl-bot-a .prodl-bot-d { padding: 2.4rem 0.3rem 0; }
	.prodl-bot-dt { font-size: 0.35rem; padding-bottom: 0.2rem;  }
	.prodl-bot-dd { font-size: 0.2rem; line-height: 0.3rem; }
}




/* 产品展示(详情) - prod */
.prod-bot { width: 100%; max-width: 1200px; margin: 0 auto; position: relative; padding: 0 0 70px; }
.prod-bot-l, .prod-bot-r { float: left; }
.prod-bot-l { width: 30%;   }
.prod-bot-r { width: 70%; padding-left: 60px; }
.prod-bot-lt { height: 40px; line-height: 40px; font-size: 20px; font-weight: 600; color: #D7000F; text-indent: 12px; border-bottom: 1px solid #BFBFBF; }
.prod-bot-lc img { width: 100%; }
.prod-bot-lb { padding: 15px 15px 25px; text-align: center; }
.prod-bot-lb img { display: inline-block; }
.prod-bot-lbd { color: #D7000F; font-size: 16px; }
.prod-bot-lbd img { width: 28px; margin-left: 15px; }
.prod-bot-rt { padding-bottom: 10px; }
.prod-bot-rt1 { float: left; color: #D7000F; font-size: 40px; font-weight: 600; line-height: 40px; }
.prod-bot-rt2 { float: left; color: #9A9A9A; font-size: 20px; font-weight: 600; line-height: 60px; padding-left: 20px; }
.prod-bot-rb { color: #000; font-size: 16px; line-height: 26px; overflow: hidden; min-height: 550px; }
.prod-bot-ra { width: 100%; height: auto; }
.prod-bot-ra > span { display: block; float: left; width: 48%; margin-right: 4%; background: #EDECE8; color: #333; font-size: 14px; padding: 10px 45px; }
.prod-bot-ra > span:nth-child(2) { margin-right: 0; }
.prod-bot-ra > span >a:hover { color: #D7000F; }
@media (max-width:640px) {
	.prod-bot { padding: 0 0.2rem 0.8rem; }
	.prod-bot-l { width: 100%; }
	.prod-bot-r { width: 100%; padding-left: 0; }
	.prod-bot-lt { height: 0.8rem; line-height: 0.8rem; font-size: 0.35rem; text-indent: 0.3rem; }
	.prod-bot-lb { padding: 0.1rem; }
	.prod-bot-lbd { font-size: 0.2rem; }
	.prod-bot-lbd img { width: 0.4rem; margin-left: 0.2rem; }
	.prod-bot-rt { padding-bottom: 0.2rem; padding-top: 0.4rem; }
	.prod-bot-rt1 { font-size: 0.5rem; line-height: 0.5rem; }
	.prod-bot-rt2 { font-size: 0.25rem; line-height: 0.75rem; padding-left: 0.3rem; }
	.prod-bot-rb { font-size: 0.2rem; line-height: 0.35rem; min-height: auto; padding-bottom: .4rem; }
	.prod-bot-lc { height: 7.5rem; overflow: hidden; }
	.prod-bot-ra > span { width: 100%; margin-right: 0; margin-bottom: .1rem; padding: .2rem; }
}





.prod-cont { width: 100%; max-width: 1200px; margin: 65px auto; position: relative; height: auto; }
.prod-cont-tt { width: 100%; height:auto; padding-bottom:0px; }
.prod-cont-tt img{width: 100%; max-width: 100%;}
.prod-cont-bl { width: 475px; background: url(../../images/prodl-bg-1.jpg); height: 200px; position: absolute; right: 15%; top: 25%; }
.prod-cont-blr { width: 385px; height: 100%; background: #D50012; color: #fff; padding: 40px 40px 0; }
.prod-cont-blrt { font-size: 28px; padding-bottom: 7px; }
.prod-cont-blrc { font-size: 28px; padding-bottom: 15px; }
.prod-cont-blrb { font-size: 12px; font-weight: 100; padding: 4px 6px; border: 1px solid #fff; border-radius: 4px; display: inline-block; }
.prod-cont-blra { text-align: right; }
.prod-cont-t { position: absolute; top: 10%; left: 25%; width: 50%; }
@media (max-width:640px) {
	.prod-cont { padding: 0 0.2rem; height: auto; margin: 0.8rem 0; }
	.prod-cont-tt { height:auto; padding-bottom: 0; float: left; }
	.prod-cont-bl { position: relative; float: left; width: 100%; height: 3rem; right: 0; }
	.prod-cont-blr { width: 70%; padding: 0.4rem 0.2rem 0; }
	.prod-cont-blrt { font-size: 0.35rem; padding-bottom: 0.1rem; }
	.prod-cont-blrc { font-size: 0.35rem; padding-bottom: 0.15rem; }
	.prod-cont-blrb { font-size: 0.2rem; padding: 0.1rem; border-radius: 0.05rem; }
	.prod-cont-blra { font-size: 0.2rem; }
	.prod-cont-t { display: none; }
}	





/* 联系我们 - cont */
.cont-banner-big { width: 100%; margin: 0 auto; position: relative; overflow: hidden; height: 550px; margin-top: 125px; }
.cont-banner { margin: 0 auto; text-align: center; color: #fff; padding-top: 180px; }
.cont-banner-1 { width: 129px; display: inline-block; }
.cont-banner-2 { font-size: 20px; padding-top: 30px; }
.cont-banner-3 { width: 48px; height: 2px; display: block; background: #d7000f; margin: 14px auto 20px; }
.cont-banner-4 { font-size: 16px; }
@media (max-width:640px) {
	.cont-banner-big {  height: 3.5rem; margin-top: 80px; }
	.cont-banner { padding-top: 0.8rem; }
	.cont-banner-1 { width: 2rem; }
	.cont-banner-2 { font-size: 0.35rem; padding-top: 0.3rem; }
	.cont-banner-3 { width: 0.3rem; height: 2px; margin: 0.2rem auto 0.35rem; }
	.cont-banner-4 { font-size: 0.2rem; }
}





.cont-cont { width: 100%; max-width: 1200px; margin: 0 auto; position: relative; overflow: hidden; padding: 50px 0; border-bottom: 1px solid #B1B1B1; }
.cont-cont-t { width: 49%; margin-right: 2%; border: 1px solid #C9C9C9; float: left; margin-bottom: 20px; }
.cont-cont-t:nth-child(2) { margin-right: 0; }
.cont-cont-tt { width: 100%; height: 280px; }
.cont-cont-ttl { width: 50%; height: 100%; float: left; }
.cont-cont-ttr { width: 50%; height: 100%; float: left;  }
.cont-cont-ttr iframe{width: 100%;height: 280px;}
.cont-cont-tb { width: 100%; padding: 20px; font-size: 16px; height: 120px; }
.cont-cont-tbd { line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline; 
	display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; }

.cont-cont-b { width: 100%; }
.cont-cont-li { width: 50%; float: left; padding: 25px 50px; }
.cont-cont-lit { color: #0182C3; font-size: 20px; padding-bottom: 10px; }
.cont-cont-lid { color: #7B7B7B; font-size: 14px; line-height: 28px; }
#myMap { width: 100%; height: 100%; }
@media (max-width:992px) {
	.cont-cont-t { width: 100%; margin-right: 0; }
	.cont-cont-li { width: 100%; }
}
@media (max-width:640px) {
	.cont-cont { padding: 0.4rem 0.2rem; }
	.cont-cont-t { margin-bottom: 0.2rem; display:block; }
	.cont-cont-ttl { width: 100%; height: 100%; float: left; }
	.cont-cont-ttr{display: none;}
	.cont-cont-tt { height: 4rem; }
	.cont-cont-tb { padding: 0.2rem; font-size: 0.2rem; height: 1.6rem; }
	.cont-cont-tbd { line-height: 0.3rem; }
	
	.cont-cont-li { padding: 0.1rem 0.2rem; }
	.cont-cont-lit { font-size: 0.4rem; padding-bottom: 0.2rem; }
	.cont-cont-lid { font-size: 0.2rem; line-height: 0.35rem; }
}





.cont-form { width: 100%; max-width: 1200px; margin: 0 auto; position: relative; overflow: hidden; padding: 50px; }
.cont-form-t { color: #D7000F; font-size: 22px; text-align: center; }
.cont-form-c { width: 100%; }
.cont-form-c1 { width: 50%; float: left; padding: 20px 0; }
.cont-form-c3 { width: 100%; float: left; padding: 20px 0; }
.cont-form-c1l { display: block; float: left; width: 20%; height: 40px; line-height: 40px; text-align: center; font-size: 14px;
font-weight: 600; }
.cont-form-c1c { width: 70%; height: 40px; border: 1px solid #959595; padding-left: 10px; }
.cont-form-c1r { display: inline-block; color: #D7000F; text-align: center; width: 10%; height: 40px; line-height: 40px; }
.cont-form-c2 { width: 100%; padding: 20px 0 20px; float: left; }
.cont-form-c2l { display: block; float: left; width: 10%; height: 40px; line-height: 40px; text-align: center; font-size: 14px;
font-weight: 600; }
.cont-form-c2c { width: 85%; height: 160px;padding-left: 10px; }
.cont-form-but { width: 20%; height: 50px; line-height: 50px; background: #d7000f; text-align: center; color: #fff; border: 0; margin-left: -9%; margin-top: 15px; float: left;  display: block; }
@media (max-width:992px) {
	.cont-form-c1 { width: 100%; }
		.cont-form-c3 { width: 100%; }
	.cont-form-c1l { width: 10%; }
	.cont-form-c1c { width: 85%; }
	.cont-form-c1r { width: 5%; }
}
@media (max-width:640px) {
	.cont-form { padding: .8rem .2rem; }
	.cont-form-t { font-size: .4rem; }
	.cont-form-c1 { width: 100%; padding: .2rem 0;  position: relative;}
	.cont-form-c3 { width: 100%; padding: .2rem 0;  position: relative;}
	.cont-form-c1l { width: 30%; height: .6rem; line-height: .6rem; font-size: .2rem; }
	.cont-form-c1c { width: 65%; height: .6rem; }
	.cont-form-c1r { width: 100px; height: .6rem; line-height: .6rem;  position: absolute; right: 10px;}
	.cont-form-c2 { padding: .2rem 0 }
	.cont-form-c2l { width: 30%; height: .6rem; line-height: .6rem; font-size: .2rem; }
	.cont-form-c2c { width: 65%; height: .6rem; height: 2rem; }
	.cont-form-but { width: 65%; height: .6rem; line-height: .6rem; margin-left: 30%; }
}





/* 吊装系统 - xitong */
.xitong-bott-t, .xitong-bott-b { width: 100%; max-width: 1200px; margin: 0 auto; position: relative; overflow: hidden; padding: 20px 35px; }
.xitong-bott-tt { color: #d7000f; font-size: 20px; font-weight: 600; padding-bottom: 30px; }
.xitong-bott-tul { margin-left: -120px; }
.xitong-bott-tli { width: 25%; float: left; padding-left: 125px; margin-bottom: 20px; }
a.xitong-bott-ta { display: block; width: 100%; height:auto; text-align: center;}
a.xitong-bott-ta img{width: 100%; margin-bottom: 20px;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}
a.xitong-bott-ta:hover img{width: 100%; margin-bottom: 20px;-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
@media (max-width:992px) {
	.xitong-bott-tul { margin-left: -40px; }
	.xitong-bott-tli { padding-left: 40px; }
}
@media (max-width:640px) {
	.xitong-bott-t { padding: .8rem .2rem; }
	.xitong-bott-tt { font-size: .4rem; font-weight: 600; padding-bottom: .3rem }
	.xitong-bott-tul { margin-left: -.3rem; }
	.xitong-bott-tli { width: 50%; padding-left: .3rem; margin-bottom: .2rem; }
}





.xitong-bott-bt { color: #d7000f; font-size: 20px; font-weight: 600; padding-bottom: 30px; }
.xitong-bott-bul { margin-left: -20px; }
.xitong-bott-bli { width: 19%; float: left; margin-left: 1%; margin-bottom: 20px; overflow: hidden; }
a.xitong-bott-ba { display: block; width: 100%; height: 0; padding-bottom: 75%; position: relative;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
a.xitong-bott-ba:hover{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.xitong-bott-ba-word { color: #fff; width: 100%; height: 50%; position: absolute; bottom: 0; right: 0; text-align: center; padding-top: 20%;
background: -webkit-linear-gradient( rgba( 255, 255, 255, 0), rgba( 0, 0, 0, .5) ); /* Safari 5.1 - 6.0 */
background:      -o-linear-gradient( rgba( 255, 255, 255, 0), rgba( 0, 0, 0, .5) ); /* Opera 11.1 - 12.0 */
background:    -moz-linear-gradient( rgba( 255, 255, 255, 0), rgba( 0, 0, 0, .5) ); /* Firefox 3.6 - 15 */
background:         linear-gradient( rgba( 255, 255, 255, 0), rgba( 0, 0, 0, .5) ); /* 标准的语法 */ }
@media (max-width:992px) {
	.xitong-bott-bli { width: 25%; }
	.xitong-bott-bul { margin-left: -10px; }
	.xitong-bott-bli { padding-left: 10px; }
}
@media (max-width:640px) {
	.xitong-bott-b { padding: 0 .2rem .8rem; }
	.xitong-bott-bt { font-size: .4rem; font-weight: 600; padding-bottom: .3rem }
	.xitong-bott-bul { margin-left: -.3rem; }
	.xitong-bott-bli { width: 50%; padding-left: .3rem; margin-bottom: .2rem; }
}





.xitong-bot-r { width: 100%; max-width: 1200px; margin: 0 auto; position: relative; overflow: hidden; padding: 50px 35px; }
.xitong-bot-rt { padding-bottom: 10px; }
.xitong-bot-rt1 { float: left; color: #D7000F; font-size: 40px; font-weight: 600; line-height: 40px; }
.xitong-bot-rt2 { float: left; color: #9A9A9A; font-size: 20px; font-weight: 600; line-height: 60px; padding-left: 20px; }
.xitong-bot-rb { color: #000; font-size: 16px; line-height: 26px; overflow: hidden; }
@media (max-width:640px) {
	.xitong-bot-r { width: 100%; padding: 0 .2rem .8rem; }
	.xitong-bot-rt { padding-bottom: 0.2rem; padding-top: 0.4rem; }
	.xitong-bot-rt1 { font-size: 0.5rem; line-height: 0.5rem; }
	.xitong-bot-rt2 { font-size: 0.25rem; line-height: 0.75rem; padding-left: 0.3rem; }
	.xitong-bot-rb { font-size: 0.2rem; line-height: 0.35rem; }
}




.xitong-cont { width: 100%; max-width: 1200px; margin: 35px auto; padding: 0px 32px; position: relative; height: auto; }
.xitong-cont-tt { width: 100%; height: auto; position: relative; }

.xitong-cont-t { position: absolute; top: 10%; left: 25%; width: 50%; }


.diyigedian1{position: absolute; left: 43%; top: 17%; }
.diyigedian2{position: absolute; left: 70%; top: 15%; }
.diyigedian3{position: absolute; left:20%; top: 10%; }
.love-1 {
    position: absolute;
	z-index: 99;
    background-color: #d7000f;
    width: 15px;
    height: 15px;
	border-radius:50%;
	box-shadow: 0px 0px 20px #f00;
    margin: auto;
    top: 0%;
    left:0%;
    animation-name: love-1;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-iteration-count: infinite;
}
@keyframes love-1 {
    50% {
        transform: scale(1.2) ;
    }
}

.xitong-cont-bl { width: 450px; height: 200px; position: absolute; left: 0px; top: 50px; display:none ; float: left; }
.xitong-cont-bl::before {
    content: "";
    position: absolute;
	top: -42px; left: 5px;
	width: 100px; height: 50px; border-right: 1px solid #d7000f; border-top: 1px solid #d7000f;
}
.xitong-cont-blrtx{ position: absolute; right: 60px; top: 10px;}
.xitong-cont-blrtx i{font-size: 22px; color: #fff; font-weight: 400;}

.xitong-cont-blr { width: 300px; height: 100px; background: #D50012; color: #fff; padding: 20px 40px 20px 20px; overflow: hidden; }
.xitong-cont-blrt { font-size: 20px; padding-bottom: 7px; }
.xitong-cont-blrc { font-size: 28px; padding-bottom: 15px; }
.xitong-cont-blrb { font-size: 12px; font-weight: 100; padding: 4px 6px; border: 1px solid #fff; border-radius: 4px; display: inline-block; }
.xitong-cont-blra { text-align: left; padding-bottom: 20px; }
.xitong-cont-blra a{color: #fff;}
.xitong-cont-blrd { font-size: 12px; line-height: 18px; height: 100px; overflow: hidden; }
.xitong-cont-bll { float: left; width: 100px; height: 100px; position: relative; }
.xitong-cont-bll-y { width: 100px; height: 100px;   overflow: hidden; position: absolute; top: 0; left: 0; }
.xitong-cont-bll-y > img { width: 100%; height: auto; border-radius: 100%;border: 4px solid #fff; }
.xitong-cont-bll-bg { width: 50px; height: 100px; position: absolute; top: 0; left: 50px; background: #D50012; }
.xitong-cont-bl-bg { float: left; width: 50px; height: 300px; background: url(../../images/prodl-bg-1.jpg); position: absolute; top: 0; right: 0; }

@media (max-width:640px) {
	.xitong-cont { padding: 0 0.2rem; height: auto; margin: 0.8rem 0; }
	.xitong-cont-tt { height: 3rem; padding-bottom: 0; float: left; position: relative; }
	.xitong-cont-bl { position:absolute; float: left; z-index: 99; width: 250px; height:160px; left: 0px; background: #D50012; }
	.xitong-cont-bl::before {display: none;}
	.xitong-cont-blr { width: 100%; padding: 0.2rem 0.2rem .2rem;height:auto; }
	.xitong-cont-blrt { font-size: 0.20rem; padding-bottom: 0.1rem; }
	.xitong-cont-blrc { font-size: 0.20rem; padding-bottom: 0.15rem; }
	.xitong-cont-blrb { font-size: 0.12rem; padding: 0.1rem; border-radius: 0.05rem; }
	.xitong-cont-blra { font-size: 0.12rem; padding-bottom: .3rem; }
	.xitong-cont-t { display: none; }
	.xitong-cont-blrd { font-size: .2rem; line-height: .3rem; height: 5.4rem; }
	.xitong-cont-blrtx{ position: absolute; right: 10px; top: 10px;}
	.xitong-cont-bll { float: none; width: 100px; height: 100px; position: relative; margin: 10px auto; }
	
	
	
	.diyigedian51 .xitong-cont-bl { left: -50px; top: 50px;}
	.diyigedian52 .xitong-cont-bl { left: -100px;top: 50px;}
	.diyigedian53 .xitong-cont-bl { left: -180px;top: 70px;}
	
	.diyigedian31 .xitong-cont-bl { left: -30px;top: 50px;}
	.diyigedian32 .xitong-cont-bl { left: -180px;top: 50px;}
	
	.diyigedian71 .xitong-cont-bl { left: 20px; top: 90px;}
	.diyigedian72 .xitong-cont-bl { left: -50px;top: 60px;}
	.diyigedian73 .xitong-cont-bl { left: -155px;top: 60px;}
	
	.diyigedian91 .xitong-cont-bl { left: 0px; top: 40px;}
	.diyigedian92 .xitong-cont-bl { left: -90px;top:75px;}
	.diyigedian93 .xitong-cont-bl { left: -165px;top: 90px;}
	
	.diyigedian61 .xitong-cont-bl { left: -30px; top: 60px;}
	.diyigedian62 .xitong-cont-bl { left: -100px;top:40px;}
	.diyigedian63 .xitong-cont-bl { left: -180px;top: 50px;}
	
	.diyigedian41 .xitong-cont-bl { left: -150px;top:40px;}
	.diyigedian42 .xitong-cont-bl { left: -220px;top: 45px;}
	
	.diyigedian1 .xitong-cont-bl { left: -100px;top:40px;}
	.diyigedian2 .xitong-cont-bl { left: -190px;top: 45px;}
	
	.diyigedian33 .xitong-cont-bl { left: -10px; top: 70px;}
	.diyigedian22 .xitong-cont-bl { left: -100px;top:40px;}
	.diyigedian21 .xitong-cont-bl { left: -150px;top: 60px;}
	
	.diyigedian81 .xitong-cont-bl { left: -190px;top: 60px;}
}	















.casel-swiper04-tit { width: 100%; max-width: 1200px; margin: 0 auto; position: relative; overflow: hidden; padding: 50px 0 20px 30px; }
.casel-swiper04-tit-t { font-size: 36px; font-weight: 600; color: #000; width: 400px; }
.casel-swiper04-tit-b { text-transform: uppercase; color: #BABABA; font-weight: 600; font-size: 16px; padding: 25px 0; }
.casel-swiper04 { width: 100%; max-width: 1200px; margin: 0 auto; position: relative; overflow: hidden; padding: 15px 30px 30px; }
.swiper04.swiper-container { padding: 0; }
.swiper-button-prev4 { position: absolute; left: 0; opacity:1;  top: 140px; }
.swiper-button-next4 { position: absolute; right: 0; opacity:1; top: 140px; }
.swiper-button-prev4{ width: 18px; height: 70px; line-height: 40px; background:url(../../images/casel-swiper-l-r.png) no-repeat center; text-align: center; }
.swiper-button-next4 { width: 18px; height: 70px; line-height: 40px; background:url(../../images/casel-swiper-r-r.png) no-repeat center; text-align: center; }
.swiper-button-prev4.swiper-button-disabled{ opacity: 1; background:url(../../images/casel-swiper-l-b.png) no-repeat center; }
.swiper-button-next4.swiper-button-disabled{ opacity: 1; background:url(../../images/casel-swiper-r-b.png) no-repeat center; }
.casel-swiper04-a { display: block;}
.casel-swiper04-d { height: 330px; text-align: center; padding: 0; }
.casel-swiper04-dd { color: #fff; font-size: 14px; line-height: 20px; padding-top: 80px;
	overflow: hidden;
	text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline; 
	display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; }
.casel-swiper04-dmax { width: 100%; height: 100%; text-align: center; }
.casel-swiper04-dmaxi { display: inline-block; width: 90px; padding: 50px 0 15px; opacity: 0; }
.casel-swiper04-dmaxd { font-size: 18px; color: #fff; font-weight: 600; line-height: 32px; text-align: center; }
.casel-swiper04-a:hover .casel-swiper04-dd { color: #d7000f; }
.casel-swiper04-a:hover .casel-swiper04-dmax { }
.casel-swiper04-a:hover .casel-swiper04-dmaxi { opacity: 1; }
@media (max-width:640px) {
	.casel-swiper04 { padding: 0.2rem .5rem 0.8rem; }
	.swiper-button-prev4 {  top: 1.7rem; left: .2rem; }
	.swiper-button-next4 {  top: 1.7rem; right: .2rem; }
	.swiper-button-prev4 { width: .36rem; height: .7rem; line-height: .4rem; }
	.swiper-button-next4 { width: .36rem; height: .7rem; line-height: .4rem; }
	.casel-swiper04-d { height: 4rem; }
	.casel-swiper04-dmaxi { width: .9rem; padding: .8rem 0 .3rem; opacity: 0; }
	.casel-swiper04-dmaxd { font-size: .3rem; line-height: .45rem; }
	.casel-swiper04-tit { padding: .4rem 0 0 .2rem; }
	.casel-swiper04-tit-t { font-size: .3rem; width: 100%; }
	.casel-swiper04-tit-b { font-size: .2rem; padding: .25rem 0; }
}





/* 企业介绍 - about */
.about-tit { font-size: 22px; text-align: left; }
.about-tit-small { font-size: 14px; padding: 25px 0; color: #AFAFAF; }
@media (max-width:640px) {
	.about-tit { font-size: .4rem; }
	.about-tit-small { font-size: .2rem; padding: .3rem 0; }
}

.about-about { width: 100%; max-width: 1200px; margin: 0 auto; position: relative; overflow: hidden; padding: 50px 0; }
.about-about-l { float: left; width: 60%; padding-right: 30px; border-right: 1px solid #E5E5E5; }
.about-about-r { float: left; width: 40%; padding-left: 30px; }
.about-about-ld { font-size: 14px; padding: 25px 0; color: #AFAFAF; line-height: 32px; }
@media (max-width:992px) {
	.about-about-l, .about-about-r { width: 100%; padding: 0; }
}
@media (max-width:640px) {
	.about-about { padding: .4rem .2rem; }
	.about-about-l { border-right: 0px solid #E5E5E5; }
	.about-about-ld { font-size: .2rem; padding: .2rem 0; line-height: .35rem; }
}




.about-gushi { width: 100%; max-width: 1200px; margin: 0 auto; position: relative; overflow: hidden; padding: 0 0 50px; }

.pag_about2{ width: 100%; height:auto; color: #333; background-repeat:no-repeat; background-position:center center; background-size:cover; }

.pag_about2_box{width: 100%; max-width: 1300px; height:auto; margin: 0px auto; padding: 0 0px; position: relative;}

.pag_about2_box::after{ position: absolute; top:219px; left: 0; background: #767676; width: 100%; height: 2px;  content: ""; z-index: -1; }

.swiperpag2.swiper-container{padding: 0px 0px 0px 0px; }
.pag_about2_box .swiperpag2.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0px;}
.pag_about2_box .swiperpag2.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ background: #f00; width: 10px; height: 10px; opacity:0.5;}
.pag_about2_box .swiperpag2.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{ background: #000; opacity:1;}

.pag_about2_box .swiper-button-prev {left: 0px;opacity:1; top: 54%; display: none; }
.pag_about2_box .swiper-button-next {right: 0px;opacity:1;top: 54%; display: none; }
.pag_about2_box .swiper-button-prev {width: 40px;height: 40px; line-height: 40px; background:url(../images/jtl2.png) no-repeat center; text-align: center;}
.pag_about2_box .swiper-button-next {width: 40px;height: 40px; line-height: 40px; background:url(../images/jtr2.png) no-repeat center; text-align: center;}
.pag_about2_box .swiper-button-prev.swiper-button-disabled{opacity:1;background:url(../images/jtl1.png) no-repeat center left;}
.pag_about2_box .swiper-button-next.swiper-button-disabled{opacity:1;background:url(../images/jtr1.png) no-repeat center right;}

@media (max-width:1440px) {
	.about-gushi { padding: 0 15px 50px; }
	.pag_about2_box .swiper-button-prev { display: block; }
	.pag_about2_box .swiper-button-next { display: block; }
}
.pag_about2_box .swiper-slide .item1 { background-repeat: no-repeat; background-position: top center; }
.pag_about2_box .swiper-slide:nth-child(odd) .item1{  height: 480px;background-image: url(../../images/gushi/images/gs_01.png); }
.pag_about2_box .swiper-slide:nth-child(odd) .item1 .lc-left{ float: left; width: 10%; height: 150px; position: relative; border-left: 5px solid #d7000f;}
.pag_about2_box .swiper-slide:nth-child(odd) .item1 .lc-left .line{ display: block; position: absolute; left: -12px; top: -5px; width: 20px; height: 20px; border-radius: 50%; background: #d7000f;}
.pag_about2_box .swiper-slide:nth-child(odd) .item1 .lc-right{ float: left; width: 90%; padding-top: 10px;}
.pag_about2_box .swiper-slide:nth-child(odd) .item1 .lc-right h3{ font-size: 18px; font-weight: bold; color: #d7000f;}
.pag_about2_box .swiper-slide:nth-child(odd) .item1 .lc-right .lc-righttext{ margin: 10px 0px; color: #666; font-size: 14px; height: 80px; overflow: hidden; line-height: 20px; position: relative;}

.lc-righttext1{position: absolute; width: 100%;}

/*.pag_about2_box .swiper-slide:nth-child(even) .item1{  padding: 180px 30px 30px 30px;}*/
.pag_about2_box .swiper-slide:nth-child(even) .item1{  height: 480px; background-image: url(../../images/gushi/images/gs_02.png);}
.pag_about2_box .swiper-slide:nth-child(even) .item1 .lc-left{ float: left; width: 10%; height: 150px; position: relative;  border-left: 5px solid #d7000f;}
.pag_about2_box .swiper-slide:nth-child(even) .item1 .lc-left .line{ display: block; position: absolute; left: -12px; bottom: -5px; width: 20px; height: 20px; border-radius: 50%; background: #d7000f;}
.pag_about2_box .swiper-slide:nth-child(even) .item1 .lc-right{ float: left; width: 90%; padding-top: 20px;}
.pag_about2_box .swiper-slide:nth-child(even) .item1 .lc-right h3{ font-size: 18px;font-weight: bold; color: #d7000f;}
.pag_about2_box .swiper-slide:nth-child(even) .item1 .lc-right .lc-righttext{ margin: 10px 0px; color: #666; font-size: 14px;height: 80px; overflow: hidden;  line-height: 20px; position: relative;}

.pag_about2_box .swiper-slide:hover .item1 .lc-left{ border-left: 5px solid #d7000f;}
.pag_about2_box .swiper-slide:hover .item1 .lc-left .line{  background: #d7000f;}
.pag_about2_box .swiper-slide:hover .item1 .lc-right h3{color: #d7000f;}


.item-div { width: 121px; height: 121px; border-radius: 121px; background: rgba(255,255,255,0); margin: 0 auto; }
.item-div-2 { position: absolute; width: 100%; text-align: center; font-size: 14px; line-height: 26px; color: #9F9F9F; }
.pag_about2_box .swiper-slide:nth-child(odd) .item-div-2 { top: 290px; }
.pag_about2_box .swiper-slide:nth-child(even) .item-div-2 { top: 390px; }
.item-div > div { text-align: center; margin: 0 auto; color: #fff; }
.item-div .item-div-y { padding-top: 28px; font-size: 16px; letter-spacing: 1px; }
.item-div .item-div-time { font-size: 42px; padding-top: 10px; }

.item1:hover .item-div { background: #D7000F; }
.item1:hover .item-div-2 { color: #000; }

@media (max-width:640px){
	.about-gushi { padding: 0 .2rem .4rem; }
	.about_lich_box{padding: 0 0.1rem;}
	.pag_about2_box{padding: 0;}
	.swiperpag2.swiper-container{padding: 0 0;}
}





.about-news { width: 100%; margin: 0 auto; position: relative; overflow: hidden; padding: 80px 0;
			  background: url(../../images/about-bg-1.jpg) no-repeat center center; background-size: cover; }
.about-news-box { width: 100%; max-width: 1200px; margin: 0 auto; position: relative; overflow: hidden; }
.about-news-ul { width: 100%; padding-top: 45px; }
.about-news-li { width: 50%; float: left; height: 125px;  margin-bottom: 50px;overflow: hidden; }
.about-news-a { display: block; width: 100%; overflow: hidden; }
.about-news-al { width: 30%; float: left; overflow: hidden; }
.about-news-al img { width: 100%;transition: transform 0.6s ease 0s; }
a.about-news-a:hover img{transform: scale(1.1, 1.1);transition: transform 0.6s ease 0s;}

.about-news-ar { width: 70%; float: left; padding: 0 30px; }
.about-news-art { font-size: 18px; line-height: 26px; height: 26px; overflow: hidden;}
a.about-news-a:hover .about-news-art{color: #de1e27;}
.about-news-arc { font-size: 14px; padding: 15px 0; }
.about-news-arb { line-height: 20px; height: 40px; overflow: hidden; color: #A1A1A1;
	text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline; 
	display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; }
.about-news-bota { display: inline-block; text-align: left; }
.about-news-bota:hover { color: #d7000f; }
.about-news-botad { text-align: center; }
@media (max-width:992px){
	.about-news-li { width: 100%; }
}
@media (max-width:640px){
	.about-news { padding: .8rem .2rem; }
	.about-news-ul { padding-top: .3rem; }
	.about-news-li { padding-bottom: .05rem; margin-bottom: 0.05rem;  height: 100px;}
	.about-news-ar { padding: 0 .0rem 0rem .2rem; }
	.about-news-art { font-size: .22rem; }
	.about-news-arc { font-size: .2rem; padding: .05rem 0; }
	.about-news-arb { font-size: .2rem; line-height: .35rem; color: #A1A1A1; }
	.about-news-bota { font-size: .2rem; }
	.about-news-bota img { width: 3rem; }
}




.about-zeren { width: 100%; max-width: 1200px; margin: 0 auto; position: relative; overflow: hidden; padding: 50px 0 0; }
.about-zeren-box { width: 100%; padding: 40px 0; }
.about-zeren-boxl { width: 49%;  margin-right: 2%; height: 335px; background-size: cover; }
.about-zeren-boxl { width: 49%; float: left; margin-right: 2%; }
.about-zeren-boxl a{display: block; width: 100%; height: 100%;}
.about-zeren-boxr { width: 49%; float: left; }
.about-zeren-boxrli { padding: 15px; border: 1px solid #1C437A; margin-bottom: 30px; }
a.about-zeren-boxra { display: block; }
a.about-zeren-boxra:hover .about-zeren-boxrac{ color: #000;  }

.about-zeren-boxral { float: left; width: 12%; height: 60px; }
.about-zeren-boxral img { height: 100%; }
.about-zeren-boxrac { float: left; width: 68%; color: #8E8E8E; line-height: 20px; height: 60px; 
	overflow: hidden;
	text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline; 
	display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; }
.about-news-bota { display: inline-block; text-align: left; }
.about-zeren-boxrar { float: left; width: 20%; height: 60px; line-height: 60px; text-align: center; color: #4D4D4D; }
.about-tita { float: right; color: #d7000f; font-size: 14px; }
.about-tita  i { padding-left: 10px; }
@media (max-width:992px){
	.about-zeren-boxl { width: 100%; float: left; margin-right: 0%; margin-bottom: 20px; height: 0; padding-bottom: 75%; }
	.about-zeren-boxr { width: 100%; float: left; }
}
@media (max-width:640px){
	.about-zeren { padding: .8rem .2rem 0; }
	.about-zeren-box { width: 100%; padding: .3rem 0; }
	.about-zeren-boxl { margin-bottom: .3rem; height: 3rem; padding-bottom: 0; }
	.about-zeren-boxrli { padding: .2rem; margin-bottom: .3rem; }
	.about-zeren-boxral { width: 20%; height: .9rem; }
	.about-zeren-boxral img { height: 100%; }
	.about-zeren-boxrac { width: 80%; font-size: .2rem; line-height: .3rem; height: .9rem; }
	.about-news-bota { display: inline-block; text-align: left; }
	.about-zeren-boxrar { float: right; width: 30%; font-size: .2rem; height: .6rem; line-height: .6rem; text-align: right; }
	.about-tita { font-size: .2rem; }
	.about-tita  i { padding-left: .1rem; }
}














.diyigedian21 {
    position: absolute;
    left: 64%;
    top: 25%;
}
.diyigedian22 {
    position: absolute;
    left: 45%;
    top: 35%;
}
.diyigedian31 {
    position: absolute;
    left: 30%;
    top: 17%;
}
.diyigedian32 {
    position: absolute;
    left: 68%;
    top: 15%;
}
.diyigedian33 {
    position: absolute;
    left: 22%;
    top: 17%;
}
.diyigedian41 {
    position: absolute;
    left: 57%;
    top: 19%;
}
.diyigedian42 {
    position: absolute;
    left: 75%;
    top: 15%;
}
.diyigedian51 {
    position: absolute;
    left: 33%;
    top: 19%;
}
.diyigedian52 {
    position: absolute;
    left: 44%;
    top: 20%;
}
.diyigedian53 {
    position: absolute;
    left: 67%;
    top: 10%;
}
.diyigedian61 {
    position: absolute;
    left: 28%;
    top: 12%;
}
.diyigedian62 {
    position: absolute;
    left: 46%;
    top: 22%;
}
.diyigedian63 {
    position: absolute;
    left: 67%;
    top: 16%;
}
.diyigedian71 {
    position: absolute;
    left: 15%;
    top: 18%;
}
.diyigedian72 {
    position: absolute;
    left: 32%;
    top: 35%;
}
.diyigedian73 {
    position: absolute;
    left: 60%;
    top: 32%;
}
.diyigedian81 {
    position: absolute;
    left: 68%;
    top: 22%;
}
.diyigedian91 {
    position: absolute;
    left: 18%;
    top: 47%;
}
.diyigedian92 {
    position: absolute;
    left: 42%;
    top: 27%;
}
.diyigedian93 {
    position: absolute;
    left: 60%;
    top: 20%;
}

	.xitong-box { width: 100%; max-width: 1140px; margin: 0 auto;  }
.find_nav { width: 100%; background-color: #f9f9f9; top: 0; z-index: 9999; border-bottom: 1px solid #ddd; display: -moz-box; display: -webkit-box; display: box; }
.find_nav_left { position: relative; overflow: hidden; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; }
.find_nav_list { position: absolute; left: 0; }
.find_nav_list ul { position: relative; white-space: nowrap; font-size: 0; }
.find_nav_list ul li { display: inline-block; padding: 0;}
.find_nav_list > ul > li > a { display: block; height: 0; text-align: center; color: #666; }
.find_nav_cur a { color: #48a5f4 !important; }

.find_nav_cur a .casel-swiper04-dmax { background: #d7000f; opacity: 1; }
.find_nav_cur a .casel-swiper04-dmaxi { opacity: 1; }
	
/*.find_nav_list a.active{ color:#C00}没有意义*/
.sideline { display: block; position: absolute; border: 0; height: 2px; background-color: #48a5f4; left: 0; top: 68px; pointer-events: none; }
.li_list{ width: 100%; display: block; }
.swipe{ padding:25px 0 10px 0;}
@media (max-width:640px){
	.xitong-box { padding: 0 0.2rem; margin: 10px auto 0; }
	.swipe{padding:0;}
	.casel-swiper04-dmaxd { font-size: .1rem; line-height: .3rem; font-weight: 500; }
	.casel-swiper04-dmaxi { width: .6rem; padding: .2rem 0 .1rem; opacity: 1; }
	.xitong-cont { margin: .5rem 0; }
	.xitong-bot-r { padding: 0 .2rem .5rem; }
	.xitong-bott-t{ padding: 0 .2rem .5rem; }
	.xitong-bott-b { padding: 0 .2rem .5rem; }
}







/*在线客服*/
.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:#d7000f;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:#d7000f;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:#d7000f}
.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:#d7000f;}

.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}
}
@media (max-width: 992px) {
.zxkf{display: none;}	
}

/*在线客服*/