/* CSS Document */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0} 
body{font:12px"微软雅黑","Microsoft Yahei";background:#fff;}
ul,li{ list-style:none;}
a{ text-decoration:none;}
/*头部*/
header{ width:100%; height:105px; overflow:hidden;}
.header-box{ width:1200px; height:auto; margin:0 auto;}
.header-box a{ display:block; float:left ;margin-top:15px;}
.header-tel{ float:right; margin-top:35px; width:180px;}
.header-tel img{ float:left;margin-right:10px;}
.header-tel p{ font-size:16px; color:red; }
.header-tel span{ display:block;color:red;}
/*导航*/
nav{ width:100%; height:50px; background:#303030; color:#FFF; position:absolute;z-index:9999;}
.nav-box{ width:1200px; margin:0 auto;}
.nav-box li{ float:left;}
.nav-box a{ display:block; color:#FFF; width:150px; height:50px; line-height:50px; font-size:16px; text-align:center;}
.nav-box a:hover{background:#fda102;}
.nav-box ul li ul{width:100%; height:100%; display:none;}
.nav-box a:hover ul{ display:block;}
.nav-box ul li ul li{background:#303030; float:none; margin-top:2px;}
.first{ background:#fda102;}
/*轮播*/
.banner{ width:100%; height:auto; overflow:hidden; margin:0 auto;position:relative;z-index:1; top:50px;}
.flexslider{position:relative; height:auto;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:3;}
.slides li{height:auto;overflow:hidden; width:100%;}
.slides li img { display:block; margin:0 auto; width:100%;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;z-index:3;}
.flex-control-nav li{display:inline-block;width:18px;height:17px;margin:0 5px;display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:18px;height:17px;line-height:50px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:1;width:100%;top:40%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
/*业务范围*/
.business{ width:1200px; margin:100px auto auto auto;overflow:hidden;}
.title{ font-size:35px;text-align:center;}
.title h4{font-weight:normal;}
.title span{ display:block; font-size:15px; color:#999999; line-height:30px;}
.title img{ margin:0 10px 0 10px;}
.business ul{ margin-top:30px;}
.business-img{width:100%; height:233px; overflow:hidden;}
.business-img img{width:100%; height:100%;cursor: pointer; transition: all 0.6s;}
.business li { width:370px; height:auto; float:right;margin-right:30px; overflow:hidden;}
.business li  a{ display:block; width:100%; height:auto; text-align:left;color:#000;}
.business li  a:hover h4{ color:#086cb9;}
.business ul li a:hover img{transform: scale(1.2);} 
.business-text{ width:370px; height:120px; background:#e9e7e7; line-height:25px;}
.business-text > h4{ font-size:23px; padding:10px 0 0 0; font-weight:normal;}
.business-text > p{ color:#a3a3a3; font-size:14px; width:98%;padding:5px 0 0 0;}
.business-text > p > span{color:#fda102;}
/*关于我们*/
.about{width:100%; height:360px;overflow:hidden; margin:60px auto auto auto; background:#f7f7f7;}
.about-box{ width:1200px; margin:0 auto; padding:10px 0 0 0;}
.about-left{margin:20px 0 0 0; width:60%; height:auto; font-size:14px; float:left;line-height:30px;}
.about-button{ display:block; margin:30px 0 0 0; width:150px; height:40px; background:#353535; color:#FFF; text-align:center; line-height:40px;}
.about-left a:hover{background:#fda102;}
.about-right{ float:right; width:35%;}
.about-img{ width:280px; height:220px;overflow:hidden; position:relative; z-index:33;top:15px;}
.about-kuang{ width:300px; height:260px; border:5px solid #999; position:relative; z-index:1;top:-230px;left:100px;}
/*产品展示*/
.product{width:1200px; margin:60px auto auto auto; overflow:hidden;}
.product-list01{ width:1200px; height:60px;text-align:center; margin:30px auto auto auto;}
.product-list01 ul{ display:block; margin-left:236px;}
.product-list01 li{ float:left; margin:auto auto auto 20px;}
.product-list01 li > a{display:block; width:120px; height:40px;background:#e5e5e5;color:#505050;line-height:40px;font-size:16px;}
.product-list01 li > a:hover{color:#FFF; background:#fda102;}
#list01-frist{background:#fda102; color:#FFF;}
.product-list02{width:100%; text-align:center; margin:30px auto auto auto;}
.product-list02 ul{position: relative; }
.product-list02 li{  width:270px; height:270px;float:left; margin:auto auto auto 20px; }
.product-list02 li > a{ display:block; width:100%; height:100%;cursor:pointer;  transition: all 0.5s ease-in-out; }
.product-list02 li > a > span{ display:block;width:100%; height:40px; line-height:40px; background:#E5E5E5;color:#000;font-size:14px;}
.product-list02 li > a:hover{box-shadow:0px 5px 15px rgba(0,0,0,0.9);transform:translate(0,-15px);}
.product-list02 li > a:hover > span{color:#2A6EC9;}
/*产品系统*/
.system{width:1200px; margin:60px auto auto auto; overflow:hidden;}
.system-item{width:100%; text-align:center; margin:0 auto;}
.system-item ul{position: relative; }
.system-item li{  width:270px; height:270px;float:left; margin:30px auto auto 20px; }
.system-item li > a{ display:block; width:100%; height:100%;cursor:pointer;  transition: all 0.5s ease-in-out; }
.system-item li > a > span{ display:block;width:100%; height:40px; line-height:40px; background:#E5E5E5;color:#000;font-size:14px;}
.system-item li > a:hover{box-shadow:0px 5px 15px rgba(0,0,0,0.9);transform:translate(0,-15px);}
.system-item li > a:hover > span{color:#2A6EC9;}
/*新闻动态*/
.new{ width:100%;/* height:900px; */background:url(../images/new-bg.jpg);margin:60px auto auto auto;}
.new-box{ width:1200px; margin:0 auto;padding:10px 0 0 0;}
.new-list ul{ width:100%; height:auto;padding:20px 0 0 0; display: flex; flex-wrap: wrap;}
.new-list ul > li{ width:48%; /* float:left; */ margin:20px 20px auto auto;}
.new-list ul > li > a { display:block; width:100%; height:125px; color:#333;}
.new-left{ width:205px; height:125px;float:left; overflow:hidden;}
.new-left img{width:100%; height:100%;cursor: pointer; transition: all 0.6s;}
.new-list > ul  > li >  a:hover img{transform: scale(1.1);} 
.new-list > ul  > li >  a:hover h4{ text-decoration:underline;}
.new-right{ width:350px; float:left; line-height:20px; padding-left:10px;}
.new-right h4{font-size:16px;padding:0 0 10px 0;}
.new-right p{padding:10px 0 0 0;}
.new-right p,span{color:#b8b8b8;}
/*合作伙伴*/
.partner{width:100%; height:306px; margin:60px auto auto auto; background:url(../images/partner-bg.jpg) no-repeat; }
.partner-box{ width:1200px; height:auto; margin:0 auto;}
.title02{ font-size:35px;text-align:center;color:#FFF;}
.title02 h4{font-weight:normal;}
.title02 span{ display:block; font-size:15px; color:#FFF; line-height:30px;}
.partner-lb{ width:100%;height:150px;margin-top:40px; overflow:hidden;}
#carousel a{ display:block;text-align: center;width: 250px;height: 150px; float: left;margin-left:20px;overflow:hidden;}
#carousel a > img {border: none; width:100%;}
/*底部*/                                          
footer{ width:100%; height:170px; background:#2e2e2e; clear:both;}
.footer-box{ width:1200px; margin:0 auto;}
.footer-left{width:800px; float:left;}
.footer-left > ul > li {float:left; margin-right: 30px;padding:20px 0 5px 0;}
.footer-left > ul > li > a{ color:#FFF; font-size:16px;}
.footer-left > ul > li > a:hover{ text-decoration:underline;}
.footer-line{border-bottom:solid #e0e0e0 2px;width:690px; clear:both;padding:10px 0 0 0; }
.footer-left >  p{ font-size:14px; color:#FFF; line-height:20px; padding-top:10px;}
.footer-right{ float:right; width:300px; text-align:center;margin:10px auto auto auto;color:#FFF; font-size:16px; line-height:40px;} 
.footer02{ text-align:center; font-size:12px; line-height:40px; color:#FFF; width:100%; background:#1a1a1a;clear:both;}
/*内页*/
.ny-banner{ width:100%; height:auto; margin-top:50px;}
.ny-banner img{width:100%}
.nybox{width:1200px; height:auto; margin:60px auto 60px auto; overflow:hidden;}
.nynav{ width:250px; height:auto; overflow:hidden; border:solid 5px #303030; float:left;}
.nynav-title{  font-weight:normal; color:#FFF; width:100%; height:70px; background:#303030; text-align:center;}
.nynav-title> h4 { padding-top:8px;font-size:24px;}
.nynav-title> h4 > span{ display:block; color:#CCC; font-size:12px;padding-top:3px;}
.nynav > ul{ width:80%; padding:20px 0px 50px 10px; }
.nynav > ul > li > a{ display:block; font-size:16px; color:#666; width:100%; padding:15px 0 15px 30px; border-bottom:1px dashed #666666; background: url(../images/nydot01.png) no-repeat 5px 18px;}
.nynav > ul > li > a:hover{background: url(../images/nydot02.png) no-repeat 5px 18px; color:#fda102; text-indent:10px; transition:all 1s;}
.nynav > ul > li > ul{ display:; width:100%; padding:10px 0px 0px 40px;}
.nynav > ul > li > ul > li > a{display:block; font-size:16px; color:#666; width:100%; padding:15px 0 15px 33px; border-bottom:1px dashed #666666;}
.nynav > ul > li > ul > li > a:hover{ color:#fda102; text-indent:10px; transition:all 1s;}
.ny-content{ width:850px; float:right; }
.ny-position{ width:100%; height:30px; border-bottom: 1px solid #CCC; font-size:14px; background:url(../images/wz-bg.png) no-repeat left top; line-height:30px;text-indent:30px;}
.ny-position > a{ color:#000;}
.ny-text{ width:96%; margin:20px auto auto auto; font-size:14px; line-height:30px;}
.ny-text > h4{ text-align:center; font-size:25px; color:#484848;}
.ny-time{ font-size:12px; text-align:center; display:block; margin-top:10px;color:#666;}
.buttom{text-align:center;clear:both; }
.buttom > a{ display:block; width:50px; height:30px;  color:#fff; background:#b8b8b8; float:left; margin:40px auto auto 10px; line-height:30px;}
.ny-frist{background: url(../images/nydot02.png) no-repeat 5px 18px!important; color:#fda102!important;}
.show{width:100%; padding:0px 0px 0px 30px;}
.show  li  a{ background: url(../images/nydot01.png) no-repeat 5px 18px;display:block; font-size:16px; color:#666; width:100%; padding:15px 0 15px 0px; border-bottom:1px dashed #666666;}
.show> li > a:hover{color:#fda102; text-indent:10px; transition:all 1s;}
/*新闻中心*/
.nynews-list ul{ width:100%; height:auto;padding:20px 0 0 0;}
.nynews-list ul > li{ width:100%; float:left; margin-top:15px; }
.nynews-list ul > li > a { display:block; width:100%; height:125px; color:#333;}
.nynav-left{ width:205px; height:125px;float:left; overflow:hidden;}
.nynav-left img{width:100%; height:100%;cursor: pointer; transition: all 0.6s;}
.nynews-list > ul  > li >  a:hover img{transform: scale(1.1);} 
.nynews-list > ul  > li >  a:hover h4{ text-decoration:underline;}
.nynav-right{ width:600px;  float:left; line-height:20px; padding-left:10px;}
.nynav-right h4{font-size:16px;padding:0 0 10px 0;}
.nynav-right p{padding:10px 0 0 0;}
.nynav-right p,span{color:#b8b8b8;}
/*产品系统*/
.ny-system{ width:1200px; height:auto; text-align:center}
.ny-system li{  width:270px; height:270px;float:left; margin:30px 30px auto auto; }
.ny-system > ul > li > a{ display:block; width:100%; height:100%;cursor:pointer;  transition: all 0.5s ease-in-out; }
.ny-system > ul > li > a > span{ display:block;width:100%; height:40px; line-height:40px; background:#CCC;color:#000;font-size:14px;}
.ny-system > ul > li > a:hover{box-shadow:0px 5px 15px rgba(0,0,0,0.5);transform:translate(0,-15px);}
.ny-system > ul > li > a:hover > span{color:#2A6EC9;}
.system-buttom > a{ color:#000; display:block; margin:20px;}
/*产品展示*/
.nyproduct-list{width:100%;height:auto;}
.nyproduct-list{width:100%; text-align:center; }
.nyproduct-list ul{position: relative; }
.nyproduct-list li{  width:270px; height:270px;float:left; margin:30px auto auto 10px;}
.nyproduct-list li > a{ display:block; width:100%; height:100%;cursor:pointer;  transition: all 0.5s ease-in-out; }
.nyproduct-list li > a > img{ width:100%;}
.nyproduct-list li > a > span{ display:block;width:100%; height:40px; line-height:40px; background:#CCC;color:#000;font-size:14px;}
.nyproduct-list li > a:hover{box-shadow:0px 5px 15px rgba(0,0,0,0.5);transform:translate(0,-15px);}
.nyproduct-list li > a:hover > span{color:#2A6EC9;}
/*合作伙伴*/
.nypartner{ width:100%; height:auto;}
.nypartner > ul > li{ float:left; border:1px solid #999; margin:30px auto auto 10px; width:270px; height:140px; overflow:hidden;}
.nypartner > ul > li > a > img{ width:100%; transition:all 0.5s;}
.nypartner > ul > li > a:hover > img{ transform:scale(1.1);}
/*联系我们*/
.ny-map{ width:100%; height:500px; margin-top:30px;}
/*详情页*/
.ny-content > a{ color:#000; display:block; margin:20px;}
/*悬浮链接*/
.suspension a{ color:#353535;}
.suspension a:hover{ color:#F00;}
.suspension{position:fixed;z-index:999999;right:0;bottom:85px;width:70px;height:50%;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F00;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}