@charset "UTF-8";



        .p1-search-1 {
            background: #f2f2f2;
            height: 82px;
            border-bottom: 1px solid #eee;
            overflow: hidden;
            font-size: 14px;
        }
        
        .p1-search-1 p {
            color: #444;
            line-height: 82px;
        }
        
        .p1-search-1 a {
            color: #444;
            display: inline-block;
            margin-right: 15px;
        }
        
        .p1-search-1-inp {
            width: 270px;
            height: 30px;
            border-radius: 20px;
            background: #fff;
            padding-left: 10px;
            margin-top: 28px;
        }
        
        .p1-search-1-inp input {
            border: 0;
        }
        
        .p1-search-1-inp1 {
            width: 224px;
            height: 30px;
            line-height: 30px;
            color: #a9a9a9;
            float: left;
        }
        
.listBanner img {
    
    background-poisitn:center;
}
        .p1-search-1-inp2 {
            width: 30px;
            height: 30px;
            background: url(../images/viskins-p1.png) no-repeat -258px -936px;
            float: right;
            cursor: pointer;
        }
/*雪碧图*/

.sp {

    position: relative;

    display: inline-block;

    background-image: url(../images/sprite_1.png);

    background-repeat: no-repeat;

    vertical-align: sub;

}



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

/*图片放大*/

.img-plus{vertical-align: top; -webkit-transition: .5s; -o-transition: .5s; transition: .5s;}

.img-plus:hover{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}



/*按钮*/

.com-more{position: relative; z-index: 1; display: inline-block; width: 130px; height: 30px; line-height: 30px; border-radius: 15px; text-align: center; color: #e9303c; border: 1px solid #e9303c; font-size: 16px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}

.com-more .sp-r {margin-left: 5px; width: 32px;height: 18px;background-position: 0 -57px;vertical-align: text-bottom;-webkit-transition: .3s;

-o-transition: .3s;

transition: .3s;}

.com-more:hover .sp-r,

.more:hover .com-more .sp-r {background-position: -32px -57px;}

.com-more:hover,

.more:hover .com-more {

    color: #fff;

    background: #e9303c;

}



.pic {

    position: relative;

}

.pic .cover {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}








/*内页样式*/

/*Page banner 开始*/

.page-banner {

    position: relative;

    width: 100%;

    height: 500px;

    overflow: hidden;

    background-color: #ededed;

    background-position: center!important;

    background-attachment: initial!important;

}

@media screen and (max-width: 1400px) {

    .page-banner {

        height: 400px;

    }

}

.page-banner .ban-tit {

    position: absolute;

    left: 50%;

    top: 50%;

    width: 1920px;

    margin-left: -560px;

    margin-top: -56px;

}

.page-banner .ban-tit-2 {

    margin-top: -70px;

}

.page-banner .ban-tit h3 {

    font-size: 36px;

    /*color: #DCDCDC;*/

    color: #333;

    line-height: 1;

}

.page-banner .ban-tit p {

    margin-top: 30px;

    font-size: 16px;

    /*text-transform: uppercase;*/

    line-height: 1.75;

}

.page-banner .tit-9,

.page-banner .tit-10,

.page-banner .tit-12 {

    color: #fff;

}

.page-banner .tit-10 {

    margin-left: -490px;

    margin-top: -90px;

}

.page-banner .tit-9 h3,

.page-banner .tit-10 h3,

.page-banner .tit-12 h3 {

    color: #fff;

}

.page-banner.on {

    margin-bottom: 60px;

}

.page-banner .center-tit {

    text-align: center;

    width: 100%;

    left: 0;

    margin-left: 0;

    margin-top: -95px;

}

.page-banner .center-tit .more {

    display: inline-block;

    margin-top: 30px;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

    opacity: .8;

}

.page-banner .center-tit .more:hover {



    opacity: 1;

}



/*new*/

/*.pbanner{ position:relative; overflow:hidden; height: auto;}

.pbanner .pic{ position:absolute; top:0; left:0;  height: auto;}

.picw img { transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 0; }

.trans-1 img { transition: all 1s cubic-bezier(0.165, 0.74, 0.44, 1) 0s; }



.pbtxts{ position:absolute; left:0; right:0; z-index:99; top: 42%; color:#333; text-align:center; }

.pbtxts .ch{ font-size:16px; }

.pbtxts .en{ font-size:72px; line-height:0.8; font-family: 'moolbor'; text-transform:uppercase; margin-top:15px; }*/





/*Page banner 结束*/







/*内页栏目分类*/

.cate-bar{

    height: 60px;

    display: none;

}

.com-catebar {

    position: relative;

    width: 100%;

    height: 60px;

    line-height: 60px;

    background: #fff;

    overflow: hidden;

    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);

}

.com-catebar .com-cate-list {

    background: #fff;

}

.gr-cate.fixed {

    position: fixed;

    left: 0;

    top: 0;

    opacity: .98;

    z-index: 101;

    width: 100%;

    background: #fff;

    border-bottom: 1px solid #ededed;

}

.gr-cate.fixed .com-cate-list {

    background: #fff;

}

.com-cate {

    width: 100%;

    height: 60px;

    line-height: 60px;

}

.com-cate-list {

    height: 60px;

    line-height: 60px;

    background: #F2F2F2;

}

.com-cate-list li {

    position: relative;

    float: left;

    margin-right: 30px;

}

.gr-cate-product .com-cate-list li {

    margin-right: 0;

    margin-left: 30px;

}

