@import "font-awesome-4.7.0/css/font-awesome.min.css";
@keyframes flash {0% { opacity: .4; } 100% { opacity: 1; }}

#content {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

/* banner start */
#owl-demo .item img { display:block; height:auto; width:100%; }
#owl-demo .item img { border-radius:6px 6px 0 0; display:block; height:auto; width:100%; }
/* banner end */

/*star.path*/

ul.submenu> li:hover:first-child{border-radius: 20px 20px 0 0;}
ul.submenu> li:hover:last-child{border-radius: 0 0 20px 20px;}

/*about*/

.abouts-bigbox p {line-height: 31px;}
.about-box-img{ display:flex; flex-wrap:wrap; margin-bottom: 88px; justify-content: center; margin-bottom: 22px; margin-top: 22px; }
.about-box-img li{ width: calc(100% / 3 - 28px); margin-right: 18px;}
.about-box-img li:nth-child(3n+3){ margin-right:0; }
.pto.fix{ display:flex; align-items:center; justify-content:center; margin: 10px 0;}
.pto.fix+div{padding: 15px;}
.pto-name{ position: relative; }
.pto-name span{ position: absolute; bottom: 25px; width: 100%; text-align: center;     font-family: Arial; color: #fff; font-weight: bold; font-size: 1.5em; }
.about-icon{width: 50%;float: right; padding: 50px 0px 0px 0px;margin: 0 20px 0 0;}
.abouts-bigbox{background: url(../images/about_bg.png) no-repeat 0px 200px /100%;padding: 0 0 50px 0;}
.abouts-bigbox::after{ content: ''; clear: both; display: block; }



#path {
    max-width: 1000px;
    margin: -1px auto;
    background: #dbdbdb;
    border-radius: 0 0 3px 3px;
}
#path ul {
    display: inline-block;
    margin: 8px;
}
#path ul li:before { content:'\f105'; color:#262E81; font-family:FontAwesome; display:inline-block; vertical-align:middle; margin:0 5px; }
#path ul li:first-child:before { content:none; }
#path a.home_icon::before{ content:'\f015'; font-family:FontAwesome; }

#path ul li {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    letter-spacing:-.8px;
}

#path ul li:last-child{ font-weight:bold; }

#path a, #path a:hover {
    color: #5D5D5D;
    text-decoration: none;
}
#path a:hover {
    text-decoration: underline;
}


#title {
    text-align: right;
    padding: 10px 0;
    border-bottom: 1px solid #c6c6c6;
    margin-bottom: 30px;
}
hl {
    font-family:Arial;
    font-size:25px;
    font-weight: bold;
    color:#db0000;
    line-height:1;
    letter-spacing:0;
    margin:0;
}
#main {
    margin-bottom: 3%;
}

/*aside*/

aside {
    width: 25%;
    margin-left: 10px;
}
aside .title .top {
    width: 100%;
    padding: 10px 20px 20px 15px;
    vertical-align: middle;
    height: 55px;
    line-height: 37px;
}
aside .title {
    margin: 0;
    text-align: left;
}
aside .title .icon_ebook {
    position: relative;
    top: -4px;
    vertical-align: middle;
    margin-right: 10px;
}
aside ul {
    margin: 10px 0;
    background: #ccc;
    border-radius: 20px;
    
}
ul.submenu> li {  position: relative; border-style: solid;border-width: 1px 0 0 0;border-color: white;}


ul.submenu> li> a {
    display: block;
    padding: 15px 30px 15px 13px;
    color: white;
    font-size: 15px;
    font-weight: bolder;
    cursor: pointer;
    letter-spacing: 0.5px;
}
ul.submenu> li> a:last-of-type {  position: absolute;top:0;right:0 }
#sidebar {
    margin-bottom: 40px;
}
ul.submenu> li.current> a, ul.submenu> li:hover> a {
    color: #FFF;
}

ul.submenu> li.current, ul.submenu> li:hover {
    background: #868686;
}

ul.submenu> li.current:last-child {border-radius: 0 0 20px 20px;}
ul.submenu> li.current:first-child {border-radius: 20px 20px 0 0;}
ul.submenu> li.current.OnlyOne{border-radius: 20px;}

/*Side Menu*/

