@charset "utf-8";.reset-box-sizing,
.reset-box-sizing *,
.reset-box-sizing *:before,
.reset-box-sizing *:after{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
@font-face{font-family:'Poppins';src:url('../fonts/Poppins-Regular.woff') format('woff'),
url('../fonts/Poppins-Regular.ttf') format('truetype'),
url('../fonts/Poppins-Regular.svg#Poppins-Regular') format('svg'),
url('../fonts/Poppins-Regular.eot'),
url('../fonts/Poppins-Regular.woff2') format('woff2'),
url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype');font-weight:normal;font-style:normal;}
@font-face{font-family:'Poppins';src:url('../fonts/Poppins-SemiBold.woff') format('woff'),
url('../fonts/Poppins-SemiBold.ttf') format('truetype'),
url('../fonts/Poppins-SemiBold.svg#Poppins-Regular') format('svg'),
url('../fonts/Poppins-SemiBold.eot'),
url('../fonts/Poppins-SemiBold.woff2') format('woff2'),
url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype');font-weight:800;font-style:normal;}
html{font-size:16px;}
body{font-size:1rem;line-height:1.8;font-family:'Poppins','微軟正黑體', 'Microsoft JhengHei UI', 'Microsoft JhengHei', Sans-serif;overflow-x:hidden;width:100%;color:#444;}
img{border:0;vertical-align:bottom;}
a, a:visited, a:hover, a:focus, a:active{text-decoration:none;outline:none;}
:focus,:active{outline:0;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
label{font-weight:inherit;}
input, button, textarea, select, optgroup, option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline:0;}
textarea{resize:vertical;}
ol.reset, ul.reset, li.reset{margin:0;padding:0;list-style:none;}
code, kbd, samp, tt{font-size:100%;}
input, button, textarea, select{*font-size:100%;}
section, article, aside, footer, header, nav, main{display:block;}
@media (max-width:1024px){.mask{position:relative;}
.mask:before{content:'';position:absolute;width:100%;height:100%;background:rgba(0,0,0,.5);left:0;top:0;z-index:99;}
}
@media (min-width:1500px){.container{width:1370px;}
}
.scroll-top{position:fixed;width:40px;height:40px;right:3%;bottom:50px;background:#797c81;display:block;z-index:99;color:#fff !important;font-size:1.875rem;text-align:center;line-height:38px;}
@media (min-width:1025px){.scroll-top:hover{background:#555;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
}
.p-wrap{padding-top:100px;font-size:0;overflow:hidden;}
@media (max-width:1199px){.p-wrap{padding-top:80px;}
}
@media (max-width:640px){.p-wrap{padding-top:70px;}
}
#p-main{padding:75px 0;}
@media (max-width:1199px){#p-main{padding:65px 0;}
}
@media (max-width:991px){#p-main{padding:55px 0;}
}
@media (max-width:767px){#p-main{padding:45px 0;}
}
@media (max-width:480px){#p-main{padding:30px 0;}
}
.text-edit{font-size:1.25rem;color:#666;line-height:2.2;}
.text-edit:before,
.text-edit:after{content:'';display:table;}
.text-edit:after{clear:both;}
.text-edit *{max-width:100%;}
.text-edit img{height:auto !important;max-width:100%;}
@media (max-width:767px){.text-edit{line-height:2;font-size:1rem;}
}
i.small{font-style:normal;font-size:0.75rem;position:relative;display:inline-block !important;vertical-align:top;transform:translateY(-2px);-ms-transform:translateY(-2px);-moz-transform:translateY(-2px);-webkit-transform:translateY(-2px);}
#g-header{width:100%;position:fixed;left:0;top:0;z-index:1000;background:#fff;height:100px;padding:0 4%;border-bottom:1px solid #e4e4e4;font-size:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
#g-header .logo{margin:0;float:left;}
#g-header .logo>a{display:block;}
#g-header .logo>a img{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
#g-header .lang-wrap{position:relative;margin-left:20px;float:right;}
#g-header .lang-wrap .lang-in{position:relative;font-size:1.071rem;color:#444;padding:35px 0;display:block;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
#g-header .lang-wrap .lang-in:before{content:'';position:relative;display:inline-block;vertical-align:top;width:24px;height:24px;margin-right:8px;background:url(../images/lang_icon.png)no-repeat 0 0;}
#g-header .lang-wrap .lang-in i{display:inline-block;vertical-align:top;font-style:normal;border-bottom:1px solid #666;line-height:24px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
#g-header .lang-wrap .more-lang{position:absolute;min-width:100%;background:#3286cf;padding:5px 10px;left:50%;text-align:center;transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);}
#g-header .lang-wrap .more-lang>a{display:block;font-size:0.938rem;color:#fff;padding:5px 0;white-space:nowrap;border-bottom:1px solid rgba(255,255,255,.2);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
#g-header .lang-wrap .more-lang>a:last-child{border-bottom:none;}
#g-header .menu-wrap{float:right;}
#g-header .m-first{float:right;}
#g-header .m-first>li{display:inline-block;vertical-align:top;position:relative;margin:0 10px;}
#g-header .m-first>li>a{line-height:100px;font-size:1.071rem;color:#666;display:block;padding:0 10px;font-weight:800;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
#g-header .m-first>li.current>a{color:#3286cf;}
#g-header .m-second{position:absolute;top:calc(100% - 10px);left:50%;transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);background:#3286cf;padding:10px 0;min-width:100%;}
#g-header .m-second>li>a{display:block;padding:8px 20px;color:#fff;font-size:1rem;border-bottom:1px solid rgba(255,255,255,.2);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
#g-header .m-second>li:last-child>a{border-bottom:none;}
#g-header .m-second>li.current>a{color:#f9e87c;}
@media (min-width:1025px){#g-header .lang-wrap .lang-in:hover{color:#3286cf;}
#g-header .lang-wrap .more-lang{opacity:0;pointer-events:none;top:calc(50% + 10px);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
#g-header .lang-wrap .lang-in:hover + .more-lang,
#g-header .lang-wrap .more-lang:hover{opacity:1;pointer-events:auto;top:calc(50% + 20px);}
#g-header .lang-wrap .more-lang>a:hover,
#g-header .m-second>li:hover>a{color:#f9e87c;}
#g-header .m-first>li:hover>a{color:#3286cf;}
#g-header .m-second{opacity:0;pointer-events:none;white-space:nowrap;top:calc(100% - 20px);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
#g-header .m-first>li:hover .m-second{opacity:1;pointer-events:auto;top:calc(100% - 10px);}
}
@media (max-width:1399px){#g-header{padding:0 20px;}
#g-header .m-first>li{margin:0 5px;}
}
@media (max-width:1199px){#g-header{height:80px;padding:0 15px;}
#g-header .logo>a>img{height:80px;width:auto;}
#g-header .lang-wrap{margin-left:10px;}
#g-header .lang-wrap .lang-in{padding:25px 0;}
#g-header .m-first>li>a{line-height:80px;font-size:1rem;padding:0 7px;}
}
@media (max-width:1024px){#g-header.open{left:-250px;}
#g-header .switch{float:right;width:40px;height:40px;position:relative;display:block;margin:20px 0;}
#g-header .switch span{position:absolute;background:#777;display:block;width:25px;height:2px;top:50%;left:7.5px;margin-top:-1px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
#g-header .switch span:nth-child(1){margin-top:-8px;}
#g-header .switch span:nth-child(4){margin-top:6px;}
#g-header .switch span:nth-child(3){opacity:0;}
#g-header.open .switch span:nth-child(1),
#g-header.open .switch span:nth-child(4){opacity:0;}
#g-header.open .switch span:nth-child(2){transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);}
#g-header.open .switch span:nth-child(3){opacity:1;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);}
#g-header .menu-wrap{position:absolute;left:100%;top:0;width:250px;height:100vh;overflow:hidden;overflow-y:auto;background:#fff;float:none;padding:10px 20px;border-left:1px solid #eee;}
#g-header .m-first{display:block;float:none;}
#g-header .m-first>li{display:block;margin:0;width:100%;}
#g-header .m-first>li>a{line-height:1.8;padding:15px 0;border-bottom:1px solid #eee;}
#g-header .m-second{position:relative;top:auto;left:auto;transform:translateX(0);-ms-transform:translateX(0);-moz-transform:translateX(0);-webkit-transform:translateX(0);display:block;padding:0 10px;display:none;}
#g-header .lang-wrap{margin:10px 0 5px;width:100%;display:block;float:none;}
#g-header .lang-wrap .lang-in{padding:8px 10px;border-radius:3px;background:#eee;}
#g-header .lang-wrap .lang-in:before{margin-top:2px;}
#g-header .lang-wrap .lang-in:after{content:'';position:absolute;right:20px;top:20px;width:0;height:0;border-style:solid;border-width:6px 5px 0 5px;border-color:#444 transparent transparent transparent;}
#g-header .lang-wrap .more-lang{position:relative;left:auto;top:auto;text-align:left;transform:translateX(0);-ms-transform:translateX(0);-moz-transform:translateX(0);-webkit-transform:translateX(0);display:none;border-bottom-left-radius:3px;border-bottom-right-radius:3px;}
#g-header .lang-wrap .more-lang>a{padding:5px 5%;}
}
@media (max-width:640px){#g-header{height:70px;}
#g-header .logo>a>img{height:70px;}
#g-header .switch{margin:15px 0;}
}
@media (min-width:1025px){#g-header.fixed{height:70px;}
#g-header.fixed .logo>a>img{height:70px;}
#g-header.fixed .m-first>li>a{line-height:70px;}
#g-header.fixed .lang-wrap .lang-in{padding:20px 0;}
}
@media (min-width:1200px){#g-header.fixed{height:80px;}
#g-header.fixed .logo>a>img{height:80px;}
#g-header.fixed .m-first>li>a{line-height:80px;}
#g-header.fixed .lang-wrap .lang-in{padding:25px 0;}
}
#g-footer{width:100%;padding:0 15px;background:#333;}
#g-footer .grid{max-width:1170px;margin:0 auto;padding:35px 0;text-align:center;}
#g-footer .grid .f-info{margin:0 0 3px;}
#g-footer .grid .f-info>span{display:inline-block;vertical-align:top;margin-right:15px;color:#fff;font-size:1rem;line-height:1.5;}
#g-footer .grid .f-info>span:last-child{margin:0;}
#g-footer .grid .f-info>span>a{color:#fff;}
#g-footer .grid .copyright{color:#fff;font-size:1rem;}
#g-footer .grid .copyright i{color:#767676;display:inline-block;vertical-align:top;margin:0 10px;font-style:normal;}
#g-footer .grid .copyright .a-link{display:inline-block;vertical-align:top;color:#fff;}
#g-footer .grid .copyright .grnet{display:inline-block;vertical-align:top;}
#g-footer .grid .copyright .grnet>a{color:#fff;}
@media (min-width:1025px){#g-footer .grid .copyright .grnet>a:hover{text-decoration:underline;}
}
@media (max-width:991px){#g-footer .grid{padding:20px 0;}
#g-footer .grid .f-info>span:nth-child(1){display:block;margin:0 0 3px;}
}
@media (max-width:767px){#g-footer .grid{text-align:left;}
#g-footer .grid .f-info>span{display:block;margin:0 0 5px;}
#g-footer .grid .f-info>span:last-child{margin:0 0 5px;}
}
.banner-wrap{position:relative;overflow:hidden;}
.banner-wrap .ban-slick{position:relative;overflow:hidden;opacity:0;transform:scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-webkit-transition:all .8s ease-in-out .3s;-moz-transition:all .8s ease-in-out .3s;-o-transition:all .8s ease-in-out .3s;-ms-transition:all .8s ease-in-out .3s;transition:all .8s ease-in-out .3s;}
.banner-wrap .ban-slick.open{opacity:1;transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);}
.banner-wrap .ban-slick .box>a{display:block;}
.banner-wrap .ban-slick .box .s-pic{display:none;}
.banner-wrap .ban-slick .slick-arrow{position:absolute;width:35px;height:66px;background:url(../images/iban_btn.png)no-repeat center center;left:0;top:50%;margin-top:-33px;padding:0;border:none;opacity:0;z-index:2;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.banner-wrap .ban-slick .slick-next{-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1);left:auto;right:0;}
.banner-wrap .ban-ti{font-size:3.75rem;position:absolute;margin:0;color:#fff;text-align:center;width:100%;left:0;top:50%;line-height:1.5;text-transform:uppercase;transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.banner-wrap .ban-ti i{display:block;font-style:normal;font-size:1.25rem;}
.banner-wrap .scroll-down{width:90px;height:150px;position:absolute;left:50%;bottom:40px;margin-left:-45px;cursor:pointer;background:url(../images/scrolldown.png) 0 bottom no-repeat;}
.banner-wrap .scroll-down .arrow{width:20px;height:10px;position:absolute;left:50%;bottom:20px;margin-left:-10px;background:url(../images/scroll_aw.png) 0 0 no-repeat;-webkit-transition:background .3s ease-in-out;transition:background .3s ease-in-out;}
@keyframes translateY{0%{opacity:0;transform:translateY(-5px);-ms-transform:translateY(-5px);}
50%{opacity:1;transform:translateY(0);-ms-transform:translateY(-5px);}
100%{opacity:0;transform:translateY(5px);-ms-transform:translateY(-5px);}
}
@-moz-keyframes translateY{0%{opacity:0;-moz-transform:translateY(-5px);}
50%{opacity:1;-moz-transform:translateY(-5px);}
100%{opacity:0;-moz-transform:translateY(-5px);}
}
@-webkit-keyframes translateY{0%{opacity:0;-webkit-transform:translateY(-5px);}
50%{opacity:1;-webkit-transform:translateY(-5px);}
100%{opacity:0;-webkit-transform:translateY(-5px);}
}
.translateY{-webkit-animation:translateY 2s ease-in-out infinite;animation:translateY 2s ease-in-out infinite;}
@media (min-width:1025px){.banner-wrap .ban-slick:hover .slick-prev{left:3%;opacity:1;}
.banner-wrap .ban-slick:hover .slick-next{left:auto;right:3%;opacity:1;}
}
@media (max-width:1199px){.banner-wrap .scroll-down{bottom:30px;height:50px;}
.banner-wrap .ban-ti{font-size:3.125rem;}
}
@media (max-width:1024px){.banner-wrap .ban-slick .slick-arrow{opacity:1;left:3%;}
.banner-wrap .ban-slick .slick-next{right:3%;left:auto;}
.banner-wrap .ban-ti{font-size:2.5rem;}
.banner-wrap .ban-ti i{font-size:1.125rem;}
}
@media (max-width:991px){.banner-wrap .ban-slick .slick-arrow{background-size:auto 50px;}
}
@media (max-width:640px){.banner-wrap .ban-slick .box .b-pic{display:none;}
.banner-wrap .ban-slick .box .s-pic{display:block;}
.banner-wrap .ban-slick .slick-arrow{background-size:auto 40px;}
.banner-wrap .ban-ti{font-size:2rem;}
.banner-wrap .ban-ti i{font-size:1rem;}
.banner-wrap .scroll-down{bottom:15px;}
}
@media (max-width:480px){.banner-wrap .ban-slick .slick-arrow{left:0;}
.banner-wrap .ban-slick .slick-next{right:0;left:auto;}
.banner-wrap .ban-slick .slick-arrow{background-size:auto 30px;}
}
@media (max-width:350px){.banner-wrap .ban-ti{font-size:1.75rem;}
}
#index .i-company{padding:180px 0;background:#f2f5f7;position:relative;}
#index .i-company:before{content:'';position:absolute;width:30%;height:100%;top:0;right:0;background:#fff;}
#index .i-company .txt-box{position:relative;z-index:2;background:#fff;width:45%;padding:90px 8%;margin-left:8%;opacity:0;transform:translate(50px, 0);-ms-transform:translate(50px, 0);-moz-transform:translate(50px, 0);-webkit-transform:translate(50px, 0);-webkit-transition:all .5s ease-in-out .3s;-moz-transition:all .5s ease-in-out .3s;-o-transition:all .5s ease-in-out .3s;-ms-transition:all .5s ease-in-out .3s;transition:all .5s ease-in-out .3s;}
#index .i-company .pic-box{position:absolute;width:55%;height:calc(100% - 200px);right:0;top:50%;overflow:hidden;opacity:0;transform:translate(-50px,-50%);-ms-transform:translate(-50px,-50%);-moz-transform:translate(-50px,-50%);-webkit-transform:translate(-50px,-50%);-webkit-transition:all .5s ease-in-out .3s;-moz-transition:all .5s ease-in-out .3s;-o-transition:all .5s ease-in-out .3s;-ms-transition:all .5s ease-in-out .3s;transition:all .5s ease-in-out .3s;}
#index .i-company .txt-box.open{opacity:1;transform:translate(0);-ms-transform:translate(0);-moz-transform:translate(0);-webkit-transform:translate(0);}
#index .i-company .pic-box.open{opacity:1;transform:translate(0,-50%);-ms-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);}
#index .i-company .pic-box img{min-width:100%;min-height:100%;max-width:none;position:relative;left:50%;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
#index .i-company .txt-box .s-ti{color:#444;font-size:2.375rem;margin:0;font-weight:bold;line-height:1.5;}
#index .i-company .txt-box p{margin:20px 0 0;font-size:1.25rem;color:#666;line-height:2.5;}
@media (max-width:1499px){#index .i-company .txt-box{padding:60px 5%;width:50%;margin-left:5%;}
#index .i-company .txt-box p{line-height:2.3;}
#index .i-company .pic-box{width:65%;}
}
@media (max-width:1199px){#index .i-company .pic-box{width:70%;}
}
@media (max-width:991px){#index .i-company{padding:0;}
#index .i-company:before{display:none;}
#index .i-company .txt-box{margin:0;width:100%;display:block;padding:50px 5%;transform:translate(0,50px);-ms-transform:translate(0,50px);-moz-transform:translate(0,50px);-webkit-transform:translate(0,50px);}
#index .i-company .pic-box{position:relative;width:100%;height:auto;right:auto;top:auto;transform:translate(0);-ms-transform:translate(0);-moz-transform:translate(0);-webkit-transform:translate(0);}
#index .i-company .pic-box.open{transform:translate(0);-ms-transform:translate(0);-moz-transform:translate(0);-webkit-transform:translate(0);}
#index .i-company .pic-box img{max-width:100%;min-width:0;min-height:0;left:auto;top:auto;transform:translate(0);-ms-transform:translate(0);-moz-transform:translate(0);-webkit-transform:translate(0);}
}
@media (max-width:767px){#index .i-company .txt-box{padding:40px 5%;}
#index .i-company .txt-box .s-ti{font-size:1.625rem;}
#index .i-company .txt-box p{line-height:2;margin:15px 0 0;}
}
@media (max-width:640px){#index .i-company .txt-box{padding:30px 5%;}
#index .i-company .txt-box p{font-size:1rem;margin:10px 0 0;}
}
#index .i-mulestone{padding:90px 5%;direction:rtl;}
#index .i-mulestone .txt-box{display:inline-block;vertical-align:middle;direction:ltr;padding:0 2%;width:35%;opacity:0;transform:translate(-50px,0);-ms-transform:translate(-50px,0);-moz-transform:translate(-50px,0);-webkit-transform:translate(-50px,0);-webkit-transition:all .5s ease-in-out .3s;-moz-transition:all .5s ease-in-out .3s;-o-transition:all .5s ease-in-out .3s;-ms-transition:all .5s ease-in-out .3s;transition:all .5s ease-in-out .3s;}
#index .i-mulestone .txt-box.open{opacity:1;transform:translate(0);-ms-transform:translate(0);-moz-transform:translate(0);-webkit-transform:translate(0);}
#index .i-mulestone .txt-box .s-ti{color:#444;font-size:2.375rem;margin:0;font-weight:bold;line-height:1.5;}
#index .i-mulestone .txt-box .list-box{margin:10px 0 0;}
#index .i-mulestone .txt-box .list-box .box{padding:10px 0;border-bottom:1px solid #eaeaea;}
#index .i-mulestone .txt-box .list-box .box:last-child{border-bottom:none;}
#index .i-mulestone .txt-box .list-box .box .year{display:inline-block;vertical-align:top;color:#5089b8;font-size:1.25rem;width:60px;font-weight:normal;}
#index .i-mulestone .txt-box .list-box .box p{margin:2px 0 0;width:calc(100% - 60px);font-size:1.125rem;color:#666;display:inline-block;vertical-align:top;}
#index .i-mulestone .pic-box{display:inline-block;vertical-align:middle;direction:ltr;width:65%;position:relative;padding-right:8%;padding-bottom:60px;}
#index .i-mulestone .pic-box .b-pic{width:72%;opacity:0;transform:translate(50px,0);-ms-transform:translate(50px,0);-moz-transform:translate(50px,0);-webkit-transform:translate(50px,0);-webkit-transition:all .5s ease-in-out .3s;-moz-transition:all .5s ease-in-out .3s;-o-transition:all .5s ease-in-out .3s;-ms-transition:all .5s ease-in-out .3s;transition:all .5s ease-in-out .3s;}
#index .i-mulestone .pic-box .s-pic{position:absolute;right:8%;bottom:0;width:38%;opacity:0;transform:translate(0,50px);-ms-transform:translate(0,50px);-moz-transform:translate(0,50px);-webkit-transform:translate(0,50px);-webkit-transition:all .5s ease-in-out .3s;-moz-transition:all .5s ease-in-out .3s;-o-transition:all .5s ease-in-out .3s;-ms-transition:all .5s ease-in-out .3s;transition:all .5s ease-in-out .3s;}
#index .i-mulestone .pic-box.open .b-pic,
#index .i-mulestone .pic-box.open .s-pic{opacity:1;transform:translate(0);-ms-transform:translate(0);-moz-transform:translate(0);-webkit-transform:translate(0);}
@media (max-width:1199px){#index .i-mulestone .txt-box{vertical-align:top;width:40%;padding:0 0 0 2%;}
#index .i-mulestone .pic-box{vertical-align:top;width:60%;}
}
@media (max-width:991px){#index .i-mulestone{padding:50px 5%;}
#index .i-mulestone .txt-box{display:block;width:100%;padding:0;margin:0 0 30px;transform:translate(0,50px);-ms-transform:translate(0,50px);-moz-transform:translate(0,50px);-webkit-transform:translate(0,50px);}
#index .i-mulestone .pic-box{vertical-align:top;width:100%;padding-right:0;padding-bottom:50px;}
#index .i-mulestone .pic-box .s-pic{right:0;top:50px;width:45%;}
}
@media (max-width:767px){#index .i-mulestone{padding:40px 5%;}
#index .i-mulestone .txt-box .s-ti{font-size:2rem;}
}
@media (max-width:640px){#index .i-mulestone{padding:30px 5%;}
#index .i-mulestone .txt-box .s-ti{font-size:1.875rem;}
#index .i-mulestone .txt-box .list-box{margin:5px 0 0;}
#index .i-mulestone .txt-box .list-box .box p{font-size:1rem;margin:5px 0 0;}
#index .i-mulestone .pic-box{padding-bottom:30px;}
#index .i-mulestone .pic-box .s-pic{top:30px;}
}
@media (max-width:350px){#index .i-mulestone .txt-box .s-ti{font-size:1.75rem;}
}
#index .i-news{padding:135px 0;}
#index .i-news .news-slick{margin:0 -30px;opacity:0;transform:translate(0,50px);-ms-transform:translate(0,50px);-moz-transform:translate(0,50px);-webkit-transform:translate(0,50px);-webkit-transition:all .5s ease-in-out .3s;-moz-transition:all .5s ease-in-out .3s;-o-transition:all .5s ease-in-out .3s;-ms-transition:all .5s ease-in-out .3s;transition:all .5s ease-in-out .3s;}
#index .i-news .news-slick.open{opacity:1;transform:translate(0);-ms-transform:translate(0);-moz-transform:translate(0);-webkit-transform:translate(0);}
#index .i-news .news-slick .box{padding:5px 30px;}
#index .i-news .news-slick .box:nth-child(2n){margin-top:55px;}
#index .i-news .news-slick .box>a{background:#fff;padding:50px 10%;display:block;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
#index .i-news .news-slick .box>a .type{color:#aaa;font-size:1.125rem;display:block;}
#index .i-news .news-slick .box>a .ti{font-size:1.375rem;color:#444;line-height:1.8;margin:5px 0 25px;}
#index .i-news .news-slick .box>a .detail-btn{font-size:1.071rem;text-align:center;line-height:45px;width:200px;height:45px;border-radius:50px;border:1px solid #3286cf;color:#3286cf;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
#index .i-news .news-slick .slick-arrow{position:absolute;width:34px;height:34px;padding:0;border:none;background:url(../images/inews_ar.png)no-repeat center center;top:50%;margin-top:-17px;}
#index .i-news .news-slick .slick-prev{left:-25px;-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1);}
#index .i-news .news-slick .slick-next{right:-25px;}
@media (min-width:1025px){#index .i-news .news-slick .box>a:hover{box-shadow:0px 0px 5px 1px rgba(0,0,0,.2);}
#index .i-news .news-slick .box>a .detail-btn:hover{background:#3286cf;color:#fff;}
}
@media (max-width:1299px){#index .i-news .news-slick{margin:0;padding:0 25px;}
#index .i-news .news-slick .slick-prev{left:0;}
#index .i-news .news-slick .slick-next{right:0;}
}
@media (max-width:1199px){#index .i-news{padding:100px 0;}
#index .i-news .news-slick{margin:0;padding:0 35px;}
#index .i-news .news-slick .box{padding:5px 15px;}
#index .i-news .news-slick .box>a{padding:35px 10%;}
#index .i-news .news-slick .box>a .ti{font-size:1.25rem;}
#index .i-news .news-slick .box>a .detail-btn{width:150px;font-size:1rem;}
}
@media (max-width:767px){#index .i-news{padding:70px 0;}
#index .i-news .news-slick .box:nth-child(2n){margin-top:0;}
}
@media (max-width:480px){#index .i-news{padding:50px 0;}
#index .i-news .news-slick{padding:0 15px;}
#index .i-news .news-slick .slick-prev{left:-10px;}
#index .i-news .news-slick .slick-next{right:-10px;}
#index .i-news .news-slick .box>a{padding:25px 10%;}
#index .i-news .news-slick .box>a .type{font-size:1rem;}
#index .i-news .news-slick .box>a .ti{font-size:1.125rem;}
#index .i-news .news-slick .box>a .detail-btn{width:100%;}
}
#product .pic-box .ti{font-size:2.375rem;color:#444;margin:0 0 30px;font-weight:bold;line-height:1.5;}
#product .pic-box{width:38%;float:left;opacity:0;padding-right:2%;transform:translate(-50px, 0);-ms-transform:translate(-50px, 0);-moz-transform:translate(-50px, 0);-webkit-transform:translate(-50px, 0);-webkit-transition:all .5s ease-in-out .3s;-moz-transition:all .5s ease-in-out .3s;-o-transition:all .5s ease-in-out .3s;-ms-transition:all .5s ease-in-out .3s;transition:all .5s ease-in-out .3s;}
#product .box-content{float:right;width:62%;padding-left:2%;opacity:0;transform:translate(0, 50px);-ms-transform:translate(0, 50px);-moz-transform:translate(0, 50px);-webkit-transform:translate(0, 50px);-webkit-transition:all .5s ease-in-out .3s;-moz-transition:all .5s ease-in-out .3s;-o-transition:all .5s ease-in-out .3s;-ms-transition:all .5s ease-in-out .3s;transition:all .5s ease-in-out .3s;}
#product .pic-box.open,
#product .box-content.open{opacity:1;transform:translate(0);-ms-transform:translate(0);-moz-transform:translate(0);-webkit-transform:translate(0);}
#product .box-content .item-box{padding:30px 0;border-bottom:1px dashed #ddd;}
#product .box-content .item-box:first-child{padding-top:0;}
#product .box-content .item-box:last-child{border-bottom:none;}
#product .box-content .ti-box img{display:inline-block;vertical-align:top;margin-top:3px;margin-right:15px;}
#product .box-content .m-ti{font-size:2.375rem;color:#444;margin:0;line-height:1.8;display:inline-block;vertical-align:top;width:calc(100% - 70px);}
#product .box-content .text-edit{padding-left:75px;}
@media (max-width:1199px){#product .pic-box{width:100%;padding:0;transform:translate(0, 50px);-ms-transform:translate(0, 50px);-moz-transform:translate(0, 50px);-webkit-transform:translate(0, 50px);}
#product .pic-box .ti{width:50%;float:left;margin:30px 0 10px;}
#product .pic-box .pic{width:45%;float:right;}
#product .box-content{width:100%;margin:20px 0 0;padding:0;}
}
@media (max-width:991px){#product .pic-box .ti{font-size:2rem;margin:10px 0 10px;}
#product .box-content .m-ti{font-size:2rem;}
#product .box-content .ti-box img{margin-top:0;}
}
@media (max-width:767px){#product .pic-box .ti{width:100%;margin:0 0 20px;}
#product .pic-box .pic{width:100%;}
}
@media (max-width:640px){#product .pic-box .ti{font-size:1.625rem;}
#product .box-content .ti-box{margin:0 0 10px;}
#product .box-content .m-ti{font-size:1.875rem;width:calc(100% - 65px);}
#product .box-content .item-box{padding:25px 0;}
#product .box-content .ti-box img{width:50px;}
#product .box-content .text-edit{padding:0;}
}
@media (max-width:480px){#product .box-content .m-ti{font-size:1.5rem;width:calc(100% - 55px);margin-top:3px;}
#product .box-content .ti-box img{width:45px;margin-right:10px;}
}
.hff-major .list-box{margin:15px 0 0;}
.hff-major .list-box .items{background:#f2f5f7;padding:8px 10px;font-size:0;}
.hff-major .list-box .items:nth-child(2n){background:#fff;}
.hff-major .list-box .items strong{display:inline-block;vertical-align:top;font-size:1.125rem;color:#5089b8;padding:0 10px;font-weight:normal;width:40%;}
.hff-major .list-box .items p{margin:0;display:inline-block;vertical-align:top;width:60%;padding:0 10px;color:#666;font-size:1.125rem;}
@media (max-width:767px){.hff-major .list-box .items strong,
.hff-major .list-box .items p{font-size:1rem;}
}
@media (max-width:480px){.hff-major .list-box .items strong{display:block;padding:0;width:100%;}
.hff-major .list-box .items p{display:block;padding:0;width:100%;}
}
.hff-figure1{font-size:0;margin:5px 0 0;}
.hff-figure1 .head{padding:10px 0;background:#3286cf;}
.hff-figure1 .head>div{font-size:1.125rem;color:#fff;display:inline-block;vertical-align:top;text-align:center;line-height:1.8;}
.hff-figure1 .head .time{width:16%;}
.hff-figure1 .head .list{width:28%;}
.hff-figure1 .head>div i{display:block;font-style:normal;}
.hff-figure1 .inner{padding:20px 0;background:#fff;}
.hff-figure1 .inner:nth-child(2n){background:#f2f5f7;}
.hff-figure1 .inner .time{font-size:1.125rem;color:#5089b8;display:inline-block;vertical-align:middle;text-align:center;line-height:1.5;text-align:center;width:16%;}
.hff-figure1 .inner .time i{display:block;font-style:normal;}
.hff-figure1 .inner .list{width:28%;display:inline-block;vertical-align:middle;padding:0 15px;}
.hff-figure1 .inner .list img{margin:0 auto;display:block;}
.hff-figure1 .inner .list p{display:none;}
.hff-figure1 .blue-dec{margin:0 0 20px;}
.hff-figure1 .blue-dec strong{font-size:1.25rem;color:#5089b8;line-height:1.8;display:inline-block;vertical-align:top;width:85px;font-weight:normal;}
.hff-figure1 .blue-dec span{font-size:1.25rem;color:#5089b8;line-height:1.8;display:inline-block;vertical-align:top;width:calc(100% - 85px);}
@media (max-width:767px){.hff-figure1 .blue-dec strong,
.hff-figure1 .blue-dec span{font-size:1rem;}
}
@media (max-width:640px){.hff-figure1 .head{display:none;}
.hff-figure1 .inner{padding:20px 0;}
.hff-figure1 .inner:first-child{padding-top:0;}
.hff-figure1 .inner .time{width:100%;text-align:left;margin:0 0 10px;padding:0 5%;}
.hff-figure1 .inner .time>i{display:inline-block;margin-right:5px;}
.hff-figure1 .inner .list{width:33%;position:relative;padding:0 10px;}
.hff-figure1 .inner .list p{position:relative;display:block;font-size:0.938rem;color:#666;line-height:1.5;text-align:center;margin:10px 0 0;}
}
@media (max-width:480px){.hff-figure1 .inner{padding-bottom:5px;}
.hff-figure1 .inner .list{width:50%;margin:0 0 20px;}
.hff-figure1 .blue-dec strong{display:block;width:100%;}
.hff-figure1 .blue-dec span{width:100%;display:block;}
}
#clinical-donor .pic-box{width:38%;padding-right:2%;display:inline-block;vertical-align:top;opacity:0;transform:translate(-50px, 0);-ms-transform:translate(-50px, 0);-moz-transform:translate(-50px, 0);-webkit-transform:translate(-50px, 0);-webkit-transition:all .5s ease-in-out .3s;-moz-transition:all .5s ease-in-out .3s;-o-transition:all .5s ease-in-out .3s;-ms-transition:all .5s ease-in-out .3s;transition:all .5s ease-in-out .3s;}
#clinical-donor .txt-box{width:62%;padding-left:2%;display:inline-block;vertical-align:top;opacity:0;transform:translate(0, 50px);-ms-transform:translate(0, 50px);-moz-transform:translate(0, 50px);-webkit-transform:translate(0, 50px);-webkit-transition:all .5s ease-in-out .3s;-moz-transition:all .5s ease-in-out .3s;-o-transition:all .5s ease-in-out .3s;-ms-transition:all .5s ease-in-out .3s;transition:all .5s ease-in-out .3s;}
#clinical-donor .pic-box.open,
#clinical-donor .txt-box.open{opacity:1;transform:translate(0);-ms-transform:translate(0);-moz-transform:translate(0);-webkit-transform:translate(0);}
#clinical-donor .txt-box .items-box{margin-bottom:50px;}
#clinical-donor .txt-box .items-box:last-child{margin-bottom:0;}
#clinical-donor .txt-box .m-ti{font-size:2.375rem;color:#444;margin:0;line-height:1.8;display:inline-block;vertical-align:top;width:calc(100% - 70px);position:relative;padding-left:35px;}
#clinical-donor .txt-box .m-ti:before{content:'';position:absolute;width:10px;height:10px;border-radius:100%;background:#3286cf;left:0;top:30px;}
#clinical-donor .txt-box .m-ti:after{content:'';position:absolute;width:10px;height:10px;border-radius:100%;background:#cbd8e4;left:10px;top:30px;}
#clinical-donor .txt-box p{margin:0 0 20px;}
#clinical-donor .txt-box p:last-child{margin:0;}
#clinical-donor .items-box .a-link{font-size:1.125rem;color:#0186cf;display:inline-block;margin:15px 0 0;position:relative;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
#clinical-donor .items-box .a-link:after{content:'';position:relative;display:inline-block;vertical-align:top;width:50px;height:9px;background:url(../images/link_aw.png)no-repeat 0 0;margin-left:15px;margin-top:10px;-webkit-transition:margin .3s ease-in-out;-moz-transition:margin .3s ease-in-out;-o-transition:margin .3s ease-in-out;-ms-transition:margin .3s ease-in-out;transition:margin .3s ease-in-out;}
#clinical-donor .items-box .box{padding:80px;background:#f2f5f7;margin:40px 0 0;}
#clinical-donor .items-box .blue-sec{color:#5089b8;line-height:1.8;margin:20px 0 0;}
#clinical-donor .items-box .gray-sec{color:#444;line-height:1.8;margin:20px 0 0;}
@media (min-width:1025px){#clinical-donor .items-box .a-link:hover{text-decoration:underline;color:#ed1f24;}
#clinical-donor .items-box .a-link:hover:after{margin-left:20px;background-position:0 -9px;}
}
@media (max-width:1199px){#clinical-donor .items-box .box{padding:50px;}
}
@media (max-width:991px){#clinical-donor .txt-box .items-box{margin-bottom:30px;}
#clinical-donor .txt-box .m-ti{font-size:2rem;}
#clinical-donor .txt-box .m-ti:before,
#clinical-donor .txt-box .m-ti:after{top:25px;}
#clinical-donor .items-box .box{padding:30px;}
}
@media (max-width:640px){#clinical-donor .pic-box{width:100%;padding:0;transform:translate(0, 50px);-ms-transform:translate(0, 50px);-moz-transform:translate(0, 50px);-webkit-transform:translate(0, 50px);}
#clinical-donor .txt-box{width:100%;padding:0;margin:30px 0 0;}
#clinical-donor .txt-box .m-ti{font-size:1.875rem;width:calc(100% - 65px);}
#clinical-donor .txt-box .m-ti:before,
#clinical-donor .txt-box .m-ti:after{top:23px;}
#clinical-donor .txt-box .items-box:last-child{margin:0 0 30px;}
#clinical-donor .items-box .a-link{margin:10px 0 0;font-size:1.071rem;}
#clinical-donor .items-box .box{padding:20px;margin:20px 0 0;}
#clinical-donor .items-box .gray-sec,
#clinical-donor .items-box .blue-sec{margin:15px 0 0;}
}
@media (max-width:480px){#clinical-donor .txt-box .m-ti{font-size:1.5rem;width:calc(100% - 55px);margin-top:3px;padding-left:30px;}
#clinical-donor .txt-box .m-ti:before,
#clinical-donor .txt-box .m-ti:after{top:18px;}
}
#contact #p-main{background:url(../images/partner_bg2.png)no-repeat left bottom #f2f5f7;position:relative;}
#contact #p-main:before{content:'';position:absolute;width:30%;height:100%;top:0;right:0;background:#fff;}
#contact .info-wrap{padding:50px 0;position:relative;overflow:hidden;}
#contact .info-box{position:relative;z-index:2;background:url(../images/partner_bg3.png)no-repeat center center;background-size:cover;width:50%;padding:100px 8%;float:left;opacity:0;transform:translate(50px,0);-ms-transform:translate(50px,0);-moz-transform:translate(50px,0);-webkit-transform:translate(50px,0);-webkit-transition:all .5s ease-in-out .3s;-moz-transition:all .5s ease-in-out .3s;-o-transition:all .5s ease-in-out .3s;-ms-transition:all .5s ease-in-out .3s;transition:all .5s ease-in-out .3s;}
#contact .info-box.open{opacity:1;transform:translate(0);-ms-transform:translate(0);-moz-transform:translate(0);-webkit-transform:translate(0);}
#contact .info-wrap .ti{color:#fff;font-size:2.375rem;margin:0;font-weight:bold;line-height:1.5;text-transform:uppercase;}
#contact .info-wrap .info-list{margin:30px 0 0;}
#contact .info-wrap .info-list span{display:block;margin:0 0 10px;font-size:1.25rem;color:#fff;}
#contact .info-wrap .info-list span>a{color:#fff;display:inline-block;vertical-align:top;width:calc(100% - 80px);}
#contact .info-wrap .map-box{position:relative;width:50%;height:500px;float:right;margin-top:5rem;border:10px solid #fff;opacity:0;transform:translate(-50px,0);-ms-transform:translate(-50px,0);-moz-transform:translate(-50px,0);-webkit-transform:translate(-50px,0);-webkit-transition:all .5s ease-in-out .3s;-moz-transition:all .5s ease-in-out .3s;-o-transition:all .5s ease-in-out .3s;-ms-transition:all .5s ease-in-out .3s;transition:all .5s ease-in-out .3s;}
#contact .info-wrap .map-box.open{opacity:1;transform:translate(0);-ms-transform:translate(0);-moz-transform:translate(0);-webkit-transform:translate(0);}
#contact .info-wrap .map-box iframe{position:relative;display:block;border:none;width:100%;height:100%;}
@media (min-width:1025px){#contact .info-wrap .info-list span>a:hover{text-decoration:underline;}
}
@media (max-width:1199px){#contact .info-wrap{padding:30px 0;}
#contact .info-wrap .map-box{width:50%;height:500px;}
#contact .info-box{width:50%;margin-left:0;}
}
@media (max-width:991px){#contact .info-wrap{padding:0;overflow:hidden;}
#contact .info-box{width:80%;padding:40px 5%;}
#contact .info-wrap .map-box{width:80%;height:300px;margin:0;}
#contact .info-wrap .info-list{margin:15px 0 0;}
#contact .info-wrap .info-list span{margin:0 0 5px;}
}
@media (max-width:767px){#contact .info-wrap .ti{font-size:2rem;}
#contact .info-box{padding:40px 5%;}
}
@media (max-width:640px){#contact .info-box{width:100%;float:none;}
#contact .info-wrap .map-box{height:200px;width:100%;float:none;}
#contact .info-wrap .ti{font-size:1.875rem;}
}
@media (max-width:480px){#contact #p-main{background-size:70% auto;}
#contact #p-main:before{display:none;}
#contact .info-wrap .ti{font-size:1.75rem;}
}
#sitemap #p-main{background:url(../images/partner_bg2.png)no-repeat left bottom,
url(../images/partner_bg1.png)no-repeat right top #f2f5f7;}
#sitemap .sitemap-ti{font-size:2.375rem;color:#444;margin:0 0 40px;font-weight:bold;line-height:1.5;text-align:center;text-transform:uppercase;}
#sitemap .list-box .box{width:20%;padding:0 15px;margin:0 0 40px;}
#sitemap .list-box .box .grid{opacity:0;transform:translate(0, 50px);-ms-transform:translate(0, 50px);-moz-transform:translate(0, 50px);-webkit-transform:translate(0, 50px);-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
#sitemap .list-box .box.open .grid{opacity:1;transform:translate(0);-ms-transform:translate(0);-moz-transform:translate(0);-webkit-transform:translate(0);}
#sitemap .list-box .box .ti{padding:12px 10px;text-align:center;font-size:1.125rem;color:#fff;background:#3286cf;margin:0;line-height:1.5;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
#sitemap .list-box .box .ti>a{display:block;color:#fff;}
#sitemap .list-box .box .grid>a{font-size:1.125rem;display:block;padding:10px 15px;text-align:center;color:#666;border-bottom:1px solid #ddd;background:#fff;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
#sitemap .list-box .box .grid>a:last-child{border-bottom:none;}
@media (min-width:1025px){#sitemap .list-box .box .grid:hover{box-shadow:0px 0px 5px 1px rgba(0,0,0,.1);}
#sitemap .list-box .box .grid:hover .ti{background:#ed1f24;}
#sitemap .list-box .box .grid>a:hover{color:#ed1f24;}
}
@media (max-width:1399px){#sitemap .list-box .box{width:25%;}
}
@media (max-width:1199px){#sitemap .list-box .box{width:33.333%;}
}
@media (max-width:991px){#sitemap .list-box .box{width:50%;}
}
@media (max-width:767px){#sitemap .sitemap-ti{font-size:2rem;}
}
@media (max-width:640px){#sitemap .sitemap-ti{font-size:1.875rem;margin:0 0 30px;}
#sitemap .list-box .box{width:100%;}
}
@media (max-width:480px){#sitemap #p-main{background-size:70% auto, 70% auto;}
}
#message .message-ti{font-size:2.375rem;color:#444;margin:0 0 30px;font-weight:bold;line-height:1.5;text-align:center;text-transform:uppercase;}
#message .btn-wrap{text-align:center;margin:50px 0 0;}
#message .back-btn{font-size:1.125rem;color:#0186cf;display:inline-block;position:relative;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
#message .back-btn:after{content:'';position:relative;display:inline-block;vertical-align:top;width:50px;height:9px;background:url(../images/link_aw.png)no-repeat 0 0;margin-left:15px;margin-top:10px;-webkit-transition:margin .3s ease-in-out;-moz-transition:margin .3s ease-in-out;-o-transition:margin .3s ease-in-out;-ms-transition:margin .3s ease-in-out;transition:margin .3s ease-in-out;}
@media (min-width:1025px){#message .back-btn:hover{text-decoration:underline;color:#ed1f24;}
#message .back-btn:hover:after{margin-left:20px;background-position:0 -9px;}
}
@media (max-width:767px){#message .message-ti{font-size:2rem;}
}
@media (max-width:640px){#message .message-ti{font-size:1.875rem;margin:0 0 15px;}
#message .btn-wrap{margin:30px 0;}
}
.down-link-area{display:none;}
.down-link-area .left{display:inline-block;width:50%;}
.down-link-area .right{display:inline-block;width:50%;}
.down-link-area a{display:inline-block;position:relative;}
.down-link-area a .cover{position:absolute;top:50%;left:50%;padding-top:30px;color:#b1b5b7;font-size:2.250rem;white-space:nowrap;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;z-index:1;}
.down-link-area a .cover:before{pointer-events:none;content:"";position:absolute;top:0;right:0;width:99px;height:13px;background-image:url("../images/about_aw_right.png");}
.down-link-area .left .cover:before{right:auto;left:0;background-image:url("../images/about_aw_left.png");}
.down-link-area a:hover .cover{color:#fff;}
.down-link-area a:hover .cover:before{-webkit-animation:translateRightY 2s ease-in-out infinite;animation:translateRightY 2s ease-in-out infinite;}
.down-link-area a.left:hover .cover:before{-webkit-animation:translateLeftY 2s ease-in-out infinite;animation:translateLeftY 2s ease-in-out infinite;}
.down-link-area .img{display:block;background:#343e46;}
.down-link-area .img img{opacity:0.8;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.down-link-area a:hover .img img{opacity:1;}
@keyframes translateRightY{0%{opacity:0;transform:translateX(-25px);-ms-transform:translateX(-25px);}
50%{opacity:1;transform:translateX(0);-ms-transform:translateX(-25px);}
100%{opacity:0;transform:translateX(5px);-ms-transform:translateX(-25px);}
}
@-moz-keyframes translateRightY{0%{opacity:0;-moz-transform:translateX(-25px);}
50%{opacity:1;-moz-transform:translateX(-25px);}
100%{opacity:0;-moz-transform:translateX(-25px);}
}
@-webkit-keyframes translateRightY{0%{opacity:0;-webkit-transform:translateX(-25px);}
50%{opacity:1;-webkit-transform:translateX(-25px);}
100%{opacity:0;-webkit-transform:translateX(-25px);}
}
@keyframes translateLeftY{0%{opacity:0;transform:translateX(25px);-ms-transform:translateX(25px);}
50%{opacity:1;transform:translateX(0);-ms-transform:translateX(25px);}
100%{opacity:0;transform:translateX(5px);-ms-transform:translateX(25px);}
}
@-moz-keyframes translateLeftY{0%{opacity:0;-moz-transform:translateX(25px);}
50%{opacity:1;-moz-transform:translateX(25px);}
100%{opacity:0;-moz-transform:translateX(25px);}
}
@-webkit-keyframes translateLeftY{0%{opacity:0;-webkit-transform:translateX(25px);}
50%{opacity:1;-webkit-transform:translateX(25px);}
100%{opacity:0;-webkit-transform:translateX(25px);}
}
.page-left-area{float:left;padding-top:50px;width:38%;font-size:1rem;}
.page-right-area{float:right;position:relative;padding-top:50px;padding-left:50px;width:62%;font-size:1rem;}
#about p{margin:0;}
#about #p-main{position:relative;padding-bottom:0;}
#about.about{background:url("../images/about_bg2.png") bottom center no-repeat;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;}
#about.about{padding-bottom:80px;}
#about.about .left-box .img{position:relative;padding:35px 0 0 60px;width:415px;}
#about.about .left-box .img:before,
#about.about .left-box .img:after{pointer-events:none;content:"";position:absolute;z-index:0;}
#about.about .left-box .img:before{top:0;left:0;width:370px;height:420px;border:3px solid #dee2e4;}
#about.about .left-box .img:after{bottom:-60px;right:-85px;width:225px;height:225px;background-color:#3286cf;}
#about.about .left-box .img img{position:relative;z-index:1;}
#about.about .box-content .main{position:relative;z-index:1;padding:130px 80px 50px;background-color:#fff;}
#about.about .box-content .main:before,
#about.about .box-content .main:after{pointer-events:none;content:"";position:absolute;z-index:0;top:5px;left:-30px;width:30px;height:calc(100% - 5px);background-image:url("../images/about_shadow_left.png");background-repeat:no-repeat;background-position:0 0;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;}
#about.about .box-content .main:after{top:auto;bottom:-30px;left:-30px;width:100%;height:30px;background-image:url("../images/about_shadow_down.png");-webkit-background-size:100% auto;-o-background-size:100% auto;background-size:100% auto;}
#about.about h3{position:relative;font-size:38px;}
#about.about h3:before{pointer-events:none;content:"";position:absolute;top:21px;left:-220px;width:190px;height:1px;background-color:#3286cf;}
#about.about .main p{margin:40px 0;color:#666;font-size:20px;line-height:40px;letter-spacing:.6px;}
#about.about .signature{text-align:right;}
#about.about .signature .txt{display:inline-block;position:relative;padding-left:75px;width:370px;color:#666;font-size:20px;text-align:left;}
#about.about .signature .txt:before{pointer-events:none;content:"";position:absolute;top:17px;left:0;width:60px;height:1px;background-color:#666;}
#about.about .signature-img{display:inline-block;width:300px;}
@media (max-width:1500px){.page-left-area,
.page-right-area{padding-top:10px;}
#about.about .left-box .img{padding-left:40px;width:350px;}
#about.about .left-box .img:before{width:300px;height:370px;}
#about.about .box-content .main{padding:50px 80px;}
}
@media (max-width:1199px){.page-left-area,
.page-right-area{float:none;padding:0;width:100%;}
#about.about .container{position:relative;}
#about.about .left-box{position:absolute;z-index:2;top:40px;left:55px;}
#about.about .left-box .img{padding:20px 0 0 20px;width:250px;}
#about.about .left-box .img:before{width:200px;height:270px;}
#about.about .left-box .img:after{bottom:-20px;right:-30px;width:150px;height:150px;}
#about.about .box-content .main{padding:250px 40px 20px 50px;}
#about.about .main h3{margin-left:400px;margin-bottom:80px;}
}
@media (max-width:991px){#about.about{padding-bottom:30px;}
#about.about .box-content .main:before,
#about.about .box-content .main:after{display:none;}
#about.about .box-content .main{padding:180px 40px 20px 50px;}
#about.about .main h3{margin-left:300px;}
#about.about .left-box .img{padding:0;width:200px;}
#about.about .left-box .img:before{display:none;}
}
@media (max-width:767px){#about.about .box-content .main{padding:300px 20px 20px;}
#about.about .left-box{top:20px;left:50%;margin:0;margin-left:-115px;}
#about.about .main h3{margin:0;font-size:28px;}
#about.about .main h3:before{display:none;}
#about.about .main p{margin:20px 0;font-size:1rem;line-height:170%;}
#about.about .signature .txt{width:100%;font-size:1rem;line-height:170%;}
#about.about .signature .txt:before{top:13px;}
#about.about .signature-img{width:240px;}
}
#about.company{background-color:#f2f5f7;}
#about.company .main-box{margin:0 auto;max-width:1100px;padding-bottom:80px;}
#about.company table{width:100%;border:none;list-style:none;background-color:#fff;}
#about.company table tr:nth-child(even){background-color:#f2f5f7;}
#about.company table th,
#about.company table td{padding:5px 45px;color:#666;font-size:1.063rem;line-height:3.750rem;}
#about.company table td i.small{transform:translateY(-5px);-ms-transform:translateY(-5px);-moz-transform:translateY(-5px);-webkit-transform:translateY(-5px);}
#about.company table th{color:#5089b8;}
#about.company table td{padding-left:10px;}
#about.company table td a{color:#aaa;}
#about.company table td a:hover{color:#5089b8;}
@media (max-width:1199px){#about.company table th,
#about.company table td{padding:25px;line-height:2rem;}
}
@media (max-width:991px){#about.company .main-box{padding-bottom:60px;}
#about.company table th{white-space:nowrap;}
#about.company table th,
#about.company table td{padding:15px 20px;line-height:1.7rem;}
}
@media (max-width:480px){#about.company .main-box{padding-bottom:20px;}
#about.company table tr,
#about.company table th,
#about.company table td{display:block;padding:15px;width:100%;}
#about.company table tr{padding:0;}
#about.company table th{padding-bottom:0;}
#about.company table td{padding-top:0;font-size:.96rem;line-height:1.4rem;border-bottom:1px solid #ddd;}
#about.company table td a{display:block;}
#about.company table tr:nth-child(even){background:transparent;}
#about.company table tr:last-child td{border-bottom:none;}
}
#about.team #p-main{padding:0;}
#about.team .item-box{padding:120px 0 70px;font-size:0;}
#about.team .item-box.first{padding-top:70px;}
#about.team .item-box .main-box{margin:0 auto;max-width:1200px;}
#about.team .item-box .pic-box{display:inline-block;position:relative;width:50%;vertical-align:middle;}
#about.team .item-box .pic-box:before{pointer-events:none;content:"";position:absolute;top:-30px;left:-30px;width:186px;height:286px;border:4px solid #e7e9e9;}
#about.team .item-box .pic-box .img{position:relative;}
#about.team .item-box .pic-box .img img{position:relative;z-index:1;}
#about.team .item-box .pic-box .img:before,
#about.team .item-box .pic-box .img:after{pointer-events:none;content:"";position:absolute;z-index:0;}
#about.team .item-box .pic-box .img:before{right:-150px;bottom:40px;width:150px;height:1px;background-color:#3286cf;}
#about.team .item-box .pic-box .img:after{bottom:-20px;right:-20px;width:125px;height:125px;background-color:#3286cf;}
#about.team .item-box.first .pic-box:before{width:370px;height:420px;border:4px solid #e7e9e9;}
#about.team .item-box.first .pic-box .img:after{bottom:-60px;right:-60px;width:225px;height:225px;}
#about.team .item-box .img{position:relative;z-index:1;width:270px;height:320px;}
#about.team .item-box.first .img{width:355px;height:420px;}
#about.team .item-box .text-box{display:inline-block;padding:0 50px 50px 10px;width:50%;vertical-align:middle;direction:ltr;}
#about.team .item-box .info{padding:30px 0;direction:ltr;}
#about.team .item-box .summary{color:#666;font-size:1.063rem;line-height:2.500rem;}
#about.team .info .title{color:#3286CF;font-size:1.125rem;}
#about.team .info .name{margin:20px 0;font-size:2.375rem;}
#about.team .info small{font-size:1.063rem;font-style:italic;}
#about.team .item-box:nth-child(even){direction:rtl;background:url("../images/team_bg.png");-webkit-background-size:cover;-o-background-size:cover;background-size:cover;}
#about.team .item-box:nth-child(even) .pic-box:before{left:auto;right:-30px;}
#about.team .item-box:nth-child(even) .pic-box .img:before{right:auto;left:-160px;}
#about.team .item-box:nth-child(even) .pic-box .img:after{right:auto;left:-30px;}
#about.team .item-box:nth-child(even) .info{display:inline-block;}
#about.team .item-box:nth-child(even) .info,
#about.team .item-box:nth-child(even) .text-box{direction:initial;}
@media (max-width:1399px){#about.team .item-box{padding:70px 50px 20px;}
#about.team .item-box.first{padding:1px 50px 20px;}
#about.team .item-box .text-box{padding:0 0 30px;}
}
@media (max-width:991px){#about.team .item-box .info{padding:30px 0 20px;}
#about.team .info .name{margin-bottom:10px;font-size:1.8rem;}
#about.team .item-box.first .img{width:270px;height:auto;}
#about.team .item-box.first .pic-box .img:after{bottom:-20px;right:-20px;width:125px;height:125px;}
#about.team .item-box.first .pic-box:before{top:-30px;left:-30px;width:186px;height:286px;}
}
@media (max-width:767px){#about.team .item-box.first,
#about.team .item-box{padding:60px 60px 10px;}
#about.team .item-box .pic-box{display:block;margin:1px 0 60px 30px;width:100%;}
#about.team .item-box .text-box{display:block;width:100%;}
#about.team .item-box .summary{font-size:1rem;line-height:2rem;}
#about.team .item-box .pic-box .img:before{display:none;}
#about.team .item-box:nth-child(even){direction:ltr;}
#about.team .item-box:nth-child(even) .pic-box .img:after{left:auto;bottom:-20px;right:-20px;}
#about.team .item-box:nth-child(even) .pic-box:before{right:auto;left:-30px;}
#about.team .item-box .info{position:absolute;top:0;right:0;width:300px;}
#about.team .item-box.first .info{top:60px;right:30px;}
}
@media (max-width:640px){#about.team .item-box .pic-box{display:block;margin:1px 0 10px 30px;width:100%;}
#about.team .item-box .info,
#about.team .item-box.first .info{position:relative;top:auto;right:auto;width:100%;}
#about.team .item-box.first .img,
#about.team .item-box .img{margin:0 auto;width:200px;height:auto;}
#about.team .item-box.first .pic-box:before,
#about.team .item-box .pic-box:before,
#about.team .item-box:nth-child(even) .pic-box:before{top:-20px;left:-20px;width:180px;height:240px;}
#about.team .item-box .pic-box{margin:0;}
#about.team .item-box.first,
#about.team .item-box{padding-left:20px;padding-right:20px;}
#about.team .item-box .pic-box:before{display:none;}
#about.team .item-box .pic-box .img{width:200px;}
#about.team .item-box .pic-box .img:before,
#about.team .item-box:nth-child(even) .pic-box .img:before{display:block;pointer-events:none;content:"";position:absolute;top:-20px;left:-20px;width:186px;height:240px;border:4px solid #e7e9e9;background-color:transparent;}
#about.team .item-box .info,
#about.team .item-box:nth-child(even) .info{margin:0;text-align:center;}
}
@media (max-width:480px){#about.team .info .title{margin:5px 0 0;}
#about.team .info .name{margin:10px 0;font-size:1.4rem;}
#about.team .info small{font-size:.9rem;line-height:1.4rem;}
}
.scroll-fade{opacity:0;-moz-transition:opacity 1s, -moz-transform 1s;-o-transition:opacity 1s, -o-transform 1s;-webkit-transition:opacity 1s, -webkit-transform 1s;transition:opacity 1s, transform 1s;}
.scroll-fade.scroll-view{opacity:1;}
.scroll-fade-down{-moz-transform:translateY(-50px);-ms-transform:translateY(-50px);-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0;-moz-transition:opacity 1s, -moz-transform 1s;-o-transition:opacity 1s, -o-transform 1s;-webkit-transition:opacity 1s, -webkit-transform 1s;transition:opacity 1s, transform 1s;}
.scroll-fade-down.scroll-view{opacity:1;}
.scroll-fade-down.scroll-view{-moz-transform:translateY(0px);-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px);}
.scroll-fade-up{-moz-transform:translateY(50px);-ms-transform:translateY(50px);-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0;-moz-transition:opacity 1s, -moz-transform 1s;-o-transition:opacity 1s, -o-transform 1s;-webkit-transition:opacity 1s, -webkit-transform 1s;transition:opacity 1s, transform 1s;}
.scroll-fade-up.scroll-view{opacity:1;}
.scroll-fade-up.scroll-view{-moz-transform:translateY(0px);-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px);}
.scroll-fade-left{-moz-transform:translateX(50px);-ms-transform:translateX(50px);-webkit-transform:translateX(50px);transform:translateX(50px);opacity:0;-moz-transition:opacity 1s, -moz-transform 1s;-o-transition:opacity 1s, -o-transform 1s;-webkit-transition:opacity 1s, -webkit-transform 1s;transition:opacity 1s, transform 1s;}
.scroll-fade-left.scroll-view{opacity:1;}
.scroll-fade-left.scroll-view{-moz-transform:translateX(0px);-ms-transform:translateX(0px);-webkit-transform:translateX(0px);transform:translateX(0px);}
.scroll-fade-right{-moz-transform:translateX(-50px);-ms-transform:translateX(-50px);-webkit-transform:translateX(-50px);transform:translateX(-50px);opacity:0;-moz-transition:opacity 1s, -moz-transform 1s;-o-transition:opacity 1s, -o-transform 1s;-webkit-transition:opacity 1s, -webkit-transform 1s;transition:opacity 1s, transform 1s;}
.scroll-fade-right.scroll-view{opacity:1;}
.scroll-fade-right.scroll-view{-moz-transform:translateX(0px);-ms-transform:translateX(0px);-webkit-transform:translateX(0px);transform:translateX(0px);}
.rwd-img{width:100%;}
.max-img{height:auto !important;max-width:100%;}
.animate{-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
#about.facility .summary{margin:0 auto;padding:50px 0 110px;max-width:1100px;color:#666;font-size:1.063rem;line-height:2.500rem;text-align:center;}
#about.facility .summary .big{font-size:2.500rem;}
#about.facility .grid-list{width:100%;overflow:hidden;}
#about.facility .item-box{flex-direction:row;}
#about.facility .item-box .img{display:inline-block;position:relative;z-index:0;width:calc(100% - 33.33%);vertical-align:middle;}
#about.facility .item-box .main{display:inline-block;position:relative;z-index:1;width:33.33%;vertical-align:middle;text-align:center;}
#about.facility .item-box .main:before{pointer-events:none;content:"";position:absolute;top:50%;z-index:2;width:0;height:0;border-style:solid;}
#about.facility .item-box.first{direction:rtl;width:100%;background-color:#fff;}
#about.facility .middle .item-box.second{flex-direction:column;}
#about.facility .item-box.third{float:left;}
#about.facility .item-box.fourth{float:right;}
#about.facility .middle .item-box{display:inline-flex;width:33.33%;vertical-align:top;flex-direction:column-reverse;background-color:#f2f5f7;}
#about.facility .middle .item-box .img,
#about.facility .middle .item-box .main{display:block;width:100%;}
#about.facility .middle .item-box .main{position:relative;}
#about.facility .middle .item-box .txt{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);}
#about.facility .middle .item-box .cover{opacity:0;}
#about.facility .item-box .txt{display:inline-block;margin:0;width:280px;text-align:left;}
#about.facility .item-box .step{display:inline-block;position:relative;margin:0 0 0 10px;padding-left:50px;color:#666;font-size:1.375rem;line-height:2.500rem;text-align:left;}
#about.facility .item-box .step:before{pointer-events:none;content:"";position:absolute;top:17px;left:0;width:36px;height:2px;background-color:#5089b8;}
#about.facility .item-box.first .main:before{left:-14px;margin-top:-14px;border-width:14px 14px 14px 0;border-color:transparent #fff transparent transparent;}
#about.facility .item-box.second .main:before{top:auto;bottom:-14px;left:50%;margin-left:-14px;border-width:14px 14px 0 14px;border-color:#f2f5f7 transparent transparent transparent;}
#about.facility .item-box.third .main:before,
#about.facility .item-box.fourth .main:before{top:-14px;left:50%;margin-left:-14px;border-width:0 14px 14px 14px;border-color:transparent transparent #f2f5f7 transparent;}
#about.facility .item-box.fifth .main:before{left:auto;right:-14px;margin-top:-14px;border-width:14px 0 14px 14px;border-color:transparent transparent transparent #fff;}
@media (max-width:1199px){#about.facility .summary{padding:0 30px 70px;}
#about.facility .item-box .num{margin-left:5px;width:50px;}
#about.facility .item-box .txt{direction:ltr;padding:0 20px;width:100%;}
#about.facility .item-box.first{text-align:left;}
#about.facility .item-box .step{font-size:1.2rem;line-height:1.7rem;}
#about.facility .item-box .step:before{top:12px;}
}
@media (max-width:767px){#about.facility .item-box .main,
#about.facility .item-box .img{width:50%;}
#about.facility .middle{font-size:0;}
#about.facility .item-box .img img,
#about.facility .middle .item-box .cover{display:none;}
#about.facility .item-box .img{height:180px;overflow:hidden;background:url("../images/facility_img1.png") center no-repeat;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;}
#about.facility .item-box.first .img{background-image:url("../images/facility_img1.png");}
#about.facility .item-box.second .img{background-image:url("../images/facility_img2.png");}
#about.facility .item-box.third .img{background-image:url("../images/facility_img3.png");}
#about.facility .item-box.fourth .img{background-image:url("../images/facility_img4.png");}
#about.facility .item-box.fifth .img{background-image:url("../images/facility_img5.png");}
#about.facility .middle .item-box{display:inline-block;width:100%;flex-direction:unset;background-color:#fff;}
#about.facility .item-box.second,
#about.facility .item-box.fifth{direction:ltr;}
#about.facility .item-box.third,
#about.facility .item-box.fifth{direction:rtl;}
#about.facility .middle .item-box .img,
#about.facility .middle .item-box .main{display:inline-block;width:50%;}
#about.facility .item-box.first .main:before,
#about.facility .item-box.second .main:before,
#about.facility .item-box.third .main:before,
#about.facility .item-box.fourth .main:before,
#about.facility .item-box.fifth .main:before{top:50%;margin:-14px 0 0;}
#about.facility .item-box.second .main:before,
#about.facility .item-box.fourth .main:before{left:auto;right:-14px;border-width:14px 0 14px 14px;border-color:transparent transparent transparent #fff;}
#about.facility .item-box.third .main:before,
#about.facility .item-box.fifth .main:before{right:auto;left:-14px;border-width:14px 14px 14px 0;border-color:transparent #fff transparent transparent;}
}
@media (max-width:480px){#about.facility .summary{padding-bottom:30px;font-size:1rem;line-height:1.7rem;}
#about.facility .item-box{margin-bottom:10px;padding-left:10px;}
#about.facility .item-box .step{padding:0;font-size:1rem;line-height:1.3rem;}
#about.facility .item-box .step:before{display:none;}
#about.facility .item-box .img{height:80px;}
#about.facility .item-box .txt{position:relative;z-index:1;padding:10px;width:100%;}
#about.facility .item-box .num{margin-bottom:8px;margin-left:8px;width:30px;}
#about.facility .item-box.second,
#about.facility .item-box.fourth{direction:rtl;}
#about.facility .item-box .main,
#about.facility .middle .item-box .main{width:calc(100% - 80px);}
#about.facility .item-box .img,
#about.facility .middle .item-box .img{width:80px;}
#about.facility .item-box.firsth .main:before,
#about.facility .item-box.second .main:before,
#about.facility .item-box.third .main:before,
#about.facility .item-box.fourth .main:before,
#about.facility .item-box.fifth .main:before{right:auto;left:-8px;margin-top:-8px;border-width:8px 8px 8px 0;border-color:transparent #fff transparent transparent;}
}
#partners{background-color:#f2f5f7;}
#partners #p-main{padding-bottom:0;}
#partners h3.subject{margin:0 0 30px;font-size:2.375rem;}
#partners h3.subject.aw{position:relative;padding-left:30px;}
#partners h3.subject.aw:before,
#partners h3.subject.aw:after{pointer-events:none;content:"";position:absolute;top:15px;left:0;width:10px;height:10px;-webkit-border-radius:50%;border-radius:50%;}
#partners h3.subject.aw:before{background-color:#3286cf;z-index:1;}
#partners h3.subject.aw:after{left:9px;background-color:#cbd8e4;z-index:0;}
#partners p.summary{color:#666;font-size:1.250em;line-height:2.500rem;letter-spacing:0.2px;}
#partners p.summary.aw{padding-left:30px;}
#partners .top-area{padding-bottom:40px;}
#partners .middle-area .item-list{position:relative;padding-top:20px;padding-bottom:50px;font-size:0;z-index:1;}
#partners .middle-area .item-list .icon{display:inline-block;width:70px;vertical-align:top;}
#partners .middle-area .item-list .main{display:inline-block;padding-left:60px;width:calc(100% - 70px);font-size:1rem;vertical-align:top;}
#partners .middle-area .item-list .title{position:relative;margin-top:25px;font-size:1.375em;font-weight:bold;}
#partners .middle-area .item-list .title:before{pointer-events:none;content:"";position:absolute;top:50%;left:-40px;margin-top:-1px;width:20px;height:2px;background-color:#3286cf;}
#partners .position-wrap{position:relative;direction:rtl;}
#partners .left-box{padding-right:10px;}
#partners .info{padding:200px 20px;color:#fff;background:url("../images/partner_bg3.png") center no-repeat;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;}
#partners .info i{margin-right:8px;}
#partners .info .wrap{position:relative;z-index:5;color:#fff;font-size:1.250rem;}
#partners .info .wrap h3.subject{margin:0 0 5px;}
#partners .info .wrap p.summary{margin-bottom:50px;color:#fff;font-size:1.2rem;letter-spacing:0;}
#partners.list .top-area{text-align:center;}
#partners.list .list-wrap{margin-bottom:80px;background-color:#fff;}
#partners.list .list-wrap .item-box{padding:70px 50px;border-bottom:1px solid #eee;}
#partners.list .list-wrap .item-box h4{margin:40px 0 20px;color:#5089b8;font-size:1.563rem;}
@media (max-width:1199px){#partners .info{margin-bottom:50px;padding:40px;}
#partners.list .page-left-area{display:none;}
}
@media (max-width:991px){#partners.list .list-wrap .item-box{padding:30px;}
}
@media (max-width:767px){#partners .info{margin-bottom:30px;padding:20px;}
#partners h3.subject{margin:0;font-size:26px;line-height:150%;}
#partners .info .wrap,
#partners p.summary,
#partners .info .wrap p.summary{margin:10px 0;font-size:1rem;line-height:170%;}
#partners .top-area{padding-bottom:20px;}
#partners p.summary.aw{padding:0;}
#partners .middle-area .item{margin-top:20px;}
#partners .middle-area .item-list .icon{display:block;margin:0 auto;}
#partners .middle-area .item-list .main{display:block;width:100%;}
}

/* ---- 追加 meggie ---- */
.box-hidden {
	overflow: hidden;
}
.txt-justify {
  text-align: justify;
  text-justify: inter-ideograph;
}

/* product - EpiV */
#product.epiv .banner-wrap .ban-ti {
  text-transform: none;
}

#product.epiv .list-tb {
	margin-top: 10px;
  color: #666;
  line-height: 1.5;
}
#product.epiv .list-tb .thead {
  background-color: #3286cf;
}
#product.epiv .list-tb .thead > div,
#product.epiv .list-tb .tbody .tr > div {
	display: inline-block;
  padding: 15px 12px;
  font-size: 1rem;
	vertical-align: middle;
}
#product.epiv .list-tb .thead > div {
  padding: 12px 12px;
}
#product.epiv .list-tb .thead .th,
#product.epiv .list-tb .tbody .tr > div {
	width: calc((100% - 70%) / 2);
}
#product.epiv .list-tb .thead .th:nth-child(1),
#product.epiv .list-tb .tbody .th:nth-child(1) {
	width: 20%;
}
#product.epiv .list-tb .thead .th:nth-child(2),
#product.epiv .list-tb .tbody .td:nth-child(2) {
	width: 18%;
}
#product.epiv .list-tb .thead .th:nth-child(4),
#product.epiv .list-tb .tbody .td:nth-child(4) {
	width: 32%;
}

#product.epiv .list-tb .thead .th {
  color: #fff;
}

#product.epiv .list-tb .tbody .tr {
	border-bottom: #ddd solid 1px;
}
#product.epiv .list-tb .tbody .tr:nth-child(even) {
  background-color: #f2f5f7;
}

#product.epiv .specification p {
	margin: 20px 0 0 0;
  font-size: 1.0625rem;
  color: #666;
  line-height: 1.8;
}

#product.epiv .advantage {
  font-size: 1.125rem;
  color: #666;
  line-height: 1.8;
}
#product.epiv .advantage .item {
	margin-top: 30px;
}
#product.epiv .advantage .item:first-child {
	margin-top: 15px;
}

#product.epiv .advantage .headline {
	margin: 0 0 20px 0;
  line-height: 1.8;
}
#product.epiv .advantage .headline i {
  position: relative;
  padding: 7px 0 0 7px;
  float: left;
  width: 50px;
  font-size: 1.375rem;
  color: #fff;
  font-style: italic;
  line-height: 30px;
}
#product.epiv .advantage .headline i::after {
	display: block;
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	border-radius: 12px 0 0 0;
	background-color: #428bca;
}
#product.epiv .advantage .headline span {
	display: block;
	padding-top: 7px;
	color: #111;
	font-weight: bold;
	overflow: hidden;
}

#product.epiv .advantage .item .remark {
	margin-top: 5px;
}
#product.epiv .advantage .item .remark li {
	font-size: 0.9375rem;
	line-height: 1.6;
}
#product.epiv .advantage .item .remark li:not(:last-child) {
	margin-bottom: 3px;
}
#product.epiv .advantage .item .remark span {
	color: #333;
	font-weight: bold;
}

