body {min-height:100%;background-color:#f3f3f3;-webkit-font-26oothing:antialiased;-moz-osx-font-26oothing:grayscale;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body {font-family:'微软雅黑',"Microsoft Yahei","simsun","宋体","新宋体";font-size:14px;color:#444}
html,body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,hr,pre,span,strong,form,iframe,label,button,input,textarea,table,tr,th,td,fieldset,i {margin:0;padding:0;text-align:left}
dl,dd,ol,ul,li {list-style:none;}
i {display:inline-block;font-style:normal;font-weight:normal;text-align:center;vertical-align:middle}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:300}
img {border:0;vertical-align:middle}
a img,img {-ms-interpolation-mode:bicubic;text-decoration:none}
a,a:link,a:visited {color:#333;cursor:pointer;text-decoration:none}
a:hover,a:active {text-decoration:none; color: #e60012}
a.ie6:hover {zoom:1}
.container{ background: #ffffff;}

/*头部导航*/
.nav>li>a{    padding: 10px 22px;}
.headTop{color: #999;background: #f4f4f4; height: 40px; line-height: 40px; width:100%; display: inline-block;}
.headTop .langList{ margin-left: 20px;}
.headTop .langList a{ color: #999; margin-right: 10px;}
.headTop .langList a:hover{color:#e60012; }
.headTop .langList .dropdown-menu{ border: 1px #f5f5f5 solid; margin: 0; padding: 0;}
.headTop .langList .dropdown-menu a{ width: 100%; display: inline-block; border: 1px #f5f5f5 solid; padding-left: 10px;}
.headTop .langList:hover .dropdown-menu{ display: inline-block;}
.headerNav{box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);}
.headerNav .navbar-brand{ height: auto; }
.headerNav .logo{ float: left}
.headerNav .logo img{ float: left; margin-right: 0px;}
.headerNav .logo .h3{ margin: 10px 0 3px 0 ; padding: 0; color: #e60012;}
.headerNav .logo p{ color: #e60012; margin: 0;}
.headerNav .logo:hover{ color: #333;}
.headerNav .navbar-collapse{ float: right;}
.headerNav{ margin-bottom: 0; width: 100%; float: left; background: #fff;    border: none;}
.headerNav .navbar-nav a{ display: flex; flex-direction: column; color: #666; opacity: 1;}
.headerNav .navbar-nav a .icon{ font-size: 20px; color: #999;}
.headerNav .navbar-toggle{ border:0; float: right}
.headerNav .navbar-toggle:focus,.headerNav .navbar-toggle:hover {  background:0  }
.headerNav .navbar-toggle .icon-bar {  height:1px;  margin-top:6px;background-color:#e60012}
.headerNav .navbar-nav li{ position: inherit;}
.headerNav .navbar-nav li .dropdown-menu{ width: 100%;text-align: center;margin: 0; padding: 0; overflow: visible; border: none; border-radius: inherit; background: #eeeeee;}
.headerNav .navbar-nav li .dropdown-menu .relative{ position: static; width: 100%; display: inline-block;  background: #eeeeee;}
.headerNav .navbar-nav li .dropdown-menu ul{ display: inline-block; float:left;padding: 15px 0; }
.headerNav .navbar-nav li .dropdown-menu li{ text-align: center; float: left; display: inline-block;position: relative;}
.headerNav .navbar-nav li .dropdown-menu li a{ display: inline-block; font-size: 12px; padding: 0px 20px;}
.headerNav .navbar-nav li .dropdown-menu li a:hover,.headerNav .navbar-nav li .dropdown-menu li .menuList a:hover{background: none; color: #e60012;}
.headerNav .navbar-nav li.open .dropdown-menu{ height: auto;}
.headerNav .navbar-nav>li>a:hover,.headerNav .navbar-nav li a.active {background: #e60012;opacity: 1; cursor: pointer;  color: #fff !important;}
.headerNav .navbar-nav>li.active a{ color: #e60012;opacity: 1;}
.headerNav .navbar-nav>li a:hover .icon{ color: #ffffff;}
.headerNav .navbar-nav>li.active .dropdown-menu li a{color: #666;}
.headerNav .navbar-nav li .dropdown-menu li .menuList{ display: flex; margin-top: 10px;  flex-direction: column;}
.headerNav .navbar-nav li .dropdown-menu li .menuList a{ line-height: 20px;}
.headerNav .navbar-nav li .dropdown-menu li a.weight{ font-weight: bold;}
.slideContent{ display: inline-block; width: 100%; float: left;}
.slideContent .swiper-slide img{ width: 100%;}
.headerNav .container{ background: none;}

.ourProduct,.caseBox,.indexAbout,.indexPartner{padding: 5% 0; width: 100%; float: left; background: #f9f9f9}
.ourProduct .container{background: #f9f9f9;}
.ourProduct .titleBox,.caseBox .titleBox,.indexAbout .titleBox,.indexPartner .titleBox{ width: 100%; float: left; text-align: center; margin-bottom: 2.5%;}
.ourProduct .titleBox h1,.caseBox .titleBox h1,.indexAbout .titleBox h1,.indexPartner .titleBox h1{ text-align: center; color: #666; font-size: 20px; padding-top: 10px; font-weight: 400; width: 100%; float: left; margin-bottom: 15px;background: url("../images/icon2.png") no-repeat center center; height: 70px;}
.ourProduct .titleBox p,.caseBox .titleBox p,.indexAbout .titleBox p,.indexPartner .titleBox p { color: #999999; width: 80%; margin: 0 auto;display: inline-block;}
.indexAbout .titleBox .en,.indexPartner .titleBox .en{ font-size: 60px; color: #666; letter-spacing: 2px; font-family: auto;font-weight: 400;}
.caseBox,.indexAbout,.indexPartner{ background: #fff}

.ourProductTab{ width: 100%; float: left; display: inline-block;}
.ourProductTab .nav-tabs-custom{ text-align: center;}
.ourProductTab .nav-tabs{ border: none;    display: inline-block;  margin: 0 auto;}
.ourProductTab .nav-tabs li{border: none;  border-radius: inherit; margin: 0 10px}
.ourProductTab .nav-tabs li a{ border-radius: 0; border: 1px #ddd solid; padding: 10px 30px;}
.ourProductTab .nav-tabs li a:hover{background: #e60012; color: #ffffff; border-color:#e60012}
.ourProductTab .nav-tabs li.active{ border: none}
.ourProductTab .nav-tabs>li.active>a, .ourProductTab .nav-tabs>li.active>a:focus, .ourProductTab .nav-tabs>li.active>a:hover{ background: #e60012; color: #ffffff; border-color:#e60012}
.ourProductTab .tab-content{ margin-top: 3%;}
.ourProductTab .tab-content li{margin-bottom: 10px;overflow:hidden;position:relative;float:left;  cursor:pointer;}
.ourProductTab .tab-content li .row{ padding:0 5px;}
.ourProductTab .tab-content li .img{ width: 100%; float: left; overflow: hidden}
.ourProductTab .tab-content li .img img{ width: 100%; border: none;}
.ourProductTab .tab-content li a.hover{ display: none;width: 98%; margin: 0 5px; color: #ffffff; float: left; text-align: center;  height: 100%; position: absolute;left: 0; top: 0;background-color: rgba(0,0,0,.6); }
.ourProductTab .tab-content li a.hover h3{margin: 20% 0 15px 10px;text-align: center; padding-bottom: 15px; border-bottom: 1px #ffffff solid; display: inline-block;  font-size: 16px;  font-weight: normal;}
.ourProductTab .tab-content li:hover img{ opacity: 1;  -webkit-transform: scale3d(1.3,1.3,1);  transform: scale3d(1.3,1.3,1);}
.ourProductTab .tab-content li:hover a.hover{display: inline-block; float:left; }
.ourProductTab .tab-content li a.hover .ico {  width: 30px;  height: 30px;  margin: 0 auto;  background:url(../images/in_plus.png) no-repeat; background-size: cover;  }
.picBig{  -webkit-transition: opacity 1s, -webkit-transform 1s;  transition: opacity 1s, transform 1s;  }

.qiYeYouShi{ width: 100%; float: left;padding: 3% 0; display: inline-block;background-size: cover;}
.qiYeYouShi .container,.caseBox .container,.indexNew .container{background: none;}
.qiYeYouShi .titleBox,.indexNew .titleBox{ width: 100%; float: left; text-align: center; margin-bottom: 2.5%;}
.qiYeYouShi .titleBox p,.indexNew .titleBox p { color: #fff; width: 80%; margin: 0 auto;display: inline-block;}
.qiYeYouShi .titleBox h1,.indexNew .titleBox h1{ text-align: center; color: #666; font-size: 20px; padding-top: 10px; font-weight: 400; width: 100%; float: left; margin-bottom: 15px;background: url("../images/icon.png") no-repeat center; height: 70px;}
.qiYeYouShi .titleBox .en,.indexNew .titleBox .en{ font-size: 60px; color: #666; font-family: auto;letter-spacing: 2px; font-weight: 400;}

.qiYeYouList{ width: 100%; float: left;}
.qiYeYouList li{ background: url("../images/in_goo_li.png") no-repeat center 0px; height: 440px;  position: relative;    -moz-transition: all 0.8s ease;  -o-transition: all 0.8s ease;  -webkit-transition: all 0.8s ease;  transition: all 0.8s ease;}
.qiYeYouList li .row{ width: 232px;  margin: 0 auto }
.qiYeYouList ul li:hover {  -moz-transition: all 0.8s ease;  -o-transition: all 0.8s ease;  -webkit-transition: all 0.8s ease;  transition: all 0.8s ease;  margin-top:-20px;  }
.qiYeYouList ul li img {  padding-top: 40px;  padding-left: 50px;  }
.qiYeYouList li h3 {text-align: center; font-weight: bold; padding-bottom: 10px;  width: 110px;  margin: 10% auto 10% auto;  border-bottom: 1px #e60012 solid; color: #e60012;  font-size: 24px;  }
.qiYeYouList li p {  text-align: left;  width: 80%;  height: 125px;  overflow: hidden;  margin: 0 auto;  color: #666;  font-size: 14px;  line-height: 20px;  }

.caseBox{ width: 100%; float: left; background: url("../images/in_case_bg.jpg") repeat}
.caseBox .indexCaseList{ width: 100%; float: left; display: inline-block;}
.caseBox .indexCaseList li{height: 275px;float: left;text-align: center; padding: 0; overflow:hidden;background: #fff;color: #959595;}
.caseBox .indexCaseList li .content-left {  padding: 30px;  width: 50%;  float: left;  position: relative;  z-index: 999;  }
.caseBox .indexCaseList li h3 {  color: #e60012; text-align: center;  padding: 20px 40px 0;  line-height: 26px;  position: relative;  font-size: 16px;  font-weight: normal;  }
.caseBox .indexCaseList li .line {  display: inline-block;  width: 40px;  height: 2px;  background: #999;  opacity: 0.5;  filter: alpha(opacity=50);  margin: 15px auto 0;  }
.caseBox .indexCaseList li p {  padding-top: 25px;  }
.caseBox .indexCaseList li .blog-img-2 {  width: 50%;  float: right;  overflow: hidden;  }
.caseBox .indexCaseList li .blog-img img, .caseBox .indexCaseList li .blog-img-2 img {  -webkit-transition: all 0.8s ease-out;  -o-transition: all 0.8s ease-out;  transition: all 0.8s ease-out;  width: 100%;  }
.caseBox .indexCaseList li:hover .blog-img img, .caseBox .indexCaseList li:hover .blog-img-2 img {  transform: scale(1.2) rotate(10deg);  }
.caseBox .indexCaseList li .blog-img {  float: left;  width: 50%;  overflow: hidden;  }
.caseBox .indexCaseList li .content-right {  padding: 30px;  width: 50%;  float: left;  position: relative;  z-index: 999;  }
.caseBox .indexCaseList li p {  text-align: center;  line-height: 20px;  color: #979797;  }
.caseBox .indexCaseList li .content-right i {  position: absolute;  left: 0;  bottom: 0;  right: 0;  top: 50%;  width: 40px;  height: 40px;  margin-left: -15px;  margin-top: -15px;  background: url(../images/in_case_to.png) no-repeat center;  }
.caseBox .indexCaseList li .content-left i {  position: absolute;  right: -15px;  top: 50%;  width: 40px;  height: 40px;  background: url(../images/in_case_to.png) no-repeat center;  }
.caseBox .indexCaseList li a.more {  display: block;  width: 103px;  height: 28px;  line-height: 28px;  text-align: center;  border: 1px #dddddd solid;  color: #666666;  font-size: 12px;  margin: 10px auto 0 auto;  }
.caseBox .indexCaseList li a:hover {  border: 1px #e60012 solid;  color: #e60012;  }

.indexAboutContent{ width: 100%; float: left; display: inline-block}
.indexAboutContent .img img{ width: 100%;}
.indexAboutContent .img video{ border: none; outline: none;}
.indexAboutContent .text{font-size: 14px; position: relative; height: 100%;  color: #444444;  line-height: 32px; letter-spacing: 1px}
.indexAboutContent .text .more { margin-top: 10%;  }
.indexAboutContent .text .more a {  display: block;  width: 133px;  height: 33px;  border: 1px solid #eee;  color: #939393;  line-height: 33px;  text-align: center;  }
.indexAboutContent .text .more a:hover {  border: 1px #e60012 solid;  color: #e60012;  }

.indexNew{ background: url("../images/in_news_bg.jpg") no-repeat; background-size: cover; width: 100%; float: left;padding: 1% 0; display: inline-block;  }
.indexNewContent{ width: 100%; display: inline-block; float: left;}
.indexNewContent .img{ background: #ffffff; padding: 0; overflow: hidden;}
.indexNewContent .big-img{ width: 100%; float: left; overflow: hidden; max-height: 405px;}
.indexNewContent .big-img img {  width: 100%;;  -webkit-transition: all 0.4s linear -1ms;  -moz-transition: all 0.45s linear -1ms;  -ms-transition: all 0.4s linear -1ms;  -o-transition: all 0.4s linear -1ms;  transition: all 0.4s linear -1ms;  border: none;  padding: 0;  }
.indexNewContent .big-img img:hover {  -webkit-transition: all 0.4s linear -1ms;  -moz-transition: all 0.45s linear -1ms;  -ms-transition: all 0.4s linear -1ms;  -o-transition: all 0.4s linear -1ms;  transition: all 0.4s linear -1ms;  transform: scale(1.1);  -ms-transform: scale(1.1);  -moz-transform: scale(1.1);  -webkit-transform: scale(1.1);  -o-transform: scale(1.1);  zoom: 1.1\9; /* IE 8 */  overflow:hidden;  z-index:999; }
.indexNewContent .instro {  width: 100%;  padding: 15px; width: 100%; display: inline-block;}
.indexNewContent .instro h3 {  margin-bottom: 8px; color: #333333; width: 100%; font-weight: bold; text-decoration: none; overflow: hidden;  white-space: nowrap;  float: left;  text-overflow: ellipsis;}
.indexNewContent .instro h3 a {  font-size: 16px;  color: #3e3a39;  }
.indexNewContent .instro h3 a:hover{ color: #e60012;}
.indexNewContent .instro p {  font-size: 12px;  color: #8c8c8c;  line-height: 20px;  margin-bottom: 8px;  }
.indexNewContent .time {  font-size: 12px;  color: #999;  }
.indexNew .titleBox .en,.indexNew .titleBox h1{ color: #333333}

.indexNewContent .textBox li{padding:23px 15px;  background: #fff;  margin-bottom: 25px; width: 100%; float: left;}
.indexNewContent .textBox li .npic {  display: block;  overflow: hidden; width: 30%; float: left;}
.indexNewContent .textBox li .npic img {
    width: 100%;
    max-height: 105px;
    -webkit-transition: all 0.4s linear -1ms;
    -moz-transition: all 0.45s linear -1ms;
    -ms-transition: all 0.4s linear -1ms;
    -o-transition: all 0.4s linear -1ms;
    transition: all 0.4s linear -1ms;
    border: none;
    padding: 0;
}
.indexNewContent .textBox li .npic img:hover, .indexNewContent .textBox li:hover img {
    -webkit-transition: all 0.4s linear -1ms;
    -moz-transition: all 0.45s linear -1ms;
    -ms-transition: all 0.4s linear -1ms;
    -o-transition: all 0.4s linear -1ms;
    transition: all 0.4s linear -1ms;
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    zoom: 1.1\9; /* IE 8 */
    overflow:hidden;
    z-index:999;
}
.indexNewContent .textBox .list{ float:right; width: 70%; padding-left: 15px;}
.indexNewContent .textBox .list h3 {  margin-bottom: 10px;  }
.indexNewContent .textBox .list h3 a {  font-size: 14px;  color: #333;  font-weight: normal;  }
.indexNewContent .textBox .list h3 a:hover{color: #e60012;}
.indexNewContent .textBox .list p {  font-size: 12px;  color: #8d8d8d; height: 40px; overflow: hidden;  line-height: 20px;  margin-bottom: 10px;  }

.indexPartnerList{float: left; width: 100%; display: inline-block; position: relative;}
.indexPartnerList .swiper-slide a{height: 118px; display:inline-block; overflow: hidden;   border: 1px solid #ddd;}
.indexPartnerList .swiper-slide img{display: block;  width: 100%;}
.indexPartnerList .swiper-pagination{ margin: 0 auto;  bottom: -20%;  left: 0;  width: 100%;}
.indexPartnerList .swiper-pagination .swiper-pagination-bullet-active{background:#e60012; }
.indexPartnerList .swiper-pagination span{ margin: 0 3px;}

.footer{ width: 100%; float: left;}
.footer .container{background: #333;}
.footer .menuFooter{ width: 100%; float: left;background: #333; padding: 3% 0; color: #ffffff; position: relative}
.footer .menuFooter .bg{ position: absolute; background:#333; height: 50px; width: 100%; top: 0; left: 0; z-index: 0; }
.footer .menuFooter .footerCenter{ position: relative; z-index: 999; margin-bottom: 2%;}
.footer .menuFooter dl{  width: 12%; float: left; text-align: center;}
.footer .menuFooter dt{height: 50px; color: #fff; line-height: 50px;background:#333; font-weight: normal; margin-bottom: 15px;}
.footer .menuFooter dd{ line-height: 30px;}
.footer .menuFooter dd a{ color: #999;}
.footer .menuFooter dd a:hover{ color: #e60012;}
.footer .footerText{background: #212121;color: #b3b3b3; text-align: center; padding: 10px 15px; width: 100%; display: inline-block;}
.footer .footerText a{ color: #b3b3b3;}
.footer .footerText a:hover{color: #e60012;}
.footer .menuFooter dl.address{ border-left: 1px #999999 solid; padding-left: 5%; width: 25%}
.footer .address dd{ color: #999}


#backTop {display:none}
.onlineServiceBtn {position:fixed;right:0px;bottom:20%;transform:translate(0,-0%);border-top:0;width:50px;overflow:hidden;height:auto;z-index:9999}
.onlineServiceBtn ul {width:100%;display:inline-block;float:left;margin:0;padding:0;}
.onlineServiceBtn ul li {width:100%;display:inline-block;float:left;cursor:pointer; width: 50px;background:#e60012; text-align: center}
.onlineServiceBtn ul li a {text-align:center;width:20px;overflow:hidden;}
.onlineServiceBtn ul li a.blue {color:#fff; float: left; margin: 15px;}
.onlineServiceBtn ul li a.backTop {color:#fff; padding: 15px 0; width: 100%; display: inline-block; border-top: 1px #ffffff solid;}
.onlineServiceBtn ul li a .icon {font-size:22px;margin:0;padding:0;height:auto;display:inline-block;float:left;width:100%}
.onlineServiceBox { width:170px;max-height:560px;overflow:auto;  z-index:99999;background:#fff;border:3px #e60012 solid}
.onlineServiceBox::-webkit-scrollbar {width:8px;}
.onlineServiceBox::-webkit-scrollbar-track {background-color:#f8f8f8;}
.onlineServiceBox::-webkit-scrollbar-thumb {background-color:#ccc;}
.onlineServiceBox .closeOnlineService {position:absolute;right:13px;top:5px;color:#fff;cursor:pointer}
.onlineServiceBox .closeOnlineService .icon {font-size:18px;font-weight:bold}
.onlineServiceBox dl dt {background:#e60012;color:#fff;width:100%;display:inline-block;float:left;height:35px;line-height:35px;text-indent:10px}
.onlineServiceBox dl .ddBox {padding:15px 10px;width:100%;display:inline-block;float:left}
.onlineServiceBox dl dd {width:100%;display:flex;flex-direction:row;float:left;margin-bottom:10px}
.onlineServiceBox dl dd:last-child {margin-bottom:0}
.onlineServiceBox dl dd .text {margin-right:5px;vertical-align:middle;width:34px}
.onlineServiceBox dl dd .value {display:inline-block;vertical-align:middle;word-break:break-all}
.onlineServiceBox dl dd img{ max-height: 160px; }

.pages {  width:100%;  text-align:center; display: inline-block;}
.pages li a,.pages li span {  width:auto; cursor:pointer;  color:#999;  display:inline-block;  box-sizing:border-box  }
.pagination>.active>span {  background-color:#e60012;  border-color:#e60012  }

.articleContent{ width: 100%; float: left;}
.articleContent .titleBox{ border-bottom: 1px #ccc dashed; width: 100%; float: left; text-align: center; padding: 3% 0; margin-bottom: 3%;}
.articleContent .titleBox h3{ font-weight: bold; font-size: 22px; text-align: center}
.articleContent .titleBox .tag{ color: #999999; margin-top: 15px}

.article-content{font-size:14px;line-height:25px; padding: 3% 0; background: #ffffff;word-break:break-all;word-wrap:break-word;line-height:2;}
.article-content h3,.article-content h4， .article-content h5{border-bottom:#eee 1px solid;padding-bottom:5px;margin-bottom:20px}
.article-content h2{font-size:18px;font-weight:normal;margin:20px -20px 20px -24px;padding:10px 20px 9px 20px;line-height:18px;border-left:4px solid #428BCA;background-color:#fbfbfb}
.article-content h3{font-size:16px}
.article-content h4{font-size:14px}
.article-content h5{font-size:12px}
.article-content ul{margin:0 0 16px 26px}
.article-content ol{margin:16px}
.article-content ul li{padding-left:20px;margin-bottom:10px;*list-style:disc;*padding-left:0;line-height:25px}
.article-content ol li{list-style:decimal;margin-left:28px;line-height:25px}
.article-content p{margin-bottom:10px}
.article-content pre{word-break:break-all;word-wrap:break-word}
.article-content table{border-top:solid 1px #ddd;border-left:solid 1px #ddd;width:100%;margin-bottom:16px}
.article-content table th{background-color:#f9f9f9;text-align:center}
.article-content table td,.article-content table th{border-bottom:solid 1px #ddd;border-right:solid 1px #ddd;padding:5px 10px}
.article-content .alignleft{float:left;text-align:left;margin-right:10px}
.article-content .aligncenter{margin: 0 auto;text-align: center;display: block;}
.article-content .alignright{float:right;text-align:right;margin-left:10px}
.article-content a{color:#333;text-decoration:underline}
.article-content a:hover{color:#e60012}
.article-content img{ max-width: 100%;}

.pageBanner {  width: 100%;  position: relative; padding: 7% 0; overflow: hidden;  }
.pageBanner .bannerTxt .bpic { color: #ffffff; width: 100%; display: inline-block; text-align: center;}
.pageBanner .bannerTxt .bpic a{ color: #ffffff; font-size: 60px}
.pageBanner .bannerTxt .txt {  width: 30%;  margin: 0 auto; text-align: center;}
.pageBanner .bannerTxt .txt .line {  display: inline-block;  width: 110px;  height: 9px;  overflow: hidden;  border-top: 1px solid #fff;  vertical-align: middle;  }
.pageBanner .bannerTxt .txt .writ {  width: 238px;  color: #fff;  padding: 0 18px;  font-size: 24px;  }

.subNav{ width: 100%; display: inline-block;}
.subNav .container{background:none;}
.subNav .in_nav{ width: 100%; text-align: center; display: inline-block; float: left; padding: 30px 0 15px 0;}
.subNav .in_nav ul{ width: auto; margin: 0 auto;    display: inline-block;}
.subNav .in_nav ul li{ display: inline-block; float: left; margin: 0 10px}
.subNav .in_nav ul li a{font-size: 14px;border: 1px solid #c7c7c7; padding: 8px 30px;float: left;display: inline-block;}
.subNav .in_nav ul li.current a,.subNav .in_nav ul li a:hover{ background: #e60012; color: #ffffff; border-color: #e60012}

.productListBox{ background: #ffffff; width: 100%; display: inline-block; padding: 3% 0;}
.productListBox li{ margin-bottom: 30px;}
.productListBox li .row{ border: 1px #eeeeee solid; margin: 0px;}
.productListBox li .img{ width: 100%; float: left;height: 300px; overflow: hidden;}
.productListBox li .img img{ width: 100%; border: none;}
.productListBox li .item4{ position: relative; width: 100%; display: inline-block;}
.productListBox li a.opacity{ display: none;width: 100%;color: #ffffff; text-align: center;  height: 100%; position: absolute;left: 0; top: 0;background-color: rgba(0,0,0,.6); }
.productListBox li a.opacity h3{margin: 20% 0 15px 10px;text-align: center; padding-bottom: 15px; border-bottom: 1px #ffffff solid; display: inline-block;  font-size: 16px;  font-weight: normal;}
.productListBox li a.opacity .ico {  width: 30px;  height: 30px;  margin: 0 auto;  background:url(../images/in_plus.png) no-repeat; background-size: cover;  }
.productListBox li:hover img{ opacity: 1;  -webkit-transform: scale3d(1.3,1.3,1);  transform: scale3d(1.3,1.3,1);}
.productListBox li:hover a.opacity{display: inline-block; float:left; }
.productListBox li .pName{ width: 100%; display: inline-block; float: left; padding: 10px 10px; text-align: center}
.productListBox li .pName a{ color: #666666; line-height: 20px; height: 40px; overflow: hidden; display: inline-block;}
.productListBox li .pName a:hover{ color:#e60012; }
.productDetail{background: #ffffff; width: 100%; display: inline-block; padding-bottom: 3%;}
.productThumb{ width: 100%; display: inline-block; float: left; padding: 3% 0;}
.productThumb .swiper-button-white{  background-color:rgb(230,33,43,.8); border-radius: 50%; width: 50px; height: 50px; background-size: 40%; background-repeat: no-repeat; background-position: center;}
.productTab{ width: 100%; float: left; display: inline-block;}
.productTab .nav-tabs>li>a{ font-weight: 400;}
.productTab .nav-tabs>li.active>a,.productTab .nav-tabs>li.active>a:focus, .productTab .nav-tabs>li.active>a:hover{background-color:#e60012; color: #ffffff;border: 1px solid #e60012;}

.articleListBox{ width: 100%; display: inline-block; float: left; background: #ffffff; padding: 3% 0;}
.articleListBox .articleList{width: 100%; display: inline-block; float: left;}
.articleListBox .articleList li {border-bottom: 1px solid #ddd;  margin-bottom: 20px;  padding: 15px 0;  width: 100%; display: inline-block; float: left; }
.articleListBox .articleList li .news_two_box {  position: relative;  transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;  }

.articleListBox .articleList li .news_two_img {width: 20%;  float: right;  transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;  }
.articleListBox .articleList li .news_two_img img {  width: 100%;}
.articleListBox .articleList li .news_two_txt {  float: left;  transition: all .3s ease-out 0s; width: 80%  }
.articleListBox .articleList li .news_two_txt .pull-left{ width: 16%;}

.articleListBox .articleList li .news_two_date {float: left; width: 100%; display: inline-block; margin-top: -10px;}
.articleListBox .articleList li .news_two_date span {  float: left;  width: 100%; line-height: 36px;  font-size: 24px; color: #999999 }
.articleListBox .articleList li .ser_but{ text-align: center; width: 35px; height:35px; margin: 15% 0;  float: left; display: flex; align-items: center; justify-content: center;transition: all .3s ease-out 0s; }
.articleListBox .articleList li .ser_but i{color: #999999;}
.articleListBox .articleList li .txt{ width: 75%; float: left;transition: all .3s ease-out 0s; }
.articleListBox .articleList li .txt span {  font-size: 16px; color: #717171;  display: block;  overflow: hidden;  margin-bottom: 20px;  transition: all .3s ease-out 0s;  }
.articleListBox .articleList li .txt i {  color: #7D7D7D; text-align: left;  line-height: 24px;  display: block;  overflow: hidden;  font-style: normal;  transition: all .3s ease-out 0s;  }
.articleListBox .articleList li .txt span::before {  width: 35px;  height: 1px;  content: '';  background: #bfbfbf;  position: absolute;
    top: 10px;  left: 8%;  transition: all 0.3s ease-out 0s;  }
.articleListBox .articleList li .news_two_box:hover .txt span::before {  width: 60px;  transition: all 0.3s ease-out 0s;  background: #e60012;  }
.articleListBox .articleList li .news_two_box:hover .news_two_date span {  color: #e60012;  }
.articleListBox .articleList li .news_two_box:hover .txt span {  color: #e60012;}
.articleListBox .articleList li .news_two_box:hover .ser_but {background: #e60012;   border: 1px solid #e60012;  margin-left: 0;}
.articleListBox .articleList li .news_two_box:hover .icon{color: #ffffff;}
.articleListBox .articleList li .news_two_box:hover .txt {margin-left: 5%;}

.artFooter{ width: 100%;  float: left; }
.artFooter a{ width: 100%; float: left; color: #a0a0a0; margin-bottom: 10px;}
.artFooter a:hover{color: #e60012;}
.shareCode{ background: #f5f5f5;  padding: 10px;  border: 1px solid #dddddd; width: 100%; margin-bottom: 15px; display: flex; flex-direction: row;}
.shareCode .shareTitle{ color: #a0a0a0; display: inline-block; margin-right: 15px; margin-top: 5px;}

.moduleFormBox{ padding: 5% 0;}
.moduleForm{ width: 50%; margin: 0 auto;}
.moduleForm table td{ border: none; padding: 10px 8px; color: #666666;}
.moduleForm table td .form-control{ border: #bfbfbf 1px solid; color: #999; border-radius: 0; height: 40px;}
.moduleForm table td .requireStar{ color:#e60012; margin-left: 5px; }
.moduleForm table td .saveInquiry{ background:#e60012; color: #ffffff; text-align: center; font-size: 18px; border-color: #e60012; border-radius: 0; padding: 15px 0; width: 60%; margin-top: 5%; }
.moduleForm table td .verify{width: 55%; }

.border_ccc{width:100%;height:500px; display: inline-block; float: left}
.in-content{ margin-top: 5%; width: 100%; display: inline-block;}

.searchForm{ float: right; }
.searchForm .keyword{ float: left;border-radius: 4px 0 0 4px; border-right: none; height: 33px}
.searchForm .submitSearch{ float: left; background:#e60012; color: #fff; border: none; width: 50px;border-radius: 0px 4px 4px 0px;}

.pageContent .pageRight{ margin: 30px 0; padding: 15px; background: #ffffff; border: 1px #f5f5f5 solid; width: 100%;  float: left;}
.pageContent .pageRight .artList{ width: 100%; display: inline-block; float: left; margin-top: 20px;}
.pageContent .pageRight .artList ul li{    background: #f0f0f0;    margin-bottom: 20px; width: 100%; float: left; padding: 15px;}
.pageContent .pageRight .artList ul li .tBox{ display: flex; justify-content: space-between;color: #7c7c7c;}
.pageContent .pageRight .artList ul li a:hover{color: #67256c;}
.pageContent .pageRight .artList ul li .tBox .tit{color: #7c7c7c;line-height: 26px; margin-bottom: 10px; text-decoration: none; overflow: hidden;  white-space: nowrap;  font-size: 18px;  text-overflow: ellipsis;}
.pageContent .pageRight .artList ul li .tBox .date{color: #bbbbbb; font-size: 12px;}
.pageContent .pageRight .artList ul li .desc{color: #999; font-size: 12px;line-height: 18px;text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;}

.footer_en .menuFooter dl {width: 9%;}
.footer_en .menuFooter dl.address{ width: 30%;}
.downloadList li .row{border:none;}

@media (min-width: 1920px){
    .container {  width: 90%; font-size: 16px}
    .navbar-nav>li>a {  padding-top: 35px;  padding-bottom: 35px;  cursor: pointer;  }
    .headerNav .logo img{ max-height: 70px;}
    .indexAboutContent .text{ font-size: 16px;}
    .indexNewContent .textBox li .npic img{ max-height: none;}
    .productListBox li .img{max-height: none;}
}
@media screen and (min-width: 1200px) and (max-width: 1920px ){
    .container {  width: 1400px;}
    .navbar-nav>li>a {  padding-top: 35px;  padding-bottom: 35px;  cursor: pointer;  }
    .headerNav .logo img{ max-height: 60px;}
}
@media screen and (min-width: 768px) and (max-width: 1200px ) {
    .headerNav .logo img{ max-height: 40px;}
}
@media screen and (max-width: 768px){
    .headerNav .logo img{ max-height: 30px;}
    .headerNav .navbar-nav li .dropdown-menu ul{ display: inline-block; position: relative; top: 0;padding:0;}
    .footer .menuFooter dl{  width: 33.33%;}
    .headerNav .navbar-collapse{ float: none;}
    .indexNewContent  .textBox{ margin-top: 25px;}
    .qiYeYouShi .titleBox .en, .indexNew .titleBox .en{ font-size: 40px}
    .indexAbout .titleBox .en, .indexPartner .titleBox .en{  font-size: 40px;}
    .caseBox .indexCaseList li h3{ padding: 0;}
    .qiYeYouList ul li img{ padding-left: 0;}
    .qiYeYouList li h3{ width: auto; text-align: left;}
    .qiYeYouList li p{ width: 60%; margin: 0;}
    .subNav .in_nav ul li{ margin: 0 5px;}
    .subNav .in_nav ul li a{ padding: 8px;}
    .productThumb .swiper-button-white{ width: 30px; height: 30px;}
    .moduleForm{ width: 100%; margin: 0 auto;}
    .moduleForm table td .verify{width: 45%; }
    .searchForm .keyword{ width: 70%;}
    .ourProductTab .nav-tabs li{ margin: 0 5px 10px 5px;}
    .ourProductTab .nav-tabs li a{padding: 5px 15px;}
    .pageBanner .bannerTxt .txt{ width: 90%}
    .pageBanner .bannerTxt .bpic a{ font-size: 40px;}
    .footer .menuFooter dl.address{ width: 100%;}
    .articleListBox .articleList li .txt span::before{ display: none;}
}