/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0; list-style:none; text-decoration:none; border:0; list-style:none;}
body{ font-size:12px; font-family:' '; color:#333;}
a{ color:#666;}
a:hover{ color:#f60; text-decoration:none;}
:hover{ transition:all .3s ease;}
p{line-height:1.5em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:100%; max-width: 1200px; margin:0 auto;}
input,textarea,select{outline:none}
.logo{ float: left;}
.toprt{ float: right;}
.head{ width: 100%; padding: 15px 0;}
.toprt span a{ font-size: 18px; color: #0000EE; font-weight: bold; line-height: 50px;}
.qh{font-size: 18px; display: inline-block; padding: 0 20px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; margin: 0 15px;}
.search{ display: inline-block; padding: 0 5px; vertical-align: middle;}
.iptnr{ width: 0; line-height: 25px; border-bottom: 1px solid #DDDDDD;}
.wd{ width: 200px; transition: all 0.5s;}
.tcl{ font-size: 18px; cursor: pointer; display: none;}

.menu{ position: relative;}
.menu:after{ position: absolute; width: 100%; height: 3px; background-color: #003564; bottom: 0; left: 0; content: "";}
.menu ul{ position: relative;    width: max-content;}
.menu ul:after{ position: absolute; width: 100%; height: 3px; background-color: #fff; bottom: 0; left: 0; content: "";z-index: 998;}
.menu ul li{ line-height: 50px; margin: 0 1px; text-align: center; padding: 0 25px; float: left; position: relative;}
.menu ul li a{ font-size: 16px;}
    .menu ul li a:after {
        position: absolute;
        width: 100%;
        height: 3px;
        background-color: #67646b;
        bottom: 0;
        left: 0;
        content: "";
        z-index: 999;
    }
    .menu ul li:hover a:after {
        position: absolute;
        width: 100%;
        height: 6px;
        background-color: #67646b;
        bottom: 0;
        left: 0;
        content: "";
        transition: all 0.5s;
    }
/*common end*/
.con1{ padding: 60px 0;}
.title1{ margin-bottom: 50px;}
.title1 h1{ font-size: 42px; text-align: center; font-weight: bold;}
.title1 p{ font-size: 18px; text-align: center; }
.c1item{ width: 49%;font-size:14px;}
.c1item p{ font-size: 14px;}
.con1nr{ display: flex; justify-content: space-around; flex-wrap: wrap;}
.btn{ width: 160px; line-height: 50px; border: 1px solid #003564; border-radius: 5px; text-align: center; color: #003564; font-weight: bold; font-size: 16px; margin: 20px auto;}
.btn:hover{ background-color: #003564; color: #fff;}

.con2{ width: 100%; display: flex; justify-content: space-around; flex-wrap: wrap; padding: 30px 0; position: relative;}
.c2item{ width: 49%; position: relative; margin-bottom: 20px;}
.c2item h1{ font-size: 24px; color: #FFFFFF; position: absolute; bottom: 20px; left: 20px;}
.c2item:nth-child(2n) h1{ left: inherit; right: 20px;}
.c2nr {
    position: absolute;
    width: 370px;
    height: 370px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #3a3a3a;
    z-index: 33;
    border-radius: 50%;
}
.c2nr h2{ font-size: 28px; text-align: center; margin-bottom: 20px; color: #FFFFFF;}
.c2nr p{ font-size: 16px; text-align: center; margin-bottom: 20px; color: #FFFFFF;}
.btn1{ width: 170PX; line-height: 45px; border-radius: 10px; font-size: 14px; border: 2px solid #fff; background-color: transparent; color: #FFFFFF; text-align: center; margin: 0 auto;}
.btn1:hover { background-color: #FFFFFF;  color: #3FC7F1;}

.con3{ padding-bottom: 60px;}
.con3 ul li{ width: 25%; border-radius: 10px; padding: 50px 0;} 
.con3 ul li .icon1{ width: 108px; height: 108px; margin: 0 auto; margin-bottom: 20px;}
.con3 ul li .icon1 img{ width: 100%; height: 100%;}
.con3 ul li h1{ width: 98%; margin: 0 auto;  font-size: 20px; color: #1c1c1c; text-align: center; margin-bottom: 10px;}
.con3 ul li p{width: 98%; margin: 0 auto; text-align: center; font-size: 15px; color: #000;}
.con3 ul li:hover { background-color: #003564; }
.con3 ul{ width: 99.5%; margin: 0 auto; display: flex; justify-content: space-around; flex-wrap: wrap;}
.con3 ul li:hover h1,.con3 ul li:hover p{ color: #FFFFFF;}

.con4{ width: 100%; padding: 30px 0;}
.con4 ul{ display: flex; justify-content: space-around; padding-bottom: 20px;}
.con4 ul li{ width: 33%; }

.con5{ padding: 60px 0;}
.white{ color: #FFFFFF;}
.cire{ width: 100%; height: 100%; /*border-radius: 50%;*/ overflow: hidden;}
.mySwiper1 .swiper-slide{ background-color: transparent;}

.con6{ padding: 60px 0;}
.con6 ul { display: flex; justify-content: space-around; }
.con6 ul li{ width: 32%; border-radius: 15px; overflow: hidden;}
.c6pic{ width: 100%; overflow: hidden; }
.c6pic img{width: 100%;}
.c6nr{ width: 90%; margin: 0 auto; padding-bottom: 30px;}
.line{ height: 1px; background-color: #DDDDDD; margin: 10px 0;}
.c6nr p{ font-size: 14px; margin-top: 5px;}
.c6nr span{ display: block; font-size: 16px; color: #333435;}
.c6nr a{ font-size: 14px; margin: 5px 0; display: block;}
.con6 ul li:hover{ box-shadow: 0 6px 8px rgba(153 153 153 / 20%);}
.con6 ul li:hover .line{ background-color: #3FC7F1;}
.con6 ul li:hover img{ transform: scale(1.1);}


.foot{ background-color: #EEEEEE; padding: 10px 0;}
.foot .wapper{ display: flex; justify-content:space-around; flex-wrap: wrap;}
.footrt{ width: 35%;}
.footmd{ width: 40%;}
.footlf{ width: 25%;}
.footlf p{ font-size: 14px; margin: 15px 0;}
.footmd h1{ font-size: 20px; font-weight: bold;text-align: center;}
.footmd ul{ padding-top: 10px;}
.footmd ul li{ text-align: center; line-height: 30px; }
.footmd ul li a{ font-size: 14px;}
.footrt h1{ font-size: 20px; font-weight: bold;}
.footrt ul{ padding-top: 10px;}
 .footrt ul li{ display: flex; justify-content:left; flex-wrap: wrap; margin: 10px 0;}
.footrt ul li span{ font-size: 18px; font-weight: bold; text-indent: 1rem;}
.footrt ul li dl{ margin-left:60px;}
.footrt ul li dl dd{ font-size: 14px;}

.nybanner{ position: relative;}
.nybanner h1{ font-size: 42px; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #FFFFFF; position: absolute;}
.pro1{ padding: 70px 0;}
.prolf{ width: 18%; float: left;}
.prolf ul li{ padding-left: 35px; line-height: 50px; background-image: url(../images/down.png); background-position: top 19px left 10px; background-repeat: no-repeat;}
.prolf ul li:hover{ background-color:#66C7CE ; background-image: url(../images/down1.png);}
.prolf ul li a{ font-size: 16px;}
.prolf ul li:hover a{ color: #FFFFFF;}
.prort{ width: 80%; float: right;}
.prort ul{ display: flex; justify-content: space-around; flex-wrap: wrap;}
.prort ul li{ width: 49%; margin: 15px 0;}
.propic{ width: 40%; float: left; overflow: hidden;}
.propic img{ height:150px; width: 100%;}
.pronr{ width: 59%; float: right;}
.pronr h1{ font-size: 18px; color: #333333;overflow: hidden;
    text-overflow: ellipsis;    display: -webkit-box; height: 52px;    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.pronr p{ font-size: 14px; color: #666666; /*margin-bottom: 50px;*/}
.probtn {
    width: 200px;
    line-height: 40px;
    text-align: center;
    background-color: #3a3a3a;
    color: #FFFFFF;
    font-size: 14px;
    border-radius: 5px;
}
.prort ul li:hover img{ transform: scale(1.1); transition: all 0.5s; }
.pronr h1:hover { color: #3FC7F1;}

.prodetil{ padding: 30px 0;}
.prodetil h1{ font-size: 19px; margin-bottom: 10px;}
.prodetillf{ float: left;}
.prodetilrt{ width: calc(100% - 430px); float: right;}
.proitem{ margin: 20px 0;}
.probt{ text-transform:capitalize !important; width: 100px; float: left; font-size: 14px;}
.proches{ line-height: 40px; width: calc(100% - 120px); float: right;}
.proches a{ display: inline-block; border: 1px solid #DDDDDD; padding: 0 10px;}
.red{ border-color: red !important; color: red !important;}
.proches button{ width: 25px; border: 1px solid #ddd; background-color: transparent; line-height: 25px;}
.proches input{ width: 50px; border: 1px solid #DDDDDD; line-height: 27px; text-align: center;}
.prodetilbtn1{ line-height: 38px; width: 110px; text-align: center; border: 1px solid #0589E3;display: inline-block;font-size: 14px; background-color: #EEF4FB; color: #0589E3;}
.prodetilbtn2{ width: 190px; line-height: 38px; background-color: #0589E3; border: 1px solid #0589E3; margin: 0 10px; font-size: 14px; color: #FFFFFF; display: inline-block; text-align: center;}
.flww img{ vertical-align: middle; margin: 0 5px;}
.cshu{ display: flex; justify-content: left; padding: 10px 0; flex-wrap: wrap;}
.csitem{ width: 33%; font-size:14px; margin-bottom: 5px;}
.protitle{ width: 100%; background-color: #003564; line-height: 48px; text-align: center;}
.protitle h1{ color: #fff;}
.sliderTable{ padding-bottom: 60px;}
.sliderTable table {
    border-collapse: collapse;
    /*border: 1px solid #ccc;*/
    margin-bottom: 5px;
    /*width: 100%;*/
}
.sliderTable td,.sliderTable th {
        border-collapse: collapse;
	padding: 5px 10px;
    /*border: 1px solid #DDD;*/
}
.pronext{
	float: right;
	    max-width: 40%;
	    height: 22px;
	    background-color: #efefef;
	    line-height: 22px;
	    padding: 10px;
	    text-align: center;
	    border-radius: 10px;
	    overflow: hidden;
	    border: 1px solid #ddd;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	
}
.linee{ width: 100%; height: 1px; background-color: #DDDDDD; margin: 15px 0;}

.keyword_list{
	
}
.keyword_list a{
	    color: #666;
	    padding: 0 12px;
	    margin: 0 10px 10px 0;
	    float: left;
	    border: 1px solid #ddd;
	    border-radius: 50px;
	    border-color: rgba(165,165,165,0.7);
    font-family: Arial;
    font-size: 14px;
    color: #666;
    font-weight: 0;
    letter-spacing: 0;
    line-height: 1.7em;
    text-align: left;
}
 {
    width: 100%;
    padding: 30px 0;
}

 .BOX {
    width: 100%;
}

 .title {
    font-size: 39px;
    color: #333333;
    text-align: center;
    margin-bottom: 20px;
    max-width: 1400px;
    margin: 0 auto 20px;
    padding: 0 20px;
    word-break: break-word;
}

 .text {
    font-size: 20px;
    color: #333333;
    text-align: center;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
      word-break: break-word;
}

 .BOX-main {
    width: 100%;
}

 .box_ul {
    width: 100%;
    margin-top: 60px;
}

 .box_li:nth-child(odd) {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

 .box_li:nth-child(even) {
    display: flex;
    align-items: center;
}

 .box_li:last-child {
    margin-bottom: unset;
}

 .imgBox {
    width: 50%;
    position: relative;
}

 .box_li:nth-child(odd) .imgBoxone {
    /* width: calc(100% - 430px); */
    margin-left: 80px;
    max-width: 520px;
}

 .box_li:nth-child(even) .imgBoxone {
    /* width: calc(100% - 430px); */
    margin-left: auto;
    margin-right: 80px;
    max-width: 520px;
}

 .imgBox img {
    /* width: 550px; */
    width: 100%;
    height: 288px;
    display: block;
    object-fit: cover;
}


 .box_li .link {
    position: absolute;
    width: 53px;
    height: 1px;
    background: #E48012;
    top: 50%;
    transform: translateY(-50%);
}

 .box_li {
    margin-bottom: 120px;
}

 .box_li:nth-child(odd) .link {
    left: 27px;
}

 .box_li:nth-child(even) .link {
    right: 27px;
}

 .box_li .round {
    width: 56px;
    height: 56px;
    position: absolute;
    border-radius: 50%;
    border: 1px solid;
    border-color: #E48012;
    top: 50%;
    transform: translateY(-50%);

}

 .box_li:nth-child(odd) .round {
    left: -30px;
}

 .box_li:nth-child(even) .round {
    right: -30px;
}

 .box_li .crie {
    position: absolute;
    width: 18px;
    height: 18px;
    background: #E48012;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

 .linkone {
    width: 1px;
    height: calc(100% + 64px);
    position: absolute;
    background: #E48012;
    top: 172px;
}

 .box_li:nth-child(odd) .linkone {
    left: 0;
}

 .box_li:nth-child(even) .linkone {
    right: 0;
}

 .box_li .linktwo {
    width: 1px;
    height: calc(100% + 64px);
    position: absolute;
    background: #E48012;
    top: -236px;
}

 .box_li:nth-child(even) .linktwo {
    right: 0;
}

/*  .box_li:nth-child(even) .two {
    left: 0;
} */


 .box_li:last-child .linkone {
    height: unset;
    width: unset;
}


 .banner-description {
    width: 50%;
    position: relative;
}

 .coin {
    /* width: calc(100% - 311px); */
    position: relative;
    max-width: 638px;
}
 .coin a{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

 .box_li:nth-child(odd) .coin {
    margin-left: auto;
    margin-right: 80px;
}

 .box_li:nth-child(even) .coin {
    margin-left: 80px;
}

 .banner-name {
    background: #E48012;
    font-size: 29px;
    color: #FFFFFF;
    padding: 5px 10px;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    word-break: break-word;

}

 .banner-docs {
    font-size: 16px;
    color: #333333;
    padding: 40px 20px;
    background: #F3F3F3;
    position: relative;
    line-height: 2;
}

 .cointwo{
    box-shadow: 0 7px 3px 1px rgb(0 0 0 / 21%);
}



 .box_li:nth-child(odd) .triangles {
    /* position: absolute;
    border-top: 10px solid transparent;
    border-left: 20px solid #F3F3F3;
    border-bottom: 10px solid transparent;
    top: 46%;
    right: 72px;
    content: '';
    border-color: #fff #fff transparent transparent;*/
    /* transform: rotate(45deg);
    box-shadow: 2px -2px 2px #ccc; 
    position: absolute;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 20px solid #F3F3F3;
    border-bottom: 15px solid transparent;
    border-color: transparent #F3F3F3 transparent;
    top: 46%;
    right: 61px;
    content: ''; */
    position: absolute;
    top: 50%;
    right: 71px;
    content: '';
    border: solid 10px;
    border-color: #F3F3F3 #F3F3F3 transparent transparent;
    transform: rotate(45deg);
    box-shadow: 2px -2px 2px #ccc;
    z-index: 1;

}


 .box_li:nth-child(even) .triangles {
    /* position: absolute;
    border-top: 10px solid transparent;
    border-right: 20px solid #F3F3F3;
    border-bottom: 10px solid transparent;
    top: 46%;
    left: 72px;
    content: '';
    border-color: #fff #fff transparent transparent;
    transform: rotate(230deg);
    box-shadow: 2px -2px 2px #ccc; */
    /* position: absolute;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-right: 20px solid #F3F3F3;
    border-bottom: 15px solid transparent;
    border-color: transparent #F3F3F3 transparent;
    top: 46%;
    left: 61px;
    content: ''; */
    position: absolute;
    top: 50%;
    left: 71px;
    content: '';
    border: solid 10px;
    border-color: #F3F3F3 #F3F3F3 transparent transparent;
    transform: rotate(225deg);
    box-shadow: 2px -2px 2px #ccc;
    z-index: 1;
}

/*  .box_li:nth-child(even) .coin .triangles::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: -9px;
    right: -16px;
    border-top: 10px solid transparent;
    border-right: 22px solid rgba(243, 243, 243, 0.5);
    border-bottom: 10px solid transparent;
} */


 .link_ul {
    display: none;
}


@media screen and (max-width:1780px) {
     .box_li:nth-child(odd) .imgBoxone {
        width: calc(100% - 100px);
    }

     .box_li:nth-child(even) .imgBoxone {
        width: calc(100% - 100px);
    }

     .coin {
        width: calc(100% - 100px);
    }

}

@media screen and (max-width:1200px) {
    /*  .imgBox img {
        width: 410px;
    } */

     .coin {
        width: calc(100% - 80px);
    }

     {
        width: calc(100% - 40px);
        padding: 30px 20px;
    }

     .box_li:nth-child(odd) .imgBoxone {
        width: calc(100% - 80px);
    }

     .box_li:nth-child(even) .imgBoxone {
        width: calc(100% - 80px);
    }

     .box_li:nth-child(even) .coin .triangles {
        top: 48%;
    }

     .box_li:nth-child(odd) .coin .triangles {
        top: 48%;
    }
}

@media screen and (max-width:900px) {
    /*  .imgBox img {
        width: 361px;
    } */

    /*  .coin {
        width: 361px;
    } */

}

@media screen and (max-width:768px) {
     .banner-name {
        font-size: 24px;
    }

     .banner-docs {
        font-size: 15px;
        padding: 20px;
    }

     .imgBox img {
        height: 220px;
        /* width: 295px; */
    }

     .coin {
        /* width: 295px; */
        margin-left: unset;
    }

     .box_li:nth-child(even) .coin {
        margin-left: auto;
    }

     .box_li:nth-child(odd) .imgBox img {
        margin-left: auto;
    }

     .linkone {
        top: 137px;
    }

     .title {
        padding: 0 unset;
    }

     .text {
        padding: unset;
    }
}

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

     #trianglesso {
        /* position: absolute;
        border-top: 7.5px solid transparent;
        border-left: 15px solid #F3F3F3;
        border-bottom: 7.5px solid transparent;
        top: 44%;
        left: 49px;
        content: '';
        border-color:transparent  #F3F3F3 transparent;
         transform: rotate(230deg) translateY(-50%); 
         box-shadow: 2px -2px 2px #ccc;  */
        right: unset;
        border-right: unset;
        transform: rotate(225deg) translateY(-15%);
        position: absolute;
        top: 50%;
        left: 44px;
        content: '';
        border: solid 10px;
        border-color: #F3F3F3 #F3F3F3 transparent transparent;
        box-shadow: 2px -2px 2px #ccc;
        z-index: 1;
    }

     .title {
        font-size: 20px;
    }

     .text {
        font-size: 14px;
    }

     .coin {
        width: 277px;
    }

     .imgBox img {
        width: 277px;
        height: 159px;
    }

     .box_li {
        display: flex;
        flex-direction: column-reverse !important;
    }

     .banner-description {
        width: 100%;
        margin-bottom: 10px;
    }


     #coins {
        margin-left: auto;
        margin-right: unset;
    }

     .imgBox {
        width: 100%;
    }


     .imgBox #imgs {
        margin-left: auto;
        margin-right: unset;
    }

     {
        width: calc(100% - 40px);
        padding: 30px 20px;
    }

     .box_li {
        margin-bottom: 45px;
    }

     .cointwo {
        box-shadow: 0 4px 2px 1px rgba(0,0,0,0.21);
    }


     .box_li .round {
        display: none;
    }

     .box_li .link {
        display: none;
    }

     .linkone {
        display: none;
    }

     .roundone {
        width: 23px;
        height: 23px;
        position: absolute;
        border-radius: 50%;
        border: 1px solid;
        border-color: #E48012;
        top: 50%;
        left: -5px;
        transform: translateY(-50%);
    }

     .crieone {
        position: absolute;
        width: 7px;
        height: 7px;
        background: #E48012;
        border-radius: 50%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

     .link_ul {
        position: absolute;
        width: 1px;
        height: 217px;
        background: #E48012;
        top: 24px;
        left: 12px;
        display: block;
    }

     .box_li:last-child .link_ul {
        display: none;
    }



     .box_ul {
        margin-top: 20px;
    }

     .coin .triangles::after {
        top: -9px;
        left: -3px !important;
        border-right: 22px solid rgba(243, 243, 243, 0.5) !important;
        border-left: unset !important;
    }

     #imgBoxones {
        width: unset;
        margin-left: unset;
        margin-right: unset;
    }
}

.aboutus{ padding: 30px 0;}
.aboutlf{ width: 49%; float: left;}
.aboutrt{ width: 49%; float: right;}
.aboutrt h1{ font-size: 32px; text-align: center; margin-bottom: 30px;}

.slideabt{}
.slideabt{ width:100%;  text-align:left;  }
		.slideabt .hd{  height:50px; line-height:50px;  padding:0 10px 0 20px;   border-bottom:3px solid #D7D7D7;  position:relative; }
		.slideabt .hd ul{ display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; position:relative; left:0; top:0; height:50px;   }
		.slideabt .hd ul li{ float:left; font-size: 16px; padding:0 15px; cursor:pointer;  }
		.slideabt .hd ul li.on{ height:50px; color: #F49B4D;  border-bottom:3px solid #F49B4D;  }
		.slideabt .bd ul p{ /*margin: 60px 0;*/ font-size: 16px; line-height: normal;   }
		.btnn1{ width: 190px; line-height: 60px; text-align: center; color: #FFFFFF; font-size: 14px; font-weight: bold; background-color: #1C4587;}
		
.about2{ padding: 75px 0; height: 500px; background-color: #F2F3F8;}
.about2lf{
	float: left;
	    width: 33%;
	    height: 418px;
	    margin-top: 50px;
	    background-color: #546274;
}
.about-content {
    float: left;
	width: 49.5%;
    height: 49.5%;
}

.border-right {
	border-right: 1px solid #718195;
}

.border-bottom {
	border-bottom: 1px solid #718195;
}

.about-content-num {
    text-align: center;
    font-size: 80px;
    font-weight: 700;
	color: #718195;
    margin-top: 40px;
}

.about-content-title {
    text-align: center;
	color: #fff;
    font-size: 14px;
}


.about-middle {
    position: absolute;
    top: 75px;
    left: 33%;
    z-index: 1;
    float: left;
    width: 33.9%;
	height: 410px;
    padding: 50px 20px;
    text-align: center;
    background: #fff;
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.11);
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.11)
}
 
.about-middle-title {
    margin-top: 50px;
	font-size: 50px;
    font-family: "Poppins", Helvetica, Arial, sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    color: #151515;
}

.about-middle-describe {
	color: #9b9b9b;
    margin: 55px 80px 80px;
    /* height: 72px; */
    line-height: 25px;
    font-size: 13px;
}

.about-middle-button {
    position: relative;
	padding: 12px 44px;
    background-color: #78abf1;
    color: #fff;
    font-size: 14px;
    overflow: hidden;
    z-index: 0;
    border: 0;
    max-width: 100%;
    display: inline-block;
}

.about-middle-button: after , .about-middle-button: before{
    content: '';
    position: absolute;
    top: 50%;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    -webkit-transition: .23s all ease;
    -o-transition: .33s all ease;
    transition: .33s all ease;
    z-index: -1;
    background: #5993e3; 
}

.about-middle-button: before {
	left: -20px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.about-middle-button: after {
	right: -40px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.about-middle-button: hover:before {
    -webkit-animation: criss-cross-left 0.8s both;
    animation: criss-cross-left 0.8s both; 
}
.about-middle-button: hover:after {
    -webkit-animation: criss-cross-right 0.8s both;
    animation: criss-cross-right 0.8s both; 
}

.about-middle {
    position: absolute;
    top: 75px;
    left: 33%;
    z-index: 1;
    float: left;
    width: 33.9%;
	height: 410px;
    padding: 50px 20px;
    text-align: center;
    background: #fff;
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.11);
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.11)
}
 
.about-middle-title {
    margin-top: 50px;
	font-size: 50px;
    font-family: "Poppins", Helvetica, Arial, sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    color: #151515;
}

.about-middle-describe {
	color: #9b9b9b;
    margin: 55px 80px 80px;
    /* height: 72px; */
    line-height: 25px;
    font-size: 13px;
}

.about-middle-button {
    position: relative;
	padding: 12px 44px;
    background-color: #78abf1;
    color: #fff;
    font-size: 14px;
    overflow: hidden;
    z-index: 0;
    border: 0;
    max-width: 100%;
    display: inline-block;
}

.about-middle-button: after , .about-middle-button: before{
    content: '';
    position: absolute;
    top: 50%;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    -webkit-transition: .23s all ease;
    -o-transition: .33s all ease;
    transition: .33s all ease;
    z-index: -1;
    background: #5993e3; 
}

.about-middle-button: before {
	left: -20px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.about-middle-button: after {
	right: -40px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.about-middle-button: hover:before {
    -webkit-animation: criss-cross-left 0.8s both;
    animation: criss-cross-left 0.8s both; 
}
.about-middle-button: hover:after {
    -webkit-animation: criss-cross-right 0.8s both;
    animation: criss-cross-right 0.8s both; 
}


@-webkit-keyframes criss-cross-left {
  0% {
    left: -20px; }
  50% {
    left: 60%;
    width: 20px;
    height: 20px; }
  100% {
    left: 60%;
    width: 390px;
    height: 390px; } }

@keyframes criss-cross-left {
  0% {
    left: -20px; }
  50% {
    left: 55%;
    width: 20px;
    height: 20px; }
  100% {
    left: 50%;
    width: 390px;
    height: 390px; } }

@-webkit-keyframes criss-cross-right {
  0% {
    right: -20px; }
  50% {
    right: 45%;
    width: 20px;
    height: 20px; }
  100% {
    right: 45%;
    //width: 390px;
    //height: 390px; } }

@keyframes criss-cross-right {
  0% {
    right: -20px; }
  50% {
    right: 45%;
    width: 20px;
    height: 20px; }
  100% {
    right: 45%;
   // width: 390px;
    //height: 390px; }
  }

.about-right {
	float: right;
    width: 33%;
    height: 418px;
    margin-top: 50px;
    overflow: hidden;
}

.about-right-image img {
	width: auto;
    height: auto;
    min-width: 100%;
    max-width: none;
    min-height: 100%;
    margin-top: -120px;
    margin-left: -220px;
}
.about-middle-describe{
    -webkit-line-clamp: 3;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: auto;
}
    
    @media (min-width:990px) and (max-width:1024px) {
 	.about-box {
    	padding-top: 0;
        height: 848px;
    }
     
    .about-middle {
        position: absolute;
        top: 0;
        left: -20px;
    	width: 100%;
        height: 410px;
        padding:10px 20px;
    }
     
     .about-middle-describe {
        margin: 50px 100px;
}
     
    .about-left {
    	position: absolute;
        left: 0;
        top: 380px;
        width: 50%;
    }
     
    .about-right {
    	position: absolute;
        left: 50%;
        top: 380px;
        width: 50%;
    }
   .about-right-image img {
        width: auto;
        height: auto;
        min-width: 100%;
        max-width: none;
        min-height: 100%;
        margin-top: -120px;
        margin-left: -250px;
}
 }
    

 @media (min-width:768px) and (max-width:990px) {
 	 .about-box {
    	padding-top: 75px;
        height: 1190px;
    }
    
	 .about-left {
    	width: 100%;
        margin-top:-75px;
    }
    
     .about-middle {
    	width: 100%;
        padding:10px 0;
        position: static;
    }
    
    .about-middle-describe {
	color: #9b9b9b;
    margin: 40px 68px 60px;
    height: auto;
    line-height: 25px;
    font-size: 13px;
}
    
     .about-right {
    	width: 100%;
        margin-top: 0;
        //overflow: visible;
    }
     .about-right-image img {
        width: auto;
        height: auto;
        min-width: 100%;
        max-width: 100%;
        min-height: 100%;
        margin-top: -120px;
        margin-left: 0px;
}
 }


@media (max-width:767px) {
    .about-box {
    	padding-top: 75px;
        height: 1082px;
    }
    
	 .about-left {
    	width: 100%;
        margin-top:-75px;
    }
    
     .about-middle {
    	width: 100%;
        padding:10px 0;
        position: static;
         height: 370px;
    }
    
    .about-middle-describe {
	color: #9b9b9b;
    margin: 40px 68px 60px;
    height: auto;
    line-height: 25px;
    font-size: 13px;
}
    
     .about-right {
    	width: 100%;
        margin-top: 0px;
         //overflow: visible;
         height: 350px;
    }
     .about-right-image img {
        width: auto;
        height: auto;
        min-width: 100%;
        max-width: 100%;
        height: 100%;
        margin-top: -260px;
        margin-left: 0;
	}
}
    
    @media (max-width:420px) {
        
        .about-box {
    	padding-top: 75px;
        height: 945px;
    }
        
    .about-middle-describe {
        color: #9b9b9b;
        margin: 40px 30px 60px;
        height: auto;
        line-height: 25px;
        font-size: 13px;
}
    
     .about-right {
    	width: 100%;
        margin-top: 0;
         height: 222px;
    }
 	.about-right-image img {
        width: auto;
        height: auto;
        min-width: 100%;
        max-width: 100%;
        min-height: 100%;
        margin-top: 0;
        margin-left: 0;
	}       
 }
 
 .about3{ padding: 30px 0;}
 .about3 h1{ font-size: 40px; color: #2980B9; text-align: center;}
 .about3line{ width: 100px; height: 2px; background-color: #1155CC; margin: 20px auto; margin-bottom: 60px;}
 .tile {
     width: 25%;
     outline: none;
 }
 
 .all {
     display: flex;
     flex-direction: column;
     align-items: center;
     height: 100%;
 }
 
 .cont {
     background: #3c78d8;
     padding: 35px 15px 35px 15px;
     min-height: 82px;
     position: relative;
     color: #FFF;
     font-size: 14px;
     line-height: 1.4;
     text-align: center;
     margin-top: 25px;
     width: calc(100% - 29px);
     height: calc(100% - 273px);
 }
 
 .titleBox {
     width: 178px;
     height: 89px;
     border: solid 4px transparent;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 178px 178px 0 0;
     margin-bottom: 89px;
     border-bottom: 0;
     box-sizing: border-box;
     position: relative;
     transition: .8s;
 }
 
 .tile:hover .titleBox {
     transform: translateY(15px);
 }
 
 .titleBox::after {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border-radius: 178px 178px 0 0;
     /* background: linear-gradient(to top, #5ca920, #23b7cb); */
     z-index: 1;
 }
 
 .title {
     width: 156px;
     height: 156px;
     border: solid 6px #F2F2F2;
     color: #A0A0A0;
     border-radius: 50%;
     box-sizing: border-box;
     display: flex;
     align-items: center;
     position: relative;
     z-index: 2;
     background: #fff;
 }
 
 .titleWra {
     width: 160px;
     height: 160px;
     border-radius: 50%;
     background: #fff;
     margin-top: 86px;
     position: relative;
     z-index: 2;
     display: flex;
     justify-content: center;
     align-items: center;
 }
 
 .title span {
     width: 100%;
     display: inline-block;
     color: #909190;
     font-size: 40px;
     font-weight: 500;
     text-align: center;
     position: relative;
     z-index: 3;
 }
 
 .circle {
     width: 20px;
     height: 20px;
     position: absolute;
     border-radius: 50%;
     background: #3c78d8;
     z-index: 4;
     bottom: -71px;
     left: 50%;
     transform: translateX(-50%)
 }
 
 .line {
     position: absolute;
     width: 2px;
     height: 45px;
     background: #3c78d8;
     bottom: -116px;
     left: 50%;
     transform: translateX(-50%);
     z-index: 4;
 }
 
 .slick-dots {
     width: 100%;
     display: flex;
     justify-content: center;
     margin-top: 30px;
     position: unset;
 }
 
 .slick-dots li {
     width: 10px;
     height: 10px;
     background: #3c78d8;
     margin: 0 5px;
     cursor: pointer;
     transition: .3s;
 }
 
 .slick-dots li button {
     display: none;
 }
 
 .slick-dots .slick-active {
     background: blue;
 }
 
 @media screen and (max-width:1200px) {
     {
         width: calc(100% - 20px);
         margin: 0 10px;
     }
 
     .blockText {
         margin-bottom: 40px;
     }
 }
 
 @media screen and (max-width:700px) {
     .blockText {
         margin-bottom: 30px;
     }
 
     .cont {
         padding: 20px 10px;
         width: calc(100% - 20px);
         height: calc(100% - 243px);
     }
 }
 .slick-track {
     position: relative;
     top: 0;
     left: 0;
     display: flex;
     margin-left: auto;
     margin-right: auto;
 }

.titleBox::after {
	    content: "";
	    position: absolute;
	    top: -10px;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    border-radius: 178px 178px 0 0;
    background: linear-gradient(to top,#15c,#3c78d8);
}

.about4{ padding: 30px 0;}
.block25024 {
    padding: 30px 10px;
    margin: 0 auto;
    max-width: 1180px;
    position: relative;
    display: flex;
}

.block25024 .left {
    width: 33.3333%;
    height: 1180px;
}

.block25024 .center {
    width: 33.3333%;
    height: 1180px;

}

.block25024 .right {
    width: 33.3333%;
    height: 1180px;
}

.block25024 .title {
    width: 100%;
    height: 0;
    display: flex;
    align-items: center;
}

.block25024 .tit {
    font-size: 60px;
    font-weight: 800;
    line-height: 1em;
    word-break: break-word;
    width: 80%;
    text-align: left;
    margin: 0 auto;
    color: #fff;
}

.block25024 .ro-item {
    width: 100%;
    height: 33.3333%;
    position: relative;
    perspective: 1000px;
    overflow: hidden;
    word-break: break-word;
}

.block25024 .none {
    width: 100%;
    height: 33.3333%;
}

.block25024 .front {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 2;
    -webkit-transition: all 0.7s cubic-bezier(0.11, 0.6, 0.24, 0.89);
    -o-transition: all 0.7s cubic-bezier(0.11, 0.6, 0.24, 0.89);
    transition: all 0.7s cubic-bezier(0.11, 0.6, 0.24, 0.89);
    background-color: rgba(255, 255, 255, 0.8);
    padding: 0px 50px;
    position: absolute;
    width: calc(100% - 100px);
    height: 100%;
}

.block25024 .back {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    -webkit-transition: all 0.7s cubic-bezier(0.11, 0.6, 0.24, 0.89);
    -o-transition: all 0.7s cubic-bezier(0.11, 0.6, 0.24, 0.89);
    transition: all 0.7s cubic-bezier(0.11, 0.6, 0.24, 0.89);
    background-color: #0075c1;
    padding: 0px 50px;
    position: absolute;
    width: calc(100% - 100px);
    height: 100%;
}

.block25024 .inner {
    display: flex;
    flex-flow: column nowrap;
    align-content: center;
    align-items: stretch;
    justify-content: center;
    min-width: 100%;
    z-index: 2;
    height: 100%;
}

.block25024 .backer {
    display: flex;
    flex-flow: column nowrap;
    align-content: center;
    align-items: stretch;
    justify-content: center;
    min-width: 100%;
    z-index: 2;
    height: 100%;
}

.block25024 .ro-item:hover .front {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transition: all 0.7s cubic-bezier(0.11, 0.6, 0.24, 0.89);
    -o-transition: all 0.7s cubic-bezier(0.11, 0.6, 0.24, 0.89);
    transition: all 0.7s cubic-bezier(0.11, 0.6, 0.24, 0.89);
}

.block25024 .ro-item:hover .back {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transition: all 0.7s cubic-bezier(0.11, 0.6, 0.24, 0.89);
    -o-transition: all 0.7s cubic-bezier(0.11, 0.6, 0.24, 0.89);
    transition: all 0.7s cubic-bezier(0.11, 0.6, 0.24, 0.89);
}

.block25024 .num {
    color: #9470b1;
    font-size: 36px;
    font-weight: 700;
    line-height: 0.83em;
    text-align: left;
    margin-bottom: 15px;
    display: inline-block;
}

.block25024 .num.hs {
    color: #fff !important;
}


.block25024 .ro-item.bg3 .front {
    background: #9470b1;
}

.block25024 .ro-item.bg3 .back {
    background: #53b7c7;
}

.block25024 .ro-item.bg5 .front {
    background: #53b7c7;
}

.block25024 .ro-item.bg5 .back {
    background: #9470b1;
}

.block25024 .backer .nr {
    color: #fff;
}

.block25024 .nr.ms3,
.block25024 .nr.ms5 {
    color: #fff;
}

.block25024 .nr {
    color: #3d3d3d;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.8;
    text-align: left;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

.block25024 .placeholder00{
    display: none;
}
@media screen and (max-width:768px) {

    .block25024 .front {
        padding: 0 25px;
        width: calc(100% - 50px);
    }

    .block25024 .back {
        padding: 0 25px;
        width: calc(100% - 50px);
    }
}

@media screen and (max-width:510px) {
    .block25024 {
        flex-wrap: wrap;
    }

    .block25024 .left {
        width: 100%;
        height: auto;
        order: 1;
    }
    .block25024 .ro-item.bg2 {
    position: absolute;
    bottom: 424px;
    width: calc(100% - 20px);
}

    .block25024 .ro-item.bg5 {
    position: absolute;
    bottom: 30px;
    width: calc(100% - 20px);
}
    .block25024 .center {
        width: 100%;
        height: auto;
        order: 2;
    }
    .block25024 .placeholder00{
    display: block;
    height: 394px;
    width: 100%;
    }
    .block25024 .right {
        width: 100%;
        height: auto;
        order: 3;
    }

    .block25024 .ro-item {
        height: 394px;
    }

    .block25024 .title {
        display: none;
    }

    .block25024 .none {
        display: none;
    }
}
.about5{ padding: 50px 0;}
.about5 h1{ font-size: 32px; text-align: center; margin-bottom: 20px;}
.abt5{ border: 1px solid #ddd; padding: 10px;}
.about5 .swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{ top: inherit; bottom: 0 !important;}

.gallerycon{ padding: 60px 0;}
.imgtextBoxBottom {
    padding: 80px 0;
	background-color: #F4F6F8;
}
.text2 {
    font-size: 35px;
    font-weight: 400;
    margin: 15px auto;
    width: 80%;
}
.button1 {
    display: flex;
    justify-content: center;
	
}
 .button1 .backstage-componet {
    min-width: 105px;
	background-color: #66C7CE;
	color: #FFFFFF;
    height: 18px;
    padding: 8px 14px;
    margin: 0 auto;
    line-height: 18px;
    font-size: 14.7px;
    font-weight: 600;
    letter-spacing: 0.2em;
    border: 1px solid;
    border-color: inherit;
}
.button1 a{ color: #FFFFFF;}
.gallerycon ul{ display: flex; justify-content: space-between;    flex-wrap: wrap;}
.gallerycon ul li{ width: 24%;margin-left:1%; margin-bottom:1% }
    .gallerycon ul li img {
    height:200px;
    }
    .qiaoxin12154 {
        padding-top: 80px;
        margin-bottom: 30px;
    }
 .frame {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

 .frame .frame_one {
    border: 8px solid #f5f5f5;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: relative;
    width: 33.3%;
    transition: all 0.3s;
}

 .frame .frame_one .frame_one_icon {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -62px;
    border: 8px solid #f5f5f5;
    width: 108px;
    height: 108px;
    background: #fff;
    font-size: 28px;
    border-radius: 100%;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #878244;
}

 .frame .frame_one .frame_one_span {
    margin: 0;
    color: #212121;
    font-size: 16px;
    padding: 90px 10px 30px;
}

 .frame .frame_one:nth-child(2) {
    margin: 0 20px;
}

 .frame .frame_one:hover .frame_one_icon {
    background: #878244;
    color: #fff;
}
@media screen and (max-width: 1200px) {
     {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width:510px) {
     .frame {
        flex-direction: column;
        align-items: center;
    }

     .frame .frame_one {
        width: calc(100% - 20px);
        margin-top: 20px;
    }

     .frame .frame_one:nth-child(2) {
        margin: 20px 0 0 0;
    }

     .frame .frame_one:nth-child(1) {
        margin-top: 0;
    }

     .frame .frame_one .frame_one_span {
        padding: 90px 10px 60px;
    }
}

.cont2{ padding: 50px 0;}

.cont2bd{ background-color: #D4F7FC; border-radius: 15px; width: 50%; margin: 30px auto;}
.cont2bd h1{ font-size: 42px; margin-bottom: 20px;}
.iput1{ display: flex; justify-content: space-between; margin-bottom: 20px;}
.iput1 input{ width: 48%; line-height: 30px; border: 1px solid #ddd; background-color: transparent; padding-left: 10px;}
.iput2{margin-bottom: 20px;}
.iput2 textarea{ width: 98%; height: 90px; padding-left: 10px;border: 1px solid #ddd; background-color: transparent;}
.iput2 input{ width: 230px; line-height: 30px; border: 1px solid #ddd; background-color: transparent; padding-left: 10px;}
.iput2 img{ width: 100px; height: 30px; margin-left: 20px; vertical-align: middle;}
.bdbtn{ width: 140px; text-align: center; line-height: 35px; background-color: #40C7F1; border-radius: 5px; color: #FFFFFF;} 

.shopcar .carbtn{ position: fixed; right: 10px; bottom: 20%; width: 50px; height: 50px; background-color: #7A8599; border-radius: 50%; background-image: url(../images/cart.png); background-position: center; background-repeat: no-repeat; cursor: pointer;}
#prodInquireBasket{display:none}
.inquire-basket-listwrap{position:fixed;z-index:2147483647;right:0;bottom:0;width:230px;background-color:#fff;border:1px solid #aaa;box-shadow:0 0 8px #999}
.inquire-basket-listwrap .basket-title{cursor:pointer;font-weight:bold;font-size:12px;line-height:36px;text-align:center;color:#fff;background-color:#7a8599}
.inquire-basket-listwrap .basket-title .basket-title-clickshow{display:inline-block;position:relative}
.inquire-basket-listwrap .basket-title .basket-title-thumb{position:absolute;left:6px;height:26px;width:26px;top:5px;cursor:pointer;background:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAPAAA/+EDKWh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8APD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTMxNkFCNzM1OUVEMTFFNkFFQzlDQUQ0Q0JGOTk5NTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTMxNkFCNzQ1OUVEMTFFNkFFQzlDQUQ0Q0JGOTk5NTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMzE2QUI3MTU5RUQxMUU2QUVDOUNBRDRDQkY5OTk1NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMzE2QUI3MjU5RUQxMUU2QUVDOUNBRDRDQkY5OTk1NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHB8fHx8fHx8fHx8BBwcHDQwNGBAQGBoVERUaHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fH//AABEIADQAGgMBEQACEQEDEQH/xABvAAEBAQEBAAAAAAAAAAAAAAAAAwUEBgEBAQEBAAAAAAAAAAAAAAAAAAECBBAAAQQBAgUEAwAAAAAAAAAAAQACAwQRMQUhQVESFHEysgYTI1MRAQACAQQDAQAAAAAAAAAAAAABAhEhMVFh8EFxof/aAAwDAQACEQMRAD8Aqu5ziAgICD0e01Pqd+gzzbDtst0yX2nDMgtRZziIH2yj24059Vm8zE5jWOO/N1rGdP1i7jNSmvTSUq/i1HO/TAXF5a0cBlzskk6lKxONdy2M6OZaQQEBAQEBAQEBBvbL9RubnTNt88VKKR34qJsHt8if+ceflpnh6ZvbHc8dLWM/OWNZrWKtiSvYjdFPE4tkjcMEEcilbRMZgtWYnEpLSCCslmzLHFHLK98cILYWOcSGAnJDQdOPRT3n2dFixYsyumsSvmmdjukkcXOOBgZJydEiBJUEBAQEH//Z) top center no-repeat}
.inquire-basket-listwrap .basket-title .basket-title-thumb.closed{background-position:center -26px}
.basket-title-pronum{color:#ffb629}
.inquire-basket-listwrap .basket-title .remove-basket-data{position:absolute;right:0;height:36px;width:36px;top:0}
.inquire-basket-listwrap .basket-title .remove-basket-data .fa{line-height:36px;font-size:14px;display:block}
.basket-lists{padding:2px 1px;height:190px;overflow-y:auto}
.basket-lists li{float:left;width:100%;padding:8px 0;height:40px;border-bottom:1px solid #e8e8e8}
.basket-lists li:hover{background-color:#fffeee}
.basket-lists li input[type="checkbox"]{float:left;margin-left:10px;margin-top:14px}
.basket-lists li a{float:left;margin-left:10px;font-size:12px;line-height:16px}
.basket-lists li a img{height:auto;width:40px;max-height:40px;object-fit:contain}
.basket-lists li .basket-list-name{width:140px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#246bb3;text-decoration:none}
.basket-lists li .basket-list-delate{display:none;margin-top:8px;color:#888;text-decoration:none}
.basket-lists li:hover .basket-list-delate{display:inline-block}
.basket-lists li .basket-list-delate:hover{text-decoration:underline}
.basket-btns{padding:10px;font-size:12px}
.basket-btns button[type="submit"]{line-height:16px;padding:4px 10px;font-size:12px;color:#fff;border:0;background-color:#e64545;border-radius:3px}
.basket-btns #basketEmpty{line-height:16px;padding:4px 10px;font-size:12px;color:#e64545;border:0;background-color:#f1f1f1;border-radius:3px}
.basket-title-clickshow:after{position:absolute;content:'';display:block;left:100%;top:0;width:50px;height:36px}
a.sitewidget-backtop{position:fixed;bottom:56px;right:12px;height:38px;width:38px;overflow:hidden;line-height:38px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAHlBMVEXHx8fq6uq/v7/AwMDm5uawsLD5+fm8vLzx8fG2trZYKnLoAAAABXRSTlO/P9vTSdx9xLoAAABeSURBVCjPYxAOxQCGDKyYggEMoVjAqCAIRE7FIliWjikYnpZWiiFYlpaWDheEK0wvgypFCAJFgOKogmABuFIGuEKwDIpgG5hbloEiWAHWGN4+uMJz8AhizQhCmIIqAJaYDAZ+RPBKAAAAAElFTkSuQmCC) no-repeat;text-align:center;text-indent:-99em;text-decoration:none;z-index:9}
@media(min-width:768px){a.backToTopStyle1,a.backToTopStyle2,a.backToTopStyle3,a.backToTopStyle4,a.backToTopStyle5,a.backToTopStyle6,a.backToTopStyle7{width:60px;height:60px;background-image:url('/static/t-sjBqBKrKlqmiolbr/assets/images/backToTop.png')}
}

.proiq{ width: 100%; padding: 60px 0;}
sitewidget-form-20160906153627 .sitewidget-bd {
    border-left: 0 solid #333;
    border-right: 0 solid #333;
    border-top: 0 solid #333;
    border-bottom: 0 solid #333;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}
.sitewidget-bd {
    background-position: left top;
    background-repeat: repeat;
    background-attachment: scroll;
}
.sitewidget-bd {
    font-family: Poppins;
    font-size: 14px;
    color: #333;
    font-weight: 0;
    letter-spacing: 0;
    line-height: 1.7em;
    text-align: left;
}
.fix {
    clear: both;
    zoom: 1;
}
.new-inquire-table-main {
    width: 100%;
    overflow-x: auto;
}
.new-inquire-table-main table {
    white-space: nowrap;
}
.new-inquire-table-main table thead th {
    min-width: 145px;
    width: 145px;
    white-space: nowrap;
}
.sitewidget-inquire-table th {
    background-color: #f3f3f3;
    text-align: left;
}
.sitewidget-inquire-table th, .sitewidget-inquire-table td {
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 5px;
}
.sitewidget-inquire-table input[type="number"] {
    width: 6em;
	border-radius: 4px;
	    background-color: #fff;
	    border: 1px solid #ccc;
	    box-shadow: 1px 1px 2px rgba(0,0,0,0.1) inset;
	    color: #555;
	    display: inline-block;
	    height: 30px;
	    line-height: 30px;
	    padding: 4px 6px;
	    vertical-align: middle;
}

element.style {
}
.sitewidget-inquire .form-line-2 .control-group:nth-child(even) {
    clear: left;
}
.sitewidget-inquire .form-line-2 .control-group {
    margin-bottom: 16px;
    width: 49%;
    float: left;
	
	    margin-right:5px;
}
.sitewidget-inquire .form-line-2 .control-group:nth-child(2n){ float: right; margin-left: 0;}
.control-group {
    display: block;
}

fieldset{
    border: 0;
	padding: 0;
	margin: 10px 0;
}
.sitewidget-inquire .control-group .controls input, .sitewidget-inquire .control-group .controls select, .sitewidget-inquire .control-group .controls textarea {
    width: 100%;
    padding: 4px 0;
    text-indent: 6px;
    box-sizing: content-box;
    margin-left: -1px;
    height: 30px !important;
	    border: 1px solid #ccc;
	    box-shadow: 1px 1px 2px rgba(0,0,0,0.1) inset;
}
.sitewidget-inquire .form-line-2 .control-group.textarea, .sitewidget-inquire .form-line-3 .control-group.textarea {
    width: 100%;
    margin-left: 0;
	margin: 0;
}
.sitewidget-inquire #faptcha_response_field {
    width: 220px;
border: 1px solid #ccc;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.1) inset;
	height: 30px;
}
.sitewidget-hd h2{ font-size: 42px; text-align: center; margin-bottom: 30px;}

.isdecon{ padding: 30px 0;}