#product.epiv .advantage .item .pic {
	margin: 0 -5px 10px;
	font-size: 0;
  text-align: center;
}
#product.epiv .advantage .item .pic .name {
	margin-top: 3px;
	font-size: 1.125rem;
}
#product.epiv .advantage .item .pic .img {
  display: inline-block;
  position: relative;
  padding: 0 5px;
  vertical-align: middle;
}
#product.epiv .advantage .item .pic img {
	display: inline-block;
	width: 100%;
	height: auto;
}

#product.epiv .advantage .item:nth-child(1) .box:last-child {
	margin-top: 25px;
}
#product.epiv .advantage .item:nth-child(1) .ti {
	margin-bottom: 20px;
	padding: 5px 12px 4px;
	color: #3286cf;
	border-radius: 6px;
	background-color:  rgb(50,134,207,.08);
}
#product.epiv .advantage .item:nth-child(1) .ti i {
	display: inline-block;
	margin: -3px 5px 0 0;
	font-size: 0.875rem;
	color: #3286cf;
	vertical-align: middle;
}
#product.epiv .advantage .item:nth-child(1) .pic .name {
	font-size: 1rem;
}
#product.epiv .advantage .item:nth-child(1) .pic .img {
  width: 33.333%;
}
#product.epiv .advantage .item:nth-child(1) .img-sm {
  display: none;
}

