body,
div,
ul,
ol,
dl,
dt,
dd,
li,
dl,
h1,
h2,
h3,
h4 {
    margin: 0;
    padding: 0;
    font-style: normal;
}

ol,
ul,
li {
    list-style: none;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

img {
    border: 0;
    vertical-align: middle;
}

body {
    color: #000000;
    background: #FFF;
    text-align: left;
    background: #e5e5e5;
}

a {
    color: #000000;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.clearfix {
    clear: both;
    content: "";
    display: block;
    overflow: hidden
}

.clear {
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.all {
    transition: all 1s;
    -o-transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
}

.wh {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

:focus {
    outline: none;
}

html {
    font-family: "Arial";
}

.m0 {
    margin: 0;
}

.p0 {
    padding: 0;
}

.top {
    line-height: 0.42rem;
    font-size: 0.14rem;
    color: #4d4d4d;
}

.top-box {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.top span {
    margin-right: 0.15rem
}

.top .col-md-4 span {
    margin: 0 .1rem;
}

.top .col-md-4 em {
    color: #bfbfbf
}

.top .col-md-4 span img {
    margin: 0 0.05rem
}

.nav-box {
    background: #eeeeee;
}

.nav {
    line-height: 1.25rem
}

.nav .col-md-3.col-xs-6 {
    padding-left: 0;
}



/**Navigation start**/
.catlist {
    margin-top: 0.425rem;
    background: #0c3056;
    color: #ee9102
}

.catlist a {
    color: #ee9102;
    text-decoration: none;
}

.catlist li {
    height: 0.45rem;
    overflow: hidden;
    line-height: 0.45rem;
    font-size: 0.18rem;
}

.catlist li i {
    margin-right: 0.2rem;
}

.catlist li em {
    padding-top: 0.13rem;
}

.catlist ul li {
    position: relative;
}

.catlist ul li ul {
    position: absolute;
    top: 0.41rem;
    left: 0;
    width: 100%;
    background: #0c3056;
    display: none;
    z-index: 100000;
}

.catlist ul li ul .down {
    text-indent: 0.15rem;
}

.catlist ul li ul li:hover {
    color: #fff;
    background: #ee9102
}

.catlist ul li ul li:hover a {
    color: #fff;
}

.menu ul li {
    display: inline-block;
}

.menu ul li a {
    /* padding: 0.1rem 0.15rem; */
    display: block;
    padding-left: 0.15rem;
}

.menu ul li a:hover,
.menu ul li.active a {
    /* color: #fff; */
    /* background: #ee9102 */
    color: #ee9102
}

.sm .en {
    margin-right: 0.1rem
}

.sm .search {
    margin-right: 0.2rem
}

/**Navigation end**/

/**banner start*/
.banner {
    overflow: hidden;
    position: relative;
}

.banner img {
    width: 100%;
}

.banner .swiper-pagination-bullet-active {
    background: #ee9102;
    width: 0.3rem;
    border-radius: 0.1rem;

}

.banner .texts {
    position: absolute;
    top: 25%;
    left: 0;
    width: 50%;
    color: #54575a;
    padding-left: 20%;
    display: none;
}

.banner .texts h2 {
    font-size: 0.36rem;
    padding-bottom: 0.5rem;
}


.banner .texts h3 {
    font-size: 0.24rem;
    line-height: 1.1;
    margin-bottom: 15%;
}



.banner .texts a.btn-yellow-s {
    background: #0c3056;
    color: #da7c11;
    padding: 0.05rem 0.2rem;
    border-radius: 5px;
    font-size: 0.18rem;
}

.banner .texts h4 {
    font-size: 0.16rem;
    color: #54575a;
    line-height: 1.3;
}

/**banner end**/

/***manufacturer start**/
.manufacturer {
    background: #fff;
    padding-top: 0.8rem;
}

.manufacturer .title {
    width: 54%;
    margin: 0 auto;
}

.manufacturer .title h1 {
    font-size: 0.36rem;
    font-family: "Arial";
    color: #4d4d4d;
    line-height: 1.333;
    text-align: center;
    font-weight: 100;
    position: relative;
    padding-bottom: 0.3rem;
}

.manufacturer .title h1::after {
    content: "";
    display: inline-block;
    width: 1rem;
    height: 2px;
    background: #ee9102;
    position: absolute;
    bottom: -3px;
    left: 44%
}

.manufacturer .title p {
    font-size: 0.18rem;
    font-family: "Arial";
    color: rgb(77, 77, 77);
    line-height: 1.667;
    text-align: center;
    padding-top: 0.4rem;
    font-weight: 100;
}

.prlist {
    padding-top: 0.7rem;
    margin-bottom: 0.8rem;
}

.prlist>div {
    padding-right: 0.05rem;
    padding-left: 0.05rem;
}

.prlist .list {
    position: relative;
    margin-bottom: 0.2rem;

}

.prlist .list img {
    max-width: 100%;
    height: 4rem;
}

.prlist .list a {
    display: block;
    position: relative;
}

.prlist .list .t {
    position: absolute;
    bottom: 0;
    left: 5%;
    width: 90%;
    line-height: 3;
    margin: 0;
    padding: 0;
    font-size: 0.24rem;
    color: #4d4d4d;
}

.prlist .list .info {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(45, 87, 126, 0.8);
    color: #fff;
    height: 100%;
    padding: 0.3rem;
}

.prlist .list .info .b {
    position: relative;
    height: 100%;
}

.prlist .list .info a {
    color: #fff;
}

.prlist .list .info .t1 {
    font-size: 0.24rem;
}

.prlist .list .info .t2 {
    padding-top: 0.4rem;
    font-size: 0.16rem;
    line-height: 1.5
}

.prlist .list .info a {
    position: absolute;
    width: 100%;
    bottom: 0;
    text-align: right;
    font-size: 0.14rem;
}


/***applications**/

.industry-section-overview-container {
    padding: 0.5rem 0 0.8rem 0;
    background: #ffffff;
    color: #4d4d4d;
}

.industry-section-overview-container .industry-overview-title h2{

    font-size: 0.3rem;
    padding-bottom: 0.15rem;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
}

.industry-section-overview-container .industry-overview-info p {
    text-align: center;
}


.solutions-content-info {
    font-size: 0.16rem;
    color: #4d4d4d;
    line-height: 1.85;
    padding-top: 0.4rem;

}

.industry-section-solutions-container {
    padding: 0.5rem 0 0.7rem 0;

}

.industry-section-overview-container ul.list-paddingleft-2 {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
.industry-section-overview-container ul li {
    list-style-type: disc;
}

.industry-section-overview-container .text a {
    color: #408cc9;
}

.industry-section-overview-container .text a {
    color: #408cc9;
}

.industry-section-overview-container .text a:hover {
   text-decoration:underline;
}


.industry-section-solutions-container a.btn-yellow-s {
    background: #0c3056;
    color: #da7c11;
    padding: 0.05rem 0.2rem;
    border-radius: 5px;
    font-size: 0.18rem;
}

.industry-section-products-container {
    background: #ffffff;
    padding: 0.5rem 0 0.7rem 0;    
}

.industry-section-products-container .product_list {
    padding-top: 0.5rem;
    padding-bottom: 0.3rem;
}

.industry-section-products-container .product_list a {
    display: block;
    text-decoration: none;
}

.industry-section-products-container .product_list>div>div {
    padding-left: 0.07rem;
    padding-right: 0.07rem;
    padding-bottom: 0.2rem;
}

.industry-section-products-container .product_list a img {
    width: 100%;
    height: 2.6rem;
    border: 1px solid #979797;
    border-bottom: 0;

}

.industry-section-products-container .product_list a:hover h4 {
    color: #da7c11
}

.industry-section-products-container .product_list a:hover img {
    opacity: 0.8
}

.industry-section-products-container .product_list a p {
    margin-bottom: 0
}

.industry-section-products-container .product_list a h4 {
    height: 0.7rem;
    color: #fff;
    line-height: 0.7rem;
    font-size: 0.24rem;
    background: #325172;
}

.industry-section-solutions-container .right {
    color: #4d4d4d;
    font-size: 0.14rem;
    padding-left: 0.4rem;
}

.industry-section-tank-info-container {
    background: #ffff;
}



.applications {
    background: #0c3056;
    padding-top: 0.65rem;
    padding-bottom: 0.35rem;
    color: #fff;
}

.global .title h2 {
    line-height: 1.333;
    font-size: 0.36rem;
    padding-bottom: 0.2rem;
    position: relative;
    margin-bottom: 3%;

}

.global .title h2::after {
    content: "";
    display: block;
    width: 1rem;
    height: 2px;
    background: #ee9102;
    position: absolute;
    left: 45%;
    bottom: 0;
}

.global .title p {
    margin: 0;
    line-height: 5;
    font-size: 0.18rem;
}

.applications .fclist>div {
    height: 4.5rem;
    overflow: hidden;
    padding-left: 0.05rem;
    padding-right: 0.05rem;
    margin-bottom: 0.3rem;
}

.applications .fclist a {
    display: block;
    position: relative;
    height: 4.5rem;
}

.applications .fclist a:hover img {
    opacity: 0.8
}

.applications .fclist img {
    width: 100%;
    height: 100%;
}

.applications .fclist h3 {
    position: absolute;
    width: 100%;
    color: #fff;
    left: 0;
    bottom: 0;
    font-size: 0.24rem;
    height: 0.7rem;
    line-height: 0.7rem;
    margin: 0;
    background: rgba(22, 57, 99, 0.8);
}

/******************************************************************  product search  *****************************************************/
.prmain{ padding-bottom:95px;}
.prl{ width:321px; float:left; margin-top:79px;}
.prr{ width:850px; float:right; padding-top:31px;}
.zong {
    width: 1200px;
    margin: auto;}
.subNavBox{}
.prltbiao{display:block; font-size:22px; font-weight:bold; text-transform:uppercase; line-height:54px; border-bottom:1px solid #292929; border-top:5px solid #e6b714;text-align: center;}
.subNav{ margin-bottom:7px; margin-top:2px;}
.subNav a{ display:block; font-size:16px; line-height:25px; text-transform:uppercase; padding:15px 13px; background:#e9eaeb url(../images/prljia.jpg) no-repeat right center; padding-right:35px;}
.subNav:hover a{ background:#e6b714 url(../images/prljiah.jpg) no-repeat right center; color:#fff;}
.currentDd a{ background:#e6b714 url(../images/prljiah.jpg) no-repeat right center; color:#fff;}
.navContent{display: none; background:#e9eaeb; padding:0 11px; margin-bottom:7px;}
.navContent>li a{display:block; font-size:16px; font-size:1.6rem; line-height:27px; padding:10px 0; border-top:1px solid #d1d1d1; padding-left:34px;}
.navContent>li a:hover{ color:#e6b714; background:url(../images/prljian.jpg) no-repeat left 17px;}
.botn{ border-top:none !important;color: #e6b714;background: url(../images/prljian.jpg) no-repeat left 17px;}

.chanlie{ width:263px; position:relative; float:left; margin-left:20px; margin-top:46px;}
.chantuz{ position:relative; overflow:hidden;}
.chantu{ display:block;}
.chantu img{ display:block; margin:auto; width:100%; max-width:557px; max-height:428px;}
.chanfu{ background:#000000; background:rgba(0,0,0,0.6); position:absolute; width:100%; height:100%; left:0px; top:100%; transition:0.5s;}
.chanfu span{ display:block; width:100%; position:absolute; left:0px; top:50%; margin-top:-15px; text-align:center; font-size:13px; text-transform:uppercase; font-weight:bold; color:#efbd11; line-height:30px;}
.chanzi{ display:block; text-align:center; font-size:14px; line-height:25px; text-transform:uppercase; margin-top:12px; padding:0 20px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.chanmor{ display:block; width:123px; height:36px; border-radius:5px; background:#292929; text-align:center; line-height:36px; font-size:14px; color:#fff; margin:auto; margin-top:15px;}
.chanlie input{ position:absolute; left:0px; top:218px;}
.chanmor:hover{ background:#e6b714; color:#fff;}
.chanzi:hover{ color:#e6b714;}
.chanlie:hover .chanfu{ top:0px;}

.fenye{ position:relative; padding-top:155px;}
.fenyen{ text-align:center; padding:0 140px;}
.fenyen a{ display:inline-block; *float:left; width:33px; height:28px; text-align:center; line-height:28px; color:#333; background:#eee; border:1px solid #e5e5e5;margin-right:5px; margin-left:5px; margin-bottom:10px;}
.fenyen a:hover{color:#e6b714; border:1px solid #292929;}
.sx{ width:59px !important;}
.dangqianfen{color:#e6b714 !important; border:1px solid #292929 !important}
.fuxuan{ position:absolute; right:0px; top:155px; font-size:16px; color:#4b4b4b; line-height:30px; background:url(../image/fuxuan.jpg) no-repeat right center; padding-right:24px;}
.fuxuan input{ width:158px; height:30px; line-height:30px; background:#292929; border:none; cursor:pointer; color:#fff; font-size:14px;}
.fuxuan input:hover{ background:#f0c01d;}
.choose {
    position: absolute;
    right: 30px;
    /* top: 155px; */
    font-size: 16px;
    color: #4b4b4b;
    line-height: 30px;
    background: url(../image/fuxuan.jpg) no-repeat right center;
    padding-right: 24px;
}
.choose input {
    width: 158px;
    height: 30px;
    line-height: 30px;
    background: #292929;
    border: none;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
}
/******************************************************************  product2  *****************************************************/
.prmain2{ padding-top:5px; padding-bottom:97px;}
.prmain2 .prl{ margin-top:74px;}

.box2{width:720px; margin:auto; margin-top:44px;}
.left-pro{width:720px;text-align:left;}
.left-pro .t1{width:135px;float:right;}
.left-pro .t2{width:557px;text-indent:0;float:left;}
.left-pro .t2 a{ display:block;}
.left-pro .t2 img{text-indent:0;}
#showArea img{cursor:pointer;display:block;margin-bottom:20px;width:135px;height:104px;}
#showArea a{ display:block;}
#main_img{cursor:pointer;display:block;}
#gotop{cursor:pointer;display:block; margin:auto;}
#gobottom{cursor:pointer;display:block; margin:auto;}
#showArea{height:353px; margin-top:13px; margin-bottom:12px;overflow:hidden;}

.MagicZoomBigImageCont {border:1px solid #eee;background:#FFF; display:none !important;}
.MagicZoomBigImageCont img{width:600px;height:397px; display:none !important;}
.MagicZoomPup {border:0px solid #aaa;background:rgba(255,255,255,0)}

.jianjie{ padding-top:27px;}
.jianjie h1{ font-size:18px; font-size:1.8rem; text-transform:uppercase; font-weight:bold; text-align:center;}
.share{ width:250px; margin:auto; margin-top:20px;}
.share span{ display:block; float:left; font-size:16px; font-size:1.6rem; line-height:26px;}
.share a{ display:block; float:left; margin-left:12px;}
.inno{ width:335px; margin:auto; margin-top:27px;}
.inno a{ width:123px; height:36px; border-radius:5px; background:#292929; text-align:center; line-height:36px; font-size:14px; font-size:1.4rem; color:#fff;}
.inno a:hover{ background:#e6b714;}

.chanxa{ background:#f1f1f1; margin-top:45px;}
.chanxa a{ display:block; width:187px; height:52px; background:#f7f7f7; line-height:52px; text-align:center; border-top:4px solid #e6b714; font-size:16px; font-size:1.6rem;}
.chanx{ font-size:14px; font-size:1.4rem; line-height:30px; color:#342d27; padding-top:68px;}
.chanx p,.chanx span,.chanx strong,.chanx li{ color:#342d27;}
.chanx a{ color:#f0c01d;}
.chanx img{ max-width:100%;}
.chanx table{ width:97%; border-collapse:collapse; line-height:24px;}
.chanx tr td{ line-height:24px; padding:2px;}

.remain{}
.relie{ width:263px; float:left; margin-left:20px; margin-top:43px;}
.retu{ display:block;}
.retu img{ display:block; margin:auto; width:100%; max-width:557px; max-height:428px;}
.rezi{ display:block; text-align:center; font-size:14px; font-size:1.4rem; text-align:center; line-height:28px; text-transform:uppercase; margin-top:10px;}
.rezi:hover{ color:#f0c01d;}
.add_t {
    display: block;
    float: left;
    width: 158px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: #292929;
    color: #fff !important;
    cursor: pointer;
    font-size: 14px;
}

.add_x {
    display: block;
    float: left;
    width: 158px;
    height: 30px;
    margin-left: 150px;
    text-align: center;
    line-height: 30px;
    background: #292929;
    border: none;
    cursor: pointer;
    color: #fff !important;
    font-size: 14px;
    }

.table-bordered {
    border: 1px solid #ddd;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}

table {
    background-color: transparent;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

tr > td {
    border: 1px solid #ddd;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.text-center {
    text-align: center;
}



/* product searh end */

/* blog */
.blog {
    padding-top: 0.5rem;

    background: #ffffff;
}

.blog .title p {
    width: 65%;

    line-height: 2;
    margin: 0.3rem auto;
}

.blog .list {
    margin-bottom: 1rem
}

.blog .list>div {
    padding-left: 0.05rem;
    padding-right: 0.05rem;

}

.blog .list a {
    display: block;
    text-decoration: none;
    font-size: 0.16rem;
    color: #4d4d4d;
    line-height: 1.5;
}

.blog .list img {
    width: 100%;
    height: 2.4rem
}

.blog .list p {
    margin: 0.15rem 0;

}

.blog .list a:hover img {
    opacity: 0.8
}

.blog .list a:hover {
    color: #ee9102
}

/* footer section clients */
.footer-section-clients-container {
    background: #fff;
    padding-bottom: 0.5rem;
}

.footer-section-clients h3 {
    font-size: 18px;
    font-family: 'tex',Arial,Helvetica,sans-serif;
    color: #999;
    padding: 45px 0 0 0;
    text-align: center;
    line-height: 1.1;
}

.footer-section-clients ul {
    width: 100%;
    overflow: hidden;
    text-align: center;
    display: table;
}

.footer-section-clients-container ul li {
    display: block;
    width: 16.5%;
    float: left;
    line-height: 1.95rem;
    text-align: center;
}

.footer-section-clients-container .clearfix {
    border: 1px solid #dcdcdc;
}


/* footer */

.footer {
    padding-top: 0.6rem;
    padding-bottom: 0.9rem;
}

.footer .logo img {
    max-width: 1.8rem;
    margin-bottom: 0.2rem;
}

.footer .l1 {
    font-size: 0.14rem;
    line-height: 1.7;
    color: #4d4d4d;
    padding-bottom: 0.5rem;
}

.footer .l2 a {
    width: 14.6666%;
    display: inline-block;
    text-align: left;
}

.footer .l2 a:last-of-type {
    text-align: right
}

.footer .title {
    font-size: 0.22rem;

    line-height: 1.1;
    padding-bottom: 0.2rem;
}

.footer .title a {
    color: #4d4d4d;
}

.footer .c1 ul li {
    line-height: 1.7;
    font-size: 0.14rem;

}

.footer .c1 ul li a {
    text-decoration: none;
    color: #4d4d4d;
}

.footer .c1 ul li a:hover {
    color: #ee9102
}

.footer .r1 {
    color: #4d4d4d
}



.copyright {
    background: #0c3056;
    font-size: 0.12rem;
    color: #fff;
    line-height: 0.45rem;
}

.up {
    position: relative;
    display: none;
}

.up .this_top {
    position: fixed;
    right: 1%;
    bottom: 1rem;
    z-index: 100000;
}

.up .this_top .box {}

.up .this_top .box a {
    color: #fff;
    display: inline-block;
    text-decoration: none;
    width: 0.45rem;
    height: 0.45rem;
    background: #0c3056;
    line-height: 0.45rem;
    border-radius: 100%;
    z-index: 10;
    font-size: 0.22rem;
    cursor: pointer;
}

/* plug */

.plug .btn {
    width: 100%;
}


#search {
    display: none;
}

.mnav {
    display: none;
    position: fixed;
    top: 0.6rem;
    left: 0;
    width: 100%;
    z-index: 100002;
    padding: 0.1rem 0.3rem;
    background: #ee9102;
}

.mask {
    display: none;
    top: 0.6rem;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    z-index: 100001;
    width: 100%;
    height: 100%;
    left: 0;

}


.mnav a {
    color: #fff;
    text-decoration: none;
    display: block;
    font-size: 0.234rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.mnav a i {
    cursor: pointer;
    line-height: 2;
}

.mnav ul li li {
    text-indent: 1em;
}


.mnav ul li {
    line-height: 2;

}

.mnav ul ul {
    display: none
}





/* video */

.banner .text {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    color: #fff;
}

.banner .text h1 {
    padding-top: 4%;
    font-size: 0.36rem;

    color: #ffffff
}

.banner .text a {
    color: #fff;
}

.banner .text>div {
    line-height: 2;
    font-size: 0.14rem;
}



.video video {
    max-width: 100%;
}

.video {
    background: #0c3056;
    padding: 0.1rem 0;
}

.video .text {
    padding-top: 0rem;
    color: #fff;
    line-height: 1.5
}

.video .text h2 {
    color: #df8814;
    line-height: 3;
    font-size: 0.24rem;
}

.videos {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    min-width: 225px;
    width: 100%;
    margin-bottom: 0;
}


/***product list video**/

.product-section-category-overview-container {
    background: #0c3056;
    padding: 0.1rem 0;
    text-align: center;
    padding: 0.1rem 0 0.3rem 0;
}
.product-section-category-overview-container .list img {
    width: 100%;
}


.product-section-category-overview-container .text {
    padding-top: 0rem;
    color: #fff;
    line-height: 1.5
    text-align: center;
}

.product-section-category-overview-container .text h2 {
    color: #df8814;
    line-height: 3;
    font-size: 0.24rem;
}



/* product list */

.cplist {
    background: #fefefe;
padding: 0.5rem 0;
}

.cplist .box {
    background: #eeeeee;
    padding: 0.5rem 0;
}

.cplist .box .img {
    padding: 0 0.5rem
}

.cplist .box .info h2 {
    font-size: 0.32rem;
    color: #4d4d4d;
    line-height: 2
}

.cplist .box .info {
    line-height: 1.6;
    padding: 0 0.5rem;
    color: #4d4d4d;
    font-size: 0.16rem;
}

.cplist .box .info a {
    background: #0c3056;
    color: #da7c11;
    font-size: 0.18rem;
    border-radius: 6px;
    margin-top: 0.3rem
}

.cplist .c {
    margin-bottom: 0.1rem;
}


.cplist .box .info a span {
    margin-left: 0.1rem
}

.cplist .box .info a:hover {
    color: #fff;
}

.cplist .box .img img:hover {
    opacity: 0.8;
}

.cplist .more {
    padding-top: 0.6rem;
   /** margin-bottom: 1.2rem;**/
}

.cplist .more a {
    padding: 0.1rem 0.5rem;
    border: 1px solid #da7c11;
    border-radius: 5px;
    color: #da7c11;
    font-size: 0.24rem;
}

.cplist .more a:hover {
    border: 1px solid #da7c11;
    color: #da7c11;
}

/* product category one */


.product-section-category-container {
    background: #fefefe;  
}

.product-section-category-container .box {
    background: #eeeeee;
    padding: 0.5rem 0;
}

.product-section-category-container .box .info {
    line-height: 1.6;
    padding: 0 0.5rem;
    color: #4d4d4d;
    font-size: 0.16rem;
}

.product-section-category-container .box .info h2 {
    font-size: 0.32rem;
    color: #4d4d4d;
    line-height: 2;
}


.product-section-category-container .box .info a {
    background: #0c3056;
    color: #da7c11;
    font-size: 0.18rem;
    border-radius: 6px;
    margin-top: 0.3rem;
}


.product-section-category-overview-info-container {
    background: #ffffff;
    padding: 0.7rem 0 0.2rem 0;
}

.product-section-category-overview-info-container .icon a {
    display: block;
    line-height: 0.9rem;
    border-bottom: 1px solid #eee;
    position: relative;
    text-decoration: none;
}

.product-section-category-overview-info-container .icon a img {
    height: 0.4rem;
}

.product-section-category-overview-info-container .icon a span {
    color: #4d4d4d;
    font-size: 0.20rem;
}

.product-section-category-overview-info-container .icon h3 {
    margin: 20px 0 20px 0; 
    color: #4d4d4d;
    font-size: 0.20rem;

}
.product-section-category-overview-info-container .icon a em {
    position: absolute;
    right: 0;
    font-size: 0.26rem;
    color: #da7c11;
    top: 0rem;
}

.product-section-category-overview-info-container .icon a i {
    position: absolute;
    right: 0;
    font-size: 0.26rem;
    color: #da7c11;
    top: 0rem;
}


.product-section-category-overview-info-container .list {
    padding-top: 0.5rem;
}

.product-section-category-overview-info-container .list .title {
    font-size: 0.32rem;
    color: #4d4d4d;
    line-height: 0.7rem;
    padding-bottom: 0.2rem;
}

.product-section-category-overview-info-container .list .col-md-6.col-xs-6:last-of-type {

    border-left: 1px solid #ddd;

}

.product-section-category-overview-info-container .list .img img {
    width: 100%;

}

.product-section-category-overview-info-container .list .t h3 {
    font-size: 0.24rem;
    color: #4d4d4d;
    line-height: 0.8rem;
}

.product-section-category-overview-info-container .list .info {
    font-size: 0.16rem;
    color: #4d4d4d;
    line-height: 1.6;
}

.product-section-category-overview-info-container .list .c {
    height: 100%;
}


.product-section-category-overview-info-container .list .btns {
    padding-top: 0.28rem;
}

.product-section-category-overview-info-container .list .btns a {
    background: #0c3056;
    color: #da7c11;
    padding: 0.08rem 0.2rem;
    border-radius: 5px;
    font-size: 0.18rem;
}









/* video page */
.v1 {
    background: #fefefe
}

.v1 .title h2 {
    font-size: 0.36rem;
    color: #4d4d4d;
    line-height: 3;
    text-align: center;
}

.v1 .list {
    margin-bottom: 0.9rem
}

.v1 .list .l .t {
    font-size: 0.24rem;
    color: #4d4d4d;
    line-height: 0.6rem;
    border-top: 1px solid #d2d2d2;

}

.v1 .list .l:last-of-type .t {
    border-bottom: 1px solid #d2d2d2;
}

.v1 .list .l .t a {
    text-decoration: none;
    position: relative;
}

.v1 .list .l .t a h3 {
    color: #4d4d4d;
    margin-left: 1em;
    line-height: 0.6rem;
}

.v1 .list .l .t i {
    font-size: 0.22rem;
    height: 0.6rem;
    display: block;
    line-height: 0.6rem;
    width: 0.5rem;
    text-align: center;
    cursor: pointer;
    color: #df8814;
    position: absolute;
    right: 0.2rem;
    top: 0;
}

.v1 .list .l .t em {
    font-size: 0.22rem;
    height: 0.6rem;
    display: block;
    line-height: 0.6rem;
    width: 0.5rem;
    text-align: center;
    cursor: pointer;
    color: #df8814;
    position: absolute;
    right: 0.2rem;
    top: 0;
}


.v1 .list .l .info {
    padding-top: 0.5rem;
    margin-bottom: 0.5rem;
    font-size: 0.16rem;
    color: #4d4d4d;
    line-height: 1.5;
    display: none;
    margin-left: 1em;

}


.v1 .list .l .info.active {
    display: block;
}


.v1 .list .l.active .t {
    background: #eeeeee;
}

/* contact */

.contact {
    background: #0c3056;
    color: #fff;
    padding: 0.8rem;
    font-size: 0.16rem;
}

.contact h4 {
    line-height: 2;
    font-size: 0.34rem;
    text-transform: uppercase;
}

.contact .text-center p {
    line-height: 3;
    font-size: 0.16rem;
    padding-bottom: 0.4rem;
}

.contact .more a {
    padding: 0.1rem 0.5rem;
    background: #0c3056;
    color: #fff;
    font-size: 0.24rem;
    border: 2px solid #df8814;
}

.contact .more a:hover {
    background: #df8814
}





/* video page view */
.video_view {
    padding: 0.6rem 0;
    background: #fff;
}

.video_view h2 {
    font-size: 0.32rem;
    color: #4d4d4d;
    line-height: 3
}

.video_view video {
    max-width: 100%;
    margin-bottom: 0.3rem;
}

.video_view .content {
    line-height: 1.6;
    font-size: 0.18rem;
}






/* product page */
.pr_imglist .swiper {
    width: 100%;

}

.pr_imglist .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.pr_imglist .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.pr_imglist .swiper {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}

.pr_imglist .swiper-slide {
    background-size: cover;
    background-position: center;
}

.pr_imglist .mySwiper2 {
    height: 80%;
    width: 100%;
}

.pr_imglist .mySwiper {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}

.pr_imglist .mySwiper .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
}

.pr_imglist .mySwiper .swiper-slide-thumb-active {
    opacity: 1;
}

.pr_imglist .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.products_view {
    background: #fff;
}

.products_view .pr_imglist {
    overflow: hidden
}

.products_view {
    padding-top: 0.5rem;
    padding-bottom: 0.3rem;
}

.pr_imglist .swiper-button-next {
    right: 0.3rem;
    color: rgba(0, 0, 0, 0.6);
    background: none;
    font-size: 0.3rem;
}

.pr_imglist .swiper-button-prev {
    left: 0.3rem;
    color: rgba(0, 0, 0, 0.6);
    background: none;
    font-size: 0.3rem;
}

.pr_imglist .mySwiper {
    width: 90%;
    margin: 0 auto;
}

.products_view .rightbox {
    margin-left: 0.3rem;
}

.products_view .rightbox h2 {
    line-height: 2;
    font-size: 0.3rem;
    color: #4d4d4d;
}

.products_view .rightbox .info {
    line-height: 1.6;
    font-size: 0.16rem;
    color: #4d4d4d;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
}

.products_view .rightbox .btns a {
    background: #0c3056;
    color: #da7c11;
    padding: 0.08rem 0.5rem;
    border-radius: 5px;
    font-size: 0.18rem;
}





.cp_view .tablist .list .btns a {
    background: #0c3056;cp
    color: #da7c11;
    padding: 0.08rem 0.5rem;
    border-radius: 5px;
    font-size: 0.18rem;
}

.cp_view .tablist {
    background: #fff;
}

.cp_view .tablist .tab li {
    display: block;
    width: 15.66%;
    line-height: 1.5;
    text-align: right;
}

.cp_view .tablist .list {
    display: none;
}

.cp_view .tablist .list.active {
    display: block;
}



.cp_view .tablist .tab li:nth-child(1) {

    text-align: left;
}

.cp_view .tablist .tab li:nth-child(2) {
    width: 21.66%;
    text-align: center;
}

.cp_view .tablist .tab li a {
    font-size: 0.25rem;
    color: #76777b;
    text-decoration: none;
}

.cp_view .tablist .tab li.active a,
.cp_view .tablist .tab li a:hover {
    color: #da7c11;
    border-bottom: 2px solid #da7c11;
}

.cp_view .tablist .list {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    min-height: 5rem;
}

.cp_view .tablist .list p,
.cp_view .tablist .list div {
    margin-bottom: 0.2rem;
}


/* product page Project Examples */












/* product page tech */


.tech-specs{
    background: #0c3056;
    padding: 0.5rem 0 0.7rem 0;
}

.tech-specs h2{
  text-align: center;
  color: #fff;
  padding-left: 6%;
}

.col-md-6.col-xs-12.l:first-of-type {
    border-right: 1px solid #ddd;
}
.tech-specs .info{
 margin-top: 10%;
}

.tech-specs-list li {
    line-height: 1.2;
    font-size: 0.22rem;
    color: #fff;
}

em.fa.fa-check {
    margin-right: 10px;
}

em.fa.fa-check {
    margin-right: 10px;
}

.et-item {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 20px 0px 20px 20px;
    background: #2f537a;
}


.eb-item {

    padding: 20px 0px 20px 20px;

}

.elb-item {

    padding: 20px 0px 20px 20px;

    border-bottom: 1px solid #ddd;
}

ul.tech-specs-list.list-paddingleft.list-paddingleft-2 {
    padding-right: 0.3rem;
}

ul.tech-specs-list.list-paddingright.list-paddingleft-2 {
    padding-left: 0.3rem;
}

/* product detail available options */


.available_options .a_box {
background: #eeeeee;
padding: 0.7rem 0;
}

.available_options .btns a {
    background: #0c3056;
    color: #da7c11;
    padding: 0.08rem 0.2rem;
    border-radius: 5px;
    font-size: 0.18rem;
}

.available_options .btns a h3 {
    font-size: 0.18rem;
}


.available_options .a_box .list>div:first-of-type {
    border-right: 1px solid #ddd;
}

.available_options .title h2 {
    color: #4d4d4d;
    font-size: 0.32rem;
    text-align: center;
}


.available_options .a_box img {
    width: 100%;
}

.available_options .a_box .t {
    font-size: 0.16rem;
    color: #4d4d4d;
}

.available_options .a_box .info {
    padding: 0.2rem 0 0.4rem 0;
    font-size: 0.14rem;
    color: #898c8d;
    line-height: 1.28;
}


/* custom solution */

.custom-soltions {
    padding-top: 0.1rem;
    background: #ffffff;
}







/* product details */

.product_video {
    background: #fff;
    padding-bottom: 0.6rem 0;
}

.product_video h2 {
    font-size: 0.32rem;
    color: #4d4d4d;
    line-height: 3;
}

.product_video video {
    max-width: 100%;
    margin-bottom: 0.3rem;
}

.product_video .content {
    line-height: 1.6;
    font-size: 0.18rem;
    padding-bottom: 0.3rem;
}




/* product page downloads */
.product_downloads {
    background: #0c3056;
    padding: 0.8rem 0 1rem 0;
}

.product_downloads .title h2 {
    color: #fff;

}
.product_downloads .icon{
    margin-top: 10%;
}


.product_downloads .icon a {
    display: block;
    line-height: 0.9rem;
    position: relative;
    text-decoration: none;
    background: #2f537a;
    padding: 5%;
    color: #fff;
    font-size: 0.24rem;
}

.product_downloads .icon a img {
    height: 0.4rem;
    margin-right: 0.4rem;
}

.product_downloads .icon a span {
    color: #fff;
    font-size: 0.24rem;
    margin-left: 0.3rem;
}

.product_downloads .icon a i {
    position: absolute;
    right: 0;
    font-size: 0.26rem;
    color: #da7c11;
    top: 0.34rem;
}

.product_downloads .list {
    padding-top: 0.5rem;
}

.product_downloads .list .title {
    font-size: 0.32rem;
    color: #fff;
    line-height: 0.7rem;
    padding-bottom: 0.2rem;
}

.product_downloads .list .col-md-6.col-xs-6:last-of-type {

    border-left: 1px solid #ddd;

}

.product_downloads .list .img img {
    width: 100%;

}

.product_downloads .list .t h3 {
    font-size: 0.24rem;
    color: #4d4d4d;
    line-height: 0.8rem;
}

.product_downloads .list .info {
    font-size: 0.16rem;
    color: #4d4d4d;
    line-height: 1.6;
}

.product_downloads .list .c {
    height: 100%;
}


.product_downloads .list .btns {
    padding-top: 0.28rem;
}

.product_downloads .list .btns a {
    background: #0c3056;
    color: #da7c11;
    padding: 0.08rem 0.2rem;
    border-radius: 5px;
    font-size: 0.18rem;
}

/*product page video*/

.product_videos {
    min-width: 225px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-bottom: 0;
    height: 100%;
    min-height: 225px;

}
.product_videos .youtube{
    width: 100%;
    height:600px;


   }

/*product page faq*/

.faq .list .title .click em {
    cursor: pointer;
    color: #dd8313;
}


.product-category-faqs{
    background-color: #fff;
    padding-bottom: 5%;
    padding-top: 2%;
}

.product-category-faqs .title {
    font-size: 0.36rem;
    color: #4d4d4d;
    line-height: 3;
    text-align: center;
    padding-bottom: 4%;
}


.accordion{
    height: 60px;
    margin: 0 auto;
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
    transition: height 0.3s ease;
    border-bottom: 1px solid #d2d2d2;
}

.accordion .accordion_tab{
  padding: 20px;
  cursor: pointer;
  user-select: none;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  position: relative;
}

.accordion .accordion_tab .accordion_arrow{
  position: absolute;
  top: 50%;
 transform: translateY(-50%);
  right: 20px;
  width: 15px;
  height: 15px;
  transition: all 0.3s ease;
}

.accordion .accordion_tab .arrow{
    width: 10px;
    height: 10px;
    border: solid #df8814;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
 
    position: absolute;
    right: 2%;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
}


.accordion .accordion_tab .accordion_arrow img{
  width: 100%;
  height: 100%;
}

.accordion .accordion_tab.active .accordion_arrow{

  transform: translateY(-50%) rotate(180deg);

}

.accordion .accordion_tab.active .arrow {
    transform: rotate(-135deg);
    }

.accordion.active{
  height: 8%;
}

.accordion .accordion_content{
  padding: 20px;
}

.accordion .accordion_content .accordion_item{
  margin-bottom: 20px;
}

.accordion .accordion_content .accordion_item h4 {
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 18px;
    color: #4d4d4d;
}

.accordion .accordion_content .accordion_item p.item_title{
  font-weight: 600;
  margin-bottom: 10px;
  font-size: 18px;
  color: #6adda2;
}

.accordion_tab:hover {
  background-color: #eeeeee;
}

.accordion_tab.active {

  background-color: #eeeeee;
}


/*page next or before*/

.more_Product {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.more_Product .title {
    font-size: 0.32rem;
    color: #4d4d4d;
    line-height: 1.6;
}


.more_Product .title p {
    height: 3px;
    line-height: 0.1
}

.more_Product .title i {
    display: inline-block;
    width: 0.6rem;
    height: 2px;
    background: #df8814;

}


.more_Product .product_list {
    padding-top: 0.5rem;
    padding-bottom: 0.3rem;
}

.more_Product .product_list a {
    display: block;
    text-decoration: none;
}

.more_Product .product_list>div>div {
    padding-left: 0.07rem;
    padding-right: 0.07rem;
    padding-bottom: 0.2rem;
}

.more_Product .product_list a img {
    width: 100%;
    height: 4.5rem;
}

.more_Product .product_list a:hover h4 {
    color: #da7c11
}

.more_Product .product_list a:hover img {
    opacity: 0.8
}

.more_Product .product_list a p {
    margin-bottom: 0
}

.more_Product .product_list a h4 {
    height: 0.7rem;
    color: #fff;
    line-height: 0.7rem;
    font-size: 0.24rem;
    background: #325172;
}

/* video list */
.videolist .form-inline {
    display: inline
}

.videolist {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    background: #fff;
}

.videolist .pageset {
    height: 0.8rem;
    font-size: 0.18rem;

}

.videolist .pageset span {
    color: #4d4d4d;
    margin: 0 0.2rem;
}

.videolist .list img {
    width: 100%;
    height: 1.7rem;
}

.videolist .list>div {}

.videolist .list .title {
    width: 90%;
    margin: 0 auto;
    text-align: center;
    font-size: 0.18rem;
    color: #54565b;
    text-decoration: none;
    line-height: 1.333;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}



/* faq page */
.faq {
    background-color: #fff;
    padding-bottom: 5%;
    padding-top: 5%;
}

.faq .title p.text {
   /** line-height: 1.3rem;**/
    color: #4d4d4d;
    font-size: 0.3rem;
    text-align: center;
    padding-bottom: 3%;
}

.faq .list .title {

    font-size: 0.16rem;
    color: #4d4d4d;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;

}

.faq .list .title .text h3{
    line-height: 1.3;
    font-family: "Open Sans";
    font-size: 0.24rem;
    font-weight: 300;
    cursor: pointer;
}

.faq .list .title .click {
    line-height: 3;
    font-size: 0.2rem;
}

.faq .list .info {
    font-family: "Open Sans";
    /*padding-top: 0.25rem;*/
    padding-bottom: 0.25rem;
    display: none;
    color: #4d4d4d;
}


.faq .list>div {
    margin-bottom: 0.15rem;
    border-bottom: 1px solid #ddd;
}

.faq .list .title .click i {
    cursor: pointer;
    color: #dd8313;
}

/* 404 page */
.error {
    background: #fff;
    padding: 1rem 0;
}

.error .home {
    padding: 0.5rem 0;
}

.error .home a {
    background: #0c3056;
    color: #da7c11;
    padding: 0.08rem 0.5rem;
    border-radius: 5px;
    font-size: 0.18rem;
}

.error .searchs .form-control {
    line-height: 0.76rem;
    background: #eeeeee;
    display: block;
    width: 100%;
    height: 0.76rem;

}

.error h2 {
    font-size: 0.5rem;
    font-weight: bold;
    line-height: 2;
    color: #4d4d4d
}

.error h3 {
    font-size: 0.34rem;
    font-weight: 400;
    color: #4d4d4d;
    line-height: 1.8;
}



.error .searchs {
    position: relative;
}

.error .searchs .btn {
    position: absolute;
    right: 0;
    top: 0;
    background: url(../image/search-lg.png) no-repeat;
    height: 0.76rem;
    width: 1rem;
    border: none;
    background-position: center center;
    background-size: auto
}


/* comapny page*/
.company {
    background-color: #fff;
}

.company .com1 {
    padding-bottom: 1rem;
}

.company .com1 .title {
    padding-top: 0.5rem;
    padding-bottom: 0.3rem;
    font-size: 0.3rem;
    color: #4d4d4d;
    line-height: 1.2;
}

.company .com1 .info {
    padding-bottom: 0.5rem;
    color: #4d4d4d;
    font-size: 0.18rem;
}

.company .com1 .c2>div {
    padding-left: 0.07rem;
    padding-right: 0.07rem;
}

.company .com1 .c2 .box {
    background-color: #0c3056;
    color: #fff;
    padding: 0.3rem 0;

}

.company .com1 .c2 .box img {

    height: 0.5rem;
}

.company .com1 .c2 .box .m {
    font-size: 0.3rem;
    line-height: 1.8;
    font-weight: bold;
}

.company .com1 .c2 .box .e {
    font-size: 0.18rem;
}

.company .com2 {
    background-color: #eeeeee;
    padding-top: 1.2rem;
    padding-bottom: 0.5rem;
}

.company .com2 h4 {
    font-size: 0.3rem;
    color: #4d4d4d;
    line-height: 1.3;
}

.company .com2 .text {
    font-size: 0.3rem;
    color: #4d4d4d;
    line-height: 1.3;
    padding: 0 0.3rem;
    padding: 0.2rem 0;
}

.company .com2 .info {
    font-size: 0.18rem;
    color: #4d4d4d;
    padding: 0 0.4rem;
    padding-bottom: 0.8rem;
}

.company .com2 .btns .btn-yellow {
    border: 2px solid #df8814;
    color: #df8814;
    font-size: 0.24rem;
    padding: 0.05rem 0.2rem;
    margin: 0 0.2rem;
}

.company .com3 .title {
    padding: 0.5rem 0;
    font-size: 0.36rem;
    color: #4d4d4d;
}

.company .com3 .list a {
    display: block;
    text-decoration: none;
}

.company .com3 .list img {
    width: 100%;
    height: auto;
}

.company .com3 .list .t {
    padding: 0.2rem 0;
    width: 80%;
    margin: 0 auto;
    height: 0.8rem;
}

.company .com3 .list>div {
    padding-bottom: 0rem;
    padding-left: 0.06rem;
    padding-right: 0.06rem;
}
.company .com3 {
	padding-bottom: 0.6rem;
}

.company .com3 .list a:hover {
    color: #da7c11;
}

.company .com3 .list a:hover img {
    opacity: 0.8
}

/* solution */

.solve {
    background-color: #fff;
    padding: 0.3rem 0 0.7rem 0;
}

.solve .solve .img img {
    height: 2rem;
    border-radius: 5px;
}

.solve .title {
    font-size: 0.24rem;
    color: #4d4d4d;
    line-height: 1.5;
    padding-bottom: 0.1rem;
}


.solve .l:first-of-type {
    border-right: 1px solid #ddd;
}

.solve .info {

    font-size: 0.16rem;
    color: #4d4d4d;
    padding-bottom: 0.2rem;
}

.solve a.btn-yellow-s {
    background: #0c3056;
    color: #da7c11;
    padding: 0.05rem 0.2rem;
    border-radius: 5px;
    font-size: 0.18rem;
}

.solve1 {
    text-align: left;
    background: #fff;
    padding: 0.6rem 0;
    font-size: 0.18rem;
    color: #4d4d4d;
    line-height: 1.5
}

.solve1 p {
    margin-bottom: 0.2rem
}

.solve2 {
    padding: 0.5rem 0;
    background: #eeeeee;
}


.solve2 h2 {
    color: #4d4d4d;
    font-size: 0.32rem;
    line-height: 2;
    padding-bottom: 0.3rem;
}

.solve2 .t {
    color: #4d4d4d;
    font-size: 0.18rem;
}




.solve3 {
    background: #fff;
    padding-bottom: 0.5rem;
}

.solve3 .title {
    padding: 0.5rem 0;
    font-size: 0.36rem;
    color: #4d4d4d;
}

.solve3 .title h2 {
    padding: 0.1rem 0;
    font-size: 0.32rem;
    color: #4d4d4d;
}

.solve3 .list a {
    display: block;
    text-decoration: none;
}

.solve3 .list img {
    width: 100%;
    height: 2.5rem;
}

.solve3 .list .t {
    padding: 0.2rem 0;
    width: 86%;
    margin: 0 auto;
    height: 0.8rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
}

.solve3 .list>div {
    padding-bottom: 0rem;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
}

.solve3 .list a:hover {
    color: #da7c11;
}

.solve3 .list a:hover img {
    opacity: 0.8
}

.form {
    background-color: #fff;
    padding: 0.5rem 0;
    padding-bottom: 1rem;
}

.form .fiel {
    position: relative;
}

.form .fiel .icon {
    position: absolute;
    left: 0;
    top: 1px;
    width: 50%;
    height: 0.32rem;
    background: #eeeeee url(../image/fiel.jpg) no-repeat;
    background-size: 0.36rem;
    line-height: 0.32rem;
    text-align: left;
    padding-right: 0.1rem;
    color: #b2b2b2;
    text-indent: 0.5rem;
}

.form .fiel input {
    background-color: #eeeeee;
}



.form .btn-yellow-s {
    background: #0c3056;
    color: #da7c11;
    padding: 0.05rem 0.2rem;
    border-radius: 5px;
    font-size: 0.18rem;
}

.form label {
    position: relative;
    font-size: 0.16rem;
    color: #4d4d4d;
    font-weight: 100;
    font-family: "Arial";
}

.form em {
    color: red;
    position: absolute;
    top: 0.03rem;
    margin-left: 0.1rem;
}

.form label p {
    font-size: 0.12rem;
    color: #4d4d4d;
}


.form .pull-fr {
    border: 2px solid #eee;
    padding: 0.25rem;
}

.form .pull-fr p {
    margin-bottom: 0;
}

.form .pull-fr h3 {
    font-size: 0.20rem;
    color: #484747;
    line-height: 1.8;
}

.form .pull-fr .box {
    margin: 0.2rem 0 0.3rem 0;
    font-size: 0.14rem;
    color: #484747;
    line-height: 1.8;
}

.form .pull-fr .box1 {
    font-size: 0.14rem;
    color: #484747;
    line-height: 1.8;
}


/* map */
.map {
    background-color: #fff;
    padding: 0.8rem 0;
}

.map .row>div {
    margin-bottom: 0.5rem;
    height: 3.1rem;
}

.map .title {
    font-size: 0.3rem;
    color: #4d4d4d;
    line-height: 1.5;
}

.map .list a {
    text-decoration: none;
    display: block;
    line-height: 2;
    font-size: 0.16rem;
    color: #4d4d4d;
}

.map .list a:hover {
    color: #da7c11
}

.download {
    padding: 0.5rem 0;
    background: #fff;
}

.download .title {
    line-height: 2;
    font-size: 0.16rem;
    padding-bottom: 0.4rem;
    padding-top: 0.2rem;
}

.download .list .img {
    text-align: left;
}

/*.download1 .list img {
    height: 3rem;
}*/

.download .list .t {
    padding-top: 0.2rem;
}

.download .list .t h2 {
    line-height: 3;
    color: #4d4d4d;
    font-size: 0.20rem;
    position: relative;
   padding-left:0.2rem;
}

.download .list .t h2:after{
    content:">";
    display: block;
    color:#0c3056;
    position: absolute;
    top:0.06rem;
    font-size: 0.19rem;
    left: -0;
}

.download .list .t p {
    font-size: 0.14rem;
    color: #4d4d4d;
    width: 80%;
    height: 0.7rem
}

.download .list .row>div {
    padding-bottom: 0.5rem;
}

.Applications {
    padding: 0.5rem 0 0.8rem 0;
    background: #ffffff;
    color: #4d4d4d;
    font-size: 0.3rem;
}

.Applications .title h2 {
    font-size: 0.3rem;
    padding-bottom: 0.15rem;
    font-weight: bold;
    line-height: 1.5
}

.Applications .title p {
    padding-bottom: 0;
    font-size: 0.17rem;
    margin-bottom: 0;
    font-family: "Open Sans", "Arial", "sans-serif";

}



.Applications .list {
    padding-top: 0.5rem;
}

.Applications .list img {
    width: 100%;
    transition: all 1s;
}

.Applications .list .img {
    overflow: hidden;
}

.Applications .list>div {
    padding-left: 0.07rem;
    padding-right: 0.07rem;

}


.Applications .list a {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #e6e7e8;
    text-decoration: none;
    margin-bottom: 10%;
}




.Applications .list div.text-center h3 {
    border: 0.1rem solid rgba(0, 0, 0, 0);
    width: 100%;
    margin-bottom: 0;
    line-height: 1.3;
    color: #063c6f;
    font-size: 0.24rem;
    text-transform: capitalize;
    overflow: hidden
}

.Applications .list .text {
    font-size: 0.16rem;
    color: #4d4d4d;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    border: 0.1rem solid rgba(0, 0, 0, 0);


}



.Applications .list a:hover img {
    opacity: 0.8;
    transform: scale(1.1);

}


.Applications1 {
    background: #ffffff;
    padding: 0.5rem 0 0.7rem 0;
}

.app .title h2 {
    font-size: 0.32rem;
    line-height: 0.6rem;
    padding-bottom: 0.1rem;
    position: relative;
    color: #4d4d4d;
}



.app .title h2:after {
    content: "";
    display: block;
    position: absolute;
    width: 0.7rem;
    height: 2px;
    background: #da7c11;
}


.Applications1 .p {
    padding-top: 0.4rem;
}

.Applications1 .p .p1 {
    font-size: 0.18rem;
    color: #4d4d4d;
}

.Applications1 .p {
    font-size: 0.16rem;
    color: #4d4d4d;
    line-height: 1.85;
}


.Applications1 .img img {
    max-width: 76%;
}

.Applications1 .right {
    color: #4d4d4d;
    font-size: 0.14rem;
}

.Applications2 {
    padding: 0.71rem 0;
    background: #eeeeee;
}



.Applications2 .title h2 {
    font-size: 0.24rem;
    line-height: 0.6rem;
    padding-bottom: 0.1rem;
    position: relative;
    color: #4d4d4d;
}

.Applications2 .title h2:after {
    content: "";
    display: block;
    position: absolute;
    width: 0.7rem;
    height: 2px;
    background: rgba(0, 0, 0, 0)
}

.Applications2 .left .text {
    padding-top: 0.6rem;
    font-size: 0.16rem;
    color: #4d4d4d;
    line-height: 1.8;
    width: 84%;
}

.Applications2 .right {
    border-left: 1px solid #ddd;
}

.Applications2 .right ul li {
    position: relative;
}

.Applications2 .right ul li .mun {
    position: absolute;
    top: 0;
    left: 0;
    width: 0.3rem;
    height: 0.3rem;
    line-height: 0.3rem;
    text-align: center;
    background: #da7c11;
    color: #fff;
    border-radius: 100%;
    z-index: 100000;

}


.Applications2 .right ul li a {
    display: block;
    font-size: 0.18rem;
    color: #4d4d4d;
    position: relative;
}

.Applications2 .right ul li a span {
    display: block;
    width: 100%;
    padding-left: 0.4rem;
}

.Applications2 .right ul li a i {
    color: #da7c11;
    margin-right: 0.3rem;
    font-size: 0.22rem;
    position: absolute;
    left: 0;
    top: 0;
}

.Applications2 .right ul li p {

    color: #0c3056;
    font-size: 0.14rem;
    line-height: 3;
    margin-left: 0.4rem;
    border-bottom: 1px solid #d2d2d2;
}

.Applications2 .right ul li a:hover {
    color: #da7c11
}



.Applications3 .btns a {
    background: #0c3056;
    color: #da7c11;
    padding: 0.08rem 0.2rem;
    border-radius: 5px;
    font-size: 0.18rem;
}

.Applications3 .btns a h3 {
    font-size: 0.18rem;
}


.Applications3 {
    padding: 0.8rem 0 1rem 0;
    background: #ffffff;
}

.Applications3 .list>div:first-of-type {
    border-right: 1px solid #ddd;
}

.Applications3 .title h2 {
    color: #4d4d4d;
    font-size: 0.32rem;
    line-height: 3;
}


.Applications3 img {
    width: 100%;
}

.Applications3 .t {
    font-size: 0.16rem;
    color: #4d4d4d;
}

.Applications3 .info {
    padding: 0.2rem 0 0.4rem 0;
    font-size: 0.14rem;
    color: #898c8d;
    line-height: 1.28;
}


/* resources page  */


.resources {
    background: #ffffff;
    padding: 0.7rem 0 1rem 0;
}

.resources .icon a {
    display: block;
    line-height: 0.9rem;
    border-bottom: 1px solid #eee;
    position: relative;
    text-decoration: none;
}

.resources .icon a img {
    height: 0.4rem;
}

.resources .icon a span {
    color: #4d4d4d;
    font-size: 0.20rem;
    margin-left: 0.3rem;
}


.resources .icon a i {
    position: absolute;
    right: 0;
    font-size: 0.26rem;
    color: #da7c11;
    top: 0.34rem;
}

.resources .list {
    padding-top: 0.5rem;
}

.resources .list .title {
    font-size: 0.32rem;
    color: #4d4d4d;
    line-height: 0.7rem;
    padding-bottom: 0.2rem;
}

.resources .list .col-md-6.col-xs-6:last-of-type {

    border-left: 1px solid #ddd;

}

.resources .list .img img {
    width: 100%;

}

.resources .list .t h3 {
    font-size: 0.24rem;
    color: #4d4d4d;
    line-height: 0.8rem;
}

.resources .list .info {
    font-size: 0.16rem;
    color: #4d4d4d;
    line-height: 1.6;
}

.resources .list .c {
    height: 100%;
}


.resources .list .btns {
    padding-top: 0.28rem;
}

.resources .list .btns a {
    background: #0c3056;
    color: #da7c11;
    padding: 0.08rem 0.2rem;
    border-radius: 5px;
    font-size: 0.18rem;
}


/* blog page  */

.blogs {
    background: #ffffff;
    padding: 0.6rem 0;
}

.blogs .title h2 {
    color: #4d4d4d;
    font-size: 0.32rem;
    padding-bottom: 0.6rem;
}

.blogs .list .btns a {
    background: #0c3056;
    color: #da7c11;
    padding: 0.08rem 0.2rem;
    border-radius: 5px;
    font-size: 0.18rem;
}

.blogs .list .img {
    line-height: 2.1rem;
    height: 2.1rem;
}

.blogs .list .img img {
    width: 100%;
    border-radius: 3px;


}

.blogs .list>div {
    margin-bottom: 0.7rem;
}


.blogs .list h4 {
    color: #4d4d4d;
    font-size: 0.24rem;
    line-height: 1.25;
    padding: 0.2rem 0;
}

.blogs .list .btns {
    padding-top: 0.5rem;
}

.blogs .list .btns a span {
    margin-left: 0.1rem;
}

.blog-mores {
    background-color: #ffffff;
    padding-bottom: 0.7rem;
}

.blog-mores .btns a {
    padding: 0.1rem 0.3rem;
    border: 2px solid #da7c11;
    color: #da7c11;
    font-size: 0.24rem;
    border-radius: 0.1rem;
}


.blog-view {
    background: #ffffff;
    padding-bottom: 0.8rem;
}

.blog-view .b1 {
    background: #eeeeee;
    padding-top: 0.4rem;

}

.blog-view .b1 .col-md-6 {
    line-height: 0.8rem;
    font-size: 0.28rem;
    color: #4d4d4d;
}

.blog-view .b1 .col-md-6.text-right span {
    margin-right: 0.3rem;

}

.blog-view .b1 .col-md-6.text-right img {
    height: 0.2rem;
}

.blog-view .b1 .col-md-6.text-right a {
    margin: 0 0.1rem;
}



.blog-view .b2 .t1 {
    padding-top: 0.3rem;
    font-size: 0.16rem;
    color: #4d4d4d;
    line-height: 1.5;
}

.blog-view .b2 .t1 .text {
    width: 90%;
}

.blog-view .b2 .t1 .img {
    width: 80%;
    margin: 0 auto;
}

.blog-view .b2 .t1 .img img {
    width: 100%;
}

.blog-view .b2 .t1 {
    padding-bottom: 0.3rem;
}

.blog-view .b2 .t2 .title {
    font-size: 0.3rem;
    color: #4d4d4d;
    padding-bottom: 0.3rem;
}

.blog-view .b2 .t2 .img {
    padding-right: 0.3rem;
    padding-bottom: 0.3rem;
}
.blog-view .b2 .t2 .img img{
    max-width: 100%;
}
.blog-view .b2 .t2 .text {
    line-height: 1.5;
    font-size: 0.16rem;
    color: #4d4d4d;
}

.blog-view .b2 .t2 .text p {
    margin-bottom: 0.28rem;
}

.blog-view .b2 .t2>div {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.blog-view .b2 .t3 {
    margin-top: 1.2rem;
    margin-bottom: 1.2rem;
}

.blog-view .b2 .t3 .a {
    background: #0c3056;
    line-height: 1.2rem;
}

.blog-view .b2 .t3 .btn {
    color: #da7c11;
    font-size: 0.28rem;

}

.blog-view .b2 .t3 {
    color: #ffffff;
    font-size: 0.24rem;
}

.blog-view .b2 .t3 img {
    height: 0.2rem;
    margin-left: 0.15rem;
}



.blog-view .b2 .t3 .btn span {
    margin-right: 0.3rem;
}


.blog-view .b2 .t4 .title {
    font-size: 0.3rem;
    color: #4d4d4d;
    padding-bottom: 0.8rem;
}

.blog-view .b2 .t4 .list .img {
    height: 1.8rem;
    overflow: hidden;
}

.blog-view .b2 .t4 .list img {
    width: 100%;
}

.blog-view .b2 .t4 .list .box {
    background: #eeeeee;

}

.blog-view .b2 .t4 .list .t {
    padding-top: 0.1rem;
    color: #4d4d4d;
    font-size: 0.24rem;
}

.blog-view .b2 .t4 .list .btns {
    margin-top: 0.2rem;

}

.blog-view .b2 .t4 .list .btns a {
    background: #0c3056;
    color: #df8814;
    font-size: 0.18rem;
}

/* thank you */
.thankyou {
    background: url(../image/bj.png) #fff no-repeat;

    background-position: center;
    padding: 3rem 0;

}

.thankyoubox {
    padding: 0.4rem 0;
    background: #fff;
}


.thankyoubox .title h1 {
    font-size: 0.55rem;
    color: #4d4d4d;
    width: 60%;
    margin: 0 auto;
}

.thankyoubox .text {
    font-size: 0.24rem;
    color: #4d4d4d;
    line-height: 2;
}







@media (max-width:768px) {
    html {
        font-size: calc(17.216vw)
    }

    .blogs .list .img {
        height: auto
    }

    .nav {
        line-height: 0.6rem;
    }

    .nav .logo img {
        max-width: 80%;
    }

    .manufacturer .title {
        width: 100%;
    }

    .prlist .list img {
        width: 100%;
    }

    .applications .title p {
        line-height: 2;
        font-size: 0.18rem;
        margin: 0.3rem 0;
    }

    .blog .list a {
        font-size: 0.18rem;
    }

    .up .this_top {
        right: 2%
    }

    .footer>div>div {
        margin-bottom: 0.5rem
    }

    .footer .c1 {
        padding-top: 0.5rem
    }

    .footer .c1>div>div {
        margin-bottom: 0.5rem
    }

    .banner .text h2 {
        padding-top: 1%
    }


    .v1 .list .l .info {
        font-size: 0.18rem;
    }

    .contact .text-center p {
        line-height: 2;
        font-size: 0.18rem;
    }

    .cp_view .tablist .tab li {
        width: 50%;
        margin-bottom: 0.1rem;
    }

    .cp_view .tablist .tab li:nth-child(2) {
        width: 50%;
    }  

    ul.tech-specs-list.list-paddingleft.list-paddingleft-2 {
    padding-right: 0rem;
    }

    ul.tech-specs-list.list-paddingright.list-paddingleft-2 {
    padding-left: 0rem;
    }

   .tech-specs {
    padding-bottom: 0;
    }

  .available_options .a_box {

    padding-left: 15px;
    padding-right: 15px;
   }

   .available_options .a_box .t {
    text-align: center;

   }

   .available_options .a_box .info {

    text-align: center;
   }

   .available_options .a_box .list>div:first-of-type {
    padding: 0 15px 40px 15px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 40px;
   }



  .available_options{
   padding: 0.3rem 0 0.3rem 0;
   }

    .available_options .btns {
    text-align: center;
    }

    .more_Product .product_list>div>div {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 0.15rem;
    }

    .more_Product .product_list a img {
        width: 100%;
        height: 3.5rem;
    }

    .videolist .pageset {
        height: auto;
        margin-bottom: 0.3rem;
    }

    .videolist .list .title {
        width: 90%
    }

    .faq .list .title .text {
        padding-left: 0;
    }

    .company .com3 .list img {
        height: auto;
    }

    .company .com3 .list .t {
        width: 96%;
        height: auto;
    }

    .company .com3 .list>div {
        padding-bottom: 0.3rem;
    }

    .solve3 .list img {
        height: auto;
    }

    .form .fiel .icon {
        height: 34px;
        padding: 6px 12px;
        width: 100%;
        line-height: 0.38rem;
        text-align: center;
        background-size: 0.58rem
    }


    .form .pull-fr {
        margin-top: 0.2rem
    }

    .form .pull-fr .box {
        margin: 0.2rem 0 0.3rem 0;
        font-size: 0.18rem;
        color: #484747;
        line-height: 1.8;
    }

    .form .pull-fr .box1 {
        font-size: 0.18rem;
        color: #484747;
        line-height: 1.8;
    }

    .form .btn-yellow-s {
        display: inline-block;
        width: 100%;
        font-size: 0.22rem;
    }

    .download .list img {
        max-width: 100%;
        height: 3rem;
    }

    .resources .list .btns {
        padding-top: 0.5rem;
    }



    .resources .list .btns a,
    .blogs .list .btns a,
    .blog-view .b2 .t4 .list a {
        width: 100%;
        display: block;
        text-align: center;
    }

    .blog-view .b2 .t4 .list>div {
        margin-bottom: 0.3rem;
    }

    .nav-box {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .Applications .list>div {
        margin-bottom: 0.15rem;
        padding-left: 0.15rem;
        padding-right: 0.15rem;

    }

    .Applications .list img {
        height: auto;
    }



    .thankyoubox .title h1 {
        font-size: 0.3rem;
        width: 90%;
    }

    .thankyou {
        padding: 1rem 0
    }


    .logo {
        text-align: center
    }

    .prlist .list .t {
        color: #fff;
        width: 100%;
        left: 0;
        background: rgba(0, 0, 0, 0.8);
        text-indent: 1em;
    }


    .footer-section-clients-container .col-xs-12 li {
        width: 50%;
        display: inline-block;
    }

    .footer-section-clients-container .col-xs-12 a img {
        max-width: 100%;
    }

    .banner .text h1 {
        padding-top: 0;
    }

    .cplist {
        padding-bottom: 0;
    }

    .custom-soltions {
    padding-bottom: 0.3rem;
}

    .cplist .more {
        margin-bottom: 0.6rem;
    }

    .cp_view .tablist .tab li {
        text-align: left !important;
    }

    .col-md-6.col-xs-12.l {
        margin-bottom: 0.5rem;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        padding-bottom: 0.3rem
    }


    .solve .l {
        margin-bottom: 0.5rem;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        padding-bottom: 0.3rem
    }

    .solve .title {
        padding-top: 0.3rem
    }

    .blog-view .b1 .col-md-6 {
        text-align: left;
    }

    .blog-view .b2 .pull-right {
        width: 100%;
        line-height: 0.3rem;
        padding-bottom: 0.3rem;
    }

    .company .com3 .list img {
        max-height: auto;
    }

    .error .img img {
        max-width: 100%;
    }

    .solve .img img {
        max-width: 100%;
    }

    .solve .title {
        padding-top: 0.1rem
    }

    .resources .list .t h3 {
        line-height: 0.3rem
    }

    .resources .list .btns {
        padding-top: 0.4rem;
    }

    .resources .list .col-xs-12 .row {

        margin-bottom: 0.3rem;
    }

    .faq .title p.text {
        line-height: 1.2;
        margin-top: 0.15rem
    }

    .product_downloads .icon {
    margin-top: 20%;
}

.product_downloads .icon a {

   margin-top: 20px;
}



    .banner .texts {
        top: 15%;
      /**  display: none;**/
    }

    .banner .texts h2 {
        font-size: 0.26rem;
        padding-bottom: 0.1rem;
    }

    .banner .texts {
        padding-left: 6%;
    }

    .banner .texts h3 {
        margin-bottom: 0.3rem
    }

.global .title h2::after {
    content: "";
    display: block;
    width: 1rem;
    height: 2px;
    background: #ee9102;
    position: absolute;
    left: 40%;
    bottom: 0;
}

.tech-specs h2 {
    text-align: center;
    color: #fff;
    padding-left: 0px;
}

img.center-block {
    width: 100%;
}

.industry-section-solutions-container .right {
    color: #4d4d4d;
    font-size: 0.14rem;
    padding-left: 0.21rem;
    padding-top: 0.6rem;
}

.industry-section-products-container .product_list {
    padding-top: 0.5rem;
    padding-bottom: 0.3rem;
    padding-right: 10PX;
    padding-left: 10px;
}

.industry-section-solutions-container .btns {
    text-align: center;
}

.accordion .accordion_content .accordion_item h3 {
    line-height: 1.3;
    font-family: "Open Sans";
    font-size: 0.24rem;
    font-weight: 300;
    cursor: pointer;
}

.accordion .accordion_tab {
    padding: 10px;
}

.accordion {
    height: 70px;
}

.industry-section-solutions-container img {
    border: 0;
    vertical-align: middle;
    max-width: 346px;
}

}



@media (min-width:768px) {
    html {
        font-size: 100px
    }

}