@charset "utf-8";
/* CSS Document */
 *{padding: 0;margin: 0;box-sizing: border-box;box-sizing: border-box;}
 input,button{border: none;outline: none;background: none;}
 a{text-decoration: none;color: #000;}
 li{list-style: none;}
 .clearfix{clear: both;}
 .imageContainer{padding: 0!important;}


.main{ width: 100%;overflow: hidden;padding-bottom: 20px;}
.road{ width: 100%;border-bottom: 1px solid #ddd;}
.road-content{ width: 1200px;margin: 0 auto;padding: 16px 0px;display: flex;justify-content: space-between;align-items: center;}
.road-content .page-name{text-transform: uppercase;}
.road-content .page-name h2{ font-size: 20px;color:#015897;font-weight: 600;}
.road-content .page-name h1{ font-size: 20px;color:#015897;font-weight: 600;}
.road-content .page-road{font-size: 14px;color: #ccc;width: 48%;text-align: right;}
.road-content .page-road a{ color: #ccc;margin-right: 6px;}
.road-content .page-road span{color: #015897;margin-right: 6px;text-transform: capitalize}

.road-road{ width: 100%;background-color: #eee;padding-bottom: 40px;padding-top: 20px;}
.road-road-content{ width: 1200px;margin: auto;color: #777;font-size: 14px;font-family: 'Conv_MyriadPro-Regular';padding-top: 32px;}
.road-road-content a{font-size: 14px;color: #777;text-decoration: none;}
.road-road-content span{ color: #015897;}   
.products-list_title{ width: 1200px;margin: 0 auto;}
.products-list_title img{width: 100%;}
.products-list_title h1{ font-size: 34px;padding: 2% 0;    text-transform: capitalize;color: #015897;}	
.products-list_detial{ width: 1200px;margin: 0 auto;margin-top: 15px;}
.products-list_detial p{ }

.road-road1{ width: 100%;}

/* pro-menu */
.pro-cont{width: 1200px;margin: 1.4% auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
.pro-cont .pro-cont-left{width: 24%;}
.pro-cont .pro-cont-left .left-items{width: 100%;}
.pro-cont .pro-cont-left .left-items .left-list a{ width: 100%;color: #777;display:block;border-bottom: 1px solid #c6cdd2;font-size: 16px;padding: 3% 0%;}
/* .pro-cont .pro-cont-left .left-items .left-list .class-items .class-list>a{display: inline-block;color: #777;border-bottom: 1px solid #c6cdd2;font-size: 14px;padding: 3% 0%;} */
.pro-cont .pro-cont-left .left-items .left-list .class-items .class-list,
.pro-cont .link-menu .menu-items .menu-list .class-items .class-list{display: flex;align-items: center;padding-left: 1%;}
.pro-cont .pro-cont-left .left-items .left-list .class-items .class-list:before,
.pro-cont .link-menu .menu-items .menu-list .class-items .class-list:before{color: #555;font-size: 14px;margin-right: 1%}
.pro-cont .pro-cont-left .left-items .left-list .class-items .class-list:hover:before,
.pro-cont .link-menu .menu-items .menu-list .class-items .class-list:hover:before{color: #478b8a;}
.pro-cont .pro-cont-left .left-items .left-list>.class-items>.class-list:hover a,
.pro-cont .link-menu .menu-items .menu-list>.class-items>.class-list:hover a{color: #478b8a;border-color: #478b8a;}
.pro-cont .pro-cont-left>.left-items>.left-list:hover>a,
.pro-cont .link-menu>.menu-items>.menu-list:hover>a{color: #015897;border-color: #015897;}
.pro-cont .pro-cont-left>.left-items>.left-list:hover>a{padding-left: 2.5%;font-weight: 600;}
.pro-cont .pro-cont-left>.left-items>.left-list.current>a{padding-left: 0%;color: #015897;font-weight: 600;text-transform: capitalize;}
.pro-cont .pro-cont-left .left-items .left-list>.class-items>.class-list.current a,.pro-cont .pro-cont-left .left-items .left-list>.class-items>.class-list.current:before{color: #478b8b;}

.pro-cont .pro-cont-right{width: 74%;}
.pro-cont .pro-cont-right .cont-list{width: 100%;display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;margin-bottom: 2.4%;padding-bottom: 1%;border-bottom: 1px solid #ddd;}
.pro-cont .pro-cont-right .cont-list>a{width: 30%;display: block;}
.pro-cont .pro-cont-right .cont-list>a img{width: 100%;display: block;}
.pro-cont .pro-cont-right .cont-list .right-txt{width: 68%;}
.pro-cont .pro-cont-right .cont-list .right-txt h2{ font-size: 22px;color:#478b8b;}
.pro-cont .pro-cont-right .cont-list .right-txt p{ font-size: 14px;color: #777;line-height: 1.6rem;margin:10px 0px;    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.pro-cont .pro-cont-right .cont-list .right-txt a{margin-top: 3%;display: block;width: 22%;line-height: 2rem;color: #fff;background: #478b8a;border-radius: 5px;font-size: 12px;text-align: center;letter-spacing: 1px;text-transform: uppercase;border: 1px solid transparent;}
.pro-cont .pro-cont-right .cont-list>.right-txt:hover a{border-color: #478b8a;background: none;color: #478b8a;}

/* pro-class */
.pro-cont .pro-cont-right .class-right-txt{margin-bottom: 20px;border-bottom: 4px solid #ddd;width: 100%;}
.pro-cont .pro-cont-right .class-right-txt p{ color: #777;font-size: 14px;margin-bottom: 10px;line-height: 20px;margin-top: 10px;}
.pro-cont .pro-cont-right>ul{display: flex;align-items: center;flex-wrap: wrap;} 
.pro-cont .pro-cont-right>ul a{display: block;width: 32%;margin-right: calc(4%/2);margin-bottom: 2%;}
.pro-cont .pro-cont-right>ul a:nth-child(3n){margin-right: 0;}
.pro-cont .pro-cont-right>ul a li .product-content-right-left{width: 100%;overflow: hidden;height: 284px;}
.pro-cont .pro-cont-right>ul a li img{display: block;width: 100%;transition: .3s}
.pro-cont .pro-cont-right>ul a:hover li img{transform: scale(1.1)}
.pro-cont .pro-cont-right>ul a li h2{font-size: 18px;color: #262626;text-align: center;padding: 3.5% 0;background-color: #ddd;transition: .3s;LINE-HEIGHT: 28px;
    FONT-FAMILY: "Arial";}
.pro-cont .pro-cont-right>ul a:hover li h1{background: #015897;color: #fff;}
.pro-cont .pro-cont-right>ul .site-link{margin-top: 2%;margin-left: 1%;}
.pro-cont .pro-cont-right>ul .site-link,.pro-cont .pro-cont-right>ul .site-link a{font-size: 16px;color: #666;}
.pro-cont .pro-cont-right>ul .site-link a{display: inline-block;text-decoration: underline;color: #478b8b;}
/* .pro-cont .pro-cont-right>ul .site-link a:hover{color: #478b8b;} */


.pro-cont .pro-cont-right .dcp-set{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.pro-cont .pro-cont-right .dcp-set .left-pic,.pro-cont .pro-cont-right .dcp-set .right-dcp {width: 48%;}
.pro-cont .pro-cont-right .dcp-set .left-pic .small-pic{display: flex;/*justify-content: space-between;*/align-items: flex-start;margin-top: 2%;}
.pro-cont .pro-cont-right .dcp-set .left-pic .small-pic a{width: 19%;display: block;height: auto;}
.pro-cont .pro-cont-right .dcp-set .left-pic .small-pic a:not(:nth-child(5n)){margin-right: calc(5% / 4)}
.pro-cont .pro-cont-right .dcp-set .left-pic img,.pro-cont .pro-cont-right .dcp-set .left-pic .small-pic a img{ width:100%;display: block;}
.pro-cont .pro-cont-right .dcp-set .right-dcp h1{ font-size: 32px;color: #444;line-height: 40px;border-bottom: 2px solid #e8e8e8;padding-bottom: 10px;padding-top: 10px;font-weight: 600;}
.pro-cont .pro-cont-right .dcp-set .right-dcp h2{ font-size: 18px;color: #262626;line-height: 34px;padding-top: 0px;font-weight: normal;}
.pro-cont .pro-cont-right .dcp-set .right-dcp p{ background-image: url(../images/png/pro_detail_bg.png);background-repeat: no-repeat;background-position-y: 10px;margin-bottom: 0px;line-height: 30px;margin-top: 0;padding-left: 12px;}
.pro-cont .pro-cont-right .dcp-set .right-dcp a{ cursor: pointer;display: block;font-size: 16px;line-height: 36px;color: #fff;background: #015897;border-radius: 3px;text-align: center;width: 150px;margin-top: 15px;float: left;margin-right: 35px;}
.pro-cont .pro-cont-right .det-click-btn{ margin-top: 19px;}
.pro-cont .pro-cont-right .det-click-btn>ul{ border-bottom: 3px solid #015897;}
.pro-cont .pro-cont-right .det-click-btn>ul>li{ padding: 7px 36px;text-transform: uppercase;cursor: pointer;background: #ededed;border-top-left-radius: 3px;border-top-right-radius: 3px;font-size: 16px;color: #0a0a0a;text-align: center;float: left;}
.pro-cont .pro-cont-right .det-click-btn ul .bianhua{ color: #fff;background: #015897;}
.pro-cont .pro-cont-right .det-click-btn .pro-det-cont>div{display: none;}
.pro-cont .pro-cont-right .det-click-btn .pro-det-cont>div.active{display: block;}
.pro-cont .pro-cont-right .det-click-btn .pro-det-cont .related ul.flex-sb{display: flex;justify-content: space-between;align-items: flex-start;}
.pro-cont .pro-cont-right .det-click-btn .pro-det-cont .related ul.flex-sb li{width: 24%;}
.pro-cont .pro-cont-right .det-click-btn .pro-det-cont .related ul.flex-sb li img{display: block;width: 100%;transition: .4s;}
.pro-cont .pro-cont-right .det-click-btn .pro-det-cont .related ul.flex-sb li .product-content-right-left{overflow: hidden;}
.pro-cont .pro-cont-right .det-click-btn .pro-det-cont .related ul.flex-sb li .product-content-right-left:hover img{transform: scale(1.1);}
.pro-cont .pro-cont-right .det-click-btn .pro-det-cont .related ul.flex-sb li .product-content-right-left-text h1{text-align: center;padding: 4% 0;background: #478b8a;color: #fff;}
.product-content-right2-bottom-detial{ margin-top: 25px;}
.pro-cont .pro-cont-right .pro-detial h1{ font-size: 21px;font-weight: bold;color: #478b8a;margin-bottom: 5px;margin-top: 25px;}
.pro-cont .pro-cont-right .pro-detial p{ line-height: 22px;color: #5b5b5b;font-size: 14px;margin-top: 0px;}
.pro-cont .pro-cont-right .pro-detial .detial-detiial,.pro-cont .pro-cont-right .det-click-btn .pro-det-cont .detial-detiial{ margin-top: 30px;overflow: hidden;}
.pro-cont .pro-cont-right .pro-detial .detial-detiial h4,.pro-cont .pro-cont-right .det-click-btn .pro-det-cont .detial-detiial h4{font-size: 18px;color: #189997;margin-bottom: 1%;}
.pro-cont .pro-cont-right .pro-detial .detial-detiial ul {width: 60%;border: 1px solid #ddd;}
.pro-cont .pro-cont-right .pro-detial .detial-detiial ul li{padding: 1%;}
.pro-cont .pro-cont-right .pro-detial .detial-detiial ul li:nth-child(2n){border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.pro-cont .pro-cont-right .pro-detial .detial-detiial ul li span{display: inline-block;width: 48%;border-right: 1px solid #ddd;}
.pro-cont .pro-cont-right .pro-detial .detial-detiial table{width: 82%;border-collapse: collapse;line-height: 2rem;}
.pro-cont .pro-cont-right .pro-detial .detial-detiial table th,.pro-cont .pro-cont-right .pro-detial .detial-detiial table td{border: 1px solid#ddd;text-align: left;padding: 0.6% 3%;}
.pro-cont .pro-cont-right .pro-detial .detial-detiial table td{color: #5b5b5b;font-size: 14px;}
.pro-cont .pro-cont-right .pro-detial .detial-detiial .detial-detiial-l{ float: left;width: 570px;}   
.pro-cont .pro-cont-right .pro-detial .detial-detiial .detial-detiial-l h1{ font-size: 18px;font-weight: bold;color: #478b8a;margin-bottom: 5px;}
.pro-cont .pro-cont-right .pro-detial .detial-detiial .detial-detiial-l h2{ padding-top: 0px;color: #2c91d5;font-size: 14px;font-weight:normal;}
.pro-cont .pro-cont-right .det-click-btn .pro-det-cont .detial-detiial .question{margin: 0 0 0.8rem 0;}
.pro-cont .pro-cont-right .pro-detial .detial-detiial .detial-detiial-l p,
.pro-cont .pro-cont-right .det-click-btn .pro-det-cont .detial-detiial .question p{ line-height: 22px;color: #5b5b5b;font-size: 14px;margin-top: 0px;}
.pro-cont .pro-cont-right .det-click-btn .pro-det-cont .detial-detiial .question p span{color: #478b8a;}
.pro-cont .pro-cont-right .pro-detial .detial-detiial .detial-detiial-r{ float: left;width: 168px;margin-left: 60px;}
.pro-cont .pro-cont-right .pro-detial .detial-detiial .detial-detiial-r img{width:100%;margin-top: 20px;}