@charset "utf-8";

@import url('pub.css');

@font-face {
    font-family: 'iconfont';
    src: url('../font/iconfont.eot');
    /* IE9*/
    src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../font/iconfont.svg#iconfont') format('svg');
    /* iOS 4.1- */
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.a {
    height: 2000px;
    border-bottom: 10px solid red
}
button{border:none}
.a:hover {
    text-decoration: none
}

.fixed {
    position: fixed;
    width: 100%;
    margin: 0 auto;
    margin-top: 68px;
    left: 0;
    background: url(../img/probj.png) no-repeat center #00C0B7;
    z-index: 1
}

.hdt {
    width: 980px;
    margin: 0 auto;
}

.cur {
    background: #fff;
    color: #0c4da2;
}


/*index*/


/*index head*/

.header {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 21;
    width: 100%;
    min-width: 978px;
    height: 88px;
}

.header.scroll {
    background: url(../img/bg_header.png) repeat-x center bottom;
}

.header .w {
    width: 100%;
    height: 88px;
    background: #fff;
}

.logo img {
    width: 171px;
    height: 28px
}

.h-top {
    position: absolute;
    right: 5px;
    top: 0;
    z-index: 2;
    height: 38px;
    line-height: 38px;
}

.h-top p {
    padding-left: 10px;
    color: #fff;
    filter: alpha(opacity=85);
    opacity: 0.85;
}

.h-top a {
    display: inline-block;
    padding: 0 10px;
    background: url(../img/bg_line20.png) no-repeat right center;
    color: #fff;
    filter: alpha(opacity=85);
    opacity: 0.85;
    transition: opacity 0.5s;
}

.h-top a:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

.logo {
    padding: 30px 0 9px;
    margin-left: 8%;
}

.nav {
    width: 50%;
    min-width: 630px;
    height: 88px;
    margin-left: 6.5%;
    border-left: 1px solid #eee;
}

.nav ul.nav-ul {
    width: 100%;
}

.nav li.nav-sub {
    position: relative;
    width: 16.66%;
}

.nav li.nav-sub a.tit {
    display: inline-block;
    width: 99.9%;
    height: 62px;
    padding: 17px 0 9px;
    border-right: 1px solid #eee;
    font-size: 15px;
    line-height: 62px;
    color: #555;
    text-align: center;
    transition: color 0.5s;
}

.nav li.nav-sub:hover a.tit,.nav li.current {
    background: url(../img/nanlitop.jpg) repeat-x;
}

.nav a.tit:hover {
    color: #0564c6;
}

.nav-line {
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
}

.daohang {
    background: red;
}

.h-tips {
    width: 227px;
    padding-right: 210px;
    font-size: 11px;
    line-height: 62px;
    color: #787878;
}

.h-tips p {
    position: absolute;
    left: 0;
    top: 0;
    padding: 17px 0 9px;
}

.h-tips a.nav-sub {
    position: absolute;
    left: 45px;
    top: 0;
    display: inline-block;
    padding: 17px 0 9px;
    color: #787878;
    transition: color 0.5s;
    font-size: 16px;
}

.h-tips a.nav-sub em {
    background-position: -9px -5px;
    width: 14px;
    height: 14px;
}

.h-tips a:hover {
    color: #1EB5AE;
}

.h-tips .login-box {
    right: 88px;
    top: 0;
    width: 88px;
    height: 62px;
    padding: 17px 0 9px;
    background: #1CB6AC;
}

.h-tips .login-box a.login {
    display: inline-block;
    width: 100%;
    height: 100%;
    // background: url(../img/user.png) no-repeat center;
    text-align: center;
    color:#fff;
    font-weight: bold;
    font-size: 14px;
}
.h-tips .login-box a.login:hover{
    color:#f1f1f1;
}
.h-tips .login-box a.name {
    display: inline-block;
    float: left;
    width: 100%;
    margin-top: 15px;
    line-height: 18px;
    color: #fff;
    text-align: center;
}

.h-tips .login-box a.out {
    display: inline-block;
    float: left;
    width: 100%;
    line-height: 18px;
    color: #fff;
    text-align: center;
}

.h-tips .search-box {
    right: 176px;
    top: 0;
    width: 55px;
    height: 88px;
}

.h-tips .search-box .in {
    right: 20px;
    top: 35px;
    width: 27px;
    height: 24px;
    border: 1px solid #fff;
    background: #fff;
    transition: border 0.5s;
}

.h-tips .search-box .in.cur {
    border: 1px solid #ccc;
}

.h-tips .search-box input {
    left: 0;
    top: 0;
    width: 196px;
    height: 24px;
    padding-left: 10px;
    border: 0;
    background: none;
    line-height: 24px;
    color: #666;
}

.h-tips .search-box input.submit {
    left: auto;
    right: 0;
    width: 32px;
    background: url(../img/search.png) no-repeat center;
}

.h-map {
    right: 0;
    top: 0;
    width: 88px;
    height: 62px;
    padding: 17px 0 9px;
    background: url(../img/word.png) no-repeat center 55% #434343;
    cursor: pointer;
}

.nav li.nav-sub:hover ._layer {
    display: block;
}

._layer {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    overflow: hidden;
    display: none;
    width: 100%;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 0 0 0 #dbdbdb;
}

._layer ._nav2 >li>a {
    display: block;
    font-size: 14px;
    color: #FFF;
    position: relative;
    height: 40px;
    line-height: 40px;
}

/*hover 小三角
._layer ._nav2 >li>a:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 4px transparent solid;
    border-bottom: 4px transparent solid;
    border-left: 4px #1DB6AD solid;
    position: absolute;
    right: 4%;
    top: 50%;
    margin-top: -4px;
}*/

._layer ._nav2>li:hover>a {
    background-color: #f3f3f3;
}

._layer ._nav2 {
    float: left;
    padding: 15px 0;
    float: left;
    width: 100%;
    top: 0;
    background: #1DB6AD;
    height: 100%;
    text-align: center;
}

._layer ._nav2 li {
    float: none;
    width: auto;
    color: #624e00;
    line-height: 43px;
}

._layer ._nav2 a {
    font-size: 14px;
    color: #000;
}

._layer ._nav2 a:hover {
    color: #666;
}

._layer ._t a {
    color: #343434;
    display: block;
    padding-bottom: 15px;
    border-bottom: 1px solid #DFDFDF;
    width: 72px;
}

._layer ._c .p {
    line-height: 20px;
    float: right;
    width: 170px;
}

._layer ._c .p h4 {
    color: #3b3b3b;
    font-size: 16px;
    font-weight: normal
}

._layer ._c .p em {
    font-style: normal;
}

._layer ._c .p a {
    color: #3b3b3b;
    font-size: 14px;
}

._layer ._c .p a:hover {
    color: #1DB6AD;
}

._layer ._c .p p {
    color: #888;
    margin: 24px 0 20px 0;
}

._layer ._c {
    float: right;
    width: 425px;
    padding: 30px 35px 0 35px;
    color: #5f5f5f;
    line-height: 1.8;
}

._layer ._c .li {
    float: left;
    width: 100%;
    margin-right: 4%;
}

._layer ._c ._img {
    display: block;
    width: 230px;
    height: 160px;
    margin-bottom: 15px;
    float: left;
}

._layer ._c ._t {
    color: #000;
    font-size: 1.2em;
    margin-bottom: 24px;
    font-weight: 700;
    font-size: 18px;
}


/*index head end*/


/*index banner*/


/*INDEX*/

.iban-wrap {
    height: 640px;
    margin-top: 88px;
}

.iban {
    height: 640px;
    background: url(../img/loadings.gif) no-repeat center;
}

.iban .imglist li {
    animation: bannerIn 15s forwards;
}

@keyframes bannerIn {
    100% {
        transform: scale(1.1);
    }
}

.z1 {
    z-index: 1
}

.z2 {
    z-index: 2
}

.f-cb {
    zoom: 1
}

.f-cb:after {
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
    content: ".";
}

.ab {
    width: 1920px;
    height: 640px;
    overflow: hidden;
    position: relative;
}

.iban .list li {
    position: absolute;
    left: 0;
    top: 0;
    width: 1920px;
    height: 640px;
    display: none;
}

img.w1 {
    position: absolute;
    left: 813px;
    top: 325px
}

img.w2 {
    position: absolute;
    right: 35%;
    top: 179px
}

.iban .list .tips {
    top: 0;
    width: 500px;
    font-size: 24px;
    line-height: 42px;
    color: #fff;
}

.iban .list b {
    font-size: 48px;
    line-height: 66px;
}

.iban .list strong {
    font-size: 48px;
    line-height: 66px;
}

.iban .ban_bt {
    display: inline-block;
    width: 76px;
    padding: 0 10px;
    background: #0c4da2;
    margin-top: 50px;
    font-size: 12px;
    line-height: 30px;
    transition: all 0.5s;
}

.iban .ban_bt:hover {
    background: #fff;
}

.iban .list span {
    display: inline-block;
    color: #fff;
}

.iban .list a:hover span {
    color: #0c4da2;
}

.iban .list span.fr {
    display: inline-block;
    width: 5px;
    height: 30px;
    background: url(../img/bg_sign03.png) no-repeat 0 0;
}

.iban .list a:hover span.fr {
    background-position: 0 -30px;
}

.iban .list .l {
    left: -200px;
    filter: alpha(opacity=0);
    opacity: 0;
}

.iban .list .r {
    top: -40px;
    right: -200px;
    filter: alpha(opacity=0);
    opacity: 0;
    text-align: right;
}

.iban .line {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5px;
}

.iban .line-in {
    width: 0;
    background: url(../img/bg_line01.png);
    /*background: #1eb5ae;*/
}

.iban-box {
    left: 50%;
    bottom: 76px;
    width: 980px;
    height: 161px;
    margin-left: -490px;
}

.iban-box .fi {
    width: 273px;
    height: 145px;
    padding: 16px 27px 0;
}

.iban-box .se {
    width: 268px;
    height: 93px;
    padding: 68px 30px 0;
}

.iban-box .th {
    cursor: pointer;
}

.iban-box a {
    display: inline-block;
    width: 100%;
    font-size: 11px;
    line-height: 28px;
    color: #aab9d5;
    transition: color 0.5s;
}

.iban-box a.tit {
    font-size: 14px;
    line-height: 28px;
    color: #fff;
}

.iban-box a.more {
    position: absolute;
    left: 26px;
    bottom: 19px;
    display: inline-block;
    width: 65px;
    padding: 0 9px 0 22px;
    border: 1px solid #89a4c6;
    font-size: 11px;
    line-height: 26px;
    color: #89a4c6;
    transition: all 0.5s;
}

.iban-box .se a.more {
    border: 1px solid #888582;
    color: #888582;
}

.iban-box a.more span.fr {
    display: inline-block;
    width: 3px;
    height: 26px;
    background: url(../img/bg_sign04.png) no-repeat center;
    filter: alpha(opacity=50);
    opacity: 0.5;
    transition: all 0.5s;
}

.iban-box a:hover {
    color: #fff;
}

.iban-box a.more:hover {
    border: 1px solid #fff;
    color: #fff;
}

.iban-box a.more:hover span.fr {
    filter: alpha(opacity=100);
    opacity: 1;
}

.iban .btns {
    left: 50%;
    bottom: 36px;
    height: 6px;
}

.iban .btns span {
    display: inline-block;
    float: left;
    width: 62px;
    height: 5px;
    background: #1eb5ae;
    margin: 0 3px;
    filter: alpha(opacity=30);
    opacity: 0.3;
    transition: background 0.5s;
    cursor: pointer;
}

.iban .btns span.cur {
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.inprotitle {
    text-align: center;
    margin: 50px 0 40px 0;
    color: #1EB5AE;
}

.inprotitle h3 {
    font-size: 30px;
    font-weight: 300
}

.inprotitle h3 span {
    padding: 0 12px;
}

.inprotitle p {
    font-size: 40px;
    margin-top: -20px;
    font-family: impact;
}
.inproul ul{margin-left:-22px !important}
.inproul ul li{
    border: 1px solid #E5E5E5;
    margin-left:22px ;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
.inpronr ul{margin-left:0 !important}
.inpronr ul li{margin:0 22px 0 0}
.inproul ul li .img-box img {
    width: 310px;
    height: 250px;
}

.inproul ul li .inprotm {
    overflow: hidden;
}

.inproul ul li .inprotm a h4 {
    width: 310px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #1EB5AE;
    background: #ECEBEB;
    font-size: 16px;
    font-weight: 300
}

.inproul ul li:hover .inprotm a h4 {
    background: #1EB5AE;
    color: #fff;
}

.inpropre {
    position: relative
}

.pets-info {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.pets-info {
    top: 0;
    left: 0;
    position: absolute;
}

.pets-info .pets-info-slid {
    display: block;
    position: relative;
    padding: 2%;
    left: 50%;
    top: 50%;
    position: relative;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    text-align: center;
    display: none\9;
}

.pets-info {
    filter: alpha(opacity=0);
    -wekbit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: translateZ(0) scale(2, 2);
    -moz-transform: translateZ(0) scale(2, 2);
    -ms-transform: translateZ(0) scale(2, 2);
    -o-transform: translateZ(0) scale(2, 2);
    transform: translateZ(0) scale(2, 2);
    color: #e6e6e6;
}

.pets-info * {
    z-index: 3;
}

.pets-info:after,
.pets-info:before {
    content: "";
    display: block !important;
    position: absolute;
    visibility: visible !important;
    background-color: rgba(30, 181, 174, 0.8);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-transition: 0.6s ease-in-out;
    -moz-transition: 0.6s ease-in-out;
    -ms-transition: 0.6s ease-in-out;
    -o-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out;
}

.parts-color:after,
.parts-color:before {
    background-color: rgba(31, 31, 31, 0.8);
}

.pets-info em {
    margin-top: 20px;
    width: 28px;
    height: 28px;
    background-position: -193px -7px;
}

.pets-effect.ver_line .pets-info:before {
    -webkit-transform: translateZ(0) translateX(100%) rotateZ(180deg);
    -moz-transform: translateZ(0) translateX(100%) rotateZ(180deg);
    -ms-transform: translateZ(0) translateX(100%) rotateZ(180deg);
    -o-transform: translateZ(0) translateX(100%) rotateZ(180deg);
    transform: translateZ(0) translateX(100%) rotateZ(180deg);
}

.pets-effect.ver_line .pets-info:after {
    -webkit-transform: translateZ(0) translateX(-100%) rotateZ(180deg);
    -moz-transform: translateZ(0) translateX(-100%) rotateZ(180deg);
    -ms-transform: translateZ(0) translateX(-100%) rotateZ(180deg);
    -o-transform: translateZ(0) translateX(-100%) rotateZ(180deg);
    transform: translateZ(0) translateX(-100%) rotateZ(180deg);
}

.pets-effect.ver_line:hover .pets-info {
    filter: alpha(opacity=100);
    -wekbit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: translateZ(0) scale(1, 1);
    -moz-transform: translateZ(0) scale(1, 1);
    -ms-transform: translateZ(0) scale(1, 1);
    -o-transform: translateZ(0) scale(1, 1);
    transform: translateZ(0) scale(1, 1);
}

.pets-effect.ver_line:hover .pets-info:before {
    -webkit-transform: translateZ(0) translateX(50%) rotateZ(0deg);
    -moz-transform: translateZ(0) translateX(50%) rotateZ(0deg);
    -ms-transform: translateZ(0) translateX(50%) rotateZ(0deg);
    -o-transform: translateZ(0) translateX(50%) rotateZ(0deg);
    transform: translateZ(0) translateX(50%) rotateZ(0deg);
}

.pets-effect.ver_line:hover .pets-info:after {
    -webkit-transform: translateZ(0) translateX(-50%) rotateZ(0deg);
    -moz-transform: translateZ(0) translateX(-50%) rotateZ(0deg);
    -ms-transform: translateZ(0) translateX(-50%) rotateZ(0deg);
    -o-transform: translateZ(0) translateX(-50%) rotateZ(0deg);
    transform: translateZ(0) translateX(-50%) rotateZ(0deg);
}

.pets-effect.horizontal .pets-info:before {
    -webkit-transform: translateZ(0) translateY(100%) rotateZ(180deg);
    -moz-transform: translateZ(0) translateY(100%) rotateZ(180deg);
    -ms-transform: translateZ(0) translateY(100%) rotateZ(180deg);
    -o-transform: translateZ(0) translateY(100%) rotateZ(180deg);
    transform: translateZ(0) translateY(100%) rotateZ(180deg);
}

.pets-effect.horizontal .pets-info:after {
    -webkit-transform: translateZ(0) translateY(-100%) rotateZ(180deg);
    -moz-transform: translateZ(0) translateY(-100%) rotateZ(180deg);
    -ms-transform: translateZ(0) translateY(-100%) rotateZ(180deg);
    -o-transform: translateZ(0) translateY(-100%) rotateZ(180deg);
    transform: translateZ(0) translateY(-100%) rotateZ(180deg);
}

.pets-effect.horizontal:hover .pets-info {
    filter: alpha(opacity=100);
    -wekbit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: translateZ(0) scale(1, 1);
    -moz-transform: translateZ(0) scale(1, 1);
    -ms-transform: translateZ(0) scale(1, 1);
    -o-transform: translateZ(0) scale(1, 1);
    transform: translateZ(0) scale(1, 1);
}

.pets-effect.horizontal:hover .pets-info:before {
    -webkit-transform: translateZ(0) translateY(50%) rotateZ(0deg);
    -moz-transform: translateZ(0) translateY(50%) rotateZ(0deg);
    -ms-transform: translateZ(0) translateY(50%) rotateZ(0deg);
    -o-transform: translateZ(0) translateY(50%) rotateZ(0deg);
    transform: translateZ(0) translateY(50%) rotateZ(0deg);
}

.pets-effect.horizontal:hover .pets-info:after {
    -webkit-transform: translateZ(0) translateY(-50%) rotateZ(0deg);
    -moz-transform: translateZ(0) translateY(-50%) rotateZ(0deg);
    -ms-transform: translateZ(0) translateY(-50%) rotateZ(0deg);
    -o-transform: translateZ(0) translateY(-50%) rotateZ(0deg);
    transform: translateZ(0) translateY(-50%) rotateZ(0deg);
}

.pets-info-slid h4 {
    font-size: 20px;
}

.parts h4,
.parts-hot h4 {
    font-size: 16px;
    display: inline;
    border-bottom: 2px solid #fff;
    padding-bottom: 5px;
    margin-bottom: 25px
}

.parts-hot h4 {
    line-height: 120px;
}

.pets-info-slid p {
    line-height: 2.2em;
    color: #fff;
    font-size: 14px;
    width: 90%;
    margin: 0 auto;
}

.parts .pzw {
    margin-top: 20px;
}

.parts p {
    line-height: 1.6em;
}

.parts em {
    height: 8px;
    background: none
}

.pets-info .parts-hot {
    top: 105px
}

.parts-hot p {
    line-height: 1.6em;
    font-size: 12px;
}

.parts-hot span {
    display: block;
    width: 68px;
    height: 25px;
    border: 2px solid #fff;
    margin: 17px auto 0 auto
}


/*index pro end*/


/* 首页荣誉资质*/

.inhonerw {
    clear: both;
    padding-top: 80px;
    background: url(../img/inhonor.jpg) no-repeat center;
    height: 440px;
    overflow: hidden;
}

.inhoner ul {
    margin: 60px 0 55px 0;
    overflow: Hidden;
}

.inhoner ul li {
    width: 172px;
    height: 152px;
    background: url(../img/pentagon.png) no-repeat;
    margin-left: 30px;
    animation: fadeInUp 1s;
}

.inhoner ul li:first-child {
    margin-left: 0;
}

.inhoner ul li em {
    width: 62px;
    height: 62px;
    margin: 0 auto;
    margin: 31px 0 0 58px;
    transition: all 1.5s;
}

.inhoner ul li:hover em {
    transform: rotateY(360deg);
}

.inhoner ul li:nth-child(1) {
    animation: fadeInRightBig 1s;
}
.inhoner ul li:nth-child(2){
    animation: fadeInRightBig 1.2s;
}
.inhoner ul li:nth-child(3){
    animation: fadeInRightBig 1.4s;
}
.inhoner ul li:nth-child(4){
    animation: fadeInRightBig 1.6s;
}
.inhoner ul li:nth-child(5){
    animation: fadeInRightBig 1.8s;
}

.inhoner ul li.ih1 em {
    width: 47px;
    background-position: -162px -45px;
    margin-left: 62px;
}

.inhoner ul li.ih2 em {
    background-position: -9px -45px;
}

.inhoner ul li.ih3 em {
    width: 57px;
    background-position: -84px -45px;
}

.inhoner ul li.ih4 em {
    width: 34px;
    background-position: -241px -45px;
    margin-left: 68px;
}

.inhoner ul li.ih5 em {
    width: 58px;
    background-position: -303px -45px;
}

.inhoner ul li p {
    text-align: center;
    margin-top: 8px;
    font-size: 14px;
    color: #fff;
}

.inhoner p.ijs {
    color: #fff;
    font-size: 14px;
    text-align: center;
    width: 840px;
    margin: 0 auto;
}

/*首页新闻*/

.i-news .list.fl li:first-child {
    animation: fadeInLeftBig 1.6s;
}

.i-news .list.fl li:last-child {
    animation: fadeInLeftBig 1s;
}

.i-news .list.fr li:first-child {
    animation: fadeInUp 1s;
}

.i-news .list.fr li:last-child {
    animation: fadeInUp 1.6s;
}

.i-news {
    height: 227px;
    padding: 73px 0 80px;
}

.i-news .list.fl {
    width: 670px;
    height: 227px;
}

.i-news .list.fl li {
    position: relative;
    width: 310px;
    height: 227px;
    margin-right: 25px;
}

.i-news .list.fl img {
    left: 0;
    top: 0;
}

.i-news .list.fl span {
    display: inline-block;
}

.i-news .list.fl .tips {
    left: 0;
    bottom: 0;
    width: 310px;
    height: 78px;
    padding-top: 8px;
    background: #f8f9fa;
    transition: background 0.5s;
}

.i-news .list.fl a:hover .tips {
    background: #1EB5AE;
}

.i-news .list.fl .time {
    width: 40px;
    padding-top: 9px;
    margin-left: 18px;
    font: 12px/16px Arial;
    color: #1EB5AE;
    text-transform: uppercase;
    text-align: center;
    transition: color 0.5s;
}

.i-news .list.fl a:hover .time {
    color: #fff;
}

.i-news .list.fl .day {
    font: 36px/34px Impact;
    color: #1EB5AE;
    transition: color 0.5s;
}

.i-news .list.fl a:hover .day {
    color: #fff;
}

.i-news .list.fl .line {
    width: 23px;
    height: 1px;
    background: #d9d9da;
    margin: 2px 0 0 8px;
    transition: background 0.5s;
}

.i-news .list.fl a:hover .line {
    background: #fff;
}

.i-news .list.fl .detail {
    width: 220px;
    padding-right: 16px;
    font-size: 12px;
    line-height: 18px;
    color: #a1a1a1;
    transition: color 0.5s;
}

.i-news .list.fl a:hover .detail {
    color: #fff;
}

.i-news .list.fl p.fz14 {
    font-size: 14px;
    line-height: 28px;
    height: 28px;
    color: #666;
    overflow: hidden;
}

.i-news .list.fl a:hover p.fz14 {
    color: #fff;
}

.i-news .list.fl .bor {
    left: 0;
    top: 0;
    width: 306px;
    height: 223px;
    border: 2px solid #042cb3;
    display: none;
}

.i-news .list.fr {
    width: 310px;
}

.i-news .list.fr li {
    position: relative;
    width: 310px;
    height: 106px;
    margin-bottom: 15px;
    background: #f8f9fa;
    transition: background 0.5s;
}

.i-news .list.fr li:hover {
    background: #1EB5AE;
}

.i-news .list.fr li:hover p {
    color: #fff;
}

.i-news .list.fr .detail {
    display: inline-block;
    width: 135px;
    padding: 11px 44px 0 0;
    font-size: 12px;
    line-height: 18px;
    color: #a7a7a7;
    transition: color 0.5s;
}

.i-news .list.fr li.hover .detail {
    color: #fff;
}

.i-news .list.fr p.fz16 {
    font-size: 16px;
    line-height: 40px;
    color: #333;
}

.i-news .list.fr p {
    transition: color 0.5s;
}

.i-news .list.fr li.hover p.fz16 {
    color: #fff;
}


/*首页底部*/

.f-list {
    clear: both;
    height: 280px;
    padding-top: 39px;
    background: url(../img/footline.jpg) repeat-x bottom #4A4A48;
}

.f-list .list li {
    width: 175px;
    height: 280px;
    padding-right: 1px;
    background: url(../img/foline.jpg) no-repeat right 13px;
    display: inline;
    text-align: center;
}

.f-list .list li.fi {
    width: 125px;
    text-align: left;
}

.f-list .list li.se {
    width: 210px;
}

.f-list .list li.th {
    width: 180px;
}

.f-list .list li.fo {
    width: 180px;
    padding-right: 0;
}

.f-list .list a {
    display: inline-block;
    float: left;
    width: 100%;
    line-height: 24px;
    color: #b2b2b2;
    transition: color 0.5s;
}

.f-list .list li.th a {
    line-height: 20px;
}

.f-list .list a.tit {
    font-size: 14px;
    line-height: 40px!important;
    color: #fff;
}

.f-list .list a:hover {
    color: #fff;
}

.f-list .tips {
    width: 215px;
    margin-right: 17px;
    line-height: 18px;
    color: #9b9b9b;
    text-transform: uppercase;
}

.f-list .tips p.t {
    font-size: 14px;
    line-height: 40px;
    color: #fff;
}

.f-list .tips p.t a {
    color: #fff;
}

.f-list .tips p.num {
    margin-bottom: 10px;
    font: bold 30px/30px Arial;
    color: #fff;
}

.f-list .tips p.mt28 {
    margin-top: 28px;
    border-top: 1px solid #606060;
    padding: 5px 0;
}

.f-list .share a {
    display: inline-block;
    width: 55px!important;
    height: 52px!important;
    padding: 0!important;
    margin: 0 18px 0 0!important;
}

.f-list .share a.bds_tsina {
    background: url(../img/wx.png) no-repeat!important;
}

.f-list .share a.bds_weixin {
    background: url(../img/wb.png) no-repeat!important;
}

.f-list .share a.bds_tqq {
    margin-right: 0!important;
    background: url(../img/tx.png) no-repeat!important;
}

.f-list .weixin-box {
    bottom: 52px;
    height: 166px;
}

.f-list .weixin-box .main {
    height: 134px;
    padding: 15px 22px 0;
    background: #707070;
}

.f-list .weixin-box li {
    width: 100px;
    height: 134px;
    margin: 0 5px;
    line-height: 34px;
    color: #fff;
    text-align: center;
}

.f-list .weixin-box .bot {
    height: 14px;
    background: url(../img/fojt.png) no-repeat center top;
}

.f-main {
    height: 52px;
    padding-bottom: 8px;
    background: #333;
    line-height: 52px;
    color: #888;
}

.f-main p.fb {
    float: right
}

.f-main a {
    color: #888;
    transition: color 0.5s;
}

.f-main a:hover {
    color: #fff;
}

.f-main .links {
    width: 185px;
    height: 26px;
    margin-top: 16px;
}

.f-main .links p.tit {
    width: 175px;
    height: 24px;
    padding-left: 8px;
    background: url(../img/link.jpg) no-repeat 166px center #333333;
    border: 1px solid #DEDEDE;
    line-height: 24px;
    color: #b2b2b2;
    cursor: pointer;
}

.f-main .links .list {
    left: 0;
    bottom: 26px;
    width: 363px;
    padding-bottom: 5px;
}

.f-main .links .box {
    height: 150px;
    padding-top: 10px;
    border-right: 1px solid #555557;
    margin-top: 14px;
    background: #424244;
}

.f-main .links .box.hover {
    background: #555;
}

.f-main .links .box p {
    min-width: 100px;
    padding-left: 20px;
    line-height: 32px;
    color: #fff;
}

.f-main .links .list-in {
    width: 120px;
}

.f-main .links .box a {
    display: inline-block;
    float: left;
    width: 100px;
    padding: 4px 0 4px 20px;
    border-right: 1px solid #555557;
    line-height: 14px;
    color: #888;
    transition: color 0.5s;
}

.f-main .links .box a:hover {
    color: #fff;
}

p.fr {
    color: #6e6e6e;
}

p.fr a {
    color: #6e6e6e;
}

p.fr span {
    margin: 0 10px;
}

.f-ader {
    width: 100%;
    background: #4A4A48;
    overflow: hidden;
    height: 45px;
    line-height: 45px;
    margin-top: -45px;
    color: #b2b2b2;
}

.f-ader .f-ad ul li {
    margin-right: 20px;
}


/*产品页面*/

.plmore {
    clear: both;
    width: 245px;
    width: 100%;
    margin: 0 0 60px 11px;
    padding-top: 30px;
    animation:bounceInDown 1s;
}

.plmore a {
    display: block;
    width: 245px;
    height: 40px;
    border: 5px solid #E5E5E5;
    margin: 0 auto;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color: #1EB5AE;
}

.plmore a:hover {
    background: #1EB5AE;
    color: #fff;
    border: 5px solid #1EB5AE
}

.plmore a em {
    width: 100px
}

.plmore img {
    position: absolute;
    z-index: 0
}

.plboer {
    background: #F9F9F9
    height: 480px;
    animation:fadeInUp 1s;
}

.plbo {
    padding: 65px 0;
    position: relative;
    cursor:pointer;
    height: 350px;
    overflow: hidden;
}
.plbo .plbot{overflow: hidden;}
.plbo:hover img{transform: scale(1.05);    transition:all 3s;}
.plbo .plbtop {
    background: #1EB5AE;
    background: rgba(30, 181, 174, 0.8);
    opacity: 0.8 \9;
    filter: alpha(opacity=80);
    position: absolute;
    left: 0;
    top: 65px;
    z-index: 1;
    height: 350px;
    width: 480px;
    color: #fff;
}

.plbo .plbtop h3 {
    font-size: 45px;
    text-align: center;
    margin-top: 40px;
    font-weight: bold;
}

.plbo .plbtop h4 {
    font-size: 19px;
    text-align: center;
    margin-top: -5px;
}

.plbo .plbtop p {
    margin: 20px 45px;
}

.plbo .plbtop a {
    display: block;
    width: 130px;
    height: 30px;
    border: 5px solid #EEE;
    line-height: 30px;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    font-size: 16px;
}

.plbo .plbtop a em {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-position: 0 -316px;
    vertical-align: middle;
    margin-left: 5px
}

/*备件页面*/

.bjtj {
    clear: both;
}

.bjtj .inproul ul li {
    margin-bottom: 60px;
}

.bjlister {
    overflow: Hidden;
    margin: 135px auto 55px auto;
}

.bjlister + .bjlister,
.bjlister + .bjlister + .bjlister + .bjlister,
.bjlister + .bjlister +.bjlister + .bjlister +.bjlister + .bjlister {
    background: #F7F7F7;
    padding: 45px 0;
}

.inpro,
.inproul {
    position: relative
}

.inpro .inproul ul li {
    margin-bottom: 60px;
	#animation:bounceInRight 1s;
}

.inproultt {
    width: 840px;
    float: right;
}

.partsli {
    overflow: hidden;
    zoom: 1
}

.inproult .iptleft {
    width: 140px;
    float: left;
    margin-top: 100px;
}

.inproult .iptleft h3 {
    color: #333;
    font-weight: bold;
    font-size: 20px;
}

.inproult .iptleft p {
    font-size: 14px;
    color: #333;
}

.inproult ul {
    width: 840px;
    overflow: hidden;
}

.inproult ul li {
    border: 1px solid #E5E5E5;
    margin-left: 8px;
    position: relative;
    overflow: hidden;
    margin-bottom: 60px;
}

.inproult ul li .img-box img {
    width: 200px;
    height: 200px;
}

.inproult ul li .inprotm {
    overflow: hidden;
}

.inproult ul li .inprotm a h4 {
    width: 200px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #1EB5AE;
    background: #ECEBEB;
    font-size: 16px;
    font-weight: 300
}

.inproult ul li:hover .inprotm a h4 {
    background: #1EB5AE;
    color: #fff;
}

.bjlist .pets-info:after,
.bjlist .pets-info:before {
    content: "";
    display: block !important;
    position: absolute;
    visibility: visible !important;
    background-color: rgba(31, 31, 31, 0.8);
}

.bjtj h3 {
    font-size: 30px;
    font-weight: bold;
    margin: 20px 0;
}


/*产品内容页*/

.pronrleft {
    width: 440px;
    height: 325px;
    float: left;
	animation: bounceInLeft 1s;
}

.pronrright {
    width: 470px;
    height: 325px;
    float: right;
    position: relative;
	animation: bounceInRight 1s;
}

.pronrright p{
	font-size: 14px;
}

.pronrimg {
    position: relative;
    width: 410px;
    height: 320px;
    overflow: hidden;
}

.pronrimg .pic {
    position: relative;
    z-index: 0;
}

.pronrimg .pic img {
    width: 410px;
    height: 320px;
    display: block;
}

.pronrimg .hd {
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center;
    font-size: 0;
    z-index: 1;
}

.pronrimg .hd li {
    float: none;
    margin: 0 5px;
    background-position: 0 -179px;
    height: 4px;
    overflow: hidden;
    width: 33px;
    cursor: pointer;
    display: inline-block;
    *display: inline;
    zoom: 1;
    _background-position: 0 -179px;
}

.pronrimg .hd .on {
    background-position: 0 -171px;
}

.pronrright h1 {
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #434343
}

.pronrright ul {
    overflow: hidden
}

.pronrright ul li {
    list-style: disc;
    color: #1CB6AC;
    color: #4f4f4f;
    line-height: 22px;
    margin-bottom: 5px;
}

.pronrright ul li span {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #1EB5AE;
    margin-right: 10px
}

.pronrright p.projx {
    clear: both;
    font-size: 14px;
    font-weight: bold;
    padding-top: 10px;
    color: #434343
}

.pronrright .proprice {
    position: absolute;
    width: 180px;
    height: 55px;
    line-height: 55px;
    background: #1CB6AC;
    left: 0;
    bottom: 0;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

.pronrright .proprice:hover {
    background: #0BAAA6
}

.pronrright .proprice em {
    display: inline-block;
    width: 35px;
    height: 45px;
    background-position: 0 -185px;
    float: left;
    margin-left: 25px;
}

.pronrright a {
    display: block;
    width: 100%;
    cursor: pointer;
    color: #fff;
}

.pronrright .proprice span {
    margin-left: -10px
}

.pronrright .prodow {
    position: absolute;
    width: 70px;
    height: 55px;
    left: 185px;
    bottom: 0;
    background-color: #F3F3F3;
}

.pronrright .prodow:hover {
    background: #F0F0F0
}

.pronrright .prodow em {
    display: block;
    width: 50px;
    height: 55px;
    background-position: -3px -242px;
}

.pronr-bo {
    background: url(../img/probj.png) no-repeat center;
    color: #fff;
    clear: both;
    height: 190px;
    animation: fadeInUp 1s;
}

.pronrbj h3 {
    padding-top: 35px;
    color: #fff;
    font-size: 30px;
    float: left;
    font-weight: bold
}

.pronrbj .pronrshare {
    float: right;
    margin-top: 30px;
    position: relative
}

.pronrbj .pronrshare ul li {
    float: left;
    margin-left: 40px;
    width: 43px;
    height: 62px;
    position: relative
}

.pronrshare ul li .sub-in {
    left: -235px;
    top: 5px;
    width: 230px;
    background: none;
    position: absolute;
    zoom: 1;
    margin: 0 auto;
    height: 390px;
}

.sub-in {
    height: 390px;
    margin: 0 auto;
}

.bdshare-button-style0-16 {
    zoom: 1
}

.pronrshare a {
    display: block;
    min-width: 36px;
    line-height: 26px;
    color: #fff;
    text-align: center;
}

.pronrshare ul li .sub-in a {
    min-width: 36px;
    width: 35px!important;
    height: 22px!important;
    padding: 0!important;
    margin: 0 1px!important;
    display: block;
    position: relative;
    left: 20px;
    filter: alpha(opacity=0);
    opacity: 0;
    background: url(../img/bg_sign53.png) no-repeat center!important;
    transition: all 0.5s;
    float: left;
    font-size: 12px;
    cursor: pointer;
}

.pronrshare ul li .sub-in a.bds_tsina {
    background: url(../img/bg_sign54.png) no-repeat center!important;
}

.pronrshare ul li .sub-in a.bds_qzone {
    background: url(../img/bg_sign55.png) no-repeat center!important;
}

.pronrshare ul li .sub-in a.bds_tqq {
    background: url(../img/bg_sign56.png) no-repeat center!important;
}

.pronrshare ul li .sub-in a.bds_sqq {
    background: url(../img/bg_sign57.png) no-repeat center!important;
}

.pronrshare ul li .sub-in a.bds_tieba {
    background: url(../img/bg_sign58.png) no-repeat center!important;
}

.pronrshare ul li a.pro-share,
li.proemail a {
    font-size: 14px;
    color: #fff;
    display: block;
    width: 100%;
}

.pronrbj .pronrshare ul li em {
    display: block;
    width: 28px;
    height: 30px;
    background-position: -42px -161px;
    margin-bottom: 5px;
    transition: all .5s
}

.pronrbj .pronrshare ul li em:hover {
    margin-top: -5px;
}

.pronrbj .pronrshare ul li.proemail em {
    width: 35px;
    height: 30px;
    background-position: -75px -161px;
}

.pronr-tab {
    position: relative;
    top: -60px;
    animation: fadeInUp 2s;
}

.pronr-tab .hd {
    overflow: hidden;
    width: 100%;
    animation: fadeInUp 1s;
}

.pronr-tab .hd ul {
    overflow: hidden;
}

.pronr-tab .hd li {
    margin-left: -2px;
    height: 60px;
    text-align: center;
    width: 25%;
    float: left;
    font: normal 14px/60px "Microsoft YaHei";
    _font-weight: bold;
    cursor: default;
    background: url(../img/pronr-listbj.jpg) no-repeat;
    background-size: cover;
    color: #fff;
    border-left: 2px solid #00CCC5;
    cursor: pointer;
    font-size: 16px;
    transition: all .3s
}

.pronr-tab .hd li.on {
    width: 25%;
    background-image: none;
    background-color: #fff;
    color: #1CB6AC;
}

.pronr-tab .hd li a {
    color: #fff;
    display: block
}

.pronr-tab .hd li.on a {
    color: #1CB6AC;
}

.pronr-tab .bd {
    height: auto;
    border-top: 0;
    animation: fadeInUp 1.6s;
}

.pronr-tab .lh {
    overflow: hidden;
    line-height: 30px;
    font-size: 14px;
    padding: 10px 0;
}

.pronr-tabt .lh {
    padding: 55px 0
}

.pronr-tab .lh p {
    line-height: 30px;
    font-size: 14px;
}

.pronr-tabt {
    width: 100%;
    background: #F7F7F7;
}

.lh table {
    text-align: center;
    border-left: 1px solid #C5C5C5;
    border-top: 1px solid #C5C5C5;
    width: 100%;
}

.lh table tr:nth-of-type(odd) {
    background: #EEEEEE;
}

.lh table tr:first-child {
    background: #494949;
    color: #fff;
    border: 1px solid #494949;
    border-right: 2px solid #494949
}

.lh table tr td {
    border-bottom: 1px solid #C5C5C5;
    border-right: 1px solid #C5C5C5;
}

#td,
#cs,
#ly,
#lx {
    height: 40px;
    overflow: hidden;
    position: relative;
    top: -65px
}

#td {
    top: -75px
}

#cs {
    top: -148px
}

#lx {
    top: -88px
}

.pronr-tab .lh .lhny {
    margin-bottom: 30px;
    overflow: hidden;
}

.pronr-tab .lh .lhny h4 {
    font-size: 30px;
    color: #444;
    font-weight: bold;
    float: left
}

.pronr-tab .lh .lhny p {
    float: right;
    width: 145px;
    height: 33px;
    background: #F2F2F2;
    border: 1px solid #DBDBDB;
    text-align: center;
    cursor: pointer;
    transition: all .5s
}

.pronr-tab .lh .lhny p em {
    display: inline-block;
    width: 18px;
    height: 16px;
    background-position: -58px -268px;
    margin-bottom: -2px;
    padding-left: 15px;
    transition: all .5s
}

.pronr-tab .lh .lhny p:hover {
    background: #1CB6AC;
    color: #fff;
    border: 1px solid #1CB6AC
}

.pronr-tab .lh .lhny p:hover em {
    background-position: -58px -240px
}

.pronr-tab .lh li .p-name {
    height: 36px;
    line-height: 18px;
    word-break: break-all;
    word-wrap: break-word;
    overflow: hidden;
}

.pronr-tab .lh li .p-price {
    color: #999;
}

.pronr-tab .lh li .p-price strong {
    color: #c00;
    font-size: 14px;
    font-family: verdana;
}

.proly {
    margin-top: -60px;
    animation: fadeInUp 1.6s;
}

.prolyo h3,
.inpronr h3,
.contact h3 {
    font-size: 30px;
    font-weight: bold;
    color: #444;
    margin-bottom: 30px
}

.inpronr h3 {
    margin-top: 30px;
}

.prolyo h3 {
    margin-top: 10px
}
.prolyo p {
    font-size: 14px;
}
.contact h3 {
    margin-top: -15px;
    margin-bottom: auto
}

.yyly {
    width: 980px;
    height: 230px;
    margin: 15px auto 35px auto;
    position: relative;
}

.yyly .prev,
.yyly .next,
.inpronr .prev,
.inpronr .next,.inproul .prev,.inproul .next,.ab-ry .prev,.ab-ry .next {
    width: 25px;
    height: 32px;
    position: absolute;
    top: 210px;
    left: 0;
    z-index: 100;
    cursor: pointer;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.inproul .prev:hover,.inproul .next:hover{opacity:1;filter:alpht(opacity=10)}
.yyly .prev,
.inpronr .prev,.inproul .prev,.ab-ry .prev {
    bottom: 89px;
    left: -45px;
    top: 105px;
    background-position: -7px -347px;
}
.yyly .next,
.inpronr .next,.inproul .next,.ab-ry .next {
    left: auto;
    right: -45px;
    top: 105px;
    background-position: -40px -347px
}
.ab-ry .prev,.ab-ry .next{top:350px;display: none;}
.inpronr .prev {
    top: 105px;
}

.inpronr .next {
    top: 105px;
}

.yyly .scrollWrap {
    padding-top: 15px;
    position: absolute;
}

.yyly dl {
    float: left;
    width: 230px;
    margin-right: 20px;
    text-align: center;
    position: relative;
}

.yyly span {
    display: block;
    width: 230px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #333;
    filter: alpha(opacity=60);
    opacity: 0.60;
}

.yyly em {
    display: block;
    width: 40px;
    height: 40px;
    bottom: 0;
    right: 0;
    position: absolute;
    background-position: 0 -385px
}

.yyly dt {
    margin: 0 auto;
    width: 230px;
    overflow: hidden;
}

.yyly img {
    display: block;
    width: 230px;
    height: 210px;
    transition: .5s all
}

.yyly dl img:hover {
    transform: scale(1.02, 1.02);
    -moz-transform: scale(1.02, 1.02);
    -ms-transform: scale(1.02, 1.02);
    -o-transform: scale(1.02, 1.02);
    -webkit-transform: scale(1.02, 1.02);
    opacity: 0.9;
}

.yyly dd {
    width: 230px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
}

.yyly dd a {
    color: #fff;
}

.yyly dd a:hover {
    text-decoration: none;
}


/*contact*/

.contacter {
    background: #F7F7F7;
    overflow: hidden;
}

.contact {
    margin: 90px auto;
    overflow: hidden;
}

.conleft {
    float: left;
    width: 370px;
    border-right: 1px solid #D2D2D2;
    font-size: 14px;
    animation: fadeInLeftBig 1s;
}

.conleft h1 {
    font-size: 30px;
    font-weight: bold;
    color: #434343;
    margin-top: -15px
}

.conleft ul li {
    float: none;
    line-height: 35px;
}

.conleft p.conqq i:before {
    content: "\e606";
}

.conleft p.conqq {
    font-size: 12px;
    margin-top: 20px;
    cursor: pointer;
    padding-top: 13px
}

.conleft p.conqq em {
    font-style: normal;
    display: inline-block;
    width: 115px;
    height: 30px;
    background: #1DB6AD;
    line-height: 30px;
    text-align: center;
}

.conleft p.conqq em i {
    padding-right: 5px
}

.conleft p.conqq a {
    color: #fff;
    font-size: 14px
}

.conleft p.conqq a:hover {
    color: #434343;
}

.conright {
    float: right;
    width: 540px;
    animation: fadeInRightBig 1s;
}

.conright ul {
    overflow: hidden;
}

.conright ul li {
    width: 45%;
    position: relative;
    margin-bottom: 15px;
    margin-left: 30px;
}

.conright ul li.no-left {
    margin-left: 0;
}

.conright ul li input {
    height: 35px;
    line-height: 35px;
    width: 90%;
    padding: 5px 5%;
    color: #bcbcbc;
    border: 1px solid #E5E5E5
}

.conright ul li span {
    position: absolute;
    left: 7%;
    font-size: 14px;
    top: 6px;
}

.conright ul li textarea {
    width: 493px;
    padding: 5px 5%;
    color: #bcbcbc;
    height: 65px;
    border: 1px solid #E5E5E5
}

.conright .tj input.ptj {
    width: 86px;
    height: 40px;
    background: #1DB6AD;
    border: none;
    color: #fff;
    font-size: 16px;
    margin-right: 10px;
    transition: all .3s
}

.conright .tj input.reset {
    background: #B8B8B8
}

.conright .tj input.ptj:hover {
    background: #4A4A48
}

.tj .yzm {
    position: relative;
    display: inline-block;
    margin-right: 78px
}

.tj .yzm img {
    position: absolute;
    right: 38px;
    top: 7px
}

.tj .yzm em {
    display: block;
    width: 19px;
    height: 19px;
    background-position: 0 -631px;
    position: absolute;
    right: 12px;
    top: 9.5px;
    cursor: pointer;
}

.tj .yzm {
    width: 198px;
    height: 38px;
    border: 1px solid #B8B8B8
}

.tj .yzm input {
    width: 190px;
    height: 38px;
    border: none;
    padding-left: 8px;
    font-size: 14px;
    color: #bcbcbc
}


/*contact end*/


/*newslist*/

.nl-top {
    overflow: hidden;
}

.nt-left {
    float: left;
    width: 465px;
    height: 355px;
    overflow: hidden;
}

.nt-left {
    color: #fff;
}

.nt-left a {
    color: #fff;
}

.nt-left .nl-top {
    overflow: hidden
}

.nt-left .nl-top a img {
    width: 465px;
    height: 235px;
    transition: all .3s;
}

.nt-left .nl-top a img:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.nt-left .nlt-bo {
    width: 450px;
    height: 95px;
    background: #00A49C;
    padding: 15px;
    overflow: hidden;
}

.nt-left .nlt-bo .nb-left {
    width: 80px;
    text-align: center;
    border-right: 1px solid #42BCB6;
    float: left;
}

.nt-left .nlt-bo .nb-left h5,
.nl-bo ul li .nl-date h5 {
    font-size: 50px;
    font-weight: bold;
    line-height: 61px;
    padding: 0;
    margin: 0;
}

.nt-left .nlt-bo .nb-left span,
.nl-bo ul li .nl-date h5 span {
    font-size: 14px;
}

.nb-left span {
    margin-top: -5px
}

.nt-left .nlt-bo .nb-right {
    width: 360px;
    float: right;
}

.nt-left .nlt-bo .nb-right h2 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: -5px
}

.nt-right {
    float: right;
    width: 515px;
    height: 350px;
}

.nt-right dl {
    background: #F7F7F7;
    padding: 10px 20px;
    height: 98.6px;
    overflow: hidden;
    cursor:pointer;
}

.nt-right dl:first-child + dl {
    background: #fff;
}

.nt-right dl dt {
    overflow: hidden;
    margin-bottom: 14px
}

.nt-right dl dt a h3 {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    float: left;
    transition: color .3s;
}

.nt-right dl dt span {
    float: right;
    margin-right: 90px;
    line-height: 32px
}

.nt-right dl dd {
    line-height: 22px;
    color: #666;
    font-size:13px;
}

.nt-right dl:hover {
    background: #1CB6AC;
    color: #fff;
    transition: all .3s
}

.nt-right dl:hover dd {
    color: #fff;
    transition: all .3s
}

.nt-right dl:first-child + dl:hover {
    background: #1CB6AC
}

.nt-right dl:hover a h3 {
    color: #fff;
}

.nl-bo {
    margin-top: 80px;
}

.nl-bo ul.new-list li {
    padding: 27px 18px;
    position: relative;
    width: 938px;
    border: 1px solid #fff;
    border-bottom: 1px solid #EBEBEB;
    cursor:pointer;
}

.nl-bo ul.new-list li:hover {
    border: 1px solid #1CB6AC;
}

.nl-bo ul li:hover .nl-date h5 {
    color: #1CB6AC;
    transition: .3s all;
}

.nl-bo ul li:hover .nl-date span {
    color: #1CB6AC;
    transition: .3s all;
}

.nl-bo ul li:hover .nl-date em {
    background-position: -6px -455px;
    transition: .3s all;
}

.nl-bo ul li a img {
    float: left;
    width: 260px;
    height: 130px;
}

.nl-bo ul li .nl-libody {
    float: left;
    width: 550px;
    margin-left: 25px;
}

.nl-bo ul li .nl-libody h4 a{
    font-size: 20px;
    color: #333;
    font-weight: bold;
    transition: .3s all;
}

.nl-bo ul li .nl-libody h4 a:hover {
    color: #1CB6AC;
}

.nl-bo ul li .nl-libody p{
    max-height: 48px;
    overflow: hidden;
}

.nl-bo ul li .nl-libody p a{
    color: #666;
    font-size:13px;
}

.nl-bo ul li .nl-libody p a:hover{
    color: #00a49c
}


.nl-bo ul li .nl-date {
    position: absolute;
    right: 20px;
    top: 60px
}

.nl-date span {
    line-height: 30px;
}

.nl-bo ul li .nl-date h5 {
    margin-left: -2px;
}

.nl-bo ul li .nl-date em {
    width: 15px;
    height: 15px;
    background-position: -38px -455px;
    display: block;
    margin-top: 5px;
}

.nl-bo .nl-share {
    position: absolute;
    left: 310px;
    bottom: 20px;
    width: 135px;
    height: 27px;
    line-height: 27px;
    border-radius: 27px;
    -moz-border-radius: 27px;
    border: 1px solid #F1F1F1;
    margin-top: 25px;
}

.nl-bo .nl-share p {
    float: left;
    color: #666;
    border-right: 1px solid #E5E5E5;
    width: 80px;
}

.nl-bo .nl-share p em {
    width: 20px;
    height: 27px;
    background-position: -6px -426px;
    display: block;
    float: left;
    margin: 0 5px 0 20px;
}

.nl-bo .nl-share p.nl-sharet {
    width: 54px;
    float: right;
    border: none;
}

.nl-bo .nl-share p.nl-sharet em {
    width: 15px;
    height: 27px;
    margin: 0 auto;
    display: block;
    background-position: -82px -425px;
    float: left;
    margin-top: -5px
}


/*新闻内容页*/

.newsnr h1 {
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #1CB6AC;
    margin-top: -30px;
}

.newsnr .nnjs {
    border-bottom: 1px solid #EBEBEB;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.newsnr .nnjs ul {
    text-align: center;
    width: 100%;
}

.newsnr .nnjs ul li {
    float: none;
    display: inline;
    margin-right: 30px;
}

.newsnr .nnjs ul li i {
    margin-right: 10px;
}

.nrtime i:before {
    content: '\e6f0'
}

.nrlm i:before {
    content: '\e665'
}

.nrcs i:before {
    content: '\e639'
}

.newsnr .nnbody img {
    margin: 15px 0;
}
.newsnr .nnbody p {
    font-size:14px;
}

.newsnr .nnsx {
    position: relative;
    overflow: Hidden;
    margin: 30px 0 100px 0;
    border-top: 1px solid #EBEBEB;
    padding-top: 30px;
}

.newsnr .nnsx p em {
    width: 24px;
    height: 24px;
    background-position: -205px -630px;
    margin-right: 10px;
    transition: all .5s;
    vertical-align: bottom
}

.newsnr .nnsx p:hover em {
    background-position: -232px -630px
}

.nnsx ul li {
    float: none;
    line-height: 30px;
    font-size:14px;
}

.nnsx a {
    color: #666;
}

.nnsx a:Hover {
    color: #1CB6AC;
}

.nnsx p {
    position: absolute;
    right: 0;
    top: 39px;
}

.newsnr .nnsx em {
    font-style: normal;
}

.nbblist {
    background: #F7F7F7;
    overflow: hidden;
}

.nn-bo {
    float: left;
    overflow: hidden;
}

.nn-bo:hover {
    color: #fff;
    background: #1CB6AC;
}

.nn-bo {
    color: #4e4e4e;
}

.nn-bo a {
    color: #4e4e4e;
}

.nn-bo .nlt-bo:hover {
    background: #00A49C
}

.nn-bo .nlt-bo:hover .nb-left h5,
.nn-bo .nlt-bo:hover .nb-left span,
.nn-bo .nlt-bo:hover .nb-right h4,
.nn-bo .nlt-bo:hover .nb-right p {
    color: #fff
}

.nn-bo .nlt-bo:hover .nb-left span {
    text-decoration: underline;
}

.nn-bo .nl-top {
    overflow: hidden
}

.nn-bo .nl-top a img {
    width: 310px;
    height: 155px;
    transition: all .3s;
}

.nn-bo .nl-top a img:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.nn-bo .nlt-bo {
    width: 300px;
    height: 60px;
    padding: 20px 5px;
    overflow: hidden;
    background: #fff
}

.nn-bo .nlt-bo .nb-left {
    width: 50px;
    text-align: center;
    float: left;
}

.nn-bo .nlt-bo .nb-left h5,
.nl-bo ul li .nl-date h5 {
    font-size: 36px;
    font-weight: bold;
    line-height: 35px;
    padding: 0;
    margin: 0;
    color: #3F3F3F;
}

.nn-bo .nlt-bo .nb-left h5 {
    color: #1CB6AC
}

.nl-bo ul li .nl-date h5 {
    font-family: Impact;
    font-size: 50px;
    line-height: 50px;
}

.nn-bo .nlt-bo .nb-left span,
.nl-bo ul li .nl-date h5 span {
    font-size: 14px;
    color: #1CB6AC;
}

.nn-bo .nlt-bo .nb-right {
    width: 220px;
    float: right;
    padding-right: 10px;
}

.nn-bo .nlt-bo .nb-right h4 {
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    font-weight: 500;
    margin-bottom: 5px;
    color: #4e4e4e;
}

.nn-bo .nlt-bo .nb-right p {
    height: 50px;
    overflow: hidden;
    font-size:12px;
    line-height:22px;
    color: #aaa;
}

.nnbody {
    overflow: hidden;
}

.nnbody .bdsharebuttonbox a {
    display: inline-block;
    float: left;
    width: 35px!important;
    height: 22px!important;
    padding: 0!important;
    background: url(../img/bg_sign30.png) no-repeat!important;
    margin: 0 1px!important;
    margin-top: 20px;
}

.nnbody .bdsharebuttonbox a:hover {
    background-position: 0 -22px!important;
}

.nnbody .bdsharebuttonbox .bds_tsina {
    background-position: 0 -44px!important;
}

.nnbody .bdsharebuttonbox .bds_tsina:hover {
    background-position: 0 -66px!important;
}

.nnbody .bdsharebuttonbox .bds_qzone {
    background-position: 0 -88px!important;
}

.nnbody .bdsharebuttonbox .bds_qzone:hover {
    background-position: 0 -110px!important;
}

.nnbody .bdsharebuttonbox .bds_tqq {
    background-position: 0 -132px!important;
}

.nnbody .bdsharebuttonbox .bds_tqq:hover {
    background-position: 0 -154px!important;
}

.nnbody .bdsharebuttonbox .bds_sqq {
    background-position: 0 -176px!important;
}

.nnbody .bdsharebuttonbox .bds_sqq:hover {
    background-position: 0 -198px!important;
}

.nnbody .bdsharebuttonbox .bds_tieba {
    background-position: 0 -220px!important;
}

.nnbody .bdsharebuttonbox .bds_tieba:hover {
    background-position: 0 -242px!important;
}

.bdsharebuttonbox .bds_more {
    background-image: none!important;
    width: 100%!important
}


/*关于我们*/

.ab-bo {
    padding-bottom: 85px;
	animation:fadeInUp 1s;
}

.ab-bo h4 {
    margin-top: 121px
}

.ab-bo p.culturet {
    margin-bottom: 32px
}

.about {
    color: #999;
    font-size: 13px;
}

.about p {
    text-indent: 2em
}

.about h1 {
    font-size: 33px;
    font-weight: bold;
    color: #1db6ad;
    line-height: 40px;
}

.about .abtop {
    overflow: hidden;
}

.abtop span {
    padding-bottom: 25px;
    color: #c4c4c4;
    font-size: 12px;
}

.abtop p {
    line-height: 23px
}

.abtop img{
    animation: fadeInLeftBig 1s;
}
.abtop p.abline {
    line-height: 60px;
    height: 45px;
    text-indent: 0;
    color: #B9B9B9
}

.abtop p.ablinet {
    margin-top: 20px;
    padding-bottom: 35px;
    border-bottom: 1px solid #E2E2E2;
    line-height: 23px;
}

.abtop .atright {
    width: 480px;
    float: right;
    animation: fadeInRightBig 1s;
}

.abtop .factoryimg {
    float: left;
    width: 465px;
    height: 245px;
    margin-right: 35px;
}

.abcenter {
    margin: 30px 0 37px 0;
    border-bottom: 1px solid #E2E2E2;
    padding-bottom: 40px;
    animation: fadeInRightBig 1s;
}

.aboleft p:nth-child(2) {
    margin-bottom: 28px;
}

.aboleft {
    float: left;
    width: 400px;
    animation: fadeInLeftBig 1s;
}

.aboright {
    float: right;
    width: 560px;
    position: relative;
    height: 250px;
    overflow: hidden;
    margin-top: 5px;
    animation: fadeInRightBig 1s;
}

.aboright img {
    position: absolute;
}

.aboright img.at1 {
    top: 0;
    left: 0;
}

.aboright img.at2 {
    top: 0;
    left: 325px;
}

.aboright img.at3 {
    bottom: 0;
    left: 325px;
}


/*企业文化 -关于我们*/

.about .culture {
    text-align: center;
    clear: both;
    overflow: hidden;
}

.culture h3{
    animation: fadeInUp 1s;
}
.culture p{
    animation: fadeInUp 1s;
    font-size:14px;
}
.culture ul.hd {
    overflow: hidden;
}

.culture ul.hd li {
    background: url(../img/culture.png) no-repeat;
    background-position: 0 -155px;
    width: 140px;
    height: 155px;
    line-height: 135px;
    text-align: center;
    margin-left: 70px;
    transition: all .5s;
}

.culture ul.hd li:nth-child(1) {
    margin-left: 0;
    animation: fadeInRightBig 1s;
}

.culture ul.hd li:nth-child(2){
    animation: fadeInRightBig 1.2s;
}

.culture ul.hd li:nth-child(3){
    animation: fadeInRightBig 1.4s;
}
.culture ul.hd li:nth-child(4){
    animation: fadeInRightBig 1.6s;
}

.culture ul.hd li:nth-child(5){
    animation: fadeInRightBig 1.8s;
}

.culture ul.hd li:hover {
    background-position: 0 0;
    cursor:pointer;
}

.culture ul.hd li:hover a {
    color: #fff
}

.culture ul.hd li a {
    font-size: 15px;
    color: #343434;
}

.culture .bd {
    animation: fadeInUp 2s;
}

.culture .bd ul {
    width: 832px;
    margin: 0 auto
}

.cul-text {
    overflow: hidden;
    border: 1px solid #EBEBEB;
    height: 140px;
    width: 630px;
    padding: 30px 100px;
    margin: 100px auto;
    position: relative;
}

.cul-text h4 {
    font-size: 16px;
    font-weight: bold;
    color: #444;
    text-align: center;
    margin-bottom: 10px
}

.cul-text em {
    display: block;
    width: 50px;
    height: 50px;
    position: absolute
}

.cul-text em.cul1 {
    background-position: 0 -511px;
    top: 30px;
    left: 40px
}

.cul-text em.cul2 {
    background-position: -56px -511px;
    right: 40px;
    bottom: 30px
}

.ab-bo .hd {
    width: 100%;
    position: absolute;
    bottom: -45px;
    text-align: center;
    font-size: 0;
    z-index: 1;
}

.ab-bo .hd li {
    margin: 0 5px;
    background: url(../img/dot.png) no-repeat 0 -16px;
    height: 16px;
    overflow: hidden;
    width: 16px;
    cursor: pointer;
    display: inline-block;
    *display: inline;
    zoom: 1;
    _background: url(../img/dot8.png) no-repeat 0 -16px;
    float: none;
}

.ab-bo .hd .on {
    background-position: 0 0;
}

.ab-bo .yyly {
    height: 320px;
}

.ab-bo .yyly dl {
    width: 310px;
    margin-left: 0;
}

.ab-bo .yyly dl {
    margin-right: 25px;
}

.ab-bo .yyly span {
    width: 310px;
}

.ab-bo .yyly dt {
    width: 310px;
}

.ab-bo .yyly img {
    width: 310px;
    height: 320px;
}

.ab-bo .yyly dd {
    width: 310px;
}

.ab-ryer {
    background: url(../img/honbac.jpg) no-repeat;
    height: 650px;
    animation: fadeInUp 1s;
}
.ab-ry{position:relative}
.ab-ry h3 {
    color: #fff;
    padding-top: 50px;
    overflow: hidden;
}

.ab-ry p.ab-ryt {
    color: #fff;
}

.ab-ry ul {
    margin-top: 70px;
}

.ab-ry ul li {
    width: 230px;
    height: 325px;
    margin-right: 20px;
    position: relative;
    animation: fadeInRight 1s;
}

.ab-ry ul li:hover .ab-show {
    opacity: 1;
    transition: all .5s;
}

.ab-ry ul li .ab-show {
    opacity: 0;
    width: 156px;
    height: 184px;
    background: url(../img/tk.png);
    position: absolute;
    left: 40px;
    top: 70.5px;
}

.ab-ry ul li .ab-show i {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    background-position: -115px -535px;
    left: 68px;
    top: 104px;
}

.ab-ry ul li .ab-show h5 {
    color: #fff;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    margin-top: 50px;
}

.ab-ry ul li:first-child {
    margin-left: 0;
}

.ab-ry ul li a img {
    width: 230px;
    height: 325px;
    position: relative;
}

.culture {
    overflow: hidden;
}

.abbottom {
    overflow: hidden;
}

.historyer {
    background: url(../img/hisbac.jpg) no-repeat;
    height: 660px;
    overflow: hidden;
    margin: 90px auto;
    animation: fadeInUp 1s;
}

.history h3 {
    color: #FFF;
    margin-top: 60px;
}

p.historyt {
    color: #FFF;
    text-align: center;
}

.history .bd {
    width: 700px;
    margin: 110px auto 0 auto;
    overflow: hidden;
}

.history .hdtt {
    background: url(../img/hisline.png) no-repeat;
    height: 30px;
    margin-top: 160px;
}

.history .hdtt li:first-child {
    margin-left: 20px;
}

.history .hdtt li {
    float: left;
    width: 36px;
    margin-left: 64px;
    padding-top: 40px;
    text-align: center;
}

.history .hdtt li a {
    color: #fff;
    font-size: 16px;
    transition: all 0s;
}

.history .hdtt li.on {
    margin-top: -10px;
    background: url(../img/hislinet.png) top center no-repeat;
}

.history .hdtt li.on a {
    font-size: 23px;
    font-weight: bold;
    margin-left: -10px;
}

.history .hl {
    float: left;
    border-right: 2px solid #FFF;
    height: 60px;
    line-height: 60px;
    width: 130px;
    text-align: center;
    font-size: 25px;
    color: #fff;
}

.history .hr {
    float: right;
    height: 60px;
    overflow: hidden;
    width: 540px;
    padding-left: 28px;
    font-size: 15px;
    color: #fff;
}

.hss {
    position: relative
}

.hss .prev1,
.hss .next1 {
    width: 60px;
    height: 90px;
    margin: -60px 0 0;
    background: url(../img/ad_ctr.png) no-repeat 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999px;
    filter: alpha(opacity=20);
    opacity: 0.2;
}

.hss .prev1 {
    left: 0;
}

.hss .next1 {
    background-position: 0 -90px;
    right: 0;
}

.hss .prev1:hover,
.hss .next1:hover {
    filter: alpha(opacity=50) !important;
    opacity: 0.5 !important;
}


/*人才招聘*/
.zp {
	margin-bottom: 50px;
}
.zp table {
    width: 100%;
    font-size: 14px
}

.zp table tr:first-child {
    background: #1db6ad;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    border: none;
    font-weight: bold
}

.zp table tr {
    border: 1px dashed #f2f2f2;
    height: 55px;
    line-height: 55px;
    cursor: pointer;
}

.zp table tr:nth-of-type(2) {
    border-top: none;
}
.zp table tr:hover {
	color:#1cb6ac;
}

.zp table tr td {
    width: 25%
}

.zp table tr td:first-child {
    padding-left: 30px
}

.zp .b1 {
    display: none
}

.zp .zpnr {
    max-height: 300px;
    overflow-y: scroll;
    line-height: 30px;
}

.rcbo {
    overflow: hidden;
    margin: 80px auto;
}

.rcboleft {
    width: 655px;
    height: 325px;
    float: left;
    position: relative;
}

.rcboleft img {
    width: 655px;
    height: 325px;
}

.rcboright {
    width: 215px;
    height: 245px;
    float: right;
    border: 10px solid #f2f2f2;
    border-left: none;
    padding: 30px 50px;
}

.rcboright h3 {
    font-size: 20px;
    font-weight: bold;
    color: #7f7f7f;
}

.rrmore {
    border: 3px solid #1cb6ac;
    overflow: Hidden;
    width: 140px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 16px;
    margin-top: 15px;
}

.rrmore a {
    color: #1db6ad;
}

.rrmore em {
    width: 15px;
    height: 21px;
    background-position: -7px -445px;
    margin-left: 7px;
}

.rcboright ul {
    font-size: 14px;
    margin-top: 15px;
    overflow: hidden;
}

.rcboright ul li {
    float: none;
}

.rcboleft .rlt {
    position: absolute;
    background: #1cb6ac;
    background: rgba(28, 182, 172, 0.8);
    filter: Alpha(opacity=80);
    height: 325px;
    width: 325px;
    left: 0;
    top: 0;
    animation: fadeInLeftBig 1s
}

.rlt .rltt {
    width: 220px;
    margin: 0 auto;
    position: relative;
    color: #fff;
}

.rltt h4 {
    font-size: 33px;
    font-weight: bold;
    margin: 50px 0 15px 0;
}

.rltt h5 {
    font-size: 18px;
    font-weight: bold;
}


/*技术服务*/
.jsfw h3,.jsfw p{
	animation: fadeInUp 1s;
}
.jsfwbody {
    margin: 55px 0 80px 0;
    font-size: 14px;
	animation: fadeInUp 1s;
}

.jsfwlister {
    background: #1DB6AD;
    height: 380px;
	animation: fadeInUp 1s;
}

.jsfwlist ul {
    padding-top: 80px;
    overflow: Hidden;
}

.jsfwlist ul li {
    width: 245px;
    text-align: center;
    animation: fadeInUp 1s;
}

.jsfwlist ul li p {
    color: #fff;
    width: 170px;
    margin: 0 auto
}

.jsfwlist h5 {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin: 15px 25px
}

.jsfwlist img {
    width: 124px;
    height: 124px;
    transition: all .7s
}

.jsfwlist ul li:hover img {
    transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
}

.faq {
    margin: 70px auto 60px auto;
    overflow: hidden;
}

.faq ul.faqul li {
    font-size: 14px;
    width: 100%;
    animation: fadeInUp 1s;
}

.faq ul.faqul li .faqtop {
    padding: 22px 0;
    overflow: hidden;
    border-bottom: 1px solid #D8D7D5;
    cursor: pointer;
}

.faq ul.faqul li span {
    float: right;
    margin-right: 40px;
}

.faq ul.faqul li a {
    font-size: 14px;
    color: #7f7f7f;
    float: left;
    margin-left: 15px
}

.faq ul.faqul li i {
    width: 32px;
    height: 32px;
    background-position: -32px -579px;
    float: left;
    margin-left: 15px;
    transition: all .3s
}

.faq ul.faqul li em {
    float: right;
    background-position: -89px -670px;
    margin-right: 25px
}

.faq ul.faqul li .faqtop:Hover {
    background: #1DB6AD
}

.faq ul.faqul li .faqtop:Hover a,
.faq ul.faqul li .faqtop:Hover span {
    color: #fff;
    transition: all .3s
}

.faq ul.faqul li:Hover i {
    background-position: 0 -579px;
}

.faq ul.faqul li:Hover em {
    background-position: -73px -670px;
    color:#fff;
}

.faq .pages {
    padding: 45px 0 0;
    margin-bottom: 0
}

.faqbody {
    width: 88%;
    margin: 15px auto;
    background: #F4F4F4;
    overflow: hidden;
    padding: 20px;
    display: none
}

.saleer {
    height: 515px;
    background: #F4F4F4;
	animation: fadeInUp 1s;
	#margin-top: 50px;
}

.sale {
    position: relative;
    height: 515px;
    background: url(../img/country.jpg) no-repeat
}

.sale-con {
    width: 295px;
    height: 265px;
    background: #aaa;
}

.sale-con h3 {
    font-size: 33px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 45px 0 10px 0
}

.sale-con p {
    color: #fff;
    width: 245px;
    font-size: 13px;
    margin: 0 auto
}

.sale-tel {
    position: absolute;
    top: 338px;
    left: 0;
    width: 295px
}

.sale em.sale-telimg {
    width: 65px;
    height: 75px;
    background-position: -118px -579px
}

.sale-tel p {
    position: absolute;
    left: 70px;
    top: -10px;
    font-size: 32px;
    color: #253036
}

.sale-tel span {
    position: absolute;
    left: 70px;
    top: 35px;
    font-size: 20px;
    color: #253036
}
/*prolist*/

.fenlei {
    width: 20%;
    float: right;
    position: relative;
}

.fenlei-onmouse {
    background-color: #000;
    color: #fff;
    width: 100%;
    margin-left: 0%;
    text-align: center;
    padding: 15px 0;
    text-transform: uppercase;
    font-size: 18px;
}

.fenlei ul {
    padding-bottom: 20px;
    background-color: #000;
    position: absolute;
    z-index: 999;
    width: 100%;
    border-right: 0 solid #FFF;
}

.fenlei ul li {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: #000;
    text-align: center;
    position: relative;
    cursor: pointer;
}

.fenlei ul li em {
    width: 8px;
    height: 8px;
    right: 20%;
    top: 22px;
    z-index: 999;
    opacity: 0;
    display: block;
    position: absolute;
    border-radius: 50%;
    transition: all .5s;
    transform: translateX(30px);
    background-color: #cbb99b;
}

.fenlei ul li:hover em {
    transform: translateX(1px);
    opacity: 1
}

.fenlei ul li a {
    color: #bcbcb8;
    font-size: 16px;
    width: 100%;
    display: block;
}

.fenlei ul li a:hover {
    color: #cbb99b;
}

.fenlei ul.sub {
    display: none;
}

.prolist-head {
    position: relative;
}

.prolist-h1 {
    position: absolute;
    width: 50%cursor: pointer;
    height: 108px;
}

.prolist-h2 {
    position: absolute;
    width: 50%cursor: pointer;
    height: 108px;
}


/*prolist end*/

.nav-box {
    background-color: #fff;
    padding: 0 0 62px 0;
    text-align: center;
    width: 100%;
}
.w980 {
    margin: 0 auto;
    position: relative;
    width: 980px;
}

.nav-box a {
    border: 1px solid #e9e9e9;
    border-radius: 22px;
    display: inline-block;
    font-size: 14px;
    height: 46px;
    line-height: 46px;
    margin: 5px 10px;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 200px;
    color: #666;
}

.nav-box a:hover, .nav-box a.hover {
    background-color: #1cb6ac;
    border: 1px solid #1cb6ac;
    color: #fff;
}