.side_classLink {
    position: relative;
}
.side_classLink> div> ul {}
.side_classLink> div> ul> li {
    display: block;
    margin-left: 23px;
}
.side_classLink> div> ul> li> a {
    display: block;
    color: #000;
    line-height: 24px;
    padding-left: 30px;
    /*background: url(../images/smbox.jpg) no-repeat;*/
    font-size: 13px;
}
.side_classLink> div> ul> li> a:hover {
    color: #666;
}
.side_classLink> div> ul> li> a.current {
    color: #06C;
}
#submenu-bottom {
    padding: 20px 0 20px 25px;
}
li a.active+ .menu_body {
    max-height: 99999px;
    border-top: 3px solid #5E9ABC;
    border-bottom: 3px solid #5E9ABC;
}
.menu_body {
    width: 100%;
    max-height: 0;
    overflow: hidden;
    overflow: hidden;
    background: #F8FEFF;
    padding: 0;
}
.menu_body li {
    list-style: none;
}
.menu_body li:last-child {
    border: none;
}
.menu_body li a {
    display: block;
    padding: 8px 0 8px 50px;
    color: crimson;
}
.menu_body li:hover, .menu_body li.current {
    background: #ACE6F6;
}
.menu_body li:hover a, .menu_body li.current {
    color: #e16877;
}
aside .title .css_arrow_down {
    display: none;
}
.css_arrow_down {
    display: none;
    position: absolute;
    top: 22px;
    right: 20px;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 8px 0px 8px;
    border-color: #FFF transparent transparent transparent;
    cursor: pointer;
}
span.css_arrow_down {
    top: 19px;
    right: 10px;
    border-color: #E0F8FE transparent transparent transparent;
}
.submenu a.active span, #submenu-title.active .css_arrow_down {
    transform: rotate(180deg);
    transition: ease 0.5s;
}
.submenu a span, #submenu-title .css_arrow_down {
    transition: ease 0.5s;
}

/*right_box*/

.right_box {
    width: 70%;
    min-height: 500px;
}

.seo_zone {
    color: #444352;
    line-height: 150%;
}
.right_box.right h2{ padding:10px 0 30px 0; margin:0; font-weight:normal; color:#444352; line-height:150%; font-size:1em; }
/*aboutus*/

#aboutus .title {
    text-align: left;
    margin: 6% 0 4%;
}
#aboutus .title:nth-child(1) {
    margin-top: 0;
}
#aboutus .title span {
    color: #51b1cd;
    font-size: 24px;
    padding-bottom: 3px;
    border-bottom: 3px solid #212972;
}
#aboutus .list {
    padding: 20px;
    border: 3px solid #212972;
    background: #E0F8FE;
    margin: 5% 0;
}
#aboutus .list li {
    width: 48%;
    display: inline-block;
    padding-bottom: 3px;
    margin: 6px 10px 6px 0;
    border-bottom: 1px solid #212972;
    line-height: 30px;
}
#aboutus .list li span {
    float: right;
}
#aboutus p {
    font-size: 15px;
}
#aboutus {
    line-height: 24px;
}
#aboutus .list.histroy li {width:100%; display:block; padding-bottom:3px; margin:3px 0; border-bottom:1px solid #212972; line-height:30px;}
#aboutus .list.histroy li{position:relative; padding-left:67px;}
#aboutus .list.histroy li span {position:absolute; left:0; top:0; display:block; background:#212972; color:#fff; padding:1px 11px;}
#aboutus .img{text-align:center;}
#aboutus .img img{width:100%; transform:scale(.8); margin:10px 0; transition:transform .3s ease-in-out;}
#aboutus .img img:hover{transform:scale(1);}
.table{display:table;}
.tr{display:table-row;}
.td{display:table-cell;}
/*products list*products_detial*/

