@charset "utf-8";
p{line-height: 25px}
.font-12{font-size: 12px;}
.font-14{font-size: 14px;}
.font-16{font-size: 16px;}
.font-18{font-size: 18px;}
.font-30{font-size: 30px;}
.font-36{font-size: 36px;}
.float-lt{float: left}
.float-rt{float: right}
.content-page{width: 100%;display: block;min-width: 1170px;}
.content{width: 1170px;min-width: 1170px;margin: 0px auto;display: block}
.section{min-width: 1170px;display: block;}
.clearfix {zoom: 1}
.content:after, .clearfix:after {clear: both;display: block;visibility: hidden;overflow: hidden;height: 0;content: " ";zoom: 1;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
html,body{font-family:"microsoft yahei"!important;font-size:12px;color:#000000;}
/*html,body{font-family:"microsoft yahei"!important;font-size:12px;color:#000000;margin-top: -29px;-webkit-filter:grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(graysale=1);}
*/
p,span,i{font-size:12px;}
ul,li{list-style:none;margin:0;padding:0;}
img{border:none;border:0;vertical-align:middle;}
a{text-decoration:none;outline:none;}
.clearfix {  zoom: 1 }
.clearfix:after {clear: both;display: block;visibility: hidden;overflow: hidden;height: 0;content: " ";zoom: 1;}




.map {
    margin: 0 auto;
    width: 950px;
	font-size: 16px;
}

.map_01 {
    width: 450px;
    float: left;
    text-align: left;
    margin-top: 20px;
}

.map_02 {
    width: 450px;
    float: left;
    text-align: left;
    margin: 20px 0px 0px 50px;
}
.map_name {
	color: red;
	font-weight: bolder;
}

.map_main {
	height: 60px;
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px solid #cdcdcd;
	background-color: #f9f9f9;
}

.map_text {
    padding: 18px 30px 0px 30px;
}

.map_font {
	color: black;
    margin-right: 6px;
    font-size:14px;
}



::-webkit-scrollbar {
    width: 0px;
}

::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    border-radius: 0px;
}
::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background: #FF0000;
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);*/
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255,0,0,0.4);
}
*{
    scrollbar-arrow:none;
    scrollbar-arrow-color: #FF0000; /*三角箭头的颜色*/
    scrollbar-face-color: #FF0000; /*立体滚动条的颜色（包括箭头部分的背景色）*/
    scrollbar-3dlight-color: #FF0000; /*立体滚动条亮边的颜色*/
    scrollbar-highlight-color: #FF0000; /*滚动条的高亮颜色（左阴影？）*/
    scrollbar-shadow-color: #FF0000; /*立体滚动条阴影的颜色*/
    scrollbar-darkshadow-color: #FF0000; /*立体滚动条外阴影的颜色*/
    scrollbar-track-color: #ffffff; /*立体滚动条背景颜色*/
    scrollbar-base-color:#ffffff; /*滚动条的基色*/
}

.panel-1{}

