/*********************************************

*

* created by wsl

* data 2018-1-10 14:36:16

* 注：本文件只用于客服边栏

*

* 向右： 向左：

*

**********************************************/





@font-face {font-family: "font-slide";

	src: url('fonts/font-slide.eot'); /* IE9*/

	src: url('fonts/font-slide.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */

	url('fonts/font-slide.woff') format('woff'), /* chrome, firefox */

	url('fonts/font-slide.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/

	url('fonts/font-slide.svg#font-slide') format('svg'); /* iOS 4.1- */

}



.font-slide {

	/*font-family:"font-slide" !important;*/

	font-size:16px;

	font-style:normal;

	-webkit-font-smoothing: antialiased;

	-webkit-text-stroke-width: 0.2px;

	-moz-osx-font-smoothing: grayscale;

	color:#fff;

}



.custom-wrap{width:160px; position:fixed; top:40%; right:0; border:1px solid #000; background:#fff; z-index: 999999999;}

.custom-wrap.block{ display:block; }

.custom-wrap.close{ display:none; }

.custom-wrap.right{ right:0; }

.custom-wrap.left{ left:0; }

.custom-btn{width:1.5em; line-height:1.2em; text-align:center; position:absolute; top:2em; left:-1.5em; padding:1em 0; background:#6e8fff; color:#fff; cursor:pointer;}

.custom-wrap.left .custom-btn{ left:auto; right:-1.5em; }

.custom-btn i{ padding:9px 0 0 0; display: none;/* display:inline-block;*/ }

/*.slideLeft{ display:none; }

.custom-wrap.left .slideLeft{ display:inline-block; }

.custom-wrap.left .slideRight{ display:none; }

.custom-wrap.right .slideRight{ display:inline-block; }

.custom-wrap.right .slideLeft{ display:none; }*/

.custom-wrap .custom-main{ min-height:123px; padding-bottom:15px; overflow:hidden; }

.custom-company{ line-height:1.4em; margin:15px 5px 0 5px; font-size:15px; text-align:center; }

.custom-wrap .QQ-list ,.custom-wrap .phone-list ,.custom-wrap .ewm-list{ text-align:center; }

.custom-wrap .QQ-list li{ line-height:1.7em; }

.custom-wrap li a{ word-wrap:break-word; }

.custom-wrap .QQ-list .font-slide{ margin-right:0.3em; color:#0099ff; }

.custom-wrap .phone-list li{ line-height:1.7em; }

.custom-wrap .phone-list .font-slide{ margin-right:0.3em; color:#ff2f2f; }

.custom-wrap .ewm-list li{ padding:3px 1em 5px 1em; }

.custom-wrap .ewm-list li img{ max-width:100%; }

.custom-wrap .ewm-list li p{ line-height:1.5em; font-size:12px; }

.slogan-box{ line-height:1.4em; margin:5px 10px; text-align:center; font-weight:bold; }

.custom-mod-box{ margin:10px 10px 0 10px; }

.custom-mod-box>h4{ line-height:1.7em; margin:0; text-align:center; }

.custom-mod-box>ul{ padding-bottom:5px; border-bottom:1px solid #ccc;}





.site__header {

  -webkit-animation: bounceInUp 1s;

}



  .site__title {

    color: #fff;

    background-image: -webkit-linear-gradient(92deg,#f35626,#feab3a);

    -webkit-background-clip: background;

    /*-webkit-text-fill-color: transparent;*/

    -webkit-animation: hue 60s infinite linear;

  }



.site__content {

  -webkit-animation: bounceInUp 1s;

  -webkit-animation-delay: .1s;

}



  .site__content form {

    -webkit-animation: bounceInUp 1s;

    -webkit-animation-delay: .1s;

  }



/*-----------------------------------*\

  $ANIMATIONS

\*-----------------------------------*/



@-webkit-keyframes hue {

  from {

    -webkit-filter: hue-rotate(0deg);

  }



  to {

    -webkit-filter: hue-rotate(-360deg);

  }

}