@charset "UTF-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { font-family: "Source Han Sans CN", Arial, Helvetica, sans-serif; font-size: 1.6rem; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; box-sizing: border-box; margin: 0; padding: 0; }
html{font-size:62.5%;}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus, a, a:hover { 　　outline: 0; }

.container-fluid { padding-left: 0px; padding-right: 0px; }

@media (min-width: 1200px) { .container { width: 1170px; } }
body { color: #333; }
body a { text-decoration: none; outline: none; }
body a:hover { color: #1090d6; outline: none; }
body a.focus { outline: none; }


/*  箭头 @include arrow(direction,size,color);
**/
/* 超出省略号 @include ell(); */
/* inline-block @include inline_block(); */
/* font-size of REM @include font_size(fz); */
@font-face { font-family: 'SourceHanSansCNExtraLight'; src: url("fonts/SourceHanSansCN-ExtraLight.ttf"), url("fonts/SourceHanSansCN-ExtraLight.otf"); font-weight: normal; font-style: normal; }
body { background-color: #fff; }

header{height:160px;background:url(../images/header_bg.jpg) repeat-x left bottom;position: relative;}
header .container{position: relative;}
header nav{position: absolute;left:95px;bottom:0;font-size:18px;line-height:54px;color:#fff;}
header nav a{font-size:18px;color:#fff;cursor:pointer;}
header nav a:hover{text-decoration:none;color:#fff;}
header nav em{margin:0 15px;}
.kv img{display:block;width:100%;}
.about{padding:100px 0;text-align:center;}
.about h2{font-size:3.6rem;color: #000000;font-weight:bold;padding-bottom:15px;}

.about .txt{font-size:2.4rem;line-height:3.8rem;color:#018cd7;padding:35px 0;position: relative}
.about .txt::before,.about .txt::after{content:"";display:inline-block;width:245px;height:1px;background-color:#018cd7;position: absolute;left:50%;transform: translateX(-50%);}
.about .txt::before{top:0;}
.about .txt::after{bottom:0;}
.about p{font-size:1.6rem;line-height:2.8rem;color:#666;margin-top:25px;}

.product{background-color:#f7f7f7;position: relative;z-index:1;text-align:center;padding-bottom:60px;}
.product .bg{height:588px;background:url(../images/product_bg.jpg) no-repeat center;position: absolute;left:0;right:0;top:0;z-index:-1;background-size:cover;}
.product h2{font-size:6rem;color:#fff;font-weight:bold;text-align:center;padding:170px 0 150px}
.product .list{width:1300px;margin:0 auto;text-align:left;}
.product .list .list_box{padding:70px 0;background-color:#fff;margin-bottom:45px;}
.product .list .list_box .clearfix{font-size:0;width:100%;display:inline-block;}
.product .list .list_box:last-child{margin-bottom:0;}

.product .list .list_box .txt{width:660px;}
.product .list .list_box .txt h3{font-size:3rem;color:#333;font-weight:bold;position: relative;line-height:3rem;padding-bottom:20px;margin-bottom:5.5rem;}
.product .list .list_box .txt h3::after{content:"";display:inline-block;width:70px;height:5px;background-color:#018cd7;position: absolute;left:0;bottom:0;}
.product .list .list_box .txt h4{font-size:1.8rem;color:#333;line-height:2.8rem;margin-bottom:2rem;}
.product .list .list_box .txt p{font-size:1.8rem;line-height:2.8rem;color:#666;box-sizing: border-box;padding-left:108px;position: relative;}
.product .list .list_box .txt p span{display:inline-block;font-weight:bold;width:108px;text-align:justify;position: absolute;left:0;top:0;color:#018cd7;height:28px;overflow:hidden;}
.product .list .list_box .txt p span::after{content:"";display:inline-block;width:100%;height:0;}

.online{background-color:#d7dbde;padding:50px 0;text-align:center;}
.online h3{text-align:center;}
.online h3 span{font-size:3.6rem;color:#000000;font-weight:bold;display:inline-block;border-bottom:1px solid #000;padding:10px 20px;margin-bottom:40px;}
.online .txt_body{display:inline-block;margin:0 auto;}
.online .txt_body div.fl{width:365px;margin-right:80px;}
.online .txt_body div.fl h4{font-size:6rem;color:#000;font-weight:bold;margin-bottom:15px;}
.online .txt_body div.fl h5{font-size:4rem;color:#f02042;font-style:italic;font-weight:bold;margin-bottom:10px;}
.online .txt_body div.fl div{border:2px solid #000000;padding:15px;font-size:24px;line-height:34px;color:#000;text-align:left;}
.online .txt_body div.fr{background-color:#fff;padding:30px 40px;}
.online .txt_body div.fr img{display:inline-block;width:240px;}
.online .txt_body div.fr p{font-size:18px;color:#c5c5c5;padding-top:20px;}

footer{background-color:#4a5161;text-align:center;padding:35px 0;}
footer p{font-size:1.5rem;line-height:2.8rem;color:#f7f7f7;}
footer p a{color:#f7f7f7;text-decoration:none;transition:all linear .3s;}
footer p a:hover{color:rgba(255,255,255,.7);text-decoration:none;}