@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:"\5fae\8f6f\96c5\9ed1", sans-serif; color:#666666; overflow-x:hidden;}

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;}



a{ font-size:14px; font-family:"\5fae\8f6f\96c5\9ed1", sans-serif; text-decoration:none; color:#666666;-ms-transition-duration: 0.3s; transition-duration: 0.3s;}

a:hover{ color:#00afef}



.wrap{ width:1200px; margin:0 auto; position:relative;}



.l{float:left;}.r{float:right;}.cl:after{ content:""; overflow:hidden; display:block; clear:both;}

.rel{position:relative;}.abs{position:absolute;}





.green{ color:#b3e100;}

.blue{color:#00afef;}

.hover{color:#0092c8;}



.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; background-color:#ddd; right:0px; top:0; height:99px; width:1px;}



.bgcolor{



  -ms-transition-duration: 0.3s; transition-duration: 0.3s;



  -ms-transform: scale(1.1); transform: scale(1.1);



  filter:Alpha(opacity=0); opacity:0;



  background-color:rgba(244,128,0,0);



  background-position:50% 50%; background-repeat:no-repeat; background-size:cover;



  position: absolute; left:0; right:0; top:0; bottom:0;



  overflow: hidden; text-overflow: ellipsis; white-space:nowrap;



  word-wrap:break-word;



  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;}



.zline span.aline{ height:3px; width:0; overflow:hidden; background-color:#00a1e9; position:absolute; left:50%; bottom:-3px; z-index:55;}





#boa dl dt,#bob dl dt,#boc dl dt,#bod dl dt{ position:relative;}

#boa dl dt img,#bob dl dt img,#boc dl dt img{ border:1px solid #e5e5e5; padding:4px;}

#boa dl dt span,#bob dl dt span,#boc dl dt span{ position: absolute; background-color:#00a1e9; overflow:hidden;}



#boa dl dt span.botop{ left:0; top:0; width:0; height:1px;}

#boa dl dt span.boright{ right:0; top:0; height:0px; width:1px;}

#boa dl dt span.bobottom{ right:0; bottom:0; width:0; height:1px;}

#boa dl dt span.boleft{ left:0; bottom:0; height:0px; width:1px;}



#bob dl dt span.botop{ left:0; top:0; height:0px; width:100%;}

#bob dl dt span.boright{ right:0; top:0; width:0px; height:100%;}

#bob dl dt span.bobottom{ right:0; bottom:0; height:0px; width:100%;}

#bob dl dt span.boleft{ left:0; bottom:0; width:0px; height:100%;}





#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:#00afef;}



#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;}





#bod dl dt span{ position: absolute; background-color:#333; overflow:hidden;}

#bod dl dt span.botop{ left:0; top:0; width:0; height:1px;}

#bod dl dt span.boleft{ left:0; top:0; height:0px; width:1px;}

#bod dl dt span.boright{ right:0; bottom:0; height:0px; width:1px;}

#bod dl dt span.bobottom{ right:0; bottom:0; width:0; height:1px;}















.sideRight{ width:70px; position:fixed; top:55%; right:0; margin-left:630px;z-index: 9999}

.sideIn{ width:70px; height:70px; border-radius:5px; margin-top:1px; position:relative; cursor:pointer; background-color:#00afef;}

.sideIn:hover{ background-color:#0092c8}



.sideIn ul{ display:none;}



.sideIn h6{ width:60px; padding-top:45px; margin:0 5px; font-size:12px; line-height:20px; color:#fff; background-position:10px 5px; background-repeat:no-repeat; text-align:center; position:relative;}

.sideIn h6 a{ display:block; position: absolute; left:0; right:0; top:0; bottom:0;}



.sideRight-qq h6{ background-image:url(../images/kf/icon-qq.png);}

.sideRight-ww h6{ background-image:url(../images/kf/icon-ww.png);}

.sideRight-code h6{ background-image:url(../images/kf/icon-wx.png);}

.sideRight-tel h6{ background-image:url(../images/kf/icon-tel.png);}

.sideRight-home h6{ background-image:url(../images/kf/icon-home.png);}

.sideRight-top h6{ background-image:url(../images/kf/icon-top.png);}





.sideRight-ww ul{ position:absolute; top:0; right:0; height:70px; width:430px;}

.sideRight-ww li{ position:absolute; width:70px; height:70px; background-color:#00afef; border-radius:5px;}

.sideRight-ww li a{position:absolute; right:0; top:0; width:70px; padding-top:45px; background-image:url(../images/kf/icon-ww.png); background-position:15px 5px; background-repeat:no-repeat; font-size:12px; line-height:20px; color:#fff; text-align:center;}

.sideRight-ww li:hover{ background-color:#0092c8;}



.sideRight-ww li:nth-child(1){ right:0px;}

.sideRight-ww li:nth-child(2){ right:71px;}

.sideRight-ww li:nth-child(3){ right:142px;}

.sideRight-ww li:nth-child(4){ right:213px;}

.sideRight-ww li:nth-child(5){ right:284px;}

.sideRight-ww li:nth-child(6){ right:355px;}





.sideRight-qq ul{ position:absolute; top:0; right:0; height:70px; width:430px;}

.sideRight-qq li{ position:absolute; width:70px; height:70px; background-color:#00afef; border-radius:5px;}

.sideRight-qq li a{position:absolute; right:0; top:0; width:70px; padding-top:45px; background-image:url(../images/kf/icon-qq.png); background-position:15px 5px; background-repeat:no-repeat; font-size:12px; line-height:20px; color:#fff; text-align:center;}

.sideRight-qq li:hover{ background-color:#0092c8;}



.sideRight-qq li:nth-child(1){ right:0px;}

.sideRight-qq li:nth-child(2){ right:71px;}

.sideRight-qq li:nth-child(3){ right:142px;}

.sideRight-qq li:nth-child(4){ right:213px;}

.sideRight-qq li:nth-child(5){ right:284px;}

.sideRight-qq li:nth-child(6){ right:355px;}





.sideRight-tel ul{ position:absolute; right:71px; bottom:0; height:70px; background-color:#00afef; border-radius:5px; width:180px; padding-left:20px; font-weight:700; font-size:20px; line-height:70px; color:#fff;}

.sideRight-code ul{ position:absolute; width:100px; height:100px; right:71px; top:0; background-color:#f5f5f5; padding:5px; border-radius:5px; }