/*公共*/
*{word-wrap:break-word;/*自动换行*/}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;/*vertical-align:middle;*/outline:none}
input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],input[type="password"]{-webkit-appearance:none;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
/*h1,h2,h3,h4,h5,h6{font-size:100%}*/
a{text-decoration:none;cursor: pointer}
a:hover{text-decoration:none!important;outline:none}
a.ie6:hover{zoom:1}
a:focus{outline:none;text-decoration: none;}
a:hover,a:active{outline:none}:focus{outline:none;text-decoration: none;}
a:active {text-decoration: none;} /* 选定的链接 */
a:visited{text-decoration: none;}
.bg-white{background-color:#ffffff;}

/*去掉点击后出现边框的bug*/
.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus {outline: none;}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}

/*屏蔽chrome浏览器默认添加的黄色背景样式*/
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}

/*空元素站位*/
.null10{height:10px;width:100%;display: block;font-size: 1px;margin: 0 auto;}
.null15{height:15px;width:100%;display: block;font-size: 1px;margin: 0 auto;}
.null20{height:20px;width:100%;display: block;font-size: 1px;margin: 0 auto;}
.null25{height:25px;width:100%;display: block;font-size: 1px;margin: 0 auto;}
.null30{height:30px;width:100%;display: block;font-size: 1px;margin: 0 auto;}
.null40{height:40px;width:100%;display: block;font-size: 1px;margin: 0 auto;}
.null50{height:50px;width:100%;display: block;font-size: 1px;margin: 0 auto;}

/*外边距*/
.margin-c{margin:0 auto;}
.mlr5{margin:0px 5px;}.mlr10{margin:0px 10px;} .mlr15{margin:0px 15px;} .mlr20{margin:0px 20px;}
.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mt-30{margin-top:30px}.mt-35{margin-top:35px}.mt-40{margin-top:40px}.mt-50{margin-top:50px}
.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.mb-40{margin-bottom:40px}.mb-50{margin-bottom:50px}
.ml-5{margin-left:5px}.ml-10{margin-left:10px}.ml-15{margin-left:15px}.ml-20{margin-left:20px}.ml-30{margin-left:30px}.ml-35{margin-left:35px}.ml-40{margin-left:40px}.ml-50{margin-left:50px}
.mr-2{margin-right:2px}.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mr-15{margin-right:15px}.mr-20{margin-right:20px}.mr-30{margin-right:30px}.mr-40{margin-right:40px}.mr-50{margin-right:50px}

/*内填充*/
.plr0{padding-left:1px;padding-right:1px;} /*去掉左右padding:0 15px像素*/
.pt-5{padding-top:5px}.pt-10{padding-top:10px}.pt-20{padding-top:20px}.pt-30{padding-top:30px}
.pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.pb-20{padding-bottom:20px}.pb-30{padding-bottom:30px}
.pl-5{padding-left:5px}.pl-10{padding-left:10px}.pl-20{padding-left:20px}.pl-30{padding-left:30px}
.pr-5{padding-right:5px}.pr-10{padding-right:10px}.pr-20{padding-right:20px}.pr-30{padding-right:30px}
.pd-5{padding:5px}.pd-10{padding:10px}.pd-15{padding:15px}.pd-20{padding:20px}.pd-30{padding:30px}.pd-40{padding:40px}
.plr10{padding:0px 10px;}

/*去掉圆角*/
.radius0{ border-radius:0px!important;}
/*清除浮动*/
.clear{clear: both;}

/*css3阴影*/
.box-shadow{-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1);box-shadow:0 1px 2px rgba(0,0,0,0.1);}
.text-shadow{-webkit-text-shadow:0 0 2px rgba(0,0,0,0.2);text-shadow:0 0 2px rgba(0,0,0,0.2);}/*文字阴影*/

