﻿.indexA{padding:50px 0 80px;background:#f5f5f5}
.indexA .tit{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}
.indexA .tit h3{font-size:72px;line-height:1;color:#07689f;font-weight:700;position:relative}
.indexA .tit h3::after{content:"";background:#07689f;width:140px;height:6px;position:absolute;top:40px;right:-160px}
.indexA .tit .more{background:#07689f;width:145px;height:41px;line-height:41px;text-align:center;font-size:16px;color:#fff}
.indexA .tit .more:hover{background:#71b637}
.indexA ul{margin:10px -12px 0;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.indexA ul li{width:25%;padding:0 12px;margin:40px 0 0;position:relative;text-align:center;cursor:pointer;box-sizing:border-box}
.indexA ul li .box{}
.indexA ul li .pic{width:100%;position:relative;display:block;box-sizing:border-box;overflow:hidden}
.indexA ul li .pic img{width:100%;transition:all .3s ease 0s}
.indexA ul li h6{padding:20px 0;height:60px}
.indexA ul li h6 a{font-size:17px;color:#262626;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:3}
.indexA ul li .more{width:100%;line-height:42px;height:42px;border-radius:4px;display:block;background:#b8b9b9;color:#fff;font-size:16px;color:#2c2c2c}
.indexA ul li:hover h6 a{color:#07689f}
.indexA ul li:hover img{transform:scale(1.08);-webkit-transform:scale(1.08)}
.indexA ul li:hover .more{background:#07689f;color:#fff}
.indexE{padding:60px 0;background:url(../image/ibg1.jpg) no-repeat center;background-size:cover}
.indexE h3{font-size:60px;color:#fff;line-height:1;font-weight:700;text-align:center}
.indexE .list{position:relative;margin:50px 0 0}
.indexE .swiper-slide{cursor:pointer;text-align:center}
.indexE .swiper-slide .pic{width:100%;display:block}
.indexE .swiper-slide .pic img{width:100%}
.indexE .swiper-slide h5{margin:20px 0 0;font-size:17px;color:#fff}
.indexE .swiper-slide h5 a:hover{color:#f5e927}
.indexE .swiper-slide:hover .pic{border-color:#fff;box-shadow:0 0 18px 0 rgba(176,176,176,.75)}
.indexE .swiper-button-prev,.indexE .swiper-button-next{width:50px;height:50px;overflow:hidden;border-radius:50%;top:calc(50% - 25px - 40px);background:0 0;margin-top:0;text-align:center;color:#fff}
.indexE .swiper-button-prev::after,.indexE .swiper-button-next::after{display:none}
.indexE .swiper-button-prev i,.indexE .swiper-button-next i{color:inherit;font-size:50px;line-height:50px}
.indexE .swiper-button-prev,.indexE .swiper-container-rtl .swiper-button-next{left:-60px;right:auto}
.indexE .swiper-button-next,.indexE .swiper-container-rtl .swiper-button-prev{right:-60px;left:auto}
.indexE .swiper-button-prev:hover,.indexE .swiper-button-next:hover{color:#07689f}
.indexE .swiper-pagination{display:block;position:static;width:100%;margin-top:30px}
.indexE .swiper-pagination-bullet{height:16px;width:16px;border:2px solid #07689f;margin:0 4px;background:0 0;border-radius:50%;opacity:1;box-sizing:border-box;position:relative}
.indexE .swiper-pagination-bullet::after{content:'';display:none;width:8px;height:8px;background:#07689f;position:absolute;left:2px;top:2px;border-radius:50%}
.indexE .swiper-pagination-bullet-active{border:2px solid #07689f}
.indexE .swiper-pagination-bullet-active::after{display:block}
.indexB{padding:60px 0;position:relative}
.indexB .wp{display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start}
.indexB .txt{-webkit-flex:1;flex:1;margin-right:50px;box-sizing:border-box}
.indexB .txt h3{font-size:72px;line-height:1;color:#07689f;font-weight:700;position:relative;display:inline-block}
.indexB .txt h3::after{content:"";background:#07689f;width:140px;height:6px;position:absolute;top:40px;right:-160px}
.indexB .txt .t{font-size:18px;color:#333;line-height:35px;margin:30px 0 0}
.indexB .txt .t p~p{margin-bottom:10px}
.indexB .txt a.more{margin:30px 0 0;font-size:18px;color:#07689f;display:inline-block}
.indexB .txt a.more i{font-size:16px}
.indexB .txt a.more:hover{color:#0395a5}
.indexB .video{width:55%;display:block;position:relative;overflow:hidden;box-shadow:0 0 20px rgba(0,0,0,.1)}
.indexB .video::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:9;background:rgba(0,0,0,.1) url(../image/v.png) no-repeat center;display:block}
.indexB .video img{width:100%;display:block;transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s}
.indexB .video:hover img{transform:scale(1.01);-webkit-transform:scale(1.01)}
.indexB .video:hover::after{background-color:rgba(0,0,0,.3)}
.indexC{padding:50px 0 30px}
.indexC .box{display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start}
.indexC .box .left{display:-webkit-flex;display:flex;}
.indexC .box .pic{width:447px}
.indexC .box .v{width:100%;display:block;overflow:hidden;position:relative;}
.indexC .box .v img{transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}
.indexC .box .v::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url("../image/vr.png") no-repeat center;display:block;}
.indexC .box .v:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.indexC .box .v .more{position:absolute;left:calc(50% - 70px);top:calc(50% - 70px);width:140px;height:140px;background:rgb(90, 159, 32,0.8);border-radius:50%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-transition:0.5s;transition:0.5s;}
.indexC .box .v .more img{position:relative;z-index:30;}
.indexC .box .v .more::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(90, 159, 32,0.29);animation:scale2 2s linear infinite;}
.indexC .box .v .more:hover{}



.indexC .box .t{height:100%;background:#5a9f20;width:340px;display:-webkit-flex;display:flex;-webkit-align-items:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;padding:0 20px;box-sizing:border-box;transition:all .3s ease 0s;position:relative}
.indexC .box .t::after{content:'';width:0;height:0;line-height:0;border-width:11px;position:absolute;top:50%;margin:-14px 0 0;border-style:dashed;border-color:transparent;border-right-style:solid;border-right-color:#5a9f20;left:-22px}
.indexC .box .t p{color:#fff;font-size:25px}
.indexC .box .t p a{color:#fff;}
.indexC .box .t .more{margin:20px 0 0;font-size:20px;color:#fff;display:inline-block}
.indexC .box .t .more:hover{text-decoration:underline}
.indexC .box .tit{-webkit-flex:1;flex:1;text-align:right;margin-left:20px}
.indexC .box .tit h3{font-size:72px;line-height:1;color:#07689f;font-weight:700;position:relative;display:inline-block}
.indexC .box .tit h3::after{content:"";background:#07689f;width:140px;height:6px;position:absolute;top:40px;left:-160px}
.indexC .box .tit p{font-size:18px;color:#333;line-height:30px;margin:20px 0 0}
.indexC .list{position:relative;margin:50px 0 0}
.indexC .swiper-slide{cursor:pointer;text-align:center}
.indexC .swiper-slide .pic{width:100%;display:block}
.indexC .swiper-slide .pic img{width:100%}
.indexC .swiper-button-prev,.indexC .swiper-button-next{width:50px;height:50px;overflow:hidden;border-radius:50%;top:calc(50% - 25px);background:0 0;margin-top:0;text-align:center;color:#000}
.indexC .swiper-button-prev::after,.indexC .swiper-button-next::after{display:none}
.indexC .swiper-button-prev i,.indexC .swiper-button-next i{color:inherit;font-size:50px;line-height:50px}
.indexC .swiper-button-prev,.indexC .swiper-container-rtl .swiper-button-next{left:-60px;right:auto}
.indexC .swiper-button-next,.indexC .swiper-container-rtl .swiper-button-prev{right:-60px;left:auto}
.indexC .swiper-button-prev:hover,.indexC .swiper-button-next:hover{color:#07689f}
.indexC .swiper-pagination{display:none;position:static;width:100%;margin-top:25px;}
.indexC .swiper-pagination-bullet{height:12px;width:12px;border:1px solid #07689F;margin:0 3px;background:none;border-radius:50%;opacity:1;box-sizing:border-box;position:relative;}
.indexC .swiper-pagination-bullet::after{content:'';display:none;width:6px;height:6px;background:#07689F;position:absolute;left:2px;top:2px;border-radius:50%;}
.indexC .swiper-pagination-bullet-active{border:1px solid #07689F;}
.indexC .swiper-pagination-bullet-active::after{display:block;}
.indexD{padding:60px 0}
.indexD .tit{display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center}
.indexD .tit h3{font-size:72px;line-height:1;color:#07689f;font-weight:700;display:inline-block}
.indexD .tit p{font-size:18px;color:#333;line-height:24px;margin:0 0 0 65px}
.indexD .tit .more{font-size:18px;color:#07689f;display:inline-block;width:300px;text-align:right}
.indexD .tit .more:hover{text-decoration:underline}
.indexD .list{position:relative;margin:50px 0 0}
.indexD .swiper-slide{position:relative;background:#f4f4f4;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}
.indexD .swiper-slide .pic{display:block;width:374px;position:relative;overflow:hidden}
.indexD .swiper-slide .pic img{width:100%;display:block;transition:all .3s ease 0s}
.indexD .swiper-slide .t{-webkit-flex:1;flex:1;padding:0 15px;font-size:14px;color:#999;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;box-sizing:border-box}
.indexD .swiper-slide .t h5{font-size:18px;color:#414141;line-height:22px;height:44px;overflow:hidden;text-transform:capitalize}
.indexD .swiper-slide .t h5 a{color:#333}
.indexD .swiper-slide .t em{font-size:18px;color:#414141;display:block;margin:12px 0 0}
.indexD .swiper-slide:hover{background:#07689f}
.indexD .swiper-slide:hover .t em{color:rgba(255,255,255,.5)}
.indexD .swiper-slide:hover .t h5 a{color:#fff}
.indexD .swiper-slide:hover img{transform:scale(1.05);-webkit-transform:scale(1.05)}
.indexD .swiper-pagination{position:static;width:100%;margin:30px 0 0}
.indexD .swiper-pagination-bullet{height:16px;width:16px;margin:0 3px;background:#07689f;border-radius:50%;opacity:1;box-sizing:border-box}
.indexD .swiper-pagination-bullet-active{background:#5a9f20}
.sidebanner{position:relative;height:280px;background-image:url(../image/sidebanner.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}
.sidebanner::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4)}
.sidebanner .wp{position:relative;z-index:20;height:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column}
.sidebanner h2{color:#fff;font-size:36px;font-weight:500}
.sidebanner p{color:#fff;font-size:15px;margin:15px 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative;z-index:10}
.sidebanner p i{font-size:15px;color:#fff}
.sidebanner p a{color:#fff}
.main{padding-top:50px;padding-bottom:60px}
.main-left{float:left;width:300px}
.main-right{margin-left:340px}
.main-left h3{height:50px;line-height:50px;padding:0 0 0 20px;background:#07689f;font-size:20px;color:#fff;font-weight:600;text-transform:uppercase}
.main-left h3::after{display:none;font-family:qico;content:"\e727";float:right;font-size:20px;font-weight:400;margin-top:0;margin-right:15px;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}
.main-left h3.active::after{-webkit-transform:rotate(45deg) scale(1.08);-ms-transform:rotate(45deg) scale(1.08);transform:rotate(45deg) scale(1.08)}
.sidemenu{margin:0 0 20px}
.sidemenu>ul{}
.sidemenu>ul>li{border:1px solid #e2e2e2;margin:5px 0 0}
.sidemenu>ul>li h5{line-height:22px;display:block;padding:10px 0 10px 20px;font-size:17px;color:#333;cursor:pointer;position:relative}
.sidemenu>ul>li h5 a{display:block;margin-right:40px;box-sizing:border-box;text-transform:capitalize}
.sidemenu>ul>li h5 a:hover{color:#07689f}
.sidemenu>ul>li h5 span{position:absolute;right:0;top:0;background:url(../image/i4.png) no-repeat center;width:40px;height:45px;display:block}
.sidemenu>ul>li ul{display:none}
.sidemenu>ul>li ul li{line-height:24px;border-bottom:1px dashed #dcdcdc;padding:8px 20px}
.sidemenu>ul>li ul li:last-child{border-bottom:none}
.sidemenu>ul>li ul li a{background:url(../image/i8.png) no-repeat left 9px;font-size:15px;padding-left:15px;color:#333;display:block}
.sidemenu>ul>li ul li.active a,.sidemenu>ul>li ul li a:hover{color:#07689f}
.sidemenu>ul>li.active h5{color:#07689f;border-bottom:1px solid #e2e2e2}
.sidemenu>ul>li.active span{background:url(../image/i4-1.png) no-repeat center}
.sidenav{margin:0 0 15px}
.sidenav ul{}
.sidenav ul li{position:relative;line-height:20px;border:1px solid #e2e2e2;margin:5px 0 0;padding:10px 40px 10px 20px}
.sidenav ul li::after{font-family:qico;content:"\e62e";position:absolute;right:10px;top:0;font-size:18px;font-weight:400;line-height:42px}
.sidenav ul li a{color:#555;font-size:17px;display:block;-webkit-transition:.5s;transition:.5s}
.sidenav ul li.active a,.sidenav ul li.active::after{color:#5a9f20}
.newslist{}
.newslist ul li{margin:0 0 20px;padding:15px;transition:all .3s ease 0s;box-sizing:border-box;box-shadow:0 0 5px rgba(0,0,0,.2);display:-webkit-flex;display:flex}
.newslist ul li .pic{width:380px;display:block;overflow:hidden}
.newslist ul li .pic img{width:100%;transition:all .3s ease 0s}
.newslist ul li .t{-webkit-flex:1;flex:1;margin:0 0 0 40px}
.newslist ul li .t h5{font-size:22px;font-weight:500;text-transform:capitalize}
.newslist ul li .t h5 a{color:#333}
.newslist ul li .t h5 a:hover{color:#5a9f20}
.newslist ul li .t span{background:url(../image/time.png) no-repeat left center;padding:0 0 0 20px;display:block;font-size:14px;color:#777;margin:15px 0 0}
.newslist ul li .t p{color:#666;font-size:17px;height:48px;overflow:hidden;margin:15px 0 0;line-height:24px}
.newslist ul li .pic:hover img{transform:scale(1.08);-webkit-transform:scale(1.08)}
.newsnr{}
.newsnr h1{font-size:24px;line-height:1;font-weight:500;margin:20px 0 0;color:#333;text-align:center;text-transform:capitalize}
.newsnr .artInfo{padding:0 0 20px;border-bottom:1px solid #d9d9d9;text-align:center;margin:25px 0 0;position:relative}
.newsnr .artInfo::after{content:"";display:block;height:3px;background:#5a9f20;width:100px;position:absolute;bottom:-2px;left:50%;margin:0 0 0 -50px;z-index:1}
.newsnr .artInfo span{margin:0 10px;line-height:20px;display:inline-block;font-size:14px;color:#666}
.newsnr .artInfo span.time{background:url(../image/time.png) no-repeat left center;padding:0 0 0 20px}
.newsnr .artInfo span.hit{background:url(../image/hit.png) no-repeat left center;padding:0 0 0 23px}
.myart{margin:20px 0;line-height:26px;font-size:17px;color:#666}
.myart p{margin:0 0 10px}
.myart a.inkey{font-weight:bold;}
.pnbar{margin-top:30px}
.pnbar p{max-width:100%;margin:-1px 0 0;padding:8px 14px;border:1px solid #ddd;font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-transform:capitalize}
.pnbar p a{color:#545454}
.pnbar p:hover a{color:#5a9f20}
.about{padding:70px 0}
.about .wp{overflow:hidden;}
.about .txt{box-sizing:border-box}
.about .txt h3{font-size:36px;line-height:1;color:#07689f;font-weight:700;text-transform:uppercase}
.about .txt h3::after{content:'';width:40px;height:3px;background:#07689f;display:block;margin:15px auto 0 0}
.about .txt .t{font-size:16px;color:#333;line-height:24px;margin:20px 0 0}
.about .txt .t p~p{margin-top:10px}
.about .pic{float:right;margin:0 0 30px 50px;width:55%;display:block;position:relative;overflow:hidden;box-shadow:0 0 20px rgba(0,0,0,.1)}
.about .pic img{width:100%;display:block;transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s}
.cert-list{background:#fff;padding:60px 0;}
.cert-list h3{font-size:36px;color:#333;text-transform:uppercase;line-height:1;font-weight:700;text-align:center}
/*.cert-list h3::after{content:"";width:50px;height:3px;background:#000;margin:15px auto 0 0;display:block;}
*/
.cert-list .list{margin-top:40px;position:relative;}
.cert-list .list .swiper-slide{float:left;background:#fff;position:relative;box-sizing:border-box;}
.cert-list .list .swiper-slide .pic{width:100%;display:block;box-sizing:border-box;}
.cert-list .list .swiper-slide .pic img{width:100%;display:block;}
.cert-list .list .swiper-slide p{text-align:center;font-size:16px;color:#000;line-height:40px;}
.cert-list .swiper-button-prev,.cert-list .swiper-button-next{width:40px;height:40px;border-radius:0;background:none;color:#000;margin-top:-20px;text-align:center;}
.cert-list .swiper-button-prev i,.cert-list .swiper-button-next i{font-size:35px;line-height:40px;color:inherit;}
.cert-list .swiper-button-prev,.cert-list .swiper-container-rtl .swiper-button-next{left:-50px;right:auto;}
.cert-list .swiper-button-next,.cert-list .swiper-container-rtl .swiper-button-prev{right:-50px;left:auto;}
.cert-list .swiper-button-prev:hover,.cert-list .swiper-button-next:hover{color:#5C5C5C;}
.swiper-button-prev::after,.swiper-button-next::after{display:none;}
.process{padding:70px 0;background:url(../image/ibg1.jpg) no-repeat center;background-size:cover}
.process h3{color:#fff;font-size:36px;font-weight:700;line-height:1;text-transform:uppercase;text-align:center}
.process h3::after{content:'';width:40px;height:3px;background:#fff;display:block;margin:15px auto 0}
.process ul{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.process ul li{width:33.333333%;margin:50px 0 0;padding:0 20px;box-sizing:border-box;text-align:center;position:relative}
.process ul li:not(:first-child)::after{content:"";background:url(https://www.ply-machine.com/template/pc/default/images/i6.png) no-repeat;width:42px;height:28px;position:absolute;left:-20px;top:96px}
.process ul li .ico{position:relative;width:75px;height:75px;border-radius:50%;background-color:#fff;cursor:pointer;display:-webkit-inline-flex;display:inline-flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}
.process ul li .ico img{position:relative;z-index:20}
.process ul li .ico::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background-color:rgba(255,255,255,.5);animation:scale2 2s linear infinite}
.process ul li h5{font-size:21px;color:#fff;font-weight:500;margin:20px 0 0}
.process ul li p{font-size:16px;line-height:23px;color:#fff;text-transform:capitalize;margin:15px 0 0}
@keyframes scale2{from{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.3);transform:scale(1.3)}
to{-webkit-transform:scale(1);transform:scale(1)}
}
.about2{padding:70px 0}
.about2 h3{color:#333;font-size:36px;font-weight:700;line-height:1;text-transform:uppercase;text-align:center}
.about2 h3::after{content:'';width:40px;height:3px;background:#fff;display:block;margin:15px auto 0}
.about2 ul{}
.about2 ul li{padding:40px 0;position:relative;border-bottom:2px solid #eeebeb;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}
.about2 ul li:last-child{border-bottom:none}
.about2 ul li:nth-child(2n+1){flex-direction:row-reverse;-webkit-flex-direction:row-reverse}
.about2 ul li .pic{}
.about2 ul li .txt{-webkit-flex:1;flex:1;margin:0 80px 0 0}
.about2 ul li .txt em{font-size:120px;line-height:1;color:#f1f0f0;font-weight:700}
.about2 ul li .txt .t{margin:30px 0 0;font-size:17px;color:#333;line-height:30px;text-transform:capitalize}
.about2 ul li .txt .t p~p{margin-top:10px}
.about2 ul li:nth-child(2n) .txt{margin:0 0 0 80px}
.about2 ul li:nth-child(2n)::after{left:auto;right:-75px}
.videolist{}
.videolist ul{margin:0 0 0 -2%}
.videolist ul li{float:left;width:31.333333%;margin:0 0 25px 2%}
.videolist ul li .v{position:relative;width:100%;display:block;overflow:hidden}
.videolist ul li .v img{width:100%;display:block;transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s}
.videolist ul li .v::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.2) url(../image/video.png) no-repeat center;display:block}
.videolist ul li .t{padding:15px 10px;background:#f3f4f7;box-sizing:border-box;position:relative;height:80px}
.videolist ul li .t h5{font-size:17px;color:#333;text-align:center}
.videolist ul li:hover .v::after{background-color:rgba(0,0,0,.5)}
.videolist ul li:hover img{transform:scale(1.05);-webkit-transform:scale(1.05)}
.faq ul{}
.faq ul li{margin:0 0 15px;border:1px solid #ccc;padding:20px;cursor:pointer}
.faq ul li .tit{height:30px;overflow:hidden;color:#333;cursor:pointer}
.faq ul li .tit .date-month{float:left;width:20px;line-height:30px;height:30px;font-size:15px;font-weight:700;display:block;text-align:center}
.faq ul li .tit h4{font-size:16px;color:#333;line-height:30px;height:30px;margin:0 0 0 30px}
.faq ul li .con{color:#666}
.faq ul li .con .date-day{float:left;width:20px;line-height:30px;height:30px;font-size:15px;font-weight:700;display:block;text-align:center}
.faq ul li .con .t{margin:0 0 0 30px;font-size:15px;line-height:21px;color:#666;padding:3px 0 0}
.faq ul li:hover{border-left:2px solid #00aebf;padding-left:19px;box-shadow:rgba(0,0,0,.09) 0 6px 9px 0}
.down-list{}
.down-list ul{margin-top:-30px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.down-list ul li{width:48%;margin:30px 0 0;border:1px solid #e2e2e2;padding:20px;box-sizing:border-box;display:-webkit-flex;display:flex}
.down-list ul li .pic{width:100px;height:100px;background:#f5f5f7;text-align:center;align-items:center;justify-content:center;display:-webkit-flex;display:flex}
.down-list ul li .pic i{font-size:50px;color:#e0474c}
.down-list ul li .t{-webkit-flex:1;flex:1;margin:0 0 0 25px}
.down-list ul li .t h5{font-size:22px;color:#333;font-weight:500;text-transform:capitalize}
.down-list ul li .t .more{display:inline-block;margin:15px 0 0;font-size:16px;color:#666}
.down-list ul li .t .more i{font-size:18px;color:#666;margin-right:8px;-webkit-text-stroke-width:.2px}
.down-list ul li:hover{border:1px solid #07689f}
.down-list ul li:hover .t .more,.down ul li:hover .t .more i{color:#07689f}
.caselist ul{margin:-20px 0 0}
.caselist ul li{margin:20px 0 0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;background:#f5f5f5}
.caselist ul li .pic{position:relative;width:460px;display:block;overflow:hidden}
.caselist ul li .pic img{width:100%;display:block;transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s}
.caselist ul li .t{-webkit-flex:1;flex:1;padding:0 40px}
.caselist ul li .t h5{font-size:22px;color:#222;font-weight:700}
.caselist ul li .t h5 a:hover{color:#07689f}
.caselist ul li .t p{margin:30px 0 0;font-size:17px;color:#333;line-height:26px}
.caselist ul li:hover img{transform:scale(1.06);-webkit-transform:scale(1.06)}
.prolist ul{margin:0 0 0 -2%}
.prolist ul li{width:31.333333333%;float:left;text-align:center;background:#fff;margin:0 0 20px 2%;cursor:pointer;box-sizing:border-box}
.prolist ul li .pic{display:block;width:100%;overflow:hidden;box-sizing:border-box;border:1px solid #c9c9c9;padding:5px}
.prolist ul li .pic img{width:100%;display:block;transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s}
.prolist ul li h6{height:70px;text-transform:capitalize;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:center}
.prolist ul li h6 a{color:#333;font-size:18px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:3;}
.prolist ul li:hover .pic{border:1px solid #dedede;box-shadow:5px 5px 40px rgba(0,0,0,.2)}
.prolist ul li:hover h6 a{color:#0160bc}
.prolist ul li:hover a.pic img{transform:scale(1.06);-webkit-transform:scale(1.06)}
.pro_view{display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start}
.pro_img{width:460px}
.pro_img .view{width:100%;border:1px solid #e5e8ea;box-sizing:border-box;position:relative}
.pro_img .view .swiper-container{width:100%}
.pro_img .view .swiper-container img{width:100%;display:block}
.pro_img .view .arrow-left,.pro_img .view .arrow-right{background:rgba(0,0,0,.3);position:absolute;top:50%;margin-top:-25px;width:28px;height:50px;z-index:10;text-align:center}
.pro_img .view .arrow-left{left:0}
.pro_img .view .arrow-right{right:0}
.pro_img .view .arrow-left i,.pro_img .view .arrow-right i{color:#fff;font-size:15px;line-height:50px}
.pro_img .preview{width:100%;position:relative;text-align:center;overflow:hidden;box-sizing:border-box}
.pro_img .preview .swiper-container{width:100%;text-align:center}
.pro_img .preview .swiper-wrapper{justify-content:center}
.pro_img .preview .swiper-slide{cursor:pointer;width:55px;padding:10px 0;margin:0 2px;display:inline-block;box-sizing:border-box;position:relative}
.pro_img .preview .swiper-slide::after{display:none;content:'';width:0;height:0;line-height:0;border-width:5px;border-style:dashed;border-bottom-style:dashed;border-color:transparent;border-bottom-color:transparent;vertical-align:middle;border-bottom-style:solid;border-bottom-color:#0160bc;position:absolute;top:0;left:50%;margin:0 0 0 -5px}
.pro_img .preview .swiper-slide img{width:100%;border:1px solid #d9d9d9;padding:2px;box-sizing:border-box}
.pro_img .preview .active-nav img{border:1px solid #0160bc}
.pro_img .preview .swiper-slide.active-nav::after{display:inline-block}
.pro_view_inner{-webkit-flex:1;flex:1;margin-left:40px;overflow:hidden}
.pro_view_inner h1{color:#111;font-size:24px;font-weight:500}
.pro_view_inner hr{border:none;height:4px;background:url(../image/line.png) repeat-x;margin:15px 0}
.pro_view_inner p{line-height:24px;font-size:15px;margin-bottom:10px}
.pro_view_inner .pro_para{margin-bottom:20px}
.pro_view_inner .pro_para table{width:100%;border:1px solid #ddd}
.pro_view_inner .pro_para table tr>td{padding:8px;line-height:1.42857143;font-size:15px;vertical-align:middle;border:1px solid #ddd}
.pro_view_inner .pro_para table tr>td:first-child{width:}
.pro_view_inner .pro_btn{margin-bottom:20px}
.pro_view_inner .pro_btn .book{width:150px;height:40px;line-height:40px;text-align:center;font-size:15px;color:#fff;display:inline-block;background:#07689f}
.pro_view_inner .pro_btn .pdf{width:150px;height:40px;line-height:40px;text-align:center;font-size:15px;color:#fff;display:inline-block;background:#ff6550;margin-left:20px}
.email-box input{padding:10px;font-size:14px;border:1px solid #d9d9d9;width:100%;line-height:20px;text-align:left;color:#333;box-sizing:border-box}
.email-box p~p{margin-top:15px}
.pro_view_inner .pro-share{margin:20px 0 0;font-size:14px;color:#fff}
.pro_text{margin:30px 0 0;position:relative}
.pro_text .tit{height:54px;background:#f3f3f3;padding:12px 0 0;box-sizing:border-box}
.pro_text .tit h5{border-left:3px solid #07689f;padding:0 0 0 15px;color:#111;height:30px;line-height:30px;font-size:22px}
.pro-content{padding:20px 15px 10px;line-height:24px;font-size:16px;color:#333}
.pro-content p{margin-bottom:15px}
.pro-content .row{margin-bottom:15px}
.pro-content .table-response{width:100%;max-width:100%;overflow-x:auto}
.pro-content table{max-width:100%;width:100%;margin-bottom:15px;border:1px solid #ddd;color:#333}
.pro-content table tr>th{padding:8px 10px;line-height:1.42857143;vertical-align:middle;border:1px solid #ddd;background:#07689f;color:#fff}
.pro-content table tr>td{padding:8px 10px;line-height:1.42857143;vertical-align:middle;border:1px solid #ddd}
.pro-content table tr>td p{margin:0}

.pro-inquiry .tit,.related-pro .tit{height:60px;background:#f3f3f3;padding:14px 0 0;box-sizing:border-box}
.pro-inquiry .tit h5,.related-pro .tit h5{border-left:3px solid #0160bc;padding:0 0 0 20px;color:#333;height:32px;line-height:32px;font-size:22px}
.pro-inquiry{margin:30px 0 0}
.pro-inquiry .inquirbox{border:2px solid #f3f3f3;border-top:none;padding:20px}

.pro-tags{margin-top:25px;}
.pro-tags > p{display:inline-block;font-size:14px;vertical-align:middle;color:#333;font-weight:600;background:url(../image/i5.png) no-repeat left center;padding:0 0 0 16px;}
.pro-tags a{display:inline-block;margin:0 0 5px 5px;background:#f2f2f2;border:2px solid #f7f7f7;font-size:14px;border-radius:3px;line-height:20px;color:#4d4d4d;padding:3px 12px;transition:all .5s;}
.pro-tags a:hover{box-shadow:0 2px 4px rgba(0, 0, 0, 0.06);text-decoration:none;background:#07689F;color:#fff;border-color:#07689F;}


.rela-pro{margin-top:40px}
.rela-pro .tit{height:42px;line-height:42px;border-bottom:1px solid #c9c9c9}
.rela-pro .tit h5{font-size:18px;color:#333;background:#07689f;color:#fff;display:inline-block;padding:0 20px}
.rela-pro ul{margin:0 0 0 -2%}
.rela-pro ul li{width:23%;float:left;text-align:center;background:#fff;margin:20px 0 0 2%;border:1px solid #ddd;padding:5px 5px 0;cursor:pointer;box-sizing:border-box}
.rela-pro ul li .pic{display:block;width:100%;overflow:hidden;box-sizing:border-box}
.rela-pro ul li .pic img{width:100%;display:block;transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s}
.rela-pro ul li h6{height:60px;font-size:17px;text-transform:capitalize;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:center}
.rela-pro ul li h6 a{color:#333;line-height:22px}
.rela-pro ul li h6 a:hover{color:#0160bc}
.rela-pro ul li:hover h6 a{color:#0160bc}
.rela-pro ul li:hover a.pic img{transform:scale(1.06);-webkit-transform:scale(1.06)}
.contact{margin:20px 0 0}
.contact h3{font-size:36px;color:#333;font-weight:700;line-height:1;text-align:center;text-transform:uppercase}
.contact h3::after{content:"";width:30px;height:3px;background:#5a9f20;display:block;margin:20px auto 0}
.contact h4{font-size:18px;color:#666;text-align:center;margin:15px 0 0}
.contact ul{margin:40px 0 0;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.contact ul li{width:25%;padding:20px 15px;box-sizing:border-box;text-align:center;border-right:1px solid #ebebeb}
.contact ul li:last-child{border-right:none}
.contact ul li .ico{max-width:60%;margin:0 auto;border-radius:50%;overflow:hidden}
.contact ul li h5{font-size:18px;font-weight:700;color:#333;margin:15px 0 0}
.contact ul li h6{font-size:15px;font-weight:700;display:inline-block;color:#333;margin:15px 0 0;padding:0 0 0 30px;line-height:24px;background-position:center left;background-repeat:no-repeat}
.contact ul li h6:nth-of-type(1){background-image:url(../image/c6.png)}
.contact ul li h6:nth-of-type(2){background-image:url(../image/c7.png)}
.contact ul li h6:nth-of-type(3){background-image:url(../image/c8.png)}
.contact ul li h6 img{vertical-align:middle}
.contact ul li p{color:#444;margin:10px 0 0;font-size:16px;line-height:24px}
.contact ul li p a:hover{color:#5a9f20}
.contactbox{margin:50px 0 0;display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start}
.map{width:600px;border:1px solid #ccc;box-sizing:border-box}
.map img{width:100%}
.contact-inquiry{margin-right:50px;-webkit-flex:1;flex:1}
.contact-inquiry h4{font-size:20px;line-height:50px;background:#3c3c3c;color:#fff;padding:0 0 0 15px}
.contact-inquiry .inquirbox{border:1px solid #d5d5d5;border-top:none;padding:20px 15px 0}