#product.epiv .advantage .item:nth-child(2) .box:nth-child(2) {
	margin-bottom: 25px;
}
#product.epiv .advantage .item:nth-child(2) .pic .img {
	width: 50%;
}
#product.epiv .advantage .item:nth-child(2) .pic .name {
	margin: 10px 0 5px;
	color: #428bca;
}
#product.epiv .advantage .item:nth-child(2) .img .day {
  position: absolute;
  top: 0;
  left: 5px;
  padding: 2px 8px;
  font-size: 0.8125rem;
  color: #fff;
  text-align: center;
  background-color: rgba(0,0,0,.6);
}
#product.epiv .advantage .item:nth-child(2) .box:last-child .pic,
#product.epiv .advantage .item:nth-child(2) .box:last-child .txt {
	display: inline-block;
	width: 50%;
	vertical-align: middle;
}
#product.epiv .advantage .item:nth-child(2) .box:last-child .txt {
	padding-left: 40px;
}

#product.epiv .advantage .item:nth-child(3) .pic,
#product.epiv .advantage .item:nth-child(3) .txt {
	display: inline-block;
	width: 50%;
	vertical-align: middle;
}
#product.epiv .advantage .item:nth-child(3) .txt {
	padding-left: 40px;
}
@media (max-width:767px) {
	#product.epiv .advantage {
		font-size: 1rem;
	}
	#product.epiv .advantage .headline {
		font-size: 1.0625rem;
    line-height: 1.3;
	}
	#product.epiv .advantage .item .pic .name {
		font-size: 1rem;
	}

  #product.epiv .list-tb .thead {
  	display: none;
  }
  #product.epiv .list-tb .tbody .tr:nth-child(2) {
  	margin-top: 10px;
  }
  #product.epiv .list-tb .tbody .tr,
  #product.epiv .list-tb .tbody .tr:nth-child(even) {
  	border-bottom: none;
  	background-color: #3286cf;
  }
  #product.epiv .list-tb .tbody .tr > div {
  	display: block;
  	padding: 0;
  	width: 100% !important;
  	border-bottom: rgba(255,255,255,.3) solid 1px;
  }
  #product.epiv .list-tb .tbody .tr > div::before {
    display: block;
    content: attr(data-title);
    padding: 8px 12px;
    float: left;
    width: 120px;
    color: #fff;
    background-color: #3286cf;
  }
  #product.epiv .list-tb .tbody .box-hidden {
    padding: 8px 12px;
  }
  #product.epiv .list-tb .tbody .th .box-hidden {
  	color: #fff;
  	background-color: #0a60aa;
  }
  #product.epiv .list-tb .tbody .tr .td .box-hidden {
    background-color: #f2f5f7;
  }

  #product.epiv .advantage .item:nth-child(2) .box:last-child .pic,
  #product.epiv .advantage .item:nth-child(2) .box:last-child .txt,
  #product.epiv .advantage .item:nth-child(3) .box:last-child .pic,
  #product.epiv .advantage .item:nth-child(3) .box:last-child .txt {
  	display: block;
  	padding: 0;
  	width: 100%;
  }
}
@media (max-width:639px) {
	#product.epiv .advantage .headline i::after {
    width: 32px;
    height: 32px;
  }
	#product.epiv .advantage .headline i {
    width: 45px;
    font-size: 1rem;
    line-height: 20px;
	}
  #product.epiv .advantage .headline span {
  	padding-top: 2px;
  }

  #product.epiv .advantage .item:nth-child(1) .pic .img {
    display: block;
  	width: 100%;
  }
  #product.epiv .advantage .item:nth-child(1) .pic .img:nth-child(2) {
  	margin: 10px 0;
  }
	#product.epiv .advantage .item:nth-child(1) .img-lg {
	  display: none;
	}
	#product.epiv .advantage .item:nth-child(1) .img-sm {
	  display: block;
	}

	#product.epiv .advantage .item:nth-child(2) .pic .img {
    display: block;
    width: 100%;
	}
	#product.epiv .advantage .item:nth-child(2) .pic .img:last-child {
		margin-top: 5px;
	}
}