/*3.1.13 文字尺寸*/
.f-10{font-size:10px}.f-12{font-size:12px}.f-13{font-size:13px}.f-14{font-size:14px}.f-15{font-size:15px}.f-16{font-size:16px}.f-18{font-size:18px}.f-20{font-size:20px}.f-24{font-size:24px}.f-26{font-size:26px}.f-28{font-size:28px}.f-30{font-size:30px}

/*文字行距*/
.l-16{line-height:16px}.l-18{line-height:18px}.l-20{line-height:20px}.l-22{line-height:22px}.l-24{line-height:24px}.l-25{line-height:25px}.l-26{line-height:26px}.l-28{line-height:28px}.l-30{line-height:30px}.l-35{line-height:35px}

/*鼠标划过链接样式*/
.cursor{cursor: pointer;}
.left{float: left;}
.right{float: right;}

body{min-width: 1200px;}
.con{width:1200px;margin: auto;padding:0px 10px;overflow: hidden;}
a{color:#333333;}
a:hover{color:#c60b16;}
.text-white{color: #FFFFFF;}


/*header*/
.content{width: 1200px;margin: auto; }
.hidden{overflow: hidden;}
.panel{margin-bottom: 0;}
#header{/*position: fixed;*/z-index: 999;width: 100%;min-width: 1100px;top: 0;background: rgba(255,255,255,1.0);transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; min-width: 1024px;box-shadow: 0 0px 10px 0px rgba(0,0,0,.15);}
#header-box{display: flex;justify-content: space-between;}
#header-box #logo {height: 100%;}
#header #bar{width: 100%;height: 30px;background-color: #f4f4f4;line-height: 30px;}

/*nav*/
#header-box{width: 100%;height: 50px;background-color: #1786ee;}
#header-box .nav{width: 100%;}
#header-box .nav > li {float: left;height: 100%;position: relative;cursor: pointer;margin: 0 30px;}
#header-box .nav > li > a {display: block; padding: 0 38px;height:50px;line-height: 50px;color: #FFFFFF;font-weight: 700;position: relative; overflow: hidden;font-size: 15px;}
#header-box .nav ul {position: absolute;width: 136px;background-color: #FFF;box-shadow: 0 13px 42px 11px rgba(0,0,0,.05);height: auto;
z-index: 999;top: 100%;left: 0;border-top: 2px solid transparent;overflow: hidden;visibility: hidden;opacity: 0;transition: all .36s ease;}
#header-box .nav ul li {width: 100%;text-align: center;}
#header-box .nav ul li a {font-weight: 500; color: #666; padding: 10px 0;line-height: 22px;  display: block;  transition: all .2s ease-in-out;  font-size: 14px;}
#header-box .nav li:hover ul{visibility: visible;opacity: 1;padding-left: 0px;}
#header-box .nav li:hover>a{color: #1a5b98;}
#header-box .nav > li > a:hover{border-bottom: 1px solid #0b44d6;box-sizing: border-box;background-color: #d0e6fb;}
#header-box .nav > li > a.active{border-bottom: 1px solid #0b44d6;box-sizing: border-box;}
#header-box .nav ul li a:hover, #header-box  .nav ul li a.active { background-color: #d0e6fb; padding-left: 24px; color: #1a4493;}

.page{width: 1200px;margin: auto;}
.page .page-title{width:100%;overflow: hidden;text-align: center;}
.page .page-title h2{font-weight: 400;font-size:30px;line-height: 40px;}
.page .page-title h5{font-weight: 100;font-size:15px;}
.page .page-box{background-color: #FFFFFF;opacity: .8;padding: 20px;overflow: hidden;width:750px;}
.page .page-box ul{width:100%;}
.page .page-box li{width: 120px;height:120px;float: left;text-align: center;margin:20px 24px; transition: all 0.5s ease;}
.page .page-box .business-bg{background-color:#3876a9;display: block;width: 100px;height: 100px;margin: auto;border-radius: 8px;}
.page .page-box .business-bg i:hover{text-decoration: none;}
.page .page-box .business-bg i{font-size: 50px;color: #FFFFFF;line-height: 100px;}
.page .page-box .business-text{line-height: 50px;}
.page .page-box li:hover .business-bg{background-color: #c90916;cursor: pointer;transition: all 0.5s ease;}
.page .page-box li:hover .business-text{color: #c90916;cursor: pointer;transition: all 0.5s ease;}
.page .page-box li a:hover{text-decoration: none;}

/*bar*/
#icon-nav{padding:20px 0;display: flex;justify-content: space-around;}
#icon-nav .icon-bar-list{width: 250px;height: 240px; border: 1px solid #FFFFFF;text-align: center;border-radius: 5px;}
/* #icon-nav .icon-bar-list .icons{width: 110px;height: 110px;line-height:110px;background-image: linear-gradient(to right, #3366ff , #03a9f4);} */
 #icon-nav .icon-bar-list .icons {position: relative;width: 50px;height: 86.6px;line-height:86.6px ;margin: 50px auto;background-color: royalblue;}
#icon-nav .icon-bar-list .icons:before {content: '';display: block;position: absolute;width: 0;height: 0;right:50px;border-width: 43.3px 25px;border-style: solid; border-color: transparent royalblue transparent transparent;}
#icon-nav .icon-bar-list .icons:after {content: '';display: block;position: absolute;width: 0;height: 0;left:50px;border-width: 43.3px 25px;border-style: solid;border-color: transparent transparent transparent royalblue;top:0;}
#icon-nav .icon-bar-list:hover{background-color: #f1f1f1;}
#icon-nav .icon-bar-list .t-cn{position: absolute;top: 72px;width: 114px;left: -32px;}
#icon-nav .icon-bar-list .t-en{position: absolute;top: 95px;width: 114px;left: -32px;color: #999977;}
/*资质*/
#certification{width: 100%;height: 532px;background: url(../images/bg1.png);}
.index-title{width: 100%;text-align: center;padding: 40px 0;}
.index-title .cn{font-size:28px;color: #000;}
.index-title .en{font-size: 13px;color: #999;}
/*产品*/
#product-box{width: 100%;overflow: hidden;}
#product-box #t-tab{width: 350px;height: 100%;float: left;}
#product-box #m-tab{width: 820px;height: 100%;float: right;}
#product-box .m-tab-li{display: none;}
#product-box .m-tab-li.active{display: block;}
#product-box .t-tab-li{width: 100%;height:100px;background-color: #F1F1F1;margin-bottom: 15px;display: flex;align-items: center;flex-direction: column;justify-content: center;color: #000000;font-size: 20px;border-radius: 3px;}
#product-box .t-tab-li span{font-size: 15px;}
#product-box .t-tab-li:hover{background-color: #1786ee;color: #FFFFFF;transition-delay:0.08s;cursor: pointer;}
#product-box .t-tab-li.active{background-color: #1786ee;color: #FFFFFF;}
#product-box .m-tab-li{height: 560px;}
#product-box .m-tab-li ul{width: 100%;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: space-between;}
#product-box .m-tab-li ul li{width:31%;height: 265px;margin-bottom: 30px;background-color: #F1F1F1;border: 10px solid #f1f1f1;border-radius: 3px;}
#product-box .m-tab-li ul li:hover{background-color: #54a6f3;border-color:#54a6f3;color: #FFFFFF;transition-delay:0.08s;}
#product-box .m-tab-li ul li:hover a{color: #FFFFFF;}
#product-box .m-tab-li ul li img{height: 215px;width: 100%;}
#product-box .m-tab-li ul li p{width: 100%;height: 40px;text-align: center;line-height: 40px;}
#product-box .m-tab-li ul li a{color:#000 ;}

/*about*/
#index-about{width: 100%;height:730px;background: url(../images/bg2.png);}
#index-about-box{width:100%;height: 380px;}
#index-about-box #about-img{width: 580px;height: 360px;float: left;}
#index-about-box #about-txt{width: 600px;height:360px;float: left;background-color: #FFFFFF; box-shadow:0 4px 10px rgba(0, 0, 0, 0.15);}
#btnMore{width: 180px;height: 50px;line-height: 50px;text-align: center; border-radius: 50px;box-shadow:0 4px 10px rgba(0, 0, 0, 0.15);margin: auto;background-color: #fff;}
#btnMore:hover{box-shadow:0 4px 10px rgba(0, 0, 0, 0.3);}
#btnMore a{display: block;width:100%;height: 100%;text-align: center;line-height: 60px;color: #000;font-weight: 700;}
.index-about .index-about-img{width: 560px;height: 371px; border: 2px solid #45abfd;z-index: 100;}
.index-about .index-about-t{width: 500px;z-index: 100;}
.index-about .index-about-t h2{line-height: 30px;}
.index-about .index-about-t h4{line-height: 25px;}
.index-about .index-about-t p{line-height: 30px;}
.index-about-bg{width: 600px;height:330px;background-color: #e5e5e5;}

/*services*/
#index-case {width: 100%;height: 800px;}
#index-case #btnMore:hover{box-shadow:0 4px 10px rgba(0, 0, 0, 0.3);}
#index-case #btnMore a{display: block;width:100%;height: 100%;text-align: center;line-height: 60px;color: #000;font-weight: 700;}

/*news*/
#index-news{width: 100%; height:730px;background: url(../images/bg3.jpg);}
#index-news #slider-imgs{width:600px;height: 350px;}
#index-news #slider-imgs .carousel-inner .item{ height: 100%;}
#index-news #slider-imgs .carousel-inner .item img{height: 350px;align-items: center;max-width: 100%;display: block;margin: auto;}
#index-news #news-box{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
#index-news .list-li{margin-bottom: 30px;padding:5px 10px;width:45%;}
#index-news .list-li:hover{background-color: #DDDDDD;}
#index-news .title{font-size: 17px;padding-bottom: 10px;}
#index-news .time{color: #a29a9a;}

.index-news .list{width: 30%;display: flex;padding: 0;justify-content: space-between;margin-bottom:50px;}
.index-news .list .time{width: 80px;height: 80px;border-radius: 80px; border: 1px solid #000;text-align: center;margin-top: 10px;color: #000;}
.index-news .list .time .h{font-size:25px;margin-bottom: 0;margin-top: 10px;}
.index-news .list .y-d{margin-bottom: 0;}
.index-news .list .text{width: 260px;}
.index-news .list .text .title a{font-size:16px;font-weight: 700;color: #000;margin: 0px 0 50px 0;}
.index-news .list .text .title a:hover{color:#0074bf;text-decoration: underline!important;}
.index-news .list .text .summary{margin-top:8px;color: #939191;line-height:23px;}

.index-news .news-rotate{width: 580px;height: 377px;border: 3px solid #FFFFFF;background-color: #fff;}
.index-news .news-rotate .item img{max-width: 580px;height: 370px;margin: auto;}
.index-news .carousel-caption{right: 0px;left: 0px;height: 50px;background-color: #000;bottom: 0;opacity: .7;text-align: left;padding-left: 20px;}
.index-news .carousel-indicators {position: absolute;left:auto;bottom: 0px;right: 10px;z-index: 15;width: 100px;padding-left: 0;margin-left: -30%;text-align: center;list-style: none;}
.index-news .news-rotate .item h3{margin: 0;}
.index-news-list{width: 570px;overflow: hidden;}
.index-news-list dl dt{margin-top: 20px;}
.index-news-list dl dt a{font-size: 16px;color: #000;line-height: 30px;}
.index-news-list dl dt a:hover{color: #1a4493;}
.index-news-list dl dd{padding: 10px 0;border-bottom:1px dotted #DDDDDD;line-height: 25px;}
.index-news-list dl dd:last-child{border: none;}

/*footer*/
#footer{width:100%;padding-bottom: 20px; background-color:#1786ee;position: relative;}
#footer .footerLeft{height:100%;width: 1000px;}
#footer .footerBar{width:100%;height:50px;margin: 20px 0 0px 0;}
#footer .footerLink{width:200px;float: left; cursor: pointer;position: absolute;}
#footer .footerLink .footer-link-inp{display: block;width: 200px;height: 30px;line-height:26px; padding-left: 20px;
background:#fff url(../images/footer-uplink.jpg)right 0px  no-repeat;border:1px solid #ddd;border-radius: 4px;}
#footer .footerLink .footer-uplinks{min-width:200px;bottom:29px;padding:5px 10px;line-height: 22px;position: absolute;background: #fff;border: 1px solid #ddd;z-index:200;}
#footer .footerLink .btn-group .btn{width: 170px;}
#footer .footerLink .footerLink .btn-group ul li a:hover{background-color:#B52B27!important;}
/* #footer .footerNav{float: left;margin-left:220px;} */
#footer .footerNav a{color:#FFFFFF;height:30px;line-height: 30px;}
#footer .footerNav a:hover{text-decoration: underline;}
#footer .footerNav span{margin: 0 10px;color:#aabbdc;}
#footer .footerRight{width:130px;height:100%;padding-top:5px;color:#FFFFFF;font-size:14px;margin-top:10px;position: relative;}
#footer .copyright{color:#FFFFFF;line-height: 22px}
#footer .footerRight .text-right{position: relative;}
#footer  #footerEwmImg{display: none;position: absolute;bottom:60px;margin-left:1080px;}
#footer  #footerEwmImg img{border:1px solid #63cffa;display: block;box-shadow:0 0 10px #63cffa;}
#footer  #footerEwmImg p{width: 0;height: 0;border-left:10px solid transparent;
border-right:10px solid transparent;border-top: 10px solid #FFFFFF;margin: auto;}

/* slideBar */
.slideBar{position:fixed;width:50px;height:165px;line-height:50px; right:25px;bottom:160px;z-index: 100;}
.slideBar ul li{width:50px;height:50px;float:left;position:relative;border-bottom:1px solid #aec6f5;}
.slideBar ul li .sidebox,.slideBar ul li .sidebox2{position:absolute;width:50px;height:50px;top:0;right:0;transition:all 0.3s;background:#3c71d8;opacity:0.6;filter:Alpha(opacity=60);color:#fff;font-size:14px;overflow:hidden;}
.slideBar ul li .sidebox{z-index:1000;}
.slideBar ul li .sidebox2{z-index:1000;}
.slideBar ul li img{float:left;margin: 10px;}
.slideBar .sidebox2-ewm{position:fixed;width:130px;height:140px;right:50px;bottom:160px;border:1px solid #eee;display: none;background-color:#fff;text-align: center;}
.slideBar .backtop{display: none;}

/*内页----------------*/
#main-banner{width: 100%;min-width:1200px;height: 200px;position:relative; }
#main-banner #main-nav{width: 100%;height: 40px;margin: auto; z-index: 99;position:absolute; bottom:0;text-align: center;}
#main-banner #main-nav li a{color: #FFFFFF;opacity: 1;z-index: 100;font-size: 16px;line-height: 40px;display: block;float: left;padding: 0 20px;margin:0 5px;background-color:#1786ee ;opacity: 0.8;filter: alpha(opacity=80);}
#main-banner #main-nav li a:hover{background-color:#3465ff;}
#main-nav ul li.current a{background-color:#f93010!important;}

/* main banner */
#main-banner .bd{ position:relative; z-index:0;}
#main-banner .bd ul{ width:100% !important;}
#main-banner .bd li{ width:100% !important;height:320px;}
#main-banner .bd li .siteWidth{width:1000px; position:relative;  margin:0 auto;  height:320px;}
#main-banner .bd li a{ height:500px; display:block;}
#main-banner .bd .txt{ position:absolute; width:415px; top:100px; left:22px;   font:normal 18px/30px "Microsoft YaHei";}
#main-banner .bd .btn{ display:block; zoom:1; margin-top:8px;  width:72px; padding-right:10px;  height:31px; line-height:31px; text-align:center; color:#fff; font-size:12px; background:url(images/banner-btn.png) 0 0 no-repeat;}
#main-banner .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center;}
#main-banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:4px; background:url(../images/dot-black.png) 0 0; overflow:hidden;line-height:9999px; filter:alpha(opacity=40);opacity:0.4;}
#main-banner .hd ul .on{ filter:alpha(opacity=100);opacity:1;}

/*面包屑*/
#breadcrumb-bg{width: 100%;border-bottom: 1px solid #eaeaea;overflow: hidden;}
#breadcrumb-bg .breadcrumb{color: #98989c;}
#breadcrumb-bg .main-site{color: #4c788e;padding: 10px 0;}
#present{width: 1100px;margin: auto;padding-top: 80px;font-size: 20px;color: #0062CC;}
/*分页*/
.fenye{ width:100%; text-align:center; margin:auto;}


/*内页结构*/
.mainLeft{width: 230px;min-height: 500px;float: left;margin-bottom: 40px;}
.mainRight{width: 930px;min-height: 520px;padding: 20px; float: right;border: 1px solid #EEEEEE;margin-bottom: 40px;}
#nav-title{background-color: #2099f6;color: #FFFFFF;height: 50px;line-height: 50px;font-size:18px;text-align: center;}
#nav-title i{padding-right: 10px;}

/*新闻资讯*/
.news-list{ width:100%;}
.news-list li{ padding:32px 10px; overflow:hidden; border-bottom:1px solid #eaeaea;}
.news-list li:hover{background-color: #EEEEEE;}
.news-list .time{text-align:center;float:left;background-color: #e4f7ff;padding: 10px;color: #1786ee;}
.news-list .time dt{ font-size:38px; margin-bottom:5px;}
.news-list .time dd{ width:70px; height:18px; line-height:18px; background:#8fb3c7; color:#fff;}
.news-list .content{ width:1050px; float:right;}
.news-list .content dt{ font-size:20px; color:#666; overflow:hidden; line-height: 30px;}
.news-list .content dt a:hover{color: #2f93f0;}
.news-list .content dd{ font-size:14px;color:#666;line-height: 25px;margin-top: 10px;}
.news-list li:hover .time dt{ color:#2f93f0;}
.news-list li:hover .time dd{ background:#2f93f0;}


/*详情页相关推荐*/
.conform{width:100%;margin: 20px 0px;border:1px solid #eee;padding:15px;border-top:2px solid #0f7fe7;}
.conform h3{width:95%;margin:auto 10px;}
.conform ul{overflow: hidden;}
.conform ul li{width:48%;float:left;border-bottom:1px dotted #CCCCCC;margin:0px 1%;}
.conform ul li a{line-height: 50px;background:url(../images/ico8.png) 0px 0px no-repeat;padding-left:25px;}
.conform ul li a:hover{text-decoration: underline;}

/*详情内容*/
#main-xq{ padding:20px 5px; overflow:hidden;}
#details-title{width: 100%;margin:20px 0px;text-align: center;font-size:30px;color:#0a89ff;font-weight: 200;}
#details-title2{width: 100%;height:50px;margin:20px 0px;border-bottom:1px solid #eee; text-align: center;font-size: 14px;color:#666;}
.details-con{line-height: 2;padding-bottom: 20px;font-size: 16px;padding: 20px 30px; box-shadow: 0 0px 10px 0 rgba(50,102,253,0.3);}
.details-con img{max-width:1120px;}
.details-con > p {text-indent: 2em;font-size: 16px;}
#close-windows{height:40px;float: right;background:url(../images/ico5.png) 0px 0px no-repeat;padding-left: 30px;line-height:40px;}

/*案例展示*/
#main-case{width:100%;overflow: hidden;transition: height 400ms;display: flex;flex-wrap: wrap;}
#main-case li{width:270px;height:auto;float:left;border-bottom:6px solid #dbdbdb;background-color:#f9f7f7; transition: 400ms;margin:50px 50px;}
#main-case li .imgBox {height:120px;width:100%;overflow: hidden;position: relative;}
#main-case li .imgBox .imgBox-imgs{height:100%;width:100%;text-align: center;display: flex;align-items: center;}
#main-case li .img {width:100%;height:auto;}
#main-case  li .bg {opacity: 0;filter: alpha(opacity=0);width: 100%;height: 100%;background: #6f9af1;
position: absolute;left: 0;top: 0;transition: 400ms;}
#main-case  li .i5 {opacity: 0;filter: alpha(opacity=0);margin: -34px 0 0 -34px;position: absolute;left: 10%;top: 50%;transition: 400ms;}
#main-case  li .i6 {opacity: 0;filter: alpha(opacity=0);margin: -16px 0 0 -17px;position: absolute;left: 90%;top: 50%; transition: 400ms;}
#main-case  li .t {height:40px;line-height:40px; text-align: center; font-size: 14px; overflow:hidden;
word-break: break-all;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
#main-case li .time {width:90%;margin: auto;color:#888;}
#main-case li:hover { border-color: #1786ee; }
#main-product li:hover .t{color:#B90713;}
#main-case li:hover .magnifier { -webkit-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); }
#main-case li:hover .bg { opacity: 0.8; filter: alpha(opacity=80); }
#main-case li a{color: #000;}
#main-case li:hover a { color: #1786ee; }
#main-case li:hover .i5 { left: 50%; opacity: 1; filter: alpha(opacity=100);display: block;}
#main-case li:hover .i6 { left: 50%; opacity: 1; filter: alpha(opacity=100);display: block;}



/*案例展示详情*/
.imgShow{width:100%;overflow:hidden;margin: 20px 0;}
.imgShow h1 {font-size: 20px;font-weight: normal;color: #333;line-height: 40px;}
.case-detail{width:100%;overflow:hidden;margin: 20px 0;}
.case-detail h1 {font-size: 20px;font-weight: normal;color: #333;line-height: 40px;}
.case-detail-time{padding: 0 10px;font-size: 12px;line-height: 30px;color: #999;background: #f4f4f4;}
.case-detail-int.icon1{background: url(../images/ico9.png) no-repeat left center;padding-left: 33px;}
.case-detail-int.icon2{background: url(../images/ico10.png) no-repeat left center;padding-left: 33px;}
.case-detail-int{margin-top: 15px;height: 46px;line-height: 46px;font-size: 18px;color: #da251d;border-bottom: 1px solid #eaeaea;}
.case-detail-int-d{margin-top: 15px;line-height: 24px;}
.case-detail-imgs{width:100%;margin:15px auto;}
.case-detail-imgs .item{max-width:100%; text-align:center!important;}
.case-detail-imgs .item img{max-width:100%;height:600px;text-align: center!important;margin: auto;}
.form-input-list {margin-top: 15px;min-height: 50px;}
/*在线招聘*/
#HR-table{margin-top: 20px;}
#HR-table thead tr th{height: 40px;font-size: 15px;text-align: center;}
#HR-table tbody tr td{height: 35px;line-height: 35px; font-size: 16px;text-align: center;}
#HR-table tbody tr td a{padding: 8px 20px;}

/*产品中心*/
#main-products-nav{width: 100%;overflow: hidden;border: 1px solid #ddd;padding:1px;}
#main-products-nav li{float: left;display: block;margin:5px 10px;padding:5px 20px;border-radius: 20px;}
#main-products-nav li a{font-size: 16px;}
#main-products-nav li.current,#main-products-nav li:hover{background-image: linear-gradient(200deg, #ff2400, #f301f7);}
#main-products-nav li.current a,#main-products-nav li:hover a{color: #FFFFFF;}
/*合作伙伴*/
#partenr{width: 100%;overflow: hidden;padding: 10px;}
#partenr li{width: 211px;height: 151px;float: left;margin: 10px 15px;}
#partenr li img{width: 210px;height: 120px;border: 1px solid #DDDDDD;}
#partenr li p{text-align: center;line-height: 30px;}
