@charset "utf-8";

/*初始样式*/

body{ color:#333;font:16px "Microsoft Yahei";} /*网站字体颜色*/

body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}

a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/

a:focus{outline:0;} /*for ff f6n.net*/

/*a:hover { text-decoration:underline;}*/

img{border:none;}

.vam{ vertical-align:middle;}

.clear{clear:both; height:0; line-height:0; font-size:0;}

p{ word-spacing:0;font-family: "Microsoft Yahei"; }

h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

i,em{ font-style:normal;}



input:-ms-input-placeholder{color: rgba(255,255,255,0.4);opacity:1;}

input::-webkit-input-placeholder{color: rgba(255,255,255,0.4);opacity:1;}

.tr {text-align:right;}

.tl {text-align:left;}

.center{ text-align:center;}

.fl { float:left;}

.fr { float:right;}

.pa{ position:absolute;}

.pr{ position:relative}

.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}

.clearfix{zoom:1;}



.client-2 {

            position: fixed;

            right: -170px;

            top: 50%;

            z-index: 900;

        }

        

        .client-2 li a {

            text-decoration: none;

        }

        .client-2 li {

            margin-top: 1px;

            clear: both;

            height: 62px;

            position: relative;

        }

        

        .client-2 li i {

            background: url(../images/fx.png) no-repeat;

            display: block;

            width: 30px;

            height: 27px;

            margin: 0px auto;

            text-align: center;

        }

        

        .client-2 li p {

            height: 20px;

            font-size: 12px;

            line-height: 20px;

            overflow: hidden;

            text-align: center;

            color: #fff;

        }

        

        .client-2 .my-kefu-qq i {

            background-position: 4px 5px;

        }

        .client-2 .my-kefu-zx i {

            background-position: 4px -53px;

        }

        

        .client-2 .my-kefu-tel i {

            background-position: 0 -21px;

        }

        

        .client-2 .my-kefu-liuyan i {

            background-position: 4px -53px;

        }

        

        .client-2 .my-kefu-weixin i {

            background-position: -34px 4px;

        }

        

        .client-2 .my-kefu-weibo i {

            background-position: -30px -22px;

        }

        

        .client-2 .my-kefu-ftop {

            display: none;

        }

        

        .client-2 .my-kefu-ftop i {

               width: 33px;

    height: 31px;

    background-position: -23px -47px;

    background-size: 52px 82px;

        }

        .client-2 .my-kefu-ftop .my-kefu-main{

            padding-top: 6px;

        }

        

        .client-2 .my-kefu-left {

            float: left;

            width: 62px;

            height: 47px;

            position: relative;

        }

        

        .client-2 .my-kefu-tel-right {

            font-size: 16px;

            color: #fff;

            float: left;

            height: 24px;

            line-height: 22px;

            padding: 0 15px;

            border-left: 1px solid #fff;

            margin-top: 14px;

        }

        

        .client-2 .my-kefu-right {

            width: 20px;

        }

        

        .client-2 .my-kefu-tel-main {

            background: #122a88;

            color: #fff;

            height: 53px;

            width: 230px;

            padding:9px 0 0;

            float: left;

        }

        

        .client-2 .my-kefu-main {

            background: #122a88;

            width: 97px;

            height: 53px;

            position: relative;

            padding:9px 0 0;

            float: left;

        }

        

        .client-2 .my-kefu-weixin-pic {

            position: absolute;

            left: -130px;

            top: -24px;

            display: none;

            z-index: 333;

        }

        

        .my-kefu-weixin-pic img {

            width: 115px;

            height: 115px;

        }

    

















/* -- 页面整体布局 -- */

.content{ width:1200px; margin:0 auto;}

.pic img,.picl img,.pics img{-webkit-transition: -webkit-transform 0.8s; -moz-transition: -moz-transform 0.8s; -o-transition: -o-transform 0.8s; transition: transform 0.8s;}

.pic img:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);  transform: scale(1.05);}

.picl img:hover{-moz-transform: translate(0,5px);-webkit-transform: translate(0,5px);-ms-transform: translate(0,5px);-o-transform: translate(0,5px);}

.pics img:hover{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);}

.white,.whites{position: relative;overflow: hidden;}

.white:after,.whites:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg); }

.white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}

.whites:hover:after {left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}

@keyframes myfirst{0%{background-position:0 0;} 100%{background-position:100% 100%;}}

body{min-width:1200px;width:100%;max-width:1920px;margin:0 auto;overflow-x:hidden;}

i,em{ font-style:normal;}

.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}



/*头部*/