﻿@charset "utf-8";
/* CSS Document */
/* Css writer: www.grwy.net */


html,body,div,dl,dt,dd,ol,ul,li,span,i,p,em,h,form,input,textarea,button,table,tr,td,img,h1,h2,h3,h4,h5,h6,a{ margin:0; padding:0;}
body{ font-size:14px; line-height:2em; font-family:Helvetica,Arial,'Noto Sans SC','Microsoft Yahei',sans-serif; font-weight: 400; color:#000000; overflow-x:hidden; background-color:#fff;}
ul,li{ list-style:none;}
i,em,cite{font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal}
img,input{ border:none; vertical-align:middle;}

/* CSS活动的公共样式 */
.fl{float:left;}
.fr{float:right;}
.grWidth{width:1200px; margin:0 auto;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.center{text-align:center;}
.hidden{overflow:hidden;}


a{ font-size:14px; font-family:Helvetica,Arial,'Noto Sans SC','Microsoft Yahei',sans-serif; font-weight: 200; text-decoration:none; color:#000000;-ms-transition-duration: 0.3s; transition-duration: 0.3s;}
a:hover{ color:#1ab7cd}

.wrap{ width:1400px; position:relative; margin:0 auto;margin-left: -700px;left: 50%;}

.l{float:left;}.r{float:right;}
.cl:after{ content:""; display:block; clear:both;}
.clearfix:after {clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden; }

.white{ color:#fff;}
.red{ color:#d00;}

.blue{color:#1ab7cd;}
.hover{color:#16a6ba;}

.tc{ text-align:center;}
.th{overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.homebg{ background-position:50% top; background-repeat:no-repeat;}

.bgcolor:before{ content:""; overflow:hidden; position:absolute; left:0px; top:0px; width:1px; height:99px;background-color:#ddd;}

.bgcolor:before{ content:""; overflow:hidden; position:absolute; left:0px; top:0px; width:0px; height:0px; border:10px solid transparent; border-bottom-color:#eee}



.bgcolor{
  word-wrap:break-word;	
  filter:Alpha(opacity=0); opacity:0;
  background-position:50% 50%; background-repeat:no-repeat; background-size:cover;
  position: absolute; left:0; right:0; top:0; bottom:0;
  background-image:url(../images/tm/tm-b-8.png); background-position:left top;
  }
  
.scale img{-ms-transition-duration: 0.3s; transition-duration: 0.3s;}
.scale a:hover img{-ms-transform: scale(1.1); transform: scale(1.1);}


/* ----- */

.uline a{ display:inline-block; position:relative; overflow:hidden;}
.uline a span{ position:absolute; left:0; bottom:0px; width:0; height:1px; background-color:#fff;}


#boc dl dt{ position:relative;}
#boc dl dt img{ border:1px solid #e5e5e5; padding:4px;}
#boc dl dt span{ position: absolute; overflow:hidden; background-color:#1ab7cd;}

#boc dl dt span.botop{ left:50%; top:0; width:0; height:1px;}
#boc dl dt span.boleft{ left:0; top:50%; height:0px; width:1px;}
#boc dl dt span.boright{ right:0; top:50%; height:0px; width:1px;}
#boc dl dt span.bobottom{ left:50%; bottom:0; width:0; height:1px;}


.homeProductCo a{ padding-left:16px;}
.homeProductCo span{ position:absolute; background:#bbb; overflow:hidden; 
-ms-transition-duration:0.3s; -webkit-transition-duration:0.3s; transition-duration:0.3s;}
.homeProductCo span.one{width:10px; height:2px; top:14px; left:0px;}
.homeProductCo span.two{width:2px; height:10px; top:10px; left:4px;}
.homeProductCo a:hover span.one,.homeProductCo a:hover span.two{-ms-transform:rotate(180deg); transform:rotate(180deg); background-color:#00a1e9;}

/*<span class="one"></span><span class="two"></span>*/



.sideRight{ width:40px; position:fixed; right:0px; top:250px; z-index:99999999;}
.sideIn{ width:40px; height:40px; margin-top:1px; position:relative; cursor:pointer; background-color:#bbb;}
.sideIn a:hover{color: #fff}

.sideIn ul{ display:none; position:relative;}
.sideIn h6{ width:40px; height:40px; overflow:hidden; background-position:left top; background-repeat:no-repeat;}
.sideIn h6:hover{ background-position:left bottom;}

.sideRight-qq h6{ }
.sideRight-tel h6{ background-image:url(../images/kf/icon-tel.png);}
.sideRight-mail h6{ background-image:url(../images/kf/icon-mail.png);}
.sideRight-top h6{ background-image:url(../images/kf/icon-top.png);}

.sideRight-qq h6 a{ display:block; height:40px; background:url(../images/kf/icon-qq.png) no-repeat left top;-ms-transition-duration: 0s; transition-duration: 0s;}
.sideRight-qq h6:hover a{ background-position:left bottom;}


.sideRight-tel ul,.sideRight-mail ul{ background-color:#1ab7cd;}
.sideRight-tel ul:after,.sideRight-mail ul:after{ content:""; overflow:hidden; position:absolute; right:-10px; top:50%; margin-top:-5px; width:0px; height:0px; border:5px solid transparent; border-left-color:#1ab7cd}

.sideRight-tel ul{ position:absolute; top:0; right:40px; height:40px; padding:0 15px; font-weight:700; font-size:18px; line-height:40px; color:#fff; white-space:nowrap;}
.sideRight-mail ul{ position:absolute; top:0; right:40px; height:40px; padding:0 15px; font-weight:700; font-size:18px; line-height:40px; color:#fff; white-space:nowrap;}

.sideRight-code ul{ position:absolute; width:110px; height:110px; right:40px; top:-41px; padding:6px;}
.sideRight-code ul img{ width:110px; height:110px;}

.codeqq{    width: 160px;
    left: -160px;
    background: #1AB7CD}
.codeqq a{color: #fff} 
.codeqq a:hover{color: #a4d41e}  
.codeqq li{text-align: center;border-bottom: 1px solid #0B8B9D}
.sideRight-qq{    display: block;
    height: 40px;
    background:#bbb url(../images/kf/icon-qq.png) no-repeat left top;transition-duration: 0s;}    