.com-cate-list li:before {

    content: "";

    position: absolute;

    left: 50%;

    top: 0;

    width: 0;

    border-top: 2px solid #e9303c;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}

.com-cate-list li.on:before,

.com-cate-list li:hover:before {

    left: 0;

    width: 100%;

}

.com-cate-list li a {

    display: inline-block;

    padding: 0 5px;

    font-size: 16px;

}

.com-cate-list li.on a {

    color: #e9303c;

}





/*内页通用大标题*/

.page-title {

    position: relative;

}

.page-title:before {

    content: url(../images/icon_x.png);

    position: absolute;

    left: 50%;

    bottom: 30px;

    margin-left: -5px;

}





.com-des p {

    font-size: 16px;

    line-height: 1.8;

    text-indent: 2em;

}

.com-des p ~ p {

    margin-top: 25px;

}

.com-par {

    font-size: 16px;

    line-height: 1.8;

}







.com-tit {

    padding-top: 20px;

    padding-bottom: 20px;

    border-bottom: 1px solid #EAEAEA;

    line-height: 24px;

}

.com-tit h3 {

    font-size: 24px;

    color: #333;

}

.com-tit p {

    margin-top: 10px;

    color: #818181;

}

.com-tit .subcate {

    margin-top: 20px;

    font-size: 16px;

}

.com-tit .subcate a {

    display: inline-block;

    padding: 0 15px;

    height: 28px;

    margin-right: 10px;

    border: 1px solid #fff;

    border-radius: 14px;

    line-height: 28px;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}

.com-tit .subcate a.on,

.com-tit .subcate a:hover {

    border-color: #e9303c;

    color: #e9303c;

}





/*点击加载*/

.loadmore {

    display: block;

    margin: 0 auto;

    width: 200px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    color: #e9303c;

    border: 1px solid #e9303c;

    border-radius: 25px;

    font-size: 16px;

    -webkit-transition: .3s;

    -o-transition: .3s;


    transition: .3s;

}

.loadmore:hover {

    background: #e9303c;

    color: #fff;

}

/*内页公共 结束后*/







/*表单*/

.form-box-1 ul li {

    float: left;

    padding: 0 25px;

    width: 391px;

    height: 60px;

    line-height: 60px;

    background: #fff;

}

.form-box-1 ul li ~ li {

    margin-left: 13px;

}

.form-box-1 label {

    margin-right: 5px;

}

.form-box-1 ul li input,

.form-box-2 ul li input {

    width: 250px;

    height: 30px;

    line-height: 30px;

    text-indent: 10px;

}

.form-box-2 ul li input {

    width: 370px;

}

.form-box-1 .form-textarea,

.form-box-2 .form-textarea {

    margin-top: 10px;

    margin-bottom: 20px;

    padding: 20px 25px;

    background: #fff;

}

.form-box-2 .form-textarea {

    padding: 20px;

}

.form-box-1 .form-textarea textarea{

    width: 1060px;

    height:180px;

}

.form-box-1 .sub-btn,

.form-box-2 .sub-btn {

    font-family: 'Microsoft Yahei';

    cursor: pointer;

    outline: none;

}



.form-box-2 {

    width: 990px;

}

.form-box-2 ul li {

    float: left;

    width: 486px;

    height: 54px;

    line-height: 54px;

    border: 1px solid #E2E2E2;

    padding-left: 20px;

}

.form-box-2 ul li:first-child {

    margin-right: 18px;

}

.form-box-2 .form-textarea {

    background: transparent;

    border: 1px solid #E2E2E2;

}

.form-box-2 .form-textarea textarea {

    width: 878px;

    height: 240px;

    padding: 5px 10px;

}

.form-box-2 .sub-btn {

    width: 100%;

    height: 60px;

    background: #e9303c;

    font-size: 16px;

    color: #fff;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}

.form-box-2 .sub-btn:hover {

    background: #D84952;

}





/*通用详细页*/

.com-sidebar {

    width: 235px;

    background: #fff;

    padding: 40px;

}

.com-sidebar .tit {

    color: #333;

    font-size: 20px;

    line-height: 46px;

    margin-bottom: 30px;

    padding-bottom: 20px;

    position: relative;

}

.com-sidebar .tit:before {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 37px;

    border-bottom: 4px solid #e9303c;

}

.com-sidebar ul li a {

    font-size: 16px;

    display: inline-block;

    line-height: 45px;

    width: 100%;

    color: #484a4c;

}

.com-sidebar ul li.on a {

    color: #00a149;

}

.com-content {

    padding: 35px 40px 40px;

    width: 950px;

    background: #fff;

}

.com-content .tit {

    border-bottom: 1px solid #dbdbdb;

    font-size: 24px;

    line-height: 70px;

    margin-bottom: 30px;

}

.com-content .box {

    line-height: 1.8;

    font-size: 16px;

}

.com-content .box h4 {

    margin-bottom: 10px;

    color: #000;

    font-size: 20px;

}

.com-content .box hr {

    border: none;

    border-bottom: 1px solid #ededed;

    margin-top: 20px;

    margin-bottom: 20px;

}



.load-more {

    position: relative;

    display: block;

    margin: 30px auto 0;

    width: 50%;

    height: 60px;

    line-height: 60px;

    text-align: center;

}

.load-more:before {

    content: url(../images/icon_more.png);

    position: absolute;

    left: 50%;

    bottom: -20px;

    line-height: 1;

    margin-left: -20px;

}











/*产品列表*/

.recom-product {

    margin: 40px auto;

    box-shadow: 0 0 5px #ddd;

    height: 600px;

    overflow: hidden;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}

.recom-product:hover {

    box-shadow: 0 0 15px #ddd;

}

.bx-wrapper .bx-pager.bx-default-pager a {

    background: #fff;

    border: 2px solid #666;

}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {

    background: #e9303c;

    border-color: #e9303c;

}

.recom-product .bx-wrapper .bx-controls-direction {

    position: absolute;

    left: 57px;

    top: 375px;

    height: 32px;

    line-height: 32px;

}

.recom-product .bx-wrapper .bx-pager {

    top: 375px;

    left: 90px;

    height: 32px;

    line-height: 32px;

    width: 100px;

}

.recom-product .bx-wrapper .bx-controls-direction a {

    display: inline-block;

    position: static;

    margin-top: 0;

    background-image: url(../images/sp_arr.png);

    background-repeat: no-repeat;

}

.recom-product .bx-wrapper .bx-prev {

    left: 57px;

    background-position: 0 0;

}

.recom-product .bx-wrapper .bx-prev:hover {

    background-position: -32px 0;

}

.recom-product .bx-wrapper .bx-next {

    margin-left: 100px;

    background-position: 0 -32px;

}

.recom-product .bx-wrapper .bx-next:hover {

    background-position: -32px -32px;

}





.gr-product {

    padding-top: 35px;

    padding-bottom: 30px;

}

.gr-product .pro-tit {

    font-size: 24px;

    padding-bottom: 15px;

    margin-bottom: 30px;

    border-bottom: 1px solid #EAEAEA;

    line-height: 1;

}

.gr-product .pro-tit .icon-p {

    margin-right: 14px;

    margin-left: 7px;

}

.gr-product .pro-tit .icon-p1 {

    margin-top: -2px;

}

.gr-product-list {

    width: 1230px;

}

.gr-product-list li {

    float: left;

}

.gr-product .gr-product-list li {

    margin-bottom: 30px;

}

.gr-product .gr-product-list li .pic {

    width: 380px;

    height: 380px;

}

.gr-product-list-3 li {

    width: 380px;

    margin-right: 30px;

    overflow: hidden;

}

.gr-product-list-4 li {

    width: 278px;

    margin-right: 29px;

    overflow: hidden;

    margin-bottom: 30px;

}

.gr-product-list-4.no li {

    margin-bottom: 0;

}

.gr-product-list-4 li.more a {

    display: block;

    height: 100%;

    padding-top: 60px;

    text-align: center;

    height: 365px;

    background: #f2f2f2;

}

.gr-product-list-4 li.more .ico {

    margin-bottom: 30px;

}

.gr-product-list li .pic {

    border: 1px solid #eee;

    overflow: hidden;

    text-align: center;

    background: #fff;

}

.gr-product-content .gr-product-list li .pic,

.page-function .gr-product-list li .pic {

    width: 287px;

    height: 287px;

    line-height: 287px;

    font-size: 0;

}

.gr-product-list li .tit {

    position: relative;

    border: 1px solid #eee;

    border-top: none;

    background: #fff;

    padding: 15px 20px;

}

.gr-product-list li:hover .tit {

    /*border-color: #e9303c;*/

}

.gr-product-list li .tit:before {

    content: "";

    position: absolute;

    left: 0;

    top: 102%;

    width: 100%;

    height: 81px;

    background: #e9303c;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}

.gr-product-list li:hover .tit:before {

    top: -1px;

}

.gr-product-list li .tit .icon-plus {

    position: relative;

    line-height: 42px;

    font-size: 48px;

    color: #aaa;

    font-family: serif;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}

.gr-product-list li:hover .tit .icon-plus {

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transform: rotate(180deg);

}

.gr-product-list li .tit .tit-cont {

    overflow: hidden;

    position: relative;

}

.gr-product-list li .tit .tit-cont h5 {

    font-size: 18px;

    margin-bottom: 2px;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}

.gr-product-list li .tit .tit-cont p {

    color: #999;

    text-transform: uppercase;

    font-size: 12px;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}

.gr-product-list li:hover .tit .tit-cont h5,

.gr-product-list li:hover .tit .tit-cont p,

.gr-product-list li:hover .tit .icon-plus {

    color: #fff;

}

.gr-product-list li .pic {

    overflow: hidden;

}

.gr-product-list li .pic img {

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}

.gr-product-content .gr-product-list li .pic img,

.page-function .gr-product-list li .pic img {

    /*padding: 30px;*/

}

.gr-product-list li:hover .pic img {

    -webkit-transform: scale(1.05);

    -ms-transform: scale(1.05);

    -o-transform: scale(1.05);

    transform: scale(1.05);

}

.gr-product-content .gr-product-list li {

    margin-bottom: 18px;

    margin-right: 17px;

    width: 287px;

}





/*新闻列表*/

.gr-news-list {

    margin-bottom: 50px;

}

.gr-news-list li {

    position: relative;

    padding-top: 30px;

    height: 300px;

    border-bottom: 1px dashed #ddd;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}

/*.gr-news-list li:hover {

    border-color: #e9303c;

}*/

.gr-news-list li:before {

    content: "";

    position: absolute;

    left: 0;

    bottom: -1px;

    width: 100%;

    opacity: 0;

    border-bottom: 1px dashed #e9303c;

    -webkit-transform: translateY(15px);

    -ms-transform: translateY(15px);

    -o-transform: translateY(15px);

    transform: translateY(15px);

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}

.gr-news-list li:hover:before {

    -webkit-transform: translateY(0px);

    -ms-transform: translateY(0px);

    -o-transform: translateY(0px);

    transform: translateY(0px);

    opacity: 1;

}

.gr-news-list li .pic {

    position: relative;

    margin-right: 40px;

    width: 360px;

    height: 240px;

    overflow: hidden;

    line-height: 240px;

    background: #f5f5f5;

    font-size: 0;

    text-align: center;

}

.gr-news-list li .pic:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;


    /*background: rgba(0,0,0,0.2);*/

    z-index: 2;

}

.gr-news-list li .pic img {

    max-width: none;

    max-height: none;

    width: 100%;

    height: 100%;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}

.gr-news-list li .pic:hover img {

    -webkit-transform: scale(1.05);

    -ms-transform: scale(1.05);

    -o-transform: scale(1.05);

    transform: scale(1.05);

}

.gr-news-list li .tit {

    margin-bottom: 10px;

    padding-top: 5px;

    font-size: 21px;

}

.gr-news-list li .tit a {

    color: #333;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}

.gr-news-list li .tit a:hover {

    color: #e9303c;

}

.gr-news-list li .cate a {

    padding: 0 10px;

    display: inline-block;

    border: 1px solid #ddd;

    color: #888;

    border-radius: 10px;

    line-height: 24px;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}

.gr-news-list li .cate a:hover {

    color: #e9303c;

    border-color: #e9303c;

}

.gr-news-list li .des {

    margin-top: 25px;

    line-height: 2;

    height: 84px;

}

.gr-news-list li .date {

    color: #999;

}

.gr-news-list li .com-more {

    margin-top: 28px;

}



/*新闻详情*/

.news-container .news-content {

    padding: 0 75px 50px;

}

.news-container .news-content p {

    line-height: 1.8;

}

.news-container .news-title {

    padding: 40px 0 30px;

 

    text-align: center;

}

.news-container .news-title .tit{padding-bottom: 10px; color: #333;font-weight: normal;font-size: 24px;}

.news-container .news-title p{padding-bottom: 20px;border-bottom: 1px solid #F0F2F5; color: #a3afb7;font-size: 14px;}

.news-container .news-title p a{color: #a3afb7;}

.news-page {

    text-align: center;

}

.news-page a {

    position: relative;

    display: inline-block;

    margin: 0 8px;

    width: 130px;

    height: 28px;

    line-height: 28px;

    border: 1px solid #818181;

    border-radius: 14px;

    color: #818181;

    font-size: 0;

}

.news-page a:first-child:before {

    content: "上一篇";

    font-size: 14px;

}

.news-page a:last-child:before {

    content: "下一篇";

    font-size: 14px;

}

.news-page a:hover {

    color: #e9303c;

    border-color: #e9303c;

}





/*关于我们*/

.about-story {

    padding-top: 90px;

    height: 700px;

    background: url(../images/about_bg_1.jpg) no-repeat center;

}

.about-story h3 {

    font-size: 32px;

    color: #e9303c;

    margin-bottom: 20px;

}

.about-story h4 {

    font-size: 20px;

    color: #333;

    margin-bottom: 10px;

}

.about-story p {

    margin-bottom: 50px;

    width: 720px;

    color: #818181;

    line-height: 2;

}

.about-story .video {

    width: 440px;

    height: 246px;

    overflow: hidden;

    box-shadow: 0 0 15px rgba(0,0,0,0.2);

    cursor: pointer;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}

.about-story .video:hover {

    opacity: 0.9;

}



.about-idea ul {

    margin-top: 30px;

    margin-bottom: 40px;

    width: 1230px;

}

.about-idea li {

    float: left;

    margin-right: 30px;

    text-align: center;

}

.about-idea li .pic {

    width: 380px;

    height: 400px;

    overflow: hidden;

}

.about-idea li .pic img {



}

.about-idea li .des {

    padding-top: 20px;

    font-size: 16px;

    line-height: 1.8;

}



.about-logo {

    padding: 145px 0;

    background: url(../images/logosy_bg.jpg) no-repeat center;

}

.about-logo .cont {

    width: 424px;

}

.about-logo .cont .tit {

    font-size: 32px;

    color: #00a149;

}

.about-logo .cont p {

    line-height: 30px;

    margin-top: 20px;

}

.about-hexin {

    padding-top: 20px;

    padding-bottom: 40px;

}

.hexin-list {

    margin-top: 30px;

    width: 1230px;

}

.hexin-list li {

    float: left;

    width: 380px;

    height: 120px;

    box-shadow: 0 0 10px #ddd;

    margin-bottom: 20px;

    margin-right: 30px;

    padding: 25px 40px 0;

    color: #6c6c6c;

    font-size: 16px;

}

.hexin-list li.color {

    color: #fff;

}

.hexin-list li .tit {

    font-size: 20px;

    margin-bottom: 10px;

    color: #484a4c;

}

.hexin-list li.color .tit {

    color: #fff;

}



/*发展历程*/

.about-develop {

    padding-bottom: 110px;

    background: url(../images/about_bg_2.jpg) no-repeat center bottom;

}

.about-develop-content {

    padding-top: 70px;

}

.about-develop-content .hd {

    position: relative;

    margin-right: 95px;

    height: 408px;

    width: 104px;

    text-align: center;

    overflow: hidden;

    font-size: 16px;

    color: #818181;

}

.about-develop-content .hd .year {

    font-size: 16px;

}

.about-develop-content .hd ul {

    height: 362px;

}

.about-develop-content .hd .com-arr {

    position: absolute;

    height: 134px;

    background: #ddd;

    width: 26px;

    left: 50%;

    margin-left: -13px;

    cursor: pointer;

}

.about-develop-content .hd .prev {

    top: 30px;

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

}

.about-develop-content .hd .prev:hover {

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

}

.about-develop-content .hd .next {

    bottom: 30px;

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

}

.about-develop-content .hd .next:hover {

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

}

.about-develop-content .bd ul li {

    position: relative;

    padding-top: 30px;

}

.about-develop-content .bd ul li .year {

    position: absolute;

    left: -180px;

    top: 180px;

    font-size: 30px;

    color: #e9303c;

}

.about-develop-content .bd ul li .des {

    font-size: 16px;

    margin-bottom: 10px;

}

.about-develop-content .bd ul li .pic {

    padding-top: 10px;

    overflow: hidden;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}

.about-develop-content .bd ul li .pic:hover {

    opacity: .85;

}

.about-develop-content .bd ul li ~ li {

    display: none;

}









.go-design-list {

    width: 1230px;

}

.go-design-list li {

    float: left;

    margin-right: 30px;

    padding-bottom: 20px;

}

.go-design-list li .pic {

    overflow: hidden;

}

.go-design-list li .tit {

    padding-left: 15px;

    padding-top: 15px;

    font-size: 18px;

}



.design-cont {

    margin-top: 40px;

}

.design-cont .tit {

    margin-bottom: 10px;

    font-size: 20px;

    color: #333;

}

.design-cont .des {

    line-height: 1.8;

    width: 310px;

}

.go-team-list {

    width: 1185px;

    margin: 0 auto;

}

.go-team-list li {

    overflow: hidden;

}

.go-team-list li ~ li {

    float: left;

    margin-right: 12px;

    margin-bottom: 15px;

}

.go-team-list li:first-child {

    float: right;

}

.go-jx-list li {

    float: left;

    text-align: center;

    overflow: hidden;

}



/*荣誉*/

.go-list {

    width: 1230px;

}

.go-list li {

    float: left;

    margin-right: 28px;

    margin-bottom: 28px;

    text-align: center;

    border: 1px solid #eee;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}

.go-list li:hover {

    box-shadow: 0 0 15px #ddd;

}

.go-list li.more {

    box-shadow: none;

}

.go-list-3 li .pic {

	   
    width: 100%;

    height: 358px;

    line-height: 358px;

    font-size: 0;

    overflow: hidden;
	

}

.go-list-3 li .pic img {

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;
 min-height: 289px;
}

/*.go-list-3 li:hover .pic img {

    -webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

}*/

.go-list li .tit {

    height: 59px;

    line-height: 58px;

    border-top: 1px solid #eee;

    font-size: 16px;

    padding: 0 20px;

}

.go-list-3 li {

    width: 382px;

}

.go-list-3 li.more {

    padding-top: 90px;

    height: 419px;

    background: #f2f2f2;

}

.go-list-3 li.more a {

    display: block;

    height: 100%;

}

.go-list-3 li.more .ico {

    margin-bottom: 30px;

}



.go-list-5 li {

    width: 218px;

} 

.go-list-5 li .pic {

/*  height: 300px;

    line-height: 300px;

    font-size: 0;*/

}

.go-list-5 li.more {

    padding-top: 42px;

    height: 275px;

    background: #f2f2f2;

}

.go-list-5 li.more a {

    display: block;

    height: 100%;

}

.go-list-5 li.more .ico {

    margin-bottom: 30px;

}

.go-list-5 li.more .ico img {

    width: 90px;

}





/*案例*/

.go-case .gr-product-list li {

    margin-bottom: 35px;

}

.go-case .gr-product-list li .tit .tit-cont {

    width: 250px;

    height: 50px;

    display: table;

}

.go-case .gr-product-list li .tit .tit-cont h5 {

    font-size: 16px;

    display: table-cell;

    vertical-align: middle;

}





/*视频*/

.go-video .go-list-3 li .pic {

    position: relative;

    height: auto;

    line-height: normal;

}

.go-video .go-list-3 li .pic .cover {

    background: #e9303c;

    background: #d10214a1;

    opacity: 0;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}

.go-video .go-list-3 li:hover .pic .cover {

    opacity: 1;

}

.go-video .go-list-3 li .pic .cover:before {

    content: url(../images/icon_video.png);

    display: inline-block;

    width: 74px;

    height: 74px;

    position: relative;

    top: 50%;

    margin-top: -37px;

    -webkit-transform: scale(0.5);

    -ms-transform: scale(0.5);

    -o-transform: scale(0.5);

    transform: scale(0.5);

    /*opacity: 0;*/

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}

.go-video .go-list-3 li:hover .pic .cover:before {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}





/*套间*/

.gr-product-list-2 {

    width: 1230px;

}

.gr-product-list-2 li {

    margin-right: 18px;

    margin-bottom: 30px;

    overflow: hidden;

}

.gr-product-list-2 li .pic {

    width: 386px;

    /*border: none;*/

}





/*联系*/

.page-contact {

    padding-top: 60px;

}

.contact-tit {

    position: relative;

    font-size: 24px;

    color: #333;

    padding-bottom: 20px;

    margin-bottom: 30px;

}

.contact-tit:before {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 30px;

    border-bottom: 3px solid #333;

}

.contact-content {

    margin-bottom: 40px;

    padding-bottom: 20px;

    border-bottom: 1px solid #ddd;

}

.contact-content .qr-list li {

    float: left;

    text-align: center;

    margin-left: 35px;

    margin-top: -30px;

    line-height: 40px;

}

.contact-content .left p {

    font-size: 16px;

    color: #818181;

}

.contact-content .left .hotline {

    color: #00a149;

    font-size: 36px;

    font-family: fantasy;

}

.com-hotline {

    color: #00a149;

    font-size: 46px;

    font-family: fantasy;

    line-height: 1;

}

.contact-content .left p em {

    color: #333;

}

.contact-content .left .tit {

    /*margin-bottom: 10px;*/

}

.contact-content .left .des {

    margin-top: 10px;

    line-height: 2.6;

}





/*表单新*/

.message-content {

   

}

.message-content .tit {

    font-size: 16px;

    color: #484a4c;

    margin-bottom: 10px;

}

.message-content form .tit ~ .tit {

    margin-top: 25px;

}

.message-content .inp {

    border: 1px solid #aaa;

    padding: 0 10px;

    height: 55px;

    line-height: 55px;

}

.message-content .first .inp {

    float: left;

    width: 386px;

    border: 1px solid #aaa;

    padding: 0 10px;

}

.message-content .first .inp ~ .inp {

    margin-left: 20px;

}

.message-content select {

    width: 200px;

    height: 55px;

    line-height: 55px;

    padding: 0 10px;

}

.message-content .second li {

    float: left;

}

.message-content .second li ~ li {

    margin-left: 15px;

}

.message-content .second li input {

    height: 55px;

    line-height: 55px;

}

.message-content .second li .xx1 {

    width: 544px;

}

.message-content .three {

    height: 30px;

    line-height: 30px;

}

.message-content .three .xx3 {

    border: 1px solid #aaa;

    padding: 0 5px;

    height: 30px;

    line-height: 30px;

}

.message-content .three span {

    display: inline-block;

    margin-left: 20px;

}

.message-content .three .rad {

    vertical-align: sub;

}

.message-content .three .rad ~ .rad {

    margin-left: 20px;

}

.message-content .area {

    width: 100%;

    height: 180px;

    border: 1px solid #aaa;

    margin-bottom: 16px;

    padding: 10px;

}

.message-content .sub {

    width: 160px;

    height: 55px;

    line-height: 55px;

    text-align: center;

    color: #fff;

    background: #333;

    font-size: 20px;

    font-family: "微软雅黑";

    cursor: pointer;

    outline: none;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}

.message-content .sub:hover {

    background: #555;

}











/*智能科技*/

.page-function {

    padding-top: 40px;

}

.function-des {

    position: relative;

    padding-bottom: 12px;

    border-bottom: #E1E1E1 1px solid;

    margin-bottom: 20px;

}

.function-des:before {

    content: "";

    position: absolute;

    left: 0;

    bottom: -1px;

    width: 505px;

    border-bottom: 1px solid #e9303c;

}

.function-des .ico-list span {

    float: left;

    text-align: center;

    margin-right: 20px;

    line-height: 2;

}

.function-des .video {

    position: relative;

    cursor: pointer;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}

.function-des .video:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: url(../images/bofang.png) no-repeat center rgba(0, 161, 75, 0.2);

}

.function-des .video:hover {

    opacity: .9;

}

.function-des .en {

    padding-top: 20px;

    font-size: 16px;

    color: #818181;

}

.function-des .tit {

    font-size: 32px;

    color: #e9303c;

}

.function-des .des {

    font-size: 16px;

    line-height: 1.8;

    margin-top: 20px;

    margin-bottom: 35px;

    min-height: 84px;

    width: 510px;

}

.function-list {

    /*width: 1230px;*/

}

.function-list tbody tr td {

    padding: 15px;

}

.function-list tbody tr td img {

    margin-right: 15px;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}

.function-list tbody tr td img:hover {

    opacity: .85;

}

.function-list tbody tr td p {

    line-height: 1.8;

}

.function-list tbody tr td p>strong {

    display: inline-block;

    margin-top: 10px;

    margin-bottom: 10px;

    font-size: 20px;

    color: #e9303c;

    font-weight: normal;

}



.function-list li {

    float: left;

    width: 585px;

    height: 200px;

    border: 1px solid #E5E5E5;

    margin-right: 29px;

    margin-bottom: 20px;

    padding: 15px 24px 15px 15px;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}

.function-list li:hover {

    box-shadow: 0 0 15px #ddd;

}

.function-list li .pic {

    margin-right: 24px;

}

.function-list li .tit {

    font-size: 20px;

    color: #e9303c;

    margin-bottom: 10px;

    padding-top: 10px;

}

.function-list li .des {

    line-height: 1.8;

}





/*招商*/

.zs-tit {

    text-align: center;

    padding-top: 50px;

    margin-bottom: 60px;

}

.zs-tit h3 {

    font-size: 24px;

    color: #333;

    margin-bottom: 5px;

}

.zs-tit h3.c-fff {

    color: #fff;

}



.zs-one {

    background: url(../images/zs_bg_1.jpg) no-repeat center bottom;

    padding-bottom: 80px;

}

.zs-one-content {

    height: 555px;

    padding-top: 20px;

    background: url(../images/zs_pic_1.png) no-repeat 64px 20px;

}

.zs-one-content ul {

    float: right;

    width: 410px;

    padding-right: 110px;

}

.zs-one-content ul li {

    margin-bottom: 30px;

    font-size: 16px;

}

.zs-one-content ul li .tit {

    font-size: 22px;

    color: #00a149;

    margin-bottom: 10px;

}

.zs-one-content ul li .des {

    line-height: 1.8;

    margin-top: 5px;

}

.zs-two-content .bd {

    overflow: hidden;

}

.zs-two-content .bd ul {

    width: 1230px;

    padding-bottom: 5px!important;

}

.zs-two-content .bd ul li {

    float: left;

    width: 280px!important;

    margin-right: 26px;

    /*box-shadow: 0 0 5px #ddd;*/

    overflow: hidden;

    border: 1px solid #ededed;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}

.zs-two-content .bd ul li:hover {

    -webkit-transform:translate3d(0, -5px, 0);

    transform:translate3d(0, -5px, 0);

}

.zs-two-content .bd ul li .pic {

    overflow: hidden;

}

.zs-two-content .bd ul li .cont {

    padding: 25px 20px 0;

    height: 186px;

}

.zs-two-content .bd ul li .tit {

    font-size: 22px;

    color: #e9303c;

    margin-bottom: 15px;

}

.zs-two-content .bd ul li .des {

    line-height: 1.6;

}



.com-slider2 .hd {

    margin-top: 46px;

    text-align: center;

    height: 32px;

    line-height: 32px;

}

.com-slider2 .hd ul li {

    display: inline-block;

    width: 8px;

    height: 8px;

    border: 2px solid #666;

    background: #fff;

    border-radius: 50%;

    margin: 0 5px;

    cursor: pointer;

}

.com-slider2 .hd ul li.on {

    background: #e9303c;

    border-color: #e9303c;

}

.com-slider2 .hd .com-arr {

    display: inline-block;

    width: 32px;

    height: 32px;

    background-image: url(../images/sp_arr.png);

    background-repeat: no-repeat;

    vertical-align: middle;

    margin: 0 20px;

}

.com-slider2 .hd .com-arr.next,

.com-slider2 .hd .com-arr.sNext {

    background-position: 0  -32px;

}

.com-slider2 .hd .com-arr:hover {

    background-position-x: -32px; 

    -moz-background-position-x: -32px; 

}



.zs-three {

    padding-top: 40px;

    height: 985px;

    background: url(../images/zs_bg_2.jpg) no-repeat center;

}

.com-jm-box {

    margin-top: 44px;

    text-align: center;

}

.com-jm-box .tel-name {

    font-size: 16px;

    margin-bottom: 5px;

}

.com-jm-box .com-jm {

    display: inline-block;

    margin-top: 30px;

    width: 225px;

    height: 50px;

    line-height: 50px;

    border-radius: 5px;

    background: #fff;

    color: #e9303c;

    font-size: 20px;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}

.com-jm-box .com-jm:hover {

    width: 250px;

}

.com-jm-box .com-jm .ico-jm {

    background-image: url(../images/sp_zx.png);

    background-repeat: no-repeat;

    width: 26px;

    height: 26px;

    margin-right: 11px;

} 

.com-jm-box .com-jm .ico-jm-1 {

    background-position: 0 0;

}

.com-jm-box .com-jm .ico-jm-2 {

    background-position: -26px 0;

}

.com-jm-box2 .com-jm {

    background: #00A149;

    color: #fff;

}







.zs-four {

    height: 650px;

    background: url(../images/zs_bg_3.jpg) no-repeat center;

}

.zs-four-content {

    padding-left: 20px;

}

.zs-four-content h4 {

    font-size: 20px;

    color: #e9303c;

    margin-bottom: 15px;

}

.zs-four-content p {

    width: 428px;

    margin-bottom: 25px;

    line-height: 1.8;

}

.zs-five {

    padding-bottom: 30px;

    text-align: center;

}

.zs-five .com-jm-box {

    margin-top: 60px;

}

.zs-six {

    padding-bottom: 60px;

}

.zs-six-content .bd {

    overflow: hidden;

}

.zs-six-content .bd ul {

    width: 1230px;

    padding-bottom: 5px!important;

}

.zs-six-content .bd ul li {

    width: 380px!important;

    float: left;

    margin-right: 29px;

    /*box-shadow: 0 0 5px #ddd;*/

    border: 1px solid #ededed;

    overflow: hidden;

}

.zs-six-content .bd ul li .pic {

    overflow: hidden;

    height: 240px;

}

.zs-six-content .bd ul li .tit {

    height: 70px;

    line-height: 70px;

    padding: 0 20px;

    font-size: 18px;

}







.index-case-slider{ width:100%;  min-width:1023px;  height:580px;  position:relative; overflow:hidden; background:#fff; text-align:center;   }

.index-case-slider .bd{ width:1023px; position:absolute; left:50%; margin-left:-490px  }

.index-case-slider .bd li{ width:1023px;  overflow:hidden; }

.index-case-slider .bd li img{ display:block; width:1023px; height:580px;    }

.index-case-slider .tempWrap{ overflow:visible !important }

.index-case-slider .tempWrap ul{  margin-left:-1023px !important; /*强制位置*/  }



.index-case-slider .hd{ position:absolute; width:100%; left:0;  z-index:1; height:8px; bottom:20px;  text-align:center;  }

.index-case-slider .hd li{ display:inline-block; *display:inline; zoom:1; width:8px; height:8px; line-height:99px; overflow:hidden; background:url(../images/slider-btn.png) 0 -10px no-repeat; 

    margin:0 5px; cursor:pointer; filter:alpha(opacity=60);opacity:0.6;  }

.index-case-slider .hd li.on{ background-position:0 0; filter:alpha(opacity=100);opacity:1;  }

.index-case-slider .pnBtn{  position:absolute; z-index:1; top:0; width:100%;  height:580px; cursor:pointer; -webkit-transition: .3s;

-o-transition: .3s;

transition: .3s;  }

.index-case-slider .pnBtn:hover {

    background: rgba(255,255,255,0.3);

} 

.index-case-slider .prev{ left:-50%; margin-left:-490px;  }

.index-case-slider .next{ left:50%;  margin-left:466px;  }

.index-case-slider .pnBtn .blackBg{ display:block;  position:absolute; left:0; top:0; width:100%; height:580px; background:#fff; filter:alpha(opacity=50);opacity:0.5;   }

.index-case-slider .pnBtn .arrow{ display:none;   position:absolute; top:0; z-index:1; width:60px; height:580px;  }

.index-case-slider .pnBtn .arrow:hover{ filter:alpha(opacity=60);opacity:0.6; }

.index-case-slider .prev .arrow{ right:0; background:url(../images/slider-arrow.png) -120px 0 no-repeat;   }

.index-case-slider .next .arrow{ left:0; background:url(../images/slider-arrow.png) 0 0 no-repeat;  }





/*卫浴套图*/

.focus-wrap { position:relative; overflow:hidden; width:100%;}

.focus { position:relative; margin:0 auto; width:1023px; height:580px; }

.focus .focus-container { position:absolute; top:0; left:0; width:10000px; height:580px; }

.focus li { position:relative; float:left; display:inline; overflow:hidden; width:1023px; height:580px; }

.focus .info {position:absolute;bottom:0;left:0;opacity: 0;

filter: alpha(opacity=0); overflow:hidden;width: 75%;height: 110px;text-shadow:0px 1px 3px #000;



-webkit-transition: .5s;

-o-transition: .5s;

transition: .5s;

}

.focus .title {padding-top:12px;padding-left:35px;font-size: 24px;}

.focus .title a { color:#fff; }

.focus .title a:hover { text-decoration:none; }

.focus .desc {padding-left:35px;color:#fff;padding-top: 5px;/* font-size:12px; */}

.focus .cover {position:absolute;bottom:0;left:0;opacity: 0;width:100%;height: 110px;background:#000;



    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}

.focus .next, .focus .prev, .focus .pn-line {

    position:absolute;

    bottom: 30px;

    z-index:100;

    overflow:hidden;

    display: inline-block;

    width: 32px;

    height: 32px;

    background-image: url(../images/sp_arr.png);

    background-repeat: no-repeat;

    vertical-align: middle;

    /* margin: 0 20px; */

    text-indent: -9999px;

 }

.focus .prev {right: 155px;}

/*.focus .prev:hover { padding-right:5px; background-position:0 0; }*/

.focus .next {right: 10px;background-position: 0 -32px;}

.focus .prev:hover,

.focus .next:hover { background-position-x: -32px; 

    -moz-background-position-x: -32px; }

/*.focus .pn-line { top:405px; right:44px; width:31px; height:68px; background:url(../images/s24.png) no-repeat -474px -216px; }*/

.focus .trigger {

    position: absolute;

    bottom: 25px;

    text-align: center;

    right: 0;

    z-index: 10;

    width: 200px;

    height: 32px;

}

.focus .trigger span {position:relative;/* float:left; */display: inline-block;overflow:hidden;overflow:hidden;/* margin-right:11px; */width: 16px;height: 8px;text-indent:-9999px;font-size:0;line-height:0;cursor:pointer;}

.focus .trigger .last{ margin-right:12px;}

.focus .trigger i {

    display: block;

    overflow: hidden;

    margin: 0 5px;

    width: 8px;

    height: 8px;

    /* background: #ededed; */

    font-size: 0;

    line-height: 0;

    border-radius: 50%;

    border: 2px solid #666;

}

.focus .trigger .active i {


    border-color: #e9303c;

    background: #e9303c;

}

.trigger-cover { display: none; position:absolute; top:487px; left:0; z-index:11; width:125px; height:4px; background:#c33; font-size:0; line-height:0; }

.seven .trigger {/* padding-left:68px; */}

.seven .trigger .last { display:none; }

.seven .trigger-cover { left:68px; }

.focus .focus-container .eight .info , .focus .focus-container .eight .cover{ display:none;}

.lbox, .rbox{ position:absolute; top:0; width:1023px;height:580px;}

.lbox{ left:-1023px;}

.rbox{ right:-1023px;}

.focus-wrap .mask{ z-index:99; background:#fff; opacity: 0.5; cursor:pointer; filter: alpha(opacity=50);-webkit-transition: .3s;

-o-transition: .3s;

transition: .3s; }

.focus-wrap .mask:hover {

    opacity: .6;

    filter: alpha(opacity=60);

}

.focus .active .info {

    opacity: 1;

    filter: alpha(opacity=100);



}

 .focus .active .cover{

    opacity: .3;

    filter: alpha(opacity=30);

}





/*服务网点*/

.gobo-map {

    position: relative;

}

.lse-map{

    width: 100%;

    height: 700px;

    overflow: hidden;

    background: #f2f2f2;

}

.lse-m-img{

    display: block;

    position: relative;

    top: 0;

    left: 50%;

    margin-left: -960px;

}

.lse-sec{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 77px;

    background-color: rgba(51, 51, 51, 0.7);

    z-index: 9;

}

.lse-sc-p{

    color: #fff;

    line-height: 77px;

    font-size: 20px;

    float: left;

}

.lse-sc-p span{

    margin-left: 9px;

}

.lse-sc-r{

    float: right;

    margin-top: 21px;

}

.lse-sc-r select, .lse-sc-r input{

    display: block;

    overflow: hidden;

    margin-left: 10px;

    float: left;

    height: 35px;

    line-height: 35px;

    font-size: 14px;

    border:none;

    outline: none;

    background-color: #89898F;

    color: #fff;

}

.lse-sc-r select{

    width: 140px;

    padding-left: 10px;

    font-family: "微软雅黑";

}

.lse-sc-r .lse-s-k{

    padding: 0 10px;

    width: 239px;

}

.lse-sc-r .lse-s-s{

    width: 100px;

    background-color: #e9303c;

    text-align: center;

    cursor: pointer;

    font-family: "微软雅黑";

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}

.lse-sc-r .lse-s-s:hover {

    background: #019044;

}





/*服务支持*/

.service-auto {

    padding-top: 15px;

    padding-bottom: 60px;

    text-align: center;

}

.service-auto .item {

    display: inline-block;

    width: 145px;

    font-size: 18px;

    margin: 0 35px;

}

.service-auto .item a {

    display: block;

    width: 100%;

    color: #000;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}

.service-auto .item a:hover {

    color: #00A149;

}

.service-auto .item .pic {

    display: inline-block;

    width: 90px;

    height: 90px;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}

.service-auto .item:hover .pic {

    -webkit-transform: translateY(-10px) scale(1.02);

    -ms-transform: translateY(-10px) scale(1.02);

    -o-transform: translateY(-10px) scale(1.02);

    transform: translateY(-10px) scale(1.02);

}

.service-promise ul {

    margin-top: 35px;

    width: 1220px;

}

.service-promise ul li {

    float: left;

    width: 285px;

    height: 160px;

    margin-right: 20px;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}

.service-promise ul li:hover {

    -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.2);

    box-shadow: 0 0 30px rgba(0,0,0,0.2);

}

.service-promise .cont p {

    margin-top: 30px;

    font-size: 16px;

    line-height: 1.8;

}

.service-list {

    margin-top: 60px;

    padding-bottom: 110px;

    font-size: 0;

    text-align: center;

}

.service-list li {

    position: relative;

    display: inline-block;

    width: 14.2857%;

    font-size: 16px;

}

.service-list li ~ li:before {

    content: url(../images/icon_lc.png);

    width: 16px;

    height: 16px;

    position: absolute;

    left: 0;

    top: 20px;

}

.service-list li .pic {

    height: 70px;

    margin-bottom: 10px;

}

.service-list li .tit {

    position: absolute;

    top: 80px;

    width: 100%;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}

.service-list li:hover .tit {

    color: #00A149;

}

.service-list li .pic .ico {

    display: inline-block;

    background-image: url(../images/service_ico.png);

    background-repeat: no-repeat;

    vertical-align: middle;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}

.service-list li .pic .ico-1 {

    width: 59px;

    height: 58px;

    background-position: 0 -14px;

}

.service-list li .pic .ico-2 {

    width: 51px;

    height: 59px;

    background-position: -72px -13px;

}

.service-list li .pic .ico-3 {

    width: 59px;

    height: 59px;

    background-position: -129px -13px;

}

.service-list li .pic .ico-4 {

    width: 58px;

    height: 59px;

    background-position: -200px -13px;

}

.service-list li .pic .ico-5 {

    width: 41px;

    height: 61px;

    background-position: -269px -11px;

}

.service-list li .pic .ico-6 {

    width: 47px;

    height: 59px;

    background-position: -326px -13px;

}

.service-list li .pic .ico-7 {

    width: 61px;

    height: 58px;

    background-position: -384px -14px;

}

.service-list li:hover .pic .ico {

    background-position-y: -72px; 

}

.service-after {

    margin-top: 40px;

    width: 100%;

}

.service-after tr td {

    width: 16.6666%;

    text-align: center;

    padding: 15px 0;

    font-size: 16px;

    border-color: #BFBFBF;

}

.service-fw {

    margin-top: 50px;

}

.service-fw li {

    width: 585px;

    height: 160px;

    background: #fff;

    border: 1px solid #C0C0C3;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}

.service-fw li:hover {

    box-shadow: 0 0 15px #ddd;

}





/*加盟表单*/

.join-wrap{position: fixed;left: 0; top: 0; z-index: 301; display: none; width: 100%; background-color: rgba(0,0,0,0.8);}

.join-wrap .page-title{padding-top: 35px;padding-bottom: 5px;text-align: center;font-size: 30px;color: #333;}

.join-box{position: fixed; top: 50%; right: 0; left: 0; z-index: 300; display: none; margin: -225px auto 0; width: 933px; height: 450px; background-color: #fff;border-radius: 3px;}

.join-close{position: absolute; top: 15px; right: 15px; z-index: 302; width: 30px; height: 30px; background: url(../images/icon-close.png) no-repeat center;}

.join-close:hover{cursor: pointer; background: url(../images/icon-close-hover.png) no-repeat center;}

.join-wrap .page-title{/* padding-top: 35px; *//* padding-bottom: 10px; */}

.join-wrap .page-title h3 .tit{color: #333;}

.join-wrap .form-desc{height: 100px;}

.join-wrap .form-desc .text{height: 70px;}

.join-wrap .form-box{border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}

.join-wrap .form-box{margin: 0 auto; padding: 0 50px 40px; background: #fff;}

.join-wrap .form-box .form-tit{margin-bottom: 30px;text-align: center;font-size: 16px;}

.join-wrap .form-box ul{width: 872px;}

.join-wrap .form-box ul li{

    float: left;

    margin-right: 39px;

    margin-bottom: 31px;

    width: 251px;

    height: 42px;

    line-height: 42px;

    background-color: #f5f5f5;

    position: relative;

}

.join-wrap .form-box ul li input{line-height: 25px; width: 170px; text-indent: 5px; background-color: #f5f5f5;}

.join-wrap .form-box ul li input:focus,

.form-desc .text:focus{background-color: #f2f2f2;}

.join-wrap .form-box .in-tit{padding-right: 10px; padding-left: 19px; font-size: 14px; color: #666;}

.form-desc{margin-bottom: 40px;padding-top: 14px;width: 831px;height: 187px;background-color: #f5f5f5;position: relative;}

.form-desc .error{bottom: -25px;}

.form-desc .text{vertical-align: top; width: 740px; height: 160px; border: none; text-indent: 5px; font-size: 14px; line-height: 22px; background-color: #f5f5f5;}

.join-wrap .form-box .sub-btn{display: block;margin: 0 auto;width: 220px;height: 50px;line-height: 50px;background-color: #e9303c;color: #fff;font-size: 20px;cursor: pointer;border-radius: 3px;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;font-family: "微软雅黑";}

.join-wrap .form-box .sub-btn:hover{opacity: 0.9; filter: alpha(opacity=90);}





/* 关于我们 */

.pTie{text-align:center;margin-bottom:35px;font-size:36px;color:#333;line-height:40px;position:relative;font-weight:normal;padding-bottom:10px;}

.pTie span{display:block;font-size:12px;font-family:Arial;color:#666;line-height:24px;}

.pTie:after{content:"";position:absolute;bottom:0;width:20px;margin-left:-10px;height:2px;background:#e62129;}

/* 内页公用菜单 */

.listMenu{height:60px;margin-bottom:50px;text-align:center;}

.listMenu a{display:inline-block;height:58px;line-height:58px;border:1px solid #d8d8d8;width:165px;margin-left:-4px;text-align:center;color:#333;font-size:16px;}

.listMenu a:first-child{border-radius:29px 0 0 29px;}

.listMenu a:last-child{border-radius:0 29px 29px 0;}

.listMenu a:hover,.listMenu a.cur{color:#fff;background:#e62129;border:1px solid #bf0007;}

.menuSub{text-align:center;margin-top:20px;}

.menuSub a{width:125px;border:1px solid #ddd;background:#fff;display:inline-block;transition:all 0.3s;margin-right:10px;height:35px;line-height:35px;box-shadow:0 0 1px #fff inset;}

.menuSub a.current,.menuSub a:hover{border:1px solid #008a43;background:#e62129;color:#fff;}




.aBox {
    padding: 60px 0;
    overflow: hidden;
}


.aBox{padding:60px 0;overflow:hidden;}

.aboutBox1 .main{background:#f3f3f3;overflow:hidden;height:540px;}

.aboutBox1 .pic{width:600px;height:540px;overflow:hidden;}

.aboutBox1 img{width:600px;height:540px;animation:scale 15s linear infinite normal;}

.aboutBox1 .font{padding:50px 50px 15px 0;width:500px;}
.aboutBox1 .font p{ line-height: 30px;}

@keyframes scale

{

    0%   {transform:scale(1,1);}

    50%{transform:scale(1.1,1.1);}

    100%{transform:scale(1,1);}

}

.aboutBox2,.aboutBox6{background:#e9ebee;}

.aboutBox2 ul{width:1240px;}

.aboutBox2  li{float:left;width:390px;background:#fff;margin-right:15px;transition:all .3s;}

.aboutBox2  li .pImg{display:block;width:390px;height:280px;overflow:hidden;position:relative;}

.aboutBox2  li img{width:390px;height:280px;transition:all .5s;}

.aboutBox2  li .pImg span{width:200px;height:50px;line-height:50px;font-size:20px;color:#fff;font-weight:normal;background:#e62129;left:50%;bottom:0;margin-left:-100px;position:absolute;text-align:center;}

.aboutBox2 li .txt{padding:30px 35px;overflow:hidden;text-align:center;}

.aboutBox2 li .txt h4{font-size:16px;color:#333;font-weight:normal;margin-bottom:10px;}

.aboutBox2 li .txt p{height:60px;margin-bottom:10px;}

.aboutBox2 li .txt a{display:inline-block;width:120px;height:30px;line-height:30px;text-align:center;background:#e62129;color:#fff;border-radius:15px;}

.aboutBox2 li .txt a:hover{width:160px;}

.aboutBox2 li:hover img{transform:scale(1.1);}

.aboutBox2 li:hover{box-shadow:0 0 10px #ccc;}



.aboutBox4{background:#f3f3f3;}

.honorSlide{height:360px;position:relative;}

.honorSlide .ohbox{height:360px;overflow:hidden;}

.honorSlide .ohbox ul{width:1240px;}

.honorSlide li{float:left;width:284px;margin-right:20px;height:360px;background:#fff;}

.honorSlide li .pImg{width:284px;height:330px;overflow:hidden;display:block;}

.honorSlide li img{width:260px;height:330px;transition:all 0.5s;    margin: 0 16px;}

.honorSlide li p{text-align:center;height:50px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.honorSlide li img:hover{transform:scale(1.1);}

.honorSlide .pageBtn span{background:url('../images/sBtn.png') no-repeat 0 0;display:inline-block;width:40px;height:40px;position:absolute;cursor:pointer;overflow:hidden;text-indent:-9999px;left:-60px;top:150px;}

.honorSlide .pageBtn .next{background-position:-40px 0;left:auto;right:-60px;}

.honorSlide .pageBtn span:hover{background-position: -80px 0;}

.honorSlide .pageBtn .next:hover{background-position: -120px 0;}



.aMore{width:200px;height:46px;line-height:46px;display:block;margin:0 auto;font-size:16px;margin-top:50px;}

.aboutBox5 ul{width:1220px;}

.aboutBox5 li{float:left;width:290px;height:200px;overflow:hidden;margin-bottom:10px;margin-right:10px;}

.aboutBox5 li img{width:290px;height:200px;transition:all 0.5s;}

.aboutBox5 li.big,.aboutBox5 li.big img{width:600px;height:410px;}

.aboutBox5 li span{background:#000;background:rgba(0,0,0,.6);height:40px;line-height:40px;color:#fff;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;position:relative;text-align:center;transition:all 0.3s;display:block;margin-top:-40px;}

.aboutBox5 li:hover img{transform:scale(1.1);}



/* 发展 */

.historySlide{height:60px;position:relative;padding:0 30px;}

.historySlide:after{content:"";position:absolute;left:0;bottom:10px;width:100%;height:2px;background:#ddd;}

.historySlide li{float:left;width:150px;text-align:center;position:relative;font-size:30px;font-family:Arial;transition:all 0.3s;cursor:pointer;}

.historySlide li:after{content:"";position:absolute;left:50%;margin-left:-10px;width:16px;height:16px;background:#fff;bottom:-35px;transition:all 0.3s;border-radius:100%;border:2px solid #ddd;z-index:2;}

.historySlide li.on{color:#e62129;font-weight:bold;}

.historySlide li.on:after{border:2px solid #e62129;}



.historyMain{width:810px;background:#f2f2f2 no-repeat center top;font-size:16px;margin:0 auto;margin-bottom:80px;overflow:hidden;}

.historyMain li{padding:35px 50px;height:300px;overflow-y:auto;display:none;}

.historyMain li h4{font-size:30px;font-weight:normal;margin-bottom:25px;line-height:32px;border-left:6px solid #e62129;padding-left:25px;color:#333;}



.historySlide .btn{background:url('../images/sBtn.png') no-repeat 0 0;display:inline-block;width:40px;height:40px;position:absolute;cursor:pointer;overflow:hidden;text-indent:-9999px;left:0;top:29px;z-index:2;transition:0s;}

.historySlide .btn.sNext{background-position:-40px 0;left:auto;right:0;}

.historySlide .btn:hover{background-position: -80px 0;}

.historySlide .btn.sNext:hover{background-position: -120px 0;}

.historyList{background:url('../images/hisroty_bg.png') no-repeat center top;padding-top:90px;}

.historyList li{background:#f2f2f2;}



/* 荣誉资质 */

.honorList ul li{width:280px;float:left;margin-right:26px;margin-bottom:25px;text-align:center;background:#f2f2f2;border-bottom:3px solid #ddd;position:relative;}

.honorList ul li .pImg{display:block;width:280px;height:250px;padding:4px;border:1px solid #e3e3e3;background:#fff;display: table-cell;vertical-align: middle;}

.honorList ul li img{width:280px;vertical-align: middle;max-height:300px;}
.honorList ul li:nth-child(4n){margin-right:0px;}
.honorList ul li::before{content: "";position:absolute;height:3px;bottom:-3px;left:0;transition:all 0.5s;width:0;}

.honorList ul li:hover::before{width:100%;background:#e62129;transition:all 0.5s;}

.honorList ul li p{height:35px;line-height:35px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display: block;}

.lb-data .lb-caption{color:#fff;}

.honorList ul li:hover{background:#eee;box-shadow:0 0 10px #ccc;}

.listWrapper {
    padding: 60px 0;
    overflow: hidden;
}

/* 公司坏境 */

.settingList li{width:295px;float:left;margin-right:5px;margin-bottom:5px;text-align:center;;position:relative;}

.settingList li .pImg{display:block;width:295px;height:210px;overflow:hidden;}

.settingList li img{width:295px;height:210px;transition:all .5s;}

.settingList li p{height:40px;line-height:40px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display: block;padding:0 5px;color:#fff;position:relative;margin-top:-40px;z-index:2;background:rgba(0,0,0,.7);}

.settingList li:hover img{transform:scale(1.1);}

.settingList li:nth-child(1),.settingList li:nth-child(1) .pImg,.settingList li:nth-child(1) img,.settingList li:nth-child(9),.settingList li:nth-child(9) .pImg,.settingList li:nth-child(9) img,.settingList li:nth-child(8),.settingList li:nth-child(8) .pImg,.settingList li:nth-child(8) img,.settingList li:nth-child(14),.settingList li:nth-child(14) .pImg,.settingList li:nth-child(14) img,.settingList li:nth-child(16),.settingList li:nth-child(16) .pImg,.settingList li:nth-child(16) img,.settingList li:nth-child(17),.settingList li:nth-child(17) .pImg,.settingList li:nth-child(17) img{width:595px;height:425px;}

.settingList li:nth-child(8),.settingList li:nth-child(14),.settingList li:nth-child(16){float:right;}
.pic img {
    max-width: 100%;
    max-height: 100%;
}

.about_m1 p {
    width: 98%;
    margin: 0 auto;
    font-size: 14px;
    color: #666;
    line-height: 24px;
}

.about_m1 p img{max-width: 100%;}


/* 招聘列表 */

.jobList li{border-bottom:1px dashed #dbdbdb;margin-bottom:20px;}

.jobList h4{font-size:28px;font-weight:normal;background: url('../images/gicon19.png') no-repeat right center;padding-right:20px;padding-bottom:20px;line-height:32px;}

.jobList h4 span{display:block;font-size:16px;margin-top:8px;}

.jobList h4 span i{display:inline-block;font-style:normal;background: url('../images/job_icon.png') no-repeat left -35px;padding-left:30px;margin-right:15px;}

.jobList h4 span .num{background-position: 0 0;}

.jobList .font{background:#f2f2f2;padding:25px;display:none;}

.jobList .font .tie{color:#555;margin-bottom:10px;display:block;}

.jobList .font h5{margin-top:15px;font-size:16px;}

.jobList h4.on{color:#333;background: url('../images/gicon18.png') no-repeat right center;}

.jobBan img{position:relative;left:50%;margin-left:-960px;}



/*内页*/

.inbanner { overflow:hidden; width:100%; height:300px; margin-top:80px; }

.inbanner a{display:block;overflow:hidden; width:100%; height:300px;}

.inpagebox { overflow:hidden; width:100%; padding:20px 0; }

.inpagebox02{ background-color:#fff}





.inmenu {width:100%; position:relative; margin-bottom:50px;}

.inmenu em{ display:block; width:100%; height:1px; position:absolute; left:0; bottom:1px; background-color:#cdd8e8;}

.inmenu ul{ margin:0 auto; position: relative; z-index:2; width:1200px;}

.inmenu li{ display:inline-block;  margin:0 15px;position:relative; *height:75px;}

.inmenu li div.rowsChildCln{position:absolute;bottom:-22px;display:none;width:1000px;}

.inmenu li div.rowsChildCln a{float:left;margin-right:10px;}

.inmenu li{*display:inline;}

.inmenu li a{ display:block; font-size:15px; color:#777; padding:10px 30px; border-radius:3px; margin-bottom:5px; text-align:center; text-decoration:none}

.inmenu li i{ display:none; width:1px ; height:30px; background-color:#cdd8e8; margin:0 auto; margin-bottom:4px;}

.inmenu li b{ display:none; width:3px; height:3px; background-color:#b2c0d5; margin:0 auto;}

.inmenu li.cur div.rowsChildCln{display:block;}

.inmenu li.cur a,.inmenu li:hover a{ background-color:#e9303c; color:#fff;}

.inmenu li.cur,.inmenu li:hover{ display:inline-block;}

.inmenu li.cur,.inmenu li:hover{*display:inline;*zoom:1}

.inmenu li.cur i,.inmenu li:hover i{ display:block}

.inmenu li.cur i,.inmenu li:hover i{ *display:inline-block}

.inmenu li.cur b,.inmenu li:hover b{ display:block}

.inmenu li.cur b,.inmenu li:hover b{ *display:inline-block}





.probox{ overflow:hidden; width:1200px;margin:0 auto; position:relative; margin-bottom:54px; }

.probox ul{padding:10px; overflow:hidden; width:1230px;}

.probox li{ overflow:hidden; float:left; position:relative; width:386px; height:460px; margin-right:16px; background-color:#fff; margin-bottom:20px;}

.probox li img{ display:block; position:absolute; left:0; top:0}

.probox li .wen{ overflow:hidden; padding:0 20px; width:346px; height:93px; border-top:1px solid #ccc; position:absolute; left:0; bottom:0; z-index:2; background:url(../images/p02_jiantou.png) no-repeat -40px center;}

.probox li h4{ font-size:16px; font-weight:normal; margin-top:20px; margin-bottom:5px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.probox li h4 a{ color:#333;}

.probox li p{ font-size:12px; color:#999; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:290px;}

.probox li:hover{ box-shadow:0 0 10px #ccc;}

.probox li:hover a{ color:#fff;}

.probox li:hover p{ color:#a3beef;}


/*分页样式*/
.pagination{padding:25px 0 15px;text-align:center;overflow:hidden;}
.pagination a{font-size:12px;line-height:30px;display:inline-block;height:30px;padding:0 12px;text-align:center;color:#333;border: 1px solid #e3e3e3;background:#fff;margin-left:2px;}
.pagination a.a1{line-height:30px;height:30px;margin-top:0;padding:0 12px;}
.pagination a:hover{text-decoration:none;color:#000;background:#f1f1f1;}
.pagination span{line-height:30px;display:inline-block;height:30px;padding:0 12px;text-align:center;color:#fff;margin-left:2px;background:#b61f24;color:#fff;border:1px solid #8f0207;}


        .p1-search-1 {
            background: #f2f2f2;
            height: 82px;
            border-bottom: 1px solid #eee;
            overflow: hidden;
            font-size: 14px;
        }
        
        .p1-search-1 p {
            color: #444;
            line-height: 82px;
        }
        
        .p1-search-1 a {
            color: #444;
            display: inline-block;
            margin-right: 15px;
        }
        
        .p1-search-1-inp {
            width: 270px;
            height: 30px;
            border-radius: 20px;
            background: #fff;
            padding-left: 10px;
            margin-top: 28px;
        }
        
        .p1-search-1-inp input {
            border: 0;
        }
        
        .p1-search-1-inp1 {
            width: 224px;
            height: 30px;
            line-height: 30px;
            color: #a9a9a9;
            float: left;
        }
        
        .p1-search-1-inp2 {
            width: 30px;
            height: 30px;
            background: url(images/VISkins-p1.png) no-repeat -258px -936px;
            float: right;
            cursor: pointer;
        }
    

        .p12-curmbs-1 {
            font-size: 14px;
            border-bottom: 1px dashed #dcdcdc;
        }
        .p12-curblock{
            display: none;
        }
        .p12-curmbs-1 b {
            border-left: 10px solid #ffffff;
            font-weight: normal;
            padding-left: 8px;
        } 
        .p12-curmbs-1 i {
            font-style: normal;
        }
        
        .p12-curmbs-1 span {
            font-family: '宋体';
            padding: 0 5px;
            height: 46px;
            line-height: 46px;
        }
    

 .p12-sitemap-1-xml{     height:30px; line-height:30px;text-align:right;}
        .p12-sitemap-1-tit {
            height: 46px;
            font-size: 26px;
            line-height: 46px;
            color: #fff;
            clear: both;
        }
        
        .p12-sitemap-1-tit p {
            display: inline-block;
            padding: 0 30px;
            text-align: center;
            background: #da0000;
        }
        
        .p12-sitemap-1-tit a {
            color: #fff;
        }
        
        .p12-sitemap-1 ul {
            padding-top: 15px;
            display: inline-block;
            width: 100%;
            border-bottom: 1px solid #d2d2d2;
            margin-bottom: 40px;
        }
        
        .p12-sitemap-1 li {
            height: 60px;
            line-height: 60px;
            border-bottom: 1px solid #d2d2d2;
            text-align: center;
            width: 16.66%;
            float: left;
            overflow: hidden;
            position: relative;
            top: 1px;
        }