@charset "UTF-8";

/*--------------------初始化---------------------*/
* {padding: 0;margin: 0;-webkit-box-sizing: border-box;box-sizing: border-box;outline: none;}
body {font-family: "Montserrat Regular",'Arial','Microsoft Yahei';font-size:14px;}
label.error {text-indent: -9999999px;display: none !important;}
.hot-title a {color: #022b67}


img{border:none;vertical-align:bottom;}
i, em, cite{font-style: normal;}
ul,li{ list-style: none; margin: 0; padding: 0;}
* input {vertical-align: middle;float:left;outline:none;border:none;}
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}

a {
    text-decoration: none;
    -webkit-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
    color: #022b67;
}

a * {
    transition: 300ms;
}

a:hover {
    text-decoration: none;
    color: #ff6600;
}

a .pic {overflow: hidden;transition: 500ms;}
a:hover .pic img {transform: scale(1.1) !important;}
.clearfix:before,
.clearfix:after {content: "";display: table;line-height: 0;clear: both;}

/*--------------------dufault---------------------*/
img {display: block;
    border: 0;
}

.pro1 img {
    max-width: 100%;transform: scale(1) !important;
}

.news-prolist {
    padding-top: 40px;
    background: #f4f4f4
}

.news-prolist .tit h2 {
    text-align: center;
    font-size: 25px;font-family:"Montserrat","microsoft yahei";font-weight:bold;
    color:#022b67;
}

.news-prolist ul {
    padding: 35px 0;
    width: 100%;
}

.news-prolist li {
    padding: 0 17px;
    float: left;
    width: 25%;
    margin-bottom: 34px;
}

.news-prolist li a {
    display: block;
    width: 100%;
    background: #fff;
    overflow: hidden;
}

.news-prolist li a .pic {
    width: 100%;
    overflow: hidden;
    height: 280px;
}


