@charset "utf-8";
/* 禁用iPhone中Safari的字号自动调整 */
html,body{margin: 0;padding: 0;width: 100%;}  
html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
/* 去除iPhone中默认的input样式 */
input[type="submit"],
input[type="reset"],
input[type="button"]{-webkit-appearance:none; resize: none;outline:none;}
/* 取消链接高亮  */
select{outline:none;font-family: "微软雅黑";}
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article, 
aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
/* 设置HTML5元素为块 */
article, aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section {display: block;}
/* 图片自适应 */
img {/*max-width: 100%;*/height: auto;width:auto\9; /* ie8 */-ms-interpolation-mode:bicubic;/*为了照顾ie图片缩放失真*/display:block;vertical-align: top;}
/* 初始化 */
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article, 
aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{margin:0; padding:0; border:none;color: #333;font-size: 14px;font-family: "微软雅黑";}
body{font: normal 14px/1.5 "Microsoft Yahei", Arial,"Lucida Grande",Verdana,"Microsoft Yahei",STXihei,hei;}
em,i{font-style:normal;}
strong{font-weight: normal;}
.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.clearfix{zoom:1;}
a{text-decoration:none;font-family: "微软雅黑";}
a:hover{text-decoration:none;}
ul,ol{list-style:none;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-family: "微软雅黑";font-weight: normal;}
img{border: none;}
input{outline:none;font-family: "微软雅黑";}
.fl{float: left!important;}
.fr{float: right!important;}
b{font-family: simsun;margin: 0px 5px;font-weight: 400;}
/* 初始化 */

body,html{max-width:1920px;margin: 0 auto;width: 100%;color: #333;}

/*头部*/
header{height: 115px;background: url(../img/index-nav-bg.jpg) no-repeat center;background-size: cover;}
.header-main{width: 1200px;margin: auto;position: relative;}
.logo{position: absolute;top: 15px;width: 330px;height: 85px;}
.logo img{width: 100%;height: 100%;}
.header-icon{top: 10px;position: absolute;right: 0;}
.header-icon ul li a img{width: 25px;height: 25px;margin-top: 5px;}
.header-nav {top: 75px;position: absolute;right: 0;}
.header-icon ul li{float: left;margin-left: 10px;}
.language{font-style: italic;color: #fff;line-height: 28px;vertical-align: middle;}
.header-nav ul{line-height: 50px;vertical-align: middle;margin-top: -15px;}
.header-nav ul li{margin-left: 50px;position: relative;display: inline-block;}
.header-nav ul li a{font-size: 16px;color: #fff;}
.header-nav ul li a:hover{color: #0A85EA;}
.search{margin-top: -10px;height: 50px;cursor: pointer;}
.search img{display: inline-block;margin:6px auto;border-radius: 20px;}
.header-nav-ul li a{cursor: pointer;}
.search-kuan{height: 70px;width: 100%;background: #000;position: absolute;top: 115px;left: 0;z-index: 1000;display: none;}
.search-text{width: 95%;height: 40px;margin-top: 15px;padding: 0 45px;box-sizing: border-box;background: url(../img/sousuo.png) #fff no-repeat 10px;font-size: 14px;font-family: "microsoft yahei";}
.search-close{font-size: 38px;display: inline-block;color: #fff;cursor: pointer;}
.search-submit{position: absolute;display: block;width: 30px;height: 30px;margin-left: 5px;margin-top: 25px;opacity: 0;cursor: pointer;}
.search-kuan.open{display: block;}
.service-bg-img1{display: none;}
/*头部*/

/*子菜单*/
.nav-child{width: 1360px;position: absolute;z-index: 1000;margin-left: -580px;margin-top: -5px;box-sizing: border-box;display: none;}
.nav-child ul{padding:15px;background:rgba(0,0,0,.85);overflow: hidden;line-height: 25px;margin-top: 9px;}
.nav-child ul li{margin-left: 0;margin:8px;position: relative;}
.nav-product ul li{width: 15%;}
.nav-product ul li img,.nav-case ul li img{width: 200px;height: 110px;}
.nav-child ul li p{color: #fff;margin-top: 10px;height: 50px;overflow: hidden;}
.nav-child-child {width:680%;overflow: hidden;display: none;background: url(../img/line-01.png) no-repeat -28px 7px;background-size: 100%;margin-left: -5px;}
.nav-child-child.open{display: block;}
.nav-child-child dl{margin:0px 10px 15px;padding-top: 25px;float: left;margin:0 90px 0 0;}
.nav-child-child dl dd{color: #fff;font-size: 14px;line-height: 18px;margin: 15px 0;}
.n1{margin-left: -110%;background: url(../img/line-02.png) no-repeat -30px 7px;background-size: 100%;}
.n2{margin-left: -215%;background: url(../img/line-03.png) no-repeat -40px 7px;background-size: 100%;}
.n3{margin-left: -326%;background: url(../img/line-04.png) no-repeat -40px 7px;background-size: 100%;}
.n4{margin-left: -435%;background: url(../img/line-05.png) no-repeat -51px 7px;background-size: 100%;}
.n5{margin-left: -538%;background: url(../img/line-06.png) no-repeat -23px 7px;background-size: 100%;}
.n1 dl{margin-left: 16%;}
.n2 dl{margin-left: 32%;}
.n3 dl{margin-left: 48%;}
.n4 dl{margin-left: 64%;}
.n5 dl{margin-left: 80%;}
.nav-child ul li{float: left;}
.nav-case{margin-left: -645px;background: url(../img/50.png) no-repeat 82px 0px!important;}
.nav-service{width: 600px;margin-left: -230px;background: url(../img/50.png) no-repeat -285px 0px;}
.nav-service ul li{margin: 0 60px;}
.nav-service ul li p,.nav-elewow ul li p,.nav-contact ul li p{text-align: center;}
.nav-service ul li:hover p,.nav-elewow ul li:hover p,.nav-contact ul li:hover p{color: #0A85EA;}
.nav-elewow{width: 800px;margin-left: -375px;background: url(../img/50.png) no-repeat -172px 0px;}
.nav-elewow ul li img,.nav-service ul li img{display: block;margin: auto;position: absolute;bottom: 0;}
.nav-elewow ul li a:first-child,.nav-service ul li a:first-child{width: 50px;height: 50px;display: block;position: relative;}
.nav-elewow ul li,.nav-contact ul li{margin: 0 55px;}
.nav-contact{width: 605px;margin-left: -260px;background: url(../img/50.png) no-repeat -271px 0px;}
.nav-product{background: url(../img/50.png) no-repeat 32px 0px;}
.nav-child ul span{display: inline-block;width: 25px;height: 25px;top: 10px;right: 10px;color: #fff;font-size: 26px;position: absolute;cursor: pointer;}
.nav-child ul li a{font-size: 14px;}
.nav-child.open{display: block;}
/*子菜单End*/


/*banner*/
/*.banner{float: left;width: 100%;position: relative;z-index: 999;}
.main_visual {height: 777px;overflow: hidden;position: relative;}
div.flicking_con {position: absolute;bottom: 0px;z-index: 99;width: 100%;height:142px;margin: 0;background:url(../img/banner-bottom.jpg) no-repeat center;background-size:cover;right:0;padding-right: 300px;box-sizing: border-box;}
.small-banner{float: right;overflow: hidden;margin-top: 15px;}
.small-banner a {width: 120px;height:80px;margin: 12.5px 3px;display: block;float: left;border-top: 2px solid #000;}
.small-banner a p{color: #fff;font-size: 12px;font-style: italic;text-transform: uppercase;text-align: left;}
.small-banner a.on{border-top: 2px solid #0A85EA;}
.main_visual{height:777px;overflow:hidden;position:relative;}
.main_image{height:777px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:777px;overflow:hidden;}
.main_image li{float:left;width:100%;height:777px;position: relative;}
.main_image li span{display:block;width:100%;height:777px}*/
.banner-essay{width: 820px;position: absolute;top: 160px;left:330px;}
.banner-essay h4{color: #0A85EA;font-size: 58px;font-weight: 400;font-style: italic;}
.banner-essay p{font-size: 24px;color: #fff;}
.banner-essay-a{margin-top:60px;width: 280px;height: 43px;background: url(../img/15.png) #0A85EA no-repeat 90%;display: block;line-height: 43px;color: #fff;padding-left: 10px;}
/*banner-End*/

/*尾部*/
footer{height: 527px;background: #3e3d3c;border-top: 3px solid #0A85EA;}
.footer-main{padding:50px 0 0 350px;overflow: hidden;}
.footer-main h3{font-size: 36px;color:#0A85EA;}
.footer1{overflow: hidden;width: 300px;border-right: 1px solid rgba(255,255,255,.1);margin-top: 30px;height: 288px;float: left;}
.footer1 h4{color: #fff;font-size: 22px;}
.footer1 ul li{color: #fff;float: left;margin-right: 28px;margin-top: 10px;}
.footer1 ul li a{height: 45px;display: block;position: relative;text-align: center;}
.footer1 ul li a img{display: inline-block;margin-top: 15px;}
.footer1 ul li p{margin-top: 5px;color: #fff;font-size: 14px;}
.footer2{padding: 0 20px;box-sizing: border-box;}
.footer1 p{font-size: 14px;color: #fff;margin-top: 15px;font-family: "微软雅黑";}
.footer1 h5{color: #0A85EA;font-size: 26px;font-weight: 400;}
.footer-btn{width:230px;background:url(../img/15.png) no-repeat #0A85EA 95%;display: block;height: 43px;line-height: 43px;vertical-align: middle;padding-left: 20px;font-size: 14px;color: #fff;margin-top: 20px;font-style: italic;}
.footer3{border-right: none;padding: 0 15px 0 30px;}
/*尾部*/

/*头部-wap*/
.header-wap{height: 80px;background: url(../img/index-bg.jpg) no-repeat center;background-size: cover;display: none;position: relative;}
.wap-logo{width: 50%;position: absolute;top: 15px;left: 10px;}
.wap-nav,.hide-wap-nav{position: absolute;top: 12px;right: 15px;width: 8%;}
.header-wap-hide{background: rgba(0,0,0,.9);width: 100%;height: 100%;position: fixed;z-index: 9999;top: 0;left: 0;display: none;}
.wap-nav-parent h5 {background: url(../img/b-icon1.png) no-repeat 95%!important;background-size: 4%!important;}
.wap-nav-parent.open h5{background: url(../img/t-icon.png) no-repeat 95%!important;background-size: 4%!important;}
.wap-nav-parent h5.open{background: url(../img/t-icon.png) no-repeat 95%!important;background-size: 4%!important;}
.wap-nav-child{display: none;border-top: 1px solid rgba(255,255,255,.3);margin-top: 10px;}
.wap-nav-child.open{display: block;}
.wap-nav-parent h5.open{display: block;}
.wap-nav-child ul li{padding: 10px;}
.wap-child dl dd:hover{background: none!important;}
.wap-child dl dd{color: #fff;}
.wap-child dl dd h3{color: #fff;font-size: 14px;font-weight: 400;}
/*头部-wap*/

/*banner-wap*/
.index1{height: 777px;}
.banner-wap{display: none;}
.banner-wap .device {width: 100%;height: 600px;position: relative;}
.banner-wap .swiper-container {height: 600px;width: 100%;}
.banner-wap .pagination {position: absolute;left: 0;text-align: center;bottom:20px;width: 100%;z-index: 99;}
.banner-wap .swiper-pagination-switch {display: inline-block;width: 13px;height: 13px;border-radius: 13px;background: #fff;margin: 0 10px;cursor: pointer;}
.banner-wap .swiper-active-switch {background: #0A85EA;}
.banner-wap .swiper-slide{background: url(../img/banner-bg.jpg) no-repeat center;background-size: cover;}
.banner-main h4{color: #0A85EA;font-size: 26px;font-style: italic;text-transform: uppercase;padding:30px 20px;}
.banner-con-p{color: #fff;padding: 20px;}
.banner-con-btn{margin-left: 20px;}
.banner-main img{width: 100%;height: auto;}
/*banner-wap-End*/

.index2-right-eaasy-wap{background: #fff;height: 600px;display: none;}
.index2-right-eaasy-wap img{width: 100%;height: 400px;}

.index5-wap{display: none;}
.index5-wap h5{color: #0A85EA;text-transform: uppercase;font-size: 24px;padding: 20px;}
.index5-wap img{width: 100%;}
.index5-wap-p{padding: 20px;}
.index5-wap a{width: 130px;height: 35px;line-height: 35px;color: #fff;background:url(../img/15.png) #0A85EA no-repeat 90%;display: block;border-radius: 5px;margin:0 20px 20px;padding-left: 10px;box-sizing: border-box;}