@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: "Calibri", "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei", 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; }

.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: 1230px; } }
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;padding-top:103px;}

header {border-top:7px solid #0ca0e9;height:103px;position: fixed;left:0;right:0;top:0;z-index:99;background-color:#fff;}
header .clearfix{width:100%;}
header a.logo{height:96px;}
header a.logo img{height:60px;margin-top:18px;}
header div.fr{padding-top:32px;}
header nav{float:left;}
header nav ul li{float:left;margin-right:50px;}
header nav ul li a{font-size:16px;line-height:40px;color:#434343;text-decoration:none;display:block;padding-bottom:24px;}
header nav ul li a:hover{text-decoration:none;color:#0065b5;}
header a.search{line-height:40px;font-size:16px;cursor:pointer;color:#1370bb;margin-right:25px;}
header a.lang{font-size:16px;color:#0065b5;line-height:38px;text-decoration:none;}
header a.login{float:left;width:110px;height:40px;box-sizing: border-box;border:1px solid #0c8fdb;border-radius:10px;font-size:16px;line-height:38px;color:#0065b5;text-decoration:none;text-align:center;cursor:pointer;margin-left:50px;position: relative;z-index:2;overflow:hidden;}
header a.login::before{position:absolute;content:'';background:#0c8fdb;transition-duration:.3s;z-index:-1;left:0;top:0;
	width:0;height:100%;opacity:1;}
header a.login:hover::before{width:100%;right:0;}
header a.login:hover{color:#fff;}

footer{background-color:#0790d4;padding-top:55px;}
.foot_1{border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:25px;}
.foot_1 h3{font-size:18px;line-height:30px;color:#fff;}
.foot_1 hr{display:inline-block;height:4px;width:20px;background-color:#fff;border:0;margin:20px 0;}
.foot_1 h4 a{font-size:16px;line-height:30px;color:#fff;text-decoration:none;transition:all ease-out .5s;}
.foot_1 h4 a:hover{color:rgba(255,255,255,.8);}
.foot_1 p{font-size:14px;line-height:18px;color:#fff;padding-left:25px;margin-bottom:20px;}
.foot_1 p a{font-size:14px;line-height:18px;color:#fff;}
.foot_1 p.add{background:url(../images/common/footer_add.png) no-repeat left 2px;;}
.foot_1 p.tel{background:url(../images/common/footer_tel.png) no-repeat left 2px;;}
.foot_1 p.mail{background:url(../images/common/footer_mail.png) no-repeat left 3px;;}
.foot_1 h5{display:flex;position: relative;align-items:center;}
.foot_1 h5 i{float:left;font-size:32px;color:#fff;margin-right:18px;}
.foot_1 h5 span{font-size:14px;line-height:18px;color:#fff;}
.foot_2{padding:20px 0;}
.foot_1 h5 img{width:100px;margin-right:20px;left:0;bottom:40px;display:block;}
.foot_2 p{font-size:16px;line-height:30px;color:#fff;}
.foot_2 p a{font-size:16px;line-height:30px;color:#fff;}
.foot_2 p em{padding:0 5px;}
.foot_2 p span{padding-left:35px;}
.header-nav{position:fixed;left:0;right:0;top:103px;height:170px;z-index:30;font-size:0;display:none;box-shadow: 0 3px 3px #9aa8d3;}
.header-nav ul{display:inline-block;width:100%;height:170px;;}
.header-nav ul li{float:left;width:33.333333%;height:100%;}
.header-nav ul li a{display:block;width:100%;height:100%;overflow:hidden;position:relative;text-align:center;}
.header-nav ul li a img{display:block;height:100%;position: absolute;left:50%;transform: translateX(-50%);top:0;bottom:0; }
.header-nav ul li a .bg{position: absolute;left:20%;right:20%;top:30px;bottom:30px;background: url(../images/common/nav_bg.png) no-repeat center bottom;background-size:cover;transform: scale(1.1, 1.05);opacity:0; transition: all 1s ease; }
.header-nav ul li a .box{position: absolute;left:10%;right:10%;top:50%;transform: translateY(-50%);transition: all 1s ease;margin-top:20px;}
.header-nav ul li a .box h2{font-size:24px;color:#fff;line-height:30px;text-shadow:0 0 7px #000;}
.header-nav ul li a .box i{display:inline-block;width:26px;height:26px;background:url(../images/common/header-nav-i.png) no-repeat center;transition:all ease-out 2s;opacity:0;margin-top:15px;}
.header-nav ul li a:hover .box{margin-top:0;}
.header-nav ul li a:hover .bg{transform: scale(1,1);opacity:1;}
.header-nav ul li a:hover h2{text-shadow:none;}
.header-nav ul li a:hover i{opacity:1;margin-top:10px;}
.header-nav.product-nav ul li{width:calc(100% / 6);}

.searchNav{position:fixed;left:0;right:0;top:103px;padding:30px 0;background-color:#0da1e9;z-index:30;font-size:0;display:none;}
.searchNav .box{padding:0 40px;box-sizing: border-box;position: relative;}
.searchNav .box input{font-size:24px;line-height:30px;padding:15px 110px 15px 0;width:100%;background:none;border:0;border-bottom:1px solid #86d0f4;color:#fff;}
.searchNav .box input::placeholder{color:rgba(255,255,255,.9)}
.searchNav .box a.btn_link{box-sizing: border-box;width:96px;height:42px;border:1px solid #fff;border-radius:8px;position: absolute;right:40px;font-size:16px;line-height:40px;color:#fff;text-align:center;text-decoration:none;top:9px;overflow:hidden;}
.searchNav .box a.btn_link::before{position:absolute;content:'';background:#fff;transition-duration:.3s;z-index:-1;left:0;top:0;width:0;height:100%;opacity:1;}
.searchNav .box a.btn_link:hover::before{width:100%;right:0;}
.searchNav .box a.btn_link:hover{border:1px solid #fff;color:#119ddf;}

.tit{text-align:center;padding-bottom:50px;}
.tit h3{font-size:30px;color:#363636;}
.tit h3 span{color:#0ca0e9;}
.tit hr{display:inline-block;width:60px;height:2px;background-color:#0ca0e9;margin:20px 0 0;}

.pageTit{padding-top:120px;background:url(../images/common/pageTit.jpg) no-repeat center top;padding-bottom:60px;}
.pageTit h2{font-size:50px;line-height:50px;height:101px;color:#000000;border-bottom:1px solid #e5e5e5;box-sizing: border-box;margin-bottom:65px;}
.pageTit h2 span{border-bottom:1px solid #000000;display:inline-block;padding-bottom:50px;box-sizing: border-box;}
.pageTit .crumb{font-size:14px;line-height:20px;color:#6c6c6c;}
.pageTit .crumb a.home{font-size:14px;color:#6c6c6c;padding-left:30px;background:url(../images/common/page_home.png) no-repeat left 1px;text-decoration:none;display:inline-block;line-height:20px;}
.pageTit .crumb a.home:hover{color:#0065b5;}
.pageTit .crumb a{color:#6c6c6c;text-decoration:none;}
.pageTit .crumb a:hover{color:#0065b5;}
.pageTit .crumb em{padding:0 15px;}
.pageTit .crumb span{font-size:14px;color:#000;}

.Pager{box-sizing: border-box;height:37px;text-align:center;}
/*.Pager::before{position: absolute;left:0;right:0;top:0;heigh:1px;background-color:#e5e5e5;content:"";}*/
.Pager a,.Pager span{display:inline-block;font-size:16px;line-height:16px;border-top:1px solid #000;color:#000;padding:10px 20px;margin-top:-2px;margin:0 15px;text-decoration:none;}
.Pager a:hover,.Pager a.cur,.Pager span:hover,.Pager span.cur{color:#0065b5;border-top:1px solid #0065b5;}

/*.Pager .pagination{margin:0;border-radius:0;}
.Pager .pagination li span,.Pager .pagination li a,.Pager .pagination li.disabled span{border:0;border-top:1px solid #000;border-radius:0;padding:10px 20px;font-size:16px;background:none;margin:0 15px;margin-top:-1px;}
.Pager .pagination li span.cur{color:#0065b5;border-top:1px solid #0065b5;}*/