@charset "utf-8";
/* CSS Document */

body{ font-family:'PingFangSC-Regular', 'helvetica neue', tahoma, 'PingFang SC', 'microsoft yahei', arial, 'hiragino sans gb', sans-serif;}

@media only screen and (min-width: 769px){

.header p.lang{ color/:#000;}
.header p.lang a{ color/:inherit;}
ul.nav li a{ font-weight:600; letter-spacing:0.5px; font-size/:14px; color/:#000;}
.footer .info{ font-size:15px;}
.footer .info p em{ padding:0.3em 0 0.5em;}

.ibanner .swiper-slide .txt h3{ text-transform:uppercase; line-height:1.25; font-size:2.5em; line-height:1.55;}

.ibox h2.title em{ font-size:2.25em; font-size/:42px; font-weight/:700; color:#333;}

.box1 .txt{ line-height:2; font-size/:18px; color:#333; line-height:2; font-weight:300; margin:1.5em auto 0.5em;}

.box2{ background-size:cover;}
.box2 ul li a{ padding:3em 2.5em 3.5em;}
.box2 ul li a em{ line-height:3.6; font-size:1.125em; text-transform/:uppercase; font-weight:600;}
.box2 ul li a .txt{ line-height:1.625; font-size:15px; font-weight:300; line-height:2;}

.box3 .swiper-slide a{ padding:3em 1.5em 3em; padding:2em 1.5em 3em;}
.box3 .swiper-slide a em{ height:calc(3em + 3px); line-height:1.25; padding:1.5em 0 0; white-space:normal;}
.box3 .swiper-slide a em::after{ margin:0.5em 0 0;}
.box3 .swiper-slide a .txt{ min-height:30em;}

/*
.box3 ul{ margin:1em 0 0;}
.box3 ul li a em{ line-height:2.7; font-size:1.25em; padding:0.675em 0 0; text-transform:uppercase; color:#666;}
.box3 ul li a .txt{ line-height:2; font-size:16px; font-weight:300; color:#333;}
*/

.box4 h2.title em{ color:#fff;}
.box4 ul.dots li::after{ font-size:16px;}

.box5 ul li a span{ height:2.85em; line-height:1.35; font-size:15px; padding:0.65625em 0 0;}

.box6 h2.title em{ color:#fff;}
.box6 .txt/{ font-size:20px; line-height:2;}
.box6 form.msg p input.text{ padding:15px; font-size:16px;}
.box6 form.msg input.btn{ font-size:16px; text-transform:uppercase;}

}

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

ul.nav li a{ font-weight:600;}

.footer .info{ font-size:15px; line-height:1.55;}

.ibanner,
.hmFocus,
.hmFocus_item{ height:80vw;}
/*
.ibanner{ height:80vw;}
.ibanner .swiper-slide .txt{ top:47%;}
.ibanner .swiper-slide .txt h3{ font-size:22px; line-height:1.5; text-transform:uppercase;}
*/

.ibox h2.title em{ font-size:26px; font-weight:700; color:#333;}

.box1 .txt{ line-height:1.65; font-size:16px; font-weight:300;}

.box2{ background-size:cover;}
.box2 ul li a em{ font-size:20px; font-weight:600;}
.box2 ul li a .txt{ font-size:16px; font-weight:300; line-height:1.55;}

.box2m .swiper-container{ height/:641px;}
.box2m .swiper-slide .box{ padding:44px 40px 44px;}
.box2m .swiper-slide .box em{ font-size:18px; font-weight:600; line-height:1.5; padding:0.7em 0 0.8em;}
.box2m .swiper-slide .box .txt{ font-size:14px; font-weight:300; line-height:1.55;}

.box3 .swiper-slide a em{ height:calc(3.25em + 3px); line-height:1.25; padding:1em 0 0; white-space:normal;}
.box3 .swiper-slide a em::after{ margin:0.75em 0 0;}
.box3 .swiper-slide a .txt{ min-height:13.125em;}

/*
.box3 ul li a .txt{ font-size:16px; font-weight:300; line-height:1.55;}
*/

.box4 h2.title em{ color:#fff; line-height:1.25;}
.box4 .list p{ font-size:16px; font-weight:300; line-height:1.55;}

.box5{ padding:0 0 30px;}
.box5 .con > div{ background-size:100% 172px; background-position:center top 60px;}
.box5 ul li{ max-width:46%;}
.box5 ul li a span{ height:4.4em; line-height:1.1; height:64px;}

.box6 h2.title em{ color:#fff;}
.box6 .txt{ font-size:16px; line-height:1.5;}
.box6 form.msg{ font-size:16px;}
.box6 form.msg input.btn{ font-size:inherit; text-transform:uppercase;}


}



/**/