@charset "utf-8";
/*首页样式*/
/*轮播*/
.looppic{ width:100%; background-color:#23262a; height:350px;}
.looppic .swiper-container{ width:1200px; height:350px; position:relative;}
.looppic .swiper-container .pagination{bottom: 4px;left: 550px;position: absolute;}
.looppic .swiper-container .pagination .swiper-pagination-switch{box-sizing: content-box;color: #ffffff;cursor: pointer;float: left; height: 4px;margin: 10px 3px; text-align: center;transition: all 0.8s ease-out 0s;width: 26px;  background:#ffffff none repeat scroll 0 0 padding-box content-box;-webkit-opacity:0.3;-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;filter:alpha(opacity=30); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30); background-color:#FFFFFF;}
.looppic .swiper-container .pagination .swiper-active-switch{background: #fff none repeat scroll 0 0 padding-box content-box;-webkit-opacity:1;-moz-opacity:1;-khtml-opacity:1;opacity:1;filter:alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); background-color:#FFFFFF;}
.looppic .swiper-slide .loopslide{width:100%;height:350px; position:relative;}
.looppic .swiper-slide .loopslide img {bottom: 0;height: 350px;position: absolute;right: 0;top: 0;transform-style: preserve-3d;transition: all 0.5s ease-out 0s;}
.looppic .swiper-slide .loopslide img:hover{transform: rotateX(20deg) rotateY(10deg);}
.looppic .swiper-slide .loopslide .loop_text{ position:absolute; top:100px; left:0;animation: 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0s normal none 1 running re-banner-slide-20;}
.looppic .swiper-slide .loopslide .loop_text h2{ font-size:36px; color:#FFF; line-height:1.5;}
.looppic .swiper-slide .loopslide .loop_text p{ color:#bcbcbc; font-size:16px; line-height:4;} 
.looppic .swiper-slide .loopslide .loop_text span{ display:inline-block; border:1px solid #FFF; color:#FFF; width:100px; height:36px; line-height:36px; text-align:center; transition: color 0.3s ease-in-out 0s, background 0.3s ease-in-out 0s;}
.looppic .swiper-slide .loopslide .loop_text span:hover{background: #fff;border-color:#373d41;}
.looppic .swiper-slide .loopslide .loop_text span a{color:#fff!important;}
.looppic .swiper-slide .loopslide .loop_text span:hover a{color:#373d41!important;}
/*云计算产品*/
.platformbox{background-color: rgba(55, 61, 65, 0.05);min-height:700px;padding-bottom: 68px;padding-top: 74px;width: 100%;}
.platformbox .plattitle{font-size: 30px;text-align: center; color:#333333;}
.platformbox .platlistbox .plartulbox{ margin: 82px auto 0;width: 1180px; height:563px;}
.platformbox .aboutUsItemBox{font-size:14px;padding:20px 0;line-height:30px;width:1200px;margin:0 auto;}
/*第一种形态*/
.platformbox .platlistbox .plartulbox .plarlistli{  background-color: transparent;border: 1px solid #dbdbdd;float: left;height: 548px; position: relative;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s, z-index 0s ease 0.12s;width: 22%;z-index: 10;margin-left: -1px; overflow:hidden;}
.platformbox .platlistbox .plartulbox .plarlistli .card{background: #fff none repeat scroll 0 0;height: 100%;text-align: center;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s, z-index 0s ease 0.12s; width: 100%; box-sizing: border-box;}
.platformbox .platlistbox .plartulbox .plarlistli .card .cardtitle{font-size: 14px;height: 170px;line-height: 26px;top: 0;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s, z-index 0s ease 0.12s;background-color: #e5e6e6; position:relative;}
.platformbox .platlistbox .plartulbox .plarlistli .card .cardtitle .content{bottom: 17px;position: absolute;width: 100%;}
.platformbox .platlistbox .plartulbox .plarlistli .card .cardtitle .content .card_img{height: 55px;margin: 10px auto;position: relative;width: 55px;}
.platformbox .platlistbox .plartulbox .plarlistli .card .cardtitle .content .card_img img:nth-child(1){width:100%; display:block;}
.platformbox .platlistbox .plartulbox .plarlistli .card .cardtitle .content .card_img img:nth-child(2){width:100%;display:none;}
.platformbox .platlistbox .plartulbox .plarlistli .card .cardtitle .content h2{transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0s;color: #373d41;font-size: 18px;font-weight: bold;}
.platformbox .platlistbox .plartulbox .plarlistli .card .cardtitle .content h2 a{color: #373d41;}
.platformbox .platlistbox .plartulbox .plarlistli .card .cardtitle .content p{transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0s;color: #949a9e;font-size: 14px;}
.platformbox .platlistbox .plartulbox .plarlistli .card .cardtitle .content p a{color: #949a9e;}
.platformbox .platlistbox .plartulbox .plarlistli .card .card_conlist{opacity: 1;transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0.18s;z-index: 3; height: 376px;position: absolute;top: 170px;line-height: 2;width: 100%; display:block;}
.platformbox .platlistbox .plartulbox .plarlistli .card .card_conlist ul{color: #373d41;font-size: 16px;margin-bottom: 47px;margin-top: 47px;max-width: 260px;width: 100%;}
.platformbox .platlistbox .plartulbox .plarlistli .card .card_conlist ul li{margin-bottom: 30px;}
.platformbox .platlistbox .plartulbox .plarlistli .card .card_twoconlist{line-height: 2; opacity: 0;transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s;z-index: 2; height: 376px;position: absolute;top: 170px;color: #a9b0b4;font-size: 14px;left: 25px;max-width: 350px; padding-top: 26px;text-align: left;width: 350px; display:none;}
.platformbox .platlistbox .plartulbox .plarlistli .card .card_twoconlist .main-info{height:149px;overflow:hidden;}
.platformbox .platlistbox .plartulbox .plarlistli .card .card_twoconlist .no-effect{text-decoration: none;}
.platformbox .platlistbox .plartulbox .plarlistli .card .card_twoconlist .main-head{color: #373d41;font-size: 18px;line-height: 28px;margin-bottom: 4px;}
.platformbox .platlistbox .plartulbox .plarlistli .card .card_twoconlist .main-desc{line-height: 18px;height:60px;}
.platformbox .platlistbox .plartulbox .plarlistli .card .card_twoconlist .main-btn{background-color: #fff;border: 1px solid #00c1de;color: #00c1de;cursor: pointer;font-size: 14px !important;height: 30px;margin:10px 0 0 0;transition: color 0.3s ease-in-out 0s, background 0.3s ease-in-out 0s;width: 100px;}
.platformbox .platlistbox .plartulbox .plarlistli .card .card_twoconlist .other-info {border-top: 1px solid #ebebec;font-size: 12px;padding-top: 20px;}
.platformbox .platlistbox .plartulbox .plarlistli .card .card_twoconlist .other-info-list {height: 85px;margin-bottom: 10px;padding-right: 5px; float: left;width: 170px;overflow:hidden;}
.platformbox .platlistbox .plartulbox .plarlistli .card .card_twoconlist .other-info .other-head {color: #373d41;font-size: 14px;font-weight: normal;}
.platformbox .platlistbox .plartulbox .plarlistli .card .card_twoconlist .other-info .other-desc{line-height: 16px;height:36px;}
.platformbox .platlistbox .plartulbox .plarlistli .card .card_twoconlist .other-info .list-context {color: #00c1de;}
/*第二种形态*/
.platformbox .platlistbox .plartulbox .plaction{border: 1px solid #009dd9;box-shadow: 0 0 20px rgba(0, 157, 217, 0.5);height: 563px;width: 33%;z-index: 100;}
.platformbox .platlistbox .plartulbox .plaction .card .cardtitle{ background-color: #009dd9;height: 185px;margin-left: -1px;margin-right: -1px;top: -15px;}
.platformbox .platlistbox .plartulbox .plaction .card .cardtitle .content .card_img img:nth-child(1){width:100%; display:none;}
.platformbox .platlistbox .plartulbox .plaction .card .cardtitle .content .card_img img:nth-child(2){width:100%; display:block;}
.platformbox .platlistbox .plartulbox .plaction .card .cardtitle .content h2,.platformbox .platlistbox .plartulbox .plaction .card .cardtitle .content p{ color:#FFFFFF;}
.platformbox .platlistbox .plartulbox .plaction .card .cardtitle .content h2 a,.platformbox .platlistbox .plartulbox .plaction .card .cardtitle .content p a{ color:#FFFFFF;}
.platformbox .platlistbox .plartulbox .plaction .card .card_conlist{opacity: 0;transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s;z-index: 2; display:none;}

.platformbox .platlistbox .plartulbox .plaction .card .card_twoconlist{opacity: 1;transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0.18s;z-index: 3; display:block;}
/*产品系列*/
.prothisbox{background-color: #ffffff;padding: 76px 0;}
.productlist{margin: 0 auto;} 
.productlist .titlepro{color: #373d41;cursor: default;font-size: 30px;margin-bottom: 67px;text-align: center;} 
.productlist .wrapper{ height:258px;}
.productlist .wrapper .productbox{text-align: center;width: 33%; display:inline-block; float:left;}
.productlist .wrapper .productbox span{height: 80px;margin: 0 auto 20px;position: relative;width: 80px;animation: 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s normal none 1 running slide-product20; display:block;}
.productlist .wrapper .productbox span img{ left: 0;position: absolute;transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0s;width: 100%;}
.productlist .wrapper .productbox h2{color: #373d41;cursor: default;font-size: 20px;font-weight: bold;margin-bottom: 5px;transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0s;}
.productlist .wrapper .productbox p{ color: #a9b0b4;font-size: 14px;line-height: 22px;padding: 0 30px;animation: 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s normal none 1 running slide-product40;}
/*小轮播*/
.lopprodct{background: #f1f1f1 none repeat scroll 0 0; width:100%; height:420px;}
.lopprodct .smalicontainer{height: 420px;margin: 0 auto;max-width: 1440px;min-width: 1200px;overflow: hidden;position: relative;}
.lopprodct .smalicontainer img{ width:100%; height:100%; position:absolute;z-index: 1;}
.lopprodct .smalicontainer .swiper-slide{ position:relative;}
.lopprodct .smalicontainer .swiper-slide .tbg{background: #161a1d none repeat scroll 0 0;bottom: 0;left: 0;;position: absolute;right: 0;top: 0;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;z-index: 2;-webkit-opacity:0.6;-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;filter:alpha(opacity=60); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);}
.lopprodct .smalicontainer .swiper-slide .bgt{-webkit-opacity:0.82;-moz-opacity:0.82;-khtml-opacity:0.82;opacity:0.82;filter:alpha(opacity=82); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=82)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=82);}
.lopprodct .smalicontainer .swiper-slide .loopbles{ bottom: 0;left: 0;position: absolute;right: 0;top: 100px;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s; z-index:3;}
.lopprodct .smalicontainer .swiper-slide .loopbles .loppimgbos{display:block;height: 72px;position: relative;width: 25%; margin:0 auto}
.lopprodct .smalicontainer .swiper-slide .loopbles .loppimgbos img{ width:100%; height:100%;}
.lopprodct .smalicontainer .swiper-slide .loopbles .loppimgbos img:nth-child(2){ display:none;}
.lopprodct .smalicontainer .swiper-slide .loopbles .loopline{background: #fff none repeat scroll 0 0;display: inline-block;height: 2px;opacity: 1;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;width: 20px; display:block; margin:20px auto;}
.lopprodct .smalicontainer .swiper-slide .loopbles h3{ color: #fff;font-size: 22px;font-weight: bold;line-height: 24px;margin: 24px 0 0;padding: 0;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s; text-align:center;}
.lopprodct .smalicontainer .swiper-slide .loopbles h3 a{ color: #fff;}
.lopprodct .smalicontainer .swiper-slide .loopbles .lopptext{opacity: 0;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;  color: #fff;font-size: 14px; height: 72px;line-height: 24px;margin-top: 30px;padding: 0 23px;text-align: center;display:none;}
.lopprodct .smalicontainer .swiper-slide .loopbles .loopbot{ border: 1px solid #fff;color: #fff;display:none;font-size: 14px;height: 36px;line-height: 36px;margin: 62px auto 0 auto;text-decoration: none;width: 120px;opacity: 0;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s; text-align:center;}
.lopprodct .smalicontainer .swiper-slide .loopbles .loopbot a{color:#fff!important;}
.lopprodct .smalicontainer .swiper-slide:hover .tbg{background: #00c2de none repeat scroll 0 0;webkit-opacity:0.9;-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;filter:alpha(opacity=90); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);}
.lopprodct .smalicontainer .swiper-slide:hover .loopbles{top:13%;}
.lopprodct .smalicontainer .swiper-slide:hover .loppimgbos img:nth-child(1){ display:none;}
.lopprodct .smalicontainer .swiper-slide:hover .loppimgbos img:nth-child(2){ display:block;}
.lopprodct .smalicontainer .swiper-slide:hover .loopbles .lopptext{opacity: 1;display:block;}
.lopprodct .smalicontainer .swiper-slide:hover .loopbles .loopbot{opacity: 1;display:block;}
/*各大服务*/
.prolistzbox{ background-color: #fff;margin: 76px auto;height:750px;width: 1200px;}
.prolistzbox .titlsplis{color: #373d41;cursor: default;font-size: 24px;text-align: center;margin-bottom: 76px;}
.prolistzbox .proboxsban{height: 200px;margin: 10px auto;text-align: center;width: 33.3%; float:left;}
.prolistzbox .proboxsban a{display: block;margin: 0 auto;text-decoration: none;}
.prolistzbox .proboxsban a img{display: block;height: 75px;margin: 0 auto;width: 75px;}
.prolistzbox .proboxsban a h2{color: #373d41;font-size: 20px;font-weight: bold;margin-top: 10px;transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0s;animation: 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s normal none 1 running slide-market30;}
.prolistzbox .proboxsban a:hover h2{ color:#00c2de;}
.prolistzbox .proboxsban p{color: #a9b0b4;margin-top: 10px;text-decoration: none;transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0s;}
/*新闻*/
.mainNewsListBox{background-color:#f5f5f5;height:300px;padding:50px 0;}
.newsbox{width: 1200px; display:block;margin:0 auto;height:300px;}
.newsbox .newitem{float: left;padding-left: 10px;padding-right: 10px;width: 380px;}
.newsbox .newitem .new_header{background-color: #fff;border: 1px solid #c5d8db;cursor: pointer;height: 230px;margin-bottom: 20px;transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0s;}
.newsbox .newitem .new_header .img-area{height: 170px;overflow: hidden;width: 100%;}
.newsbox .newitem .new_header .img-area img{transition: all 0.5s ease 0s;width: 100%;}
.newsbox .newitem .new_header .img-area:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.newsbox .newitem .new_header p{color: #373d41;font-size: 14px;margin: 18px 25px;width:328px;height:21px;overflow:hidden;}
.newsbox .newitem .new_header p:hover{ color:#00c2de;}
.newsbox .newitem .new_header p a{color: #373d41!important;}
.newsbox .newitem  ul{font-size: 14px;padding-left: 0;}
.newsbox .newitem  ul li{height:28px;line-height:28px;color: #373d41;text-decoration: none;transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0s; cursor:pointer;}
.newsbox .newitem  ul li:hover{ color:#00c2de;}
.newsbox .newitem  ul li a{color: #373d41!important;}
/*地图*/
.botmap{ background-color:#FFF;}
.botmap .botmapbox{ width:1200px; margin:0 auto; padding:70px 0;}
.botmap .botmapbox .maptitle{  color: #373d41;font-size: 24px; text-align: center;}
.botmap .botmapbox .maplist{ position:relative;padding-top: 70px;}
.botmap .botmapbox .maplist img{ width:100%;}
/*客户*/
.clientbox{width:1200px; margin:0 auto; padding:0 0 60px 0;}
.clientbox .clietitle{color: #373d41;font-size: 30px;text-align: center;line-height:30px;padding:10px 0;}
.clientbox .clietlist img{height: 69px;padding: 30px 10px 0;text-align: center;width: 180px;}
/*底部联系我们*/
.mainFootContactBox{background:#f5f5f5;}
.mainFootContactBox .mainItemBox{width:1200px;margin:0 auto;padding:50px 0;}
.mainFootContactBox .mainItemBox>h1{text-align:center;font-size:30px;line-height:60px;font-weight:normal;color:#333;}
.mainFootContactBox .mainItemBox .itemListBox{width:1200px;height:150px;padding:50px 0 0 0;}
.mainFootContactBox .mainItemBox .itemListBox>li{float:left;width:355px;height:150px;margin-right:45px;background:#fff;position:relative;}
.mainFootContactBox .mainItemBox .itemListBox>li>em{display:block;width:86px;height:86px;position:absolute;top:25px;left:25px;background:#f5f5f5;padding:7px;}
.mainFootContactBox .mainItemBox .itemListBox>li>h1{display:block;padding:0 0 0 145px;font-size:18px;color:#333;line-height:34px;margin:20px 0 0 0;}
.mainFootContactBox .mainItemBox .itemListBox>li>span{display:block;padding:0 0 0 165px;font-size:14px;color:#666;background:url(../WebnewImages/contact_icon_01.png) no-repeat scroll 145px center;}
.mainFootContactBox .mainItemBox .itemListBox>li>strong{display:block;padding:3px 0 3px 165px;font-size:14px;font-weight:normal;color:#666;background:url(../WebnewImages/contact_icon_02.png) no-repeat scroll 145px center;}
.mainFootContactBox .mainItemBox .itemListBox>li>p{padding:0 20px 0 165px;font-size:14px;color:#666;line-height:20px;background:url(../WebnewImages/contact_icon_03.png) no-repeat scroll 145px center;}
/****************************************************************************/
/*
  溯源系统列表
  add lis
  2017.09.28
*/
/****************************************************************************/
.mainSystemItemBox{height:600px;}
.mainSystemItemBox .headerItemBox{width:1200px;margin:0 auto;text-align:center;font-size:30px;line-height:36px;padding:20px 0;}
.mainSystemItemBox .listItemBox{width:1200px;margin:0 auto;}
.mainSystemItemBox .listItemBox li{width:280px;height:220px;float:left;margin:10px;background:#f1f1f1;text-align:center;border-radius:4px;overflow:hidden;transition: all 1s;-webkit-transition: all 1s;}
.mainSystemItemBox .listItemBox li:hover{-webkit-box-shadow: #666 0px 0px 10px;-moz-box-shadow: #666 0px 0px 10px;box-shadow: #666 0px 0px 10px;}
.mainSystemItemBox .listItemBox li .picBox{display:block;background:#00c3ff;}
.mainSystemItemBox .listItemBox li h2{font-size:20px;font-weight:normal;line-height:30px;padding:8px 0;color:#333;}
.mainSystemItemBox .listItemBox li p{padding:0 10px;line-height:20px;color:#666;}