@charset "utf-8"; 
/*全局初始化样式*/
body{ padding:0px; margin:0px auto; font-family:Microsoft YaHei,arial,'宋体'; color: #666; width: 100%; zoom:1;

/*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none; 

/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0); 
-webkit-tap-highlight:rgba(0,0,0,0);

/*控制文本可选性*/
-webkit-user-select: none; 
    -ms-user-select: none;
   -moz-user-select: none;
 -khtml-user-select: none;
        user-select: none;
        
/*设置字体的抗锯齿或者说光滑度*/
-webkit-font-smoothing: antialiased;  
}

ul,li,form, dl,dt,dd, div,p{ padding: 0px; margin: 0px;}
/*默认去除ul、li的默认样式*/
ul,li{ list-style:none; margin: 0;} 
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446;} 
/*表单元素获得焦点时不显示虚线框*/
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ } 
/*不允许多行输入文本框有滚动条*/
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ } 
/*初始化表单元素样式*/
textarea,input,select {background:none; border:none; margin:0; padding:0;}
/*初始化HTML5标签样式*/
audio,canvas,progress,video { display: inline-block; vertical-align:baseline;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display:block;}
/*去除figure边距*/
figure,figcaption{ margin:0px; padding:0px;}

/*初始化图片样式*/
img{ border:none; border:0; max-width:100%; vertical-align:top;}

