@charset "utf-8";
/* CSS Document */
body { max-width: 1920px; margin: 0 auto; padding: 0; font-family: Arial,'Microsoft YaHei'; padding-top: 90px; }
* { margin: 0; padding: 0; }
a { text-decoration: none; color:#333;}
a:hover{ color:#27bce1; text-decoration:underline;}
ul, li { list-style: none; }
li { list-style: none; float: left; }
img { display: block; max-width: 100%; border: none; }
.clear { clear: both; }
.left, .lt , .fl{ float: left; }
.right, .rt , .fr{ float: right; }
.container { width: 1200px; margin: 0 auto; box-sizing: border-box; }



/* Header ��ʽbegin */
#Header { position: fixed; left: 0; top: 0; width: 100%; background: #fff; z-index: 98; }
#Header .nav-bg { position: absolute; left: 0; top: 90px; width: 100%; height: 200px; display: none; z-index: 996; }
#Header .left { float: left; width: 15%; }
#Header .right { float: right; width: 85%; }
#Header .right .boxR { float: right; }
#Header .right .nav { float: right; }
#Header .container { }
#Header .logo { padding:0 0; }
#Header .nav li { float: left; }
#Header .nav li a { margin: 0 5px; display: block; position: relative; font-size: 14px; color: #000; line-height: 90px; background: #fff; overflow: hidden; height: 90px; }
#Header .nav li a span { display: block; font-size: 14px; color: #fff; line-height: 90px; background: #27bce1; padding: 0 20px; box-sizing: border-box; position: absolute; left: 0; top: -90px; width: 100%; transition: all 0.3s; }
#Header .nav li a abbr { display: block; font-size: 14px; color: #000; line-height: 90px; background: #fff; padding: 0 20px; box-sizing: border-box; position: relative; left: 0; top: 0px; width: 100%; transition: all 0.3s; }
#Header .nav li:hover a span { top: 0; }
#Header .nav li:hover a abbr { top: 90px; }
#Header .nav li.selected a span { top: 0; }
#Header .nav li.selected a abbr { top: 90px; }
#Header .main .nav_down { position: absolute; text-align: right; left: 0; top: 90px; width: 100%; z-index: 999; background: #fff; display: none; border-top: 1px solid #e8e8e8; box-sizing: border-box; box-shadow: 0 2px 3px 1px #eee; }
#Header .main .Down-li-row li { float: none; display: inline-block; }
#Header .main .Down-li-row li a { line-height: 80px; height: auto; padding: 0 20px; margin: 0 10px; }
#Header .main .Down-li-row li:hover a { color: #27bce1; }


#About-nav { padding: 30px; }
#About-nav .sub-nav-left { float: left; width: 60%; }
#About-nav .sub-nav-right { float: right; right: 40%; }
#About-nav .li-box { }
#Header .nav li #About-nav li { float: left; width: 33.33%; }
#Header .nav li #About-nav .li-box { padding: 0 50px; height: 186px; }


#product-nav { padding: 30px; box-sizing: border-box; }
#product-nav li { float: left; width:20%; }
#product-nav .li-box { }
#product-nav .li-box .lt { float: left; width: 48%; }
#product-nav .li-box .rt { float: right; width: 52%; }
#Header .nav li .nav_down .li-box .nav-pic { margin: 0 auto; text-align: center; padding: 0 20px; }
#Header .nav li .nav_down .li-box .nav-pic img { margin: 0 auto; }
#Header .nav li .nav_down .li-box { border-right: 1px solid #e0e0e0; }
#Header .nav li .nav_down .li-box a { line-height: 30px; height: auto; text-align: left; }
#Header .nav li .nav_down .li-box dt a { font-size: 16px; color: #27bce1; text-align: left; }
#Header .nav li .nav_down .li-box dd a { font-size: 14px; color: #333; line-height: 26px; text-align: left; }
#Header .nav li .nav_down .li-box dd:hover a { color: #27bce1; }
#Header .nav li .nav_down li:last-child .li-box { border: none; }
#Header .nav li.nav-sub-Product .nav_down .li-box dt a { color: #27bce1; }
#Header .main .boxR { padding: 0 10px; }
#Header .main .boxR .search { float: right; padding: 30px 10px; position: relative;display: none }
#Header .main .boxR .search .mens-but { cursor: pointer; width: 30px; box-sizing: border-box; height: 30px; font-size: 18px; padding: 2px 0; }
#form_s { position: absolute; top: 90px; right: 0; width: 300px; display: none; z-index: 99; background: #fff; padding: 10px; box-sizing: border-box; }
#Header .main .boxR .language { float: left; margin-left: 10px; position: relative; }
#Header .main .boxR .search input { outline: none; border: 1px solid #27bce1; cursor: pointer; display: block; float: left; padding: 0 10px; background: none; font-size: 14px; color: #333; line-height: 40px; height: 40px; box-sizing: border-box; }
#Header .main .boxR .search input.opinst { width: 40px; box-sizing: border-box; border-left: none; border-bottom-right-radius: 5px; border-top-right-radius: 5px; background: url('../images/icon/icon_search.png') no-repeat center center; }
#Header .main .boxR .search input#KeyWord { width: 238px; box-sizing: border-box; border-right: none; border-bottom-left-radius: 5px; border-top-left-radius: 5px; }
#Header .main .boxR .language a { padding: 30px 0; display: block; }
#Header .main .boxR .language span { display: inline-block; font-size: 14px; color: #000; line-height: 30px; font-weight: 100; float: left; }
#Header .main .boxR .language span.icon-lang { width: 35px; height: 30px; display: inline-block; display: none; }
#Header .main .boxR .language span.icon-down { width: 0; height: 0; display: block; margin: 0 20px 0 5px; }
#Header .main .boxR .language .down { background: #fff; position: absolute; top: 90px; left: 0; display: none; width: 100%; z-index: 99; }
#Header .main .boxR .language .down a { font-size: 14px; line-height: 40px; padding: 0; display: block; color: #333; text-align: center; }
#Header .main .boxR .language .down a.selected { background: #27bce1; color: #fff; }
#Header .main .boxR .language .down a:hover { background: #27bce1; color: #fff; }





.flexslider { height: 540px; overflow: hidden; }
.flexslider .slides .pic { height: 540px; overflow: hidden; }
.flexslider .slides img { display: none; }




a.More { font-size: 14px; color: #27bce1; line-height: 36px; padding: 0 30px; padding-right: 52px; border-radius: 20px; display: inline-block; margin: 20px auto; background: url('../images/morebg.png') no-repeat center center; position: relative; transition: all 0.3s; }
a.More .icon-more { display: block; position: absolute; right: 25px; top: 50%; margin-top: -9px; width: 18px; height: 18px; border-radius: 50%; background: url('../images/icon_more01.png')no-repeat center center; background-size: 100%; }
a.More:hover { background: url('../images/morebg.png') no-repeat center center #27bce1; color: #fff; }
a.More:hover .icon-more { background: url('../images/icon_more011.png')no-repeat center center; background-size: 100%; }


.footBg{ width:100%; background:#27bce1; padding:30px 0px;}
.footBg .footMenu{ width:212px; float:left;}
.footBg .footMenu b{ display:block; float:left; width:220px; font-size:16px;height:30px; line-height:20px; color:#fff;}
.footBg .footMenu ul{ width:200px; display:block; float:left; margin-top:0px;}
.footBg .footMenu ul li{ display:block; float:left; width:200px; height:30px; font-size:13px;line-height:30px;}
.footBg .footMenu ul li a{ color:#fff;}
.footBg .footLX{ width:350px; float:left;}
.footBg .footLX b{display:block; float:left; width:200px; font-size:16px;height:30px; line-height:20px; color:#fff;}
.footBg .footLX  span{ background:url(../images/lxIcon.png) 0px 8px no-repeat; font-size:13px;line-height:30px; display:block; float:left;color:#fff; padding-left:30px;}


.copyright{ width:100%; text-align:center; color:#fff; height:48px; line-height:48px; background:#0b8aaa;}




.Detail-section .container { position: relative; }
/* 内页多级导航展开样式 */
.Detail-nav { position: absolute; left: 0; top: -60px; z-index: 96; }
.Detail-nav .Tit-nav { background: #27bce1; padding: 10px 20px; width: 280px; position: relative; }
.Detail-nav .Tit-nav h3 { font-size: 18px; color: #fff; line-height: 40px; font-weight: 400; }
.Detail-nav .Tit-nav .nav-bar { background: #0b8aaa; width: 60px; height: 60px; position: absolute; top: 0; right: 0; text-align: center; padding: 15px; box-sizing: border-box; }
.Detail-nav .Tit-nav .nav-bar .menu-line { width: 30px; height: 3px; background: #fff; margin: 5px auto; display: block; }
.Detail-nav .main-nav { background: #f4f4f4; position: absolute; left: 0; top: 60px; width: 100%; display: none; }
.Detail-nav .main-nav ul { width: 320px; }
.Detail-nav .main-nav li { position: relative; float: left; width: 100%; }
.Detail-nav .main-nav li ul { position: absolute; top: 0; width: 320px; background: #f4f4f4; border-left: 1px solid #fff; display: none; }
.Detail-nav .main-nav a { font-size: 14px; color: #000; line-height: 50px; padding: 0 20px; box-sizing: border-box; display: block; width: 100%; border-bottom: 1px solid #e7e7e7; background: url('../images/icon_right11.png') no-repeat right 15px center; }
.Detail-nav .main-nav li:hover > a { color: #fff; background: url('../images/icon_right22.png') no-repeat right 15px center #18a4c7; }
.Detail-nav .main-nav li:last-child a { border: none; }

/* 内页当前位置样式 */
.Dtail-Title { padding: 15px 0; }
.Dtail-Title h3 { font-size: 24px; color: #27bce1; line-height: 60px; float: left; font-weight: 600; }
.Dtail-Title .location { float: right; }
.Dtail-Title .iconfont { display: none; }
.location { padding: 15px 0; }
.location i.btn { background: url('../images/icon/icon_Home.png') no-repeat center top 3px; width: 20px; height: 30px; display: inline-block; float: left; display: none; }
.location span.title { display: none; }
.location span.space { font-size: 14px; color: #333; display: inline-block; }
.location span.space a { font-size: 14px; color: #333; line-height: 30px; display: inline-block; margin: 0 10px; text-transform: uppercase; }
.location span.space span { font-size: 14px; color: #333; line-height: 30px; display: inline-block; margin: 0 10px; text-transform: uppercase; }


/* 产品目录页子导航样式 */
.Detail-Top { margin-bottom: 20px; background: #eeeeee; }
.Detail-Top li { float: left; }
.Detail-Top a { font-size: 14px; color: #000000; line-height: 50px; padding: 0 30px; display: block; margin: 0; }
.Detail-Top li.selected a { background: #27bce1; color: #fff; }
.Detail-Top li:hover a { background: #27bce1; color: #fff; }



.Detail-bottom { margin: 30px auto; text-align: center; }
.Detail-line { position: relative; width: 100%; height: 1px; background: #e5e5e5; }



/*--------分页样式------------*/

/*Pages*/
.Pages{ padding:30px 0px; line-height:18px; zoom:1; overflow:hidden; text-align: center;}
.Pages span{ padding:0px 3px; display:inline-block;}
.Pages a{ display:inline-block; margin:0px 2px;}

.Pages .p_page em{ font-style:normal; font-family:Arial;}
.Pages .p_page em a{ color:#666; padding:4px 8px;}
.Pages .p_page em a.a_cur{ color:#fff; background:#27bce1; border:solid 1px #27bce1;}
.Pages .p_page b{ font-weight:normal;}

.Pages .p_page a{ border: 1px solid #e5e5e5; background: #e5e5e5; padding:0px 7px; color:#666;}
.Pages .p_page a:hover{ color:#fff; background:#27bce1; border:solid 1px #27bce1;}
.Pages .p_page .a_first,
.Pages .p_page .a_prev,
.Pages .p_page .a_next,
.Pages .p_page .a_end{ margin: 0 1px; color:#333; padding:4px 8px;}

/* 在线留言样式 */
.message-form { }
.message-form p { font-size: 18px; color: #000000; line-height: 36px; }
.message-form .line1 { margin: 0 -15px; }
.message-form .line { margin-bottom: 30px; }
.message-form li { float: left; width: 33.33%; }
.message-form .controls { border: 1px solid #d5cfcf; margin: 0 15px; box-sizing: border-box; }
.message-form .controls label { font-size: 14px; color: #666666; line-height: 26px; width: 22%; }
.message-form .controls i { color: #ed1450; display: inline-block; line-height: 26px; padding: 5px; }
.message-form .controls input { font-size: 14px; color: #666666; line-height: 40px; width: 75%; outline: none; border: none; }
.message-form textarea { border-color: #d5cfcf; width: 100%; min-height: 260px; display: block; outline-color: #d5cfcf; padding: 10px 15px; font-size: 14px; line-height: 26px; color: #666; box-sizing: border-box; }
.message-form .bottom { }
.message-form .bottom input { font-size: 14px; color: #fff; line-height: 30px; background: #616161; border: none; display: inline-block; outline: none; padding: 5px 30px; margin-right: 10px; cursor: pointer; }
.message-form .bottom input:focus { background: #178e8e; outline: none; }
.message-form .bottom input:hover { background: #178e8e; outline: none; }