@charset "utf-8";/* CSS Document */
html {font-size: 62.5%;height: 100%}
body {margin: 0 auto;font-family:HelveticaNeue, Arial, Helvetica, sans-serif;font-size: 12px;font-size: 1.2rem;height: 100%;background:#dfdfdf url(../images/beijing.jpg) repeat-y center;width:100%;max-width:1920px;margin:0 auto; overflow-x:hidden;}
img {border: none;}
ul li {list-style-type: none;}
ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {margin: 0;padding: 0;list-style: none;color: #333;}
img{display:block;}
a {text-decoration: none;color: #333;outline: none;transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;}
h1,h2 {margin: 0;padding: 0;font-weight: normal;color: #333;}
.clear {clear: both;}
.maln {margin-left: auto !important}
.afsx .zong option{color: #333;}
input, textarea, select {font-family:HelveticaNeue, Arial, Helvetica, sans-serif;font-size: 12px;font-size: 1.2rem;color:#999999;border: none;outline: none;}
.fl {float:left;}
.fr {float:right;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
::selection { color: #fff; background: #d81324;}
* { margin: 0px; padding: 0px; -moz-box-sizing: border-box; box-sizing: border-box; }
.fons0{ font-size:0px; font-size:0rem;}
::-webkit-input-placeholder {/* WebKit browsers */
color:#999999;opacity:1}
:-o-placeholder {/* Mozilla Firefox 4 to 18 */
color:#999999;opacity:1 }
::-moz-placeholder {/* Mozilla Firefox 19+ */
color:#999999;opacity:1 }
:-ms-input-placeholder {/* Internet Explorer 10+ */
color:#999999;opacity:1 }
@media screen and (min-width:1360px) {.zong {width: 1200px;margin: auto;}}
@media screen and (min-width:1000px) and (max-width:1359px) {.zong {width: 980px;margin: auto;}}
@media screen and (max-width:999px) {.zong {width: 95%;margin: auto;}}
.at-resp-share-element .at4-share-count-container {text-decoration: none;float: right; padding-right: 15px;line-height: 25px !important;}
.at-resp-share-element .at-icon{width: 24px!important;height: 24px!important;}
.at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}
.at-resp-share-element .at-share-btn .at-icon-wrapper{width: 24px!important;height: 24px!important;}
.at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}
.at-resp-share-element .at-icon{width: 24px!important;height: 24px!important;}
.at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}
.at-resp-share-element .at-share-btn .at-icon-wrapper{width: 24px!important;height: 24px!important;}
.at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}
/* head */
.head{ background:#fff; position:absolute; width:100%; left:0px; top:0px; border-bottom:1px solid #ddd; z-index:99999}
.het{ background:#d81324; padding:9px 0;}
.het:after{ content:""; clear:both; display:block;}
.het a:hover{ text-decoration:underline;}
.shejiao{ float:right;}
.shejiao:after{ content:""; clear:both; display:block;}
.shejiao a{ display:block; width:22px; height:22px; background:#fff; border-radius:50%; font-size:14px; float:left; text-align:center; line-height:22px; color:#d81324; margin-left:11px;}
.shejiao a:hover{ text-decoration:none; transform:translateY(-5px)}
.yvn{ float:right; position:relative; z-index:99999; margin-right:2px;}
.yvzhonga{ display:block; line-height:22px; text-align:center; font-size:14px; font-size:1.4rem; color:#ffffff; cursor:pointer; z-index:999999}
.yvzhonga span{ color:#fff; font-size:8px; font-size:0.8rem; display:inline-block; vertical-align:middle; margin-left:8px;}
.yvzhonga i{ display:inline-block; vertical-align:middle; margin-right:4px; font-size:18px;}
.yvul{ width:100%; min-width:100px; position:absolute; top:40px; right:0px; background:#164648; display:none;}
.yvul a{ display:block; padding:5px 10px; font-size:14px; font-size:1.4rem; line-height:24px; color:#fff;}
.yvul a:hover{ background:#d81324; color:#fff;}
.hexin{ float:left;}
.hexin li{ float:left; font-size:16px; font-size:1.6rem; color:#ffffff; margin-right:33px;}
.hexin li a{ color:#fff;}
.hexin li i{ font-size:18px; color:#fff; padding-right:4px;}
.head>.zong{padding-top:14px; padding-bottom:16px; transition:0.5s;}
.logo{display:block;float:left;width:70px;}
.logo span{ display:block;}
.logo img{display:block;margin:auto}
.her{float:right;margin-right:46px; background:#164648;}
.het .zong{ z-index:999}
.daohang{ float:right; margin-top:23px;}
.daohang>li{ float:left; margin-right:32px; margin-left:28px;}
.daohang>li>a{display:block;font-size:18px;font-size:1.8rem;line-height:33px; color:#333; text-transform:uppercase; font-family: HelveticaNeueBold, Arial, Helvetica, sans-serif; position:relative;}
.daohang>li:hover>a{ color:#d81324;}
.dangqiandao>a{ color:#d81324 !important;}
.yijiw{background:#fff;background:rgba(255,255,255,0);position:absolute;width:194px;top:-9999px;left:50%; transform:translateX(-50%);}
.yiji{background:#ffffff;}
.yiji li{position:relative;transition:0.5s;}
.yiji li a{display:block;font-size:18px;font-size:1.8rem;line-height:0px;padding:10px 19px; color:#164648;}
.yiji li:hover>a{color:#d81324;}
.erji{position:absolute;width:266px;background:#ffffff;top:-9999px;left:266px;}
.sanji{position:absolute;width:200px;background:#ffffff;top:-9999px;left:266px;}
.daohang>li:hover .yijiw{top:69px;}
.daohang>li:hover .yiji>li>a{line-height:26px;}
.yiji>li:hover .erji{top:0px;}
.yiji>li:hover .erji>li>a{line-height:26px;}
.erji>li:hover .sanji{top:0px;}
.erji>li:hover .sanji>li>a{line-height:26px;}
.matn{margin-top:auto !important;}
.xiala{ position:absolute; background:#505051; width:100%; left:0px; top:154px; padding:40px 0; display:none}
.xiala .zong{ text-align:center;}
.xiala .zong li{ display:inline-block; vertical-align:middle; margin:5px 19px;}
.xiala .zong li a{ display:block; border: solid 1px #ffffff; line-height:28px; padding:5px 21px; border-radius: 20px; color: #ffffff; font-size:16px; font-size:1.6rem; text-transform:uppercase;}
.xiala .zong li a:hover{ background:#d81324; border-color:#d81324;}
/* sousuo */
.sousuo{ float:right;width:32px; height:32px; z-index:9999; border-radius:50%; position:relative; margin-top:17px;}
.sousuo form{ width: 420px; background: #ffffff; border-radius: 4px; height:0px; overflow:hidden; position:absolute; right:0px; top:57px; transition:0.5s; z-index:99999}
.sou{ width: 100%;height:50px;line-height:50px; border-radius:4px; border: solid 1px #f1f1f1; padding-left:19px; padding-right:40px; font-size:16px; font-size:1.6rem; color:#333;}
.suo{width:32px;height:50px; position:absolute; right:10px; top:10px; background:none; z-index:9999999; border-radius:18px; cursor:pointer;}
.sou2,.sou1{ width:32px; height:50px; text-align:center; line-height:50px; position:absolute; right:10px; top:10px; font-size:18px !important; color:#ea001e; cursor:pointer; z-index:99990}
.sou2{ width:auto; color:#ea001e; right:0px; top:0px; z-index:1;}
.sousuof form{ height:70px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); padding:10px;}
.xnav{display:none}
.daohang2,sousuo2{display:none}
.headh{ position:fixed;}
.headh .het{ display:none}
.headh .logo{ width:60px;}
.headh>.zong{padding-top:5px; padding-bottom:10px; transition:0.5s;}
.headh .xiala{ top:87px;}
@media screen and (max-width:1359px) {
.sousuo{ right:0px;}
.daohang>li{ margin-left:10px;}
.daohang>li>a{ font-size:14px; font-size:1.4rem; font-weight:normal;}
.xiala{ padding:20px 0;}
.xiala .zong li a{ font-size:14px; font-size:1.4rem; padding:2px 15px;}
}
@media screen and (min-width:1000px) {.carousel,.nav,.clear3{display: none}}
@media screen and (max-width:999px) {
.hetag{ display:none;}
.head{ position:relative;}
.head .zong{ position:relative; padding-top:1px; z-index:2}
.het .zong{ z-index:3; position:relative;}
.head>.zong{ padding-bottom:8px;}
.sousuo{ top:6px; bottom:auto; display:none;}
.shejiao{ float:left;}
.shejiao a{ margin-left:auto; margin-right:6px;}
.yvn{ margin-right:40px;}
.logo{ width:50px; margin-top:5px;}
.daohang{ margin-top:20px;}
.yijiw,.yiji2,.xiala,.hexin{display:none}
.daohang>li{float:none; display:inline-block; *float:left; margin:0px; margin-left:20px;}
.daohang>li>a{font-size:14px;font-size:1.4rem;line-height:26px;}
.xnav{ display:block}
.nav { position:fixed;width: 35px;height: 24px;background: #d81324;right: 2.5%;top: 7px;cursor: pointer; border-radius:5px;z-index: 9999999999}
.xnav2 .nav{background: #ffc700;}
.nav span {display: block;width: 20px;height: 2px;background: #ffffff;position: absolute;left: 50%;margin-left: -10px;top: 50%;transition: 0.5s;z-index: 9999999991}
.nav .nav1 {margin-top: -1px;}
.nav .nav2 {margin-top: -8px;}
.nav .nav3 {margin-top: 6px;}
.nav:hover .nav1 {width: 25px;}
.navh .nav1 {transform: rotate(45deg)}
.navh .nav2 {transform: rotate(-45deg);width: 10px;margin-left: -1px;margin-top: -5px;}
.navh .nav3 {transform: rotate(-45deg);width: 9px;margin-top: 3px;margin-left: -8px;}
.navh:hover .nav2 {margin-top: -8px;margin-left: 7px;}
.navh:hover .nav3 {margin-top: 5px;margin-left: -12px;}
.smdaohang {position: fixed;width: 280px;height: 100%;overflow: auto;top: 0px;right: -100%;background:#000; background:rgba(0,0,0,0.9); z-index: 9999999;transition: 0.5s;text-align: center;}
.smdaohangh {right: 0px;}
.topnav {margin: auto;margin-top: 30px;padding: 20px;}
ul.topnav li {text-align: left; position:relative;}
ul.topnav li a {padding: 5px;padding-left: 0px;color: #fff;display: block; font-size: 14px;font-size: 1.4rem;line-height: 24px; padding-right:50px;}
ul.topnav ul {display: none;}
ul.topnav ul li {clear: both;}
ul.topnav ul li a {padding-left: 20px;font-size: 14px;font-size: 1.4rem;font-weight: normal;outline: 0;}
ul.topnav ul li a:hover {
}
ul.topnav ul ul li a {padding-left: 40px;}
ul.topnav ul ul ul li a {padding-left: 60px;}
ul.topnav span { display:block; position:absolute; right:0px; top:5px; width:24px; height:24px; cursor:pointer; border-radius:5px;}
ul.topnav span:before{ content:""; width:16px; height:2px; background:#fff; position:absolute; left:4px; top:50%; margin-top:-1px;}
ul.topnav span:after{ content:""; width:16px; height:2px; background:#fff; position:absolute; left:4px; top:50%; margin-top:-1px; transform:rotate(90deg); transition:0.5s;}
ul.topnav span.yizi:after{ transform:rotate(0deg);}
.smdaohang form { margin-top:15px; margin-bottom:15px; width: 240px;height: 26px;border: 1px solid #fff;position: relative;background: #fff;}
.smdaohang form .iptc {-moz-box-sizing: border-box;box-sizing: border-box;padding-left: 15px;background-color: #fff;width: 80%;height: 24px;line-height: 24px;display: block;float: left;}
.smdaohang form .ipsc {width: 20%;height: 26px;line-height: 26px;display: block;float: right;background: transparent;position: relative;z-index: 99;}
.smdaohang form i {position: absolute;right: 10px;top: 3px;}
.clear3{clear:both;}
}
@media screen and (max-width:767px) {.head{padding-bottom:0px;}
.het{ padding:1px 0;}
.yvn{ position:absolute; margin:auto; left:0px; top:6px; color:#d81324;}
.yvzhonga{ color:#d81324;}
.yvzhonga span{ color:#d81324;}
.yvzhonga i{ display:inline-block; vertical-align:middle; margin-right:4px; font-size:18px;}
.yvul{ right:auto; left:0px;}
.logo{ float:none; margin:auto; margin-top:20px;}
.hexin{ display:none;}
.daohang2{display:block;text-align:center;margin-top:10px;}
.daohang2 a{float:left;width:25%;font-size:14px;font-size:1.4rem; line-height:24px;text-align:center;}
.daohang2 .dangqiandao{}
.shejiao{ display:none;}
.daohang,.daohang1{display: none}
.search{right:40px;top:15px;}
}
/* main1 */
.main1{ background:#000;}
.m1n{height:100vh; font-size:0px;}
.m1lie{ width:50%; height:100%; display:inline-block; vertical-align:middle; position:relative; overflow:hidden; z-index:1}
.m1tu{ position:absolute; width:100%; height:100%; background-size:cover !important; transition:0.5s; opacity:0.4; z-index:2}
.m1zi{ position:absolute; width:95%; left:2.5%; bottom:109px; text-align:center; font-size:40px; font-size:4rem; color: #ffffff; font-family: HelveticaNeueBold, Arial, Helvetica, sans-serif; transition:0.5s; z-index:3;text-transform: uppercase;}
.m1fu{ width:100%; left:0px; bottom:22px; text-align:center; opacity:0; visibility:hidden; position:absolute; transition:0.5s; z-index:3}
.m1a{ padding:10px 10%; padding-bottom:24px; border-bottom:1px solid #ffffff;}
.m1a a{ display:inline-block; vertical-align:middle; width: 189px; height: 40px; border-radius: 20px; border: solid 1px #ffffff; line-height:34px; text-align:center; padding:0 5px; color: #ffffff; font-size:16px; font-size:1.6rem; text-transform:uppercase; margin:9px 12px;}
.m1a a span{ display:inline-block; vertical-align:middle; color:#fff; line-height:16px;}
.m1b{ padding:10px 5%; padding-top:19px;}
.m1ba{color: #ffffff; font-size:24px; font-size:2.4rem; line-height:30px; font-family: HelveticaNeueBold, Arial, Helvetica, sans-serif;text-transform: uppercase;}
.m1bp{color: #ffffff; font-size:16px; font-size:1.6rem; line-height:30px; max-height:60px; overflow:hidden; margin-top:8px;}
.m1b a,.m1b p{ display:block; color: #ffffff;}
.m1n:hover .m1tu{ opacity:0.3}
.m1lie:hover .m1tu{ transform:scale(1.07,1.07); opacity:0.4}
.m1a a:hover{ background:#d81324; border-color:#d81324;}
@media screen and (max-width:1659px) {
.m1a{ padding:10px 3%; padding-bottom:24px;}
.m1b{ padding:10px 3%; padding-top:19px;}
.m1a a{ width: 32.33%; margin:5px 0.5%; font-size:14px; font-size:1.4rem;}
.m1ba{ font-size:20px; font-size:2rem; line-height:26px;}
.m1bp{ font-size:14px; font-size:1.4rem; line-height:24px; max-height:48px; margin-top:5px;}
.m1zi{ font-size:30px; font-size:3rem; line-height:40px;}
}
@media screen and (min-width:1000px) {
.m1lie:hover .m1fu{ opacity:1; visibility:visible;}
.m1lie:hover .m1zi{ opacity:0; visibility:hidden;}
}
@media screen and (max-width:999px) {
.m1n{ height:calc(100vh - 119px); width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -webkit-overflow-scrolling: touch; }
.m1lie{ width:100%; white-space:normal; position:relative; height:100%;}
.m1lieh .m1fu{ opacity:1; visibility:visible;}
.m1lieh .m1zi{ opacity:0; visibility:hidden;}
.m1zi{ font-size:20px; font-size:2rem; line-height:30px;}
.owl-carousel{display: none; position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px); height:100%;}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%; height:100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left; height:100%;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.owl-theme .owl-controls{ position:absolute; bottom:10px; left:0px; right:0px; text-align:center;}
.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;}
.owl-theme .owl-controls .owl-page span{display: block;width: 10px;height: 10px;margin: 0 5px; border-radius:50%; background: #ffffff;}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{ background:#d81324; opacity:1;}
.m1a a{ width: 32.33%; margin:5px 0.5%; font-size:12px; font-size:1.2rem;}
.m1ba{ font-size:16px; font-size:1.6rem; line-height:26px;}
.m1bp{ font-size:12px; font-size:1.2rem; line-height:22px; max-height:44px; margin-top:5px;}
}
@media screen and (max-width:767px) {
.m1n{ height:calc(100vh - 95px);}
}
@media screen and (max-width:449px) {
.m1a a{ width: 49%; margin:5px 0.5%; font-size:12px; font-size:1.2rem;}
}
/* main2 */
.main2{ background:url(../images/m2bei.jpg) no-repeat top center; padding-top:75px; padding-bottom:100px; position:relative;}
.main2:before{ content:""; width:100%; height:100%; background:url(../images/m2bei2.jpg) repeat-y center; position:absolute; left:0px; top:0px; z-index:-1}
.m2biao{ text-align:center; display:block; color: #ffffff; font-size:44px; font-size:4.4rem; line-height:60px; font-family: HelveticaNeueBold, Arial, Helvetica, sans-serif;}
.img-scroll {position: relative; margin:0 30px; margin-top:53px;}
.img-scroll .prev, .img-scroll .next {position: absolute; top:-104px; text-align:center;display: block; width:41px; height: 41px; line-height:37px; border-radius:50%; border: solid 2px #ffffff; font-size:16px; font-size:1.6rem; color:#fff; opacity: 0.8; transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s;}
.img-scroll .prev { left:0px; cursor: pointer;}
.img-scroll .next { right:0px; cursor: pointer;}
.img-scroll .prev:hover,.img-scroll .next:hover { border-color:#d81324; color: #d81324;}
.img-list {position: relative;overflow: hidden; padding:10px 3px;}
.img-list ul {width: 10000%;}
.img-list li {float: left;display: inline;width:0.239%; margin-right:0.01466%; background:#fff; position:relative; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);}
.m2tu{ display:block;}
.m2tu img{ /*width:100%;*/margin: 0 auto;}
@media screen and (max-width:1570px) {.m2tu img{ width:100%;}}
.m2zi{ padding:0 21px; text-align:center; padding-bottom:24px;}
.m2a{ display:block; font-size:18px; font-size:1.8rem; line-height:30px; margin-top:14px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.m2mor{ display:block; background:#eeeeee; line-height:30px; color: #666666; font-size:16px; font-size:1.6rem; margin-top:16px;}
.m2a:hover{color: #d81324;}
.m2mor:hover{background: #d81324; color:#fff;}
a.m2biao:hover{color: #d81324;}
.m2morz{ text-align:center; padding:0 2.5%; margin-top:43px;}
.m2mor2{ display:inline-block; min-width: 258px; height: 50px; line-height:46px; border-radius: 25px; border: solid 2px #d81324; text-align:center; border-radius: 25px; color: #d81324; font-size:16px; font-size:1.6rem;}
.m2mor2:hover{ background:#d81324; color:#fff;}
@media screen and (max-width:1359px) {
.main2{ padding-top:35px; padding-bottom:40px;}
.m2biao{ font-size:34px; font-size:3.4rem; line-height:50px;}
}
@media screen and (max-width:999px) {
.main2{ background-size:auto 240px;}
.img-scroll .prev, .img-scroll .next { top:-40px; width:34px; height:34px; line-height:30px;}
.m2morz{ margin-top:23px;}
.m2mor2{ min-width: 160px; height: 40px; line-height:36px; border-radius: 25px; border-radius: 25px; font-size:14px; font-size:1.4rem;}
.m2zi{ padding:0 10px; padding-bottom:15px;}
.m2a{ font-size:14px; font-size:1.4rem; line-height:24px; margin-top:6px;}
.m2mor{ font-size:14px; font-size:1.4rem; margin-top:10px;}
.m2biao{ font-size:26px; font-size:2.6rem; line-height:32px;}
.img-list li { width:0.3233%; margin-right:0.015%;}
}
@media screen and (max-width:767px) {
.main2{ padding-top:35px; padding-bottom:30px;}
.m2biao{ font-size:22px; font-size:2.2rem; line-height:30px;}
.img-list li { width:0.49%; margin-right:0.02%;}
.img-scroll { margin:0 2.5%; margin-top:53px;}
.m2zi{ padding:0 5px; padding-bottom:5px;}
.m2mor{ margin-top:5px;}
.m2morz{ margin-top:15px;}
.m2mor2{ min-width: 150px; height: 36px; line-height:34px; border-radius: 18px; border-width:1px; font-size:12px; font-size:1.2rem;}
}
/* main3 */
.main3{ background:#000;}
.main3 a{ display:block; background:#d81324; line-height:50px; padding:25px 2.5%; text-align:center; color: #ffffff; font-size:24px; font-size:2.4rem; font-family: HelveticaNeueBold, Arial, Helvetica, sans-serif;}
.main3 a i{ display:inline-block; vertical-align:middle; width:44px; height:44px; border:2px solid #fff; border-radius:50%; line-height:42px; text-align:center; font-size:24px; margin-right:15px;}
.main3 a:hover{background-color: rgba(216, 19, 36, 0.8);}
@media screen and (max-width:999px) {
.main3 a{ line-height:30px; padding:10px 2.5%; font-size:20px; font-size:2rem;}
.main3 a i{ width:30px; height:30px; line-height:28px; font-size:16px; margin-right:6px; border:1px solid #fff;}
}
@media screen and (max-width:767px) {
.main3 a{ font-size:16px; font-size:1.6rem;}
.main3 a i{ width:30px; height:30px;}
}
/* main4 */
.main4{ background:url(../images/m2bei2.jpg) repeat-y center;}
.main4 .zong{ padding-top:100px; padding-bottom:102px;}
.main4 .zong:after{ content:""; clear:both; display:block;}
.m4tu{ width:48%; float:right; padding-left:10px; padding-bottom:10px; position:relative; margin-left:50px; z-index:1}
.m4tu:before{ content:""; background:#e9e9e9; position:absolute; left:0px; top:32px; right:42px; bottom:0px; z-index:2}
.m4tu a{ display:block; position:relative; z-index:3}
.m4tu a img{ width:100%;}
.m4zi{ padding-top:16px;}
.m4biao{ display:block; color: #d81324; font-family: HelveticaNeueBold, Arial, Helvetica, sans-serif; font-size:44px; font-size:4.4rem; position:relative; padding-bottom:28px;}
.m4biao:before{ content:""; position:absolute; width:80px; height:4px; background:#d81324; left:0px; bottom:0px; transition:0.5s;}
.m4p{color: #666666; font-size:16px; font-size:1.6rem; line-height:30px; max-height:150px; overflow:hidden; margin-top:47px;}
.m4p p{color: #666666;}
.m4p p a{ display:block; color: #666666;}
.m4xin{ font-size:0px;}
.m4xinn{ width:48%; margin-right:2%; max-width:220px; display:inline-block; vertical-align:top; position:relative; padding-left:46px; margin-top:48px;}
.m4xinn i{ display:block; width: 35px; height: 35px; line-height:33px; text-align:center; border-radius:50%; border: solid 1px #d81324; color:#d81324; position:absolute; left:0px; top:15px;}
.m4xinn span{ display:block; color: #666666; font-size:16px; font-size:1.6rem; line-height:30px;}
.m4xinn p,.m4xinn a{color: #d81324; font-size:18px; font-size:1.8rem; line-height:30px;}
.m4xinn a:hover{ text-decoration:underline;}
.m4mor{ display:block; width: 159px; height: 45px; background:#d81324; border:1px solid #d81324; border-radius: 23px; padding:0 5px; text-align:center; line-height:43px; color: #ffffff; font-size:16px; font-size:1.6rem; margin-top:53px;}
.m4mor:hover{ background:#fff; color:#d81324;}
.m4biao:hover:before{ width:30px;}
.m4p p a:hover{color: #d81324;}
@media screen and (max-width:1359px) {
.m4xinn{ max-width:210px;}
.m4biao{ font-size:34px; font-size:3.4rem; padding-bottom:13px;}
.m4biao:before{ height:2px;}
.m4p{ font-size:14px; font-size:1.4rem; line-height:26px; max-height:130px; margin-top:20px;}
.m4xinn{ margin-top:20px;}
.m4xinn p,.m4xinn a{ font-size:16px; font-size:1.6rem;}
.m4mor{ font-size:14px; font-size:1.4rem; margin-top:33px;}
}
@media screen and (max-width:999px) {
.main4 .zong{ padding-top:36px; padding-bottom:32px;}
.m4biao{ font-size:28px; font-size:2.8rem; padding-bottom:13px;}
.m4xinn{ display:block; max-width:none; width:100%; margin-top:10px;}
.m4mor{ display:none}
.m4tu{ margin-left:26px;}
}
@media screen and (max-width:767px) {
.m4tu{ width:100%; margin:auto; float:none; max-width:500px; margin-bottom:10px;}
.m4biao{ font-size:22px; font-size:2.2rem; padding-bottom:12px;}
}
/* main5 */
.main5{ background:url(../images/m5bei.jpg) no-repeat right center; background-size:50% 100%;}
.main5:after{ content:""; clear:both; display:block;}
.m5l{ width:50%; float:left; position:relative; overflow:hidden; height: 550px;}
.m5r{ width:50%; float:right;}
.m5tu{ display:block; position:absolute; left:50%; top:0px; transform:translateX(-50%);}
.m5tu img{ width:960px;}
.m5fu{ position:absolute; width:100%; height:100%; left:0px; top:0px; background:url(../images/m5fu.png) no-repeat bottom center; background-size:100%}
.m5fun{ position:absolute; left:80px; right:80px; bottom:23px;}
.m5la{ display:block; color: #ffffff; font-family: HelveticaNeueBold, Arial, Helvetica, sans-serif; font-size:24px; font-size:2.4rem; line-height:30px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.m5lp a{ display:block; font-size:16px; font-size:1.6rem; line-height:30px; max-height:60px; overflow:hidden; color: #ffffff; margin-top:5px;}
.m5lmor{ display:block; color: #ea001e; font-size:16px; font-size:1.6rem; line-height:30px; text-decoration: underline; margin-top:8px;}
.m5rn{ padding:10px 63px; padding-bottom:0px;}
.m5lie{ position:relative; min-height:126px; padding-left:254px; margin:31px 0;}
.m5rtu{ display:block; width: 220px; position:absolute; left:0px; top:0px;}
.m5rtu img{ width:100%;}
.m5rzi{}
.m5ra{ display:block; font-size:20px; font-size:2rem; line-height:30px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.m5rriqi{ display:block; color: #999999; font-size:14px; font-size:1.4rem; line-height:24px; margin-top:14px;}
.m5rriqi i{ display:inline-block; vertical-align:middle; margin-right:5px;}
.m5rp a{ display:block; color: #666666; font-size:16px; font-size:1.6rem; line-height:30px; max-height:60px; overflow:hidden; margin-top:8px;}
.m5rzi a:hover{color: #d81324;}
@media screen and (max-width:1359px) {
.m5rn{ padding:10px 20px; padding-bottom:0px;}
.m5lie{ padding-left:230px;}
.m5fun{ left:20px; right:20px; bottom:15px;}
.m5la{ font-size:20px; font-size:2rem; line-height:26px;}
.m5lp a{ font-size:14px; font-size:1.4rem; line-height:26px; max-height:52px; overflow:hidden;}
.m5lmor{ font-size:14px; font-size:1.4rem; line-height:26px; margin-top:8px;}
.m5ra{ font-size:18px; font-size:1.8rem; line-height:30px;}
.m5rriqi{ font-size:14px; font-size:1.4rem; line-height:24px; margin-top:14px;}
.m5rp a{ font-size:14px; font-size:1.4rem; line-height:30px; max-height:60px; margin-top:8px;}
}
@media screen and (max-width:999px) {
.m5l{ width:100%; float:none; height:auto;}
.m5r{ width:100%; float:none;}
.m5tu{ position:relative;}
.m5tu img{ width:100%;}
.m5rriqi{ margin-top:5px;}
.m5rp a{ margin-top:5px;}
.m5rn{ padding:10px;}
}
@media screen and (max-width:767px) {
.m5fun{ left:10px; right:10px; bottom:10px;}
.m5la{ font-size:18px; font-size:1.8rem; line-height:26px;}
.m5lp a{ font-size:12px; font-size:1.2rem; line-height:22px; max-height:44px; overflow:hidden;}
.m5lmor{ display:none}
.m5lie{ min-height:105px; padding-left:140px; margin:10px 0;}
.m5rtu{ width: 130px; overflow:hidden;}
.m5rtu img{ width:140%; margin-left:-20%}
.m5ra{ font-size:16px; font-size:1.6rem; line-height:22px;}
.m5rriqi{ font-size:12px; font-size:1.2rem; line-height:22px; margin-top:6px;}
.m5rriqi i{ font-size:14px;}
.m5rp a{ font-size:12px; font-size:1.2rem; line-height:22px; max-height:44px; margin-top:6px;}
}
/* main6 */
.main6{ padding-top:89px; padding-bottom:99px;}
.main6:after{ content:""; clear:both; display:block;}
.m6l{ width:48.333%; float:left;}
.m6r{ width:45.16%; float:right;}
.m6biao{ display:block; font-family: HelveticaNeueBold, Arial, Helvetica, sans-serif; font-size:44px; font-size:4.4rem; line-height:50px;text-transform: uppercase;}
.m6biao:hover{ color:#d81324;}
.main6 .subNavBox2{ padding-top:10px;}
.subNav2{cursor:pointer; position:relative; background:#f2f2f2; min-height:52px; line-height:52px; padding:2px 39px; margin-top:22px; transition:0.5s;}
.subNav2 p{ font-size:18px; font-size:1.8rem; line-height:30px; display:inline-block; vertical-align:middle;}
.subNav2 span{ color:#333; font-size:20px; font-size:2rem; position:absolute; left:7px; top:50%; transform:translateY(-50%); font-family: HelveticaNeueBold, Arial, Helvetica, sans-serif;}
.subNav2:before{ content:""; position:absolute; width:15px; height:3px; background:#333333; top:50%; margin-top:1px; right:17px;}
.subNav2:after{ content:""; position:absolute; width:15px; height:3px; background:#333333; top:50%; margin-top:1px; right:17px; transform:rotate(90deg); transition:0.5s;}
.currentDd2{ background:#d81324;}
.currentDd2 p,.currentDd2 span{ color:#fff;}
.currentDd2:after{ transform:rotate(0) !important; background:#fff;}
.navContent2{display: none; padding:19px 21px; padding-left:54px; background:#ffffff; font-size:16px; font-size:1.6rem; color:#666666; line-height:30px; position:relative; box-shadow:0 5px 10px rgba(0,0,0,0.2)}
.navContent2 p,.navContent2 strong,.navContent2 em{ color:#666666;}
.navContent2 span{ color:#333333; font-size:20px; font-size:2rem; position:absolute; left:21px; top:19px;}
.navContent2 a{ color:#d92018;}
.navContent2 img{ max-width:100%; display:inline-block}
.navContent2 table{ width:97%; border-collapse:collapse; line-height:24px;}
.navContent2 tr td{ line-height:24px; padding:2px;}
.navContent2 tr td a{ color:#333;}
.m6rn{ padding-top:20px;}
.m6rn:after{ content:""; clear:both; display:block;}
.m6lie{ width:43.46%; border: solid 1px #c9c9c9; padding:15px 18px; padding-bottom:8px; margin-top:10px; transition:0.5s;}
.m6rtu{ display:block; background:#000000; position:relative;}
.m6rtu img{ transition:0.5s; width:100%;}
.m6rmor{ display:block; width: 144px; height: 37px; line-height:37px; background: #d81324; border-radius: 19px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); padding:0 5px; text-align:center; color: #ffffff; font-size:18px; font-size:1.8rem; opacity:0; transition:0.5s;}
.m6rzi{ display:block; font-size:18px; font-size:1.8rem; line-height:30px; text-align:center; margin-top:6px;}
.m6rn .m6lie:nth-child(2n-1){ float:left}
.m6rn .m6lie:nth-child(2n){ float:right}
.m6lie:hover{ border-color:#d81324;}
.m6lie:hover .m6rtu img{opacity: 0.6;}
.m6lie:hover .m6rmor{opacity: 1;}
.m6lie:hover .m6rzi{ color:#d81324;}
@media screen and (max-width:1359px) {
.m6biao{ font-size:34px; font-size:3.4rem; line-height:40px;}
.subNav2{ margin-top:10px;}
.m6l .m6biao{ margin-bottom:30px;}
.m6lie{ padding:10px;}
.m6rzi{ font-size:14px; font-size:1.4rem;}
}
@media screen and (max-width:999px) {
.main6 .subNavBox2{ padding-top:0px;}
.subNav2{}
.subNav2 p{ font-size:16px; font-size:1.6rem; line-height:24px;}
.navContent2{ font-size:12px; font-size:1.2rem; line-height:26px;}
.m6biao{ font-size:28px; font-size:2.8rem; line-height:32px;}
.main6{ padding-top:29px; padding-bottom:40px;}
.m6l{ width:100%; float:none;}
.m6r{ width:100%; float:none; margin-top:30px;}
.m6lie{ width:49%; padding:5px;}
.m6rmor{ display:none;}
}
@media screen and (max-width:499px) {
.subNav2{ font-size:14px; font-size:1.4rem;}
.m6biao{ font-size:22px; font-size:2.2rem; line-height:30px;}
}
/* main7 */
.main7{ background:url(../images/m7bei.jpg) no-repeat center; background-size:cover; background-attachment:fixed; padding-bottom:141px; padding-top:176px;}
.m7p a{ display:block; color: #ffffff; font-size:28px; font-size:2.8rem; line-height:48px; text-align:center; max-width:1000px; margin:auto;}
.m7mor{ display:block; margin:auto; width: 258px; height: 50px; line-height:46px; border-radius: 25px; border: solid 2px #ffffff; text-align:center; padding:0 5px; color: #ffffff; font-size:16px; font-size:1.6rem; margin-top:37px;}
.m7p a:hover{ color:#d81324;}
.m7mor:hover{ border-color:#d81324; background:#d81324;}
@media screen and (max-width:1359px) {
.m7p a{ font-size:22px; font-size:2.2rem; line-height:32px;}
}
@media screen and (max-width:999px) {
.main7{ padding-bottom:41px; padding-top:36px;}
.m7p a{ font-size:18px; font-size:1.8rem; line-height:28px;}
.m7mor{ width: 200px; height: 50px; line-height:46px; font-size:16px; font-size:1.6rem; margin-top:20px;}
}
@media screen and (max-width:767px) {
.m7p a{ font-size:16px; font-size:1.6rem; line-height:26px;}
.m7mor{ width: 160px; height: 40px; line-height:38px; border-width:1px; font-size:14px; font-size:1.4rem; margin-top:20px;}
}
/* main8 */
.main8{ background:#d81324; padding:57px 0;}
#Marquee_x { overflow:hidden;}
#Marquee_x ul li ,#Marquee_x ul li div{ float:left;line-height:25px;overflow:hidden}
#Marquee_x ul li div{ float:left; overflow:hidden; width:100px; margin-right:175px;}
.m8tu{}
.m8tu img{ width:100%;}
@media screen and (max-width:1359px) {
#Marquee_x ul li div{ margin-right:100px;}
}
@media screen and (max-width:999px) {
#Marquee_x ul li div{ margin-right:50px;}
}
@media screen and (max-width:767px) {
.main8{ padding:37px 0;}
#Marquee_x ul li div{ width:80px; margin-right:20px;}
}
/* foot */
.foot input::-webkit-input-placeholder {/* WebKit browsers */
color:#999999;opacity:1}
.foot input:-o-placeholder {/* Mozilla Firefox 4 to 18 */
color:#999999;opacity:1 }
.foot input::-moz-placeholder {/* Mozilla Firefox 19+ */
color:#999999;opacity:1 }
.foot input:-ms-input-placeholder {/* Internet Explorer 10+ */
color:#999999;opacity:1 }
.foot{ padding-top:55px; background:#ebebeb}
.fol{ width:22.5%; float:left;}
.for{ width:72.9%; float:right; font-size:0px;}
.fologo{ display:block; width:81px;}
.fologo img{ width:100%;}
.fop1{color: #666666; font-size:16px; font-size:1.6rem; line-height:30px; margin-top:13px;}
.shejiao2{ font-size:0px; padding-top:18px;}
.shejiao2 a{ display:inline-block; width:33px; height:33px; background:#b7b7b7; border-radius:50%; line-height:33px; text-align:center; color:#ececec; margin-left:13px; margin-top:5px;}
.folie{ display:inline-block; vertical-align:top; padding-right:10px; margin-top:9px; padding-bottom:45px;}
.folie1{ width:40%;}
.folie2{ width:24.4%;}
.folie3{ width:35.6%;}
.fobiao{ display:block; font-size:22px; font-size:2.2rem; line-height:30px;}
.fon,.foul{color: #666666; font-size:16px; font-size:1.6rem; line-height:30px; margin-top:17px;}
.fon p,.foul li,.foul li a{color: #666666;}
.fon a{ display:block; color: #666666;}
.foul li{ position:relative; padding-left:26px;}
.foul li i{ color:#d81324; display:block; position:absolute; left:0px; top:0px; font-size:18px;}
.fo3p{color: #666666; font-size:16px; font-size:1.6rem; line-height:30px; font-family: HelveticaNeueBold; margin-top:18px;}
.foxin{ position:relative; margin-top:8px;}
.foxin .int1{ width:100%; height:40px; background:#ffffff; line-height:40px; padding-left:8px; padding-right:55px; font-size:14px; font-size:1.4rem;}
.foxin .int2{ width:100%; height:40px; background:#ffffff; line-height:40px; padding-left:8px; padding-right:80px; font-size:14px; font-size:1.4rem; margin-top:12px;}
.foxin .yanzheng{ width:70px; height:40px; position:absolute; right:0px; top:52px; cursor:pointer;}
.foxin .int3{ width:48px; height:40px; background:none; position:absolute; right:0px; top:0px; cursor:pointer; z-index:2}
.foxin i{ width:48px; height:40px; background:#d81324; position:absolute; right:0px; top:0px; color:#fff; text-align:center; line-height:40px; font-size:26px; z-index:1}
.fotag{ text-align:center; color: #999999; font-size:14px; font-size:1.4rem; line-height:30px; margin-top:28px;}
.fotag span,.fotag a{color: #999999; display:inline-block; vertical-align:middle;}
.foot2{ border-top:1px solid #e0e0e0; margin-top:6px; padding-top:5px; padding-bottom:26px;}
.fop{color: #999999; font-size:14px; font-size:1.4rem; line-height:20px; text-align:center;}
.fop a{ display:inline-block; vertical-align:middle; color: #999999;}
.youlian{ margin-top:auto; line-height:20px;}
.foot a:hover{ color:#d81324;}
.shejiao2 a:hover{ background:#d81324; color:#ececec;}
@media screen and (max-width:1359px) {
.shejiao2 a{ width:30px; height:30px; line-height:30px; margin-left:5px; margin-top:5px;}
}
@media screen and (max-width:999px) {
.foot{ padding-top:25px;}
.fol{ width:100%; float:none;}
.for{ width:100%; float:none; font-size:0px; margin-top:20px;}
.fobiao{ font-size:20px; font-size:2rem; line-height:26px;}
.fop1,.fon,.foul,.fo3p{ font-size:14px; font-size:1.4rem;}
.fologo{ width:60px;}
}
@media screen and (max-width:767px) {
.folie,.fotag{ display:none}
.fop1,.fop{ font-size:12px; font-size:1.2rem; line-height:22px; margin-top:10px;}
}
.top{width: 40px; height: 40px; background: #d81324; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); border-radius: 50%; line-height:40px; color:#fff; font-size:16px !important; text-align:center; margin:auto; cursor:pointer;position:fixed;right:20px;bottom:-100px;transition:0.9s;z-index:99999;}
.bottom{bottom:150px;}
.lianxi{ position:fixed; width:50px; right:0px; top:50%; transform:translateY(-50%); z-index:99999}
.lianxi div a{ display:block; margin-top:1px; width:50px; height:50px; text-align:center; line-height:50px; font-size:24px; color:#fff; margin-top:3px;}
.ke1{ background:#000000}
.ke2{ background:#555555}
.ke3{ background:#000000}
.ke4{ background:#15418f}
.weixin{ position:relative; cursor:pointer;}
.weixin img{ position:absolute; width:149px; height:150px; top:0px; left:-149px; display:none;}
.weixin:hover img{ display:block;}
.weixin2,.tankuang{ display:none}
.tankuang{ position:absolute; bottom:50px; left:50% !important; margin-left:-75px;}
.tankuang img{ display:block; position:relative; width:150px; height:150px; left:auto; margin:auto;}
.lianxi div a:hover{ background:#6296f2;}
.clear2{ display:none}
@media screen and (max-width:999px) {
.clear2{ display:block; clear:both;}
}
@media screen and (max-width:767px) {
.youlian{display:none}
/*.top{width:25%;height:50px;line-height:50px;bottom:0px;right:0px;border-radius:0px;border:none}*/
.lianxi{ width:100%; right:auto; top:auto; margin:auto; left:0px; bottom:0px; border-top:1px solid #fff; transform:translateY(0);}
.lianxi div{ width:25%; float:left;}
.lianxi div a{ margin:auto; width:100%; background:#2296d3; color:#fff !important; border-radius:0px;}
.weixin2{ display:block}
.weixin1{ display:none}
}
/************************ 1-1 *************************/
.prnav{ background:#505051; padding-top:18px; margin-top:154px; padding-bottom:30px;}
.pryiji{color: #ffffff; font-size:24px; font-size:2.4rem; line-height:30px; text-transform:uppercase;}
#outer { margin-top:9px; font-size:0px;}
#outer:after{ content:""; clear:both; display:block;}
#tab {zoom: 1; font-size:0px; position:relative; margin:auto; text-align:left;}
#tab li{ display:block; text-align:center; transition:0.5s; cursor:pointer; line-height:38px; display:inline-block; vertical-align:middle; border:1px solid #fff; border-radius: 20px; padding:0 13px; margin-right:13px; margin-top:10px; position:relative;}
#tab li a { display:inline-block; vertical-align:middle; cursor:pointer; color: #fff; font-size:16px; font-size:1.6rem; position:relative; text-transform:uppercase;}
#tab li:hover{ background: #d81324 !important; border-color:#d81324;}
#tab li.current{ background: #d81324 !important; border-color:#d81324;}
#content { display:inline-block; vertical-align:middle;}
#content .tabul {display: none; font-size:0px; vertical-align:middle; padding-top:10px; text-align:left;}
.prsanji a{ line-height:38px; display:inline-block; vertical-align:middle; background:#ffffff; border-radius: 20px; padding:0 13px; margin-right:13px; margin-top:10px; font-size:16px; font-size:1.6rem; text-transform:uppercase;}
.prsanji a:hover{ background: #d81324; border-color:#d81324; color: #fff;}
.dangpr{ background: #d81324 !important; border-color:#d81324 !important; color: #fff !important;}
@media screen and (max-width:1359px) {
.pryiji{ font-size:20px; font-size:2rem; line-height:30px;}
#tab li{ padding:0 10px;}
#tab li a{ font-size:14px; font-size:1.4rem;}
.prsanji a{ padding:0 10px; font-size:14px; font-size:1.4rem;}
}
@media screen and (max-width:999px) {
.prnav{ margin-top:0px; padding-bottom:20px;}
.pryiji{ font-size:18px; font-size:1.8rem; line-height:26px;}
#tab li{ padding:0 10px; line-height:30px; margin-top:5px; margin-right:5px;}
#tab li a{ font-size:12px; font-size:1.2rem;}
.prsanji a{ padding:0 10px; line-height:30px; font-size:12px; font-size:1.2rem; margin-top:5px; margin-right:5px;}
}
.prnav .prsanji .current {
background: #d81324 !important;
border-color: #d81324;
color: #fff;
}
.prnav .xianshi{
display: none;
}
.prnav .pryiji{
display: none;
}
.prnav .show{
display: block;
}
.mianbao{ width:100%; margin-top:15px; position:relative; z-index:99}
.mianbao .zong{ position:relative; padding:10px 0px; padding-right:320px;}
.prmianbao{ position:relative; background:#dfdfdf;}
.mianbaon{ color: #666666; font-size:16px; font-size:1.6rem; line-height:30px;}
.mianbaon a{color: #666666;}
.mianbaoa a:hover,.comian{color: #d81324 !important;}
.prsousuo{width: 310px; height: 40px; background: #fcfcfc; border-radius: 6px; border: solid 1px #dcdcdc; position:absolute; right:0px; top:3px;}
.prsuo{ width:35px; height:38px; position:absolute; right:0px; top:0px; background:none; cursor:pointer; z-index:2}
.prsousuo i{ width:35px; height:38px; position:absolute; right:0px; top:0px; line-height:38px; text-align:center; color:#ea001e; font-size:18px; z-index:1}
.prsou{ width:100%; height:40px; line-height:40px; padding-left:10px; padding-right:40px; color: #999999; font-size:16px; font-size:1.6rem; border-radius: 6px;}
.prmianbaoh{ position:fixed; margin:auto; left:0px;}
.prsou::-webkit-input-placeholder {/* WebKit browsers */
color:#999999;opacity:1}
.prsou:-o-placeholder {/* Mozilla Firefox 4 to 18 */
color:#999999;opacity:1 }
.prsou::-moz-placeholder {/* Mozilla Firefox 19+ */
color:#999999;opacity:1 }
.prsou:-ms-input-placeholder {/* Internet Explorer 10+ */
color:#999999;opacity:1 }
@media screen and (max-width:999px) {
.mianbaon{ font-size:14px; font-size:1.4rem; line-height:26px;}
.mianbao{ margin-top:5px;}
.mianbao .zong{ padding-right:0px;}
.prsousuo{ position:relative; width:100%;}
.prsou{ font-size:14px; font-size:1.4rem; padding-left:8px;}
}
.maodian{ font-size:0px; padding-bottom:56px;}
.maon{ display:inline-block; vertical-align:top; width:13.33%; margin-left:4%;}
.maon:nth-child(6n-5){ margin-left:auto;}
.maotu{ display:block; margin-top:10px; background:#fff;}
.maotu img{ width:100%;}
.maozi{ display:block; font-size:16px; font-size:1.6rem; line-height:30px; text-align:center; margin-top:8px; transition:0.5s; text-transform:uppercase;}
.maon:hover .maozi{color: #d81324;}
@media screen and (max-width:1359px) {
.maozi{ font-size:14px; font-size:1.4rem; line-height:24px;}
}
@media screen and (max-width:999px) {
.maodian{ font-size:0px; padding-bottom:30px;}
.maon{ width:16%; margin-left:0.8%;}
.maozi{ font-size:12px; font-size:1.2rem; line-height:22px; text-transform:none;}
}
@media screen and (max-width:767px) {
.maon{ width:32.333%; margin-left:0.5% !important; margin-right:0.5%;}
}
.afsx{ background:#d81324; padding-top:23px; padding-bottom:22px;}
.sxbiao{color: #ffffff; display:block; text-align:center; font-size:24px; font-size:2.4rem; line-height:30px; font-family: HelveticaNeueBold, Arial, Helvetica, sans-serif;}
.afxin{ font-size:0px;}
.afxin select{height: 35px; border-radius: 18px; border: solid 2px #ffffff; width:18.2%; background:url(../images/sejian.jpg) no-repeat right center; margin-top:20px; margin-left:2.25%; color: #ffffff; font-size:16px; font-size:1.6rem; line-height:31px; padding-left:15px; padding-right:25px; cursor:pointer; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.afxin select::-ms-expand { display: none; }
.afxin input{height: 35px; border-radius: 18px; border: solid 2px #ffffff; width:18.2%; background:none; margin-top:20px; margin-left:2.25%; color: #ffffff; font-size:16px; font-size:1.6rem; line-height:31px; cursor:pointer; transition:0.5s;}
.afxin input:hover{ background:#fff; color:#d81324;}
@media screen and (max-width:1359px) {
.afxin select{ font-size:14px; font-size:1.4rem; line-height:31px; padding-left:5px; padding-right:25px; cursor:pointer; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.afxin input{ font-size:14px; font-size:1.4rem;}
}
@media screen and (max-width:999px) {
.afsx{ padding-top:16px; padding-bottom:22px;}
.afxin{ padding-top:10px;}
.afxin select,.afxin input{ width:32.333%; margin-left:0.5% !important; margin-right:0.5%; margin-top:10px; border-width:1px;}
}
@media screen and (max-width:767px) {
.afxin select,.afxin input{ font-size:12px; font-size:1.2rem;}
}
@media screen and (max-width:499px) {
.afxin select,.afxin input{ width:49%; margin-left:0.5% !important; margin-right:0.5%; margin-top:10px; border-width:1px;}
}
.af1main{ font-size:0px;}
.af1main>.zong{ min-height:636px; line-height:636px; padding:30px 0;}
.af1zi{ width:55%; display:inline-block; vertical-align:middle; margin-right:10%;}
.af1tu{ width:35%; display:inline-block; vertical-align:middle;}
.af1tu img{ width:100%;}
.af1biao{color: #d81324; font-size:44px; font-size:4.4rem; line-height:50px; font-family: HelveticaNeueBold;}
.af1biao a{color: #d81324;}
.af1p{ font-size:16px; font-size:1.6rem; line-height:30px; margin-top:37px;}
.af1b{ text-align:center; padding-top:23px; padding-bottom:13px;}
.af1bp{ color: #ffffff; font-size:24px; font-size:2.4rem; line-height:30px; font-family: HelveticaNeueBold, Arial, Helvetica, sans-serif;}
.af1ba{ display:block; color: #ffffff; font-size:24px; font-size:2.4rem; margin-top:20px;}
.af1ba i{ display:inline-block; vertical-align:middle; width:44px; height:44px; border-radius:50%; border:1px solid #ffffff; text-align:center; line-height:42px; color:#fff; font-size:20px; font-size:2rem; margin-right:16px;}
.af1ba:hover{ text-decoration:underline;}
.af1main1{ background:url(../images/af1bei.jpg) repeat-y center;}
.af1main2{ background:url(../images/af2bei.jpg) repeat-y center;}
.af1main1 .af1b{ background:#505051;}
.af1main2 .af1b{ background:#d81324;}
@media screen and (max-width:1359px) {
.af1biao{ font-size:34px; font-size:3.4rem; line-height:40px;}
.af1p{ font-size:14px; font-size:1.4rem; line-height:26px; margin-top:20px;}
}
@media screen and (max-width:999px) {
.af1zi{ width:55%; margin-right:5%;}
.af1tu{ width:40%;}
.af1bp{ font-size:20px; font-size:2rem;}
.af1ba{ font-size:20px; font-size:2rem; margin-top:10px;}
.af1biao{ font-size:28px; font-size:2.8rem; line-height:32px;}
.af1p{ font-size:14px; font-size:1.4rem; line-height:26px; margin-top:20px;}
}
@media screen and (max-width:767px) {
.af1main>.zong{ min-height:0px; line-height:0px;}
.af1zi{ width:100%; margin-right:0%; display:block;}
.af1tu{ width:100%; max-width:400px; display:block; margin:auto;}
.af1bp{ font-size:18px; font-size:1.8rem; line-height:26px;}
.af1ba{ font-size:18px; font-size:1.8rem; margin-top:10px;}
.af1ba i{ width:34px; height:34px; line-height:32px; font-size:16px; font-size:1.6rem; margin-right:10px;}
.af1biao{ font-size:22px; font-size:2.2rem; line-height:30px;}
.af1p{ font-size:12px; font-size:1.2rem; line-height:22px; margin-top:10px;}
}
/*********************** 1-2 *********************/
.prmain{ background:#dfdfdf; padding-top:1px;}
.prt{ padding-bottom:20px; padding-top:15px;}
.prta{ display:block; font-size:44px; font-size:4.4rem; line-height:60px; color: #d81324; font-family: HelveticaNeueBold, Arial, Helvetica, sans-serif; text-transform:uppercase;}
.prtn{ font-size:16px; font-size:1.6rem; line-height:30px; margin-top:7px;}
.prtn p,.prtn li,.prtn span,.prtn strong{ color:#666666;}
.prtn a{ color:#1367af;}
.przhan{ position:relative; overflow:hidden; padding-bottom:15px;}
.przhanh{ height:auto !important;}
.fuc{ display:block; width:100%; height:152px; position:absolute; bottom:0px; left:0px;
background: -moz-linear-gradient(top, rgba(223,223,223,0) 0%, rgba(223,223,223,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, rgba(223,223,223,0) 0%,rgba(223,223,223,1) 100%);
background: -o-linear-gradient(top, rgba(223,223,223,0) 0%,rgba(223,223,223,1) 100%);
background: -ms-linear-gradient(top, rgba(223,223,223,0) 0%,rgba(223,223,223,1) 100%);
background: linear-gradient(to bottom, rgba(223,223,223,0) 0%,rgba(223,223,223,1) 100%);
}
.zhankai{ cursor:pointer; color: #d81324; font-family: HelveticaNeueBold, Arial, Helvetica, sans-serif; font-size:16px; font-size:1.6rem; line-height:24px; margin-top:16px;}
.fuch{ display:none !important;}
@media screen and (max-width:1359px) {
.prta{ font-size:34px; font-size:3.4rem; line-height:42px;}
.prtn{ font-size:14px; font-size:1.4rem; line-height:26px; margin-top:7px;}
}
@media screen and (max-width:999px) {
.prta{ font-size:28px; font-size:2.8rem; line-height:32px;}
}
@media screen and (max-width:767px) {
.prta{ font-size:22px; font-size:2.2rem; line-height:30px;}
.prtn{ font-size:12px; font-size:1.2rem; line-height:22px; margin-top:7px;}
}
.prmainn{ font-size:0px;}
.prlie{ width:22.9%; display:inline-block; vertical-align:top; margin-left:2.8%; margin-top:24px; margin-bottom:36px; position:relative;}
.prtu{ display:block; background:#fff;}
.prtu img{ width:100%;}
.pra{ display:block; text-align:center; font-size:16px; font-size:1.6rem; line-height:24px; margin-top:12px;}
.prin{ text-align:center; margin-top:15px;}
.prin input{ display:inline-block; vertical-align:middle; margin-right:8px; cursor:pointer;}
.prmor{ display:inline-block; vertical-align:middle; width: 101px; height: 30px; line-height:28px; border: solid 1px #d81324; padding:0 5px; color: #d81324; font-size:14px; font-size:1.4rem;}
.pra:hover{ color: #d81324;}
.prmor:hover{ background:#d81324; color:#fff;}
.fenye{ text-align:center; padding-top:19px;}
.fenyen{ display:inline-block; vertical-align:middle;}
.fenyen a{ display:inline-block; vertical-align:middle; width:35px; height:30px; border: solid 1px #e5e5e5; line-height:28px; text-align:center; background:#fff; margin:5px 4px; font-size:14px; font-size:1.4rem;}
.fenyen .sx{border: solid 1px #e5e5e5; width:69px;}
.fenyen a:hover{ background:#d81324; color:#fff;}
.dangfen{ background:#d81324 !important; color:#fff !important;}
.fuxuan{ display:inline-block; vertical-align:middle; background:url(../images/fuxuan.png) no-repeat right center; padding-right:23px; margin:5px 0;}
.fuxuan input{ background:#d81324; border:1px solid #d81324; width:148px; line-height:30px; text-align:center; color: #ffffff; font-size:14px; font-size:1.4rem; margin-left:15px; cursor:pointer; transition:0.5s;}
.fuxuan input:hover{ background:#fff; color:#d81324;}
.fenyen .no:hover{border: solid 1px #e5e5e5; background: #fff;color: #333;}
.prtag{ font-size:16px; font-size:1.6rem; line-height:30px; border-top:1px solid #c6c6c6; margin-top:38px; padding-top:14px; padding-bottom:128px;}
.prtag span{ display:inline-block; vertical-align:middle; color: #d81324;}
.prtag a{ display:inline-block; vertical-align:middle; color:#666; margin:0 8px;}
.prtag a i{ margin-right:5px;}
.prtag a:hover{ color: #d81324;}
@media screen and (max-width:999px) {
.prlie{ width:31.333%; margin-left:1% !important; margin-right:1%; margin-top:24px; margin-bottom:0px;}
.pra{ font-size:14px; font-size:1.4rem; margin-top:5px;}
.prtag{ font-size:14px; font-size:1.4rem; line-height:26px; margin-top:23px; padding-top:14px; padding-bottom:38px;}
.prin{ margin-top:5px;}
}
@media screen and (max-width:767px) {
.pra,.prtag,.prmor{ font-size:12px; font-size:1.2rem;}
.prin input{ position:absolute; left:10px; top:10px;}
.fenyen a,.fuxuan input{ font-size:12px; font-size:1.2rem;}
}
@media screen and (max-width:599px) {
.prlie{ width:48%;}
}
#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%; background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease;z-index:99999999999999999999999999999999999999;}
#baguetteBox-overlay.visible{opacity:1}
#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center;}
#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}
#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);}
#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:Verdana, Geneva, sans-serif;}
#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-moz-transform .4s ease;transition:left .4s ease,transform .4s ease}
#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}
#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}
.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}
.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;
border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease;}
.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}
.baguetteBox-button#next-button{right:2%}
.baguetteBox-button#previous-button{left:2%}
.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}
.baguetteBox-button svg{position:absolute;left:0;top:0}
.spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}
.double-bounce1,.double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}
.double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}
@-webkit-keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}
@keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}
@-webkit-keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}
@keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}
@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}
/****************************** 1-3 *******************************/
.af3main1{ padding-top:27px;}
.af3main1:after{ content:""; clear:both; display:block;}
.af31tu{ display:block; width:43.333%; float:left;}
.jianjie{ width:50%; float:right; padding-top:24px;}
.af31tu a{ display:block; background:#fff;}
.af31tu a img{ width:100%;}
.jianjie h1{ font-size:22px; font-size:2.2rem; line-height:30px; border-bottom:1px solid #c6c6c6; padding-bottom:18px;color:#000;}
.jiann{color: #666666; font-size:16px; font-size:1.6rem; line-height:30px; margin-top:26px; min-height:240px;}
.jiann p{color: #666666;}
.share{ margin-top:24px;}
.share1{ display:inline-block; vertical-align:middle; color: #999999; font-size:14px; font-size:1.4rem; line-height:30px;}
.share2{ display:inline-block; vertical-align:middle;}
.inno{ font-size:0px; padding-top:17px;}
.inno a{ display:block; width: 264px; height: 53px; background: #a4a4a4; border-radius: 26px; line-height:53px; padding:0 5px; text-align:center; color: #ffffff; font-size:18px; font-size:1.8rem; margin-top:20px;}
.inno a:nth-child(2n-1){ float:left;}
.inno a:nth-child(2n){ float:right;}
.inno a:hover{ border:1px solid #d81324;/*background:#d81324;*/background:none;color:#d81324;}
@media screen and (max-width:1359px) {
.af31tu{ width:46%;}
.jianjie{ width:50%; float:right; padding-top:4px;}
.jianjie h1{ font-size:18px; font-size:1.8rem; line-height:30px; border-bottom:1px solid #c6c6c6; padding-bottom:10px;}
.jiann{ font-size:14px; font-size:1.4rem; line-height:26px; min-height:0px; margin-top:15px;}
.inno{ padding-top:10px;}
.inno a{ width:49%; height:43px; line-height:43px; font-size:14px; font-size:1.4rem; margin-top:5px;}
}
@media screen and (max-width:767px) {
.af31tu{ width:100%; float:none; max-width:400px; margin:auto;}
.jianjie{ width:100%; float:none; padding-top:24px;}
.jianjie h1{ font-size:16px; font-size:1.6rem; line-height:24px;}
}
.af3main2{ padding-top:46px;}
.chanxbiao{ overflow:hidden;}
.chanxbiaon{ display:inline-block; vertical-align:middle; color: #d81324; font-size:26px; font-size:2.6rem; line-height:34px; font-family: HelveticaNeueBold, Arial, Helvetica, sans-serif; padding-right:12px; position:relative;}
.chanxbiaon:before{ content:""; position:absolute; width:1200px; height:1px; background:#c6c6c6; left:100%; top:50%;}
a.chanxbiaon:hover{ color:#333;}
.chanxiang{ font-size:16px; font-size:1.6rem; line-height:30px; margin-top:21px;}
.chanxiang p{}
.chanxiang strong{color: #d81324; font-weight:normal; font-size:22px; font-size:2.2rem; font-family: HelveticaNeueBold;}
.chanxiang em{ display:block; font-style:normal; padding-left:9px; position:relative;}
.chanxiang em:before{ content:""; width:4px; height:4px; background:#d81324; border-radius:50%; position:absolute; left:0px; top:14px;}
.chanxiang img{ max-width:100%; display:inline-block;}
.chanxiang a{ color: #043f82;}
.table table{ width:100%; border-collapse:collapse; line-height:22px;}
.table table tr{}
.table table tr td{ padding:8px 5px; font-size:14px; font-size:1.4rem; text-align:center; color:#000; border: solid 1px #f0f0f0; font-family: Lato-Regular, Arial, Helvetica, sans-serif;}
@media screen and (max-width:999px) {
.chanxbiaon{ font-size:22px; font-size:2.2rem; line-height:30px;}
.chanxiang{ font-size:14px; font-size:1.4rem; line-height:28px; margin-top:15px;}
.chanxiang strong{ font-size:18px; font-size:1.8rem;}
}
@media screen and (max-width:767px) {
.chanxbiaon{ font-size:20px; font-size:2rem; line-height:30px;}
.chanxiang{ font-size:14px; font-size:1.4rem; line-height:28px; margin-top:15px;}
.chanxiang strong{ font-size:16px; font-size:1.6rem;}
}
.homain{ padding-top:55px;}
.hon{ font-size:0px; padding-top:7px;}
.hon:after{ content:""; clear:both; display:block;}
.hone{ padding-bottom:129px; padding-top:19px;}
.honen{ font-size:0px;}
.honen:after{ content:""; clear:both; display:block;}
.honelie{ position:relative; min-height:144px; border-bottom:1px solid #cbcbcb; margin-top:30px; width:48%; display:inline-block; vertical-align:top;}
.honetu{ width:200px;}
.honezi{ margin-left:222px; padding-top:0px;}
.honea{ font-size:18px; font-size:1.8rem; line-height:24px; margin-top:-5px;}
.honezi .m5rriqi{ margin-top:10px;}
.honelie:nth-child(2n-1){ margin-right:4%;}
.af4main{ padding-top:14px; padding-bottom:90px;}
@media screen and (max-width:999px) {
.hone{ padding-bottom:39px; padding-top:29px;}
.hon .prlie{ width:23%;}
.honelie{ width:49%; min-height:120px;}
.honelie:nth-child(2n-1){ margin-right:2%;}
.honetu{ width:170px;}
.honezi{ margin-left:180px; padding-top:0px;}
.honezi .m5rriqi{ margin-top:3px;}
.honea{ margin-top:-10px;}
.honea{ font-size:16px; font-size:1.6rem;}
.af4main{ padding-top:14px; padding-bottom:30px;}
}
@media screen and (max-width:767px) {
.honen{ padding-top:10px;}
.honelie{ width:100%; margin-top:20px;}
.honetu{ width:130px;}
.honezi{ margin-left:140px; padding-top:0px;}
.honea{ margin-top:0px;}
.hon .prlie{ width:48%; margin-top:15px;}
}
/***************************** 2-1 ***************************/
.cp1main1{ background:url(../images/cp11bei.jpg) no-repeat center; background-size:cover; background-attachment:fixed; position:relative; padding-top:1px;}
.cp1main1:before{ content:""; position:absolute; width:100%; height:100%; background:url(../images/cp11bei.jpg) no-repeat center; background-size:cover; left:0px; top:0px; z-index:-1}
.cp11n{ padding-top:17px; padding-bottom:78px;}
.cp11p{ font-size:16px; font-size:1.6rem; line-height:30px; margin-top:17px;}
.cp11b{ padding-top:40px;}
.cp11b:after{ content:""; clear:both; display:block;}
.cp11lie{ width:90px; float:left; margin-right:70px; text-align:center; margin-top:20px;}
.cp11tu{ color:#d81324;}
.cp11tu i{ font-size:40px;}
.cp11zi{color: #d81324; font-family: HelveticaNeueBold, Arial, Helvetica, sans-serif; font-size:32px; font-size:3.2rem; line-height:40px; margin-top:14px;}
.cp1main2{ background:#d81324; text-align:center; padding-top:19px; padding-bottom:15px;}
.cp12p{color: #ffffff; font-size:24px; font-size:2.4rem; line-height:30px; font-family: HelveticaNeueBold, Arial, Helvetica, sans-serif;}
.cp12mor{ display:inline-block; vertical-align:middle; width: 130px; height: 38px; line-height:36px; background: #ffffff; border:1px solid #ffffff; border-radius: 19px; text-align:center; color: #d81324; font-size:16px; font-size:1.6rem; font-family: HelveticaNeueBold, Arial, Helvetica, sans-serif; margin-top:18px;}
.cp12mor a{color: #d81324;}
.cp1main3{ padding-top:57px;}
@media screen and (max-width:1359px) {
.cp11p{ font-size:14px; font-size:1.4rem; line-height:26px; margin-top:10px;}
}
@media screen and (max-width:999px) {
.cp11n{ padding-top:17px; padding-bottom:32px;}
.cp11b{ padding-top:20px;}
.cp11lie{ margin-right:10px; margin-top:10px;}
.cp11tu i{ font-size:30px;}
.cp11zi{ font-size:22px; font-size:2.2rem; line-height:30px; margin-top:10px;}
.cp12p{ font-size:20px; font-size:2rem; line-height:30px;}
.cp12mor{ width: 130px; height: 38px; line-height:36px; font-size:14px; font-size:1.4rem; margin-top:10px;}
.cp1main3{ padding-top:37px;}
}
.cpmain2{ padding-top:18px; padding-bottom:95px;}
.cp2n{ padding-top:17px;}
.cp2a{color: #d81324; font-size:34px; font-size:3.4rem; font-family: HelveticaNeueBold, Arial, Helvetica, sans-serif; line-height:40px; margin-top:35px;}
.cp2p{ font-size:16px; font-size:1.6rem; line-height:30px; margin-top:12px;}
@media screen and (max-width:1359px) {
.cp2a{ font-size:28px; font-size:2.8rem; line-height:34px; margin-top:25px;}
.cp2p{ font-size:14px; font-size:1.4rem; line-height:26px; margin-top:10px;}
}
@media screen and (max-width:999px) {
.cpmain2{ padding-top:5px; padding-bottom:35px;}
.cp2n{ padding-top:1px;}
.cp2a{ font-size:22px; font-size:2.2rem; line-height:30px; margin-top:15px;}
.cp2p{ margin-top:5px;}
}
@media screen and (max-width:767px) {
.cp2a{ font-size:20px; font-size:2rem;}
}
.cp3main1{ padding-bottom:78px;}
.cp3tu{}
.cp3tu img{ width:100%;}
.cp3main2{ padding-top:26px; padding-bottom:132px;}
.cp3mor{ display:inline-block; width: 200px; height: 40px; line-height:40px; background: #d81324; border-radius: 20px; padding:0 5px; text-align:center; color: #ffffff; font-size:16px; font-size:1.6rem; margin-top:30px;}
.cp3mor:hover{ background:#fff; color:#d81324;}
@media screen and (max-width:999px) {
.cp3main1{ padding-bottom:28px;}
.cp3main2{ padding-top:1px; padding-bottom:32px;}
.cp3mor{ width: 200px; height: 40px; line-height:40px; font-size:14px; font-size:1.4rem; margin-top:20px;}
}
/*********************** resources ***************************/
.remain{ padding-top:22px; margin-top:10px;}
.ren{ font-size:0px;}
.ren .m6lie{ width:19.66%; display:inline-block; vertical-align:top; margin-left:7.12%; margin-top:30px; margin-bottom:22px;}
.ren .m6lie:nth-child(4n-3){ margin-left:auto;}
#re4{ padding-bottom:80px;}
@media screen and (max-width:1359px) {
.ren{ padding-top:10px;}
.ren .m6lie{ width:23%; margin-left:2.66%; margin-top:20px; margin-bottom:0px;}
}
@media screen and (max-width:999px) {
#re4{ padding-bottom:40px;}
.remain{ padding-top:10px; padding-bottom:30px;}
}
@media screen and (max-width:767px) {
.ren .m6lie{ width:48%; margin-left:1% !important; margin-right:1%; margin-top:20px; margin-bottom:0px;}
}
/*********************** blog ***************************/
.nemain{ padding-top:20px; padding-bottom:99px;}
.nen{ margin-top:13px;}
.nen:after{ content:""; clear:both; display:block;}
.nel{ width:25%; float:left; background:#ffffff; padding:10px;}
.ner{ width:70.8%; float:right;}
.nesousuo{ width:100%; height: 40px; line-height:38px; background: #fcfcfc; border-radius: 6px; border: solid 1px #dcdcdc; position:relative; margin-top:17px;}
.nesou{ width:100%; height:38px; line-height:38px; border-radius:6px; background:none; padding-left:10px; padding-right:35px; color: #999999; font-size:16px; font-size:1.6rem;}
.nesuo{ width:31px; height:38px; position:absolute; top:0px; right:0px; cursor:pointer; background:none; z-index:2}
.nesousuo i{ display:block; width:31px; height:38px; position:absolute; top:0px; right:0px; color:#ea001e; font-size:18px; background:none; z-index:1}
.nelb{}
.nelbiao{ display:block; color: #d81324; font-family: HelveticaNeueBold, Arial, Helvetica, sans-serif; font-size:22px; font-size:2.2rem; line-height:30px; padding-left:13px; position:relative; margin-top:24px;}
.nelbiao:before{ content:""; position:absolute; width:3px; height:23px; background:#d81324; left:0px; top:50%; transform:translateY(-50%);}
.nelblie{ border-bottom:1px solid #eaeaea; position:relative; margin-top:20px; padding-bottom:15px;}
.nelbtu{ display:block; width:120px; position:absolute; left:0px; top:8px;}
.nelbtu img{ width:100%;}
.nelbzi{ margin-left:131px; font-size:16px; font-size:1.6rem; line-height:30px; height:90px; overflow:hidden;}
.nelbzi p a{ display:block; color: #666666;}
.nelbriqi{ display:block; color: #999999; font-size:14px; font-size:1.4rem; line-height:22px;}
.nelbriqi i{ display:inline-block; vertical-align:middle; margin-right:5px;}
.nelbzi p a:hover{color: #d81324;}
.nelblie:last-child{ border:none;}
a.nelbiao:hover{ color:#333;}
.nelie{ position:relative; min-height:208px; border-bottom:1px solid #cbcbcb; margin-bottom:43px;}
.netu{ width:280px; position:absolute; left:0px; top:0px;}
.nezi{ margin-left:308px;}
.nezi .m5rp a{ max-height:90px;}
@media screen and (max-width:1359px) {
.nel{ width:30%;}
.ner{ width:68%;}
.nelbzi{ margin-left:131px; font-size:14px; font-size:1.4rem; line-height:28px; height:84px; overflow:hidden;}
}
@media screen and (max-width:999px) {
.nemain{ padding-top:20px; padding-bottom:39px;}
.nel{ width:34%; padding:5px;}
.ner{ width:64%;}
.nelbzi{ margin-left:130px;}
.nelie{ min-height:150px; margin-bottom:20px;}
.netu{ width:200px; position:absolute; left:0px; top:7px;}
.nezi{ margin-left:210px;}
.nezi .m5rp a{ max-height:60px;}
}
@media screen and (max-width:767px) {
.nemain{ padding-top:2px; padding-bottom:39px;}
.nel{ width:100%; padding:5px; margin-top:30px;}
.ner{ width:100%;}
.nelie{ min-height:126px; margin-bottom:20px;}
.netu{ width:120px; position:absolute; left:0px; top:7px;}
.nezi{ margin-left:130px;}
.nezi .m5rp a{ max-height:44px;}
.nelbzi{ font-size:12px; font-size:1.2rem;}
}
/***************************** blog2 ********************************/
.ner h1{ color: #d81324; font-size:26px; font-size:2.6rem; line-height:34px;}
.net{ border-bottom:1px solid #c6c6c6; margin-top:18px; padding-bottom:24px;}
.neriqi{ display:inline-block; vertical-align:middle; color: #999999; font-size:14px; font-size:1.4rem; line-height:30px; margin-right:16px;}
.neriqi i{ display:inline-block; vertical-align:middle; margin-right:5px;}
.net .share{ display:inline-block; vertical-align:middle; margin:auto;}
.nexiang{ font-size:16px; font-size:1.6rem; line-height:30px; padding-top:22px;}
.nexiang img{ display:inline-block; max-width:100%;}
.nexiang a{color: #d81324;}
.fanpian{ border-top:1px solid #c6c6c6; padding-top:11px; margin-top:40px;}
.fanpian li{ color: #666666; font-size:16px; font-size:1.6rem; line-height:24px; margin-top:8px;}
.fanpian li a{color: #666666;}
.fanpian li a:hover{color: #d81324;}
@media screen and (max-width:1359px) {
.ner h1{ font-size:22px; font-size:2.2rem; line-height:30px;}
.nexiang{ font-size:14px; font-size:1.4rem; line-height:26px; padding-top:22px;}
.fanpian li{ font-size:14px; font-size:1.4rem; line-height:24px; margin-top:8px;}
}
@media screen and (max-width:767px) {
.ner h1{ font-size:18px; font-size:1.8rem; line-height:26px;}
.neriqi{ font-size:12px; font-size:1.2rem;}
.net{ margin-top:10px; padding-bottom:15px;}
.nexiang{ font-size:12px; font-size:1.2rem; line-height:24px; padding-top:17px;}
.fanpian{ margin-top:20px;}
.fanpian li{ font-size:12px; font-size:1.2rem; line-height:22px; margin-top:8px;}
}
/************************** faq **************************/
.famain{ padding-bottom:100px; padding-top:14px;}
.famain .fenye{ padding-top:80px;}
.famain .subNavBox2{ margin-top:40px;}
@media screen and (max-width:999px) {
.famain{ padding-bottom:40px; padding-top:14px;}
.famain .fenye{ padding-top:30px;}
.famain .subNavBox2{ margin-top:20px;}
}
/************************* contact ************************/
.comain1{ background:url(../images/cobei.jpg) no-repeat center; background-size:cover; background-attachment:fixed; padding-top:1px; padding-bottom:89px;}
.co1n{ padding-top:35px;}
.cobiao{ color: #d81324; font-family: HelveticaNeueBold, Arial, Helvetica, sans-serif; font-size:36px; font-size:3.6rem; line-height:50px; text-align:center; margin-top:20px;}
.cop{color: #666666; font-size:16px; font-size:1.6rem; line-height:30px; text-align:center; max-width:1020px; margin:auto; margin-top:13px;}
.cop p{color: #666666;}
.coxin{ padding-top:14px;}
.coxin .int1{ width:47.666%; margin-top:26px;}
.coxin .int1 input{ width:100%; height: 49px; line-height:49px; background: #ffffff; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); border-radius: 6px; padding:0 16px; font-size:14px; font-size:1.4rem; color: #999999;}
.coxin .int2{ margin-top:26px;}
.coxin .int2 textarea{ width:100%; height: 180px; line-height:29px; padding-top:10px; background: #ffffff; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); border-radius: 6px; padding:0 16px; font-size:14px; font-size:1.4rem; color: #999999;}
.coxin .int3{ width:47.666%; margin-top:26px; background:#fff url(../images/xing.jpg) no-repeat right 24px; position:relative; border-radius: 6px; float:left;}
.coxin .int3 input{ width:100%; height: 49px; line-height:49px; background:none; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); border-radius: 6px; padding:0 16px; padding-right:100px; font-size:14px; font-size:1.4rem; color: #999999; border-radius: 6px;}
.coxin .int3 .yanzheng{ position:absolute; width:80px; height:49px; cursor:pointer; right:18px; top:0px;}
.coxin .int4{ width:47.666%; float:right; cursor:pointer; height: 49px; line-height:47px; background: #d81324; border:1px solid #d81324; border-radius: 6px; margin-top:26px; color: #ffffff; font-size:18px; font-size:1.8rem; transition:0.5s;}
.coxin .xing input,.coxin .xing textarea{ background:#fff url(../images/xing.jpg) no-repeat right 24px;}
.coxin .int4:hover{ background:#fff; color:#d81324;}
@media screen and (max-width:1359px) {
.cobiao{ font-size:30px; font-size:3rem; line-height:40px;}
.cop{ font-size:14px; font-size:1.4rem; line-height:26px; margin-top:10px;}
.coxin{}
}
@media screen and (max-width:999px) {
.comain1{ padding-bottom:39px;}
.co1n{ padding-top:10px;}
.coxin{ padding-top:4px;}
.cobiao{ font-size:24px; font-size:2.4rem; line-height:30px; margin-top:10px;}
}
@media screen and (max-width:767px) {
.coxin .int1{ width:100%; margin-top:15px;}
.coxin .int2{ margin-top:15px;}
.coxin .int2 textarea{ height:140px;}
.coxin .int3,.coxin .int4{ width:100%; margin-top:15px;}
.coxin .int4{ font-size:16px; font-size:1.6rem;}
.cobiao{ font-size:20px; font-size:2rem; line-height:30px; margin-top:10px;}
.cop{ font-size:12px; font-size:1.2rem; line-height:22px; margin-top:10px;}
}
.comain2{ padding-top:47px; padding-bottom:103px;}
.con{ font-size:18px; font-size:1.8rem; line-height:40px; margin-top:37px;}
.con p{ position:relative; padding-left:26px;}
.con p i{ position:absolute; left:0px; top:0px; color:#666666; font-size:18px;}
.con p a:hover{color: #d81324;}
.ditu{ margin-top:66px;}
.ditu img{ width:100%;}
@media screen and (max-width:1359px) {
.con{ font-size:16px; font-size:1.6rem; line-height:34px; margin-top:37px;}
}
@media screen and (max-width:999px) {
.comain2{ padding-top:27px; padding-bottom:33px;}
.con{ font-size:14px; font-size:1.4rem; line-height:30px; margin-top:25px;}
.ditu{ margin-top:30px;}
}
@media screen and (max-width:767px) {
.comain2{ padding-top:7px; padding-bottom:33px;}
.con{ font-size:12px; font-size:1.2rem; line-height:26px; margin-top:25px;}
}
.listcart{margin-top: 90px;}
.listcart a.l{float: left;}
.listcart a.r{float: right;}
.listcart a{ background:#d81324;display:inline-block;height: 34px; width:200px; line-height: 34px;cursor: pointer;border: none;overflow: hidden;color: #fff;cursor: pointer; border:1px solid #d81324; padding-left:10px; padding-right:10px; text-align:center; margin-left:10px;}
.listcart a:hover{ border:#d81324 solid 1px;background: #d81324; color:#fff!important;}
@media screen and (max-width:999px){
.listcart a{margin-left:2.5%; margin-right:2.5%; padding-left:0px; padding-right:0px ;float: none;}
.listcart{ width:100%; margin-top:50px; }
}
@media screen and (max-width:472px){
.listcart a{ width:95% !important ; float:none; overflow:hidden; margin-bottom:1rem; margin-top:1rem}
}
.img-scroll1 {position: relative; width: 100%; z-index:9;}
.img-scroll1 .prev, .img-scroll1 .next {position: absolute; top:50%; margin-top:-20px; width:39px; height:39px; line-height:39px; text-align:center; font-size:24px; font-size:2.4rem; text-align:center; color:#bcbcbc; transition:0.8s; z-index:999}
.img-scroll1 .prev { left:0px; cursor: pointer;}
.img-scroll1 .next { right:0px; cursor: pointer;}
.img-scroll1 .prev:hover,.img-scroll1 .next:hover { color:#d81324;}
.img-list1 {position: relative;overflow: hidden; z-index:90;}
.img-list1 ul {width: 10000%;}
.img-list1 li {float: left;display: inline;width:1%; margin:auto; margin-right:0.0125%; position:relative; overflow:hidden; border: solid 1px #d2d2d2; background:#fff; text-align:left;}
.img-list1 li img{ width:100%;}
.inno a{ background:#d81324;}
.prt:after{ content:""; clear:both; display:block;}
.prtl{ width:55%; float:left; padding-bottom:30px;}
.prtr{ width:35%; float:right;}
.prtr p img{ width:100%;}
.maodian2{ padding-top:12px; padding-bottom:17px;}
.maodian2 p{ margin-bottom:16px;}
.maodian2 a{ display:inline-block; padding:0 30px; border-radius: 18px; border: solid 1px #d81324; line-height:33px; color: #d81324; font-size:16px; font-size:1.6rem;}
.maodian2 a:hover{ background:#d81324; color:#fff;}
@media screen and (max-width:767px) {
.prtl{ width:100%; float:none; padding-bottom:30px;}
.prtr{ width:100%; float:none; max-width:400px; margin:auto;}
}
.prmain2{ padding-top:53px;}
.prmain2 .prta{ padding-right:100px;}
.img-scroll2 {position: relative; width: 100%; z-index:9; margin-top:32px;}
.img-scroll2 .prev, .img-scroll2 .next {position: absolute; top:-81px; width:41px; height:41px; line-height:37px; border:2px solid #999999; border-radius:50%; text-align:center; font-size:16px; font-size:1.6rem; text-align:center; color:#999999; transition:0.8s; z-index:999}
.img-scroll2 .prev { right:57px; cursor: pointer;}
.img-scroll2 .next { right:0px; cursor: pointer;}
.img-scroll2 .prev:hover,.img-scroll2 .next:hover { color:#d81324;}
.img-list2 {position: relative;overflow: hidden; z-index:90;}
.img-list2 ul {width: 10000%;}
.img-list2 li {float: left;display: inline;width:0.229%; margin:auto; margin-right:0.028%; position:relative; overflow:hidden;}
.img-list2 li .prlie{ width:100%;}
.homain2{ padding-bottom:50px;}
.prta a{ display:block; color: #d81324;}
.prta a:hover{ color:#333;}
@media screen and (max-width:999px) {
.prmain2{ padding-top:33px;}
.img-list2 li {width:0.3233%; margin-right:0.015%;}
.img-scroll2 .prev, .img-scroll2 .next { top:-55px; width:31px; height:31px; line-height:27px;}
.img-scroll2 .prev { right:45px; cursor: pointer;}
.homain2{ padding-bottom:30px; padding-top:30px;}
}
@media screen and (max-width:499px) {
.img-scroll2 { margin-top:10px;}
.img-list2 li {width:0.49%; margin-right:0.02%;}
}
.jiann{ min-height:0px;}
.jiann2{ margin-top:20px;}
.jian2biao{ color: #d81324; font-family: Helvetica-Bold, Arial, Helvetica, sans-serif; font-size:20px; font-size:2rem; line-height:30px;}
.jian2n{}
.jian2n p{ margin-top:6px;}
.jian2n p strong{ display:inline-block; background:#d81324 url(../images/duigou.jpg) no-repeat 10px 12px; border-radius:18px; line-height:25px; padding:5px 14px; padding-left:29px; font-family: HelveticaNeue, Arial, Helvetica, sans-serif; font-size:16px; font-size:1.6rem; color:#fff; font-weight:normal;}
@media screen and (max-width:999px) {
.jian2biao{ font-size:18px; font-size:1.8rem; line-height:26px;}
.jian2n p strong{ font-size:14px; font-size:1.4rem;}
}
@font-face {
font-family: HelveticaNeue;
src: url('../fonts/3.eot');
src: url('../fonts/3.eot') format('embedded-opentype'),
url('../fonts/3.woff2') format('woff2'),
url('../fonts/3.woff') format('woff'),
url('../fonts/3.ttf') format('truetype'),
url('../fonts/3.svg#1') format('svg');
}
@font-face {
font-family: HelveticaNeueBold;
font-display: swap;
src: url('../fonts/HelveticaNeueBold.eot');
src: url('../fonts/HelveticaNeueBold.eot') format('embedded-opentype'),
url('../fonts/HelveticaNeueBold.woff2') format('woff2'),
url('../fonts/HelveticaNeueBold.woff') format('woff'),
url('../fonts/HelveticaNeueBold.ttf') format('truetype'),
url('../fonts/HelveticaNeueBold.svg#HelveticaNeueBold') format('svg');
}
@font-face {
font-family: "iconfont"; /* Project id 2638300 */
font-display: swap;
src: url('../fonts/iconfont.woff2?t=1624870550467') format('woff2'),
url('../fonts/iconfont.woff?t=1624870550467') format('woff'),
url('../fonts/iconfont.ttf?t=1624870550467') format('truetype');
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-up7:before {
content: "\e722";
}
.icon-bottom7:before {
content: "\e723";
}
.icon-left7:before {
content: "\e724";
}
.icon-right7:before {
content: "\e725";
}
.icon-search2:before {
content: "\e7b0";
}
.icon-home:before {
content: "\e624";
}
.icon-edit:before {
content: "\e611";
}
.icon-facebook:before {
content: "\e620";
}
.icon-vk:before {
content: "\e735";
}
.icon-pinterest:before {
content: "\e8ab";
}
.icon-jian2:before {
content: "\e600";
}
.icon-linkedin:before {
content: "\e648";
}
.icon-youtube:before {
content: "\e6d6";
}
.icon-twitter:before {
content: "\e607";
}
.icon-jia2:before {
content: "\e608";
}
.icon-bigger:before {
content: "\e647";
}
.icon-left:before {
content: "\e72c";
}
.icon-right:before {
content: "\e72d";
}
.icon-up1:before {
content: "\e72e";
}
.icon-bottom1:before {
content: "\e72f";
}
.icon-left1:before {
content: "\e730";
}
.icon-right1:before {
content: "\e731";
}
.icon-up:before {
content: "\e73e";
}
.icon-bottom:before {
content: "\e73f";
}
.icon-instagram:before {
content: "\e79d";
}
.icon-tumblr:before {
content: "\e79e";
}
.icon-download:before {
content: "\e7a0";
}
.icon-download1:before {
content: "\e7a7";
}
.icon-search4:before {
content: "\e7b2";
}
.icon-address:before {
content: "\e7bc";
}
.icon-email:before {
content: "\e7bd";
}
.icon-contact:before {
content: "\e7be";
}
.icon-whatsapp:before {
content: "\e7bf";
}
.icon-fax:before {
content: "\e7c2";
}
.icon-mobile:before {
content: "\e7c6";
}
.icon-phone:before {
content: "\e7c8";
}
.icon-tel:before {
content: "\e7c7";
}
.icon-phone1:before {
content: "\e7cb";
}
.icon-skype:before {
content: "\e7cc";
}
.icon-whatsapp1:before {
content: "\e7c1";
}
.icon-address1:before {
content: "\e7c3";
}
.icon-contact1:before {
content: "\e7c4";
}
.icon-email1:before {
content: "\e7c5";
}
.icon-skype1:before {
content: "\e7c9";
}
.icon-fax1:before {
content: "\e7ca";
}
.icon-qq:before {
content: "\e7ce";
}
.icon-tel1:before {
content: "\e7cd";
}
.icon-wechat:before {
content: "\e7cf";
}
.icon-phone2:before {
content: "\e7d0";
}
.icon-message:before {
content: "\e7da";
}
.icon-calendar:before {
content: "\e7e1";
}
.icon-calendar1:before {
content: "\e7e3";
}
.icon-top:before {
content: "\e7ed";
}
.icon-youbian:before {
content: "\e60f";
}
.icon-gongchang1:before {
content: "\e602";
}
.icon-cangku:before {
content: "\e786";
}
.icon-yuangong:before {
content: "\e70e";
}
.icon-diqiu:before {
content: "\e60a";
}
.icon-biaoqian:before {
content: "\e63c";
}
.icon-zhifeiji:before {
content: "\e681";
}