.panel-6{background-color: #282828}

.panel-8{background:#232323;}
.fixed_r{position:fixed;left:10px;top:100px;z-index:999;display: none;
    transition: background ease 0.3s;
    -webkit-transition: background ease 0.3s;
    -moz-transition: background ease 0.3s;
    -o-transition: background ease 0.3s;}
.fixed_r>ul{z-index:999;}
.fixed_r li>a{width:16px;height:16px;border:1px solid #FF0000;border-radius: 100%;float: left;position: relative;color: #808080}
.fixed_r li>a>span{position: absolute;top: -3px;right: -40px;}
.fixed_r li{margin-top: 30px;color: #8e8e8e;line-height: 20px;position: relative;cursor:pointer;height: 20px;}
.fixed_r li>span{margin: -20px 10px;display: inline-block}
.fixed_r li:first-of-type{margin-top: 0px;}
.fixed_r li.on{color: #FF0000}
.fixed_r li.on>a{background:#FF0000;color: red}
.fixed_r li>em{ position: absolute;width: 1px;height: 34px;top: 16px;left: 8px;background-color: #FF0000;}
/*logo-show*/
/*svg{padding: 5px;}*/
.logo-show{width:50%;float: left;padding-top: 15%;position: relative;}
.logo-show>img{position: absolute;right: 25px;bottom:7px;display: none}
.logo-show1{padding-top: 15%;width:50%;float: left;position: relative;}
.logo-show1>img{position: absolute;left: 20px;bottom: 6px;height: 92px;width: 308px;display: none;}
.logo-show1>svg{float: left;height: 103px;width: 308px;margin-left: 20px;}
.logo-btm{width: 100%;text-align: center;font-family: "microsoft yahei";letter-spacing: 1em;color: #ffffff;position: absolute;bottom: 100px;opacity: 1}
.logo-btm>img:first-of-type{}
.logo-btm>img:last-of-type{clear: both;margin-top: 20px;}
.logo-btm.show{animation: downTop 1s 2.5s ease both;
    -webkit-animation: downTop 1s 2.5s ease both;
    -moz-animation: downTop 1s 2.5s ease both;
    -o-animation: downTop 1s 2.5s ease both;}
.downTop{
    animation-name: downTop;
    -webkit-animation-name: downTop;
    -moz-animation-name: downTop;
    -o-animation-name: downTop;
}
@keyframes downTop{
    0%{
        opacity: 0;
        transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -moz-transform: translateY(200px);
        -o-transform: translateY(200px);
    }
    50%{
        opacity:0.3;
    }
    80%{
        opacity:0.5;
    }
    100%{
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px);
    }
}
.panel-2{background-size:100% 100%;position: relative;background-repeat: no-repeat;
    transition: background ease 0.5s;
    -webkit-transition: background ease 0.5s;
    -moz-transition: background ease 0.5s;
    -o-transition: background ease 0.5s;}
.nav-bar{padding: 10px 30px;background-color: #ffffff;border-bottom: 1px solid #d7d7d7;position: relative;width: 100%;z-index: 999;min-width: 1170px;display: none}
.nav-top>li{float: left}
.nav-top{margin-bottom: 0px!important;margin-top: 8px;}
.nav-top>li>a{padding: 0px 20px!important;line-height: 35px;color: #000000;position: relative;font-size: 16px;text-decoration: none!important;}
.nav-top>li>a>span{position: absolute;top: -25px;left: 0px;width: 100%;height: 3px;background-color: #FF0000;display: none}

.nav-top>li.active{background: none!important;}
.nav-top>li.active>a{color: #FF0000!important;font-weight: bold;background: none!important;}
.nav-top>li.active>a>span{display: block}
.link{list-style-type: none;}
.link>li{float: left;margin-right: 10px;position: relative;}
.link>li>a{display: block;width: 35px;height: 35px;line-height:35px;background-color: #cacaca;text-align: center;border-radius: 100%;text-decoration: none!important;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;}
.link>li>a>img{margin-top:-2px;}
.link>li>a:hover{background-color: #d0231c}
.link>li:first-of-type{background: none;width:120px;border-left: 1px solid #e3e3e3;border-radius: 0px;}
.link>li:first-of-type>a{background: none;margin-left: 15px;;float: left}
.link>li:first-of-type>a:hover{background: none;}
#search>img{margin-top: 0px;}
#search{
    cursor: pointer;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;}
.ipt{position: absolute;width: 530px;height: 35px;left: -445%;top: 0px;background-color: #FFFFFF;border: 1px solid #e3e3e3;display: none}
.ipt input{border-left: none;width: 100%;line-height: 33px;float: left;border: none;padding-left: 10px;float: left;outline: none}
.ipt img{width: 33px;height: 33px;cursor: pointer;position: absolute;right: -52px}
.input-show{ transform:translateX(0px)!important;
    -webkit-transform:translateX(0px)!important;
    -moz-transform:translateX(0px)!important;
    -o-transform:translateX(0px)!important;}
/*轮播*/
.kvbanner{width: 70%;margin: 0 auto;color: #ffffff;text-transform: uppercase;}
.kvbanner-left{width: 50%;float: left}
.kvbanner .kvbanner-left>div{position: relative}
.kvbanner .kvbanner-left>div>img:nth-of-type(2){position: absolute;bottom: 4px;left: 110px;}
.kvbanner .kvbanner-left>div>img:nth-of-type(3){position: absolute;bottom: 4px;right: -72px;}
.kvbanner .kvbanner-left>div>img:nth-of-type(4){position: absolute;bottom: -64px;left: 110px}
.kvbanner .kvbanner-left>div>img{float: right;opacity: 1;display: none}
.kvbanner .kvbanner-left>div.active img:nth-of-type(1){
    display: block!important;    animation:leftRight 0.8s ease both;    -webkit-animation:leftRight 0.8s ease both;    -moz-animation:leftRight 0.8s ease both;    -o-animation:leftRight 0.8s ease both;
}
.leftRight{    animation-name: leftRight;    -webkit-animation-name: leftRight;    -moz-animation-name: leftRight;    -o-animation-name: leftRight;}
@keyframes leftRight{    0%{        opacity: 0;        transform: translateX(600px);        -webkit-transform: translateX(600px);        -moz-transform: translateX(600px);        -o-transform: translateX(600px);
    }
    100%{        opacity: 1;        transform: translateX(0px);        -webkit-transform: translateX(0px);        -moz-transform: translateX(0px);        -o-transform: translateX(0px);
    }
}
@-webkit-keyframes leftRight{    0%{        opacity: 0;        transform: translateX(600px);        -webkit-transform: translateX(600px);        -moz-transform: translateX(600px);        -o-transform: translateX(600px);
}
    100%{        opacity: 1;        transform: translateX(0px);        -webkit-transform: translateX(0px);        -moz-transform: translateX(0px);        -o-transform: translateX(0px);
    }
}
@-moz-keyframes leftRight{    0%{        opacity: 0;        transform: translateX(600px);        -webkit-transform: translateX(600px);        -moz-transform: translateX(600px);        -o-transform: translateX(600px);
}
    100%{        opacity: 1;        transform: translateX(0px);        -webkit-transform: translateX(0px);        -moz-transform: translateX(0px);        -o-transform: translateX(0px);
    }
}
@-o-keyframes leftRight{    0%{        opacity: 0;        transform: translateX(600px);        -webkit-transform: translateX(600px);        -moz-transform: translateX(600px);        -o-transform: translateX(600px);
}
    100%{        opacity: 1;        transform: translateX(0px);        -webkit-transform: translateX(0px);        -moz-transform: translateX(0px);        -o-transform: translateX(0px);
    }
}
.kvbanner .kvbanner-left>div.active img:nth-of-type(2){
    display: block!important;animation:leftRight 0.3s 1s ease both;-webkit-animation:leftRight 0.3s 1s ease both;-moz-animation:leftRight 0.3s 1s ease both;-o-animation:leftRight 0.3s 1s ease both;
}
.kvbanner .kvbanner-left>div.active img:nth-of-type(3){
    display: block!important;animation:leftRight 0.5s 1s ease both;-webkit-animation:leftRight 0.5s 1s ease both;-moz-animation:leftRight 0.5s 1s ease both;-o-animation:leftRight 0.5s 1s ease both;
}
.kvbanner .kvbanner-left>div.active img:nth-of-type(4){
    display: block!important;animation:btmTop 1.8s .5s ease both;-webkit-animation:btmTop 1.8s .5s ease both;-moz-animation:btmTop 1.8s .5s ease both;-o-animation:btmTop 1.8s .5s ease both;
}
.btmTop{
    animation-name: btmTop;    -webkit-animation-name: btmTop;    -moz-animation-name: btmTop;    -o-animation-name: btmTop;
}
@keyframes btmTop {
    0%{
        opacity: 0;
        transform: translateY(100px);
        -webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        -o-transform: translateY(100px);
    }
    100%{
        opacity: 1;
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -o-transform: translateX(0px);
    }
}
@-webkit-keyframes btmTop {
    0%{
        opacity: 0;
        transform: translateY(100px);
        -webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        -o-transform: translateY(100px);
    }
    100%{
        opacity: 1;
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -o-transform: translateX(0px);
    }
}
@-moz-keyframes btmTop {
     0%{
         opacity: 0;
         transform: translateY(100px);
         -webkit-transform: translateY(100px);
         -moz-transform: translateY(100px);
         -o-transform: translateY(100px);
     }
     100%{
         opacity: 1;
         transform: translateX(0px);
         -webkit-transform: translateX(0px);
         -moz-transform: translateX(0px);
         -o-transform: translateX(0px);
     }
 }
@-o-keyframes btmTop {
      0%{
          opacity: 0;
          transform: translateY(100px);
          -webkit-transform: translateY(100px);
          -moz-transform: translateY(100px);
          -o-transform: translateY(100px);
      }
      100%{
          opacity: 1;
          transform: translateX(0px);
          -webkit-transform: translateX(0px);
          -moz-transform: translateX(0px);
          -o-transform: translateX(0px);
      }
  }
.kvbanner .kvbanner-right{text-align: left;padding-top: 50px;width: 30%;float: left;margin-left: 10%;}
.kvbanner .kvbanner-right>div{display: none;opacity: 1;}
.kvbanner .kvbanner-right>div.active{
    display: block!important;
    animation:rightLeft 1s .5s ease both;
    -webkit-animation:rightLeft 1s .5s ease both;
    -moz-animation:rightLeft 1s .5s ease both;
    -o-animation:rightLeft 1s .5s ease both;
}
.rightLeft{
    animation-name: rightLeft;
    -webkit-animation-name: rightLeft;
    -moz-animation-name: rightLeft;
    -o-animation-name: rightLeft;
}
@keyframes rightLeft {
    0%{
        opacity: 0;
        transform: translateX(50px);
        -webkit-transform: translateX(50px);
        -moz-transform: translateX(50px);
        -o-transform: translateX(50px);
    }
    100%{
        opacity: 1;
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -o-transform: translateX(0px);
    }
}
@-webkit-keyframes rightLeft {
    0%{
        opacity: 0;
        transform: translateX(50px);
        -webkit-transform: translateX(50px);
        -moz-transform: translateX(50px);
        -o-transform: translateX(50px);
    }
    100%{
        opacity: 1;
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -o-transform: translateX(0px);
    }
}
@-moz-keyframes rightLeft {
    0%{
        opacity: 0;
        transform: translateX(50px);
        -webkit-transform: translateX(50px);
        -moz-transform: translateX(50px);
        -o-transform: translateX(50px);
    }
    100%{
        opacity: 1;
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -o-transform: translateX(0px);
    }
}
@-o-keyframes rightLeft {
    0%{
        opacity: 0;
        transform: translateX(50px);
        -webkit-transform: translateX(50px);
        -moz-transform: translateX(50px);
        -o-transform: translateX(50px);
    }
    100%{
        opacity: 1;
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -o-transform: translateX(0px);
    }
}
.kvbanner .kvbanner-right h1{font-weight: bold;font-size: 58px;}
.kvbanner .kvbanner-right span{font-size: 24px;margin-top: -10px;display: block}
.kvbanner .kvbanner-right h4{display: block;padding-bottom: 20px;border-bottom: 1px solid #ffffff}
.kvbanner .kvbanner-right p{line-height: 25px;margin-bottom: 20px;}
.kvbanner .kvbanner-right a{display: inline-block;color: #ffffff;text-decoration: none;color: #ffffff;line-height: 25px;}
.kvbanner .kvbanner-right a>i{display: inline-block;color: #ff0000;padding: 0px 5px;background-color: #ffffff;line-height: 25px;margin-left: 10px;}
.kvbanner #clickUl{list-style-type: none;margin-top: 40px;}
.kvbanner #clickUl>li{float: left;cursor: pointer;margin-right: 10px;border: 1px solid #ffffff;border-radius: 100%;width: 10px;height: 10px;}
.kvbanner #clickUl>li.active{background-color: #FF0000;border-color: #FF0000;}
.go-next{position: absolute;bottom: 250px;width: 100%;display: block;left: 0px;text-align: center;}
.go-next>a{padding: 10px 30px;border: 1px solid #FFffff;font-size: 14px;color:#FFffff !important;text-decoration: none!important;cursor: pointer;opacity: 1}
.go-next.show{animation: showTag 1s 2.5s ease both;
    -webkit-animation: showTag 1s 2.5s ease both;
    -moz-animation: showTag 1s 2.5s ease both;
    -o-animation: showTag 1s 2.5s ease both;}

.showTag{
    animation-name: showTag;
    -webkit-animation-name: showTag;
    -moz-animation-name: showTag;
    -o-animation-name: showTag;
}
@keyframes showTag{
    0%{
        opacity: 0;
        transform: translateY(250px);
        -webkit-transform: translateY(250px);
        -moz-transform: translateY(250px);
        -o-transform: translateY(250px);
    }
    50%{
        opacity:0.3;
    }
    80%{
        opacity:0.5;
    }
    100%{
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px);
    }
}



@-webkit-keyframes flash {
    0%, 100%, 50% {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}
@-moz-keyframes flash {
    0%, 100%, 50% {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}
@-o-keyframes flash {
    0%, 100%, 50% {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}
@keyframes flash {
    0%, 100%, 50% {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    -moz-animation-name: flash;
    -o-animation-name: flash;
    animation-name: flash
}




.go-next>img{width: 30px;height: 30px;display: block}
.control{position: absolute;top: 50%;right: 0px}
.control>a{display: block;float: left;cursor: pointer;padding: 10px;margin: 5px;background: rgba(0,0,0,0.5);transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;}
.control>a:hover{background: rgba(255,0,0,0.8);}
.control>a:first-of-type{margin-right: 5px;}
/*content-model*/
.content-model{text-align: center;margin-bottom: 30px;}
.content-model>h2{font-size:30px;margin: 0px;padding-bottom: 10px;font-family: "microsoft yahei";font-weight: bold}
.content-model>p{color: #8e8e8e}
.content-model>span{width: 50px;height: 2px;background-color: #ab8a45;display: block;margin: 10px auto}
.content-model .case{width: 100%;}
.content-model .case-matter{height: 350px;/* width: 25%;padding: 10px; */width: 32%;padding: 5px;float: left;margin-top: 20px;}
.content-model .case-matter>a>img{width: 100%!important;height: 100%!important;}
.content-model .case-matter>a{position: relative;display: block;color: #ffffff;height: 100%;overflow: hidden!important;}
.content-model .case-matter>a>div{position: absolute;width:100%;height: 100%;text-align: center;top: 0px;left: 0px;overflow: hidden!important;
    transition: background ease 0.5s;
    -webkit-transition: background ease 0.5s;
    -moz-transition: background ease 0.5s;
    -o-transition: background ease 0.5s;}
.content-model .case-matter>a>div div{text-align: center;color:#ffffff!important;}
.content-model .case-matter>a>div i{margin-top: 100px;display: inline-block;margin-bottom: 20px;transition: all ease 0.5s;-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-O-transition: all ease 0.5s;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;}
.content-model .case-matter>a>div em{width: 50px;height: 1px;background-color: #ffffff;margin: 0 auto;display: block;margin-top: 20px;}
.content-model .case-matter>a>div p{margin-top: 10px;transition: opacity ease 0.5s;-webkit-transition: opacity ease 0.5s;-moz-transition: opacity ease 0.5s;-o-webkit-transition: opacity ease 0.5s;opacity: 0}
.content-model .case-matter:nth-of-type(4n-3)>a:hover>div{background: rgba(245,103,8,1);
    background: -moz-linear-gradient(-45deg, rgba(245,103,8,1) 0%, rgba(250,3,3,0.72) 100%);
    /*background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(245,103,8,1)), color-stop(100%, rgba(250,3,3,0.64)));*/
    background: -webkit-linear-gradient(-45deg, rgba(245,103,8,1) 0%, rgba(250,3,3,0.72) 100%);
    background: -o-linear-gradient(-45deg, rgba(245,103,8,1) 0%, rgba(250,3,3,0.72) 100%);
    background: -ms-linear-gradient(-45deg, rgba(245,103,8,1) 0%, rgba(250,3,3,0.72) 100%);
    background: linear-gradient(135deg, rgba(245,103,8,1) 0%, rgba(250,3,3,0.72) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f56708', endColorstr='#fa0303', GradientType=1 );}
.content-model .case-matter:nth-of-type(4n-2)>a:hover>div{
    background: rgba(0,132,255,0.72);
    background: -moz-linear-gradient(-45deg, rgba(0,132,255,0.72) 0%, rgba(0,144,72,1) 100%);
    /*background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0,132,255,0.72)), color-stop(100%, rgba(0,144,72,1)));*/
    background: -webkit-linear-gradient(-45deg, rgba(0,132,255,0.72) 0%, rgba(0,144,72,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(0,132,255,0.72) 0%, rgba(0,144,72,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(0,132,255,0.72) 0%, rgba(0,144,72,1) 100%);
    background: linear-gradient(135deg, rgba(0,132,255,0.72) 0%, rgba(0,144,72,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0084ff', endColorstr='#009048', GradientType=1 );
}
.content-model .case-matter:nth-of-type(4n-1)>a:hover>div{
    background: rgba(10,88,245,0.72);
    background: -moz-linear-gradient(-45deg, rgba(10,88,245,0.72) 0%, rgba(119,0,255,1) 100%);
    /*background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(10,88,245,0.72)), color-stop(100%, rgba(119,0,255,1)));*/
    background: -webkit-linear-gradient(-45deg, rgba(10,88,245,0.72) 0%, rgba(119,0,255,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(10,88,245,0.72) 0%, rgba(119,0,255,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(10,88,245,0.72) 0%, rgba(119,0,255,1) 100%);
    background: linear-gradient(135deg, rgba(10,88,245,0.72) 0%, rgba(119,0,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a58f5', endColorstr='#7700ff', GradientType=1 );
}
.content-model .case-matter:nth-of-type(4n)>a:hover>div{background: rgba(169,201,12,0.72);
    background: -moz-linear-gradient(-45deg, rgba(169,201,12,0.72) 0%, rgba(148,35,69,1) 100%);
    /*background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(169,201,12,0.72)), color-stop(100%, rgba(148,35,69,1)));*/
    background: -webkit-linear-gradient(-45deg, rgba(169,201,12,0.72) 0%, rgba(148,35,69,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(169,201,12,0.72) 0%, rgba(148,35,69,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(169,201,12,0.72) 0%, rgba(148,35,69,1) 100%);
    background: linear-gradient(135deg, rgba(169,201,12,0.72) 0%, rgba(148,35,69,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9c90c', endColorstr='#942345', GradientType=1 );}
.content-model .case-matter>a:hover i{margin-top: 40px;overflow: hidden;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
}
.content-model .case-matter>a:hover>div>p{opacity: 1;}

/*case*/
.case-menu{margin: 20px 0px;text-align: center;}
.case-menu>a{padding: 5px 20px;background-color: #dbdbdb;color: #8e8e8e;margin-left: 30px;font-size: 14px;text-decoration: none!important;cursor: pointer}
.case-menu>a.active{color: #ffffff!important;background-color: #FF0000}
/*container*/
#container{border: 1px solid rgba(0,0,0,0);}
.case-child{width: 25%;float: left;position: relative;overflow: hidden; height: 240px;}
/*.case-child>div>img{width: 100%;height: 100%;display: block}*/
.case-child>img{width: 100%!important;height: 100%!important;;display: block}
.case-child>a{position: absolute;width: 100%;height: 100%;text-align: center;top: 0px;left: 0px;color: #ffffff!important;text-decoration: none!important;background-color: rgba(255,0,0,0.32);
    opacity: 0;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;}
.case-child>a>i{width: 30px;height:30px;border-radius: 100%;border: 1px solid #ffffff;display: inline-block;font-size: 22px;line-height: 30px;margin-top: 100px;margin-bottom: 10px;}
.content-model+div{position: relative}
.content-model+div>a{position: absolute;left: 0px;bottom: -2px;width: 100%;line-height: 40px;background: rgba(0,0,0,0.5);color: #ffffff;display: block;text-decoration: none!important;}
.case-child:hover>a{opacity: 1}
.product>#portfoliolist{position: relative;max-height: 520px;overflow: hidden}
.product>#portfoliolist>a{position: absolute;left: 0px;bottom: -2px;width: 100%;line-height: 40px;background: rgba(0,0,0,0.5);color: #ffffff;
    display: block;text-decoration: none!important;text-align: center}

#filters { margin: 0 0 1%;padding: 0;list-style: none;text-align: center;}
#filters li {display:inline-block;display: -moz-inline-box;}
#filters li.active{}
.product>#filters li.active span{color: #ffffff!important;background-color: #FF0000!important;}
.product>#filters li span {padding: 5px 30px;display: block;margin: 0 0.5em;text-decoration: none;color: #959595;cursor: pointer;font-size: 16px;font-weight: 500;background: #c5c5c5;text-transform: uppercase;}
.product>#filters li span:hover,.product>#filters li span.active  {color: #ffffff;background-color: #FF0000!important;transition:.5s all;}
.product .portfolio{width: 25%;float: left;position: relative;overflow: hidden; height: 265px;display:none; }
.portfolio>div{width: 100%!important;height: 100%!important;;display: block}
.portfolio>div>img{width: 100%!important;display: block}
.product .portfolio>div a{position: absolute;width: 100%;height: 100%;text-align: center;top: 0px;left: 0px;color: #ffffff!important;text-decoration: none!important;background-color: rgba(255,0,0,0.52);
    opacity: 0;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;}
.product .portfolio>div a>i{width: 40px;height:40px;border-radius: 100%;border: 1px solid #ffffff;display: inline-block;font-size: 18px;line-height: 40px;margin-top: 80px;}
.product .portfolio>div:hover>a{opacity: 1;}

#portfoliolist
/*products*/
.products{margin-top: 30px;text-align: center}
.products>div{width: 30%;float: left;text-align: center}
.products>div>h3{margin: 10px 0px 5px;height: 26px;overflow: hidden}
.products>div>img{width: 100%;margin-bottom: 20px;}
.products>div>span{margin: 5px 0px 10px;color: #FF0000;display: block;font-size: 16px;height: 22px;overflow: hidden}
.products>div>p{width: 100%;color: #8e8e8e;font-size: 12px;line-height: 20px;text-align: left;height:100px;overflow: hidden}
.products>div:nth-of-type(2){margin: 0px 5%;}
.products>div>a{display: inline-block;margin: 20px auto;}

/*partners*/
.partners{margin-top: 30px;overflow: hidden;position: relative;text-align: center;min-width: 1170px;}
.partners>ul{list-style-type: none;position: relative;top: 0px;left: 0px;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;}
.partners>ul>li{float: left;position: relative;width: 50%;}
.partners>ul>li>ul{width: 100%;}
.partners>ul>li>ul>li{float: left;position: relative;width: 15%;margin-right: 2%;text-align: center;margin-bottom: 20px;}
.partners>ul>li>ul>li:nth-of-type(6n){margin-right: 0px;}
.partners ul>li>a{position: relative;padding: 30px 0px;width: 100%;display: block;overflow: hidden;background-color: #ffffff}
.partners ul>li>a>img{width: 70%;height: 48px;}
.partners ul>li>a>span{position: absolute;left: 0px;bottom: -30px;width:100%;display: block;background: #FF0000;color: #ffffff;line-height: 30px;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;}
.partners ul>li>a:hover>span{bottom: 0px;}
.click{width: 100%;text-align: center}
.click>span{width: 50px;height: 4px;display: inline-block;background-color: #ffffff;margin-right: 10px;cursor: pointer}
.click>span.active{background-color: #FF0000!important;}
/*news*/
.latest-content>div{width: 30%;float: left;margin-right: 5%;margin-top: 30px;}
.latest-content>div:nth-of-type(3n){margin-right: 0px;}
.latest-content>div>h4{text-align: left;border-bottom: 2px solid #cfcfcf;font-weight: bold;padding-bottom: 10px;}
.latest-content>div>h4>a{float: right;display: block;font-weight: normal;font-size: 14px;text-decoration: none;color: #8e8e8e;margin-top: 5px;}
.latest-content>div>h4>a>img{margin-left: 10px;margin-top: -2px;}

.latest-shade{width: 100%;height: 220px;overflow: hidden;margin-top: 10px;position: relative;margin-bottom: 20px;display: block;cursor: pointer}
.latest-shade>img{width: 100%;height: 100%}
.latest-shade>p{position: absolute;left: 0px;bottom:0px;background: rgba(0,0,0,0.5);color:#ffffff;padding-left: 20px;;line-height: 40px;font-size: 16px;width: 100%;text-align: left;text-decoration: none!important;margin: 0px!important;}
.latest-shade:hover>p{background: rgba(255,0,0,0.8);color: #ffffff!important;}
.latest-shade>p>i{float: right;line-height: 40px;font-weight: normal;margin-right: 20px;}
.latest-ul{width: 100%;font-size: 14px;line-height: 25px;}
.latest-ul>li{width: 100%;color: #8e8e8e;text-align: left;}
.latest-ul>li a{color: #8e8e8e;}
.latest-ul span{float: right}
.latest-ul>li:hover a{color: #FF0000;text-decoration: underline}

#allmap{width: 100%;overflow: hidden;}

/*contact*/
.contact{background-color: #1d1d1d;padding: 20px 0px;}
.contact>ul{width: 685px;list-style-type: none;margin: 0 auto}
.contact>ul>li{float: left;padding: 0px 40px;border-left: 1px solid #ececec}
.contact>ul>li:nth-of-type(1){border: none}
.contact>ul>li>a{color: #ffffff;text-decoration: none;font-size: 14px;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;}
.contact>ul>li>a:hover{color: #FF0000}
.contact-us{color: #ffffff;margin-top: 20px;text-align: center}
.contact-us>div{width: 880px;margin: 0 auto;background-color: #595959;margin-top: 20px;line-height: 30px;text-align: center;padding: 20px;border-radius: 5px;}
.contact-us>div>p{text-align: center;margin: 0 auto;display: block}
.contact-us>div>p:last-of-type{width: 320px;margin: 10px auto 0px;}
.contact-us>div img{float: left;margin-right: 10px;}
.contact-us>div span{float: left;}
.contact-us>div>p:last-of-type span{float: left;margin-right: 0px;}
.contact-us>div em{float: left;font-size: 30px;font-style: normal;font-family: "microsoft yahei";font-weight: bold}
.contact-us>div i{font-style: normal;display: inline-block}
.contact-us>div p>i:first-of-type{float: left}
.contact-us>div p>i:nth-of-type(2){margin-left: 20px;}
.contact-us>div p>i:last-of-type{float: right}
.content+p{padding:15px 0px;color: #959595;text-align: center;margin-bottom: 0px;}
.content+p>span{margin-top: -10px;display: inline-block}
.content+p>a{margin-left: 10px;width: 33px;height: 33px;background: url("../images/fa-icon.png") no-repeat;display: inline-block;}
.content+p>a:nth-of-type(1){background-position: 0px 0px;}
.content+p>a:nth-of-type(2){background-position: -55px 0px;}
.content+p>a:nth-of-type(3){background-position: -109px 0px;}
.contact-us>h1{margin: 0px}
/*links*/
.links{margin-top: 15px;border-bottom: 1px solid #000000;color: #b3b3b3;padding-bottom: 15px;text-align: center}
.links>p{float: left;margin-right: 10px;display: block;color: #666666}
.links>p>span{font-size: 16px;text-transform: uppercase;}
.links>div{float: left;width: 1004px;font-size: 12px;}
.links>div>a{float: left;;padding: 0px 10px;border-right: 1px solid #494949;color: #494949;text-decoration: none;margin: 5px  0px}
.links>div>a:nth-of-type(12){border-right: none}
.watch{margin-top: 30px;border-bottom: 1px solid #000000;color: #b3b3b3;padding-bottom: 20px;text-align: center}
.watch>p{display: block;color: #666666}
.watch>p>a{margin-left: 10px;}
.set-margin{margin: 0px 50px;}
.set-white{color: #ffffff!important;}
.circle{
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    transform: translate(-70px,-20px) scale(1.5);
    -webkit-transform: translate(-70px,-20px) scale(1.5);
    -moz-transform: translate(-70px,-20px) scale(1.5);
    -o-transform: translate(-70px,-20px) scale(1.5);
    animation: dash 1s 0.5s linear forwards;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
}
.show-svg{
    width: 325px;height: 122px;float: right;
    margin-right: 20px;
}
.show-svg.active{
    transform: scale(1) translateX(0px);
    -webkit-transform: scale(1) translateX(0px);
    -moz-transform: scale(1) translateX(0px);
    -o-transform: scale(1) translateX(0px);
}
/*.logo {*/
    /*stroke-dasharray: 400;*/
    /*stroke-dashoffset: 400;*/
    /*animation: dash 3s 0s linear forwards;*/
    /*-webkit-animation: dash 3s 0s linear forwards;*/
    /*-moz-animation: dash 3s 0s linear forwards;*/
    /*-o-animation: dash 3s 0s linear forwards;*/
/*}*/
/*.path {*/
    /*stroke-dasharray: 3000;*/
    /*stroke-dashoffset: 3000;*/
    /*animation: dash 3s 0s linear forwards;*/
    /*-webkit-animation: dash 3s 0s linear forwards;*/
    /*-moz-animation: dash 3s 0s linear forwards;*/
    /*-o-animation: dash 3s 0s linear forwards;*/
/*}*/
@keyframes dash {to {stroke-dashoffset: 0;}}
@-webkit-keyframes dash {to {stroke-dashoffset: 0;}}
@-moz-keyframes dash {to {stroke-dashoffset: 0;}}
@-o-keyframes dash {to {stroke-dashoffset: 0;}}
.other{display: none}
.add-display{display: block!important;}
.width-300{width: 270px!important;}
/*关于*/
.headPic{width: 100%;padding-top: 71px;}
.headPic>img{width: 100%;display: block}
.about-info{padding: 50px 0px;text-align: left;}
.about-info:nth-of-type(3){background-color: #eaeaea}
.about-info:nth-of-type(5){background-color: #eaeaea}
.about-info:nth-of-type(3) h2{background-color: #eaeaea}
.about-info:nth-of-type(5) h2{background-color: #eaeaea}
.about-info>img{width: 100%;display: block;}
.about-child{width: 100%;border-top: 1px solid #8e8e8e;text-align: center;margin-bottom: 30px;}
.about-child>h2{background-color: #FFFFFF;margin-top: -20px;width: 200px;margin: 0 auto;margin-top: -20px;}
.about-child>p{color: #8e8e8e;margin: 10px 0px}
.about-child>span{width: 50px;height: 2px;background-color: #FF0000;display: block;margin: 0 auto}
.about-info>.content>p{margin-top: 30px;margin-bottom: 50px;}
.about-info>.content>ul{list-style-type: none;margin: 30px 0px;}
.we-do>li{float: left;width: 25%;padding: 30px 0px;border-right: 1px solid #dedede;text-align: center}
.we-do>li:nth-of-type(4n){border-right: none}
.we-do>li:nth-of-type(1){border-bottom: 1px solid #dedede}
.we-do>li:nth-of-type(2){border-bottom: 1px solid #dedede}
.we-do>li:nth-of-type(3){border-bottom: 1px solid #dedede}
.we-do>li:nth-of-type(4){border-bottom: 1px solid #dedede}
.we-do>li>i{width: 92px; height: 75px;text-align: center;display: block;margin: 0 auto}
.we-do>li>p{font-size: 12px;}
.choseUs>li{width: 25%;position: relative;height: 267.5px;float: left}
.choseUs>li>a>p{margin: 0px;font-size: 16px;}
.choseUs>li>a{display: block;width: 100%;height: 100%;padding: 68.75px 0px;text-align: center;color: #8e8e8e;text-decoration: none;position:absolute;left:0px;top:0px;z-index:2;overflow:hidden;
    background-color: #FFFFFF;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;}
.choseUs>li>a>span{font-size: 80px;}
.choseUs>li>div{width: 100%;height: 100%;position:absolute;left:0px;z-index:1;text-align:left;background-color: #FFFFFF;padding: 10px;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transform:rotateY(180deg);
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    -o-transform:rotateY(180deg);
}
.choseUs>li>div>p{display: block;margin: auto 0;}
.choseUs>li:hover>a{
    transform:rotateY(180deg) translateZ(1px);
    -webkit-transform:rotateY(180deg) translateZ(1px);
    -moz-transform:rotateY(180deg) translateZ(1px);
    -o-transform:rotateY(180deg) translateZ(1px);
    z-index:1;}
.choseUs>li:hover>div{background-color: #FF0000;
    color: #FFFFFF;
    transform:rotateY(180deg) translateZ(-1px);
    -webkit-transform:rotateY(0deg) translateZ(-1px);
    -moz-transform:rotateY(0deg) translateZ(-1px);
    -o-transform:rotateY(0deg) translateZ(-1px);
    z-index:2;
}

.partners-ul{width: 100%;}
.partners-ul>li{float: left;position: relative;width: 15%;text-align: center;margin-bottom: 20px;}
.partners-ul>li:nth-of-type(6n){margin-right: 0px;}
.partners-ul>li>a{position: relative;padding: 30px 0px;width: 100%;display: block;overflow: hidden;background-color: #ffffff}
.partners-ul>li>a>img{width: 70%;height: 48px;}
.partners-ul>li>a>span{position: absolute;left: 0px;bottom: -30px;width:100%;display: block;background: #FF0000;color: #ffffff;line-height: 30px;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;}
.partners-ul>li>a:hover>span{bottom: 0px;}

.our-team>li{float: left;width: 18%;margin-right: 2.5%;overflow: hidden;margin-bottom: 30px;}
.our-team>li:nth-of-type(5n){margin-right: 0px;}
.our-team>li>a{display: block;width: 100%;position: relative;background-color: #dcdcdc;}
.our-team>li>a>img{display: block;width: 100%;}
.our-team>li>a>p{position: absolute;width: 100%;padding:5px 0px 7px 10px;bottom: -42px;background-color: #8e8e8e;color: #FFFFFF;margin: 0px;font-size: 16px;text-align: left;line-height: 20px;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;}
.our-team>li>a>p>span{font-size: 12px;line-height: 16px;height: 36px!important;overflow: hidden;display: block;margin-top: 3px}
.our-team>li>a:hover>p{bottom: 0px;background-color: #FF0000;}
footer{background-color: #232323}
.set-marginTop{margin-top: 20px}
.about-fixed{position: fixed;top:8%;left: 6%;z-index: 999;display: none}
.about-fixed>a{display: block;color: #8e8e8e;text-align: center;background-color: #dedede;margin-top: 2px;padding: 10px;text-decoration: none!important;position: relative;cursor: pointer}
.about-fixed>a>i{position: absolute;right: -6px;top: 40%;width: 0px;height: 0px;display: block;border-right: none;border-bottom: 6px solid rgba(0,0,0,0);border-top: 6px solid rgba(0,0,0,0);border-left:6px solid #FF0000;display: none;}
.about-fixed>a:hover{color: #FFFFFF;background-color: #FF0000;}
.about-fixed>a.active{color: #FFFFFF;background-color: #FF0000;}
.about-fixed>a.active>i{display: block}
/*news*/
.news{background-color: #f1f1f1;padding-top: 71px;}
.page-info{padding: 20px 0px;}
.page-info>p{margin: 0px;color: #8e8e8e}
.page-info>p>a{color: red;text-decoration: none;margin: 0px 10px;}
.news-left{float: left;width: 70%;background-color: #FFFFFF;margin-bottom: 30px;}
.news-right{float: right;width: 27%;background-color: #FFFFFF;}
.tab-panel{padding: 10px;border-bottom: 3px solid #F1F1F1;display: none}
.tab-panel.active{display: block}
.news-right .news-model{border-bottom: none;padding-bottom: 10px;}
.news-model{border-bottom: 1px dotted #dedede;background-color: #FFffff}
.tab-panel>.news-model:last-of-type{border: none}
.news-right h4{border-left: 5px solid #FF0000;padding-left: 5px;}
.news-right .news-model{padding: 10px;}
.news-model a{color: #000000;text-decoration: none;}
.news-model a:hover{color: #000000;text-decoration: none;}
.news-model>p{font-size: 12px;line-height: 25px;margin-top: 20px;}
.news-model span{}
.a-pic{width: 100%;display: block}
.news-model>a img{width: 100%;}
.news-model .a-btn{float: right;width: 113px;height: 33px;margin-bottom: 20px;}
.news-model>img{display: block;margin: 0 auto;max-width: 100%;}
.tab-menu{padding: 10px 0px;border-bottom: 1px solid #dedede;background-color: #FFFFFF;position: relative}
.tab-menu>a{padding: 0px 20px;float: left;color: #8e8e8e;text-decoration: none!important;position: relative;cursor: pointer}
.tab-menu>a:hover{color: #FF0000}
.tab-menu span{position: absolute;bottom: -1px;left: 0px;width: 96px;height: 1px;background-color: #FF0000;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
}
.tab-menu>a.active{color: #FF0000}
.tab-menu>a.active>span{display: block}
.left-time{width: 100%;}
.left-time>p{float: left;line-height: 18px;margin-right: 20px;font-family: 'yahei';font-size: 12px;color: #707070}
.left-time>p>img{display: block;margin-right: 5px;float: left;margin-top: 3px;}
.left-time>p>span{line-height: 25px;display: block;float: left}
.left-time>p:first-of-type>img{margin-top: 5px}
.left-time>p:nth-of-type(2)>img{margin-top: 6px}
.left-time>p:last-of-type>img{margin-top: 6px}
.menu-btm{padding: 0px 10px;background-color: #FFFFFF;}
.menu-btm>a{padding: 10px 0px;}
.menu-btm>a:first-of-type{color: #8e8e8e;text-decoration: none;float: left;line-height: 29px;padding-right: 20px;border-right: 1px solid #f1f1f1}
.menu-btm>a:nth-of-type(2){float: left;line-height: 29px;margin-left: 23%;}
.menu-btm>a:last-of-type{color: #8e8e8e;text-decoration: none;float: right;line-height: 29px;padding-left: 20px;border-left: 1px solid #f1f1f1}
.menu-btm>a:hover{color: #FF0000;}
.menu-btm>a>span{font-family: SimSun;font-size: 25px;display: inline-block;float: left;margin: 0px 10px;}
.menu-btm>a>span>em{font-size: 14px;font-style: normal}
.menu-btm>a>em{font-style: normal;float: left}

.menu-btm-news{padding: 0px 10px;background-color: #FFFFFF;}
.menu-btm-news>a{padding: 10px 0px;}
.menu-btm-news>a:first-of-type{color: #8e8e8e;text-decoration: none;float: left;line-height: 29px;padding-right: 20px;border-right: 1px solid #f1f1f1}
.menu-btm-news>a:nth-of-type(2){float: left;line-height: 29px;margin-left: 23%;cursor: pointer}
.menu-btm-news>a:last-of-type{color: #8e8e8e;text-decoration: none;float: right;line-height: 29px;padding-left: 20px;border-left: 1px solid #f1f1f1}
.menu-btm-news>a:hover>em>span{color: #FF0000;}
.menu-btm-news>a>span{font-family: SimSun;font-size: 25px;display: inline-block;float: left;margin: 0px 10px;}
.menu-btm-news>a>span>em{font-size: 14px;font-style: normal}
.menu-btm-news>a>em{font-style: normal;float: left}

.menu-btm>ul{list-style-type: none;float: left;margin-left: 30%;margin-top: 10px;}
.menu-btm>ul>li{float: left;margin-right: 5px;}
.menu-btm>ul>li>a{float: left;color: #8e8e8e;text-decoration: none;padding: 5px 10px;}
.menu-btm>ul>li:hover{background-color: #FF0000}
.menu-btm>ul>li:hover>a{color: #FFFFFF}
.menu-btm>ul>li.active{background-color: #FF0000}
.menu-btm>ul>li.active>a{color: #FFFFFF}
.share{width: 100%;margin-top: 20px}
.share>p{float: right;line-height: 40px;font-size: 12px;}
.share>div{float: right;}
.bdshare-button-style0-24 a, .bdshare-button-style0-24 .bds_more{height: 25px!important;}

.news-about{background-color: #FFFFFF;margin: 30px 0px;}
.news-about>h3{padding: 10px ;border-bottom: 1px solid #dedede;}
.news-about .news-model{width: 33.3%;float: left;border: none}
.news-about .news-model>p{margin-top: 0px;}
.news-child .news-model{padding: 20px;}
/*opus*/
.opus-menu{padding: 15px 0px;border-bottom: 1px solid #dedede}
.opus-menu>#filters{margin: 0px;}
.opus-menu>#filters li{position: relative;}
.opus-menu>#filters li>i{position: absolute;bottom: -8px;left: 0px;width: 100%;height: 1px;background-color: #FF0000;display: none;}
.opus-menu>#filters li a {padding: 5px;display: block;margin: 0 1em;text-decoration: none;color: #959595;cursor: pointer;font-size: 16px;font-weight: 500;text-transform: uppercase;}
.opus-menu>#filters li a:hover,.opus-menu>#filters li a.active {color: #FF0000;transition:.5s all;}
.opus-menu>#filters li a.active+i{display: block}
.opus-menu>#portfoliolist{position: relative;overflow: hidden;margin-top: 60px;}
.opus-menu .portfolio{width: 24%;float: left;position: relative;overflow: hidden; display:none; margin: 5px;}
.opus-menu .portfolio>div a{width: 100%;height: 100%;text-align: center;color: #ffffff!important;text-decoration: none!important;background-color: rgba(255,0,0,0.52);
   }
.opus-menu .portfolio>div a>i{width: 40px;height:40px;border-radius: 100%;border: 1px solid #ffffff;display: inline-block;font-size: 18px;line-height: 40px;margin-top: 40px;}
.opus-menu .portfolio>div:hover>a{opacity: 1;}
.opus-btm{padding: 0px 5px;}
.opus-menu .menu-btm{background-color: #e9e9e9;margin-top: 30px;padding: 0px 10px;margin-bottom: 100px;}

.opus-menu .menu-btm>a:first-of-type{border-right: 1px solid #FFFFFF}
.opus-menu .menu-btm>a:last-of-type{border-left: 1px solid #FFFFFF}

/*opus-info*/
.left-right{margin-top: 50px}
.opus-info .page-info{color: #ffffff;}
.opus-info{background: url("../images/opus-info.jpg") no-repeat;background-size: 100%;background-color: #f1f1f1;}
.opus-left{padding-bottom: 20px}
.opus-left .menu-btm{margin-top: 20px;}
.opus-left{width: 70%;float: left}
.left-child{background-color: #FFFFFF;padding: 10px 10px 30px;}
.left-child>img{width: 100%;display: block}
.opus-left .menu-btm>a:first-of-type{border-right: 1px solid #f1f1f1}
.opus-left .menu-btm>a:nth-of-type(2){margin-left: 39%;cursor: pointer}
.opus-left .menu-btm>a:last-of-type{border-left: 1px solid #f1f1f1}
.opus-right{width: 28%;float: left;background-color: #e9e9e9;font-size: 12px;}
.opus-right .left-time{padding: 0px 10px;}
.opus-right h2{padding: 10px}
.opus-right h4{font-size: 16px;}
.project{padding: 10px}
.project>p{color: #8e8e8e!important;margin: 0px;}
.project>a{display: block;margin: 20px 0px;cursor: pointer}
.project>a>img{width: 100%;}
.project>span{color: #000000!important;line-height: 30px }
.develop{line-height: 20px;border-bottom: 1px dotted #bdbdbd;margin-bottom: 10px;padding: 10px}
.develop p{width: 50%;color: #8e8e8e;margin: 0px;}
.develop p>span{color: #000000!important;   }
.develop>span{color: #000000!important;   }
.develop>p:nth-of-type(odd){float: left;text-align: left}
.develop>p:nth-of-type(even){float: right;text-align: right}
.right-btn{border-top:1px solid #bdbdbd; }
.right-btn>a{float: left;width: 32%;text-align: center;padding: 10px 0px;}
.right-btn>a:nth-of-type(2){border-left: 1px solid #bdbdbd;border-right: 1px solid #bdbdbd;cursor: pointer}


/*fixed-right*/
.fixed-right{position: fixed;right: -182px;top: 30%;list-style-type: none;display: none;z-index: 999;}
.fixed-right>li{margin-bottom: 2px;}
.fixed-right>li:hover>a{background-color: #FF0000}
.fixed-right>li>a{padding:0px 10px;color: #ffffff;display: block;background-color: #000000;height: 51px;font-size: 25px;line-height: 51px;cursor: pointer;position: relative;
    text-decoration: none;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;}
.fixed-right>li>span{padding:0px 10px;color: #ffffff;display: block;background-color: #000000;font-size: 25px;line-height: 51px;cursor: pointer;position: relative;
    text-decoration: none;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;}
.fixed-right>li>span>div{display: none;padding-bottom: 10px;width: 100%;}
.fixed-right>li>span>div>a{color: #FFFFFF;text-decoration: none;display: block;height: 40px;overflow: hidden;width: 100%;text-indent: 42px;font-size: 20px;line-height: 40px;}
.fixed-right>li>a>i{width: 200px;height: 200px;display: block;position: absolute;left: -220px;top: 0px;display: none}
.fixed-right>li>a>i>img{width: 100%;height: 100%;display: block}
.fixed-right>li>a>img{margin-right: 12px;margin-top: -4px;}
.fixed-right>li:nth-of-type(2)>a>img{margin-left: 3px;}
.fixed-right>li:nth-of-type(2)>a:hover{
    transform:translateX(-182px);
    -webkit-transform: translateX(-182px);
    -moz-transform:translateX(-182px);
    -o-transform: translateX(-182px);}
.fixed-right>li>span:hover{transform:translateX(-182px);
    -webkit-transform: translateX(-182px);
    -moz-transform:translateX(-182px);
    -o-transform: translateX(-182px);}
.fixed-right>li>span:hover>div{display: block}
.fixed-right>li>span:hover>div>a:hover{background-color: #FF0000}
.fixed-right>li:nth-of-type(4)>a:hover>i{display: block}
/*search-result*/
.search-result{background-color: #f1f1f1}
.result{padding: 50px 0px 10px;background-color: #FFFFFF;margin-bottom: 20px;}
.result-ipt{width: 60%;height: 45px;border: 1px solid #b4b2b2;border-radius: 3px;margin: 0 auto;}
.result-ipt input[type="text"]{width: 89%;border:none;height: 43px;padding-left:10px; float: left;outline: none;margin-left: 5px;}
.result-ipt input[type='submit']{float: right;margin: 3px;border: none;width: 30px;height: 30px;background: url(../images/search.png) no-repeat;margin-top: 10px;outline: none}
.result-ipt>a{float: right;margin: 9px;}
.result>h3{padding: 10px;border-bottom: 1px solid #e1e1e1}
.result .news-model{padding-top: 20px}
.result .a-btn{margin: 20px 0px}


/*product-list*/
/*.product-list{margin-top: 15px;}*/
.product-list>li{float: left;/*width: 19.2%;height:208px;*/width:24.2%;height:238px;position: relative;overflow: hidden;opacity: 1;margin-right: 1%;margin-bottom: 10px;}
/*.product-list>li:nth-of-type(5n){margin-right: 0px;}*/
.product-list>li:nth-of-type(4n){margin-right: 0px;}
.product-list>li>img{width: 100%;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
}
.portfolio-wrapper>img{
    width: 100%;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
}
.portfolio-wrapper:hover>img{
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
}
.product-list>li>a{position:absolute;top:0px;left:0px;width: 100%;height: 100%;text-align: center;color: #ffffff!important;text-decoration: none!important;/* background-color: rgba(255,0,0,0.52); */background-color: rgba(171, 138, 69, 0.55);opacity: 0;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
}
.product-list>li>a>i{width: 40px;height:40px;border-radius: 100%;border: 1px solid #ffffff;display: inline-block;font-size: 18px;line-height: 40px;margin-top: 8%;}
.product-list>li>img{width: 100%;display: block;transition: all ease 1s;
    -webkit-transition: all ease 1s;
    -moz-transition: all ease 1s;
    -o-transition: all ease 1s;}
.product-list>li:hover>img{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
}
.product-list>li:hover>a{opacity: 1}
/*animation-set*/
.panel-3.active .content-model>h2{animation: DownToTop 0.5s 0.6s ease both;-webkit-animation: DownToTop 0.5s 0.6s ease both;-moz-animation: DownToTop 0.5s 0.6s ease both;-o-animation: DownToTop 0.5s 0.6s ease both;}
.panel-3.active .content-model>p{animation: DownToTop 0.5s 0.6s ease both;-webkit-animation: DownToTop 0.5s 0.6s ease both;-moz-animation: DownToTop 0.5s 0.6s ease both;-o-animation: DownToTop 0.5s 0.6s ease both;}
.panel-3.active .content-model>span{animation: DownToTop 0.5s 0.6s ease both;-webkit-animation: DownToTop 0.5s 0.6s ease both;-moz-animation: DownToTop 0.5s 0.6s ease both;-o-animation: DownToTop 0.5s 0.6s ease both;}
.panel-3.active .content-model .case-matter:nth-of-type(odd){animation: ToTop 1s 1.5s ease both;-webkit-animation: ToTop 1s 1.5s ease both;-moz-animation: ToTop 1s 1.5s ease both;-o-animation: ToTop 1s 1.5s ease both;}
.panel-3.active .content-model .case-matter:nth-of-type(even){animation: Todown 1s 1.5s ease both;-webkit-animation: Todown 1s 1.5s ease both;-moz-animation: Todown 1s 1.5s ease both;-o-animation: ToTop 1s 1.5s ease both;}

.panel-4{background-color: #282828}
.panel-4.active .content-model>h2{animation: DownToTop 0.5s 0.6s ease both;-webkit-animation: DownToTop 0.5s 0.6s ease both;-moz-animation: DownToTop 0.5s 0.6s ease both;-o-animation: DownToTop 0.5s 0.6s ease both;}
.panel-4.active .content-model>p{animation: DownToTop 0.5s 0.6s ease both;-webkit-animation: DownToTop 0.5s 0.6s ease both;-moz-animation: DownToTop 0.5s 0.6s ease both;-o-animation: DownToTop 0.5s 0.6s ease both;}
.panel-4.active .content-model>span{animation: DownToTop 0.5s 0.6s ease both;-webkit-animation: DownToTop 0.5s 0.6s ease both;-moz-animation: DownToTop 0.5s 0.6s ease both;-o-animation: DownToTop 0.5s 0.6s ease both;}
.panel-4.active .product-list>li.active{animation: RotateX 0.5s 0.6s ease both;-webkit-animation: RotateX 0.5s 0.6s ease both;-moz-animation: RotateX 0.5s 0.6s ease both;-o-animation: RotateX 0.5s 0.6s ease both;}

.panel-5.active .content-model>h2{animation: DownToTop 0.5s 0.6s ease both;-webkit-animation: DownToTop 0.5s 0.6s ease both;-moz-animation: DownToTop 0.5s 0.6s ease both;-o-animation: DownToTop 0.5s 0.6s ease both;}
.panel-5.active .content-model>p{animation: DownToTop 0.5s 0.6s ease both;-webkit-animation: DownToTop 0.5s 0.6s ease both;-moz-animation: DownToTop 0.5s 0.6s ease both;-o-animation: DownToTop 0.5s 0.6s ease both;}
.panel-5.active .content-model>span{animation: DownToTop 0.5s 0.6s ease both;-webkit-animation: DownToTop 0.5s 0.6s ease both;-moz-animation: DownToTop 0.5s 0.6s ease both;-o-animation: DownToTop 0.5s 0.6s ease both;}
.panel-5.active .products>div:first-of-type{animation: LeftToRight 1s 1s ease both;-webkit-animation: LeftToRight 1s 1s ease both;LeftToRight: DownToTop 1s 1s ease both;-o-animation: LeftToRight 1s 1s ease both;}
.panel-5.active .products>div:last-of-type{animation: RightToLeft 1s 1s ease both;-webkit-animation: RightToLeft 1s 1s ease both;RightToLeft: DownToTop 1s 1s ease both;-o-animation: RightToLeft 1s 1s ease both;}
.panel-5.active .products>div:nth-of-type(2){animation: scaleBig 1s 1s ease both;-webkit-animation: scaleBig 1s 1s ease both;scaleBig: DownToTop 1s 1s ease both;-o-animation: scaleBig 1s 1s ease both;}

.panel-6.active .content-model>h2{animation: DownToTop 0.5s 0.6s ease both;-webkit-animation: DownToTop 0.5s 0.6s ease both;-moz-animation: DownToTop 0.5s 0.6s ease both;-o-animation: DownToTop 0.5s 0.6s ease both;}
.panel-6.active .content-model>p{animation: DownToTop 0.5s 0.6s ease both;-webkit-animation: DownToTop 0.5s 0.6s ease both;-moz-animation: DownToTop 0.5s 0.6s ease both;-o-animation: DownToTop 0.5s 0.6s ease both;}
.panel-6.active .content-model>span{animation: DownToTop 0.5s 0.6s ease both;-webkit-animation: DownToTop 0.5s 0.6s ease both;-moz-animation: DownToTop 0.5s 0.6s ease both;-o-animation: DownToTop 0.5s 0.6s ease both;}
.panel-6.active .partners{animation: DownToTop 0.8s 1s ease both;-webkit-animation: DownToTop 0.8s 1s ease both;-moz-animation: DownToTop 0.8s 1s ease both;-o-animation: DownToTop 0.8s 1s ease both;}

.panel-7.active .content-model>h2{animation: DownToTop 0.5s 0.6s ease both;-webkit-animation: DownToTop 0.5s 0.6s ease both;-moz-animation: DownToTop 0.5s 0.6s ease both;-o-animation: DownToTop 0.5s 0.6s ease both;}
.panel-7.active .content-model>p{animation: DownToTop 0.5s 0.6s ease both;-webkit-animation: DownToTop 0.5s 0.6s ease both;-moz-animation: DownToTop 0.5s 0.6s ease both;-o-animation: DownToTop 0.5s 0.6s ease both;}
.panel-7.active .content-model>span{animation: DownToTop 0.5s 0.6s ease both;-webkit-animation: DownToTop 0.5s 0.6s ease both;-moz-animation: DownToTop 0.5s 0.6s ease both;-o-animation: DownToTop 0.5s 0.6s ease both;}
.panel-7.active .content-model .latest-content>div:nth-of-type(odd){animation: ToTop 1s 1.5s ease both;-webkit-animation: ToTop 1s 1.5s ease both;-moz-animation: ToTop 1s 1.5s ease both;-o-animation: ToTop 1s 1.5s ease both;}
.panel-7.active .content-model .latest-content>div:nth-of-type(even){animation: Todown 1s 1.5s ease both;-webkit-animation: Todown 1s 1.5s ease both;-moz-animation: Todown 1s 1.5s ease both;-o-animation: ToTop 1s 1.5s ease both;}

.header{position: relative!important;}

.fixed-right .bdsharebuttonbox>a:first-of-type{display: none!important;}
.fixed-right .bdsharebuttonbox{position: absolute;bottom: 5px;left: 10px;}
.bdshare_popup_box{margin-left: -240px; margin-top: -50px;}
.fixed-right .bds_more{background-image: url(../images/share-1.png)!important;}

.map-web{background-color: #f0f0f0
}
.web-map{padding: 20px;background-color: #FFFFFF;margin: 20px 0px;text-align: center}
.web-map>a{border: 1px solid #808080;padding: 5px 10px;margin-top: 20px;margin-right: 20px;color: #808080;text-decoration: none;display: inline-block}
.web-map>a:hover{border-color: #FF0000;color: #FF0000;text-decoration: none;}
.modal-content{padding: 30px;margin-top: 50px;}
.modal-content>img{width: 100%}

@media screen and (max-width: 1340px){
    .kvbanner{padding-top: 120px;}
    #allmap{height: 250px;}
    .content-model{padding: 80px 0px 0px 0px;}
    .fixed_r{
        display: none;}
}
@media screen and (min-width:1340px) and (max-width: 1500px){

    .kvbanner{padding-top: 180px;}
    #allmap{height: 300px;}
    .content-model{padding: 80px 0px 0px 0px;}
}
@media screen and (min-width:1500px){

    .kvbanner{padding-top: 200px;}
    #allmap{height: 350px;}
    .content-model{padding: 80px 0px 0px 0px;}
}

.weixin-text{margin: 10px 0px 0px;font-size: 18px;width: 100%;text-align: center;color: red}
.refresh{margin-top: 30px;text-align: center}
.refresh>a{display: inline-block;color: #808080;border: 1px solid #bdbdbd;padding: 10px 20px;text-decoration: none!important;font-size: 18px;font-family: "microsoft yahei";cursor: pointer}
.refresh>a:hover{color: #FFFFFF;background-color: #FF0000;border: 1px solid #FF0000;}



/*add*/
/* .panel-3{padding-bottom: 60px;} */
.panel-4{padding-bottom: 60px;}
.panel-5{padding-bottom: 60px;}
.panel-6{padding-bottom: 60px;}
.panel-7{padding-bottom: 60px;}


.set-fixed{position: fixed!important;left: 0px;top: 0px;display: block}
.moban-hd{font-size: 18px;font-weight: bold;margin-top: 50px;}
.class-content{margin: 10px 0px;}
.class-child{display: inline-block;padding: 10px;margin-bottom: 0px;margin-right: 50px;cursor: pointer;position: relative;}
.class-child:hover{background-color: #dbdbdb;}
.class-child em{font-style: normal;margin: 0px 10px;color: #b6b6b6}
.class-child em:last-of-type{display: none}
.class-child span{font-style: normal;color: #595959;font-size: 14px;}
.class-pop{position: absolute;top: 0px;left:0px;border: 1px solid #dbdbdb;padding: 10px;background-color: #FFFFff!important;width: 100%;z-index: -1;opacity: 0;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
}
.class-child:hover .class-pop{top: 40px;opacity: 1;z-index:99999;}


.class-pop>a{padding: 3px 6px;display: inline-block;color: #595959}
.class-pop>a:hover{color: #FF0000;text-decoration: none}
.class-pop>i{position: absolute;top: -11px;left: 48%;color: #FFFFff;font-size: 32px;z-index: 9999;}
.now-class{border: 1px solid #dbdbdb;margin-top: 20px;}
.now-class>p{padding: 0px 15px;line-height: 30px;background-color: #dbdbdb;color: #505050;display: inline-block;margin-bottom: 0px;position: relative;}
.now-class>p>span{font-size: 14px;}
.now-class>p>i{position: absolute;color: #dbdbdb;font-size: 32px;right: -8px;}
.class-active>a{line-height: 30px;color: #505050;text-decoration: none!important;font-size: 14px;position: relative;margin-left: 20px;}
.class-active>a>i{position: absolute;bottom:-7px;left: 0px;width: 100%;height: 1px;display: none;background-color: #FF0000}
.class-active>a.active{color: #FF0000}
.class-active>a.active i{display: block}
.class-active>a:hover{color: #FF0000}
.class-active>a:hover i{display: block}

.modal-list{margin-top: 30px;margin-bottom: 30px;}
.modal-list>li{width: 33.33%;float: left;padding: 30px;margin-bottom: 20px;}
.modal-list>li>a{position: relative;display: block;
    transition: all ease 0.6s;
    -webkit-transition: all ease 0.6s;
    -moz-transition: all ease 0.6s;
    -o-transition: all ease 0.6s;
}
.web-page{width: 290px;
    height: 197px;
    background: url(../images/model.png) no-repeat;
    background-size: cover;
    overflow: hidden;}
.web-page>img{margin-top: 16px;width: 100%;}

.mobile-page{;width: 90px;

    border: 0;
    border-radius: 6px;
    box-shadow: -1px -1px 3px 0 rgba(0,0,0,0.15);
    position: absolute;
    top: 50px;
    right: 20px;
    background: url(../images/mobile-modal.png) no-repeat;background-size: cover;}
.mobile-page span{margin: 8px 4px 15px 3px;display: block}
.mobile-page img{width: 100%;}
.modal-list>li>a:hover{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.modal-page{background-color: #e9e9e9;margin-top: 30px;padding: 0px 10px;margin-bottom: 100px;}


.table-base{margin: 30px 0px;width: 100%;display: block;border-left: 1px solid #dbdbdb;border-right: 1px solid #dbdbdb}
.table-base>thead{background-color: #dbdbdb;width: 100%;display: block}
.table-base tr{width: 100%;display: block;}
.table-base>thead td{font-size: 16px;font-weight: bold;color: #4a4a4a;padding: 10px 0px;width: 15.5%;display: inline-block;text-align: center;border-left: 1px solid #FFFFff}
.table-base>thead td:first-of-type{width: 20%;text-align: left;padding-left: 40px;border: none}
.table-base>tbody{width: 100%;display: block}
.table-base>tbody tr{border-bottom: 1px solid #dbdbdb}
.table-base>tbody td{font-size: 14px;color: #4a4a4a;padding: 15px 0px;width: 15.5%;display: inline-block;text-align: center;border-left: 1px solid #dbdbdb}
.table-base>tbody td:first-of-type{width: 20%;text-align: left;padding-left: 40px;border: none}
.table-base>tbody td img{width: 25px;}


.table-function{margin: 30px 0px 100px;width: 100%;display: block;border-left: 1px solid #dbdbdb;border-right: 1px solid #dbdbdb}
.table-function>thead{background-color: #0382db;width: 100%;display: block}
.table-function tr{width: 100%;display: block;}
.table-function>thead td{font-size: 16px;font-weight: bold;color: #ffffff;padding: 10px 0px;width: 15.5%;display: inline-block;text-align: center;border-left: 1px solid #FFFFff}
.table-function>thead td:first-of-type{width: 20%;text-align: left;padding-left: 40px;border: none}
.table-function>tbody{width: 100%;display: block}
.table-function>tbody tr{border-bottom: 1px solid #dbdbdb}
.table-function>tbody td{font-size: 14px;color: #4a4a4a;padding: 10px 0px;width: 15.5%;display: inline-block;text-align: center;border-left: 1px solid #dbdbdb}
.table-function>tbody td:first-of-type{width: 20%;text-align: left;padding-left: 40px;border: none}
.table-function>tbody td img{width: 25px;}
.has{font-size: 18px;color: #090;font-weight: bold}
.nohas{font-size: 18px;color: #F00;font-weight: bold}

.header-others{display: block!important;position: fixed!important;}

#loading{
    background-color: #F00;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 99999;
    margin-top: 0px;
    top: 0px;
}
#loading-center{
    width: 100%;
    height: 100%;
    position: relative;
}
#loading-center-absolute {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 200px;
    width: 200px;
    margin-top: -100px;
    margin-left: -100px;

}
.object{
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    position: absolute;
    border-left: 5px solid #FFF;
    border-right: 5px solid #FFF;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    -webkit-animation: animate 2s infinite;
    animation: animate 2s infinite;
}

#object_one{
    left: 75px;
    top: 75px;
    width: 50px;
    height: 50px;
}

#object_two{
    left: 65px;
    top: 65px;
    width: 70px;
    height: 70px;
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

#object_three{
    left: 55px;
    top: 55px;
    width: 90px;
    height: 90px;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
#object_four{
    left: 45px;
    top: 45px;
    width: 110px;
    height: 110px;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;

}

@-webkit-keyframes animate {


    50% {
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    100% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

}

@keyframes animate {

    50% {
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    100% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }


}


.products>div.one:first-of-type{animation: LeftToRight 1s 0.5s ease both;-webkit-animation: LeftToRight 1s 0.5s ease both;LeftToRight: DownToTop 1s 0.5s ease both;-o-animation: LeftToRight 1s 0.5s ease both;}
.products>div.one:last-of-type{animation: RightToLeft 1s 0.5s ease both;-webkit-animation: RightToLeft 1s 0.5s ease both;RightToLeft: DownToTop 1s 0.5s ease both;-o-animation: RightToLeft 1s 0.5s ease both;}
.products>div.one:nth-of-type(2){animation: scaleBig 1s 0.5s ease both;-webkit-animation: scaleBig 1s 0.5s ease both;scaleBig: DownToTop 1s 0.5s ease both;-o-animation: scaleBig 1s 0.5s ease both;}

.partners.downtop{animation: DownToTop 0.8s 0.5s ease both;-webkit-animation: DownToTop 0.8s 0.5s ease both;-moz-animation: DownToTop 0.8s 0s ease both;-o-animation: DownToTop 0.8s 0.5s ease both;}

.latest-content>div.latest:nth-of-type(odd){animation: ToTop 1s 0.5s ease both;-webkit-animation: ToTop 1s 0.5s ease both;-moz-animation: ToTop 1s 0.5s ease both;-o-animation: ToTop 1s 0.5s ease both;}
.latest-content>div.latest:nth-of-type(even){animation: Todown 1s 0.5s ease both;-webkit-animation: Todown 1s 0.5s ease both;-moz-animation: Todown 1s 0.5s ease both;-o-animation: ToTop 1s 0.5s ease both;}

.rotates{animation: RotateX 0.5s 0.5s ease both;-webkit-animation: RotateX 0.5s 0.5s ease both;-moz-animation: RotateX 0.5s 0.5s ease both;-o-animation: RotateX 0.5s 0.5s ease both;}
.case-matter.tops:nth-of-type(odd){animation: ToTop 1s 0s ease both;-webkit-animation: ToTop 1s 0s ease both;-moz-animation: ToTop 1s 0s ease both;-o-animation: ToTop 1s 0s ease both;}
.case-matter.tops:nth-of-type(even){animation: Todown 1s 0s ease both;-webkit-animation: Todown 1s 0s ease both;-moz-animation: Todown 1s 0s ease both;-o-animation: ToTop 1s 0s ease both;}


	.know-modal{width:32%!important;margin-right:2%!important;float:left;padding:0px 10px;margin-bottom:15px;border:1px solid #ff0000!important;}
	.know-modal:nth-of-type(3n){margin-right:0px!important;}
	.know-modal>h3{font-size:18px!important;line-height:25px;}
	.know-modal .left-time>p{margin-right:10px;}