/* case */
.case { text-align: center; position: relative; overflow: hidden; padding: 80px 0 40px; background: #fff;}
.case-con { text-align: left; margin-top: 50px; overflow: hidden;}
.case-con .item { float: left; margin-right:3%; margin-bottom: 3%; width: 31.333%;}
.case-con .item:nth-child(3n) { margin-right: 0;}
.case-con .item .pic { display: block; overflow: hidden;}
.case-con .item .pic img { display: block; width: 100%; transition: all 1s;    height: 233px;}
.case-con .item:hover .pic img { transform: scale(1.1);}
.case-con .item .tit  { overflow: hidden; padding:0 25px; background: #f4f4f4; box-sizing: border-box;}
.case-con .item .tit .tit-ar { padding: 20px 0;border-bottom: 1px solid #dbdbdb;}
.case-con .item .tit .tit-ar h2 { font-size: 20px; color: #333; font-weight: normal;}
.case-con .item .tit .tit-ar h2 a { color: #333;}
.case-con .item .tit .tit-ar p {  margin-top:6px;font-size: 14px; color: #999;}
.case-con .item .tit .tit-ar p em { font-family: 'Markpro-Heavy';}
.case-con .item .tit .case-more { position: relative; display: block;margin:20px 0; overflow: hidden;}
.case-con .item .tit .case-more a { font-size: 14px; color: #999;}
.case-con .item .tit .case-more:after {content: '';display: block;position: absolute;right: 0;top: 1px;background: url("../image/next-icon01.png") no-repeat center;width: 15px;height: 15px;background-size: 100%;}
.case-con .item .tit .case-more a:hover { color: #00a42b;}
.case-con .item .tit .tit-ar h2:hover a { color: #00a42b;}
.case-con .item:hover .pic img { transform: scale(1.1);}
.content >  a { display: inline-block; font-size: 14px; color: #999;}
.content >  a i { vertical-align: middle; margin-top: -3px; margin-left: 5px; display: inline-block; background: url("../image/all-icon01.png") no-repeat center; width: 12px; height: 12px; background-size: 100%;}
.content >  a:hover { color: #00a42b;}
.content >  a:hover i { background: url("../image/all-icon02.png") no-repeat center; }
/* case end */


/* dzal */
.dzal {position: relative;display: inline-block;width: 100%;padding: 80px 0;box-sizing: border-box;background: #f4f4f4;}
.dzal > i {animation: fadeinL 1s ease-out backwards;position: absolute;left:185px;bottom:-82px;background: url("../image/jsgh-bf.png") no-repeat center;width: 160px;height: 160px;background-size: 100%;z-index: 3;}
.dzal-con { padding-top: 60px; display: block; width: 100%;}
.dzal-con .item { position: relative; padding: 80px 31px 0;box-sizing: border-box;margin: 0 10px;text-align: center;float: left;background: url("../image/dzal-bg01.png") no-repeat center;width: 280px;height: 612px;background-size: 100%;}
.dzal-con .item:nth-of-type(1):after {content: '';display: block;position: absolute;left: 8px;top: 53px;width: 80px;height: 7px;background: #f76204;transform: rotate(-30deg);}
.dzal-con .item:nth-of-type(2):after {content: '';display: block;position: absolute;left: 8px;top: 53px;width: 80px;height: 7px;background: #0357ac;transform: rotate(-30deg);}
.dzal-con .item:nth-of-type(3):after {content: '';display: block;position: absolute;left: 8px;top: 53px;width: 80px;height: 7px;background: #14a931;transform: rotate(-30deg);}
.dzal-con .item:nth-of-type(4):after {content: '';display: block;position: absolute;left: 8px;top: 53px;width: 80px;height: 7px;background: #7e51f0;transform: rotate(-30deg);}
.dzal-con .item h2 { font-size: 24px; color: #27282c;}
.dzal-con .item h2 a {color: #27282c; }
.dzal-con .item p { font-size: 24px; color: #27282c;}
.dzal-con .item i { display: block; margin: 12px auto 20px; background: url("../image/dzal-next01.png") no-repeat center; width: 28px; height: 28px; background-size: 100%;}
.dzal-con .item span { display: block; font-size: 16px; color: #666; line-height: 1.5;}
.dzal-con .item .pic { display: block; margin-top: 20px;}
.dzal-con .item .pic img { display: block; width: 100%;}
.dzal-con .item:nth-of-type(1) {animation: fadeinR 0.5s ease-out backwards;}
.dzal-con .item:nth-of-type(2) {animation: fadeinR 1s ease-out backwards;}
.dzal-con .item:nth-of-type(3) {animation: fadeinR 1.5s ease-out backwards;}
.dzal-con .item:nth-of-type(4) {animation: fadeinR 2s ease-out backwards;}
.dzal-con .item:hover { background: url("../image/dzal-bg02.png") no-repeat center; background-size: 100%;}
.dzal-con .item:hover:after { background: #fff;}
.dzal-con .item:hover h2,.dzal-con .item:hover p ,.dzal-con .item:hover span { color: #fff;}
.dzal-con .item:hover i { background: url("../image/dzal-next02.png") no-repeat center;background-size: 100%;}
@media (max-width: 1500px) {
    .dzal > i { left: 20px; width: 140px;}
}
/* dzal end */


/* product02 */
.product02 { text-align:center; padding: 80px 0; box-sizing: border-box; position: relative; overflow: hidden; background: url("../image/product-bg.jpg") no-repeat center; width: 100%; height: auto; background-size: cover;}
.product02-con { text-align: left; margin-top: 50px; overflow: hidden;}
.product02-con .product02-main  {float: left;width: 100%;}
.product02-con .product02-main .item { float: left; width: 23%; margin: 2% 1%;}
.product02-con .product02-main .item .pic { display: block; width: 100%; overflow: hidden;}
.product02-con .product02-main .item .pic img { display: block; width: 100%; transition: all 1s;}
.product02-con .product02-main .item .tit {display: block;overflow: hidden;padding: 0 20px;background: #fff;}
.product02-con .product02-main .item .tit p {font-size: 16px;padding: 20px 0;color: #666;border-top: 1px solid #e5e5e5;box-sizing: border-box;background: url("../image/next-icon01.png") no-repeat right;}
.product02-con .product02-main .item:hover img { transform: scale(1.1);}
.product02-con .product02-main .item:hover p { color: #00a42b;}
.product02 .content > a { margin-top: 25px;}
/* product02 end */


/* server */
.server { position: relative; display: block; padding: 80px 0 60px; background: #fff;}
.server > i { animation: fadeinR 1s ease-out backwards; display: block; position: absolute; right: 0; top: -50px;  z-index: 2; background:url("../image/server-bf.png") no-repeat center; width: 500px; height: 465px; background-size: 100%;}
.server-con { position: relative; z-index: 2; margin-top: 45px; overflow: hidden;}
.server-con .item { float: left; position: relative; padding: 40px 50px; box-sizing: border-box; width: 580px; height: 410px; margin: 0 10px 20px; background: #ececec;}
.server-con .item:nth-of-type(1) {animation: fadeinL 1s ease-out backwards;}
.server-con .item:nth-of-type(2) {animation: fadeinT .8s ease-out backwards;}
.server-con .item:nth-of-type(3) {animation: fadeinB .8s ease-out backwards;}
.server-con .item:nth-of-type(4) {animation: fadeinR 1s ease-out backwards;}
.server-con .item:nth-of-type(1):after { content: ''; display: block; position: absolute; left: 0; top: 40px; width: 10px; height: 60px; background-image: linear-gradient(0deg, #8dc556 0%, #00a42b 100%);}
.server-con .item:nth-of-type(2):after { content: ''; display: block; position: absolute; left: 0; top: 40px; width: 10px; height: 60px; background-image: linear-gradient(0deg, #f79304 0%, #f75a04 100%);}
.server-con .item:nth-of-type(3):after { content: ''; display: block; position: absolute; left: 0; top: 40px; width: 10px; height: 60px; background-image: linear-gradient(0deg, #1177dd 0%, #0051a3 100%);}
.server-con .item:nth-of-type(4):after { content: ''; display: block; position: absolute; left: 0; top: 40px; width: 10px; height: 60px; background-image: linear-gradient(0deg, #ff6f76 0%, #c90e1b 100%);}
.server-con .server-top { overflow: hidden; padding-bottom: 35px; border-bottom: 1px solid #d4d4d4;}
.server-con .server-top .tit { float: left; width: 185px;}
.server-con .server-top .tit p {font-size: 23px;color: #27282c;}
.server-con .server-top .tit em {display: block;margin-top: 20px;font-size: 16px;color: #ccc;}
.server-con .server-top .pic { float: right; width: 265px;}
.server-con .server-top .pic img { display: block; width: 100%;}
.server-con .item > p { margin-top: 35px; font-size: 16px; color: #666; line-height: 1.75;}
@media (max-width: 1500px) {
    .server > i { width: 400px; height: 400px;}
}
/* server end */


/* indexForm */
.indexForm { padding: 54px 0; box-sizing: border-box; position: relative; overflow: hidden; background: url("../image/indexForm-bg.jpg") no-repeat center; width: 100%; height: 170px; background-size: cover;}
.indexForm .tit { float: left;}
.indexForm .tit p { font-size: 36px; color: #fff;}
.indexForm .tit span { font-size: 18px; color: #fff;}
.indexForm .indexForm-input { float: right;}
.indexForm .indexForm-input input { margin-right: 20px; float: left; width: 360px; height: 60px; line-height:60px; font-size: 16px; padding-left: 20px; box-sizing: border-box; border: none; outline: none;}
.indexForm .indexForm-input a { float: left; width: 170px; height: 60px; line-height: 60px; text-align: center; font-size: 16px; color: #fff; background: #27282c; }
/* indexForm end */


/* gctd */
.gctd { position: relative; overflow: hidden; padding: 50px 0 30px; box-sizing: border-box; background: #f4f4f4;}
.gctd-slide { position: relative; padding-bottom: 50px; margin-top: 30px; overflow: hidden;}
.gctd-slide .item { float: left; margin: 0 25px; width: 350px;}
.gctd-slide .item .pic { margin: 0 auto; position: relative; z-index: 2; display: block; width: 170px; height: 170px; border-radius: 50%; overflow: hidden;}
.gctd-slide .item .pic img { display: block; width: 100%;}
.gctd-slide .item .tit { padding-top: 85px; margin-top: -85px; display: block; background: #fff;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);}
.gctd-slide .item .tit p { text-align: center; padding-top: 10px;margin: 0 auto; font-size: 16px; color: #666;  line-height: 1.75; width: 90%; height:90px;}
.gctd-slide .item .tit span { margin-top: 35px; display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 16px; background: #27282c;}
.gctd-slide .gctd-menu { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center;}
.gctd-slide .gctd-menu ul { display: inline-block;}
.gctd-slide .gctd-menu li { font-size: 0; margin: 0 9px; float: left; width: 11px; height: 11px; border-radius: 50%; background: #ccc;}
.gctd-slide .gctd-menu li.cur { background: #f75a04;}
/* gctd end */


/* gctd02 */
.gctd02 { position: relative; overflow: hidden; padding: 0px 0 30px; box-sizing: border-box; background: #f4f4f4;}
.gctd02-slide { position: relative; padding-bottom: 50px; margin-top: 30px; overflow: hidden;}
.gctd02-slide .item {float: left;margin: 0 25px 45px;width: 350px;}
.gctd02-slide .item .pic { margin: 0 auto; position: relative; z-index: 2; display: block; width: 170px; height: 170px; border-radius: 50%; overflow: hidden;}
.gctd02-slide .item .pic img { display: block; width: 100%;}
.gctd02-slide .item .tit {padding-top: 85px;margin-top: -85px;display: block;background: #fff;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);}
.gctd02-slide .item .tit p {text-align: center;padding-top: 10px;margin: 0 auto;font-size: 16px;color: #666;line-height: 1.75;width: 90%;height: 90px;}
.gctd02-slide .item .tit span { margin-top: 35px; display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 16px; background: #27282c;}
/* gctd02 end */

/* indexHonor */
.indexHonor {padding: 80px 0 0;box-sizing: border-box;position: relative;overflow: hidden;background: url("../image/indexHonor-bg.jpg") no-repeat  center;width:100%;height: 638px;background-size: cover;}
.indexHonor .wrap-tit i { background: #fcfcfc;}
.indexHonor-slide {position: relative;padding: 50px 0;overflow: hidden;}
.indexHonor-slide .item { padding-bottom: 20px; margin:0 10px;float: left; width: 280px; background: #fff;}
.indexHonor-slide .item .pic { display: block; width: 100%; overflow: hidden;}
.indexHonor-slide .item .pic img { display: block; width: 100%;}
.indexHonor-slide .item p { font-size: 16px; color: #666; text-align: center;}
.indexHonor-slide .indexHonor-menu { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center;}
.indexHonor-slide .indexHonor-menu ul { display: inline-block;}
.indexHonor-slide .indexHonor-menu li { font-size: 0; margin: 0 9px; float: left; width: 11px; height: 11px; border-radius: 50%; background: #fff;}
.indexHonor-slide .indexHonor-menu li.cur { background: #f75a04;}
/* indexHonor end */

.proDetailsCanS1200 img{max-width:100%}


/* product */
.product {text-align:center;padding: 80px 0 0;box-sizing: border-box;position: relative;overflow: hidden;width: 100%;}
.product-con { text-align: left; margin-top: 50px; overflow: hidden;}
.product-con .product-menu { float: left; box-sizing: border-box; width: 290px; background: #27282c;}
.product-con .product-menu > i { display: block; width: 100%; height: 10px; background: #00a42b;}
.product-con .product-menu dl {overflow: hidden;padding:0 20px;cursor: pointer;}
.product-con .product-menu dl:last-child{margin-bottom:20px}
.product-con .product-menu dt {position: relative;overflow: hidden;padding: 15px 0;background: url("../image/next-icon02.png") no-repeat right;background-size: 6%;}
.product-con .product-menu dt {border-bottom: 1px solid #3d3e42;box-sizing: border-box;font-size: 16px;color: #fff;}
.product-con .product-menu dt a { color: #fff;}
.product-con .product-menu dd {display: block;position: relative;padding: 7px 20px;box-sizing: border-box;background: #3f3f3f;}
.product-con .product-menu dd:last-child{padding-bottom: 16px;}
.product-con .product-menu dd:after {content: '';display: block;position: absolute;left: 22px;top: -5px;background: url("../image/arrow-icon04.png") no-repeat center;width: 8px;height: 4px;background-size: 100%;}
.product-con .product-menu dd a {/*margin-bottom: 15px;*/display: block;font-size: 16px;color: #dcdcdc;}
.product-con .product-menu dt a:hover { color: #00a42b;}
.product-con .product-menu dd a:hover { color: #00a42b;}
.product-con .product-menu dl dt.cur,.product-con .product-menu dl:hover dt { background: url("../image/arrow-bm02.png") no-repeat right;}
.product-con .product-menu dl dt.cur a,.product-con .product-menu dl:hover dt a {  color: #00a42b;}
.product-con .product-menu dd a.cur,.product-con .product-menu dd a:hover a{ color: #00a42b;}
.product-con .product-main  {float: left;width: 910px;}
.product-con .product-main .product-list { overflow:hidden;}
.product-con .product-main .paging1200 {}
.product-con .product-main .item { float: left; width: 290px; margin-left: 13px; margin-bottom: 13px;}
.product-con .product-main .item .pic { display: block; width: 100%; overflow: hidden;}
.product-con .product-main .item .pic img { display: block; width: 100%; transition: all 1s;}
.product-con .product-main .item .tit {display: block;overflow: hidden;padding: 0 20px;background: #fff;}
.product-con .product-main .item .tit p {font-size: 16px;padding: 14.5px 0;color: #666;border-top: 1px solid #e5e5e5;box-sizing: border-box;background: url("../image/next-icon01.png") no-repeat right;}
.product-con .product-main .item:hover img { transform: scale(1.1);}
.product-con .product-main .item:hover p { color: #00a42b;}
.product .content > a { margin-top: 25px;}
/* .product  #nodata { padding: 300px 80px 80px;  background: url(../images/TInpage/nodata.gif) no-repeat center; background-color: #fff; text-align: center; font-size: 20px;} */
/* product end */


/* common */
.common-con { margin-top:30px;}
.common-con .item {margin-bottom: 60px;position: relative;overflow: hidden;/* background: #fff; */}
.common-con .item .pic {position: relative;float: left;width: 40%;animation: fadeinL 1s ease-out backwards;}
.common-con .item .pic img { display: block; width: 100%;}
.common-con .item .pic-hd { position: absolute; left: 0; top: 0; width: 165px; height: 57px; line-height: 57px; font-size: 36px; color: #333; background: #fdd435; text-align: center;}
.common-con .item .pic-hd p { font-family: "DIN Medium";}
.common-con .item .pic-hd span { font-size: 15px;}
.common-con .item .tit {float: right;width: 58%;}
.common-con .item .tit h2 {margin-bottom: 15px;font-size: 26px;line-height: 1;color: #333;font-weight: normal;padding-top: 15px;}
.common-con .item .tit h2 a { color: #333;}
.common-con .item .tit p { position: relative; font-size: 15px;color: #555;line-height: 2;}
.common-con .item .tit-btn {position: absolute;bottom: 15px;animation: fadeinR 1s ease-out backwards;}
.common-con .item .tit-btn a {display: inline-block;width: 120px;height: 42px;line-height: 42px;text-align: center;font-size: 15px;margin-right: 14px;border-radius: 4px;color: #fff;}
.common-con .item .tit-btn a:nth-of-type(1) {background-image: linear-gradient(0deg, #8dc556 0%, #00a42b 100%);}
.common-con .item .tit-btn a:nth-of-type(2) {background-image: linear-gradient(0deg, #f79304 0%, #f75a04 100%);}
.common-con .item .tit-btn a:nth-of-type(3) {background-image: linear-gradient(0deg, #1177dd 0%, #0051a3 100%);}
.common-con .item .tit-btn a:nth-of-type(4) {background-image: linear-gradient(0deg, #ff6f76 0%, #c90e1b 100%);}
/* common end */

.fn .mainCon p{font-size:14px;color:#333;text-align:left;line-height:24px;margin-bottom: 8px;}
.fn .mainCon .Summary{border: 1px dashed #ddd;background: #f4f4f4; padding: 10px;font-size: 16px;  }
.fn .mainCon .Summary p{line-height:28px;font-size:16px;}
.fn .mainCon .bfan{overflow:hidden; margin-top: 20px; animation: fadeinB 1s ease-out backwards;}
.fn .mainCon .bfan p{ float:left;width: 30.666%;background: #f4f4f4;margin-right: 1%;line-height:42px;font-size:16px;padding:0 1%;margin-bottom:15px;transition: all .5s;}
.fn .mainCon .bfan p:hover{background:#00a42b;color:#fff;}
.fn .mainCon .bfan p:nth-child(3n){margin-right:0}

.pic-box .fa{margin-top:20px;animation: fadeinB 1s ease-out backwards;}
.pic-box .fa li{float:left;width:24.25%;margin-right:1%;margin-bottom:15px;overflow:hidden}
.pic-box .fa li:nth-child(4n){margin-right:0}
.pic-box .fa li img{width:100%;transition: all 1s;}
.pic-box .fa li img:hover{transform: scale(1.25);}
#fancybox-title{display:none !important;}

.firstRow  { animation: fadeinT 1s ease-out backwards;  }
.firstRow td a{display:block;overflow:hidden;}
.firstRow img{transition: all 1s;}
.firstRow a img:hover{transform: scale(1.25);}
.firstRow td p{overflow:hidden;width:100%;height:100%}