@charset "utf-8";
/* common css */
html, body {font-family: "Microsoft Yahei","黑体","宋体",Arial; min-height: 100%; font-size: 13px; height: 100%;}
* { -webkit-tap-highlight-color: rgba(0,0,0,0); outline: none; margin: 0;}
input {border: none;}
a, a:hover {text-decoration: none;}
img {border: none;}

.fl {float: left;}
.fr {float: right;}

/* clear float */
.fn-clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.fn-clear { zoom: 1; /* for IE6 IE7 */ }

.page-width {width: 100%; max-width: 1200px; margin: 0 auto; position: relative;}

/* header */
.header {padding: 35px 0 30px; margin-bottom: 30px; position: relative;}
.header .logo {display: inline-block; position: absolute; left: 0; width: 200px;}
.header .nav-main {width: 700px; position: relative; left: 210px; top: 16px;}
.header .nav-main li {display: inline-block; list-style: none; font-size: 18px; color: #262626; margin-right: 50px;}
.header .nav-main li a {color: #262626;}
.header .nav-main li.li1, .header .nav-main li a:hover {color: #E43335;}
.header .nav-main li.li1 {position: relative; padding-right: 50px;}
.header .nav-main li.li1:after {content: '|'; color: #9b9b9b; position: absolute; right: 0; opacity: .3;}
.header .nav_nine {position: absolute; right: 88px; font-size: 24px; color: #EF7F1A; top: 0;}
.header .nav_nine a {display: inline-block; position: relative; top: 10px; left: 5px;}

/* kv */
.kv .tabs {margin: 0 auto; width: 1200px; padding: 0;}
.kv .tabs li {list-style: none; display: inline-block; width: 600px; float: left; background: url(../pic/tab-normal.png) no-repeat; height: 86px; text-align: center; color: #323232;  font-size: 30px; line-height: 60px; vertical-align: top; cursor: pointer;}
.kv .tabs li.active {background: url(../pic/tab-active.png) no-repeat; color: #fff;}
.kv_body > div {height: 594px; margin-top: -86px;}
.kv_body .kv1 {background: url(../pic/kv1.png) no-repeat 50% 50%;}
.kv_body .kv2 {background: url(../pic/kv2.png) no-repeat 50% 50%;}

/* swiper */
.swiper-container {height: 451px;}
/*.swiper-wrapper img {max-width: 100%; height: auto;}*/
.swiper-button-prev {left: 50%; margin-left: -750px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ededed'%2F%3E%3C%2Fsvg%3E");}
.swiper-button-next {right: 50%; margin-right: -750px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ededed'%2F%3E%3C%2Fsvg%3E");}
.swiper-slide > div {height: 451px;}
.banner1 {background: url(../pic/banner1.png) no-repeat 50% 50%;}
.banner2 {background: url(../pic/banner2.png) no-repeat 50% 50%;}
.banner3 {background: url(../pic/banner3.png) no-repeat 50% 50%;}
.banner4 {background: url(../pic/banner4.png) no-repeat 50% 50%;}

h2.title {font-size: 40px; font-weight: normal; text-align: center; color: #262626; margin: 90px 0 50px;}
h2.title span {position: relative;}
h2.title span:before {position: absolute; content: ''; width: 155px; height: 1px; background: #999; left: -240px; top: 30px;}
h2.title span:after {position: absolute; content: ''; width: 155px; height: 1px; background: #999; right: -240px; top: 30px;}
.prep {text-align: center; margin: 0 auto 80px; width: 1200px;}
.prep li {width: 33.3333%; display: inline-block; float: left; padding: 0 30px; box-sizing: border-box; text-align: center;}
.prep li > div {box-shadow: 0 1px 12px 0 rgba(0,71,255,0.16); border-radius: 5px; width: 300px; min-height: 300px; box-sizing: border-box; padding: 32px;}
.prep h3 {font-size: 30px; color: #4a4a4a; margin: 30px 0 20px; font-weight: normal;}
.prep p {font-size: 18px; line-height: 1.4; color: #CFCFCF;}

.cards {text-align: center; margin-bottom: 80px;}