@charset "utf-8";
/* CSS Document */
/* © 2020 18825285474 */


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,'Microsoft Yahei',sans-serif; color:#555; background-color:#eaeaea; }
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:Helvetica,Arial,'Microsoft Yahei',sans-serif; text-decoration:none; color:#555;-ms-transition-duration: 0.3s; transition-duration: 0.3s;}
a:hover{ color:#801c70}

.wrap{ width:1100px; position:relative; margin:0 auto;}
.footer{ height: 30px;}

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

.red{color:#801c70;}

.fontPl{}

.tc{ text-align:center;}
.th{overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}


.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; right:0px; top:50%; width:0px; height:0px; margin-top:-2px; 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);}




.sideRight,.sideLeft{ width:40px; position:fixed; top:250px; z-index: 999;}
.sideRight{ right:0px;}
.sideLeft{ left:0px;}

.sideIn{ width:40px; height:40px; position:relative; cursor:pointer; background-color:#801c70; border-top: 1px solid #EAEAEA;}
.sideRight-code,.sideRight-whatsapp{ background-color:#29b200;}

.sideIn:hover{ opacity: 0.8;}
.sideRightCodeImg{ background-image: url(../../images/contact/weixin.jpg);background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; left: 10px; top: 10px; right: 10px; bottom: 10px; border-radius: 5px;}

.sideIn div.sideRightCo{ display:none; position:relative;}
.sideIn i.sideRightIco{ display: inline-block; width:40px; height:40px; overflow:hidden; background-position: center; background-repeat:no-repeat;}

.sideRight-code i.sideRightIco{ background-image:url(../../images/contact/R-weixin.svg); background-size: 56%;}
.sideRight-mail i.sideRightIco{ background-image:url(../../images/contact/R-mail.svg); background-size: 58%;}
.sideRight-tel i.sideRightIco{ background-image:url(../../images/contact/R-phone.svg); background-size: 60%;}
.sideRight-whatsapp i.sideRightIco{ background-image:url(../../images/contact/R-whatsapp.svg); background-size: 55%;}


.sideRight-top i.sideRightIco{ background-image:url(../../images/contact/R-top.svg); background-size: 60%;}

.sideRight-tel div.sideRightCo,.sideRight-code div.sideRightCo,.sideRight-mail div.sideRightCo,.sideRight-whatsapp div.sideRightCo{ background-color:#801c70;}
.sideRight-code div.sideRightCo,.sideRight-whatsapp div.sideRightCo{ background-color:#29b200;}

.sideRight-tel div.sideRightCo:after,.sideRight-code div.sideRightCo:after,.sideRight-mail div.sideRightCo:after,.sideRight-whatsapp div.sideRightCo:after{ content:""; overflow:hidden; position:absolute; right:-12px; top:50%; margin-top:-6px; width:0px; height:0px; border:6px solid transparent; border-left-color:#801c70}

.sideRight-code div.sideRightCo:after,.sideRight-whatsapp div.sideRightCo:after{ content:""; overflow:hidden; position:absolute; right:-12px; top:50%; margin-top:-6px; width:0px; height:0px; border:6px solid transparent; border-left-color:#29b200}

.sideRight-tel div.sideRightCo,.sideRight-mail div.sideRightCo,.sideRight-whatsapp div.sideRightCo{ position:absolute; top:0; right:41px; height:40px; padding:0 15px; font-size:18px; line-height:40px; color:#fff; white-space:nowrap;}

.sideRight-mail div.sideRightCo a{ font-size:18px; line-height:40px; color:#fff; white-space:nowrap;}

.sideRight-code div.sideRightCo{ position:absolute; width:110px; height:110px; right:41px; top:-41px; padding:6px;}
.sideRight-code div.sideRightCo img{ width:110px; height:110px;}


.sideLeftCo{}
.sideLeftCo li{ width: 40px; height: 40px; background-color:#801c70; border-top: 1px solid #EAEAEA;}
.sideLeftCo li:after{ content:""; display:block; clear:both;}
.sideLeftCo li a{ float: left; width: 100%; padding-top: 100%; height: 0; overflow: hidden; background-position: center; background-repeat:no-repeat;}

.sideLeftCo li.sideLeft-fb { background-color: #3b589c;}
.sideLeftCo li.sideLeft-in { background-color: #0274b3;}
.sideLeftCo li.sideLeft-xi { background-color: #016366;}
.sideLeftCo li.sideLeft-pi { background-color: #cd1f28;}
.sideLeftCo li.sideLeft-tw { background-color: #059ff5;}

.sideLeftCo li.sideLeft-fb a{ background-image:url(../../images/contact/L-fb.svg); background-size: 70%;}
.sideLeftCo li.sideLeft-xi a{ background-image:url(../../images/contact/L-xi.svg); background-size: 54%;}
.sideLeftCo li.sideLeft-in a{ background-image:url(../../images/contact/L-in.svg); background-size: 68%;}
.sideLeftCo li.sideLeft-pi a{ background-image:url(../../images/contact/L-pi.svg); background-size: 58%;}
.sideLeftCo li.sideLeft-tw a{ background-image:url(../../images/contact/L-tw.svg); background-size: 56%;}

.sideLeftCo li:hover{ opacity: 0.8;}