@charset "utf-8";
/* 564379992@qq.com */
* { margin: 0px; padding: 0px; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); box-sizing:border-box; -webkit-box-sizing:border-box; }
body { margin: 0px; padding: 0px; font-family: microsoft Yahei, Arial, Helvetica, sans-serif ; font-size: 12px; color: #424242; min-width:1200px; margin:0 auto;  position: relative; -webkit-text-size-adjust: none;}
ul, li, p, span, h1, h2, h3, h4, dl, dt, dd, form, input, textarea, select { margin: 0px; padding: 0px; }
input, textarea, select { color: #666;font-family: 'Microsoft Yahei'; }
i,em { display: inline-block; font-style:normal; }
*:focus { outline: none }
img { border: 0px; max-width:100%; }
ul, li { list-style-type: none; }
a{ color: #333; text-decoration: none; border: none; outline: none; transition:all 0.5s ease; }
a:hover { color: #2085E4; }
.clear{ clear:both; content:''; height:0px; overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.wrap{ width:1200px; margin:0 auto;}
@font-face { font-family: 'HELVETICANEUELTPRO-THEX'; src: url('../font/HELVETICANEUELTPRO-THEX.OTF'); font-weight: normal; font-style: normal; }
/***顶部***/
.headtop{ height:35px; color:#fff; overflow: hidden; background:#2085E4; line-height: 35px; }
.headtop .fl{ width:50%;}
.headtop .tel{ float:right; font-size:14px; background: url(../tel.png) no-repeat left center; padding-left:30px;}

/***头部***/
.head{ height:105px;}
.head .wrap{ position:relative; height:105px; padding-right:220px;}
.head .logo{ position:absolute; left:0px; top:50%; max-height:80%; transform:translateY(-50%);}
.head ul{ float:right;}
.head ul li{ float:left; width:95px; height:105px; position:relative;}
.head ul li > a{ font-size:15px; height:105px; line-height:105px; color:#000 ; display:block; text-align:center;}
.head ul li > a:after{ width:100%; height:2px; background:#2085E4; display:none; overflow:hidden; position:absolute; bottom:0px; left:0px; content:'';}
.head ul li > a.on,.head ul li:hover > a{ background: #E5EFFF; color:#2085E4; }
.head ul li > a.on:after,.head ul li:hover > a:after{ display:block;}
.head ul li .nson{ position:absolute; width:180px; left:-42px; border-top:2px solid #2085E4; top:103px; background:#fff; z-index:111; display:none;}
.head ul li .nson a{ display:block; font-size:13px; height:50px; overflow:hidden; text-align:center; padding:0 8px; line-height:50px; border-bottom:1px solid #eee;}
.head ul li .nson a:hover{ background:#2085E4; color:#fff;}
.head .search{ position:absolute; width:209px; top:25px; height:40px; right:0px;}
.head .search .intxt{  width:100%; border:0px;border-bottom:1px solid #ddd; height:40px; line-height:40px;}
.head .search .sbtn{ background:url(../search.png) no-repeat center; width:30px; border:0px; position:absolute; right:0px; top:0px; height:40px;}

/***焦点图***/
.banner{ overflow:hidden; position:relative; height:660px; }
.banner .bd{  width:100%; height:660px;}
.banner .bd ul{height:660px; }
.banner .bd ul li { height:660px;  }
.banner .hd { position:absolute; width:100%; text-align:center; bottom:12px; left:0px; z-index:1;}
.banner .hd ul li{ width:12px;  height:12px;  display:inline-block; overflow:hidden; line-height:-999px; cursor:pointer; margin:0 5px; background:rgba(255,255,255,0.3); border-radius:50%;}
.banner .hd ul li.on{ background:#fff;}

.title{ text-align:center; padding:97px 0 55px 0;}
.title h2 div{ display:inline-block; text-align:center; font-weight:normal; font-size:28px; color:#333; position:relative;}
.title h2 div span{ position:absolute; top:8px; width:35px;}
.title h2 div span i{ height:2px; background:#2085E4; -webkit-animation:mymove 1s infinite; display:block; position:absolute; top:0px;}
.title h2 div span.s1{ margin-left:-47px; }
.title h2 div span.s2{ margin-left:10px; }
.title h2 div span.s1 i{ right:0px;}
.title h2 div span i:nth-child(1){ -webkit-animation:menu1 1.5s ease-in-out infinite;}
.title h2 div span i:nth-child(2){ -webkit-animation:menu2 1.5s ease-in-out infinite; top:10px;}
.title h2 div span i:nth-child(3){-webkit-animation:menu3 1.5s ease-in-out infinite; top:20px;}

@-webkit-keyframes menu1{
    0%{ width:100%;}
    25%{ width:25%;}
    100%{ width:100%}
}
@-webkit-keyframes menu2{
    0%{ width:100%;}
    50%{ width:25%;}
    100%{ width:100%}
}
@-webkit-keyframes menu3{
    0%{ width:100%;}
    75%{ width:25%;}
    100%{ width:100%}
}
.metal{ overflow:hidden; padding-bottom:100px; }
.prolist{}
.prolist li{ float:left; width:25%;  position:relative; transition:all 0.5s cubic-bezier(0.5,0,0.5,1); height:316px;}
.prolist li img{ display:block; margin:0 auto; }
.prolist li h3{ text-align:center; font-size:18px; color:#333; font-weight:normal; transition:all 0.5s cubic-bezier(0.5,0,0.5,1);margin-top:5px;}
.prolist li h3:after{ width:43px; height:4px; overflow:hidden; background:#dcdcdc; transition:all 0.5s cubic-bezier(0.5,0,0.5,1);display:block; margin:0 auto; content:''; margin-top:15px;}
.prolist li:hover{background:#fff; box-shadow:#f3f3f3 0 0 25px; transform:translateY(-10px);}
.prolist li:hover h3{ color:#2085E4;}
.prolist li:hover h3:after{ background:#2085E4}

/***产品***/
.product{ background:#FAFAFA; overflow:hidden; padding-bottom:104px;}
.product ul{ height:512px; position:relative;}
.product ul li{ position:absolute; width:288px; height:248px; transition:all 0.5s cubic-bezier(0.5,0,0.5,1); background:#fff; overflow:hidden;}
.product ul li:after{ position:absolute; height:3px; background:#eee; width:100%; bottom:0px; left:0px; content:'';transition:all 0.5s cubic-bezier(0.5,0,0.5,1);}
.product ul li img{ display:block; width:288px; height:248px;}
.product ul li.li0{ left:0px; width:591px; top:0px;}
.product ul li.li0 img{ float:left;}
.product ul li .text{ float:right; display:none;}
.product ul li.li0 .text{ display:block; width:260px; float:left; margin-top:52px; padding-left:20px;}
.product ul li .note{ font-size:14px; color:#999; line-height:24px; padding-top:12px;transition:all 0.5s cubic-bezier(0.5,0,0.5,1);}
.product ul li.li1{ left:607px; height:510px; top:0px;}
.product ul li.li1 .text{ display:block; width:230px; margin:0 auto; float:none; margin-top:12px;}
.product ul li.li2{ right:0px; top:0px;}
.product ul li.li3{ bottom:0px; left:0px;}
.product ul li.li4{ bottom:0px; left:303px;}
.product ul li.li5{ bottom:0px; right:0px;}
.product ul li .ico{ position:absolute; display:none;transition:all 0.5s cubic-bezier(0.5,0,0.5,1); width:32px; height:32px; right:35px; bottom:35px; background:url(../r.png) no-repeat center; z-index:1;}
.product ul li.li0 .ico,.product ul li.li1 .ico{ display:block;}
.product ul li h3{ position:absolute; bottom:-40px; height:40px;transition:all 0.5s cubic-bezier(0.5,0,0.5,1); width:100%; left:0px; line-height:40px; background:#2085E4 url(../r1.png) no-repeat 90% center;}
.product ul li h3 span{ padding-left:15px;  width:216px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#fff; font-size:14px; font-weight:normal;}
.product ul li.li0 h3,.product ul li.li1 h3{ display:none;}
.product ul li:hover:after{ background:#2085E4;  }
.product ul li:hover{box-shadow:#e6e6e6 0 0 20px;}
.product ul li:hover .note{ color:#2085E4;}
.product ul li:hover .ico{ background:url(../ron.png) no-repeat center;}
.product ul li:hover h3{ bottom:0px;}

.amore{width:173px; height:44px; display:block; line-height:44px;color:#fff;font-size:14px; background: #2085E4; box-sizing: border-box; padding-left:10px; border-radius: 30px; margin:0 auto; margin-top:80px;}
.amore span{display: block; background: url(../r1.png) no-repeat 80% center; font-family:HELVETICANEUELTPRO-THEX; transition:all 0.3s ease; padding-left:20px;}
.amore:hover{  background-image: linear-gradient(160deg, #00ffd5 20%,#2085E4 80%); }
.amore:hover span{ padding-left:40px; background-position: 70% center; color:#fff;}

/***客户案例***/
.case{ overflow:hidden; height:787px; background:url(../bg.jpg) no-repeat center top;}
.case .title h2 div{ color:#fff;}
.case .title h2 div span i{ background:#fff;}
.case .bd{ height:427px; overflow:hidden;}
.caselist{ overflow:hidden;}
.caselist li{ float:left; width:373px; height:427px; box-shadow:#1170be 0 0 15px; background:#fff;transition:all 0.5s cubic-bezier(0.5,0,0.5,1); margin-right:39px; overflow:hidden; position:relative;}
.caselist li a{ display:block; width:333px; margin:0 auto;}
.caselist li a .pic{ overflow:hidden; margin-top:20px;}
.caselist li a img{ display:block; width:333px; height:189px;}
.caselist li a h2{ text-align:center; font-size:18px; padding-top:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.caselist li a .note{ font-size:14px; height:66px;transition:all 0.5s cubic-bezier(0.5,0,0.5,1); color:#999; line-height:24px; margin-top:15px;}
.caselist li a .ico{position:absolute; transition:all 0.5s cubic-bezier(0.5,0,0.5,1); width:32px; height:32px;  background:url(../r.png) no-repeat center; 
left:0px; right:0px; margin:auto; bottom:30px;}
.caselist li:hover .note{ color:#2085E4}
.caselist li:hover a .ico{ background:url(../ron.png) no-repeat center;}
.case .hd{ text-align:center; margin-top:40px;}
.case .hd ul li{ width:15px; height:15px; cursor:pointer;  background:#fff; display:inline-block; opacity:0.6; border-radius:50%; line-height:99999px; overflow:hidden; margin:0 5px;}
.case .hd ul li.on{ opacity:1;}


/***关于我们***/
.about{ overflow:hidden; padding-bottom:107px;}
.about .fl{ width:598px; height:401px;}
.about .fl img{ display:block; width:598px; height:401px;}
.about .fr{width:570px;}
.about .fr h1{ font-size:24px; color:#2085E4;}
.about .fr .note{ height:75px; margin-top:12px; line-height:26px; color:#999; font-size:14px; overflow:hidden; }
.about .fr .amore{ float:left; margin-top:20px;}
.about .fr ul{ overflow:hidden; margin-top:12px;}
.about .fr ul li{ float:left; width:50%; min-height:71px; position:relative; padding-left:82px; margin-top:30px;}
.about .fr ul li img{ width:70px; height:71px; position:absolute; left:0px; top:0px;}
.about .fr ul li h3{ margin-top:0px;}
.about .fr ul li p{ color:#999; line-height:22px; padding-top:5px; padding-right:10px;}


/***新闻***/
.news{ overflow:hidden; padding-bottom:107px; background:#f4f4f4;}
.cate{ text-align:center;}
.cate ul li{ display:inline-block; margin:0 20px;}
.cate ul li a{ display:block; width:173px; line-height:44px; height:44px; text-align:center; border-radius:44px; font-size:15px; color:#fff; background:#b3b3b3;}
.cate ul li a:hover,.cate ul li a.on{ background:#2085E4; color:#fff;}
.news .newtop{ margin-top:50px;}
.news .newtop .fl{ width:50%; margin-bottom:35px;padding-right:30px;}
.news .newtop .fl img{ display:block; width:100%;}
.news .newtop .fl .text h2{ font-size:16px; transition:all 0.3s ease; font-weight:normal; color:#333; margin-top:19px; height:32px; line-height:32px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative;}
.news .newtop .fl .text .textc{ position:relative; padding-left:80px; height:45px; margin-top:19px;}
.news .newtop .fl .text .textc .note{ color:#999999; line-height:23px; font-size:14px;}
.news .newtop .fl .text .mr{ height:34px; border-left:1px solid #ddd; top:0px; position:absolute; right:0px; width:37px; background:url(../img/rr.png) no-repeat right center; transition:all 0.3s ease;}
.news .newtop .fl:hover h2{ color:#2085E4;}
.news .newtop .fl:hover .text .mr{ border-color:#2085E4; background-position:left 0;}
.news .newtop .fl:hover .ndate p b,.news .newtop .fl:hover .ndate p{ color:#2085E4;}
.news .newtop .fr{ width:50%; padding-left:30px;}
.news .ndate{ text-align:center; border-right:1px solid #eee; width:70px; padding-right:5px; height:45px; overflow:hidden; position:absolute; left:0px; top:0px;}
.news .ndate p b{ display:block; font-size:24px; color:#666666; font-family:HELVETICANEUELTPRO-THEX;transition:all 0.3s ease;}
.news .ndate p { font-size:14px; color:#999999;font-family:HELVETICANEUELTPRO-THEX;transition:all 0.3s ease;}
.newlist1{ overflow:hidden; border-bottom:1px dotted #ddd;}
.newlist1 li{ position:relative; border-top:1px dotted #ddd; padding:15px 0;}
.newlist1 li h2{ font-size:16px; color:#555555; font-weight:normal;transition:all 0.3s ease; margin-bottom:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newlist1 li .note{ padding-left:80px; height:45px; overflow:hidden; font-size:14px; line-height:23px; color:#999999; position:relative;}
.newlist1 li .ndate{ top:0px;}
.newlist1 li a:hover h2{ color:#2085E4;}
.newlist1 li a:hover .ndate p b{ color:#2085E4;}
.newlist1 li a:hover .ndate p { color:#2085E4;}
.news .amore{ margin-top:30px;}

/***底部***/
.footer{ background:#333; overflow:hidden;}
.footer .footnav{ overflow:hidden; padding:55px 0;}
.footer .footnav .fl{ width:908px;}
.footer .footnav .fl dl{ float:left; width:174px;}
.footer .footnav .fl dl dt a{ font-size:14px; font-weight:bold; color:#fff;}
.footer .footnav .fl dl dd a{ display:block; color:#989898; margin-top:22px;}
.footer .footnav .fl dl.dl2{ width:334px;}
.footer .footnav .fl dl.dl2 dd{ float:left; width:50%;}
.footer .copyright{ background:#232323; line-height:73px; height:73px; overflow:hidden; color:#a2a2a2;}
.footer .copyright .fl{ width:60%;}
.footer .copyright .fr{ width:40%; text-align:right}
.footer .footnav .fl dl dt a:hover{ color:#fff;}
.footer .footnav .fl dl dd a:hover{ color:#fff;}
.footer .footnav .fr{ width:290px;}
.footer .footnav .fr ul li{ float:left; color:#989898; width:50%;}
.footer .footnav .fr ul li img{ display:block; width:119px;}
.footer .footnav .fr ul li p{ padding-left:30px; padding-top:10px;}

/***内页***/
/***产品列表***/
.topimg{height:350px; overflow:hidden; text-align:center; line-height:350px; }
.topimg h1{color:#fff; font-size:44px; font-weight:normal;}
.left{ float:right; width:230px; margin-bottom:50px; }
.left h2{ background:#2085E4 url(../ico.png) no-repeat 0px top; font-weight:normal; font-size:25px; padding:20px 0; padding-left:50px; color:#fff;}
.left p{ font-size:13px;}
.left ul{ margin:0 auto; padding-bottom:15px; border:2px solid #2085E4;}
.left ul li{ margin-top:10px; position:relative; padding:0 15px;}
.left ul li a{ display:block; height:40px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; line-height:40px; border:1px dotted #ddd; text-align:center; font-size:14px;}
.left ul li .lson{ position:absolute; width:230px; overflow:hidden; left:226px; border-left:2px solid #2085E4; display:none; top:0px; z-index:11; background:#fff;}
.left ul li .lson a{ width:200px; margin:0 auto; margin-bottom:20px;}
.left ul li .lson a:nth-child(1){ margin-top:10px;}
.left ul li:hover .lson{ display:block;}
.left ul li:hover > a,.left ul li a.on{ background:#2085E4; color:#fff; border-color:#2085E4;}
.left ul li .lson a:hover{background:#2085E4; color:#fff; border-color:#2085E4;}
.left .gzewm{ text-align:center; color:#666;}
.left .gzewm img{ width:140px; border:1px solid #eee; margin-top:12px; margin-bottom:12px;}

.contact{border:2px solid #2085E4; margin-top:20px; }
.contact .cbox{ padding:12px; }
.contact .cbox .ewm{ text-align:center; margin-top:12px;}
.contact .cbox h3{ font-size:12px;}
.contact .cbox h4{ font-size:20px; font-family:Arial; font-weight:bold; color:#2085E4;}
.contact .cbox p{ margin-top:5px; font-size:13px;}


.right{ width:930px; float:left; border:1px solid #eee; padding:30px; min-height:612px; margin-bottom:50px;}
.searchlist li{ padding:25px 0; border-bottom:1px dotted #ddd;}
.searchlist li h2{ font-weight:normal;}
.searchlist li p{ margin-top:10px; color:#999;}

.caselist.ny li{ box-shadow:none; border:1px solid #eee; height:360px; margin-bottom:30px;}
.caselist.ny li .ico{ display:none;}


/***分页***/
.page{ overflow:hidden; text-align:center; padding:20px 0; padding-top:30px;}
.page ul li{ display:inline-block;}
.page ul li a,.page ul li span{ padding:10px 15px; background:#fff; display:inline-block; color:#888; margin:0 2px;}
.page ul li.active span{ background:#2085E4; color:#fff; border-color:#2085E4}
.page ul li:hover a{ background:#2085E4; color:#fff;border-color:#2085E4}

/***产品详情***/
.location{ font-size:14px; height:50px; line-height:48px; color:#686868; background:#f7f7f7; margin-bottom:30px;}
.location .wrap{ background:url(../location.png) no-repeat left center; padding-left:40px;}
.location a{ font-size:14px; color:#686868;}
.location i{ margin:0 12px; color:#d6d6d6; font-family:宋体;}
.location span{ color:#2085E4;}

.pdbox{ line-height:26px; color:#666; font-size:14px;}
.pdbox a{ color:#2085E4;}
.pdbox table{border:0px; width:100%; border-top:1px solid #000; border-left:1px solid #000;border-collapse:collapse;}
.pdbox table tr td{border:0px; border-right:1px solid #000; border-bottom:1px solid #000; padding:5px;}

.imageList{ margin-left:-26px;}
.imageList li{ float:left; width:33.333333%; padding-left:26px; padding-bottom:30px;}
.imageList li a{ display:block; text-align:center;}
.imageList li a .pic img{ display:block; margin:0 auto; max-width:100%; height:100%; }
.imageList li a .pic{ width:100%; overflow:hidden; height:200px; border:1px solid #eee; padding:5px; margin-bottom:12px;}
.imageList li h3{ font-size:14px; font-weight:normal;}

.protop{ overflow:hidden;}
.protop .pic{ float:left; width:420px; height:350px; border:1px solid #eee; display:flex; justify-content:center; align-items:center;}
.protop .pic img{ max-width:100%; max-height:100%;}
.protop .fr{ width:400px;}
.protop .fr h2{ font-size:18px; border-bottom:1px dotted #eee; color:#2085E4; padding-bottom:10px; margin-bottom:12px;}
.protop .fr p{ font-size:14px; line-height:24px; color:#999; padding-top:12px;}

.ptit{ border-bottom:1px solid #eee; font-size:15px; margin-bottom:20px; font-weight:bold; margin-top:20px; padding-bottom:10px;}


/***新闻列表***/
.newlist{ overflow:hidden; margin-top:-20px; }
.newlist li{ position:relative; height:205px; overflow:hidden; border-bottom:1px dashed #ddd;}
.newlist li .pic{ float:left; width:256px; height:165px; margin-top:20px; }
.newlist li .pic img{ width:256px; height:165px;}
.newlist li .note{ height:165px; overflow:hidden; margin-top:20px; float:right; width:580px;}
.newlist li .note h2{ font-size:18px; font-weight:normal;}
.newlist li .note .notec{ font-size:14px; line-height:25px; color:#888; margin:12px 0;}
.newlist li .note .mo{ display:block; color:#2085E4;}
.newlist li .date{ color:#999; padding-bottom:12px;}

.newlist.pin li .pic{ text-align:center;  align-items:center; justify-content:center; border:1px dotted #eee; display:flex;}
.newlist.pin li .pic img{ width:auto; height:auto; max-width:90%; max-height:90%;}


.newbox{ background:#fff; verflow:hidden;}
.newbox .newtit{ text-align:center; padding-bottom:12px; border-bottom:1px dotted #ddd; margin-bottom:20px;} 
.newbox .newtit p{ font-size:12px; color:#999; padding-top:10px;}
.newbox .newtit h1{ font-size:18px;}
.newbox .note{ background:#f7f7f7; border:1px dotted #ddd; padding:12px; line-height:24px; font-size:12px; color:#999; margin-bottom:20px;}

.prevnext{ font-size:14px; margin-top:20px; line-height:30px; overflow:hidden; color:#666;}
.prevnext a{ color:#666;}
.prevnext a:hover{ color:#2085E4;}

.book{ padding:12px; overflow:hidden;}
.book h2{ font-size:16px; padding:15px 0; color:#2085E4; padding-top:8px;}
.book .intxt{ border:1px solid #eee; padding:13px 10px; margin-bottom:12px; width:100%;}
.book .intxt.i1{ width:48%;}
.book .intxt.i2{ width:48%; float:right;}
.book .intxt::-webkit-input-placeholder{ color:#aaa;}
.book .intxt:focus{ border-color:#2085E4;}
.book .sbtn{ background:#2085E4; padding:13px 10px; cursor:pointer; border:0px; color:#fff; width:120px;}

/***咨询***/
.zhixun{ position:fixed; z-index:1111; right:0px; bottom:20%;}
.zhixun ul li{ position:relative; margin-bottom:1px; width:77px; height:57px;}
.zhixun ul li .zxc{ width:77px; height:57px; background:#2085E4; position:absolute; right:0px; top:0px; transition:all 0.3s ease;}
.zhixun ul li .zxc.ztel span{height:57px; text-align:center; font-family:'HelveticaNeueLTCom-LtEx'; width:150px; overflow:hidden; float:right; color:#fff; font-size:16px; line-height:57px;}
.zhixun ul li .zxc em{ display:block; width:77px; text-align:center; height:57px; font-size:12px; padding-top:36px; color:#fff; float:left;}
.zhixun ul li .zxc.zqq em{ background:#2085E4 url(../kf/qq.png) no-repeat center 9px;}
.zhixun ul li .zxc.ztel { width:227px; right:-150px;}
.zhixun ul li .zxc.ztel em{ background:#2085E4 url(../kf/tel.png) no-repeat center 9px; border-right:1px solid #288ff1}
.zhixun ul li .zxc.zwx em{ background:#2085E4 url(../kf/ewm.png) no-repeat center 9px;}
.zhixun ul li .zxc.zwx span{ position:absolute; right:77px; top:0px; width:120px; height:120px; background:#fff; transition:all 0.3s ease; transform:scale(0); transform-origin:right center; padding:5px;  opacity:0;}
.zhixun ul li .zxc.ztp em{ background:#2085E4 url(../kf/top.png) no-repeat center 9px;}
.zhixun ul li:hover .zxc.zqq,.zhixun ul li:hover .zxc.ztp{ width:85px;}
.zhixun ul li:hover .zxc.ztel{ right:0px; }
.zhixun ul li:hover .zxc.zwx span{ transform:scale(1); opacity:1;}