.products_list {
    padding: 10px;
    margin-bottom: 3%;
    border: 5px solid #ace6f6;
    display:flex;
}
.products_list_left, .products_list_right, .products_detial_left, .products_detial_right {width:50%;}
.products_detial_right .title+article{ margin-top:20px; }
.products_list_right, .products_detial_right {
    padding-left: 10px;
}
.products_list .title, .products_detial_top .title, .products_show_title.title {
    margin: 0;
    padding: 10px;
    font-size:20px;
    line-height: 120%;
    font-weight: bold;
    color: #e4fcf9;
    background: #5e9abc;
}
.products_detial_top .title { background:#212972; }

.products_list .title{font-weight:normal;}
.products_list .title a{color:#fff;}
.flex-center{display:flex; justify-content:center; align-items:center;}

.products_list ul, .products_detial_top ul {
    text-align: center;
}
.products_list ul li a, .products_detial_top ul li a {
    font-weight: bold;
    color: gray;
    letter-spacing: 1px;
}
.products_list ul li, .products_detial_top ul li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 10px;
    text-align: center;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s;
}
.products_list ul li:after, .products_detial_top ul li:after {
    position: absolute;
    -webkit-transition: .3s;
    transition: .3s;
    content: '';
    width: 0;
    left: 50%;
    bottom: 0;
    height: 3px;
    background: #ace6f6;
}
.products_list ul li:hover, .products_detial_top ul li:hover {
    cursor: pointer;
}
.products_list ul li:hover:after, .products_detial_top ul li:hover:after {
    width: 100%;
    left: 0;
}
.products_list ul li.current, .products_detial_top ul li.current {
    background: #e6e9fd;
}
.products_detial_top { margin-bottom:3%; display:flex;}
.products_show_introduction {
    padding: 3% 0;
}
.products_show_introduction img {
    float: right;
    margin: 15px;
}
.products_show_introduction p {
    line-height: 180%;
    letter-spacing: 0.5px;
}
.products_show_title.title img {
    margin-right: 10px;
    position: relative;
    top: -3px;
}

/* products */
.product_box.products4{ display:flex; flex-wrap:wrap; }
.product_list{ width:calc(100% / 3 - 4px); margin-right:40px; position:relative; margin:0 2px 10px; display:inline-flex; flex-direction:column; padding:9px; vertical-align:top; border:1px solid rgba(81, 177, 205, 0.31); /* transition:all .2s ease; */ box-sizing:border-box; }
.product_list:hover, .product_list:focus{border: 5px solid #909090; padding:5px;}
.product_pic{width:200px; background:#ebebeb; margin:8px auto; padding-bottom:8px; text-align:center; line-height:150px; border-bottom:1px solid rgba(81, 177, 205, 0.31); align-items:center; display:flex;}
.product_pic img{  max-width:100%;  max-height:100%;vertical-align:middle;}
.product_list_title {text-align:center; line-height:1.7em; margin-bottom:5px;}
.product_list_title a{ color:#000; }
.product_list_title a:hover{color: #069;}
.products_show_introduction .center{text-align:center;}
.products_show_introduction img.left{float:none; margin:5px 0; max-width:70%; display:inline-block; vertical-align:top;}



/* .product_box.products4{ display:flex; flex-wrap:wrap; align-items:stretch; }
.product_box.products4 .product_list{ display:block; width:30%; } */
.product_box.products4 .product_list .product_pic{ width:auto; height:100%; }


/*ssp*/
.spp1{text-align:center;}
.spp1 img{max-width: calc(100% - 30px);}


.picrunner .picture{ width:50%; margin:0; border:0 none;}
.products_detial_top.picrunner .img{padding:0;}
.picrunner .img img{width:100%;}
/*seo_zone*/
.seo_zone ul, .seo_zone li{padding:0; margin:0; list-style-type:inherit;}
.seo_zone ul{padding-left:22px;}
.seo_zone li{color:#212971; font-weight:bold; padding-left:16px;}
#formID{font-weight:bold;}
#formID>div{max-width:100%; float:none;}
.contact_table1 tbody tr{display:inline-block;}
.contact_btn[value=Clean], .contact_btn[value=Send]{background:#262e81; text-shadow:none; border:0 none; box-shadow:none; border-radius:0; padding:8px 35px;}
.contact_btn[value=Clean]:hover, .contact_btn[value=Send]:hover{background:#212971;}


#cu_content{width:100%; margin-bottom:10px;}

/* products_finished & products_finished_detial start */
#products_finished{ display:flex; flex-wrap:wrap; }
#products_finished li.products_list { border:1px solid rgba(81, 177, 205, 0.31); display:block; box-sizing:border-box; margin-bottom:10px; margin-left:13px; /* transition:all .2s ease; */ position:relative; width:calc(100%/3 - 13px); }
#products_finished li.products_list:nth-of-type(3n+1) { margin-left:0; }
#products_finished .products_list:hover, #products_finished .products_list:focus {border-width:5px; }
#products_finished .products_list>a { position:absolute; top:0; left:0; width:100%; height:100%; z-index:99; }
#products_finished .img { background:#ebebeb; border-bottom:1px solid rgba(81, 177, 205, 0.31); height:77%; margin-bottom:10px; display:flex; align-items:center; justify-content:center; }
#products_finished img { max-height:100%; }
.products_finished img { border:1px solid rgba(81, 177, 205, 0.31); padding: 10px;}
#products_finished .product_list_title { font-weight:bold; color:#6b6677; line-height:1.2;}
/* products_finished & products_finished_detial end */

/* plastic processing */
.processing-list{display:flex; border:2px solid #212972; margin-bottom:15px;}
.processing-list>div{width:50%;}
.processing-data .name *, .processing-data .pic *, .processing-features>*{padding:10px;}
.processing-list>div:first-child{border-right:2px solid #212972;}
.processing-data *{text-align:center;}
.processing-data img{width:100%;}
.processing-list .top{background:#212972; color:#fff; font-weight:bold;}
.processing-data .content{border-bottom:2px solid #212972;}
.processing-data .content span:before{content:"-";}
.processing-features ul{margin:0;}
.processing-features ul li{counter-increment:numList; margin:10px 0; padding:2px 0 2px 29px; position:relative; padding-left:25px;}
.processing-features ul li::before{content:counter(numList); background:#212972; color:#fff; display:inline-block; padding:2px 7px; position:absolute; left:0; top:0;}

/* basic */
article#stylearticle p{font-size: 15px;}
article#stylearticle {line-height:24px;}
.typetitle{text-align:left; margin:6% 0 4%;}
.typetitle:nth-child(1){margin-top:0;}
.typetitle span{color:#51b1cd; font-size:24px; padding-bottom:3px; border-bottom:3px solid #212972;}
ul.typeul, ul.typeul li {margin:0; padding:0; list-style-type:none;}
ul.typeul li {padding-bottom:3px; margin:6px 10px 6px 0; border-bottom:1px solid #212972; line-height:30px;}
ul.typeul li.col2{width:48%; display:inline-block;}

.qualitylist{}
.titlebox{ padding:10px 0; }
.qualityname{font-size:20px; font-weight:bold; margin:30px 0 20px; background:#212972; color:#fff; padding:20px 5px;}
.qualityimg{height:119px;}
.qualityimg img{width:100%; max-width:119px; height:119px; vertical-align:top; padding:0; margin:0 2px;}
.img1 .qualityimg{width:calc(20% * 1);}
.img2 .qualityimg{width:calc(20% * 2);}
.img3 .qualityimg{width:calc(20% * 3);}
.img4 .qualityimg{width:calc(20% * 4);}
.qualityimg, .qualitytype{display:inline-block; vertical-align:top;}
.img1 .qualitytype{width:calc(19% *4);}
.img2 .qualitytype{width:calc(19% *3);}
.img3 .qualitytype{width:calc(19% *2);}
.img4 .qualitytype{width:calc(19% *1);}

/* flexslider */
.flex-control-thumbs{}
.right_box .flex-viewport{ border:1px solid rgba(81, 177, 205, 0.31); }
.right_box .products_detial_top.picrunner .img{height:342px; max-height:342px; display:flex !important; align-items:center; justify-content:center;}
.right_box .flex-control-thumbs li{display:inline-block; float:none;}
.right_box .products_finished img{border:0 none}
.right_box .products_detial_top ul li{padding:0;}
.right_box .flex-direction-nav a{padding:0; transform:translateY(-50%); font-size:0;}
.right_box .flex-direction-nav a::before{content:"<";}
.right_box .flex-direction-nav a.flex-next::before{content:">";}
.right_box .flexslider .slides img{float:none;}

.news_list_right{
    display: flex;
    flex-direction: column;
}
.news_list_date{ margin-bottom: 10px; }
.news_list_date a{ 
    color: #333 !important; 
    font-weight: normal;
}
.news_list_subject a{ 
    color: #ED0707; 
    font-weight: bold;
    font-size: 18px;
}

@media print, screen and (max-width: 999px) {
    .about-icon{width: auto; margin: 0 auto; padding: 10px; float: none;}

    #path ul {
        margin-left: 3%;
    }
    #title {
        text-align: left;
    }
    aside, .right_box {
        width: 100%;
    }
    aside {
        margin-left: 0px;
    }
    aside .title {
        
    }
    aside .title .top {
        /* padding: 15px 20px; */
    }
    aside .title .top:before {
        display: none;
    }
    #sidebar {
        margin-bottom: 4%;
    }
    #title {
        margin-bottom: 3%;
    }
    .submenu {
        width: 100%;
        max-height: 0;
        overflow: hidden;
    }
    /*.submenu li {border-bottom: 3px solid #fff;}*/
    #submenu-title.active+ .submenu {
        max-height: 99999px;
    }
    #submenu-title {
        display: block;
        width: 100%;
    }
    #submenu-title span {
        padding: 0 0px 0 20px;
        text-align: left;
    }
    span.css_arrow_down {
    right: 24px;
    }
    .side_classLink> div> ul> li {
        margin-left: 0px;
    }
    .side_classLink> div> ul> li> a {
        display: block;
        font-size: 15px;
        position: relative;
        padding: 8px 30px;
        border-radius: 0;
        color: #fff;
        text-align: left;
        background: #164A75;
        border: 1px solid rgba(255, 255, 255, .18);
    }
    .menu_body li a {
        display: block;
        padding: 10px 30px;
        text-align: left;
    }
    .side_classLink> div> ul> li> a:hover, .side_classLink> div> ul> li> a.current {
        color: #FF0
    }
    .menu_body {
        width: 100%;
    }
    .menu_body li {
        width: 100%;
        padding: 1px;
    }
    aside .title .css_arrow_down {
        display: block;
    }
    ul.submenu> li> a {
        padding: 15px 5px 15px 30px;
    }
    .products_show_title.title img {
        top: 0;
    }
    .product_box{ text-align:center; }
    .pro-list01 li{width: calc(100%/2);}   
}
@media print, screen and (max-width:768px) {

    #aboutus .list li {
        width: 100%;
        margin: 3% 0;
    }
    #aboutus .list {
        padding: 6%;
    }
}
@media print, screen and (max-width:640px) {
    .products_list .title, .products_detial_top .title, .products_show_title.title {
        font-size: 18px;
    }
    .products_show_introduction img {
        float: none;
        margin: 0px;
    }
    #aboutus .list.histroy li{padding:0;}
    #aboutus .list.histroy li span {position:relative; float:none;}
    .qualitylist .qualitytype, .qualitylist .qualityimg{width:100%;}
    .qualityimg img{width:100%; max-width:auto; height:119px; vertical-align:top; padding:0; margin:1px;}
    .qualityimg{text-align:center;}
    .qualityimg, .qualitytype{display:block; height:auto;}

    .processing-list{display:block;}
    .processing-list>div{width:100%;}
    #products_finished li.products_list, #products_finished li.products_list:nth-of-type(3n+1) { width: calc(100%/2 - 13px); margin-left:13px; }
    #products_finished li.products_list:nth-of-type(2n+1) { margin-left:0; }
    .products_detial_top { display:block; }
    .products_detial_top .picture, .products_detial_top .products_detial_right{ width:100%; padding-left:0;}
    .right_box .products_detial_top.picrunner .img{height:auto; max-height:none;}
    .product_list{ width: calc(100% / 2 - 4px); }
}
@media print, screen and (max-width:480px) {
    .products_list {display:block;}
    .products_list_left, .products_list_right, .products_detial_left, .products_detial_right {
        float: none;
        width: 100%;
    }
    .products_list_right, .products_detial_right {
        padding: 10px 0 0 0;
    }
    .products_show_introduction img {
        width: 100%;
    }
    #aboutus .list li span {
        float: none;
    }
    .picrunner ul.owl-carousel{ width:100%; float:none; }
    .picrunner ul.owl-carousel img{ width:calc(100% - 2px); }
    #products_finished li.products_list, #products_finished li.products_list:nth-of-type(2n+1),  #products_finished li.products_list:nth-of-type(3n+1) { width:100%; margin:0 0 10px;}
    .product_list{ width:100%; margin:0 0 10px; }


    /*about*/    
    
    .about-box-img {display: flex;flex-wrap: wrap;justify-content: center;}
    .about-box-img li {width: calc(100% / 2.3);margin: auto;}
    .pto.fix + div {padding: 15px;}
    .about-box-img li:nth-child(3n+3){margin:auto;}

        
        


}


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

    /* products-type */
    .products-img-box li{width:calc(100%/1);}
    .products-img-box {display: block;}
    
}
@media print, screen and (max-width:320px) { #title {text-align: center;} }

.flowchart{
    display: flex;
    flex-wrap: wrap;
}
.flowchart .items{
    width: calc(100%/3 - 20px);
    margin-right: 20px;
    margin-bottom: 20px;
    display: flex;
    align-items: flex-start;
}
.flowchart .items:nth-child(3n){
    margin-right: 0px;
}
.flowchart h5{
    flex: 0 1 300px;
    font-size: 45px;
    color: #E03333;
    display: flex;
    margin: 0px;
    line-height: 45px;
    padding-right: 8px;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
.flowchart h5:after{
    content: '';
    width: 100%;
    height: 1px;
    background: #333;
    margin-top: 15px;
}
.flowchart ul{
    flex: 0 1 500px;
    list-style-type: disc;
    margin-top: 0px;
    margin-left: 20px;
}
.flowchart li{ 
    display:list-item;
    list-style-type: inherit; 
    color: #666;
}
@media print, screen and (max-width:768px) {
    .flowchart{ justify-content: space-between; }
    .flowchart .items{ width: calc(50% - 20px); margin-right: 0px; }
}
@media print, screen and (max-width:500px) {
    .flowchart .items{ width: 100%; }
}