@font-face {
	font-family: 'iconfont';  /* Project id 2376408 */
	src: url('//at.alicdn.com/t/c/font_2376408_senzqujcjg.woff2?t=1732178260765') format('woff2'),
		 url('//at.alicdn.com/t/c/font_2376408_senzqujcjg.woff?t=1732178260765') format('woff'),
		 url('//at.alicdn.com/t/c/font_2376408_senzqujcjg.ttf?t=1732178260765') format('truetype');
  }
/* by dingtiger 2019.3 */
@font-face {
  font-family: 'iconfont';  /* project id 1963699 */
  src: url('//at.alicdn.com/t/font_1963699_w5rytz1pkve.eot');
  src: url('//at.alicdn.com/t/font_1963699_w5rytz1pkve.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1963699_w5rytz1pkve.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1963699_w5rytz1pkve.woff') format('woff'),
  url('//at.alicdn.com/t/font_1963699_w5rytz1pkve.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1963699_w5rytz1pkve.svg#iconfont') format('svg');
}

.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'Gotham';
  src: url('../font/Gotham.eot');
  src: url('../font/Gotham.eot?#iefix') format('embedded-opentype'),
      url('../font/Gotham.woff2') format('woff2'),
      url('../font/Gotham.woff') format('woff'),
      url('../font/Gotham.ttf') format('truetype'),
      url('../font/Gotham.svg#Gotham') format('svg');
}

