@charset "utf-8";
.ixpro {width:1200px; margin: auto auto 30px auto; position: relative;text-align: center;}
.ixpro h2 {font-size: 24px; color: #3b3c3d;font-weight:bold;}
.ixpro .rightnav { text-align: center;width:100%;margin-top: 30px;}
.ixpro .rightnav a{ display: inline-block;position: relative;font-size:14px;margin:0 1.5%;padding-bottom: 5px;color: #9E9E9E;}
.ixpro .rightnav a.cur::after {content: '';width: 100%;height: 1px; position: absolute;left: 0;bottom: 0;background: #39b54a;}
.ixpro .rightnav a.cur {color: #000;}
.ixpro .rightnav a:hover  {color: #000;}
.ixpro span{font-family: DINCond; font-size: 36px; line-height: 30px; color: #12298c;}


.new-recommend{ position: relative; float: left; display: block; width: 48.7%; padding-bottom: 58px; border-bottom: 1px solid #c8c8c8;}
.new-recommend figure{ margin-bottom: 24px; overflow: hidden;}
.new-recommend h4{ font-size: 18px; line-height: 1.5; margin-bottom: 12px; color: #000; font-weight: normal;}
.new-recommend .c{ height: 50px; overflow: hidden; color: #878787; }
.new-recommend .more{ position: absolute; right: 30px; bottom: -8px; width: 76px; display: block; background-color: #fafafa;}
.new-recommend .more i{ display: block; position: relative; margin: 0px auto; width: 1px; height: 15px; background-color: #c50600; transition: 0.3s; -webkit-transition: 0.3s;}
.new-recommend .more i:before{ content: "";  position: absolute; left: -7px; top: 7px; width: 15px; height: 1px; background-color: #c50600;}
.new-recommend:hover h4{ color: #C40000;}
.new-recommend:hover .more i{transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-moz-transform: rotate(90deg);}
.new-idemo-c{ float: right; display: block;  overflow: hidden; height: 436px; width: 48.7%;}
.new-idemo .item{ position: relative; margin-bottom: 20px;}
.new-idemo .item a{ display: block; padding: 15px 22px 30px; border: 1px solid #c0c0c0;}
.new-idemo .item h4{ font-size: 18px; color: #000; font-weight: normal; line-height: 1.5; margin-bottom: 5px;}
.new-idemo .item .c{ height: 50px;line-height:26px; overflow: hidden; color: #666;}
.new-idemo .item:hover a{ border-color: #c0c0c0; background-color: #ffffff;}
.new-idemo .item:hover h4{ color: #C40000;}
.inew-btn{ position: relative; margin-top: -52px; float: right; display: block;}
.inew-arrow{ width: 26px; height: 22px; color: #fff; background-color: #c3c3c3; line-height: 22px; font-size: 18px; display: inline-block; float: left; margin-left: 6px; text-align: center; cursor: pointer; transition:0.3s;-webkit-transition:0.3s;}
.inew-arrow:hover{ background-color: #C40000;}



.index_goods{ position:relative; padding:3% 0; margin-top:0%;}

.index_goods .img_box{ position:absolute; right:0; top:0; width:50%; height:100%; overflow:hidden; z-index:0;}

.index_goods .img_box img{ width:100%;}

.index_goods .info_box{ background:#f8f8f8; padding:3% 5%; position:relative; z-index:1; overflow:hidden; width:72%; margin:0 6% 0 12%;}

.index_goods .info_box .left_box{ width:18%; float:left;}

.index_goods .info_box .left_box .tab_hd{ border-top:1px solid #c6c6c6; padding-top:30px;}

.index_goods .info_box .left_box .tab_hd div{ margin-bottom:5px;}

.index_goods .info_box .left_box .tab_hd div a{ line-height:40px;display:block; position:relative; cursor:pointer; color:#898989; font-size:14px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; padding-right:30px;}

.index_goods .info_box .left_box .tab_hd div a i{display: block;width: 28px;height: 40px;position: absolute;right:10px;top: 0;background:center no-repeat;background-size: 100% !important;}

.index_goods .info_box .left_box .tab_hd div.active a{ background:#4b4b4b; color:#fff; padding:0 20px; }

.index_goods .info_box .left_box .tab_hd div a:hover{ background:#ffe400; color:#000;}

.index_goods .info_box .left_box .tab_hd div a:hover{ text-indent:5%;}

.index_goods .info_box .left_box .tab_hd div a:hover i{right:5px;background: url("../images/icon_arrow_r_gray.svg") center no-repeat;}

.index_goods .info_box .left_box .tab_hd div.active a i,

.index_goods .info_box .left_box .tab_hd div.active a:hover i{background: url("../images/icon_arrow_r_white.svg") center no-repeat;}



.index_goods .info_box .tab_list{ width:76%; float:right; position:relative;}

.index_goods .info_box .tab_list>div{margin-left:100%;top:0; position:absolute; display:block; background:#fff; width:100%;}

.index_goods .info_box .tab_list>div.active{ margin-left:0;}

.index_goods .info_box .tab_list .goods_img{width:55%;overflow:hidden;}

.index_goods .info_box .tab_list .goods_img img{ width:100%;}

.index_goods .info_box .tab_list .goods_text{position:absolute; z-index:1; padding:4% 6.5%;top: 0; right:0;height: 100%;width:32%;}

.index_goods .info_box .tab_list .goods_text h3{ font-size:20px; position:relative;font-weight:bold; color:#000; padding-bottom:15px; margin-bottom:10px;}

.index_goods .info_box .tab_list .goods_text h3:after{content:''; position:absolute; left:0; bottom:0; width:40px; height:3px; background:#ffe400;}

.index_goods .info_box .tab_list .goods_text p{ font-size:14px; line-height:1.8em; height:9.0em; margin:40px auto;text-align: justify;}

.index_goods .info_box .tab_list .goods_text a {display: block;position: relative;font-size: 14px; width:130px; line-height:36px; font-family: 'Conv_Montserrat-Bold';text-transform: uppercase; font-weight:bold; background:#4b4b4b; color:#fff; text-align:center;}

.index_goods .info_box .tab_list .goods_text a:hover{ background:#ffe400; color:#4b4b4b;}


/*通用代码*/
*{ margin:0px; padding:0px;}



.title{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center; color:#000000; font-size:46px;}
.title i{ display:inline-block; height:46px; width:5px; background:#e96300;}
.title span{ display:inline-block; margin:0 10px;}
.title em{ font-size:18px; color:#555555;}
.hovermaincolor a:hover{ color:#e96300;}
.tainner { margin: 0px auto; width: 1400px;}
.about-Ibox a:link, .about-Ibox a:visited { color: #3a3a3a; }
.about-Ibox a:active, .about-Ibox a:hover { color: #c40000; }
.about-Ibox{ padding: 80px 0px 115px; background: url(../img/ilogo1.png) no-repeat scroll 5% center; color: #3a3a3a;}
.about-Ibox .desc{ float: left; display: block; width: 50%;}
.about-Ibox .video-c{ float: right; display: block; width: 42%;}
.iby{ margin-top: 30px; line-height: 1.5; color: #3a3a3a; overflow: hidden;}
.iby .zh{ font-size: 25px; margin-bottom: 5px; color: #12298c}
.iby .en{ font-family: "DINCond";}
.about-Ibox .c{ margin-top: 30px; overflow: hidden;}
.about-Ibox .btn-more{ margin-top: 50px;}
.btn-more{ display: block; width: 186px; height: 38px; line-height: 38px; text-align: center; border: 1px solid #999999;}
.btn-more .txt{ position: relative; padding-right: 50px; color: #3a3a3a;}
.btn-more .txt:before,.btn-more .txt:after{ content: ""; position: absolute; right: 0; top: 50%; width: 25px; height: 1px; background-color: #3a3a3a;}
.btn-more .txt:after{ background-color: #fff; z-index: 2; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9; }
.btn-more:hover{ background-color: #39b54a; color: #fff; border-color: #39b54a;}
.btn-more:hover .txt{ color: #fff;}
.btn-more:hover .txt:after{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9; }
.black-50{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.5);}
.transition68{ transition: 0.68s; -webkit-transition: 0.68s;}
.video-c{ position: relative;}
.video-c .box{ position: relative; overflow: hidden;}
.video-c .black-50{ transition: 0.3s; -webkit-transition: 0.3s;}
.video-c:before{ content: "" ; position: absolute; width: 100%; height: 100%; right: -10px; bottom: -4px; background-color: #39b54a; z-index: -1;}
.scaleO:hover .imgw{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05);}

/*行业应用领域*/
.case{ background:url(../images/about_bg.jpg) no-repeat center; height:456px;display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center;}
.case .title{ color:#fff;}
.case .title em{ color:#cccccc;}
.casecon{ margin:0 5%; width:90%}
.caseshow{ margin-top:30px; padding:40px; background:#fff; height:260px; position:relative; margin-right:40px;width: 1200px;margin: 0 auto;}
.caseleft{ width:860px; overflow:hidden;}
.caseright{ position:absolute; height:356px; width:300px; background:#e96300; right:0; top:-30px; right:-40px; padding:0 40px;display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center; color:#fff; }
.caseright .casebtn{ text-align:center;}
.cese_t{ font-size:15px; line-height:30px;width: 280px;margin: 0 auto;}
.cese_t span{ display:block; font-size:25px;  text-align:left;width: 280px; margin:25px 0 10px 0;}
.cese_t em{ display:block; font-size:14px; color:#ffffff;  margin:20px 0;font-family: DINCond}
.caseline{ position:absolute; width:100%; height:50px; background:#da5c00; bottom:0; left:0;}
.caseline:after,.caseline:before{ content:''; display:block; position:absolute; top:0; width:0; height:0;}
.caseline:after{ border-left:40px solid #e96300; border-bottom:50px solid transparent; left:0;}
.caseline:before{ border-right:40px solid #e96300; border-bottom:50px solid transparent; right:0;}
.caseleft table,.caseleft tbody,.caseleft tr{ display:block; font-size:0;}
.caseleft td{ display:inline-block; padding:0 !important; width:230px; margin-right:25px;border: 2px solid #f5f5f5;}
.caseleft td br{ display:none;}
.caseleft td a{ display:block; overflow:hidden; position:relative;}
.caseleft td>a img{ width:230px; height:auto; transition:all .6s ease;height:180px;}
.caseleft td:hover>a img{ transform:scale(1.1);}
.caseleft td div{ padding:0 !important;}
.caseleft td div a{ font-size:15px; color:#555555; line-height:45px; transition:all .3s ease; background:#f5f5f5;}
.caseleft td:hover div a{ background:#39b54a; color:#fff;}