/*初始化a的样式和字体样式*/
a{ color:#666; text-decoration:none; noline: -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;text-decoration:none;}
a:hover{ color: #15182B;text-decoration:none;}

/*清楚浮动*/
.clear{ clear:both; height:0px; overflow:hidden;} /*清除浮动*/
/*全局样式*/

/************************** 以下是页面样式 *************************/
/* 头部 */
.header{width: 100%;box-sizing:border-box;height: 94px;background: #fff;max-width: 1200px;margin:0 auto;position: relative;}
.header .logo{float: left;margin-top: 20px;}
.header .operate-box{float: right;height: 30px;line-height: 30px;margin: 25px 0 0 0px;}
.header .operate-box .search{position: relative;float: left;top: 3px;height: 40px;width: 40px;background: url(../images/searchico.png) no-repeat left center;}
.header .search-slide{position: absolute;right: 0;top: 0;z-index: 100;width: 0px;background: #fff;padding-left: 30px;overflow: hidden;transition:all .6s;}
.header .search-slide.open{width: 160px;opacity: 1;border-bottom: solid 1px #ccc;border-radius: 3px}
.header .search-slide .inp-search{height: 40px;width: 100%;padding: 0px 20px 0px 10px;border: 0;-webkit-box-sizing:border-box;box-sizing:border-box;}
.icon-search{position: absolute;left: 0;top: 5px;z-index: 2;width: 30px;height: 30px;font-size: 20px;text-align: center;color: #d2d2d2;cursor: pointer;background:#fff url(../images/search.png) no-repeat center center;transition:all .2s;}
.icon-search:hover{color: #a7a0a0;}
.icon-close{position: absolute;right: 0;top: 5px;width: 30px;height: 30px;font-size: 20px;text-align: center;color: #d2d2d2;cursor: pointer;background:#fff url(../images/search.png) no-repeat center center;transition:all .2s;}
.icon-close:hover{color: #a7a0a0;}
.header .app-menuBar{position: relative;float: right;width: 40px;height: 40px;margin-left: 10px;margin-top: 20px;background: #d2d2d2;cursor: pointer;display: none;}
.header .app-menuBar i{position: absolute;width: 24px;height: 2px;background: #000;left: 8px;transition:all .1s;-webkit-transition:all .1s;}
.header .app-menuBar .line1{top: 11px;}
.header .app-menuBar .line2{top: 19px;}
.header .app-menuBar .line3{top: 27px;}
.header .app-menuBar.open .line2{opacity: 0;}
.header .app-menuBar.open .line1{transform:translate(0,8px) rotate(45deg);}
.header .app-menuBar.open .line3{transform:translate(0,-8px) rotate(-45deg);}
.header .main-nav{float: right;transition:marginRight .6s;-webkit-transition:margin .6s;}
.header .main-nav.open{margin-right: 120px;}
.header .search-slide.open{padding-left: 0px}
.header .search-slide.open .icon-search{display: none;}
.header .main-nav>ul>li{position: relative;float: left;/* padding: 32px 28px; */line-height: 30px;cursor: pointer;transition:background .5s;-webkit-transition:background .5s;}
.header .main-nav>ul>li:hover,
.header .main-nav>ul>li.onnav{background: #016fdb;}
.header .main-nav>ul>li:hover>a,
.header .main-nav>ul>li.onnav>a{color: #fff;}
.header .main-nav>ul>li:hover .sub-menu{opacity: 1;height: 50px;z-index: 20;}
.header .main-nav li a{position: relative;z-index: 2;color: #313131;display: block;padding: 32px 20px;}
.header .main-nav .active>a{position: relative;z-index: 2;color: #016fdb;}
.main-nav .sub-menu{position: absolute;top: 100%;left: 0;z-index: 5;height: 0;opacity: 0;overflow: hidden;background: #016fdb;transition:all .5s;-webkit-transition:all .5s;}
.main-nav .sub-menu ul{position: absolute;left: 0;display: table;}
.main-nav .sub-menu li{display: table-cell;/* padding: 10px 25px; */height: 30px;line-height: 30px;white-space: nowrap;}
.main-nav .sub-menu li a{color: #fff;display: block;padding: 10px 25px;}
.main-nav .sub-menu li:hover a{color: #d8e1ed;}
.header .EnCh{position: absolute;top:7px;right: -20px;display: none;color:#817f7f;}
.header .EnCh a{color:#817f7f;font-size: 14px;padding:0 6px;text-transform: uppercase;font-weight: 600;}

@media (min-width: 1024px){
	.header .EnCh{display: block;}
}

@media (max-width: 1200px){
.header{padding: 0 25px;}
.header .main-nav>ul>li{padding: 25px 15px;}
.main-nav .sub-menu li{padding: 10px 15px;}
}
@media (max-width: 1000px){
.header .main-nav>ul>li{padding: 32px 10px;}
.main-nav .sub-menu li{padding: 10px 15px;}
.header .operate-box{margin-left: 0;}
.contact-con .contact-msg{width: 100%;}
.contact-con  .contact-form{width: 100%;}
}
@media (max-width: 850px){
.sub-menu-warp{display: none;}
.header .app-menuBar{display: block;}
.header .main-nav{position: absolute;left: 0;top: 80px;z-index: 99;width: 100%;height: 0;opacity: 0;overflow: hidden;background: #fff;box-shadow: 0 0 10px #777;-webkit-box-shadow: 0 5px 10px #777;-moz-box-shadow: 0 5px 10px #777;transition:all .6s;-webkit-transition:all .6s;}
.header .main-nav.slide{border-top: solid 1px #ccc;opacity: 1;height: 320px;overflow-y: scroll;}
.header .main-nav>ul>li{float: none;width: 100%;padding: 5px 15px;height: auto;box-sizing:border-box;}
.header .main-nav>ul>li>a{display: block;}
.header .main-nav>ul>li:hover>a{color: #313131;}
.main-nav .sub-menu li:hover a{display: block;}
.main-nav .sub-menu{position: static;height: 0!important;display: none;}
.main-nav .active .sub-menu{opacity: 1;height: auto!important;}
.header .main-nav>ul>li.active::after,
.header .main-nav>ul>li:hover::after{display: none;}
.main-nav .sub-menu ul{display: block;}
.main-nav .sub-menu li{display: block;padding: 0px 15px;}
.main-nav .sub-menu li a{color: #000;}
.header .operate-box .search{top:-5px;}
}
@media (max-width: 500px){
.header .main-nav{top:60px;}
.header{height: 60px;padding: 0 15px;}

.header .logo{margin-top: 10px; height: 48px;}
.header .logo img{max-height: 100%;}

.header .operate-box{margin-top: 15px;}
.header .app-menuBar{height: 30px;width: 30px;margin-top: 15px;}
.header .operate-box .search{width: 30px;}
.header .app-menuBar i{width: 18px;left: 6px;}
.header .app-menuBar .line1{top: 8px;}
.header .app-menuBar .line2{top: 14px;}
.header .app-menuBar .line3{top: 20px;}
.header .app-menuBar.open .line1{-webkit-transform:translate(0,6px) rotate(-45deg);}
.header .app-menuBar.open .line3{transform:translate(0,-6px) rotate(45deg);}
.header .search-slide.open{position: fixed;left: 0;top: 0;z-index: 100;width: 100%;height: 40px;padding:0;background: #fff;}
.header .search-slide.open .icon-search,
.header .search-slide.open .icon-close{top: 5px;}
.header .search-slide .inp-search{padding: 0px 20px 0px 30px;}
.common-article .article-title{font-size: 20px;}
.banner-con1 .common-article, 
.banner-con2 .common-article, 
.banner-con3 .common-article{padding: 0 20px;}
}
/*分页*/
.Pages{line-height:18px; zoom:1; overflow:hidden; text-align:center;}
.Pages span{ padding:0px 3px; display:inline-block;}
.Pages a{ display:inline-block; margin:0px 2px; border:1px solid #ededed; padding:5px 8px;}
.Pages .p_cur b{ color:#F00;}
.Pages .p_count b{ color:#F00;}
.Pages .p_total b{ color:#F00;}
.Pages .p_page em{ font-style:normal; font-family:Arial;display: none;}
.Pages .p_page em a{ padding:5px 10px; border:solid 1px #ededed;}
.Pages .p_page em a.a_cur{ color:#fff; border:solid 1px #79c8e7; background:#79c8e7; }
.Pages .p_page b{ font-weight:normal;}
.Pages .i_text{ width:30px; padding:0px; text-align:center; font-size:12px; border:inset 1px #ddd; background:#fff;}
.Pages .i_button { position:relative; top:5px; width:32px; height:20px; cursor:pointer; border:none; background:url(page_goto.jpg) no-repeat;}
.Pages a:hover{ color:#fff; background:#79c8e7;}
/*分页*/

/*首页*/
.about{padding-top: 20px!important;}
.Habout{ padding-top: 15px; padding-bottom: 20px; position: relative; }
.Habout .left{ float: left; width: 100%; }
.Habout .left .title{ color: #006529; font-size: 18px; line-height: 45px; }
.Habout .left .title span{ padding-left: 5px; text-transform: uppercase; color: #858585; font-size: 12px; }
.Habout .left .info{ position: relative; overflow: hidden; margin-top: 15px; margin-bottom: 15px; color: #4d4d4d;  font-size: 14px; line-height: 24px; }
.Habout .left .moreBtn{ display: block; background: url('../images/aboutBtn.png') no-repeat left center; width: 102px; height: 29px; line-height: 29px; color: white; font-size: 12px; text-transform: uppercase; padding-left: 19px; }
.Habout .right{ float: right; width: 100%; }
.Habout .right a,
.Habout .right a img{ display: block; width: 100%; height: auto; }
.banner .swiper-pagination-bullet{display: none!important;opacity: 1!important}
.index_news{padding-bottom: 20px;}
.index_title{text-align: center;padding-bottom: 12px;background: url(../images/indexIco.png) no-repeat center bottom; }
.index_title .index_cn{display: block;font-size: 16px;color:#228c2a;line-height: 22px;}
.index_title .index_en{display: block;font-size: 12px;color:#4b4b4b;line-height: 18px;text-transform: uppercase;}
.index_product{/* background: url(../images/index_bg.jpg) repeat-y left top; */background-size: 100% 100%;background-color: #f0efef;}
/* .index_product .index_title .index_cn{color: #fff}
.index_product .index_title .index_en{color: #9a9999} */
.index_productList{padding-top: 20px;}

.index_productList li{background: #fff;cursor: pointer;}
.index_productList li:hover .productList_right span,.index_productList li:hover .productList_right b{color:#fff;}
.index_productList li:nth-child(2n) .productList_left{float: none;}
.productList_left{width: 100%;float: none; text-align: center;}
.productList_right{width: 100%;float: none;padding-top: 10%;}
.productList_right .proIco{display: block;margin: 0 auto;padding-top: 10px;width: 20px;height: 30px;}
.index_productList li:nth-child(1) .productList_right .proIco{background: url(../images/proIco1.png ) no-repeat left top;background-size: 100% 100%;}
.index_productList li:nth-child(2) .productList_right .proIco{background: url(../images/indexMoreIco1.png) no-repeat left top;background-size: 100% 100%;width: 30px;height: 30px;}
.index_productList li:nth-child(3) .productList_right .proIco{background: url(../images/proHove2.png) no-repeat left top;background-size: 100% 100%;}
.index_productList li:nth-child(4) .productList_right .proIco{background: url(../images/proIco.png) no-repeat left top;background-size: 100% 100%;}
.index_productList li:nth-child(1) .productList_right .proIco.on{background: url(../images/proHove1.png ) no-repeat left top;background-size: 100% 100%;}
.index_productList li:nth-child(2) .productList_right .proIco.on{background: url(../images/proHove3.png) no-repeat left top;background-size: 100% 100%;width: 30px;height: 30px;}
.index_productList li:nth-child(3) .productList_right .proIco.on{background: url(../images/proHove4.png) no-repeat left top;background-size: 100% 100%;}
.index_productList li:nth-child(4) .productList_right .proIco.on{background: url(../images/proHove5.png) no-repeat left top;background-size: 100% 100%;}
.productList_right span{display: block;text-align: center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.productList_right b{display: block;text-align: center;font-weight: normal;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.productList_right .product_more{display: block;width: 16px;height: 16px;background: url(../images/indexMoreIco.png) no-repeat center;background-size: 100% 100%;margin: 0 auto;}

.index_service{padding-top: 20px;}
.indexService_list{padding: 20px 0px}
.indexService_list img{width: 200px !important;}
.indexService_list li span{display: block;line-height: 20px;height: 20px;text-align: center;color: #494949}

.index_solution{margin-bottom: 20px;background: #f0efef;padding-top: 10px;}
.index_soltionList{padding-top: 20px;}
.index_soltionList li{width: 50%;float: left;position: relative;}
.index_soltionList li a{display: block;}
.index_soltionList li .solution_name{display: block;position: absolute;top: 5px;left: 5px;color: #fff;font-size: 14px;}
.index_solutionMore{background: #0a6a30;}
.index_solutionMore p{display: none;}

.index_newsList{padding-top: 20px;}
.newsList_left{padding-bottom: 20px;}
.newsList_left .moreBtn{ display: block; background: url('../images/aboutBtn.png') no-repeat left center; width: 102px; height: 29px; line-height: 29px; color: white; font-size: 12px; text-transform: uppercase; padding-left: 19px; float: right;}
.indexNew_info{padding-left: 20px; }
.indexNew_top{padding-bottom: 10px;display: block;}
.indexNew_title{color: #006428;display: block;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;font-size: 16px;padding: 5px 0px;}
.indexNew_time{color: #e02f37;font-size: 16px;line-height: 20px;}
.indexNew_bottom{position: relative;}
.indexNew_intr{line-height: 18px;color:#636363;font-size: 12px;width: 100%;}
.indexNew_more{width: 20%;position: absolute;bottom: 0px;right: 0px;display: none;}
.newsList_right li{margin-bottom: 20px;}
.newsList_right li:last-child{margin-bottom: 0px;}
.indexNewList_left b{font-size: 18px;color:#b0b2b6;}
.indexNewList_left span{color: #c4c6d3}
.indexNewList_title{color: #272727;font-size: 16px;padding: 5px 0px 10px 0px;display: block;}
.indexNewList_title:hover{color: #006428}
.indexNewList_info{line-height: 18px;font-size: 12px;color: #636363;text-indent:2em;}

.index_solutionMore p{display: block;/* position: absolute; */bottom: 25px;font-size: 12px;color: #fff;width:80%;/* text-align: center;left:50%;margin-left: -40%; */margin: 32px auto; line-height: 20px;}
.index_solutionMore .moreBtn{ display: block; background: url('../images/aboutBtn1.png') no-repeat left center; width: 102px; height: 29px; line-height: 29px; color: #E31D1D; font-size: 12px; text-transform: uppercase; padding-left: 19px;margin: 33px auto;}

.banner .swiper-slide .pc{display: none;}
@media (min-width: 640px) {
.productList_right{padding-top: 6%;}
.indexService_list img{width: 300px !important;}
}
@media (min-width: 768px) {
	.claer768{display: none;}
.indexService_list img{width: 350px !important;}
.banner .swiper-pagination-bullet{display: inline-block!important;background: #7b8082 !important;}
.banner .swiper-pagination-bullet-active{background: url(../images/bannerHove.png) no-repeat center center !important;background-size: 100% 100%!important;}

.banner .swiper-slide .pc{display: block;}
.banner .swiper-slide .wap{display: none;}

.Habout{ padding-top: 20px; padding-bottom: 30px; }
.Habout .left{ width: 55.8%; }
.Habout .left .title{ font-size: 22px; }
.Habout .left .title span{ font-size: 14px; }
.Habout .left .info{ height: 139px; }
.Habout .right{ width: 40.2%; position: absolute; right: 0; bottom: 30px; z-index: 2}
.productList_right{padding-top: 10%;}
.index_productList li{float: left;width: 25%; position: relative;}
.index_productList li:hover{border: 3px solid #369DE3;}
.index_productList li .productList_right{background: #5F5C5D;}

.index_productList li:nth-child(2) .productList_left{float: none; left:0;}
.index_productList li:nth-child(4) .productList_left{float: none; left:0;}
.index_productList li:nth-child(3) .productList_left{float: none;}
.index_soltionList li{width: 25%;/* height: 190px; */}
.index_soltionList li .solution_name{top: 10px;left: 10px;}
.newsList_left{float: left;width: 38%;margin-bottom: 0px;}
.newsList_right{float: right;width: 62%;padding-left: 5%;}
.indexNew_more{display: block;}
.indexNew_intr{width: 80%;padding-right: 5%;text-indent: 2em;}
.indexNewList_left{text-align: center;float: left;}
.indexNewList_left b{display: block;}
.indexNewList_left span{display: block;}
.indexNewList_right{float: right;width: 82%;}
.indexNewList_title{padding: 0px;}
}

@media (min-width: 992px) {
.indexService_list img{width: 400px !important;}
.Habout{ padding-top: 30px; padding-bottom: 50px; }
.Habout .left .title{ font-size: 26px; }
.Habout .left .title span{ font-size: 16px; }
.Habout .right{ bottom: 50px; }
}

@media screen and (min-width:1024px) {
.indexService_list img{width: auto !important;}
.index_title .index_cn{font-size: 30px;line-height:42px;}
.index_title .index_en{font-size: 18px;line-height: 28px;}
.indexNewList_title{padding-bottom: 12px;}
.indexNewList_left b{font-size: 36px;line-height: 36px;padding-bottom: 10px;}
.newsList_right li{margin-bottom: 40px;}
}

@media screen and (min-width:1200px) {
.banner .swiper-pagination-bullet{width: 30px !important;height: 30px !important;background: url(../images/bannerIco.png) no-repeat center center!important;}
.banner .swiper-pagination-bullet-active{background: url(../images/bannerHove.png) no-repeat center center !important;background-size: 100% 100%!important;}
.Habout .left .title{ font-size: 30px; }
.Habout .left .title span{ font-size: 18px; }
.index_productList li:nth-child(2) .productList_right .proIco,.index_productList li:nth-child(2) .productList_right .proIco.on{width: 42px;height: 42px;}
.index_product{padding-top: 32px;}
.productList_right{padding-top: 57px;}
.productList_right .proIco{width: 35px;height: 42px;}
.productList_right span{font-size: 16px;color: #333;padding-top: 16px;line-height: 16px;}
.productList_right b{font-size:16px;color: #888;line-height: 16px;padding: 9px 0px 18px 0px;}
.productList_right .product_more{width: 33px;height: 33px;}
.index_solution{margin-bottom: 48px;padding-top: 30px;}
.index_news{padding-bottom: 76px;}
.index_newsList{padding-top: 40px;}
.newsList_left{width: 455px;}
.newsList_right{width: 700px;padding-left: 0px;}
.indexNew_top{line-height: 20px;padding: 20px 0px;}
.indexNew_title{float: left;width: 355px;padding: 0px;}
.indexNew_time{float: right;}
.indexNew_intr{padding-right: 14px;}
.indexNewList_info{line-height: 20px;}
.newsList_right li{margin-bottom: 52px;}
.indexNewList_right{width: 580px;}
/* .index_solutionMore .moreBtn{ display: block; background: url('../images/aboutBtn.png') no-repeat left center; width: 102px; height: 29px; line-height: 29px; color: white; font-size: 12px; text-transform: uppercase; padding-left: 19px;margin: 50px auto;}
.index_solutionMore p{display: block;position: absolute;bottom: 25px;font-size: 12px;color: #fff;width:80%;text-align: center;left:50%;margin-left: -40%;line-height: 20px;}
 */}
/*首页*/

/*底部*/
.footer{padding: 10px 5px;background: #323232;}
.footer .container{padding:0px;}
.bottom_list{display: none;}
.bottom_ewm{text-align: center;padding-bottom:10px;}
.bottom_ewm span{display: block;line-height: 20px;color:#fff;}
.bottom_commpany .bottom_link{font-size:0px;text-align: center;}
.bottom_commpany .bottom_link a{padding:0px 6px;display: inline-block;font-size: 12px;border-right: 1px solid #767676;line-height: 12px;height: 12px;color:#fff;}
.bottom_commpany .bottom_link a:first-child{padding-left: 0px;}
.bottom_commpany .bottom_link a:last-child{border-right: none;}
.bottom_commpany .bottom_copyRight{line-height: 20px;text-align: center;color:#fff;}
.bottom_commpany .bottom_copyRight span{display: block;}
.bottom_commpany .bottom_copyRight a{color:#fff;}

@media screen and (min-width:1024px) {
.footer{padding:70px 0px 30px 0px;}
.bottom_list{display: block;padding-bottom: 30px;float: left;width: 88%;}
.bottom_list ul{overflow: hidden;}
.bottom_list li{float: left;width: 14.2%;}
.bottom_list li span{display: block;line-height: 16px;color:#fff;padding-left: 20px;background: url(../images/bottom_ico.png) no-repeat left center;margin-bottom: 24px}
.bottom_list li dl{padding-left: 20px;}
.bottom_list li dd a{display: block;line-height: 24px;color:#ccc;font-size: 12px;}
.bottom_list li dd a:hover{color:#fff;}
.bottom_list li:last-child{padding-right: 0px;}
.bottom_ewm{float: right;width: 106px;}
.bottom_ewm img{padding-bottom:18px;}
.bottom_commpany .bottom_link{float: left;}
.bottom_commpany .bottom_copyRight{float: right;}
.bottom_commpany .bottom_copyRight span{display: inline-block;}
}

@media screen and (min-width:1200px) {
.container{width: 1200px;padding:0px;}
.Pages .p_page em{display: inline-block;}
}
/*底部*/

/*二级栏目名  */
.menuCon .container{padding: 0px}
.menuName{background: #006529; color:#fff; font-size: 18px; position: relative; padding-left: 15px; line-height: 40px;}
.menuName span{display: inline-block;}
.menuName .en{padding-left: 10px;color: rgba(255,255,255,0.64); font-size: 14px; text-transform: uppercase;}

/* 二级菜单 */
.menuTab {padding-left: 15px; padding-right: 15px;}
.menuTab li{margin-right: 20px; width: auto;}
.menuTab li a{ line-height: 30px; color: #3e3e3e; padding-top: 10px; padding-bottom: 5px; font-size: 14px; display: block; border-bottom: 3px solid transparent; }
.menuTab li a:hover,
.menuTab li.on a{ color: #f93f42; border-color: #ff0000; }

/* 面包屑 */
.menuBar{padding-top: 10px; padding-bottom: 10px; font-size: 12px; padding-left: 15px; padding-right: 15px; color: #696969;}
.menuBar a:hover,
.menuBar span{ color: #289bdd; }

@media (min-width: 768px) { 
.menuCon{margin-left: 0; margin-right: 0;}
.menuCon .container{height: 48px;}
.menuName{font-size: 20px; margin-top:-43px; width:180px; float: left; padding-left: 0; padding-top: 20px; padding-bottom: 15px;}
.menuName span{display: block; text-align: center; line-height: 28px;}
.menuName .en{padding-left: 0;}
.menuTab{float: left; width: 310px;}
.menuBar{float: right; white-space: nowrap; padding-right: 0;padding-left: 0; text-align: right; width: 230px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; line-height: 28px; }
}

@media (min-width: 992px) { 
.menuName{font-size: 22px;}	
.menuName .en{ font-size: 18px}
.menuBar{ font-size: 14px; width: 300px; }
.menuTab{ width: 460px; }
.menuTab li{ margin-right: 30px; }
} 

@media (min-width: 1200px) { 
.menuName{font-size: 24px; width: 230px}
.menuTab{ width: 610px; padding-left: 50px; }
.aboutmenu.menuTab li{ margin-right: 50px; }
}

/*新闻中心*/
.newsCenter{padding: 20px 0px;}
.newsCenter li{margin-bottom: 12px;background: #f6f6f6;padding:5px;}
.newsCenter li .news_title{display: block;font-weight: bold;color:#111;font-size: 18px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding: 6px 0px;}
.newsCenter li .news_time{display: block;color: #cbcbcb;line-height: 14px;}
.newsCenter li .news_intr{line-height: 24px;color: #707070;padding: 8px 0px 20px 0px;text-indent:2em;}
.newsCenter li .news_more{display: block;border-radius: 20px;background: #ff0000;width: 108px;height: 28px;line-height: 28px;text-align: center;color:#fff;}
.videoBox{display: block;margin:0 auto;}
.new_title{display: block;text-align: center;font-size: 16px;color:#333;line-height: 30px;padding-bottom: 10px;padding-top:60px;}
@media (min-width: 768px) {
.newsCenter li{padding: 10px;}
.newsCenter li .news_left{float: left;}
.newsCenter li .news_left img{width: 307px;height: 190px;}
.newsCenter li .news_right{float: left;width: 56%;padding-left: 4%;}
}
@media (min-width: 992px) {
.newsCenter li .news_title{padding:16px 0px 10px 0px;}
.newsCenter li .news_right{width: 66%;}
.newsCenter li .news_intr{padding: 16px 0px 32px 0px;}
}
@media (min-width: 1200px) {
.newsCenter{padding: 46px 0px 52px 0px;}
.newsCenter li{margin-bottom: 24px;}
.newsCenter li .news_right{width: 844px;padding-left: 50px;}	
}
/*新闻中心*/

/*在线留言*/
.onlinemsg{padding: 20px 0px;}
.onlinemsg .online_line{width: 100%;margin-bottom: 10px;}
.onlinemsg .online_line span,.onlinemsg .online_text span{display: block;color:#333;padding-bottom: 10px;}
.onlinemsg .online_line input{border:1px solid #ebebeb;height: 40px;line-height: 20px;padding: 10px;width: 100%;}
.onlinemsg .online_text textarea{border:1px solid #ebebeb;padding: 10px;width: 100%;height: 120px;}
.botton_Group{text-align: center;margin-top: 40px;}
.botton_Group input{background: #c5c2bd;border:none;width: 125px;height: 40px;line-height: 40px;text-align: center;color:#fff;}
.botton_Group input.submit{background: #ff0000;}

@media (min-width: 768px) {
.onlinemsg .online_line{float: left;width: 48%;}
.onlinemsg .online_line:nth-child(2n){float: right;}
}

@media (min-width: 1200px) {
.onlinemsg .online_line{width: 320px;float: left !important;margin-right: 25px;}
.onlinemsg .online_line:nth-child(4){margin-right: 0px;}
.onlinemsg .online_person{width: 163px;}
.onlinemsg .online_text{margin-top: 22px;}
.botton_Group button.submit{margin-right: 10px;}
}
/*在线留言*/

/*测试服务*/
.service{padding: 20px 0px;}
.service_title{padding-bottom: 24px;}
.service_title span{display: inline-block;font-size: 24px;color: #383838;}
.service_title b{color:#9b9b9b;font-size: 16px;font-weight: normal;padding-left: 8px;}
.service_intr{line-height: 18px;border:5px solid #f1f1f1;padding: 12px 9px;margin-bottom: 30px;}
.service_tab{margin-bottom: 22px;}
.service_tab .service_card{display: inline-block;width: 146px;text-align: center;color:#606060;border: 1px solid #dcdcdc;border-radius: 20px;line-height: 36px;cursor: pointer;}
.service_tab .service_card.active{background: #e5282d;border-color: #e5282d;color: #fff;}
.service_box{display: none;background: url(../images/service_bg.jpg) repeat left top;padding: 0px 20px;border:1px solid #eee;}
.service_box .service_con{line-height: 48px;height: 48px;display: block;float: left;width: 50%;text-align: center;}

@media (min-width: 768px) {
.service{padding:40px 0px 66px 0px;}
.service_box .service_con{width: 32%;}
}
@media (min-width: 992px) {
.service_box .service_con{width: 25%;}	
}
@media (min-width: 1200px) {
.service_box{padding: 0px 40px;}
.service_box .service_con{width: 20%;text-align: left;}	
}
/*测试服务*/

/*公司资质*/
.honor{padding: 20px 0px;}
.honor_list{margin-bottom: 20px;}
.honor_list li{margin-bottom: 10px;text-align: center;}
.honor_list li img{margin:0 auto;padding-bottom: 10px;}
.honor_list li span{display: block;line-height: 14px;color:#333;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;}
@media (min-width: 640px) {
.honor_list li{float: left;width: 48%;margin:0px 2%;}
}
@media (min-width: 768px) {
.honor_list li{width: 32%;margin:0px 2% 20px 0px;}
.honor_list li:nth-child(3n){margin-right: 0px;}
}
@media (min-width: 1200px) {
.honor{padding:66px 0px 88px 0px;}
.honor_list{margin-bottom: 38px;}
.honor_list li{margin-bottom: 60px;}
.honor_list li img{padding-bottom: 22px;}
}
/*公司资质*/

/*产品中心*/
.product_title{font-size: 16px;color:#383838;line-height: 24px;padding-bottom: 10px;display: block;}
.product_title b{font-weight: normal;line-height: 16px;color:#9b9b9b;font-size: 12px;padding-left: 10px;}
.product_part2{padding-bottom: 20px;}
.product_info{line-height: 16px;padding-bottom: 20px}
.product_scroll .swiper-slide{text-align: center;}
.product_scroll .swiper-slide span{display: block;padding-top: 10px;}
.product_bottom .product_tab{padding-bottom: 15px;}
.product_bottom .product_tab .swiper-slide{width: 142px;height: 38px;line-height: 38px;text-align: center;color:#383838;font-size: 15px;background: #fff;border:1px solid #dcdcdc;border-radius: 20px;margin-right: 5px;cursor: pointer;text-overflow: ellipsis;overflow:hidden;white-space: nowrap}
.product_bottom .product_tab .swiper-slide.on,
.product_bottom .product_tab .swiper-slide:hover{background: #e5282d;border-color: #e5282d;color:#fff;}
.product_box .product_img li{border:2px solid #348c4d;text-align: center;}
.product_num{padding-top: 20px;overflow:hidden;}
.product_num_tab{padding-bottom:20px;overflow:hidden;}
.product_num_tab span{display: block;float:left;width: 32%;margin-right: 2%;text-align: center;line-height: 30px;height: 30px;border:1px solid #dcdcdc;border-radius:10px;font-size: 12px;cursor: pointer;}
.product_num_tab span a{ display: block;width: 100%; height: 100%; }
.product_num_tab span.on a{color: #fff}
.product_num_tab span.on{background: #e5282d;border-color: #e5282d;color:#fff;}
.product_num_tab span:last-child{margin-right: 0;}
.parameter_name{display: block;color:#333;padding-bottom: 10px;}
.product_parameter{border:1px solid #edf3ee;margin-bottom: 10px;background: #f2f6f3;}
.product_parameter .prodduct_cs{display: block;line-height: 54px;height: 54px;text-align: center;color:#333;border-bottom:2px solid #278738;background: #fff;}
.product_parameter p{line-height: 30px;display: table;margin: 0 auto;padding: 10px 0px;}
.product_num_box{display: none;}
.product .menuBar{padding-left: 0px;}

@media (min-width: 768px) {
.product .menuBar{float: right;padding: 0px;}
.product_part2 .prevBtn,.product_part2 .nextBtn{position: absolute;top: 50%;width: 32px;height: 32px;margin-top: -16px;z-index: 10;cursor: pointer;background: url(../images/prev.png) no-repeat left center;}
.product_part2 .nextBtn{background-image: url(../images/next.png);right: 0px;}
.product_part1 .product_title{float: left;padding-bottom: 0px;}
.product_parameter{float: left;width: 32%;margin-right: 2%;height: 280px;}
.product_parameter:last-child{margin-right: 0px;}
.product_num_tab span{background: url(../images/dropDown.png) no-repeat 95% center;}
.product_num_tab span.on{background:#e5282d url(../images/dorpUp.png) no-repeat 95% center;}
.product_box{position: relative;}
.product_box .prevRow,.product_box .nextRow{position: absolute;top: 50%;width: 32px;height: 32px;margin-top: -16px;z-index: 10;cursor: pointer;background: url(../images/prev_row.png) no-repeat left center;left: 5%;}
.product_box .nextRow{background-image: url(../images/next_row.png);right: 5%;left: auto}
}

@media (min-width: 1200px) {
.product_title{font-size: 24px;}
.product_title b{font-size: 16px;}
.product_info{padding-bottom: 64px;font-size: 15px;line-height: 18px;}
.product{padding:38px 0px 70px 0px;}
.product_intr{padding-bottom: 52px;}
.product_part2{padding-bottom: 68px;}
.product_part2 .product_title{padding-bottom: 50px;}
.product_bottom .product_tab{padding-bottom: 30px;}
.product_scroll .swiper-slide span{padding-top: 40px;}
.product_bottom .product_tab .swiper-slide{margin-right: 24px;font-size: 15px;}
.product_num{padding-top: 30px;}
.product_num_tab{padding-bottom: 58px;}
.product_num_tab span{line-height: 48px;height: 48px;font-size:16px;}
.parameter_name{font-size: 18px;padding-bottom: 30px;}
.product_parameter p{padding:30px 0px;}
}
/*产品中心*/


/* 人才招聘 */
.jobList{	padding-top: 20px;	padding-bottom: 60px;}
.jobList dl{}
.jobList dt .title,
.jobList dd .title{	font-size: 0; cursor: pointer;}
.jobList dt span,
.jobList dd span{	display: inline-block;-ms-text-overflow: ellipsis;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.jobList dt{background: #006529; border-bottom: 1px solid #e5e5e5;}
.jobList dd{ line-height: 48px; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; border-bottom: 1px dotted #cccccc; }
.jobList .name{width:50%; padding-left: 15px; text-align: left;} 
.jobList .number{width:25%; text-align: center;}
.jobList .address{width:25%; text-align: center;}
.jobList .time{width:20%; text-align: center;display: none;}
.jobList dt span{	font-size: 14px; color: #fff; vertical-align: top; line-height: 40px;}
.jobList dd:first-child{padding-top: 10px;}
.jobList dd:last-child{border-bottom: 1px solid #e2e2e2;}
.jobList dd span{	font-size: 14px; color: #707070; vertical-align: top;}
.jobList dd span.name{ padding-left: 10px; }
.jobList dd span.time{ color: #b9b9b9; }
.jobList dd.active{border-bottom: 1px solid #e2e2e2;}
.jobList dd.active .title{border-bottom: 1px solid #e2e2e2;}
.jobList dd.active span{ color: #18a67d; }
.jobList dd.active span.name{ color: #ff0000; }
.jobList dd.active span.time{ color: #b9b9b9; }

.jobList dd .info{display: none; padding-top: 10px; padding-bottom: 10px;}
.jobList dd .info .tit{padding-left: 10px; color: #ff0000; font-weight: bold; line-height: 30px;}
.jobList dd .info .desc{padding: 5px 15px; color:#a1a1a1; line-height: 26px; position: relative; height: 120px; overflow: hidden;}
@media (min-width: 768px) { 
.jobList dt span{ font-size: 16px; }
.jobList dd span{ font-size: 14px;}
.jobList .name{width:30%; padding-left: 35px; text-align: left;} 
.jobList dd span.name{ padding-left: 20px; }
.jobList .number{width:10%; }
.jobList .address{width:20%; }
.jobList .time{width:20%; display: inline-block; }
.jobList dd .info {padding: 0;}
.jobList dd .info li{width: 50%; float: left;}
.jobList dd .info li:first-child{border-right: 1px solid #eaeaea;}
.jobList dd .info li .tit{float: left; padding-left: 25px; padding-top: 34px; padding-right: 35px;}
.jobList dd .info li .desc{ padding: 28px 25px 28px 20px; height: 208px; border-left: 1px solid #eaeaea; }
}

/* 联系我们 */
.contact{padding-top: 25px; padding-bottom: 80px;}
.contact .left{ float: left; width: 100%; }
#map{ height: 393px; width: 100%; }
#map img{ max-width: none; }
.contact .right{ width: 100%; margin-top: 20px; float: right; color: #999; padding-left: 15px; border: 1px solid #e1e1e1; padding-right: 30px;} 
.contact .right .title{ font-size: 18px;  color: #666666; padding-top: 14px; padding-bottom: 12px; }
.contact .right dd{ padding-bottom: 15px; border-bottom: 1px dotted #b8b8b8; line-height: 24px; }
.contact .right dd:last-child{border-bottom: 0;}
.singlepage{ font-size: 15px; color: #666; }
@media (min-width: 768px) { 
	.contact{ padding-top: 35px; }
}
@media (min-width: 992px) { 
	.contact .left{ width: 530px; }
	#map { height: 385px; }
	.contact .right{ width: 380px; margin-top: 0; }
}
@media (min-width: 1200px) { 
	.contact{ padding-top: 45px; }
	.contact .right{ width: 480px; height: 393px; }
	.contact .right .title{  padding-top: 20px; }
	.contact .left{ width: 638px; }
	#map{ height: 393px; }
}

.laboratory{padding-top: 30px; padding-bottom: 18px;}
.laboratory .ltitle{ line-height: 46px; font-size: 18px; color: #383838; }
.laboratory .ltitle span{ font-size: 12px; color: #9b9b9b; }
.laboratory .linfo{ margin-top: 12px; border: 5px solid #f1f1f1; padding-top: 15px; padding-bottom: 15px; padding-left: 18px; padding-right: 18px;  font-size: 16px; color:  #666666; line-height: 24px; margin-bottom: 14px; }
.laboratory .l-list1 li{ width: 100%; float: left; margin-bottom: 15px; padding-top: 10px; padding-bottom: 10px; filter: progid:DXImageTransform.Microsoft.Shadow(color='#f3f3f3', Direction=30, Strength=8);/*for ie6,7,8*/   
-moz-box-shadow:0 0 5px rgba(0,0,0,0.11);/*firefox*/  
-webkit-box-shadow:0 0 5px rgba(0,0,0,0.11);/*webkit*/  
box-shadow:0 0 5px rgba(0,0,0,0.11); }
.laboratory .l-list1 li .title{ height: 70px; width: 70px; float: left; margin: 20px; color: #fff; text-align: center; line-height: 20px; position: relative; }
.laboratory .l-list1 li .title:after,
.laboratory .l-list1 li .title:before{content:"" ; position: absolute; display: block; width: 100%; height: 100%;}
.laboratory .l-list1 li .title:after{  -webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); background: #ff0000;}
.laboratory .l-list1 li .title:before{ border-width: 1px; border-style: solid; -webkit-transform: rotate(-55deg);
-ms-transform: rotate(-55deg);
-o-transform: rotate(-55deg);
transform: rotate(-55deg); border-color: #ff0000; }
.laboratory .l-list1 li .title span{ position: absolute; z-index: 2; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); width: 80%; }
.laboratory .l-list1 li .title:after{ content: ""; position: absolute; border-style: solid; border-width: 1px; }
.laboratory .l-list1 li:nth-child(even) .title:after{background: #006529;}
.laboratory .l-list1 li:nth-child(even) .title:before{border-color: #006529; }
.laboratory .l-list1 li:nth-child(odd) .title:after{background: #145da8;}
.laboratory .l-list1 li:nth-child(odd) .title:before{border-color: #145da8; }
.laboratory .l-list1 li .desc{  height: 110px;  position: relative; color: #7d7d7d; overflow: hidden; padding-right: 15px; padding-left: 5px; }
.laboratory .l-list1 li .desc .table { display: table; height: 110px; margin-bottom: 0; }
.laboratory .l-list1 li .desc .table span{ display: table-cell; vertical-align: middle; }
.laboratory .l-list2{ padding-top: 15px; }
.laboratory .l-list2 li:nth-child(odd) .title:after{background: #145da8;}
.laboratory .l-list2 li:nth-child(odd) .title:before{border-color: #145da8; }
.laboratory .l-list2 li:nth-child(even) .title:after{background: #006529;}
.laboratory .l-list2 li:nth-child(even) .title:before{border-color: #006529; }
@media (min-width: 768px) { 
	.laboratory .l-list1 li {width: 48.5%; float: left; margin-bottom: 20px}
	.laboratory .l-list1 li:nth-child(even){float: right;}
	.laboratory .linfo{ font-size: 18px; line-height: 26px; }
	.laboratory .ltitle{ font-size: 20px; }
	.laboratory .ltitle span{ font-size: 14px; }
	.laboratory .l-list1.l-list2 li{ width: 100%;float: none;  } /* 
	.laboratory .l-list2 li:nth-child(2){ float: left; }
	.laboratory .l-list2 li:nth-child(3){ float: right; } */
}
@media (min-width: 992px) { 
	.laboratory .linfo{ line-height: 38px; margin-bottom: 20px; }
	.laboratory .l-list2{ padding-top: 30px; }
	.laboratory .ltitle{ font-size: 24px; }
	.laboratory .ltitle span{ font-size: 18px; }
	.laboratory .l-list1 li{ width: 49%; }
	.laboratory .l-list1 li .desc{ line-height: 30px; font-size: 15px; }
	.laboratory .l-list1{ padding-bottom: 30px; }
	.laboratory .l-list1 li .title{ font-size: 16px; line-height: 24px; height: 100px; width: 100px; margin: 20px 35px; }
	.laboratory .l-list1 li .desc,
	.laboratory .l-list1 li .desc .table{ height: 142px; }
}
@media (min-width: 1200px) { 
	.laboratory .l-list1 li .title{ font-size: 18px; height: 125px; width: 125px; margin: 30px 45px; }
	.laboratory .l-list1 li .title span{ width: 90%; }
	.laboratory .l-list1 li .desc,
	.laboratory .l-list1 li .desc .table{ height: 180px; }
}

/* 解决方案 */
.solution{ padding-top: 20px; padding-bottom: 45px; color: #3e3e3e; }
.solution .s-name{ position: relative; line-height: 30px; margin-bottom: 15px; font-size: 18px; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis;
text-overflow: ellipsis; padding-bottom: 3px;}
.solution .s-name:after{ content: ""; position: absolute; bottom: 0px; left: 0; width: 100%; max-width: 40px; height: 2px; background: #ff0000; }
.solutionInfo{ padding-top: 15px; padding-bottom: 15px; background: #f4f4f4; }
.solutionInfo .desc .table{ margin-bottom: 0; }
.solutionInfo .desc .table .info span{ text-indent: 2em; line-height: 24px; display: inline-block; }
.solutionInfo .img{ float:right; width: 100%; margin-bottom: 10px; }
.solutionInfo .img img{ width: 100%; height: auto; }
.solutionList dt{ padding-top: 15px; padding-bottom: 15px; font-weight: normal; }
.solutionList dt img{ width: 100%; }
.solutionList dt .desc{ text-indent: 2em; }
.solutionList dt:nth-child(2){background:#f4f4f4;  }
.solutionList dd{ padding-top: 20px; }
.solutionList dd .s-name{ line-height: 30px; }
.solutionList dd img{ width: 100%; }
.solutionList dd .info{ position: relative; overflow: hidden; margin-top: 15px; color: #333333; }
@media (min-width: 768px) { 
.solutionInfo{ padding-top: 20px; padding-bottom: 20px;	}
.solution .s-name{ line-height: 40px; font-size: 20px; }
.solutionInfo .img{width: 33.72%; margin-bottom: 0;}
.solutionInfo .desc{ padding-left: 15px; height: 148px; padding-right: 35px; position: relative; overflow: hidden; }
.solutionInfo .desc .table{ height: 148px; display: table;}
.solutionInfo .desc .table .info{ display: table-cell; vertical-align: middle; }
.solutionList dt img{ float: left; width: 56.2%; }
.solutionList dt:nth-child(2) img{ float: right; }
.solutionList dt .info{ padding-top: 15px; padding-left: 15px; padding-right: 20px; height: 157px; position: relative; overflow: hidden; }
.solutionList dd{ float: left; width: 49%; }
.solutionList dd .s-name{ font-size: 18px; }
.solutionList dd:nth-child(even){ float: right; }
.solutionList dd .info { font-size: 16px; line-height: 24px; height: 85px; }
}

@media (min-width: 992px) { 
.solution .s-name{ line-height: 50px; font-size: 24px; }
.solution .s-name:after{ height: 3px; max-width: 60px; }
.solutionInfo .desc{ padding-left: 25px; height: 193px; padding-right: 55px;  }
.solutionInfo .desc .table{ height: 193px; }
.solutionList dt .info{ padding-top: 20px; height: 204px }
}
@media (min-width: 1200px) { 
.solution .s-name{ line-height: 60px;  }
.solutionInfo{ padding-top: 35px; padding-bottom: 35px;	}
.solutionInfo .img{width: 473px;}
.solutionInfo .desc{ height: 288px;  }
.solutionInfo .desc .table{ height: 288px; }
.solutionList dt{ padding-top: 25px; padding-bottom: 25px; }
.solutionList dt img { width: 674px; }
.solutionList dd{ padding-top: 25px; }
.solutionList dd .s-name{ margin-bottom: 18px; line-height: 40px; font-size: 24px; }
.solutionList dt .info{ padding-top: 25px; padding-left: 25px; padding-right: 30px; }
}

/* 时间轴 */
.history{ background: url("../images/historybg.png") repeat-y top left; padding-left: 38px; margin-top: 20px; margin-bottom: 20px; }
.history .moreBtn{ color: #FFF;display: block;width: 92px; margin-left: auto; margin-right: auto; text-align: center; line-height: 32px;font-size: 14px; background: #ee1c23; border-radius: 4px;  }
.historyList{ padding-bottom: 20px; }
.historyList li{ margin-bottom: 20px; }
.historyList dt{ color: #fff; position: relative; width: 100px; padding-left: 18px; padding-right: 18px; font-weight: bold; line-height: 32px; font-size: 16px; margin-bottom: 10px; background: #ee1c23; border-radius: 0 4px 4px 0; }
.historyList dd{ margin-top: 17px; color: #333333; line-height: 22px; position: relative;  }
.historyList dd .title{ margin-bottom: 10px;  font-weight: bold; position: relative; }
.historyList dd .title:before{ position: absolute; content: ""; display: block; height: 8px; width: 8px; border-radius: 50%; top: 50%; left: -30px; background: #999691; box-shadow: 0 0 0 3px rgba(188,188,188,0.37); 
-moz-box-shadow: 0 0 0 3px rgba(188,188,188,0.37);
-webkit-transform: translate(0%,-50%);
-ms-transform: translate( 0%,-50%);
-o-transform: translate(0%,-50%);
transform: translate(0%,-50%);  }
.historyList dd .img{ position: relative;  }
.historyList dd .img img{ border-right: 3px solid #ebebeb; }
.historyList dt:before,
.historyList dt:after{ content: ""; position: absolute; display: block; }
.historyList dt:before{ border-radius: 50%; height: 14px; width: 14px; top: 50%; left: -32px; background: #ee1c23; box-shadow: 0 0 0 3px rgba(238,28,35,0.37); 
-moz-box-shadow: 0 0 0 3px rgba(238,28,35,0.37);
-webkit-transform: translate(0%,-50%);
-ms-transform: translate( 0%,-50%);
-o-transform: translate(0%,-50%);
transform: translate(0%,-50%);  }
.historyList dt:after{ left: -8px; top: 50%; margin-top: -8px; border-left: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #ee1c23; }
@media (min-width: 768px) { 
.history{ margin-top: 40px; margin-bottom: 40px; text-align: right; background-position: top center; padding-left: 0; }
.historyList dt{ margin-right: 50%; display: inline-block; border-radius: 0 4px 4px 0; margin-bottom: 0; -webkit-transform: translateX(-24px);
-ms-transform: translateX(125px);
-o-transform: translateX(125px);
transform: translateX(125px); }
.historyList dt:before{ left: auto; right: 120px; }
.historyList dt:after{ right: auto; left: -8px; border-right: 8px solid #ee1c23; border-left: 0; }
.historyList dd{ text-align: left;  position: relative; }
.historyList dd .title{ margin-bottom: 0; max-width: 334px; font-size: 15px; line-height: 24px; position: absolute; width: 100%; margin-left: 25px; left: 50%; top: 50%; -webkit-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%); }
.historyList dd .img{ width: 50%; text-align: right; padding-right: 23px; }
.historyList dd.other .title{ text-align: right; left:auto; right: 50%; padding-right: 23px; padding-left: 0; }
.historyList dd.other .title:before{ left: auto; right: -4px; }
.historyList dd.other .img{ text-align: left; padding-left: 25px; padding-right: 0; margin-left: 50%; }
.historyList dd .img:after{ content: ""; position: absolute; display: block; right: 19px; top: 50%; margin-top: -5px; border-right: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 6px solid #ebebeb; }
.historyList dd.other .img img{ border-right: 0; border-left: 3px solid #ebebeb; }
.historyList dd.other .img:after{ border-right: 6px solid #ebebeb; border-left: 0; right: auto; left: 19px; }
.historyList dd .img:hover img{ border-color: #ee1c23; }
.historyList dd .img:hover:after {border-left-color:#ee1c23;border-right-color:#ee1c23; }
}
@media (min-width: 992px) { 
.history{ margin-top: 50px; margin-bottom: 50px; }
.historyList dd .title{ max-width: 397px; }
}
@media (min-width: 1200px) { 
.history{ margin-top: 70px; margin-bottom: 70px; }
}


.swiper-scrollbar-drag{background:none !important;}
.swiper-scrollbar{background:none !important;}


/*弹出层样式*/
.Mask{position: fixed; display: none; background:rgba(0,0,0,.8);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8000000,endColorstr=#C8000000);left: 0; top: 0; z-index: 9999;}
.Mask .MaskBox{z-index: 999; width: 630px;margin:0px auto;position: relative; height: 490px; /*这个高度可以去掉如果不去掉。会导致弹出层看的像不是垂直居中*/}
.Mask .MaskBox a.MaskClore{ display: block;width: 40px; height: 40px;font-size: 24px;color: red;position: absolute;right: 0;top:0px; line-height: 40px;text-align: center;}
/*弹出层样式*/
.video1{max-width: 568px;margin: 0 auto;height: 350px;}