.news-prolist li a .pic img {
    width: 100%;max-height:100%;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.news-prolist li a .pnew {width: 100%;overflow: hidden;height: 210px;overflow: hidden;}
.news-prolist li a .pnew img {
    width: 100%;max-height:100%;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.news-prolist li a .tit {
    padding: 0 30px;
    height: 40px;
    margin: 10px 0 15px;
    font-size: 14px;
    line-height: 20px;
    color: #222;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;text-align: center;
}

.news-prolist li a:hover {
    -webkit-box-shadow: 0px 10px 30px 0px rgba(102, 102, 102, 0.2);
    box-shadow: 0px 10px 30px 0px rgba(102, 102, 102, 0.2);
    -webkit-transform: translateY(-1%);
    transform: translateY(-1%);
}

.news-prolist li a:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.news-prolist li a:hover .tit {
    color: #ff6600;
}



body {
    overflow-x: hidden;
    font-size: 14px;
}

figure {
    margin: 0;
}

.wrap {
    margin: 0 auto;
    width: 1260px;
    min-width: 1260px;
}

.w90 {
    width: 90%;
    margin: auto;
}

.header-block {
    width: 100%;
    height: 146px;
}

.index-banner div {height: 570px;position: relative;overflow: hidden;}
.index-banner .slick-dots{bottom:30px;}
.index-banner .slick-dots li{overflow:hidden;border-radius: 50%;height:14px;width:14px;border:2px solid #f60;}
.index-banner .slick-dots .slick-active{background-color:#f60;text-indent: 100px;}
.index-banner .slick-dots li a{display: none;}
.index-banner div img {position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.pro-banner img {margin: 40px auto 0;}

.page-banner{height:400px;position: relative;}
.page-banner img{position: absolute;left:50%;transform: translateX(-50%);}

/*-----------------------------------------*/
input[type=button],
input[type=submit] {
    -webkit-appearance: none;
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
    -webkit-appearance: none;
}

textarea {
    -webkit-appearance: none;
}

.button {
    border-radius: 0;
}
.fl {float: left;}
.fr {float: right;}
/******************************************************* DEFAULT END */
/***
*** header ***
***/
.header-top{height: 46px;color: #fff;background: url(../images/header_top.jpg) no-repeat center top;line-height: 46px;}
.header-top span{padding-left: 40px;font-weight: bold;font-family: "Montserrat Bold";color: #fff;}
.header-top .select-open{float: right;width: 58px;height: 46px;display: block;cursor: pointer;}
.header-top .head-inquiry{float: right;position: relative;padding-left: 55px;width: 128px;color: #fff;display: block;font-size: 16px;cursor: pointer;}
.header-top .head-inquiry em{position: absolute;top: 2px;left: 30px;width: 20px;height: 20px;background: #022b67;color: #fff;text-align: center;line-height: 20px;border-radius: 50%;overflow: hidden;font-size: 12px;}

.header {height: 152px;box-shadow: 0 25px 35px rgba(0,0,0,.1)}

.header .logo {

    min-width: 650px;
    padding-top: 25px;
}

.header .logo a {
    display: block;
}

.header .logo a img {
    float: left;
    border-right: 1px solid #ddd;
    padding-right: 20px;
    margin-right: 20px;
}


.header .logo a h1 {
    color: #000;
    font-size: 22px;
    margin-top: 18px;
    line-height: 1.5
}

.header .logo a h2 {
    color: #ff6600;
    font-size: 20px;
    font-weight: bold;
}

.topitem {
    display: flex;
    transform: translateY(25%);
    width: 500px;
}

.topitem li {
    font-size: 16px;
    width: 50%;
    color: #022b67;
    box-sizing: border-box;
    padding: 30px 0 30px 60px;
    background-image: url(../images/ico1.jpg);
    background-repeat: no-repeat;
    background-position: left center;
}

.topitem li:nth-child(2) {
    background-image: url(../images/ico2.jpg)
}



.search-box .search-btn {
    display: block;
    width: 56px;
    height: 56px;
    font-size: 0;
    background: #fff;
    border: 0;
    outline: none;
    cursor: pointer;
    background: url("/templets/images/ico3.jpg") no-repeat center center;
}

.search-box .search-keyword {
    border: 0;
    outline: none;
    width: 300px;
    height: 56px;
    text-indent: 20px;
    background-color: #dddad3;
}


.header-left{float: left;padding-top: 23px;}

.menu {
    float: right;
    height: 60px;
    text-align: center;
}

.menu>ul {text-align: center;
}
.menu>ul:before,.menu>ul:after{clear:both;display: table;content:'';line-height: 0;}
.menu>ul>li {
    float: left;
    position: relative;
    display: block;
}
.menu>ul>li:nth-child(8){float:right;border-left:1px solid #4d6f4e;border-right:1px solid #4d6f4e;}

.menu>ul>li>a {
    display: block;
    line-height: 106px;
    font-size: 14px;
    padding: 0 25px;
    transition: 400ms;
    font-weight: 700;
}

.menu>ul>li a:hover,
.menu>ul>li.current a {
    color: #ff6600;
}

.menu>ul>li ul {
    position: absolute;
    z-index: 10;
    top: 106px;
    width: 150%;
    overflow: hidden;
}

.menu>ul>li ul ul {
    display: none !important;
}



.menu>ul>li ul li a {
    display: block;
    height: 0;
    line-height: 40px;
    width: 100%;
    text-align: center;
    background: #022b67;
    color: #fff;
    overflow: hidden;
    transition-duration: 450ms;
}

.menu>ul>li.current ul li a{color:#fff;}

.menu>ul>li ul li a:hover {
    background: #ff6600;color:#fff;
}

.menu>ul>li:hover ul li a {
    height: 40px;
}

.header-search-main{z-index: 9999;position: fixed;top: -100%;left: 0;width: 100%;height: 100%;transition-duration: 500ms;}
.header-search-show{top: 0;}
.header-search-bg{width: 100%;height: 100%;background: rgba(0,0,0,0.75);}
.header-search{position: absolute;top: 0;left: 0;width: 100%;height: 130px;background: #fff;}
.header-search{padding: 30px 0;background-color: #fff;-webkit-box-shadow: 0 8px 32px rgba(0,0,0,0.08);box-shadow: 0 8px 32px rgba(0,0,0,0.08);}
.header-search input{float: left;line-height: 70px;height: 70px;font-size: 20px;}
.header-search .search-keyword{padding: 0 10px 0 30px;width: 960px;font-size: 20px;border: 1px solid #eaeaea;background: #f0f0f0;border-right: none;font-weight: normal;}
.header-search .search-btn{width: 200px;color: #fff;background: #022b67;font-weight: bold;cursor: pointer;font-size: 20px;font-family: "Montserrat Bold";}

/*----------------------------index-----------------------------*/

.indexpro-menu{padding: 60px 0 70px;background: #f4f4f4;}



.indexpro-menu .wrap{margin: 53px auto 0;padding: 0 10px;max-width: 1390px;width: 100%;}
.indexpro-menu li{float: left;margin-bottom: 15px;width: 49.5%;position: relative;background-color:#003992;}
.indexpro-menu li:nth-child(1){margin-right: 1%;}
.indexpro-menu li:nth-child(3){margin-right: 1%;width: 24.25%;}
.indexpro-menu li:nth-child(4){margin-right: 1%;width: 24.25%;}
.indexpro-menu li div{overflow:hidden;}
.indexpro-menu li div img{width: 100%;}
.indexpro-menu li h3{position: absolute;bottom: 30px;width: 100%;color: #fff;text-align: center;font-weight: bold;font-size: 25px;}
.indexpro-menu li a{display:block;}
.indexpro-menu li a:hover div img{transform: scale(1.09);opacity: .8}
.indexpro-menu li a:hover h3{bottom:60px;}
.pro1 {padding: 0 60px;}
.pro1 li {padding: 10px;}
.pro1 li a {display: block;background-color: #fff;}
.pro1 li a:hover {transform: translateY(-5px)}
.pro1 li a p {padding: 15px 0;text-align: center;color: #000;}
.pro1 li a:hover p {color: #ff6600;}


.pro1 .slick-arrow ,.news-prolist .slick-arrow,.idxnews .slick-arrow{
    font-family: "iconfont";
    font-size: 12px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    position: absolute;
    color: #000;
    top: 50%;
    margin-top:-20px;
    background-color: #fff;
    text-align: center;
    border: 1px solid #ddd;z-index:100;
}

.pro1 .slick-arrow i ,.news-prolist .slick-arrow i,.idxnews .slick-arrow i{
    display: none;
}

.pro1 .slick-arrow:before ,.news-prolist .slick-arrow:before,.idxnews .slick-arrow:before {
    line-height: 40px;
    display: block;
    width: 100%;
}

.pro1 .slick-prev:before,.news-prolist .slick-prev:before,.idxnews .slick-prev:before {
    content: '\e67a';
}

.pro1 .slick-next:before,.news-prolist .slick-next:before,.idxnews .slick-next:before {
    content: '\e508';
}

.pro1 .slick-prev,.idxnews .slick-prev {
    left: 0px;
    text-indent: -3px;
}

.pro1 .slick-next,.idxnews .slick-next {
    right: 0px;
    text-indent: 3px;
}
.news-prolist .slick-prev{left: -35px;}
.news-prolist .slick-next{right: -35px;}

.indextitle div.tit h2{text-align:center;color:#022b67;font-size:35px;font-family: "Montserrat Black";line-height: 80px;}
.indextitle div.tit h2 i{width: 40px;height: 5px;display: block;margin: 0 auto;background: #f60;}

.indexpro{padding: 60px 0 88px 0;}
.indexpro .slick-slider{margin-top: 25px;}

.idxnews{margin:60px 0 0;max-width:1260px;margin:auto;}
.idxnews ul{padding:20px 10px 60px;}
.idxnews li{margin:35px 15px;box-shadow:0 5px 10px 0 rgba(0,0,0,.08);transition: 500ms;}
.idxnews li .pic{height:210px;overflow:hidden;}
.idxnews li .pic img{height:100%;width:100%;object-fit: cover;}
.idxnews li a .tit,.idxnews li a .description{height:3em;font-size:16px;line-height: 1.4em;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;color:#000;}
.idxnews li:hover{transform: translateY(-1%);box-shadow:0 25px 25px 0 rgba(0,0,0,.15);}
.idxnews li a .date{margin:15px 0;}

.idxnews li a .description{font-size:14px;height:2.8em;color:#999;}

.idxnews li a:hover .tit{color:#ff6600;}
.idxnews li .con{padding:20px;}

/******************************************************* HEADER END */

.index-tag-main{min-width: 1260px;height: 835px;background: url(../images/index_tag.jpg) no-repeat center top;}
.index-tag-main.indextitle div.tit h2{padding: 59px 0 54px;color: #fff;border-bottom: 1px solid #8a8a8a;}
.index-tag-left{float: left;width: 234px;border-right: 1px solid #8a8a8a;border-left: 1px solid #8a8a8a;}
.index-tag-left li{height: 159px;border-bottom: 1px solid #8a8a8a;transition-duration: 350ms;}
.index-tag-left li.indextag-box4{border: 0;}
.index-tag-left li.current{background: #f60;}
.index-tag-left li i{height: 105px;display: block;}
.index-tag-left p{font-size: 14px;color: #fff;text-align: center;display: block;}

.index-tag-left li.indextag-box1 i{background: url(../images/index_tag1.png) no-repeat center 50px;}
.index-tag-left li.indextag-box2 i{background: url(../images/index_tag2.png) no-repeat center 50px;}
.index-tag-left li.indextag-box3 i{background: url(../images/index_tag3.png) no-repeat center 50px;}
.index-tag-left li.indextag-box4 i{background: url(../images/index_tag4.png) no-repeat center 50px;}


.index-tag-right{width: 965px;float: right;}
.indextag-content{padding-top: 95px;color: #fff;display: none;}
.indextag-content.current{display: block;}
.indextag-content img{float: right;padding-left: 65px;}
.indextag-content span{font-size: 100px;font-family:"Montserrat Black";line-height: 1;
color:transparent;-webkit-text-stroke: 2px #fff;text-stroke: 2px #fff;
}
.indextag-content h3{padding: 30px 0 25px;font-size: 30px;line-height: 30px;}
.indextag-content p{font-size: 16px;line-height: 30px;}
.indextag-content a{margin-top: 42px;cursor: pointer;font-size: 16px;color: #022b67;display: block;width: 173px;height: 55px;text-align: center;line-height: 55px;background: #fff;}
.indextag-content a:hover{background: #f60;color: #fff;}








.index-about {padding: 84px 0 87px;background: #f3f5f2;}
.index-about.indextitle div.tit h2{padding-bottom: 34px;text-align: left;line-height: 65px;}
.index-about.indextitle div.tit h2 i{margin: 0;}
.index-about-img{float: left;position: relative;}
.index-about-img a{position: absolute;bottom: 0;right: 0;width: 173px;height: 55px;display: block;background: #022b67;color: #fff;text-align: center;line-height: 55px;font-size: 16px;}
.index-about-img a:hover{background: #f60;}

.index-about .con{float: right;width: 585px;line-height: 2}
.index-about .con p{line-height: 30px;letter-spacing: .5px;}

/******************************************************* INDEX END */
/***
*** 内页 ***
***/
.page-bg {
    background: #fafafa;
}

.page-wrap {
    width: 1280px;
    margin: auto;
}

.page-title {
color:#022b67;
    text-align: center;
    font-weight: bold;
    font-size: 35px;
    line-height: 1;
}



.page-position {
    color: #999;
    line-height: 52px;
}

.page-position a {
    color: #999;
}

.page-position a:hover {
    color: #022b67;
}

.list-product {
    padding: 60px 0;
}

.list-product:before,
.list-product:after {
    content: '';
    clear: both;
    display: table;
    line-height: 0px;
}

.list-product .type-list {
    background-color: #022b67;
}

.list-product .type-list {
    width: 20%;
    float: left;

}

.list-product .type-list ul.on {
    display: inline-block;
}

.list-product .type-list li {}

.list-product .type-list li a {
    color: #fff;
    display: block;
    padding: 0 17px;
    line-height: 60px;
    font-size: 16px;
    font-weight: bold;
}

.list-product .type-list li.on a,
.list-product .type-list li a:hover {
    margin-left: 5px;
    background: #fff;
    color: #ff6600;
position: relative;
}
.list-product .type-list li.on a:before,
.list-product .type-list li a:hover:before{
content:'';
width:5px;height:100%;position: absolute;left:-5px;top:0;background-color:#ff6600;

}
.list-product .type-list li:nth-last-of-type(1) {
    margin-right: 0;
}



.list-product .pro-list ul:fist-child li {
    padding: 0 17px;
    float: left;
    width: 25%;
    margin-bottom: 34px;
}

.list-product .pro-list ul:fist-child li a {
    display: block;
    width: 100%;
    background: #fff;
    overflow: hidden;
}

.list-product .pro-list ul:fist-child li a .pic {
    width: 100%;
    overflow: hidden;
}

.list-product .pro-list ul:fist-child li a .pic img {
    width: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.list-product .pro-list ul:fist-child li a .tit {
    padding: 0 30px;
    height: 40px;
    margin: 25px 0;
    font-size: 14px;
    line-height: 20px;
    color: #222;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.list-product .pro-list ul:fist-child li a:hover {
    -webkit-box-shadow: 0px 35px 55px 0px rgba(102, 102, 102, 0.2);
    box-shadow: 0px 35px 55px 0px rgba(102, 102, 102, 0.2);
    -webkit-transform: translateY(-1%);
    transform: translateY(-1%);
}

.list-product .pro-list ul:fist-child li a:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.list-product .pro-list ul:fist-child li a:hover .tit {
    color: #022b67;
}

.art-product .procontent-box {
    width: 100%;
    min-width: 1260px;
    position: relative;
}

.art-product .procontent-box .probox-l {
    /* height: 100vh; */
    width: 50%;
}

.art-product .procontent-box .probox-l .product_pic {
    display: block;
    position: relative;
    padding-top: 20px;
    padding-bottom: 50px;
}

.art-product .procontent-box .probox-l .product_pic .big-img {
    margin: 0 auto;
    width: 600px;
    height: 600px;
    overflow: hidden;
    
}
.art-product .procontent-box .probox-l .product_pic .big-img .proimgli{display: none;}
.art-product .procontent-box .probox-l .product_pic .big-img .proimgli.imgon{display: block;}

@media screen and (min-width:1440px) {
    .art-product .procontent-box .probox-l .product_pic .big-img {
        width: 750px;
        height: 750px;
    }
}

@media screen and (max-width:1440px) {
    .art-product .procontent-box .probox-l .product_pic .big-img {
        width: 600px;
        height: 600px;
    }
}

.art-product .procontent-box .probox-l .product_pic .big-img .show {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 474px;
    height: 474px;
    padding: 0;
}

.art-product .procontent-box .probox-l .product_pic .big-img .show span {
    display: inline-block;
}

.art-product .procontent-box .probox-l .product_pic .big-img img {
    width: 100%;
    position: relative;
/*    top: 50%;
    transform: translateY(-50%);*/
}

.art-product .procontent-box .probox-l .product_pic .smallimg {
    margin: 30px auto 0;
    width: 580px;
    height: 76px;
    overflow: hidden;
    position: relative;display: none;
}

.art-product .procontent-box .probox-l .product_pic .smallimg .scrollbtn {
    display: block;
    width: 74px;
    height: 74px;
    cursor: pointer;
}

.art-product .procontent-box .probox-l .product_pic .smallimg .smallImgUp {
    background: url("/templets/images/slide-left.png") center center no-repeat;
    margin-right: 6px;
}

.art-product .procontent-box .probox-l .product_pic .smallimg .smallImgUp:hover {
    opacity: .8;
}

.art-product .procontent-box .probox-l .product_pic .smallimg .smallImgDown {
    background: url("/templets/images/slide-right.png") center center no-repeat;
}

.art-product .procontent-box .probox-l .product_pic .smallimg .smallImgDown:hover {
    opacity: .8;
}

.art-product .procontent-box .probox-l .product_pic .smallimg .imagemenu {
    position: relative;
    width: 420px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    height: 76px;
}

.art-product .procontent-box .probox-l .product_pic .smallimg .imagemenu ul {
    position: absolute;
    top: 0;
    left: 0;
    height: 76px;
    width: 999em;
    top: 0;
}

.art-product .procontent-box .probox-l .product_pic .smallimg .imagemenu ul li {
    float: left;
    width: 76px;
    height: 76px;
    border-radius: 5px;
    border: 2px solid #fff;
    overflow: hidden;
    margin-right: 10px;
}

.art-product .procontent-box .probox-l .product_pic .smallimg .imagemenu ul li a {
    display: table-cell;
    width: 76px;
    height: 76px;
    vertical-align: middle;
    text-align: center;
}

.art-product .procontent-box .probox-l .product_pic .smallimg .imagemenu ul li a img {
    width: 100%;
}

.art-product .procontent-box .probox-l .product_pic .smallimg .imagemenu ul li.current,
.art-product .procontent-box .probox-l .product_pic .smallimg .imagemenu ul li:hover {
    border-color: #022b67;
}

.art-product .procontent-box .probox-r {
    width: 50%;
    padding-right: 50px;
    /* min-height: 100vh; */
}

.art-product .procontent-box .probox-r .pro-tit {
    font-size: 26px;
    line-height: 40px;
    font-weight: bold;
    padding-bottom: 20px;
    padding-top: 20px;
}

.art-product .procontent-box .probox-r .pro-model {
    font-size: 16px;
    color: #999999;
}

.art-product .procontent-box .probox-r .pro-contact {
    padding-bottom: 30px;
}
.art-product .procontent-box .probox-r .pro-contact:after,.art-product .procontent-box .probox-r .pro-contact:before{content:'';clear:both;display: table;line-height: 0;}

.art-product .procontent-box .probox-r .pro-contact div {
    width: 49%;
   float:left;
}

.art-product .procontent-box .probox-r .pro-contact div a {
    display: block;
    width: 100%;
    height: 44px;
    font-size: 18px;
    line-height: 44px;
    font-weight: bold;
    border-radius:35px;
    text-align: center;
}

.art-product .procontent-box .probox-r .pro-contact .inquiry {float:right;
    margin-left: 2%;
}

.art-product .procontent-box .probox-r .pro-contact .inquiry a {
    background: #ff6600;
    color: #fff;
}

.art-product .procontent-box .probox-r .pro-contact .inquiry a:hover {
    background: #022b67;
    color: #fff;
}
.art-product .procontent-box .probox-r .pro-contact .inquiry a.inquiryon{background: #cdcdcd;border-color: #cdcdcd;}
.art-product .procontent-box .probox-r .pro-contact .inquiry a.inquiryon:hover{background: #fff;color: #022b67;border-color: #022b67;}

.art-product .procontent-box .probox-r .pro-contact .email a {
    background-color: #022b67;
    color: #fff;
}

.art-product .procontent-box .probox-r .pro-contact .email a:hover {
    background-color: #ff6600;
}

.art-product .procontent-box .probox-r .pro-content {
    padding-bottom: 50px;
    color: #444;
}

.art-product .procontent-box .probox-r .pro-content table {
    border-top: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
}

.art-product .procontent-box .probox-r .pro-content table td {
    border-bottom: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    vertical-align: middle;
    padding: 7px 15px;
    line-height: 28px;
    color: #555;
    font-weight: bold;
}

.art-product .procontent-box .probox-r .pro-content table td:nth-child(1) {
    font-size: 16px;
    color: #022b67;
}

.art-product .procontent-box .probox-r .pro-content p {
    font-size: 16px;
    line-height: 30px;
}

.art-product .procontent-box .probox-r .pro-content p strong {
    font-size: 20px;
    font-weight: bold;
}

.art-product .procontent-box .probox-r .pro-content img {
    display: inline;
    max-width: 100%;
}

.art-product .outer-product {
    background: #f4f4f4;
    padding: 0;
}

.art-product .outer-product .pro-slide {}

.pro-slide img {
    max-width: 100%;
}

.art-product .outer-product .pro-slide .slide-tit {
    font-size: 26px;
    font-weight: bold;
}

.keywords-box {
    padding: 25px 0 55px;
}

.keywords-box .tit h2{color:#022b67;text-align: center;line-height: 3;font-family: "Montserrat","arial","microsoft yahei";font-weight:bold;margin-bottom:20px;font-size:25px;}
.keywords-box a {
    margin-right: 15px;
    display: inline-block;
    line-height: 40px;
    padding: 0 28px;
    border-radius: 20px;
    background: #e5e5e5;
    color: #555;
    transition-duration: 350ms;
}

.keywords-box a:hover {
    background: #022b67;
    color: #fff;
}

.pro-t{background:#b3a270;text-align: center;padding:30px 0;margin-bottom:20px;}
.pro-t h2{color:#fff;font-size:25px;font-weight: bold;}
.art-product .outer-product .pro-slide .slide-box {
    position: relative;
}

.art-product .outer-product .pro-slide .slide-box .swiper-container {
    padding: 30px 0;
}

.art-product .outer-product .pro-slide .slide-box .swiper-slide {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.art-product .outer-product .pro-slide .slide-box .swiper-slide .pic {
    overflow: hidden;
}

.art-product .outer-product .pro-slide .slide-box .swiper-slide .pic img {
    width: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.art-product .outer-product .pro-slide .slide-box .swiper-slide .tit {
    padding: 0 30px;
    height: 60px;
    margin: 25px 0;
    font-size: 14px;
    line-height: 20px;
    color: #222;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.art-product .outer-product .pro-slide .slide-box .swiper-slide:hover {
    -webkit-box-shadow: 0 15px 25px 0 rgba(102, 102, 102, 0.2);
    box-shadow: 0 15px 25px 0 rgba(102, 102, 102, 0.2);
    -webkit-transform: translateY(-0.5%);
    transform: translateY(-0.5%);
}

.art-product .outer-product .pro-slide .slide-box .swiper-slide:hover .pic img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.art-product .outer-product .pro-slide .slide-box .swiper-slide:hover .tit {
    color: #022b67;
}

.art-product .outer-product .pro-slide .slide-box .swiper-btn {
    display: none;
}

.art-product .outer-product .pro-slide .slide-box .sli-btn {
    width: 52px;
    height: 52px;
    position: absolute;
    top: 50%;
    margin-top: -26px;
    cursor: pointer;
}

.art-product .outer-product .pro-slide .slide-box .sli-btn:hover {
    opacity: .8;
}

.art-product .outer-product .pro-slide .slide-box .left-btn {
    background: url("/templets/images/slide-left.png") no-repeat center center;
    left: -100px;
}

.art-product .outer-product .pro-slide .slide-box .right-btn {
    background: url("/templets/images/slide-right.png") no-repeat center center;
    right: -100px;
}

.art-product .outer-product .xihuan {
    padding-top: 50px;
}

.page-news {
    padding: 30px 0 60px;
}

.page-news .news-list {
    padding-top: 30px;
    min-height: 200px;
}

.page-news .news-list li {
    position: relative;
    padding: 32px 20px 32px 36px;
    overflow: hidden;
    -webkit-transition: all .5s;
    transition: all .5s;
    cursor: pointer;
    border-bottom: 1px solid #ddd;
}

.page-news .news-list span {
    display: inline-block;
    width: 200px;
    height: 135px;
    overflow: hidden;
    border: 1px solid #eee;position: relative;
}

.page-news .news-list span .no-pic {
    display: none;
    color: #555;
    text-align: center;
    position: relative;
    top: 50%;
    line-height: 30px;
    margin-top: -15px;
}

.page-news .news-list img {
    width: 200px;
    margin-right: 40px;
    -webkit-transition: all .5s;
    transition: all .5s;transform: translateY(-50%);top:50%;position: absolute;

}

.page-news .news-list .txt {
    position: absolute;
    width: 72%;
    top: 32px;
    left: 280px;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.page-news .news-list .tit {
    margin: 5px 0 3px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    color: #575757;
    -webkit-transition: all .5s;
    transition: all .5s;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 600px;
    white-space: nowrap;
}

.page-news .news-list .date {
    position: absolute;
    right: 10px;
    top: 11px;
    font-size: 14px;
    margin-bottom: 12px;
    padding-bottom: 12px;
    color: #999;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.page-news .news-list .description {
    top: 80px;
    width: 700px;
    height: 56px;
    -webkit-transition: all .5s;
    transition: all .5s;
    font-size: 14px;
    color: #999;
    line-height: 28px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 20px;
}

.page-news .news-list a {
    display: block;
}

.page-news .news-list li:hover {
    background-color: #fff;
}

.page-news .news-list li:hover .tit {
    color: #022b67;
}

.page-news .news-list li:hover .description,
.page-news .news-list .caiyan-news li:hover .tit {
    margin-left: 10px;
}

.page-news .news-list li:hover .date,
.page-news .news-list .caiyan-news li:hover .tit {
    color: #333;
}

.page-news .news-list li:hover .description {
    color: #666;
}

.page-news .page-tit {
    margin-bottom: 0;
}

.epd-news {
    padding: 50px 0;
}

#news_con article {
    font-size: 14px;
    line-height: 28px;
}

#news_con article .title {
    width: 900px;
    color: #444;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    margin: 0 auto;
    line-height: 28px;
}

#news_con article .date {
    font-size: 12px;
    text-align: center;
    color: #aaa;
    margin-top: 5px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

#news_con article .body {
    width: 1100px;
    margin: 50px auto 0;
    min-height: 250px;
}

#news_con article .body p {
    line-height: 26px;
    font-size: 16px;
    color: #333;
}

#news_con img {
    max-width: 800px;
    height: auto !important;
    display: block;
    margin: 15px auto;display: block;
}


.list-product .pro-list {
    width: 75%;
    float: right;
}

.list-product .pro-list.search{float:none;width:100%;padding-top: 30px;}
.list-product .pro-list.search ul:first-child li {
    padding: 0 17px;
    float: left;
    width: 25%;
    margin-bottom: 34px;
}
.list-product .pro-list ul:first-child li {
    padding: 0 17px;
    float: left;
    width: 33.333333%;
    margin-bottom: 34px;
}

.list-product.down .pro-list ul:first-child li{
width:25%;

}


.list-product .pro-list ul:first-child li a {
    padding: 10px;
    display: block;
    width: 100%;
    background: #fff;
    overflow: hidden;
}

.list-product .pro-list ul:first-child li a .pic {
    width: 100%;
    overflow: hidden;
}

.list-product .pro-list ul:first-child li a .pic img {
    width: 100%;
    min-height: 255px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.list-product .pro-list ul:first-child li a .tit {
    padding: 15px 30px;
    font-size: 14px;
    line-height: 20px;text-align: center;
    color: #222;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.list-product .pro-list ul:first-child li a:hover {
    -webkit-box-shadow: 0px 35px 55px 0px rgba(102, 102, 102, 0.2);
    box-shadow: 0px 35px 55px 0px rgba(102, 102, 102, 0.2);
    -webkit-transform: translateY(-1%);
    transform: translateY(-1%);
}

.list-product .pro-list ul:first-child li a:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.list-product .pro-list ul:first-child li a:hover .tit {
    color: #022b67;
}


.page-about {
    padding: 30px 0 50px;
}

.page-about .about-l {
    width: 250px;
}

.page-about .about-l ul li {
    border-bottom: 1px solid #eee;
}

.page-about .about-l ul li a {
    display: block;
    padding-left: 18px;
    color: #555;
    line-height: 50px;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.page-about .about-l ul li:hover a,
.page-about .about-l ul li.on a {
    padding-left: 30px;
    color: #fff;
    background: #022b67;
}

.page-about .about-r {
    width: 100%;
}

.page-about .about-r .tit {
    font-size: 50px;
    font-weight: bold;
    color: #022b67;
    line-height: 74px;
    text-align: center;
}


.page-about .about-r .cont img {
    max-width: 100%;
    display: inline;
}

.page-about .about-r .cont p {
    font-size: 16px;
    color: #555;
    line-height: 28px;
}

.addthis_inline_share_toolbox_7utf {
    text-align: center;margin: 0 0 20px;
}
.at-share-btn-elements{margin:20px 0;}
.contact_title {
    font-size: 26px;
    font-weight: bold;
    padding-bottom: 40px;
}

.contact_list {
    margin-bottom: 40px;
    border-bottom: 1px solid #ddd;
}

.contact_list>li {
    float: left;
    width: 50%;
    margin-bottom: 60px;
}

.contact_list>li .contact_l {
    margin-right: 75px;
}

.contact_list>li .contact_l .img {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
}

.contact_list>li .contact_l .img img {
    width: 100%;
}

.contact_list>li .contact_l .name {
    text-align: center;
    font-size: 14px;
    color: #333;
    font-weight: bold;
    padding: 15px 0;
}

.contact_list>li .contact_r .skype {
    display: block;
    width: 138px;
    font-size: 14px;
    color: #fff;
    line-height: 36px;
    background: #022b67;
    border: 1px solid #022b67;
    text-align: center;
    /* margin: 0 auto; */
    margin-top: 10px;
    border-radius: 5px;
}

.contact_list>li .contact_r .skype:hover {
    color: #022b67;
    background: #fff;
}

.contact_list>li .contact_r p {
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 10px;
    color: #555;
}

.contact_list>li .contact_r a {
    color: #555;
}

.contact_list>li .contact_r a:hover {
    color: #022b67;
}

.contact_main {
    padding: 60px 0;
    background: #fafafa;
}

.contact_main h1 {
    font-size: 26px;
    font-weight: bold;
    line-height: 2.2;
    text-align: center;
}

 .contact_foot {
   margin:auto;max-width:1200px;padding-top:80px;
}

 .contact_foot:before, .contact_foot:after{content:'';display:table;line-height:0;clear:both;}

 .contact_foot li {
    position: relative;
    width: 32.25%;
    min-height: 184px;
    float: left;
    margin-right: 1%;
    background: #fff;
    text-align: center;
    padding: 70px 30px 30px;
    color: #555;
    line-height: 28px;
}
.contact_foot.en li{width:32.66666%;}

 .contact_foot li:last-child {
    margin: 0;
}

 .contact_foot li:nth-child(1):before {content:'';
    background: #022b67 url(../images/location.png) center center no-repeat;
}

 .contact_foot li:nth-child(2):before {content:'';
    background: #022b67 url(../images/tel-icon2.png) center center no-repeat;
}

 .contact_foot li:nth-child(3):before {content:'';
    background: #022b67 url(../images/email.png) center center no-repeat;
}
 .contact_foot li:nth-child(4):before {content:'';
    background: #022b67 url(../images/1688.png) center center no-repeat;
}
  .contact_foot li:before {
    display: block;
    position: absolute;
    width: 80px;
    height: 80px;
    top: -40px;
    left: 50%;
    margin-left: -40px;
    border-radius: 50%;
}

.contact-map {
    height: 400px;
    overflow: hidden;
    margin-top: 60px;
}

.contact-map a {
    display: block;
    width: 100%;
    height: 100%;
}

.contact-map img {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.reveal-modal-bg {
    position: fixed;
    background: rgba(0, 0, 0, 0.4);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr='#66000000', endcolorstr='#66000000');
    z-index: 999;
    display: none;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}

.reveal-modal {
    visibility: hidden;
    top: 15%;
    left: 50%;
    margin-left: -300px;
    width: 600px;
    background: #fff;
    position: fixed;
    z-index: 9999;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    -box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

.jDialog .jDialog-content {
    padding: 15px 20px 30px;
    position: relative;
}

.jDialog .close {
    position: absolute;
    top: 15px;
    right: 20px;
    width: 20px;
    height: 20px;
    border: none;
    cursor: pointer;
    background: url(../images/d_close.png) center center no-repeat;
}

.jDialog .close:hover {
    background: url(../images/d_close_h.png) center center no-repeat;
}

.jDialog h2 {
    color: #022b67;
    font-size: 30px;
    text-align: center;
    line-height: 2;
    padding-top: 13px;
    border-bottom: 1px solid #ccc;
}

.jDialog form>ul {
    padding: 30px 0 20px;
}

.jDialog form>ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

.jDialog form>ul>li {
    float: left;
    width: 240px;
}

.jDialog form>ul>li:last-child {
    padding-left: 39px;
    margin-left: 40px;
    border-left: 1px solid #ccc;
}

.jDialog form>ul>li:last-child h3 {
    color: #333;
    font-size: 18px;
    margin-bottom: 10px;
}

.jDialog form>ul>li:last-child li input {
    margin: 8px 5px 0 0;
    width: 13px;
    height: 13px;
    float: left;
}

.jDialog form>ul>li:first-child {
    text-align: center;
}

.jDialog form>ul>li:first-child h3 {
    color: #022b67;
    font-size: 24px;
    line-height: 2;
}

.jDialog form>h3 {
    text-align: center;
    line-height: 1;
    margin-bottom: 25px;
}

.jDialog form>input {
    border: 1px solid #aaa;
    padding: 0 10px;
    height: 44px;
    margin-bottom: 15px;
    color: #555;
}

.jDialog form>textarea {
    margin-top: 30px;
    margin-bottom: 15px;
    border: 1px solid #aaa;
    padding: 0 10px;
    padding-top: 10px;
    color: #555;
    width: 538px;
    height: 100px;
    font-family: 'Arial';
}

.jDialog form .intxt {
    width: 538px;
}

.jDialog form .code {
    width: 320px;
}

.jDialog form .coolbg {
    width: 200px;
    height: 46px;
    color: #fff;
    background: #022b67;
    line-height: 46px;
    border: none;
    cursor: pointer;
}

.jDialog form .coolbg:hover {
    background: #03baff;
}

.jDialog p {
    text-align: center;
    font-size: 18px;
    border-top: 1px solid #ccc;
    margin-top: 20px;
    padding-top: 10px;
}

.jDialog p a {
    color: #022b67;
}

.jDialog p a:hover {
    color: #aaa;
}

/******************************************************* PAGE END */
/***
*** 其他通用样式 ***
***/
/*翻页样式*/
.paging {
    text-align: center;
    padding: 45px 0 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.paging li {
    display: inline-block;
    line-height: 24px;
    text-align: center;
    font-size: 14px;
}

.paging li a {
    display: inline-block;
    color: #615c65;
    width: 24px;
    height: 24px;
    font-size: 14px;
    -webkit-transition: all .5s;
    transition: all .5s;
    text-decoration: underline;
}

.paging li.thisclass a,
.paging li:hover a {
    color: #222;
    text-decoration: none;
    font-weight: bold;
}

.pageinfo {
    letter-spacing: 1px;
}

.pageinfo strong {
    font-family: "Arial";
    font-weight: normal;
    font-size: 14px;
}

.paging li.i a,
.paging li.n a,
.paging li a.e,
.paging li.p a,
.paging li.e a {
    text-indent: -9999px;
}

.paging li.p a,
.paging li.n a {
    width: 51px;
    height: 51px;
    cursor: pointer;
}

.paging li.p {
    margin-right: 10px;
}

.paging li.n {
    margin-left: 10px;
}

.paging li.p,
.paging li.n {
    padding-top: 0;
    vertical-align: middle;
}

.paging li.p a {
    background: url("/templets/images/pag-left.png") no-repeat;
}

.paging li.n a {
    background: url("/templets/images/pag-right.png") no-repeat;
}

.paging li.p:hover a {
    background: url("/templets/images/pag-left-h.png") no-repeat;
}

.paging li.n:hover a {
    background: url("/templets/images/pag-right-h.png") no-repeat;
}

.paging li.i {
    display: none;
}

.paging li.e {
    display: none;
}

.paging {
    text-align: center;
}

.paging table {
    display: inline-block;
}

.paging table .info {
    display: none;
}

.paging table a {
    width: 24px;
    font-size: 14px;
    margin: 0 5px;
    transition: all .3s;
}

.paging table a:hover {
    color: #022b67;
}

.paging table .thisclass {
    color: #022b67;
}

/******************************************************* CONTACT END */
.contentnav {
    margin: 0 auto;
    border-bottom: 1px solid #eee;
    padding-top: 40px;
    padding-bottom: 60px;
    text-align: center;
}

.contentnav div {
    display: inline-block;
}

.contentnav div:first-child+div {
    margin: 0 160px;
}

.contentnav a {
    display: block;
    width: 120px;
    line-height: 36px;
    font-size: 14px;
    text-align: center;
    border: 1px solid #555;
    color: #555;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.contentnav a:hover {
    background-color: #022b67;
    border: 1px solid #022b67;
    color: #fff;
}

.contentnav .t-prev a:hover {
    text-indent: -10px;
}

.contentnav .t-next a:hover {
    text-indent: 10px;
}

.page-tedian .page-r .about-content {
    min-height: 450px;
}

.detail_prenext {
    text-align: center;
    padding-top: 30px;
}

.detail_prenext span {
    height: 30px;
    line-height: 30px;
    text-align: right;
}

.detail_prenext #pre {
    display: inline-block;
    background: url(../images/left-circle.png) no-repeat center left;
    padding-left: 24px;
}

.detail_prenext #next {
    display: inline-block;
    text-align: left;
    background: url(../images/right-circle.png) no-repeat right center;
    padding-right: 24px;
}

.detail_prenext #item {
    display: inline-block;
    background: url(../images/unordered-list.png) no-repeat center left;
    padding-left: 24px;
    margin: 0 90px;
}

.detail_prenext span a {
    text-decoration: none;
    color: #666;
    display: block;
}

.detail_prenext span:hover a span {
    color: #666;
}

.detail_prenext span a:hover {
    color: #022b67;
}

/******************相关产品********************/
.related_scroll {
    background: #fafafa;
    position: relative;
    display: none;
}

.related_scroll h2 {
    padding-top: 50px;
    text-align: center;
}

.related_scroll h2 a {
    color: #022b67;
    font-size: 28px;
    font-weight: 600;
}

.related_scroll .related-box {
    padding: 50px 0;
}

.related_scroll ul {
    margin-bottom: 65px;
    margin-left: 50px;
    overflow: visible !important;
}

.related_scroll ul li {
    float: left;
    width: 200px !important;
    margin-right: 15px;
    margin-left: 15px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.related_scroll ul li .title {
    font-size: 14px;
    background: #fff;
    line-height: 38px;
    height: 38px;
    overflow: hidden;
    -webkit-transition: all .3s;
    transition: all .3s;
    text-align: center;
}

.related_scroll ul li .img {
    text-align: center;
    width: 200px;
    height: 150px;
    overflow: hidden;
    background: transparent;
    -webkit-transition: all .3s;
    transition: all .3s;
    position: relative;
    background: #fff;
}

.related_scroll ul li .img img {
    width: 100%;
    margin: auto;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.related_scroll ul li a {
    display: block;
    height: 100%;
    width: 100%;
    position: relative;
}

.related_scroll ul li .ico {
    width: 40px;
    height: 40px;
    background: url("/templets/images/soso-ico.png") no-repeat;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.related_scroll ul li .ico.on {
    margin-top: -20px;
    top: 50%;
    opacity: 1;
    z-index: 1;
}

.related_scroll ul li .ico.out {
    margin-top: 0;
    top: 0;
    opacity: 0;
    z-index: 1;
}

.related_scroll ul li:hover {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.related_scroll ul li:hover a::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(32, 112, 203, 0.801);
}

.related_scroll ul li:hover .img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.tempWrap {
    margin: 0 auto !important;
    overflow: hidden;
}

.arrowl {
    display: block;
    left: -30px;
    margin-top: 20px;
    top: 50%;
}

.arrowr {
    display: block;
    right: -30px;
    margin-top: 20px;
    top: 50%;
}

.product_btn {
    border-top: 1px solid #eee;
    text-align: center;
    padding-top: 70px;
}

.product_btn a {
    display: inline-block;
    height: 40px;
    border: 2px solid #2c8dd1;
    line-height: 40px;
    width: 204px;
    border-radius: 40px;
    margin: 0 15px;
}

.product_btn a:hover {
    background: #2c8dd1;
    color: #fff;
}

.bottomwrap {
    margin: 0 auto;
    padding-left: 20px;
}

.arrow {
    position: absolute;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    cursor: pointer;
}

.arrowl {
    background: url(../images/prev2.png) center no-repeat;
    background-size: 40px 40px;
}

.arrowl:hover {
    background: url(../images/prev3.png) center no-repeat;
    background-size: 40px 40px;
}

.arrowr {
    background: url(../images/next2.png) center no-repeat;
    background-size: 40px 40px;
}

.arrowr:hover {
    background: url(../images/next3.png) center no-repeat;
    background-size: 40px 40px;
}

/***********相关产品end**********/
.product_btn {
    border-top: 1px solid #eee;
    text-align: center;
    padding-top: 70px;
}

.product_btn a {
    display: inline-block;
    height: 40px;
    border: 2px solid #2c8dd1;
    line-height: 40px;
    width: 204px;
    border-radius: 40px;
    margin: 0 15px;
}

.product_btn a:hover {
    background: #2c8dd1;
    color: #fff;
}

.bottomwrap {
    margin: 0 auto;
    padding-left: 20px;
}

.arrow {
    position: absolute;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    cursor: pointer;
}

.arrowl {
    background: url(../images/prev2.png) center no-repeat;
    background-size: 40px 40px;
}

.arrowl:hover {
    background: url(../images/prev3.png) center no-repeat;
    background-size: 40px 40px;
}

.arrowr {
    background: url(../images/next2.png) center no-repeat;
    background-size: 40px 40px;
}

.arrowr:hover {
    background: url(../images/next3.png) center no-repeat;
    background-size: 40px 40px;
}



/*-------------------------询价--------------------------*/
.inquiry-content{padding: 30px 0 90px;background: #f0f0f0;}
.inquiry-content ul{padding: 40px 0 0;}
.inquiry-content ul:after,.inquiry-content ul:before{content:'';clear:both;display: table;line-height: 0px;}
.inquiry-content ul li{float: left;position: relative;margin: 0 1.3333% 25px 0;width: 24%;background: #fff;transition-duration: 350ms;text-align: center;}
.inquiry-content ul li:nth-child(4n){margin-right:0;}
.inquiry-content ul li span{display: block;}
.inquiry-content ul li span img{max-width:100%;}
.inquiry-content ul li p{padding: 20px 0;display: block;}
.inquiry-content ul li a{display: block;}
.inquiry-content ul li:hover a{color: #ff6600;}
.inquiry-content ul li:hover{box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);transform: translate(8px, 0);}
.inquiry-content ul li .inpdelete{position: absolute;top: 0;right: 0;width: 35px;height: 35px;background: url(../images/d_close_h.png) no-repeat center center;display: block;cursor: pointer;}
.inquiry-content ul li .inpdelete:hover{background: url(../images/d_close.png) no-repeat center center;}
.inquiry-content{height: auto;}
.inquiry-content .inquiry-btn{cursor: pointer;margin: 30px auto 0;width: 118px;height: 40px;color: #fff;font-weight: normal;font-size: 14px;display: none;background: #f60;border-radius: 5px;text-align: center;line-height: 40px;transition-duration: 350ms;}
.inquiry-content .inquiry-btn:hover{background: #022b67;}
.inquiry-notext{padding: 10px 0 0;text-align: center;color: #888;}
.inquiry-notext a{color: #000;transition-duration: 350ms;}
.inquiry-notext a:hover{color: #ff6600;}

.inquiry-text{z-index: 1009;position: fixed;top: 45%;left: 50%;margin-left: -105px;padding: 0 25px;line-height: 50px;color: #fff;font-size: 16px;background: #000;border-radius: 5px;opacity: 0;transition: 350ms;display: none;}
.it-current{opacity: .75;transition: 300ms;display: block;}

.inquiry-main{z-index: 1000;position: fixed;top: 0;right: -110%;width: 100%;height: 100%;transition-duration: 500ms;}
.inquiry-show{right: 0;}
.inquiry-bg{width: 100%;height: 100%;background: rgba(0,0,0,.5);}

.inquiry-form{z-index: 1;position: absolute;top: 100px;left: 50%;margin-left: -240px;width: 480px;background: #fff;_display: none;}
.inquiry-form form{margin: 30px auto 0 auto;max-width:90%;}
.inquiry-form .inquiry-close{position: absolute;top: 0;right: 0;width: 40px;height: 40px;background: url(../images/inquiryclose.png) no-repeat;background-size: 40px;}
.inquiry-form .inquiry-close:hover{background: url(../images/inquiryclose_red.png) no-repeat;background-size: 40px;}

.inquiry-form li{padding:0 0 15px 0;}
.attention{padding: 5px 10px 0;font-size: 12px;line-height: 20px;color: #000;display: none;color: #f30;}
.inquiry-form input,.inquiry-form textarea{float: none;padding: 0 12px;width:100%;line-height: 40px;height: 40px;border: 1px solid #e0e0e0;display: block;border-radius: 3px;box-sizing: border-box;}
#contenthtml{display: none;}
.inquiry-form textarea{height:auto;color:#aaa;}
.inquiry-form input.submit{margin: 30px auto;width: 120px;height: 40px;background: #f60;color: #fff;line-height: 40px;cursor: pointer;transition-duration: 350ms;}
.inquiry-form input.submit:hover{background: #ff6600;color: #000;}

.inquiry-pro{padding: 0 16px;}
.inquiry-pro a{padding: 0 25px 0 10px;margin: 0 10px 10px 0;font-size: 12px;line-height: 25px;background: url(../images/inquiryclose.png) no-repeat right center #ff6600;background-size: 25px;color: #000;display: inline-block;transition-duration: 350ms;}
.inquiry-pro a:hover{background: url(../images/inquiryclose_on.png) no-repeat right center #000;background-size: 25px;color: #fff;}







.mailbox-main{z-index: 1000;position: fixed;top: 0;right: -110%;width: 100%;height: 100%;transition-duration: 500ms;}
.mailbox-show{right: 0;}
.mailbox-bg{width: 100%;height: 100%;background: rgba(0,0,0,.5);}
.mailbox-form form{margin-top: 30px;}
.mailbox-form{z-index: 1;position: absolute;top: 100px;left: 50%;margin-left: -240px;width: 480px;background: #fff;_display: none;}
.mailbox-form .mailbox-close{position: absolute;top: 0;right: 0;width: 40px;height: 40px;background: url(../images/inquiryclose.png) no-repeat;background-size: 40px;}
.mailbox-form .mailbox-close:hover{background: url(../images/inquiryclose_red.png) no-repeat;background-size: 40px;}

.mailbox-form li{padding: 0 16px 20px;}
.attention{padding: 5px 10px 0;font-size: 12px;line-height: 20px;color: #000;display: none;color: #f30;}
.mailbox-form input,.mailbox-form textarea{float: none;padding: 0 12px;width: 100%;line-height: 40px;height: 40px;border: 1px solid #e0e0e0;display: block;border-radius: 3px;box-sizing: border-box;}

.mailbox-form textarea{height:auto;}
.mailbox-form input.submit-email{margin: 30px auto;width: 120px;height: 40px;background: #f60;color: #fff;line-height: 40px;cursor: pointer;transition-duration: 350ms;}
.mailbox-form input.submit-email:hover{background: #ff6600;color: #000;}


/******************************************************* FOOTER END */
/***
*** 脚部 ***
***/
.footer {background: #022b67;color: #fff;}

.footer a {
    color: #fff;
}

.footer a:hover {
    color: #ff6600;
}

.footer-cont {
    padding: 60px 0 ;
    
    color: #fff;
    font-size: 14px;
}

.footer-cont dd {float: left;}


.footer .tel {font-family: "Montserrat Black";font-size: 20px;line-height: 30px;}

.footer .light{width: 256px;}
.footer .light .tit{padding-bottom: 16px;}
.footer .light a {margin-top: 17px;color: #fff;display: block;text-align: center;position: relative;line-height: 56px;border-bottom: 1px solid #fff;}
.footer ul{padding-top: 2px;}
.footer li{line-height: 29px;}
.footer li a{}

.footer .footmidd{margin: 0 90px 0 95px;width: 343px;line-height: 30px;}
.footer .footmidd p{padding: 5px 10px 0 0;}
.footer .footmidd a{margin-top: 25px;height: 49px;display: block;line-height: 49px;background: #ff6600;cursor: pointer;text-align: center;}
.footer .footmidd a:hover{background: #fff;color:#ff6600;}

.footer .footthree{margin-right: 105px;}


.footer-power{background: #081425;}
.power {font-size:12px;
    line-height: 2;
    padding: 15px 0;
    color: #767676;
    text-align: center;
}

.power a {
    color: #767676;
}

.power a:hover {
    color: #fff;
}

/*固定侧边拦*/
.float-right-box {
    width: 250px;
    position: fixed;
    right: 0;
    top: 50%;
    margin-top: -127px;
    background-color: #022b67;
    z-index: 1000;
    -webkit-transition: width 0.3s ease 0s;
    transition: width 0.3s ease 0s;
}

.float-right-box.on {
    width: 50px;
}

.float-right-box .top-list {
    width: 100%;
}

.float-right-box .top-list ul {
    width: 100%;
}

.float-right-box .top-list li {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #eee;
    height: 50px;
}

.float-right-box .top-list a {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    height: 51px;
    -webkit-transition: all 0s;
    transition: all 0s;
}

.float-right-box .top-list .ico {
    display: inline-block;
    width: 50px;
    height: 49px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

.float-right-box .top-list .ico_qq {
    background: url(../images/elf.png) no-repeat -68px -69px #022b67;
}

.float-right-box .top-list .ico_tel {
    background: url(../images/elf.png) no-repeat -188px -9px #022b67;
}

.float-right-box .top-list .ico_phone {
    background: url(../images/elf.png) no-repeat -68px -186px #022b67;
}

.float-right-box .top-list .ico_dizhi {
    background: url(../images/elf.png) no-repeat -189px -126px #022b67;
}

.float-right-box .top-list .ico_email {
    background: url(../images/elf.png) no-repeat -67px -8px #022b67;
}

.float-right-box .top-list .ico_wechat {
    background: url(../images/erweima.png) no-repeat center #022b67;
    background-size: 28px 28px;
}

.float-right-box .top-list .ico_top {
    background: url(../images/elf.png) no-repeat -188px -69px #022b67;
}

.float-right-box .top-list .stt {
    display: inline-block;
    font-size: 14px;
    line-height: 50px;
    color: #fff;
    position: absolute;
    left: 22px;
    top: 0;
    z-index: 1;
    width: 222px;
}

.float-right-box .top-list li:hover .stt {
    color: #191919;
}

.float-right-box .top-list li:hover .ico_qq {
    background: url(../images/elf.png) no-repeat -8px -69px #fff;
}

.float-right-box .top-list li:hover .ico_tel {
    background: url(../images/elf.png) no-repeat -128px -9px #fff;
}

.float-right-box .top-list li:hover .ico_phone {
    background: url(../images/elf.png) no-repeat -8px -186px #fff;
}

.float-right-box .top-list li:hover .ico_dizhi {
    background: url(../images/elf.png) no-repeat -129px -126px #fff;
}

.float-right-box .top-list li:hover .ico_email {
    background: url(../images/elf.png) no-repeat -7px -8px #fff;
}

.float-right-box .top-list li:hover .ico_wechat {
    background: url(../images/erweima_h.png) no-repeat center #fff;
    background-size: 28px 28px;
}

.float-right-box .top-list li:hover .ico_top {
    background: url(../images/elf.png) no-repeat -128px -69px #fff;
}

.ali{display:block;overflow:hidden;text-indent:-40px;margin-top:22px;}
.float-right-box .top-list li:hover {
    background-color: #fff;
}

.float-right-box .top-list li:hover .img {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.float-right-box .top-list .return-webtop .stt {
    font-family: "Arial";
    text-align: left;
    font-weight: bold;
}

#wechat .img {
    position: absolute;
    right: 250px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    width: 150px;
    height: 150px;
    -webkit-transition: all .3s;
    transition: all .3s;
    top: 50%;
    margin-top: -75px;
}

#wechat .img img {
    width: 150px;
    height: 150px;
}



.float-right-box .top-list li:hover #wechat .img {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.float-right-box .top-list li.am-gotop {
    opacity: 0;
    visibility: hidden;
    height: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    border-bottom: 0;
}

.float-right-box .top-list li.am-gotopon {
    visibility: visible;
    opacity: 1;
    height: 50px;
}



/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-loading .slick-list {
    background: #00865e url(../images/loader.gif) center center no-repeat;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}


.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    zoom: 1;
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table;
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

/* Arrows */
.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    padding: 0;
    border: none;
    outline: none;
}

/* Dots */
.slick-dots {
    position: absolute;
    bottom: -45px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0px;
    width: 100%;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0px 5px;
    padding: 0px;
    cursor: pointer;
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer;
    outline: none;
}

.slick-dots li button:focus {
    outline: none;
}



.slider-nav {
    float: left;
    width: 110px;
    height: 426px;
    overflow: hidden;
}

.slider-nav .item {
    height: 110px;
    border: 1px solid #eee;
    cursor: pointer;
    color: #fff;
    overflow: hidden;
    margin-bottom: 45px;
}

.slider-nav .item.slick-current {
    border: 1px solid #4e9b1a;
}

.slider-nav .item.slick-current img {
    margin-top: -110px;
}


.slider-nav .slick-arrow {
    width: 48px;
    height: 48px;
    display: block;
    border-radius: 50px;
    background: url(../images/img_bg3.png) no-repeat scroll center center;
    top: 50%;
    margin-top: -24px;
    z-index: 100;
}

.slider-nav .slick-arrow:hover {
    background-image: url(../images/img_bg4.png);
}

.slider-nav .slick-arrow i {
    background: url(../images/img_l3.png) no-repeat scroll center center;
    width: 100%;
    height: 100%;
    margin: 0px auto;
    display: block;
    transition: 300ms;
    -webkit-transition: 300ms;
}

.slider-nav .slick-prev {
    left: -77px;
}

.slider-nav .slick-next {
    right: -77px;
}

.slider-nav .slick-prev i {
    background-image: url(../images/img_l3.png);
}

.slider-nav .slick-next i {
    background-image: url(../images/img_r3.png);
}

.slider-nav .slick-prev:hover i {
    background-image: url(../images/img_l3.png);
}

.slider-nav .slick-next:hover i {
    background-image: url(../images/img_r3.png);
}

.slider-for {
    text-align: right;
    float: right;
    width: 1000px;
}

.slider-for .pic {
    max-width: 600px;
    float: right;
    margin-left: 40px;
}

.slider-for .txts {
    margin: 30px 0;
    line-height: 1.5
}
.slider-for .more a {
    display: inline-block;
    position: relative;
    padding-right: 50px;
    color: #333;
}

.slider-for .more .line {
    display: block;
    background: url(../images/arrowr.png) no-repeat left top;
    width: 28px;
    height: 9px;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 0;
}

.slider-for .more a:hover {
    color: #4e9b1a;
}

.slider-for .more a:hover .line {
    right: 15px;
}
.more1{margin-top:15px;display: inline-block;}
.more1 a{display: block;padding:7px 25px;background-color:#f9f7f2;}
.more1 a:hover{background-color:#ff6600;color:#fff;}