*{margin:0;padding:0;}
html,body{width:100%;height:100%;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0; }
body {font-size:13px; line-height:22px; font-weight:500; color:#8d8d8d; font-family:Arial, Helvetica, sans-serif; width:100%; overflow-x:hidden;}
ul,li {list-style: none; padding:0px; margin:0px}
img {border:0; margin:0px; padding:0px; display:block;max-width: 100%;}
input:focus {outline: none;}
.clean{clear:both;}

a:link {color: #1D2434;text-decoration: none;}
a:visited {color: #1D2434;text-decoration: none;}
a:hover {color:#D80C18;text-decoration: none;}
a:active {color: #1D2434;text-decoration: none;}

.bottom_link:link {color: #8d8d8d;text-decoration: none;}
.bottom_link:visited {color: #8d8d8d;text-decoration: none;}
.bottom_link:hover {color:#D80C18;text-decoration: none;}
.bottom_link:active {color: #8d8d8d;text-decoration: none;}

.bottom_linka:link {color: #fff;text-decoration: none;}
.bottom_linka:visited {color: #fff;text-decoration: none;}
.bottom_linka:hover {color:#D80C18;text-decoration: none;}
.bottom_linka:active {color: #fff;text-decoration: none;}

.pic_link:link {color: #fff;text-decoration: none;}
.pic_link:visited {color: #fff;text-decoration: none;}
.pic_link:hover {color:#fff;text-decoration: none;}
.pic_link:active {color: #fff;text-decoration: none;}

sub,sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;10 }
sup{top:-0.5em;}
sub{bottom:-0.25em;}

h1{font-size:34px; color:#000; font-family:'Gotham'; letter-spacing:-2px; line-height:34px;}
h2{font-size:13px; color:#aaa; line-height:20px; font-weight:normal; font-weight:500;}
h3{font-size:30px; color:#000; font-family:'Gotham'; letter-spacing:-1px; line-height:30px;}
h4{font-size:24px; color:#000; font-family:'Gotham'; letter-spacing:-1px; line-height:26px; background-image:url(../image/red_line.gif); background-repeat:no-repeat; background-position:left bottom; padding:0 0 30px 0;}

/*top_menu*/
#top_menu{width:100%; top:0; z-index:9999;}
#top_menu ul{width:66%; min-width:1200px; margin:0 auto; position:relative;display:flex;justify-content:center;align-items:center;}
#top_menu ul li{float:left;}
#top_menu ul li:nth-child(1){width:252px; text-align:left;}
#top_menu ul li:nth-child(2){width:calc(100% - 270px); text-align:right;}
#top_menu ul li:nth-child(2) a{margin-left:30px; font-size:14px; font-weight:bold;}
#logo img{width:100%;}
#top_menu ul .li_logo img:nth-child(2){display: none;}
#top_menu ul .li_logoa img:nth-child(1){display: none;}

.default{width:100%; height:90px; background-color:none; color:#ffffff; position:absolute; z-index:9999; top:0px; line-height:90px;}
.fixeda{position:fixed; top:0px; left:0px; width:100%; height:60px; line-height:60px; background-color:rgba(255,255,255,1);}

.menu_link a:link {color: #fff;text-decoration: none;}
.menu_link a:visited {color: #fff;text-decoration: none;}
.menu_link a:hover {color:#D80C18;text-decoration: none;}
.menu_link a:active {color: #fff;text-decoration: none;}

.menu_linka a:link {color:#666; text-decoration: none;}
.menu_linka a:visited {color:#666; text-decoration: none;}
.menu_linka a:hover {color:#D80C18; text-decoration: none;}
.menu_linka a:active {color:#666; text-decoration: none;}
.menu_linka .languageBox span{color:#666;}

/*index_add*/
.index_banner{width:100%; height:100vh; background-color:#666;}
.index_banner ul{width:100%;height:100%;overflow: hidden;}
.index_banner ul li{width:25%;float:left;height:100%;background-size: cover;background-position: center;position: relative; transition: all 0.9s;overflow: hidden;}
.index_banner .bg{position: absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.0);z-index: 2;transition: all 1.3s;display: flex;flex-direction: column;align-items: center;justify-content:center;opacity: 0;}
.index_banner .bg p{color:#fff;font-size: 1vw;}
.index_banner ul li:hover .bg{background:rgba(0,0,0,0.6);opacity: 1;}
.languageBox{float: right; margin-left: 30px;font-weight: bold; position: relative;}
.index_banner ul li:hover{transform: scale(1.1);}
.language{position:absolute;display: flex;flex-direction: column;align-items: center;justify-content:center;width: 61px;opacity: 0;transition: all 0.3s}
.language a{line-height: 30px; margin-left: 0 !important;}
.languageBox:hover .language{opacity: 1;}

.n_banner{width:100%; height:600px; background-color:#666; display:flex; -webkit-display:flex; justify-content:center; align-items:center;}
.n_banner ul{width:66%; min-width:1200px; margin:0 auto; text-align:center;}
.n_banner ul font{font-size:40px; color:#fff; line-height:45px; font-family:'Gotham'; letter-spacing:-2px;}
.n_banner ul font sup{font-size:24px; display:inline-block; margin-left:5px;}
.n_banner ul span{font-size:12px; color:#888;}

.txt-box{width:66%; min-width:1200px; display:block;  margin:0 auto; text-align:left;}
.swiper-container {width:100%;height:100%;}
.swiper-slide{color:#fff;}

.swiper-slide .titlea_a {font-size:18px; line-height:18px; color:#fff; margin-top:38vh; background:url(../image/blue_line.gif) bottom left no-repeat; padding-bottom:15px;}
.swiper-slide .titleb_a {font-size:54px; line-height:54px; color:#fff; margin-top:35px; font-family:'Gotham'; letter-spacing:-4px;}

.li_logo span{ font-size:40px; line-height:90px;}
.li_logoa span{font-size:34px; color:#D80C18; line-height:60px;}


/*index_about*/
.index_about{width:66%; min-width:1200px; margin:0 auto; padding:160px 0 120px 0;overflow: hidden;}
/* .index_about img{transition: all 0.9s;} */
/* .index_about img:hover{transform: scale(1.05);} */
.index_about ul{width:100%;}
.index_about ul li{width:calc(50% - 40px); margin-right:80px; float:left; position:relative;}
.index_about ul li:nth-child(2){margin-right:0;}
.index_about ul li:nth-child(2) img{float:right;}
.index_about ul li dd{position:absolute; bottom:40px; right:100px;}
.index_about ul li p:nth-child(1){font-size:18px; color:#000; margin-bottom:30px; margin-top:100px;}
.index_about ul li p:nth-child(1) img{margin-bottom:5px; margin-right:10px; display:inline-block;}
.index_about ul li p:nth-child(2){font-size:44px; color:#000; line-height:44px; font-family:'Gotham'; margin-bottom:40px; letter-spacing:-3px;}
.index_about ul li a{background-color:#D80C18; color:#fff; display:block; margin-top:40px; width:180px; text-align:center; padding:10px 0;}
.index_about ul li a span{margin-right:10px;}
.index_aboutBox{margin-top:20px;width: 100%;overflow: hidden;}
.index_aboutBox img{margin-right:20px;width: calc(33.33% - 14px);float:left;}
.index_aboutBox img:last-child{margin-right:0px;}
/*index_about end*/

/* .index_zs */
.index_zs{width:66%; min-width:1200px; margin:0 auto; padding:50px 0 120px 0;overflow: hidden;}
.index_zs .title{width:100%;margin-bottom:20px;overflow: hidden;display: flex;flex-direction: column;align-items: center;justify-content:center;}
.index_zs .title img{width:150px;margin:20px 0;}
.index_zs .top{width:100%;margin-bottom:20px;overflow: hidden;}
.index_zs .top .index_zsBox{width:calc(25% - 15px);margin-right:20px;float:left;display: flex;flex-direction: column;align-items: center;justify-content:center;}
.index_zs .top .index_zsBox:last-child{margin-right:0px;}
.index_zs .top .index_zsBox p{margin-top:12px;}
.index_zs .btm a{width: calc(25% - 15px);margin-right:20px;float:left;}
.index_zs .btm a:nth-child(4){margin-right:0px;}
.index_zs .btm p{margin-top:12px;width:100%;float: left;text-align: center;}

/*index_pro*/
.index_pro{width:100%; padding:100px 0 160px 0; background-image:url(../image/index_pro_bg.jpg); position:relative;}
.index_pro ul{width:66%; min-width:1200px; margin:0 auto; text-align:center;}
.index_pro ul h1{color:#fff;}
/*index_pro end*/

/*index_pro_a*/
.index_pro_a{width:66%; min-width:1200px; margin:0 auto; position:relative; padding:0 0 350px 0;}
.index_pro_a ul{position:absolute; top:-100px; width:100%;}
.index_pro_a ul li{    width: calc(14.22% - 65px);
    float: left;
    background-color: #f8f8f8;
    margin-right: 30px;
    padding: 200px 20px 60px 20px;
    font-size: 15px;
    position: relative;}
.index_pro_a ul li:last-child{margin-right:0;}
.index_pro_a ul li:hover{background-color:#D80C18; color:#fff;
transition: background 0.4s;
-moz-transition: background 0.4s; /* Firefox 4 */
-webkit-transition: background 0.4s; /* Safari �� Chrome */
-o-transition: background 0.4s; /* Opera */
cursor:pointer;
}
.index_pro_a ul li span{font-size:44px; line-height:44px; display:block; margin-bottom:15px;}
.index_pro_a ul li:hover span{color:#fff;}
.index_pro_a ul li font{position:absolute; top:30px; right:30px; font-size:40px; color:#ddd; display:block; font-family:'Gotham';}
.index_pro_a ul li:hover font{color:#fff;}
.index_pro_a ul li p{
	line-height: 1.3;
	height: 60px;
}
/*index_pro_a end*/

/* index_sjBox */
.index_sjBox{background-image: url(../image/index_sjBg.jpg);width:100%;overflow: hidden;padding:50px 0 100px 0;}
.index_sj{width:66%;min-width: 1200px;margin:0 auto;}
.index_logo{width:250px;}
.index_sj ul{width:100%; margin-top:100px;}
.index_sj ul li{width:calc(25% - 28px); float:left; text-align:left; margin-bottom:60px; margin-right:35px; font-size:13px;color: #fff;font-weight: bold;}
.index_sj ul li p{display:flex;justify-content:flex-start;align-items:center;font-size: 16px;font-family: 'Gotham';color: #fff;}
.index_sj ul li:nth-child(4n){margin-right:0;}
.index_sj ul li span{font-size:40px; display:block; font-family:'Gotham'; margin-bottom:15px; color:#fff;margin-right: 10px;}

/*index_case*/
.index_case{width:1200px; margin:0 auto; padding:0 0 90px 0;    overflow: hidden;}
.index_case ul:nth-child(1){text-align:center; margin-bottom:60px;    justify-content: center;}
.index_case ul{width:100%;display:flex;justify-content:space-between;align-items:center;overflow: hidden;}
.index_case ul li{width:calc(50% - 10px); float:left;}
.index_case ul li:nth-child(1) .left{width:calc(50% - 10px);margin-right:20px;float:left;    overflow: hidden;margin-bottom:20px;}
.index_case ul li:nth-child(1) .left div{height:200px;background-position: center;background-size: cover;transition: all 0.9s;}
.index_case ul li:nth-child(1) .left div:nth-child(1){margin-bottom:20px;}
.index_case ul li:nth-child(1) .right{width:calc(50% - 10px);float:left;    overflow: hidden;margin-bottom:20px;}
.index_case ul li:nth-child(1) .right div{height:420px;background-position: center;background-size: cover;transition: all 0.9s;}
.index_case ul li:nth-child(1) .btm{height:300px;width:100%;float: left;background-position: center;background-size: cover;transition: all 0.9s;}
.index_case ul li:nth-child(2) .top{width:100%;float:left; overflow: hidden;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;}
.index_case ul li:nth-child(2) .top div{width:calc(50% - 10px);height:200px;background-position: center;background-size: cover;transition: all 0.9s;}
.index_case ul li:nth-child(2) .btm{height:520px;width:100%;background-position: center;background-size: cover;float:left;transition: all 0.9s;}
.index_case ul li:nth-child(1) .left div:hover{transform: scale(1.03);}
.index_case ul li:nth-child(1) .right div:hover{transform: scale(1.03);}
.index_case ul li:nth-child(1) .btm:hover{transform: scale(1.03);}
.index_case ul li:nth-child(2) .top div:hover{transform: scale(1.03);}
.index_case ul li:nth-child(2) .btm:hover{transform: scale(1.03);}
/* .index_case ul li:nth-child(2n+2){margin-right:0;}
.index_case ul li img{width:100%; margin-bottom:10px; height:420px;}
.index_case ul li font{font-size:16px; color:#000; display:block;} */
/*index_case end*/

/*index_info*/
.index_info{width:100%; background-image:url(../image/index_info_bg.jpg); background-size:100%; background-position:center; padding:120px 0;}
.index_info ul{width:50%; margin:0 auto; font-size:15px; text-align:center; line-height:25px; color:#fff;}
.index_info ul h1{color:#fff; margin-bottom:20px;}
.index_info ul li a{background-color:#D80C18; color:#fff; display:block; width:180px; text-align:center; padding:10px 0; margin:40px auto 0 auto;transition:color .3s cubic-bezier(.215,.61,.355,1);transform:translateZ(0); text-decoration:none; white-space: nowrap;overflow: hidden;}
.index_info ul li a span{margin-right:10px;}

.index_info ul li a:before {content:'';position:absolute;top:0px;bottom:0px;right:0px;left:0px;z-index:-1;background-color:#fff;transform-origin:center top;transform:translateZ(0) scaleY(0);transition: transform .5s cubic-bezier(.215,.61,.355,1);width: 100%;height: 100%;}
.index_info ul li a:hover:before{transform:translateZ(0) scaleY(1); transform-origin:center bottom;}
.index_info ul li a:hover{color:#D80C18;}
/*index_info end*/

/*index_news*/
.index_news{width:66%; min-width:1200px; margin:0 auto; padding:120px 0;}
.index_news ul:nth-child(1){text-align:center; margin-bottom:60px;}
.index_news ul{width:100%;}
.index_news ul li{width:calc(33.33% - 20px); float:left; margin-right:30px; font-size:12px; color:#aaa;cursor: pointer;}
.index_news ul li:nth-child(3){margin-right:0;}
.index_news ul li img{width:100%; margin-bottom:10px;}
.index_news ul li font{font-size:16px; color:#000; display:block;}
.index_newsImg{width:100%;overflow: hidden;height:215px;margin-bottom: 10px;position: relative;}
.index_newsImg img{width:100%;min-height: 100%; transition: all 0.9s;}
.index_newsImg:hover .bg{opacity: 1;}
.index_newsImg:hover img{transform: scale(1.1);}
.index_newsImg .bg{background:rgba(0,0,0,0.3);position: absolute;top:0;left:0;width:100%;height:100%;opacity: 0;transition: all 0.3s;z-index: 99;}
/*index_news end*/

/*bottom*/
.bottom{width:100%; padding:40px 0 20px 0; background-color:#f5f5f5;height: 280px;}
.bottom ul:nth-child(1){margin-bottom:20px; padding-bottom:20px;}
.bottom ul{width:66%; min-width:1200px; margin:0 auto;}
.bottom ul li{margin-right:30px; float:left; line-height:24px; border-left:1px solid #ddd; height:200px; padding-left:20px;}
.bottom ul li:nth-child(4){float:right; text-align:right; margin-right:0; border:none;}
.bottom ul dl{line-height:22px; display: flex;}
.bottom ul dl:nth-child(1) font{font-size:13px; color:#000; border:1px solid #000; padding:3px 10px; border-radius:6px; letter-spacing:-0.5px;}
.bottom ul dl:nth-child(2){text-align:right;}
.bottom ul dl a{ margin-right: 5px;}
#bot-contact{ line-height: 1.8; float: right;}
#bot-contact li .con{ display: flex;}

/*bottom end*/

/*bottom*/
.bottom_a{width:100%; padding:10px 0; background-color:#000;}
.bottom_a ul{width:66%; min-width:1200px; margin:0 auto;}
.bottom_a ul li{width:50%; float:left; color:#fff; font-size:12px;}
.bottom_a ul li:nth-child(2){text-align:right;}
.bottom_a ul li span{font-size:18px;}
/*bottom end*/


/*contact_c*/
.contact_c{width:100%; padding:120px 0;}
.contact_c ul{width:66%; min-width:1200px; margin:0 auto;}
.contact_c ul ol{width:57%; float:left; margin-right:6%; height:370px;}
.contact_c ul ol:nth-child(2){margin-right:0;}
.contact_c ul ol li:nth-child(1){border-top:1px solid #eee;}
.contact_c ul ol li{width:100%; float:left; border-bottom:1px solid #eee; padding:30px 0;}
.contact_c ul ol li dl{float:left;}
.contact_c ul ol li dl:nth-child(1){margin-right:15px; font-size:24px; color:#ccc;}
.contact_c ul ol span{font-size:16px; color:#000;}
.contact_c ul ol font{font-size:20px; color:#D80C18; font-family:'Gotham';}
.contact_c h3{margin-bottom:10px;}
/*contact_c end*/


/*news_a*/
.news_a{width:100%; padding:120px 0 80px 0;}
.news_a ul{width:66%; min-width:1200px; margin:0 auto;}
.news_a ul li{width:calc(33.33% - 36px); float:left; margin-right:54px; margin-bottom:40px; font-size:15px; color:#000; line-height:20px; text-align:left;}
.news_a ul li:nth-child(3n+3){margin-right:0;}
.news_a ul li span{font-size:11px; color:#aaa;}

figurega {
position: relative;
float: left;
width: 100%;
height: 220px;
overflow: hidden;
margin-bottom:10px;
text-align: center;
cursor: pointer;
}

figurega img {
	width:100%;
	position: relative;
	display: block;
	height: 220px;
    overflow: hidden;
}

/***** Jazz *****/
figurega.effect-jazz{
	background: #ffffff;
}

figurega.effect-jazz figcaption::after,
figurega.effect-jazz img
{
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
	transition: opacity 0.5s, transform 0.5s;
}

figurega.effect-jazz:hover img {
	opacity: 1;
	-webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);
}

figurega.effect-jazz:hover figcaption::after {
	opacity: 1;
	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
	transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
}
.pic-list{width:100%; padding:110px 0;}
.pic-list .w{ width: 66%; margin: 0 auto;}
.box1{ background-color: #8c8c8c; padding: 50px 0;}
.box1 h3{ display: block; font-size: 36px; letter-spacing: 1px; color: white; text-transform: uppercase;}
.box1 ul{ margin-top: 50px; display: flex; justify-content: center;}
.box1 ul li{ width: calc(100% / 6); padding: 0 10px; box-sizing: border-box;}
.box1 ul li a img{ width: 100%;}
.box1 ul li a span{ display: block; color: white; padding-top: 10px;}

.box2 ul{ margin-top: 50px; display: flex; justify-content: center;}
.box2 ul li{ width: calc(100% / 6); padding: 0 10px; box-sizing: border-box;}
.box2 ul li a img{ width: 100%;}
.box2 ul li a span{ display: block; padding-top: 10px;}

.box3 ul{ margin-top: 50px; display: flex; justify-content: center;}
.box3 ul li{ width: calc(100% / 4); padding: 0 10px; box-sizing: border-box;}
.box3 ul li a img{ width: 100%;}
.box3 ul li a span{ display: block; padding-top: 10px;}

.box4{ background-color: #349dd1; padding: 50px 0; margin-top: 50px;}
.box4 h3{ display: block; font-size: 36px; letter-spacing: 1px; color: white; text-transform: uppercase;}
.box4 ul{ margin-top: 50px; display: flex; justify-content: center;}
.box4 ul li{ width: calc(100% / 7); padding: 0 10px; box-sizing: border-box;}
.box4 ul li a img{ width: 100%;}
.box4 ul li a span{ display: block; color: white; padding-top: 10px;}

.box5{ padding: 50px 0; }
.box5 ul{ margin-top: 50px; display: flex; justify-content: center;}
.box5 ul li{ width: calc(100% / 7); padding: 0 10px; box-sizing: border-box;}
.box5 ul li a img{ width: 100%; background-color: #fff;}
.box5 ul li a span{ display: block; padding-top: 10px;}

.box6{ background-color: #349dd1; padding: 50px 0;}
.box6 h3{ display: flex; align-items: center; font-size: 32px; letter-spacing: 1px; color: white; text-transform: uppercase; line-height: 1.2;}
.box6 h3 img{ margin-right: 10px;}
.box6 ul{ margin-top: 50px; display: flex; justify-content: center;}
.box6 ul li{ width: calc(100% / 3); padding: 0 10px; box-sizing: border-box;}
.box6 ul li a img{ width: 100%;}
.box6 ul li a span{ display: block; color: white; padding-top: 10px;}



/*download_a D80C18*/
.download_a{width:100%; padding:110px 0;}
.download_a ul:nth-child(1){margin-bottom:30px;}
.download_a ul:nth-child(2){margin-bottom:30px;}
.download_a ul{width:66%; min-width:1200px; margin:0 auto;}
.download_a ul li{width:100%; border-bottom:1px solid #999; padding:10px 0;}
.download_a ul li:nth-child(1){border-bottom:3px solid #000; font-size:18px; color:#000; font-family:'Gotham'; letter-spacing:-1px;}
.download_a ul li:nth-child(2n+2){background-color:#f8f8f8;}
.download_a ul li dl{float:left;}
.download_a ul li dl:nth-child(1){width:85%;}
.download_a ul li dl:nth-child(2){width:15%; text-align:center; border-left:1px solid #ccc; box-sizing:border-box; font-size:10px;}

.download_a ul li dl span{display:inline-block; background-color:#ccc; color:#fff; line-height:8px; padding:3px; border-radius:5px; font-size:8px; margin-right:8px;}
.download_a ul li dl font{display:inline-block; margin-right:8px;}

/*about_a*/
.about_a{width:100%; padding:120px 0 0 0;}
.about_a ul{width:66%; min-width:1200px; margin:0 auto; border-bottom:1px solid #ddd; padding-bottom:60px;}
.about_a ul li{width:calc(50% - 30px); margin-right:60px; float:left;overflow: hidden;}
.about_a ul li:nth-child(2){margin-right:0;}
.about_a ul li img{width:100%;transition: all 0.9s;}
.about_a ul li img:hover{
	transform: scale(1.1);
  }
.about_a ul li h1{margin-bottom:30px;line-height: 40px;}

/*about_b*/
.about_b{width:100%; padding:60px 0 80px 0;}
.about_b ul:nth-child(1){margin-bottom:40px;}
.about_b ul{width:66%; min-width:1200px; margin:0 auto;}
.about_b ul li{width:calc(25% - 28px); float:left; text-align:center; margin-bottom:40px; margin-right:35px; font-size:11px;}
.about_b ul li p{display:flex;justify-content:center;align-items:center;font-size: 16px;font-family: 'Gotham';margin-bottom: 15px;color: #000;}
.about_b ul li:nth-child(4n){margin-right:0;}
.about_b ul li span{font-size:30px; display:block; font-family:'Gotham'; margin-bottom:15px; color:#000;margin-right: 10px;}

/*about_c*/
.about_c{width:100%; padding:120px 0 80px 0; background-color:#f5f5f5;}
.about_c ul{width:66%; min-width:1200px; margin:0 auto;overflow: hidden;}
.about_c ul li{width:calc(50% - 30px); margin-right:60px; float:left;}
.about_c ul li:nth-child(2){margin-right:0; width:calc(50% - 30px);padding-top: 98px;}
.about_c ul li h1{margin-bottom:30px;}
.about_c ul li p{margin-bottom:60px;}
.about_c ul li img{width:calc(50% - 10px);float:left;margin-right:10px;}
.about_c ul li a{text-align:left;}
.about_c ul li span{color:#fff; font-size:40px; line-height:40px; padding:10px; margin-right:0px;}
.about_c ul li span:nth-child(3){background-color:#1D2088;}
.about_c ul li span:nth-child(4){background-color:#1D2088;}
.about_c ul li span:nth-child(5){background-color:#3E3A39;}
.about_c ul li span:nth-child(6){background-color:#B01D36;}
.about_c ul li span:nth-child(7){background-color:#0F593F;}
.about_c ul li:nth-child(3){margin-top:40px; width:100%;display:flex;justify-content:center;align-items:center;}
.about_c ul li:nth-child(3) img{width:calc(14.28% - 10px);margin-right:10px;}

/*about_d*/
.about_d{width:100%; padding:120px 0 90px 0; background-color:#eee; background-image:url(../image/about_zr_bg.jpg); background-repeat:no-repeat; background-size:auto 100%; background-position:right bottom;}
/* .about_d ul:nth-child(1){margin-bottom:30px;} */
.about_d ul:nth-child(2){margin-bottom:30px;}
.about_d ul{width:66%; min-width:1200px; margin:0 auto;}
.about_d ul li{width:100%; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ddd;}
.about_d ul li:nth-child(5){border:none;}
.about_d ul li h1{margin-bottom:30px;}
.about_d ul li span{display:block; font-size:14px; color:#D80C18;}
.about_d_btm{width:66%; min-width:1200px; margin:0 auto;display:flex;justify-content: space-between;align-items: flex-end;}
.about_d_btm ul{width:60%;min-width: 0;}
.about_d_icon{display:flex;justify-content:flex-end;align-items:center;width:50%;margin-bottom: 40px;}
.about_d_icon img{width:16%;margin-right:12px;}

/* about_g */
.about_g{width:1200px;margin:50px auto;overflow: hidden;display:flex;justify-content:center;align-items:center;}
.about_g div{background-position: center;background-size: cover;overflow: hidden;}
/* .about_g .left{width:calc(33.33% - 6px);margin-right:12px;height:500px;background-image: url(../image/about_g1.jpg);} */
.about_g .left{width:50%;margin-right:12px;}
.about_g .mid{width:calc(33.33% - 6px);margin-right:12px;height:500px;}
.about_g .mid_t{width:100%;height:calc(50% - 6px);margin-bottom:12px;background-image: url(../image/about_g2.jpg);}
.about_g .mid_b{width:100%;height:calc(50% - 6px);background-image: url(../image/about_g3.jpg);}
.about_g .right{width:calc(33.33% - 6px);margin-right:0;height:500px;display:flex;justify-content:center;align-items:center;font-size: 80px;font-weight: bold;    text-shadow: 0 5px 5px rgb(0 0 0 / 20%);}
.about_g .right img{width:80%}
/* .about_g .right{width:calc(50% - 6px);height:620px;}
.about_g .right .top{display:flex;justify-content:center;align-items:center;margin-bottom:12px;}
.about_g .right .top .top_l{width:calc(50% - 6px);margin-right:12px;}
.about_g .right .top .top_r{width:calc(50% - 6px);display: flex;justify-content: center;align-items: center;}
.about_g .right .top .top_r img{width:60%;float: right;}
.about_g .right .mid{margin-bottom:12px;} */

.about_g .right .btm{display:flex;justify-content:center;align-items:center;width: 100%;}
.about_g .right .btm img{width:35%;margin-top:10px;}
/*about_e_title*/
.about_e_title{width:100%; padding:120px 0; background-image:url(../image/about_line_bg.jpg); background-position:center; background-size:cover;}
.about_e_title ul:nth-child(1){margin-bottom:30px;}
.about_e_title ul{width:66%; min-width:1200px; margin:0 auto;}
.about_e_title ul li{width:40%; color:#fff;}
.about_e_title ul h1{color:#fff;}
.about_e_title ul li span{display:block; margin-top:30px; font-size:30px; line-height:30px;}

/*about_e*/
.about_e{width:100%; padding:120px 0;}
.about_e ul{width:66%; min-width:1200px; margin:0 auto;}
.about_e ul li{width:calc(33.33% - 24px); margin-right:36px; float:left;}
.about_e ul li:nth-child(3n+3){margin-right:0;}
.about_e ul li img{width:100%; margin-bottom:6px;transition: all 0.9s;}
.about_e ul li img:hover{
	transform: scale(1.1);
  }
.about_e ul li div{overflow: hidden;height: 210px; width: 100%;margin-bottom:10px;}

/*product_a
.product_a{width:100%; padding:120px 0;}
.product_a ul{width:66%; min-width:1200px; margin:0 auto; padding:40px 0; background-color:#f5f5f5; border-bottom:1px solid #ccc;}
.product_a ul:last-child{border:none;}
*/

.md-modal .swiper {
	width: 100%;
	height: 100%;
  }

  .md-modal .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
  }

  .md-modal .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
  }


#pro{ width:66%; min-width:1200px; height:auto; margin:0 auto; padding:120px 0 40px 0;}

/* ��������Ҫ��css��ʽ */
#content {width:calc(100% - 280px); float:right;}
#leftmenu {width:180px; float:left; border-top:1px solid #eee; background-color:#fff;}
#portamento_container {float:left; position:relative;} 
#portamento_container #leftmenu {float:none; position:absolute;} 
#portamento_container #leftmenu.fixed {position:fixed;}

#leftmenu dl{padding:20px 0;display: flex;justify-content: flex-start; align-items: center;text-transform: uppercase;}
#leftmenu dl span{font-size:38px; line-height:38px; float:left; margin-right:10px;}

.app_left{border-bottom:1px solid #eee; line-height:20px;}
.app_left:hover{cursor:pointer; color:#000;}
.app_lefta{cursor:pointer; border-bottom:1px solid #000; color:#000; font-family:'Gotham'; font-size:13px; line-height:16px;}


/*vc*/
.vc_a{width:100%; text-align:left; padding:0 0 60px 0;}

.vc_b{width:100%; padding:0 0 80px 0;}
.vc_b ul{float:left;}
.vc_b ul:nth-child(1){width:220px; margin-right:40px; color:#000; font-family:'Gotham'; font-size:13px; line-height:16px; background:url(../image/black_line.gif) no-repeat left bottom; padding:0 0 10px 0;}
.vc_b ul:nth-child(2){width:calc(100% - 260px); box-sizing:border-box; position:relative;}
.vc_b ul li{position:absolute;}
.vc_b ul li:nth-child(1){width:calc(100% - 230px); bottom:0px; left:0; border-bottom:1px solid #eee;}
.vc_b ul li:nth-child(2){width:calc(100% - 280px); bottom:50px; left:0; border-bottom:1px solid #eee;}
.vc_b ul li:nth-child(3){width:calc(100% - 318px); bottom:100px; left:0; border-bottom:1px solid #eee;}
.vc_b ul img{float:right;}

.vc_b_a{width:100%; padding:0 0 80px 0;}
.vc_b_a ul{float:left;}
.vc_b_a ul:nth-child(1){width:220px; margin-right:40px; color:#000; font-family:'Gotham'; font-size:13px; line-height:16px; background:url(../image/black_line.gif) no-repeat left bottom; padding:0 0 10px 0;}
.vc_b_a ul:nth-child(2){width:calc(100% - 260px); box-sizing:border-box; position:relative;}
.vc_b_a ul li{position:absolute;}
.vc_b_a ul li:nth-child(2){width:calc(100% - 230px); bottom:0px; left:0; border-bottom:1px solid #eee;}
.vc_b_a ul li:nth-child(3){width:calc(100% - 280px); bottom:50px; left:0; border-bottom:1px solid #eee;}
.vc_b_a ul li:nth-child(4){width:calc(100% - 318px); bottom:100px; left:0; border-bottom:1px solid #eee;}
.vc_b_a ul img{float:right;}
.vc_b_a ul p{display:block; width:100%; padding-bottom:30px;}

.vc_c{width:100%; padding:0 0 60px 0;}
.vc_c ul{float:left;}
.vc_c ul:nth-child(1){width:220px; margin-right:40px; color:#000; font-family:'Gotham'; font-size:13px; line-height:16px; background:url(../image/black_line.gif) no-repeat left bottom; padding:0 0 10px 0;}
.vc_c ul:nth-child(2){width:calc(100% - 260px); box-sizing:border-box;}
.vc_c ul li{width:calc(25% - 39px); margin-right:52px; float:left; text-align:center; margin-bottom:20px; font-size:12px;}
.vc_c ul li:nth-child(4n+4){margin-right:0;}
.vc_c ul span{display:block; width:100%; background-color:#9FA0A0; color:#fff; font-size:65px; line-height:65px; padding:35px 0; margin-bottom:5px;}
.vc_c ul font{display:block; width:100%; background-color:#9FA0A0; font-size:65px; line-height:65px; padding:35px 0; margin-bottom:5px;}
.vc_c ul font img{margin:0 auto; height:65px;}

.p7Box{
	width: 100%;
	overflow: hidden;
	border-top: 1px solid rgb(202, 202, 202);
    padding-top: 30px;
}
.p7Box ul:nth-child(1){width:100%; margin-right:40px; color:#000; font-family:'Gotham'; font-size:13px; line-height:16px; background:url(../image/black_line.gif) no-repeat left bottom; padding:0 0 10px 0;margin-bottom:30px;}
.p7Box ul:nth-child(2),.p7Box ul:nth-child(3){width: 100%;box-sizing:border-box; position:relative;overflow: hidden;}
.p7Box ul li{
	width: calc(25% - 9px);
	margin-right:12px;
	margin-bottom:20px;
	display: flex;flex-direction: column;align-items: flex-start;justify-content:flex-start;
	float:left;
}
.p7Box ul li:nth-child(4n){
	margin-right:0;
}
.p7Box ul li p:nth-child(1){
	font-weight: bold;
	margin-bottom:5px;
	line-height: 1.2;
	height: 32px;
	display:flex;justify-content:center;align-items:center;
}
.p7Box .imgBox{
	width: 100%;
	overflow: hidden;
	margin:30px 0;
}
.p7Box .imgBox img{
	width: calc(33.3% - 8px);
	margin-right:12px;
	float:left;
}
.p7Box .imgBox img:last-child{
	margin-right:0;
}
.b_pBox{
	width: 100%;
	overflow: hidden;
	margin-bottom:30px;
}
.b_pBox img{width: 100%;}
.n_wBox .n_title{
	margin-bottom:12px;
}

.vc_d{width:100%; padding:70px 0; background-color:#2A2E77;}
.vc_d ul{width:calc(45% - 120px); color:#fff; padding:0 60px;}
.vc_d ul span{font-size:15px; font-family:'Gotham'; display:block; margin-top:20px;}

.vc_d_csd{width:100%; padding:70px 0; margin-bottom:60px; background:url(../image/csd_3.jpg) no-repeat right center;background-size: cover;}
.vc_d_csd ul{width:calc(50% - 120px); color:#fff; padding:0 60px;}
.vc_d_csd ul span{font-size:15px; font-family:'Gotham'; display:block; margin-top:20px;}

.vc_d_gg{width:100%; padding:100px 0; margin-bottom:60px;}
.vc_d_gg ul{width:calc(50% - 120px); color:#fff; padding:0 60px;}
.vc_d_gg ul span{font-size:22px; font-family:'Gotham'; display:block; margin-top:5px;}

.vc_e{width:100%; padding:0 0 90px 0; position:relative;}
.vc_e ul:nth-child(1) img{width:60%; position:absolute; right:0; top:-200px;}
.vc_e ul:nth-child(2){padding-top:30px;}
.vc_e ul:nth-child(2) img{width:55%;}

.vc_cs{width:100%; padding:0 0 80px 0;}
.vc_cs ul{float:left;}
.vc_cs ul:nth-child(1){width:220px; margin-right:40px; color:#000; font-family:'Gotham'; font-size:13px; line-height:16px; background:url(../image/black_line.gif) no-repeat left bottom; padding:0 0 10px 0; padding:0 0 10px 0;}
.vc_cs ul:nth-child(2){width:calc(100% - 260px); box-sizing:border-box; position:relative;}

.vc_app{width:100%; padding:0 0 74px 0;}
.vc_app ul{float:left;}
.vc_app ul:nth-child(1){width:220px; margin-right:40px; color:#000; font-family:'Gotham'; font-size:13px; line-height:16px; background:url(../image/black_line.gif) no-repeat left bottom; padding:0 0 10px 0;}
.vc_app ul:nth-child(2){width:calc(100% - 260px); box-sizing:border-box;}
.vc_app ul li{width:calc(33.33% - 4px); margin-right:6px; float:left; text-align:center; margin-bottom:6px;}
.vc_app ul li:nth-child(3n+3){margin-right:0;}
.vc_app ul li img{width:100%; height:200px;}
.vc_app ul dd{margin-bottom:30px;}
.vc_app ul li a{display: inline-block;width:100%;height:200px;background-size: cover;background-position: center;}
.big3Img li:nth-child(1) a,.big3Img li:nth-child(2) a,.big3Img li:nth-child(3) a{height:auto}
.big3Img li:nth-child(1) a img,.big3Img li:nth-child(2) a img,.big3Img li:nth-child(3) a img{height:auto}

.vc_app_csd{width:100%; padding:0 0 74px 0;}
.vc_app_csd ol{float:left;}
.vc_app_csd ol:nth-child(1){width:220px; margin-right:40px; color:#000; font-family:'Gotham'; font-size:13px; line-height:16px; background:url(../image/black_line.gif) no-repeat left bottom; padding:0 0 10px 0;}
.vc_app_csd ol:nth-child(2){width:calc(100% - 260px); box-sizing:border-box;}

.vc_install{width:100%; padding:0 0 74px 0;}
.vc_install ul{float:left;}
.vc_install ul:nth-child(1){width:220px; margin-right:40px; color:#000; font-family:'Gotham'; font-size:13px; line-height:16px; background:url(../image/black_line.gif) no-repeat left bottom; padding:0 0 10px 0;}
.vc_install ul:nth-child(2){width:calc(100% - 260px); box-sizing:border-box;}
.vc_install ul li{width:calc(50% - 37px); margin-right:10px; float:left; text-align:center; margin-bottom:10px;border:1px solid #ddd;padding:12px;}
.vc_install ul li p:nth-child(1){display:flex;justify-content:space-between;align-items:center;border-bottom: 1px solid #ddd;padding-bottom: 5px;color:#000;}
.vc_install ul li p:nth-child(1) span{font-size:12px;}
.vc_install ul li p:nth-child(1) img{height:10px;}
.vc_install ul li p:nth-child(2){color:#000;text-align: left;font-size:13px;font-weight: bold;line-height:40px;}
.frpBox .frpImg2{width:315px;}
.frpImgBox2{position:relative;overflow: hidden;    padding-bottom: 40px;}
.frpImgBox2 .tips1{position:absolute;top:0;left:0;}
.frpImgBox2 .tips1 p{padding-bottom:0px;color:#000;}
.frpImgBox2 .tips1 p:nth-child(1){font-weight: bold;}
.frpImgBox2 li:nth-child(1){width: calc(100% - 318px) !important;bottom: 150px !important;    left: 0; border-bottom: 1px solid #eee;}
.frpImgBox2 li:nth-child(2){width: calc(100% - 318px) !important;bottom: 114px !important; }
.frpImgBox2 li:nth-child(3){width: calc(100% - 318px) !important;bottom: 76px !important; }
.frpImgBox2 .tips2{position:absolute;bottom:0;right: 100px;color: #000; font-weight: bold;font-size: 20px;}

.frpBox .frpImg1{width:315px;}
.frpImgBox1{position:relative;overflow: hidden;padding: 70px 0;}
.frpImgBox1 .tips1{position:absolute;bottom:0;left:0;}
.frpImgBox1 .tips1 p{padding-bottom:0px;color:#000;}
.frpImgBox1 .tips1 p:nth-child(1){font-weight: bold;}
.frpImgBox1 li:nth-child(1){width: calc(100% - 318px) !important;bottom: 185px !important;    left: 0; border-bottom: 1px solid #eee;}
.frpImgBox1 li:nth-child(2){width: calc(100% - 318px) !important;bottom: 130px !important; }
.frpImgBox1 li:nth-child(3){width: calc(100% - 318px) !important;bottom: 76px !important; }
.frpImgBox1 .tips2{position:absolute;bottom:30px;right: 100px;color: #000; font-weight: bold;font-size: 20px;}

.vc_scp{width:100%; padding:0 0 74px 0;}
.vc_scp ul{float:left;}
.vc_scp ul:nth-child(1){width:220px; margin-right:40px; color:#000; font-family:'Gotham'; font-size:13px; line-height:16px; background:url(../image/black_line.gif) no-repeat left bottom; padding:0 0 10px 0;}
.vc_scp ul:nth-child(2){width:calc(100% - 260px); box-sizing:border-box;}
.vc_scp ul li{width:calc(33.3% - 4px); margin-right:6px; float:left; text-align:center; margin-bottom:6px;}
.vc_scp ul li:nth-child(3n+3){margin-right:0;}
.vc_scp ul li img{width:100%;}

.title_table{border-bottom:2px solid #555; border-top:1px solid #eee; font-size:12px;}
.title_table td{padding:6px 0; color:#555;}

.title_table_padding{border-bottom:2px solid #555; border-top:1px solid #eee; font-size:12px; margin-top:40px;}
.title_table_padding td{padding:6px 0; color:#555;}

.content_table{border-bottom:1px solid #eee; font-size:12px;}
.content_table td{padding:6px 0;}

/**tabs**/
.tabPanel ul{border-bottom:1px solid #aaa;height: auto;overflow: hidden;}
.tabPanel ul li:nth-child(5){margin-right:0;}
.tabPanel ul .hit{
	background: #C93424;
	color:#fff;
}
.tabPanel ul li{
	float:left; font-size:12px;width:calc(20% - 4px);text-align:center;cursor:pointer;
	padding: 8px 0;
	background: #808080;
	color:#fff;
	margin-right: 5px;
    display:flex; -webkit-display:flex; justify-content:center; align-items:center; 
	transition:color .3s cubic-bezier(.215,.61,.355,1);transform:translateZ(0); text-decoration:none; white-space: nowrap;overflow: hidden;
}


.tabPanel ul li:before {content:'';position:absolute;top:0px;bottom:0px;right:0px;left:0px;z-index:-1;background-color:#D80C18;transform-origin:center top;transform:translateZ(0) scaleY(0);transition: transform .5s cubic-bezier(.215,.61,.355,1);width: 100%;height: 100%;}
.tabPanel ul li:hover:before{transform:translateZ(0) scaleY(1); transform-origin:center bottom;}
.tabPanel ul li:hover{color:#fff;}

.pane{border-top:0;min-height:100px;background-color:#fff;display:none; width:100%; margin-top:20px;}
.pane dl:nth-child(1){margin-bottom:20px;}
.pane dl dt{width:calc(33.33% - 4px); margin-right:6px; float:left; text-align:center; margin-bottom:6px;}
.pane dl dt a{display: inline-block;width:100%;height: 15vw;background-position: center;background-size: cover;}
.pane dl dt:nth-child(3n+3){margin-right:0;}
.pane dl dt img{width:100%; height:200px;}

.panes_a{margin-top:30px;}
/**tabs_a**/
.tabPanel_a ol{overflow: hidden;}
.tabPanel_a ol li{
	float:left; font-size:12px;width:calc(25% - 4px);text-align:center;cursor:pointer;
	padding: 8px 0;
	min-height: 50px;
	background: #808080;
	color:#fff;
	margin-right: 5px;
    display:flex; -webkit-display:flex; justify-content:center; align-items:center; 
	transition:color .3s cubic-bezier(.215,.61,.355,1);transform:translateZ(0); text-decoration:none; white-space: nowrap;overflow: hidden;
}


.tabPanel_a ol li:before {content:'';position:absolute;top:0px;bottom:0px;right:0px;left:0px;z-index:-1;background-color:#D80C18;transform-origin:center top;transform:translateZ(0) scaleY(0);transition: transform .5s cubic-bezier(.215,.61,.355,1);width: 100%;height: 100%;}
.tabPanel_a ol li:hover:before{transform:translateZ(0) scaleY(1); transform-origin:center bottom;}
.tabPanel_a ol li:hover{color:#fff;}


.tabPanel_a ol li:nth-child(5){margin-right:0;}
.tabPanel_a .hit{
	background: #C93424;
	color:#fff;
}
.w33 li{width:calc(33% - 4px) !important;}
.pane_a{border-top:0;min-height:100px;background-color:#fff;display:none; width:100%; margin-top:40px;}
.pane_a dl:nth-child(1){margin-bottom:40px;}

/*pro_x*/
.pro_x{width:100%; background-color:#f5f5f5; padding:20px 0;}
.pro_x ul:nth-child(1){padding-bottom:0;}
.pro_x ul{width:calc(66% - 80px); min-width:calc(1200px - 80px); background-color:#fff; margin:0 auto; padding:40px;}
.pro_x ul li img{margin:0 auto 10px auto;}


.fwBox{
	width: 100%;
	overflow: hidden;
	padding: 30px 0;
}
.fwBox .left{
	width:33%;float:left;
}
.fwBox .p7Img img:nth-child(1){
	margin-bottom:12px;
}
.fwBox .right{
	width: 65%;
	float: right;
}
.fwBox .right ul{
	width: 100%;
	position: relative;
	background-image: none;
	padding: 30px 0;
}
.fwBox .right ul img{
	width: 300px;
}
.fwBox .right ul li:nth-child(1) {
    width: calc(100% - 300px);
    bottom: 33px;
}
.fwBox .right ul li:nth-child(2) {
    width: calc(100% - 300px);
    bottom: 55px;
}
.fwBox .right ul li:nth-child(2) {
    width: calc(100% - 300px);
    bottom: 55px;
}
.fwBox .right ul li:nth-child(3) {
    width: calc(100% - 300px);
    bottom: 79px;
}
.fw2Box{
	display:flex;justify-content:center;align-items:center;
	border-top:1px solid rgb(202, 202, 202);
	padding-top:30px;
}
.fw2Box img{
	width: 30%;
}
.fw2Box img:nth-child(2){
	padding:0 20px;
}
.fw2Box div{
	width: 40%;
}

.n_box{
	width:100%;
	overflow: hidden;
	display:flex;justify-content:space-between;align-items:flex-start;
	border-top:1px solid rgb(202, 202, 202);
	padding:30px 0;
}
.n_wBox{
	width: 65%;
}
.n_title{
	color: #000;
    font-family: 'Gotham';
    font-size: 13px;
    line-height: 16px;
	width: 100%;
	margin-bottom:30px;
}
.n_title_l{
	float: left;
	width: 33%;
}

/* .n_title_l{
	width: 100%;
} */
.n_title_r{
	float: right;
	width: 65%;
}
.n_pBox{
	width: 33%;
}
.n_pBox img{
	width: 100%;
}
.n_imgBox{
	display:flex;justify-content:space-between;align-items:center;
	width: 100%;
	margin-top:20px;
}
.n_imgBox img{
	width: 49%;
}
.sideMenu{ width: 100%; margin: 0 auto;border-top:1px solid #ddd;margin-top:40px;}
.sideMenu2{ width: 100%; margin: 0 auto;border-top:1px solid #ddd;}
.rc_box .tit{ background: #fff; color: #888888; line-height: 50px; height: 50px; border-bottom:1px solid #dddddd; cursor: pointer; position: relative;    font-size: 14px;    font-weight: 500;text-transform: uppercase;}
.zp_tit,.rc_box .tit{cursor: pointer; box-sizing: border-box; transition: all .6s; z-index: 1;}
.rc_box .tit span{display: block; font-size: 16px; width: 25%; float: left;}
.rc_box .tit.on,.rc_box .tit:hover{ color: #C93424;}
.rc_box .tit.on{border-bottom:none;}
.rc_box .tit:before{ content: ""; display: block; width: 18px; height: 16px; background: url(../image/jia.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 50%; transform: translateY(-50%); right: 20px;}
.rc_box .tit.on:before{ content: ""; display: block; width: 18px; height: 16px; background: url(../image/jian.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 50%; transform: translateY(-50%); right: 20px;}
.rc_box .rc_con{ width: 100%;  box-sizing: border-box;padding: 0px 0px 20px 0px;box-sizing: border-box; background: #fff;border-bottom: 1px solid #ddd; display: none; border-top: none;}
.rc_box .rc_con.on{ border-color: #212881;}
.rc_box .rc_con h4{font-size: 18px; margin-bottom: 40px; color: #000;}
.rc_box .rc_con .box{ width: 50%; line-height: 28px; float: left; padding:0 20px; box-sizing: border-box; color: #808080;}
.rc_box .rc_con .box p{ margin-bottom: 10px;}
.rc_con table{
	border-collapse:collapse;table-layout:fixed;width:100%;
}
.rc_con table td{
	border:1px solid;
	padding:12px;
}
.rc_con table:nth-child(2) tr:nth-child(1) td{border-top:none !important;}
.rc_con table tr td:nth-child(1){border-left: none;}
.rc_con table tr td:last-child{border-right: none;}
.tb_box{
	width: 100%;
	display:flex;justify-content:space-between;
	 margin-top:30px;
}
.tb_box li{
	width: 48%;
	display: flex;flex-direction: column;align-items: flex-start;justify-content:flex-start;
}
.tb_box li p{font-size: 14px;color:#000;}
.tb_box li img{
	width: 100%;
	margin-top:20px;
}

.iconBox{
	width: 100%;
	overflow: hidden;
}
.iconBox li{
	display: flex;flex-direction: column;align-items: center;justify-content:center;
	width: calc(16.66% - 24px);
	padding:12px;
	float: left;
}

.iconBox2 li{
	width: calc(20% - 24px);
}
.iconBox li img{width: 70%;margin-bottom:12px;}
.iconBox li p{font-size:12px;line-height: 1.5;}
.detailsBox{
	width: 100%;
	overflow: hidden;
}
.detailsBox li{
	float: left;
	width: calc(33.3% - 17px);
	margin-right:20px;
	display: flex;flex-direction: column;align-items: flex-start;justify-content:flex-start;
}
.detailsBox li:last-child{margin-right:0;}
.detailsBox li .details_title{font-weight: bold;margin-bottom:5px;color:#000;}
.detailsBox li div{margin-bottom:20px;}
.whyBox{width: 100%;overflow: hidden;}
.whyBox li{
	width:calc(25% - 36px);
	margin-right:15px;
	padding:12px;
	height: 230px;
	background: #F2F2F2;
	float: left;
}
.whyBox li:hover{background: #e8e8e8;}
.whyBox li:last-child{margin-right: 0;}
.why_btm{margin-top:25px;width: 100%;overflow: hidden;}
.why_btm ul li{
	width: 100%;
	list-style: inside;
}
.rc_menu{width: 100%;overflow: hidden;}
.rc_menu li{width: 100%;overflow: hidden;}
.rc_menu li h3{
	cursor: pointer;
    box-sizing: border-box;
    transition: all .6s;
    z-index: 1;
	background: #fff;
    color: #888888;
    line-height:40px;
    height: 40px;
    border-bottom: 1px solid #dddddd;
    cursor: pointer;
    position: relative;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
	background: #F2F2F2;
	padding:0 12px;
}
.rc_menu li h3:hover{background: #e2e2e2;}
.rc_menu li:nth-child(2n) h3{
	background: #E6E6E6;
}
.rc_menu li:nth-child(2n) h3:hover{
	background: #dbdbdb;
}
.rc_menuBox{
	width: 100%;
    box-sizing: border-box;
    padding: 20px;
    box-sizing: border-box;
    background: #fff;
    border-bottom: 1px solid #ddd;
    display: none;
    border-top: none;
}
.rc_menu li h3.on{border-bottom: none;color:#000;}
.p7_table{
	color:#000;
}
.p7_table th{
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	height: 30px;
	padding: 10px 0;
}
.p7_table tr th:nth-child(1){
	text-align: left;
}
.p7_table td{
	border:1px solid #ddd !important;
	border-left:none  !important;
	border-right:none  !important;
	text-align: center;
}
.p7_table tr td:nth-child(1){
	text-align: left;
}




.pro_jg {
	position: relative;
	width: 100%;
	/* height: 500px; */
	margin-bottom: 5vw;
	overflow: hidden;
  }
  
  .pro_jg img {
	/* width: 120%;
	position: absolute;
	z-index: 2;
	bottom: -5vw;
	  left: -20%; */
	width: 100%;
  
  }
  .pro_jg_1{
	position: absolute;
	width: 44%;
	text-align: right;
	border-bottom: 1px solid #9f9f9f;
	top: 5%;
	right: 0;
  }
  .pro_jg_2{
	position: absolute;
	width: 33%;
	text-align: right;
	border-bottom: 1px solid #9f9f9f;
	top: 14%;
	right: 0;
  }
  .pro_jg_3{
	position: absolute;
	width: 26%;
	text-align: right;
	border-bottom: 1px solid #9f9f9f;
	top: 41%;
	right: 0;
  }

  .pro_tdBox {
	width: 100%;
	margin-bottom: 3vw;
  }
  
  .pro_tdBox dl {
	width: 100% !important;
	overflow: hidden;
	margin-bottom: 2vw;
  }
  
  .pro_tdBox dl dd {
	width: calc(33.3% - 20px);
	margin-right: 25px;
	float: left;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	border-top: 1px dashed #808080;
	padding-top: 20px;
	text-align: left;
  }
  
  .pro_tdBox dl dd:last-child {
	margin-right: 0px;
  }
  
  .pro_tdBox dl dd img {
	width: 50px;
	margin-bottom: 10px;
  }
  
  .pro_tdBox dl dd p:nth-child(2) {
	font-size: 16px;
	color:#000;
	margin-bottom: 12px;
  }
  


  .sideMenu2 table {
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
	color:#000;
  }
  
  .sideMenu2 table td {
	border: 1px solid #fff;
	font-size: 12px;
  }
  
  .sideMenu2 table th {
	background: #b2b2b2;
	border: 1px solid #fff;
  }
  
  .sideMenu2 table tr {
	background: #F5F5F5;
	height: 50px;
	text-align: center;
  }
  
  .sideMenu2 table tr:nth-child(2n) {
	background: #E2E2E2;
  }
  
  .sideMenu2 .tips {
	text-align: right;
	margin-top: 1vw;
	font-size: 12px;
	color: #949494;
  }

  .pro_zsBox{
	width: 100%;
  }
  .pro_zsBox a{
	float: left;
    width: Calc(25% - 43px);
    margin-right: 25px;
	margin-bottom:25px;
    padding: 12px;
    box-shadow: #dedede 0px 0px 10px;
  }
  .pro_zsBox a img{
	width: 100%;
  }
  .pro_zsBox a:nth-child(4n){
	margin-right: 0;
  }


  .index_newBox{
	width: 100%;
	height: calc(100% - 200px);
	/* background: #ccc; */
	position: relative;
  }
  .index_bBox{
	width: 90%;
	max-width: 1400px;
	margin:0 auto;
	height: 100%;
	position: relative;
  }
  .index_b{
	position: absolute;
	bottom: 0;
	width:9vw;
	transition: all 0.2s;
	display: inline-block;
  }
  .index_b img{
	width: 100%;
  }
  .index_b .text{
	width: 80%;
	display: flex;flex-direction: column;align-items: flex-start;justify-content:flex-start;
	font-size:12px;
  }
  .index_b .line{
	width: 1px;
	height: 4vw;
	background: #333;
  }
  .b1 .text{
	margin-bottom:-13%;
  }
  .b3 .text{
	margin-left:20%;
	margin-bottom:-13%;
  }
  .b3 .line{
	height: 13vw;
  }
  .b4 .text{
	margin-bottom:-17%;
  }
  .b5 .line{
	height: 1vw;
  }
  .b6 .text{
	margin-left:35%;
	margin-bottom:-4%;
	width: 70%;
  }
  .b6 .line{
	height:9vw;
  }
  .b7 .line{
	height:12vw;
  }
  .b8 .text{
	margin-left:25%;
	margin-bottom:-4%;
	width: 50%;
  }
  .b8 .line{
	height:2vw;
  }
  .b9 .text{
	margin-left:10%;
	margin-bottom:-6%;
  }
  .b9 .line{
	height:3vw;
  }
  .b10 .text{
	margin-left:50%;
	margin-bottom:-3%;
  }
  .b11 .text{
	margin-left:30%;
	margin-bottom:-7%;
  }

  .b1{
	left:0;
	z-index: 9;
	width: 160px;
  }
  .b2{
	/* left:8vw; */
	left:130px;
	z-index: 10;
	width: 160px;
  }
  .b3{
	/* left:14vw; */
	left:230px;
	z-index: 9;
	width: 160px;
  }
  .b4{
	/* left:19.6vw; */
	left:320px;
	z-index: 8;
	width: 160px;
  }
  .b5{
	/* left:27vw; */
	left:450px;
	z-index: 7;
	/* width:8vw; */
	width: 142px;
  }
  .b6{
	/* left:32.3vw; */
	left:550px;
	z-index: 8;
	/* width: 11.4vw; */
	width: 202px;
  }
  .b7{
	/* left:38.3vw; */
	left:640px;
	z-index: 9;
	width: 160px;
  }
  .b8{
	/* left: 43.3vw; */
	left: 720px;
    z-index: 7;
    /* width: 11.4vw; */
	width: 202px;
  }
  .b9{
	/* left: 52.6vw; */
	left: 875px;
    z-index: 6;
    /* width: 11.4vw; */
	width: 202px;
  }
  .b10{
	/* left:60vw; */
	left:1010px;
	z-index: 8;
	/* width: 10vw; */
	width: 177px;
  }
  .b11{
	left:70vw;
	left:1170px;
	z-index: 7;
	width: 160px;
  }
  .mb_white{
	width: 100%;
	height: 100%;
	background:rgba(255,255,255,0.9);
	z-index: 0;
	position: absolute;
	left:0;
	top:0;
	transition: all 0.5s;
  }
  .index_b:hover{
	z-index: 13;
  }
  /* .index_b:hover .mb_white{
	z-index: 12 !important;
  } */

@media only screen and (max-height: 1030px){
	.index_newBox{
		height: 80vh;
	  }
}
@media only screen and (max-height: 930px){
	.index_newBox{
		height: 85vh;
	  }
}
@media only screen and (max-height: 850px){
	.index_newBox{
		height: 90vh;
	  }
}
@media only screen and (max-height: 800px){
	.index_newBox{
		height:100vh;
	  }
}
.factoryBox{
	padding:4vw 0;
	width: 100%;
	overflow: hidden;
}
.f_nBox{
	width: 66%;
    min-width: 1200px;
    margin: 0 auto;
	display: flex;flex-direction: column;align-items: center;justify-content:center;
	margin-bottom: 4vw;
}
.f_nBox img{
	width: 100%;
}
.f_nBox a{
	display: inline-block;
	margin:0 auto;
	width: 50%;
	margin-top:4vw;
}
.factoryBanner{
	width: 100%;
	position: relative;
	margin-bottom:4vw;
}
.factoryBanner p{
	position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);width:50%;
	color:#fff;
	font-size:3vw;
	text-align: center;
}
.f_nBox2{
	width: 66%;
    min-width: 1200px;
    margin: 0 auto;
	overflow: hidden;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 15px 15px;
	align-items: stretch;
	margin-bottom:4vw;
}
.f_nBox2 li{
	width: 100%;
}
.f_nBox2 li:nth-child(2){
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 15px 15px;
	align-items: stretch;
	align-items:center;
}
.f_nBox2 li:nth-child(2) div:nth-child(1){
	width: 100%;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 15px 15px;
	align-items: stretch;
}
.f_imgBox{
	width: 66%;
    min-width: 1200px;
    margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 15px 15px;
	align-items: stretch;
	margin-bottom:4vw;
}
.pro_b_imgBox{
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 15px 15px;
	align-items: stretch;
	align-items:center;
}

.pro_hBox{
	width: 100%;
	display: flex;
    justify-content: space-between;
    align-items: flex-end;
	border-bottom: 1px solid #ccc;
}
.pro_hBox2{
    align-items:center;
}
.pro_hBox3{
    align-items:flex-start;
	padding: 20px 0 40px;
}
.pro_h_tlt{
	font-size:16px;
	font-weight: bold;
	color:#333;
}
.pro_h_tlt2{
	font-size:14px;
	font-weight: bold;
	color:#333;
}
.pb40{
	padding-bottom: 40px;
}
.pro_h_box1{
	width: 35%;
}
.pro_h_box1 ul{
	width: 220px;
    margin-right: 40px;
    color: #000;
    font-family: 'Gotham';
    font-size: 13px;
    line-height: 16px;
    background: url(../image/black_line.gif) no-repeat left bottom;
    padding: 0 0 10px 0;
}

.pro_h_box1 .fwBox{
	padding:15px 0 20px;
}
.pro_h_box2{
	width: 60%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 30px 30px;
	align-items:center;
}    
.pro_h_box2 img{
	height: fit-content;
} 

.pro_h_box3{
	width: 60%;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 30px 30px;
	align-items:center;
}    
.pro_h_box3 img{
	height: fit-content;
} 

.wd30{
	width: 30%;
	margin:0 5%;
}
.wd40{
	width: 40%;
	margin:0 5%;
}
.wd50{
	width: 50%;
	margin:0 5%;
}
.wd60{
	width: 60%;
	margin:0 5%;
}
.wd70{
	width: 70%;
	margin:0 5%;
}
.ml0{
	margin-left:0;
}
.mlr0{
	margin-left:0;
	margin-right:0;
}
.pb0{
	padding-bottom: 0;
}
.wdauto{
	width: auto;
}
.flex-s-c{
	display: flex;flex-direction: column;align-items: center;justify-content:center;
}
.flex-s-t{
	display: flex;flex-direction: column;align-items: flex-start;justify-content:center;
}
.flex-s-b{
	display: flex;flex-direction: column;align-items: flex-end;justify-content:center;
}

























@media only screen and (min-width: 220px) and (max-width: 720px) {}