@charset "utf-8";

/****************公用样式*******************/
/** 定义布局方式 **/
*{box-sizing:border-box;}
.clear-both{*zoom:1}
.clear-both:after{clear:both;content:".";display:block;visibility:hidden;height:0;}
/****************元素样式*******************/
/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html {color: #000;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; 
}
/** 清除内外边距 **/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0;
}
/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article,aside,details,figcaption,figure,footer,hgroup,nav,section {display: block;}
/* HTML5 媒体文件跟 img 保持一致 */
audio,canvas,video {display: inline-block;*display: inline;*zoom: 1;}
/* 去掉各 table cell 的边距并让其边重合 */
table {border-collapse: collapse;border-spacing: 0;}
/* IE bug fixed: th 不继承 text-align */
th {text-align: inherit;}
/* 去除默认边框 */
fieldset,img {border: 0;}
/* ie6 7 8(q) bug 显示为行内表现 */
iframe {display: block;}
/* 去掉 firefox 下此元素的边框 */
abbr,acronym {border: 0;font-variant: normal;}
/* 一致的 del 样式 */
del {text-decoration: line-through;}
i {font-style: normal;}
address,caption,cite,code,dfn,em,th,var {font-style: normal;font-weight: 500;}
/* 去掉列表前的标识, li 会继承 */
ol,ul {list-style: none;}
/* 对齐是排版最重要的因素, 别让什么都居中 */
caption,th {text-align: left;}
/* 来自yahoo, 让标题都自定义, 适应多个系统应用 */
h1,h2,h3,h4,h5,h6 {font-size: 100%;font-weight: 500;}
h1 {font-size: 24px;}
h2 {font-size: 16px;}
h3,h4,h5,h6 {font-size: 14px;}
/* 解决ie下重复最后字符 */
q:before,q:after {content: '';}
/* 统一上标和下标 */
sub,sup {position: relative;font-size: 75%;line-height: 0;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
/* 默认不显示下划线，保持页面简洁 */
ins,a {text-decoration: none;}
/** 设置默认字体 要注意表单元素并不继承父级 font 的问题 **/
body,button,input,select,textarea {font: 14px/1.5 helvetica neue, arial, hiragino sans gb, microsoft yahei, sans-serif;}
address,dfn,em,var {font-style: normal;}
input,select,textarea {font-size: 100%;}
/* 将斜体扶正 */
code,kbd,pre,samp {font-family: courier new, courier, monospace;}
/* 统一等宽字体 */
small {font-size: 12px;}
/* 小于 12px 的中文很难阅读，让 small 正常化 */
/** 重置文本格式元素 **/
a {text-decoration: none;}
a:hover {/*text-decoration: underline;*/cursor: pointer;}
/** 清除选中状态蓝色边框 **/
a,img,input,select,textarea,button {outline:none;border:none;/*-webkit-appearance: none;*/}
button{cursor:pointer;}

/*其它公共类*/
.lf{float:left;}
.rt{float:right;}
.IE9{line-height:60px;font-size:30px;font-weight:bold;}
.indent-2em {text-indent:2em;text-align:justify!important;}
.ellipsis{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;}
.transition{
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;
}
.transform {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.hover_transform {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.text_ban {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}
/****************公用样式*******************/

/*页面样式*/
html{background-color:#fff;}
body{min-width:1300px;}
.container{position:relative;width:1200px;margin:0 auto;}
.container:before,.container:after{clear:both;content:"";display:table;}

/*头部广告*/
.banner-box{height:440px;background:url(../images/banner.jpg) no-repeat center top;}
.top-nav{position:absolute;left:0;top:0;z-index:99;width:100%;min-width:1300px;height:60px;padding:0 40px;line-height:60px;font-size:0;background-color:rgba(0, 0, 0, 0);border-bottom: 1px solid rgba(255, 255, 255, .1)}
.top-nav:hover{background-color:#373D41;border-bottom:0}
.top-nav .logo{float:left;height:30px;margin-top:15px;}
.top-nav .logo img{height:30px;}
.top-nav .menu-list{float:right;position:relative;overflow:hidden}
.top-nav .menu-list li{float:left;}
.top-nav .menu-list li a{display:block;padding:0 20px;font-size:14px;color:#fff;}
.top-nav .menu-list li a:hover{color:#1BD0FD;}
.top-nav .menu-list li.empty{width:1px;height:26px;margin:17px 20px 0px;background:#9D9D9D;}
.top-nav .menu-list .menu-line{position:absolute;left:0;bottom:0;width:0;height:4px;background-color:#1BD0FD;
	-webkit-transition: width .5s cubic-bezier(.4, 0, .2, 1), left .3s cubic-bezier(.4, 0, .2, 1);
	-moz-transition: width .5s cubic-bezier(.4, 0, .2, 1), left .3s cubic-bezier(.4, 0, .2, 1);
	-o-transition: width .5s cubic-bezier(.4, 0, .2, 1), left .3s cubic-bezier(.4, 0, .2, 1);
	transition: width .5s cubic-bezier(.4, 0, .2, 1), left .3s cubic-bezier(.4, 0, .2, 1)
}
.banner-container{position:relative;width:940px;height:100%;margin:0 auto;}
.banner-container .banner-content{position:absolute;left:0px;top:50%;max-width:550px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.banner-container .banner-content .banner-title{font-size:30px;color:#fff;}
.banner-container .banner-content .banner-text{margin:15px auto 40px;line-height:30px;text-align:justify;font-size:14px;color:#fff;}
.banner-btn{font-size:0;}
.banner-btn .button{display:inline-block;min-width:135px;padding:0 10px;height:35px;margin-right:20px;line-height:35px;text-align:center;font-size:14px;color:#fff;border:1px solid #fff;transition: all .2s ease;}
.banner-btn .button:hover{color:#000;background-color:#FED61B;border-color:#FED61B;}
.nav-fixed{position:fixed;top:0px;z-index:999;box-shadow:0 2px 4px rgba(0,0,0,.1);background-color:#373D41;}

/*导航栏*/
.navigation{width:100%;height:50px;line-height:49px;background-color:#fff;border-bottom:1px solid #eaeaea;}
.navigation .nav-list{position:relative;text-align:center;overflow:hidden;}
.navigation .nav-list li{display:inline-block;margin:0px 30px;}
.navigation .nav-list li a{display:block;font-size:16px;color:#000;}
.navigation .nav-list li a:hover{color:#2050da;}
.navigation .nav-line{position:absolute;left:0;bottom:8px;width:0;height:2px;background-color:#2050da;
	-webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1);
	-moz-transition: all .3s cubic-bezier(.4, 0, .2, 1);
	-o-transition: all .3s cubic-bezier(.4, 0, .2, 1);
	transition: all .3s cubic-bezier(.4, 0, .2, 1);
}

/*主体部分*/
section{padding:1px 0px;}
.section-title{line-height:48px;text-align:center;font-size:26px;}
.section-title span{color:#1e0aeb;}

/*简介*/
.summary{padding-top:65px;}
.summary .section-text{width:730px;margin:15px auto 0px;line-height:28px;text-align:justify;}

/*产品模块*/
.worry{padding-top:65px;text-align:center;}
.worry .worry-list{margin-top:30px;display:inline-block;}
.worry .worry-list li{float:left;width:190px;margin-right:135px;}
.worry .worry-list li:last-child{margin:0;}
.worry .worry-list li .img-box{height:185px;margin-bottom:-40px;}
.worry .worry-list li .img-box img{max-width:100%;max-height:100%;}
.worry .worry-list li .text{position:relative;height:185px;padding-top:20px;background-color:#eee;border-radius:20px;}
.worry .worry-list li .text .title{margin-bottom:10px;font-size:20px;font-weight:bold;}
.worry .worry-list li .text p{line-height:35px;text-align:left;font-size:16px;padding:0px 15px;}
.worry .worry-list li:nth-child(1) .text p{padding-left:40px;}
.worry .worry-list li:nth-child(2) .text p{padding-left:25px;}
.worry .worry-list li:nth-child(3) .text p{padding-left:50px;}

/*产品介绍*/
.introduce{padding-top:65px;}
.introduce .section-title{margin-bottom:50px;}
.introduce .introduce-box{display:table;width:1000px;margin:0px auto;}
.introduce .introduce-box .img-box{display:table-cell;vertical-align:middle;width:50%;}
.introduce .introduce-box .img-box img{max-width:100%;}
.introduce .introduce-box .text{display:table-cell;vertical-align:middle;width:50%;}
.introduce .introduce-box .text .title{margin-bottom:10px;font-size:24px;}
.introduce .introduce-box .text p{line-height:30px;font-size:14px;color:#676767;}
.introduce .introduce-box .img-box + .text{padding-left:70px;}
.introduce .introduce-box .text + .img-box{text-align:right;}

/*编制依据*/
.basis{padding:70px 0px;background-color:#eee;}
.basis .introduce-box{width:1100px;}

/*核心优势*/
.advantage{padding-top:65px;}
.advantage .advantage-box{width:1200px;margin:0px auto;padding:40px;background-color:#eee;border-radius:20px;}
.advantage .worry-list{margin-top:60px;overflow:hidden;}
.advantage .worry-list li{float:left;width:25%;text-align:center;}
.advantage .worry-list li .img-box{width:80px;height:80px;margin:0 auto 20px;}
.advantage .worry-list li .img-box img{max-width:100%;max-height:100%;}
.advantage .worry-list li p{line-height:35px;font-size:16px;}

/*功能亮点*/
.function{padding-top:65px;}
.nav-panel{position:relative;width:1200px;margin:40px auto 0px;background-color:#fff;border:1px solid #ddd;box-shadow: 0 2px 10px rgba(0, 0, 0, .06);}
.nav-panel:before,.nav-panel:after{clear:both;content:"";display:table;}
.nav-panel .tab-nav{float:left;width:300px;}
.nav-panel .tab-nav li{height:60px;text-align:center;line-height:59px;font-size:22px;background-color:#F6F6F6;border-top:1px solid #ddd;cursor:pointer;}
.nav-panel .tab-nav li:first-child{border-top:0px;}
.nav-panel .tab-nav li:hover,.nav-panel .tab-nav li.active{color:#2d4adc;background-color:#fff;border-right:0px;}
.nav-panel .tab-content{position:absolute;left:300px;right:0px;top:0px;bottom:0px;padding:20px 0px;text-align:center;}
.nav-panel .tab-content .tab-pane{display:none;position:relative;width:100%;height:100%;overflow-y:auto;}
.nav-panel .tab-content .tab-pane.active{display:block;}
.nav-panel .tab-content .tab-pane .nano-content{padding:0px 20px;}
.nav-panel .tab-content .tab-pane h2{margin-bottom:5px;line-height:38px;font-size:24px;color:#373d41;}
.nav-panel .tab-content .tab-pane p{line-height:30px;font-size:14px;}
.nav-panel .tab-content .tab-pane img{max-width:100%;margin-top:15px;}
/*滚动条*/
.nano .nano-pane{background:#eee!important;border-radius:8px!important;}
.nano .nano-slider{margin:0px!important;background:#234ED9!important;border-radius:8px!important;}

/*产品售价*/
.product-price{padding-top:65px;}
.product-price .price-wrap{height:350px;margin-top:24px;background:url(../images/bg03.jpg) no-repeat center top;}
.product-price .price-box{width:1080px;height:350px;margin:0 auto;overflow:hidden;}
.product-price .price-box .img-box{float:left;margin:35px 0px 0px 72px;}
.product-price .price-box .info-box{float:right;width:560px;height:350px;}
.product-price .price-box .info-box .price{margin:32px 0px 0px;text-align:center;font-size:16px;color:#204fd9;}
.product-price .price-box .info-box .price span{font-size:40px;font-weight:bold;}
.product-price .price-box .info-box .price-list{margin-top:12px;overflow:hidden;}
.product-price .price-box .info-box .price-list li{float:left;width:20%;height:30px;margin-bottom:18px;padding:0px 6px;text-align:center;}
.product-price .price-box .info-box .price-list li a{display:block;height:30px;line-height:28px;color:#204fd9;border:1px solid #204fd9;border-radius:5px;transition:all .3s ease;}
.product-price .price-box .info-box .price-list li:hover a,
.product-price .price-box .info-box .price-list li.active a{background-color:#204fd9;color:#fff;}
.product-price .price-box .info-box .buy-btn{display:block;width:152px;height:42px;margin:55px auto 0px;line-height:42px;text-align:center;color:#000;background-color:#FED61B;transition:all .3s ease;}
.product-price .price-box .info-box .buy-btn:hover{background-color:#204fd9;color:#fff;}
.price{padding-top: 0px;}

/*合作单位*/
.company{padding-top:65px;text-align:center;}
.company-list{width:640px;margin:50px auto 0px;overflow:hidden;}
.company-list li{display:inline-block;width:140px;height:120px;margin:0px 20px 20px 0px;background-color:#fff;}
.company-list li:nth-child(4n){margin-right:0px;}
.company-list li img{display:block;position:relative;top:50%;max-width:100%;max-height:100%;margin:0 auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.company-list li img.cover{width:100%;height:100%;}

/*售后服务*/
.customer{width:100%;padding-top:50px;margin-bottom:20px;}
.customer .title{background-color:#4D3AE4;}
.customer .title h1{width:1050px;height:40px;margin:0 auto;line-height:40px;font-size:20px;color:#fff;}
.customer-list{width:1050px;margin:40px auto 0px;overflow:hidden;}
.customer-list li{float:left;position:relative;width:50%;height:72px;margin-bottom:40px;padding-left:60px;}
.customer-list li img{position:absolute;left:0;top:0;}
.customer-list li .name{margin-bottom:3px;}

.footer{padding:20px 0;line-height:24px;text-align:center;font-size:14px;color:#fff;background-color:#000;}