@charset "utf-8";
body{font:14px/1.5 'PingFang SC','Helvetica Neue',Helvetica,'Hiragino Sans GB',STHeitiSC-Light,'Microsoft YaHei',Arial,sans-serif;}
body,a,ul,ol,li,p,img,span,input,dd,dl,dt,h2,h3{padding:0; margin:0;}
img{vertical-align: middle;}
img,input{ border:none;}
a{text-decoration:none; outline:none;color:#4a4a4a;}
a:hover{color:#4c5098;text-decoration:none;}
li{list-style:none;}
.fc{clear:both;}
.fl{float:left;}
.fr{float:right;}
.f10{font-size:10px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px!important;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f24{font-size:24px;}
.f30{font-size:30px;}
.f72{font-size:72px;}
.fb{ font-weight: bold;}
.fontA{font-family: arial;}
.font-s{font-family: 宋体,新宋体;}
.lh20{line-height: 20px;}
.pr{ position:relative;}
.pa{ position:absolute;}
.cwhite{color:#fff;}
.c333{color:#333!important;}
.c666{color:#666;}
.c999{color:#999;}
.c000{color:#000;}
.cblue{color:#4c5098;}
.pd10{padding:10px;}
.pd20{padding:20px;}
.pdl30{padding:0 0 0 20px;}
.pdr10{padding-right:10px;}
.pdt10{padding-top:10px;}
.pdt20{padding-top:20px;}
.pdb10{padding-bottom:10px;}
.pdb20{padding-bottom:20px;}
.nodisplay{display: none;}
.mgt10{margin-top:10px;}
.mgt20{margin-top:20px;}
.mgt40{margin-top:40px;}
.mgj20{margin-top:-20px;}
.mgb10{margin-bottom: 10px;}
.tc{text-align:center;}
.marginRight0{margin-right:0;}
.viewMore{border:1px solid #cccccc;border-radius: 5px;padding: 12px 30px;margin-top:25px;display: inline-block;}
.viewMore:hover{background:#4c5098;border:1px solid #4c5098;color:#fff;}
.bgf2{background:#f2f2f2;}
.bgfff{background:#fff;}
.noimg{display: none;}
.bluelink a{color:#0c8bd7;text-decoration: underline;}
.bluelink a:hover{text-decoration: none;}
/*公共样式开始*/
/*头部*/
.head-shbr{ width:100%;box-sizing: border-box; height:95px; margin:0 auto;/* background:#fff; */padding:0 20px;min-width:1200px;/* box-shadow: 0 15px 30px rgba(0,0,0,0.1); */}
.head-shbr2{ width:100%;box-sizing: border-box;height:auto; margin:0 auto; background:none;padding:0 20px;min-width:1200px;}
.head-shbr .logo-nav{width:1200px; margin:0 auto;}
.mainnav{width:100%;height:95px;margin:0 auto;}
.logo{ width:250px; padding-right:30px; height:60px;}
.nav{ width:680px; height:40px;line-height:40px;margin:0 auto;padding-top:30px;}
.nav ul .bignav{ display:block; float:left;text-align:center;width:auto;position:relative;margin-left:54px;}
.nav ul .bignav a{display:inline-block; font-size:16px; color:#fff;}
.nav ul .bignav:hover{color:#0c8bd7;}
.nav ul .bignav:hover a{color:#0c8bd7;}
.nav ul .lastli{margin-right:0;}
.nav li.current a{color:#fff;border-bottom: 2px solid #0c8bd7;}
.nav ul li a{cursor: pointer;}
.nline{background: #0c8bd7;display: inline-block;height: 2px;
    transform: scaleX(0);
    transition: transform 400ms ease-out 0s;
    width: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: scaleX(0);
    -webkit-transition:transform 400ms ease-out 0s;
}
.nav ul li:hover .nline {
    transform: scaleX(1);
}
.nav ul .current .nline {
    transform: inherit!important;
}

.head-shbr2 .nav li a{color:#fff;}
.header-detail .nav li a{color:#333;}
.header-detail{border-bottom: 1px solid #ddd;box-shadow: 1px 1px 8px #ddd;}

.banner{ width:100%; height:670px;margin:0 auto;top:-95px;position:relative;z-index: -1;}
.mainbody{background:#fff;width:100%;min-width:1200px;}
.banner-2{ width:100%; height:250px; overflow:hidden;margin:0 auto;}/*二级子页面banner*/

.w1200 { display:block; width:1200px; margin:0 auto;}
.w1200 .neirong{ width:100%;margin:0 auto;}
.w100{width:100%;margin:0 auto;}
/* h4{margin:0 0 60px 0;text-align: center;height:56px;line-height:40px; background: url(../images/line-title.png) no-repeat center bottom;} */
/*子菜单和面包屑*/
.subMenu{height:56px;}
.subMenu li {position:relative;font-size:18px;color:#333;text-align: center;height:56px;margin-right:10px;background-color: #fff;}
.subMenu li:last-child {border-right:0;margin-right:0;}
.subMenu li a{height:56px;display:block;line-height: 56px;}
.subMenu li a:hover{background:#0c8bd7;color:#fff;}
.subMenu li a.active{background:#0c8bd7;color:#fff;}
.subMenu li a.active span{background:url(../images/arrow-down-white.png) no-repeat center bottom;}

/*banner-text*/
.index-text{position: absolute;left: 0;top: 270px;width: 1200px;right: 0;margin: auto;}
.index-text p{margin-bottom: 15px;}

.index-area{position: absolute;bottom: 150px;width: 1200px;left: 0;right: 0;bottom: 150px;margin:auto;}
.index-area li{position:relative;float:left;width:374px;/* height:56px; */line-height:20px;color:#333;font-size:18px;background: #fff;margin-right:20px;}
.index-area li:hover{color:#f5f5f5;background:#098bd7;cursor: pointer;}
.index-area div{display: none;position:absolute;}
.index-area li:hover div{left:0;top:-250px;background:#098bd7;display: block;height:210px;line-height:48px;width:1122px;}
.productshow:hover div{left:-394px !important;}
.productshow {position:relative;}
.productshow dd{float:left;width:200px;}
.productshow dl{display: none;width:1200px;}
.productshow:hover dl{ display: block;position: absolute;left:140px;top:40px;z-index: 9999;}
.productshow:hover dl p{ line-height:18px;}
.productshow:hover dl p a{ color:#fff;}

.newscenter:hover div{right:0;left:auto!important;}
.newscenter {position:relative;}
.newscenter dd{float:left;width:200px;}
.newscenter dl{display: none;width:1200px;}
.newscenter:hover dl{ display: block;position: absolute;left:140px;top:40px;z-index: 9999;}
.newscenter:hover dl p{ line-height: 18px;}
.newscenter:hover dl p a{color:#fff!important;}

.index-area li:last-child{margin-right:0;}
.index-area div span{display:inline-block;line-height: 24px;}
.s-aboutus{background: url(../images/icon-aboutus.png) 0 14px no-repeat;width:32px;height:56px;display: inline-block;margin-left:20px;margin-right:10px;vertical-align: middle;}
.s-product{background: url(../images/icon-products.png) 0 14px no-repeat;width:32px;height:56px;display: inline-block;margin-left:20px;margin-right:10px;vertical-align: middle;}
.s-news{background: url(../images/icon-newscenter.png) 0 14px no-repeat;width:32px;height:56px;display: inline-block;margin-left:20px;margin-right:10px;vertical-align: middle;}

.line-s{border-bottom:2px solid;background: #fff;width:20px;}

/*关于我们菜单*/
.about-show .subMenu li {width:231px;float:left;}
/*关于我们菜单*/
.news-list .about-show .subMenu li {width:595px;float:left;}
/*合作伙伴菜单*/
.partners .subMenu li span{left:588px;}
/*技术资料菜单*/
.wiki .news-list .subMenu li span{left:588px;}

.breadcrumb{margin-top:210px;margin-bottom: 20px;color:#dedede;}
.breadcrumb a{color:#dedede;}
.breadcrumb2{margin-top:130px;margin-bottom: 20px;color:#dedede;}
.breadcrumb2 a{color:#dedede;}
.breadcrumb3{margin-top:30px;margin-bottom: 20px;color:#666;}
.breadcrumb3 a{color:#666;}
.pho-show .breadcrumb2{color:#666;}
.pho-show .breadcrumb2 a{color:#666;}
.partners .breadcrumb2{margin-top:200px;}
.wiki .breadcrumb2{margin-top:210px;}

/*--foot*/
.foot{ width:100%; height:240px;position:relative;z-index:10000000;}
.foot .xinxi{ height:180px; background:#fff;margin-top:-30px;}
.foot .xinxi .center{ width:1200px; margin:0 auto;}
.foot .xinxi .fnav{padding:0 0 0 0;}
.foot .xinxi .fnav li{float:left;width:110px;white-space: nowrap;}
.foot .xinxi .fnav li a{color:#333;font-size:16px;}
.foot .xinxi .fnav li a:hover{color:#0c8bd7;}
.foot .xinxi .fnav li .sub a{color:#333;font-size:12px;}
.foot .xinxi .fnav li .sub{padding-top:15px;}
.foot .xinxi .fnav li .sub li{float:none;}
.foot .xinxi .three span{color:#333;display:block;padding-bottom:5px;}
.foot .copyright{height:51px; background:#fff;}
.foot .copyright .center{ width:100%; height:50px; margin:0 auto; line-height:50px;border-top:1px solid #e4e4e4;}
.foot .copyright .center span{ color:#333; font-size:14px;}
/*面包屑*/
.breadcrumbs{font-size:12px;margin: 0 auto;width: 1200px;padding: 20px 0;}
/*公共样式结束*/

/*--index开始*/
/*banner*/
div.visual{width:100%!important;height:524px;position:relative;}
div.visual div.slideControl{width:100%;height:35px; top:370px; position:absolute; left:0; overflow:hidden; z-index:999999;}
div.visual div.slideControl a.prev{display:inline-block;width:35px;height:35px; position:absolute; left:5%; background:url(../images/lbanner.png) 0 0 no-repeat;font-family:宋体!imp;}
div.visual div.slideControl a.next{display:inline-block;width:35px;height:35px; position:absolute; right:5%;  background:url(../images/rbanner.png) 0 0 no-repeat;font-family:宋体;}
div.visual ul.slides_container{width:100% !important;display:inline-block;position:relative;}
div.visual ul.slides_container li{text-align:center;width:100% !important;position:relative;overflow:hidden;background:#fff;}
img.imgVis{position:absolute;left:50%;top:0;margin-left:-960px;}

/*--一屏*/
.products{margin:80px 0;}
.product01{background: url(../images/bg-product01.jpg) no-repeat;}
.product02{background: url(../images/bg-product02.jpg) no-repeat;}
.product03{background: url(../images/bg-product03.jpg) no-repeat;}
.product04{background: url(../images/bg-product04.jpg) no-repeat;}
.products ul li{float:left;width:280px;height:290px;text-align: center;padding:70px 0 0 0;margin-right:20px;transition:all .2s linear;}
.products ul li:nth-child(4){marign-right:0!important;}
.products ul li:hover{box-shadow: 0 15px 10px rgba(0,0,0,0.1);transform:translate3d(0,-2px,0);}
.products ul li a{color:#fff;}
.products ul li a:hover{color:#333;}
.pro-bt{display: inline-block;padding-top:70px;}


/*--二屏*/
.aboutus{margin:80px 0;height:578px;background: url(../images/bg-about.jpg);background-size: 100% 100%;}
.aboutus h4{background: url(../images/line-title2.png) no-repeat center bottom;padding:53px 0 0 0;}
.aboutContent{width:580px;}
.aboutContent p{text-indent:28px;font-size:16px;line-height: 36px;}

/*--三屏*/
.news{margin:80px 0;}
.newsContent li{position:relative;background:#e9eafb;width:306px;height:140px;padding:40px;float:left;margin-right:20px;margin-bottom:20px;}
.newsContent li:nth-child(3){margin-right:0!important;}
.newsContent li:nth-child(6){margin-right:0!important;}
.newsContent li p{padding-bottom:20px;}
.newsContent li:hover{background-color:#4c5098;color:#fff;cursor:pointer;}
.newsContent li:hover a{color:#fff;}
.newsContent li:hover span{position:absolute;background-image: url(../images/arrow-right.png);display:block;width:23px;height:11px;right:30px;bottom:30px;}


/*--index结束*/

/*photo-list开始*/
.pho-list{ width:1200px;margin:0 auto; height:auto;}
.pho-list .bt h2{ display:block; width:100px; font-weight:500; margin:0 auto; margin-top:30px; color:#0c8bd7;}
.pho-list .bt .p1{ color:#9b9b9b; text-align:center; line-height:30px;}
.pho-list .bt .p2{ color:#333; text-align:center; line-height:40px;}
.pho-list .bt ul{ width:319px; height:44px; margin:0 auto; margin-top:25px;}
.pho-list .bt ul li{ width:141px; height:44px; margin-right:34px; float:left; text-align:center; line-height:44px;}
.pho-list .bt ul li a{ display:block; width:139px; height:42px; border:#D2D2D2 solid 1px; border-radius:10px; font-size:14px; color:#494949;}
.pho-list .bt ul li a:hover{background:#0c8bd7; color:#fff; border:none;}
.pho-list .bt ul li a.active{background:#0c8bd7; color:#fff; border:none;}
.pho-list .pho{ width:1120px; height:auto; overflow:hidden; padding-bottom:55px; margin:0 auto; }
.pho-list .pho ul li{ width:261px; height:215px; margin-right:19px; margin-top:25px; float:left;}
.pho-list .pho ul li a{ width:261px; height:215px;}
.pho-list .pho ul li a img{ width:261px; height:185px;}
.pho-list .pho ul li a span{ display:block; width:261px; height:30px; text-align:center; line-height:30px; margin-top:-4px; font-size:16px; color:#494949; background:#E9E9E9;}
.pho-list .pho ul li a:hover span{ color:#fff; background:#0c8bd7;}

/*--关于我们开始*/
.about-show{ width:1200px;margin:0 auto; height:auto;}
.about-show .bt{margin-top:-488px;}
.since{border-left:1px solid #cfcfcf;height:210px;}
.since img{padding-left:75px;padding-top:63px;}
.about-content span{font-size:24px;font-weight:bold;text-align:left;}
.about-content{margin-bottom:40px;}
.about-content li:first-child{float:left;width:600px;}
.about-content li img{vertical-align: top;margin-top:-30px;}
.about-content li{font-size:16px;line-height: 40px;}
.about-content li p{text-indent: 30px;padding-top:20px;line-height:36px;padding-right:60px;}

.about-show .bt h2{ display:block;font-weight:600; margin:0 auto;color:#fff;font-size:72px; text-align: center;text-shadow:2px 2px 3px #000;}
.about-show .bt .p1{ color:#fff; text-align:center; line-height:30px;text-shadow:2px 2px 3px #000;}
.about-show .bt .p2{ color:#333; text-align:center; line-height:40px;}
.about-show .neirong{ overflow:hidden; width:1200px;margin:0 auto; height:auto; padding:70px 0 55px 0; margin:0 auto;}

/*产品展示*/
.neirong li{float:left;width:346px;height:410px;background: #fff;margin-right:20px;margin-bottom:20px;text-align: center;padding:20px;transition:all .2s linear;}
.neirong li:hover{box-shadow: 0 15px 30px rgba(0,0,0,0.1);transform:translate3d(0,-3px,0);}
.neirong li:nth-child(3){margin-right:0;}
.neirong li:nth-child(6){margin-right:0;}
.neirong li:nth-child(9){margin-right:0;}

/*公司新闻*/
.news-list{ width:1200px;margin:0 auto; height:auto; }
.news-list .subMenu li span{left:290px;}
.news-list .subMenu{margin-top: -8px;}
.news-list .newscontent{ width:1200px;margin:0 auto; border:0;padding-left: 20px;min-height:400px;margin:80px 0;background:#fff;}
.news-list .newscontent ul li{ width: 1120px;height:150px;padding:20px 20px 20px 0; float:left;border-bottom: 1px solid #ddd;}
.news-list .newscontent ul li.margin{ margin-right:30px;}
.news-list .newscontent ul li a{ color:#0a0a0a;}
.news-list .newscontent ul li a:hover{ color:#0c8bd7; text-decoration:none;}
.news-list .newscontent ul li p{ padding-top:6px; line-height:24px;}
.news-list .newscontent ul li .p1{ color:#9b9b9b;}
.news-list .newscontent ul li .p2{ color:#666;}
.news-list .fenye{ width:345px; height:29px; padding:20px 0 50px 0; margin:0 auto;}
.news-list .fenye ul li{ width:73px; height:27px; margin-right:15px; float:left; border-radius:5px; text-align:center; line-height:27px;}
.news-list .fenye ul li a{ display:block; width:73px; height:27px; border:#D2D2D2 solid 1px; border-radius:5px; color:#494949; font-size:12px;}
.news-list .fenye ul li a:hover{ background:#0c8bd7; color:#fff; border:none;}
.news-list .fenye ul li a.active{ background:#0c8bd7; color:#fff; border:none;}

/*--news-show开始*/
.news-show{ width:1200px;margin:0 auto; height:auto; margin:0 auto;}
.news-show .p3{ color:#0a0a0a; text-align:center;padding-bottom: 10px;}
.news-show .p4{ color:#9b9b9b; text-align:center; line-height:30px;}
.news-show .neirong{ width:1200px;margin:0 auto; height:auto; padding:30px 0; border-top:#D2D2D2 solid 1px; border-bottom:#D2D2D2 solid 1px;line-height: 32px;}
.news-show .lianjie{ width:1200px;margin:0 auto; height:90px; padding:10px;}
.news-show .lianjie a{ display:block; line-height:30px;}
.news-show .lianjie a span{ font-size:12px;margin-left:10px;}
.news-show .lianjie a .sp1{ color: #0c8bd7; border: 1px solid #0c8bd7; height: 22px;line-height: 22px;background: none;}
.news-show .lianjie a .sp2{ color:#0a0a0a;}

/*--photo-show开始*/
.pho-show{ width:1200px;margin:0 auto; height:auto;margin-bottom: 80px;min-height: 500px;}
.pho-show .bt{ overflow:hidden; }
.pho-show .bt h2{ display:block; font-weight:bold; margin:0 auto; margin-top:30px; color:#333; font-size:48px;text-align: center;}
.pho-show .bt .p1{ color:#9b9b9b; text-align:center; line-height:30px;}
.pho-show .bt .p2{ color:#333; text-align:center; line-height:40px;}
.pho-show .bt ul{ width:1200pxpx;margin:0 auto; height:44px; margin:0 auto; margin-top:50px; text-align:center;}
.pho-show .bt ul li{  width:141px; height:44px; margin-right:18px; float:left; text-align:center; line-height:44px;}
.pho-show .bt ul li a{ display:block; width:139px; height:42px; border:#D2D2D2 solid 1px; border-radius:10px; font-size:14px; color:#494949;}
.pho-show .bt ul li a:hover{background:#1fbf64; color:#fff; border:none;}
.pho-show .bt ul li a.active{background:#1fbf64; color:#fff; border:none;}
.pho-show .neirong{ overflow:hidden; width:1200pxpx;margin:0 auto; height:auto; padding:70px 0 55px 0; margin:0 auto;}


/*合作伙伴*/
.neirong .partner{background: none;height:auto;}
.neirong .partner li{width:auto;height:auto;border: 1px solid #dfdfdf;float:left;}
.partners .neirong .partner li:nth-child(3){margin-right:20px;}
.partners .neirong .partner li:nth-child(6){margin-right:20px;}
.partners .about-show .neirong{margin-top: 80px;}
.partners .partnerContent{margin-left:-54px;margin-top:-40px;min-height:450px;}

/**pages**/
.common_pages{height:45px; padding-top:25px; margin:0 auto; text-align:center; }
.common_pages span{ margin:0px 0px; padding:4px 11px; color:#fff;background:#0c8bd7;}
.common_pages a{margin:0 3px;border:1px solid #ddd;padding:4px 11px; text-decoration:none;color:#666}
.common_pages a.now_page,.common_pages a:hover{color:#fff;background:#0c8bd7;}
.common_pages a.totle_page:hover{color:#666;background:none;}

.izl-rmenu{
	   margin-right: 0;
	   width: 82px;
	   position: fixed;
	   right: 2px;
	   top: 65%;
	   -webkit-box-shadow: #DDD 0px 1px 5px;
	   -moz-box-shadow: #DDD 0px 1px 5px;
	   box-shadow: #DDD 0px 1px 5px;
	   z-index:99999999;
}
.izl-rmenu .consult{    
	background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center -77px;
    display: block;
    height: 76px;
    width: 82px;
}
.izl-rmenu .consult .phone {
    background-color: rgb(247,247,255);
    position: absolute;
    width: 145px;
    left: -160px;
    top: 0px;
    line-height: 40px;
    color: #000;
    font-size: 18px;
    text-align: left;
    display: none;
	padding-left: 15px;
    box-shadow: #DDD -1px 1px 4px;
}
.izl-rmenu a.consult:hover .phone{display:inline !important;}
.izl-rmenu .cart {
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    height: 16px;
    width: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #45BDFF;
    text-align: center;
    padding-top: 15px;
    padding-right: 18px;
    padding-bottom: 47px;
    padding-left: 48px;
}
.izl-rmenu a.cart:hover .pic{display:block;}
.izl-rmenu .btn_top {
    background-image: url(../images/float_top.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 39px;
    width: 82px;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
.izl-rmenu .btn_top:hover {
	background-image: url(../images/float_top.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.izl-rmenu .cart .ewm {
	display:none;
}
.izl-rmenu .cart:hover .ewm {
	display:block;
    position: absolute;
    left: -120px;
    top: 65px;
    width: 120px;
    height: 120px;
}
#udesk-feedback-tab {
    position: fixed;
    right: 2px;
    top: 65%;
    margin-top: -76px;
    -webkit-box-shadow: #DDD 0px -1px 5px;
    -moz-box-shadow: #DDD 0px -1px 5px;
    box-shadow: #DDD 0px -1px 5px;
    z-index: 10000;
    cursor: pointer;
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 76px;
    width: 82px;
    background-color: #FFF!important;
    z-index:999;
}
#udesk-feedback-tab2 {
    position: fixed;
    right: 2px;
    top: 65%;
    margin-top: -152px;
    -webkit-box-shadow: #DDD 0px -1px 5px;
    -moz-box-shadow: #DDD 0px -1px 5px;
    box-shadow: #DDD 0px -1px 5px;
    z-index: 10000;
    cursor: pointer;
    background-image:url(../images/123321.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 76px;
    width: 82px;
    background-color: #fff!important;
    z-index:999;
}