@charset "utf-8";
/* CSS Document*/
html{font-size:62.5%; /* 10÷16=62.5% */}
body{font-size:13px;font-size:1.3rem ; /* 12÷10=1.2 */ font-family: Arial, Helvetica, sans-serif}
*{margin:0; padding:0;}
a{text-decoration:none;transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; color: #202020;}
a:hover{text-decoration:none;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
legend{color:#000;}
fieldset, img,button{border:none;}
li{list-style-type:none;}
button, input, select, textarea{font-size:100%;}
table{border-collapse:collapse; border-spacing:0;}
.clearfix:after{display:block;font-size:0;content: " ";clear:both;height:0;}
.clearfix{*zoom:1;}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.fl{float:left}
.fr{float:right}
.rel{ position:relative}
/*滚动条
::-webkit-scrollbar{width: 8px;}
::-webkit-scrollbar-thumb{background: #bbbbbb; background: rgba(0, 0, 0, 0.15); border-radius: 5px;}
::-webkit-scrollbar-track{background: #dddddd; background: rgba(0, 0, 0, 0.05);}
*/
@font-face{font-family: 'iconfont'; src: url('../fonts/iconfont.woff2') format('woff2'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype');}
.iconfont{font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
@font-face{font-family: 'Book-Antiqua';src: url('../fonts/Book-Antiqua.eot');src: url('../fonts/Book-Antiqua.eot?#iefix') format('embedded-opentype'), url('../fonts/Book-Antiqua.woff2') format('woff2'), url('../fonts/Book-Antiqua.woff') format('woff'), url('../fonts/Book-Antiqua.ttf') format('truetype'), url('../fonts/Book-Antiqua.svg#novecentowide-bold-webfont') format('svg');}
.shadow{-o-box-shadow:0 0 20px rgba(0,0,0,.1);-ms-box-shadow:0 0 20px rgba(0,0,0,.1);-moz-box-shadow:0 0 20px rgba(0,0,0,.1);-webkit-box-shadow:0 0 20px rgba(0,0,0,.1);box-shadow:0 0 20px rgba(0,0,0,.1);}
/*布局*/
.warp{width:100%; margin:0 auto; }
.w{margin:0 auto;}
.rel{position:relative;}
.bg1{ background:url(../images/bg1.jpg) top center repeat-y;}
.bg2{ background:url(../images/bg2.jpg) top center repeat-y;}
.bg3{ background:url(../images/bg3.jpg) top center no-repeat;}
.bg4{ background:url(../images/bg4.jpg) top center repeat-y;}
.bg5{ background:url(../images/bg5.jpg) top center no-repeat #FFFFFF;}
.bg6{ background: #f4f5f6;}
.p60{ padding:60px 0 60px 0;}
img:hover{transform: scale(1.1);transition: 1s;}
img{transform: scale(1);transition:transform .5s ease-in;}
a{transition:all .3s ease-in;}

/*单行文本*/
.text-oneline{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.text-someline{display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
.line2{-webkit-line-clamp: 2;}
.line3{-webkit-line-clamp: 3;}


/*导航*/
.navbar-height{ height:90px; width:100%;}
.top_main{position:fixed;z-index: 20;width: 100%; height:90px; top: 0;left: 0;background-color: #fff;}
.logo {position: relative;z-index: 9;margin:25px 0 0 60px; width:20%;}
.logo img{ max-width:100%;}
.hlist-main {position: relative;z-index: 9;margin-top: 20px;}
#hlist-main { margin-left:1%;}
.hlist-main ul li {float: left;font-size: 18px;line-height:70px;text-align: center; padding:0 1.4% 0 1.4%;}
.hlist-main ul li a{*display: inline;*zoom: 1;display: inline-block;line-height:66px;border-bottom: 2px solid #fff;}
.hlist-main ul li.cur a{color: #1b90cd; border-bottom: 2px solid #1a90ce;line-height: 66px;}
.td-m{text-align: center;line-height:46px; height:46px;font-size:14px; background-color: #f2f2f2;position: fixed;width: 100%;top: 90px;left: 0;z-index: 20; display:none;}
.td-m dl dd {*display: inline;*zoom: 1;display: inline-block;vertical-align: middle;margin: 0 1%;line-height:46px;}
.td-m dl dd a {color:#999;line-height:46px;}
.hlist-main ul li.cur .td-m dl dd a {color:#999; font-weight:normal;line-height:46px; border:none;}
.hlist-main ul li.cur .td-m dl dd a:hover{ color:#1b90cd;line-height:46px; border:none;}
.tlx{ position:relative; float:right; z-index:100px; height:90px; padding-right:60px;}
.tlx-text{ display:block; float:left; margin-top:10px;  margin-left:20px; position:relative;}
.tlx-text i{ width:42px; height:42px; font-size:24px; text-align:center;  line-height:42px; background:#f2f2f2; color:#333; border-radius:50%; display:inline-block; color:#999;}
.tlx-text span{ display:inline-block; font-size:20px; color:#666; font-family:Arial, Helvetica, sans-serif; line-height:44px; color:#1a90ce;}
.tlx-text:hover i{ background:#1a90ce; color:#FFFFFF; cursor:pointer;}
.tmenu i{ background:#1a90ce; color:#FFFFFF;}
.tevm{ position:absolute; bottom:-170px; right:-55px; width:150px; height:160px; padding:10px; background:#FFFFFF; border-radius:5px; z-index:800; text-align:center;box-shadow: 0 3px 10px rgba(68,66,154,0.15); -webkit-box-shadow: 0 3px 10px rgba(68,66,154,0.15); transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); display:none;}
.tevm img{ width:120px; height:120px;}
.tevm em{ font-size:13px; line-height:20px; height:20px; color:#999; font-style:normal; display:inline-block; margin:0; padding:0;}
.tevm:before{display: block;content: ""; width: 0; height: 0; border-left:6px solid transparent; border-bottom:6px solid #fff; border-right: 6px solid transparent; position: absolute; left: 50%; bottom: 100%; transform: translateX(-50%);}
.menu-all{position:fixed;top: 0;left: 0;z-index: 999;width: 100%;height: 100%;background:#fff; display:none; padding:0 5% 0 5%;}
.body-hidd{width: 100%;height: 100%;position: fixed;left: 0;top: 0;overflow: hidden;}
.closemenu{position: absolute;top: 20px;right: 3%;cursor: pointer; padding:10px 20px 10px 20px; background: linear-gradient(to left,#39abd8,#3472af); color:#FFFFFF; font-size:16px; border-radius:20px;}
.menu-all-list{ float:left; width:33.3333%; height:100%; background:#f9f9f9; padding:5%; }
.menu-all-pro{background: linear-gradient(to left,#39abd8,#3472af);}
.menu-logo{ float:left; padding-bottom:10%; width:100%;}
.menu-all-ul{ float:left; width:100%;}
.menu-all-ul li{float:left; width:100%;}
.menu-all-ul li a{ width:100%; padding:2% 0 2% 1%; font-size:1.5rem; color:#666; display:block;}
.menu-all-ul li a:hover{ color:#1a90ce;transform:translateX(3px);-webkit-transform:translateX(3px);}
.menu-all-basc{ float:left; width:100%; padding-top:10%; font-size:1.3rem; color:#999; line-height:200%;}
.menu-all-title{float:left; padding-bottom:5%; width:100%; border-bottom:#c9c9c9 1px solid;}
.menu-all-title h1{ display:block; font-size:2.8rem; display:block; width:100%;padding-bottom:5%; font-weight:normal;}
.menu-all-title p{ display:block; font-size:1.4rem; line-height:150%;color:#666; display:block;}
.menu-all-nav-list{ float:left; width:100%; padding-top:8%;}
.menu-all-nav-list li{ width:50%; float:left;}
.menu-all-nav-list li a{ width:80%; float:left; padding:8% 5% 8% 0;font-size:1.4rem; display:block;color:#666;}
.menu-all-nav-list li a:hover{transform:translateX(3px);-webkit-transform:translateX(3px);}
.menu-all-pro .menu-all-title{border-bottom:#79c0e0 1px solid;}
.menu-all-pro .menu-all-title h1{ color:#FFFFFF;}
.menu-all-pro .menu-all-title p{ color:#FFFFFF;}
.menu-all-pro .menu-all-nav-list li a{ color:#FFFFFF;}

/*大标题*/
.title{padding-bottom:40px;}
.title-top{color: #000;font-size:32px;text-align: center;margin-bottom: 14px;}
.title-bottom{text-align:center;}
.title-bottom-tm{display:inline-block; position:relative;}
.title-bottom span{color: #000;font-size:14px;opacity: 0.5;padding:0 6px;}
.title-bottom-tm::before{content: ''; width:72px;height: 4px; left: -82px; top:8px; position: absolute;background:url(../images/fbiaoti.png) center no-repeat;}
.title-bottom-tm::after{content: ''; width:72px;height: 4px; right: -82px; top: 8px; position: absolute;background:url(../images/fbiaoti.png) center no-repeat;}

/*首页背景幻灯片*/
.page-container{height: calc(100vh - 90px);width: 100%;position: relative;overflow: hidden;}
.index-banner{display: block;width: 100%;height: 100%;position: relative;overflow: hidden;z-index: 1;}
.index-banner .swiper-slide{ height:100%; display:block;}
.index-banner .swiper-slide img{display:block; margin:0 auto;width:100%;height: 100%; }
.index-banner .swiper-pagination-bullet{width:60px; height:2px; border-radius:0; margin:0 10px; background:rgba(255,255,255,.2); opacity:1;}
.index-banner .swiper-pagination-bullet-active{background:rgba(255,255,255,1);}
.index-banner .swiper-pagination{bottom:6%;}
.index-banner .swiper-button-next,
.index-banner .swiper-button-prev{opacity: 0.6;border-radius: 3px;}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next{left: 8%;}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev{right: 8%;}
/*产品*/
.bigpro{ width:50%; float:left; overflow:hidden;}
.smalltitle{ float:left; font-size:13px; color:#999; padding-bottom:30px;}
.bigpro-img{ padding:0 5% 0 5%; float:left; overflow:hidden;}
.bigpro-img img{ max-width:100%;}
.bigpro-con{ width:30%; float:left; padding-left:5%;}
.bigtitle1{ float:left; padding-top:30px; width:100%;}
.bigtitle1 a{ display:inline-block;font-size:32px; font-weight:bold; color:#000000; line-height:120%; }
.bigtitle1 a:hover{transform:translateX(5px);-webkit-transform:translateX(5px);color:#1b90cd;}
.bigtitle-f{ width:100%; float:left;font-size:13px; color:#999; padding:20px 0 50px 0; line-height:28px;}
.bigmore{ width:100%; float:left;}
.bigmore a{ display:inline-block; padding:8px 20px 8px 20px; color:#FFFFFF; font-size:13px; border-radius:20px; background: linear-gradient(to left,#39abd8,#3472af);}
.bigmore a:hover{transform:translateX(3px);-webkit-transform:translateX(3px);background: linear-gradient(to left,#3472af,#39abd8);}

.smallpro1{ width:60%; float:left;}
.rightarrow{ position:relative; left:0; top:-80px; z-index:2;}
.rightarrow i{ display:inline-block; padding:15px; font-size:16px; color:#FFFFFF; background:#39abd8}
.smallpro{ float:left;}
.smallpro-con{ width:60%; padding-right:5%; float:left;}
.bigtitle2{ float:left;  width:100%;}
.bigtitle2 a{ display:inline-block;font-size:17px; font-weight:bold; color:#000000; line-height:120%; }
.bigtitle2 a:hover{transform:translateX(5px);-webkit-transform:translateX(5px);color:#1b90cd;}
.smallpro-box{width:50%; background:#FFFFFF; position: absolute; z-index:2; right:-10%; top:-100%; overflow:hidden; padding:20px;}
.smallpro-img{padding-bottom:62.8%;overflow: hidden;display: block;width: 100%;height: 0;position: relative;}
.smallpro-img img{width: 100%;height: 100%;display: block;position: absolute;left: 0;top: 0;}
.smallpro2{ width:30%; float:right; }
.rightarrow2{ position:relative; right:0; top:-80px; z-index:2; float:right;}
.smallpro-con2{left:0; top:-100%; z-index:2; width:100%; position:absolute;}
.smallpro-box2{ width:80%; background:#FFFFFF; overflow:hidden; padding:20px; float:left;}

/*方案*/
.solution-con{ float:left; width:25%; padding:3%; border:#006699 4px solid; margin-right:3%; margin-top:6%; background:#fff;}
.bigbefore{ width:50%; height:2px; background:#3498cb; float:left; margin:0 0 20px 0;}
.border-top-1{ border-top:#FFFFFF 1px solid}
.solution-box{ width:72%; float:right; overflow:hidden; padding:5% 0 8% 0;}
.pic{padding-bottom:75%;}
.picbox{overflow: hidden;display: block;width: 100%;height: 0;position: relative;}
.picbox img{transition: 1s;width: 100%;height: 100%;display: block;position: absolute;left: 0;top: 0;}
.solution-title{ width:100%; float:left; background:#FFFFFF; padding:20px;}
.solution-title h3{ color:#000000; font-size:15px;  width:100%; padding-bottom:15px;}
.solution-title p{ color:#999999; font-size:12px;  width:100%;}
.solution-button{ position:absolute; right:8%; top:50%; margin-top:-75px; width:40px; height:150px;}
.solution-button .swiper-button-prev,.solution-button .swiper-button-next{ width:40px; height:40px;  background: linear-gradient(to left,#39abd8,#3472af);  float:left;}
.solution-button .swiper-button-prev:after,.solution-button .swiper-button-next:after{font-size:16px; color:#FFFFFF;}
.solution-button .swiper-button-prev{ left:0; top:0;}
.solution-button .swiper-button-next{ left:0; bottom:0;}
.solution .swiper-slide a:hover .solution-title{background: linear-gradient(to left,#3472af,#39abd8);}
.solution .swiper-slide a:hover .solution-title h3,.solution .swiper-slide a:hover .solution-title p{ color:#FFFFFF;}
/*简介*/
.pt200{ padding-top:100px;}
.intro-img{ width:30%; float:left; z-index:2; }
.intro-img-box{ width:100%; height:100%; overflow:hidden; position:relative; z-index:8;}
.intro-img{max-width:100%; }
.intro-img-block{ background:#d3e6f2; width:200px; height:200px; position:absolute; z-index:3; left:-30px; bottom:-30px;}
.intro-con{ width:50%; padding:80px 80px 100px 80px; float:left; background:#e6eef4;}
.intro-con .bigtitle-f{ padding-top:50px;}
.intro-block{ width:20%; height:600px;background:#d3e6f2; float:left;}
.intro-dian{ position:absolute; left:10px; bottom:-50px;width:60%; }
.intro-xian{ position:absolute; right:50px; top:-100px;width:2px; height:280px; background:#3498cb;}
.intro-xian1{ position:absolute; left:50px; top:-100px;width:2px; height:200px; background:#3498cb;}
.intro-xian3{ position:absolute; right:50px; top:-250px;width:2px; height:200px; background:#3498cb;}
/*新闻*/

.index-newsLeft{display: inline-block;float: right;width:40%;background: #fff;box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.06);}
.index-newsLeft-img{display: block;width: 100%;height: 350px;overflow: hidden;background-repeat: no-repeat;background-position: center;background-size: cover;overflow: hidden;}
.index-newsLeft-img span{display: block;width: 100%;height: 354px;overflow: hidden;background-repeat: no-repeat;background-position: center;background-size: cover;transition: all 400ms;}
.index-newsLeft:hover .index-newsLeft-img span{transform: scale(1.04);}
.index-newsLeft-in{display: block;width: 100%;height: auto;padding: 20px 35px 20px;font-size:13px;color: #848484;line-height: 26px;}
.index-newsLeft-in h3{font-size:17px;font-weight: bold;color: #333;line-height: 24px;height: 24px;margin-bottom:8px;}
.index-newsLeft-in p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.index-newsLeft-in h5{font-size:13px;color: #999;line-height: 25px;margin-top:10px; font-weight:normal;}
.index-newsLeft:hover .index-newsLeft-in h3{color: #3498cb;}
.index-newsRight{display: inline-block;float: left;width:58%;background: #fff; box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.06);}
.index-newsRight li:nth-child(2n){background:#f9f9f9;}
.index-newsRight-more{display: block;border-radius: 2px;background:#f2f2f2;text-align: center;font-size:14px;color: #333;margin: 12px auto 0;transition: all 300ms; padding:10px 0 10px 0; margin:15px 30px 20px 30px;}
.index-newsRight-more:hover{background: #3498cb;color: #fff;}
.index-newsIn{display: block;width:100%;border-top: 1px solid #fff;border-bottom: 1px solid #fff;padding:30px ;position: relative;font-size:13px;color: #666;line-height: 24px;}
.index-newsIn h3{font-size:17px;font-weight: bold;color: #292927;line-height:28px; padding-bottom:5px;}
.index-newsIn h5{display:block; float:left; width:80px; height:80px;padding:10px;border-radius:8px;background:linear-gradient(to left,#3472af,#39abd8);}
.index-newsIn h5 em{display:block;float:left;width:100%;text-align:center;padding-top:10px;font-size:32px;color:#fff;font-weight:normal; font-style:normal;}
.index-newsIn h5 span{display:block;float:left;width:100%;text-align:center;font-size:10px;padding-top:5px;color:#fff; font-weight: normal;}
.news-con{width:calc(100% - 110px); float:right;}
.index-newsIn:hover{color: #666;background: #eef6f9;border-color: #d4ebf5;}
.index-newsIn:hover h3{color: #3498cb;}
.index-newsIn:hover h5{color: #333;}

/*底部*/
.footer{ background:url(../images/logobg.png) 95% 100% no-repeat #f5f5f5;padding: 60px 0;}
.footer-nav{ float:left; width:calc((100% - 60px) / 5);}
.footer-nav dt{ font-size:20px; color:#000000; margin-bottom:20px;}
.footer-nav dd p{ display:block; padding:8px 0 8px 0; width:100%; float:left;}
.footer-nav dd p em{ display:block; float:left;color:#999; font-style:normal; width:70px; }
.footer-nav dd p span{ display:block; float:left;color:#666; padding-left:10px;width:calc(100% - 70px); line-height:150%; }
.footer-nav dd p .dtel{ font-family:Arial, Helvetica, sans-serif; color:#3498cb; font-size:24px;line-height:110%;}
.footer-nav dd a{ color:#999; display:block;}
.footer-nav dd a:hover{ color:#000000;transform:translateX(3px);-webkit-transform:translateX(3px);}
.text-right{ text-align:right;}
.devm{ float:left; width:70%; text-align:center; padding:15px; margin-right:5%; background:#FFFFFF;}
.devm img{ display:inline-block; width:100%; }
.devm span{ line-height:20px;}
.footer-copy{padding: 34px 0;background-color: #eee;}
.footer-logo,.footer-bq{ float:left;}
.footer-logo img{ width:120px;}
.footer-bq{ padding-left:50px;}
.footer-bq p{ display:block; width:100%; color:#9fa0a0; font-size:14px;}
.footer-bq .p1 span,.footer-bq .p1 a{ display:inline-block; padding-right:20px;}
.footer-bq .p1 a{ color:#9fa0a0}
.footer-bq .p2 a{ color:#666}
.footer-bq .p1 a:hover,.footer-bq .p2 a:hover{ color:#666}
.footer-bq .p2{ padding-top:12px; color:#666;}
.footer-sm{ float:right; text-align:right;}
.footer-sm a{ color:#666;}
.footer-sm a:hover{ color:#333}