@charset "utf-8";

/* CSS Document */
#conmainpro{ margin:0 auto; width:100%; height:auto;padding-top: 30px;}
.case-bg{min-height:800px;background:url(../images/case-bg.jpg)center no-repeat;background-size:cover;}
.case-list{padding:60px 15px;}
.case-list li{ width:366px; height:330px;float:left; margin-right:20px;margin-bottom:20px;box-sizing:border-box;-moz-box-sizing:border-box;padding:30px;transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;}
/* .case-list li:nth-child(3n+0){margin-right:0;} */
.case-list li p{font-size:14px;}
.case-list li a{color:#fff; width:100%; height:100%;display:block;}
.case-list li a:hover{text-decoration:none;}
.case-list li.no-mr{margin-right:0;}
.case-list li.first{ background:#0054ab; padding-top:70px;}
.case-list li.last{background:#0054ab;color:#fff; }
.case-list li.last h3{font-weight:bold;font-size:36px;text-shadow: 0px 0px 0px #000; margin-top:100px;}
.case-list li.last h4{text-align:right;text-shadow: 0px 0px 0px #000; font-size:18px;}
.case-list li.first .min-en{font-size:14px;text-align:left;text-shadow:none;}
.case-list li.first h3{font-size:40px;font-weight:bold;text-align:left;text-shadow:none;}
.case-list li.first .ten{font-size:24px;}
.case-list li.first .two{font-size:30px; font-style:italic;font-weight:bold;}
/* .case-list li.first .desc-next{padding-left:80px;} */
.case-list li.casel-1{background-position:center ; background-repeat:no-repeat;}
.case-list li.casel-2{background-position:center ; background-repeat:no-repeat;}
.case-list li.casel-3{background-position:center ; background-repeat:no-repeat;}
.case-list li.casel-4{background-position:center ; background-repeat:no-repeat;}
.case-list li.casel-5{background-position:center ; background-repeat:no-repeat;}
.case-list li.casel-6{background-position:center ; background-repeat:no-repeat;}
.case-list li.casel-7{background-position:center ; background-repeat:no-repeat;}

.case-list li .min-en{ text-align:right;text-shadow: -2px 2px 2px #000; font-size:13px;}
.case-list li h3{ text-align:right;text-shadow: -2px 2px 2px #000; font-size:24px;}
/*.case-list li:hover{background-size:110%; }*/

#conmainpro1{margin:0 auto; padding:0; width:100%; max-width:1200px; height: auto;padding-top:40px;font-size: 24px; color: #000; font-weight: normal; line-height:30px; text-align:center;}
#conmainpro2{margin:0 auto; padding:0; width:100%; max-width:1200px; height: auto;font-size: 24px; color: #000; line-height:30px; text-align:center;}
#conmainpro2line{margin:0 auto; padding:0; width:100%; max-width:120px; margin-top:15px; height: 2px; background:#e3e3e3;}
#conmainpro3{margin:0 auto; padding:0; width:100%; max-width:1200px; height: auto; padding-top:40px;}

#conmainpro3 ul{margin:0 auto;}
#conmainpro3 ul li{padding:0; width:45%; height:auto; margin:.5%;float:left;}
#conmainpro3 .aboutlist li{padding:0;height:auto; margin:1% 1.66%;float:left;width: 13.34%;}
#conmainpro3 .techlist li{padding:0; width:29.5%; height:auto; margin:1% 1.66%;float:left;}
#conmainpro3 ul li a{width:100%; border:1px solid #666; display:block;border-radius:10px;height:auto; font-family:Arial; font-size:16px;color:#666; text-align:center; text-decoration:none; line-height:32px; font-weight: normal;}
#conmainpro3 ul li a:hover{  background:#007ab9;font-family:Arial;color:#fff;border:1px solid #007ab9;  }
#conmainpro3 ul li.active a{background:#67696c;font-family:Arial;color:#fff;border:1px solid #67696c;}
#conmainpro4{margin:0 auto; padding:0; width:100%; max-width:1200px; height: auto;}
#conmain1 .title-line{width:135px;height:4px;margin: 5px auto;background:#030303;}
#conmain1 .brief{font-size: 16px;color:#666;line-height: 30px;margin: 35px 0;}
#conmain1 .brief-intro li{width: 30%;float: left;margin-right: 60px; box-sizing:border-box;margin-right: 40px\0;}
#conmain1 .brief-intro li:nth-child(3n){margin-right: 0;}
#conmain1 .brief-intro li h3{font-size: 24px;color:#030303;line-height: 1.8;}
#conmain1 .faq li h3{font-size:18px;}
#conmain1 .brief-intro li .line{width: 29px;height: 4px;background:#000;}
#conmain1 .brief-intro li p{font-size: 14px;color: #666;line-height: 24px;margin: 15px 0;}
#conk{ margin:0 auto; padding:0; width:100%; height:40px; }
.newsList{width: 1200px;margin: 0 auto;}
.explain{margin-bottom:30px; text-align:right; font-size:14px; font-weight:bold;color:#ff0000;}
.explain span{color: #ff0000;}
.newsList a:link,.newsList a:visited{ color: #b0b0b0;}
.newsList a:active,.newsList a:hover{ color: #fff;text-decoration: none;}
.newsList{ width:1200px; margin: 0 auto;}
.newsList li{float:left;display:block;width:30%;margin:0 5% 5% 0;margin: 0 1.5% 5% 1.5%\0;}
.newsList li:nth-child(3n){margin-right: 0;}
.newItem{ border: 1px solid #dbdbdb; background-color: #fff; transition: 300ms;}
.newItem a{ display: block; padding: 22px 20px; }
.newItem .time{ height: 20px; margin-bottom: 5px;}
.newItem .t{ font: 16px/1.5 "microsoft yahei"; color: #6e6e6e; height: 48px; overflow: hidden; margin-bottom: 20px;}
.newItem .img{ overflow: hidden; margin-bottom: 25px;}
.newItem .img img{ width: 100%; display: block;height:100%;}
.newItem .c{ height: 42px; overflow: hidden; margin-bottom: 22px;}
.newItem .more{ background-color: #c3c3c3; color: #f0f0f0; padding: 2px 10px;}
.newsList li:hover .newItem{ background-color: #80abde; border: 1px solid #80abde;}
.newsList li:hover .t{ color: #fff;}
.newsList li:hover .more{ background-color: #fff; color: #80abde;}

.categoryMenu{padding:30px 0 36px 0;}
.categoryMenu ul {display: table;margin: 0 auto;}
.categoryMenu ul li{ float:left; min-width:130px;  text-align:center; margin:0 10px 2px 10px;}
.categoryMenu ul li a{ display:block;padding:0 10px; line-height:32px; border:1px solid #e5e5e5; background:#fff;}
.categoryMenu ul li a:hover,
.categoryMenu ul li.cur a{ background:#c81623; color:#fff; border-color:#c81623;}

.conlist li{overflow: hidden; margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #eee;}
.conlist li .pic{width: 314px; height: 215px; float: left; position: relative; overflow: hidden;}
.conlist li .pic img{width: 100%; min-height: 215px; transition: transform .6s;}
.conlist li .pic:hover img{transform: scale(1.1);}
.conlist li .text{margin-left: 354px; padding-top: 14px;}
.conlist li .title{height: 30px; line-height: 30px; font-size: 18px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.conlist li .desc{font-size: 15px; height: 60px; line-height: 30px; color: #666; margin-top: 6px; overflow: hidden; display: -webkit-box !important; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 4px;}
.conlist li .more{width: 90px;height: 30px;line-height: 30px; text-align: center;display: block;float: right;background: #b6b6b6;color: #fff;margin-right:20px;}
.conlist li .more:hover{background: #0061aa;border-color: #0061aa;}

#conmainpro{ margin:0 auto; padding:0; width:100%; height:auto;}
.article_info {background:#fff;padding:40px 0;font-size:14px;line-height:30px;margin-bottom:40px;width: 1200px;margin: 0 auto;}
.article_info h1.title {font-size:28px;color:#000;line-height:45px;margin-bottom:10px;text-align:center}
.article_info .data {font-size:12px;color:#ccc;line-height:30px;margin-bottom:10px;text-align:center;border-bottom:1px solid #eee}
.article_info .prev {width:48%;font-size:16px;border:1px solid #eee;margin-top:40px;-webkit-transition:.3s all ease;-moz-transition:.3s all ease;-ms-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease;float:left}
.article_info .prev a {display:block;padding:10px 0 10px 40px;color:#333;}
.article_info .prev:hover {background:#4993c0;color: #fff;}
.article_info .prev:hover a {color:#fff;text-decoration: none;}
.article_info .next {width:48%;font-size:16px;border:1px solid #eee;margin-top:40px;-webkit-transition:.3s all ease;-moz-transition:.3s all ease;-ms-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease;float:right;text-align:right}
.article_info .next a {display:block;padding:10px 40px 10px 0;color:#333;}
.article_info .next:hover {background:#1166d0;color: #fff;}
.article_info .next:hover a {color:#fff;text-decoration: none;}