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

body{background: #fff;}

.IndexBanner{ height:765px; color:#fff; text-align:center; letter-spacing:3px;}
.IndexBanner .swiper-slide{ background-position: center center; background-size:cover; background-repeat:no-repeat;}
.IndexBanner .swiper-pagination{ bottom:20px;}
.swiper-pagination-bullet{ width:48px; height:2px; background:#808080;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;opacity:1;-webkit-opacity:1;-moz-opacity:1;}
.swiper-pagination-bullet-active{ background:#fff;}
.swiper_txt_1 img{}
.swiper_txt_2{ font-size:16px; color:#e1e0e0; padding:35px 0;}
.swiper_txt_3{ font-size:28px; color:#cdcdcd;}
.swiper_txt_{ width:100%; position:absolute; left:0; z-index:8; top:50%; transform:translateY(-50%);}

.FourList{ overflow:hidden;zoom:1; border:1px solid #686868; border-left:none; border-right:none;}
.Fourm{ float:left; width:25%; overflow:hidden;zoom:1; position:relative;}
.fourz{ position:absolute; left:100px; z-index:8; top:50%; margin-top:-22.5px; z-index:99;}
.Fourimg{max-width:100%; vertical-align:top;}
.Fourmt{border-right:1px solid #686868; overflow:hidden;}
.Fourmlast .Fourmt{ border:none;}
.FourBg{ background:#000;opacity:0;-webkit-opacity:0;-moz-opacity:0; z-index:9; position:absolute; width:100%; height:100%; position:absolute; left:0; top:0;}
.Fourmt:hover .FourBg{opacity:0.4;-webkit-opacity:0.4;-moz-opacity:0.4;filter:alpha(opacity=0.4);}
.Fourmt:hover .Fourimg{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);}
.Fourmt:hover .fourz{left:80px;opacity:0.7;-webkit-opacity:0.7;-moz-opacity:0.7;}


.MainFirst{ padding: 65px 0 20px 0;}
.Mfp1{ font-size:38px; line-height:42px; padding-bottom:36px; position:relative;text-align: left;}
.Mfp1_i{ position:absolute; display:block; width:40px; height:1px; left:0; bottom:0; z-index:9; background:#999;}
.Mfp1_span{ font-weight:bold; font-family: 'Bold','syht','微软雅黑';}
.Mfp1_em{ display:block;}
.Mfmthree{ overflow:hidden;zoom:1; padding-top:55px;}
.Mfmthreem{ float:left; margin-right:48px; width:368px; text-align:justify;}
.Mfmthreemlast{ margin:0;}
.Mfmtp1{ line-height:32px; font-size:17px; height:156px; overflow:hidden;zoom:1;}
.Mfmtp2{ font-size:13px; color:#4f4f4f; line-height:20px; margin-top:125px;}
.Mfmtp2 p{ padding-bottom:20px; }
.MainFirstmore{ text-align:center;padding-top:88px;}
.MainFirstmore a{ font-size:13px; color:#101010; border:1px solid #101010; display:inline-block; width:188px; height:40px; text-align:center; line-height:40px;}
.MainFirstmore a:hover{ color:#fff;}

.MainTwo{ padding:200px 0; background: url(../img/banner1.jpg) center center no-repeat;background-size: 100% 100%;}
.mtp1{}
.mtp1_1{ color:#fff; font-size:36px; padding-bottom:30px;text-align: left; font-weight:bold; font-family:'XLight';}
.mtp1_2{ color:#fff; font-size:30px;text-align: left;font-weight:bold;}
.mtp1_2 em{ font-size:12px; padding:0 17px; position:relative; top:-5px;}

.MainThree{ text-align:center; padding:18px 0;}
.MainThree a{ font-size:13px; color:#0d1d53; display:inline-block; width:112px; cursor:pointer; text-align:center; line-height:26px; margin:0 15px; vertical-align:top; height:26px; border:1px solid #dcdcdc;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
.MainThree em{ padding:0 5px; font-size:11px; font-family: Arial, sans-serif; vertical-align:middle;}
.MainThree a:hover{ background:#0d1d53; border:1px solid #0d1d53; color:#fff;}

.MainFour{font-size:12px; line-height:18px; background:#e1e1e1; padding:110px 0;}
.mfmll{ width:32%; max-width:32%;}
.mfmllw1{ display:block; vertical-align:top; width:100%;}
.mfmtxt{ padding:15px 20px; background:#fff;}
.mf_p2{ padding-top:5px;}
.mfmt20p{ margin-top:20px;}

.mfmlc{ width:32%; margin:0 2%;max-width:32%;}

.MainFive{ color:#fff; font-size:36px; background: url(../img/banner2.jpg) center center no-repeat; padding:200px 0; line-height:60px; background-size:100% 100%; text-align:left;}

.MainSix{ padding:110px 0;}
.MainSixa{ display:inline-block; cursor:pointer; text-align: left;line-height: 36px;margin: 0 10px;cursor: default;border: 1px solid #adadad;padding: 20px 30px;width: 30%;}
.msa11,.msa12{ font-size:23px; color:#000;}
.msa12{ font-family: 'Bold';}
.msa13{ padding:18px 0;}
.msa14{ font-size:16px; color:#696969;}

.MainSeven{ color:#fff; font-size:36px;  background:url(../img/index/MainSeven.jpg) center center no-repeat; padding:250px 0;letter-spacing:5px; }

.MainEight{ padding:70px 0;}
.MainEightL{ width:500px;}
.melp1,.melp2{ font-size:30px;}
.melp1{ color:#808080; font-family: Arial, sans-serif; letter-spacing:3px; padding-bottom:15px;}
.melp2{ color:#1a1a1a; letter-spacing:2px;}
.melpimg{ padding-top:60px; height:95px; overflow:hidden;zoom:1;}
.melp3{ margin-top:30px; position:relative; color:#808080; font-size:13px; padding-bottom:10px;}
.melp3_i{ position:absolute; display:block; left:0; bottom:0; height:1px; width:25px; background:#808080;}
.melp4{ font-size:18px; height:40px; overflow:hidden;zoom:1; line-height:40px; margin-top:10px;}
.melp5{ color:#808080; font-size:14px;height:30px; overflow:hidden;zoom:1; line-height:30px;margin-top:10px;}
.melmore{ display:inline-block; padding:0 32px; letter-spacing:2px; margin-top:20px; border:1px solid #494949; color:#494949; line-height:29px; height:29px;border-radius:13px;-webkit-border-radius:13px;-moz-border-radius:13px;}
.btn-1c:after{border-radius:13px;-webkit-border-radius:13px;-moz-border-radius:13px;}


.MainEightR{ width:570px;}
.merdate{ width:100px; padding-right:35px;}
.mertxt{ padding-left:28px; width:405px;}
.merul,.merm{ width:100%;}
.merm{ float:left; padding-top:5px; height:170px;}
.merdate_i1{ display:inline-block; font-size:30px;color:#808080; font-family: Arial, sans-serif;}
.merdate_i2{ font-size:18px; color:#808080;}
.merdate{ text-align:right;}
.mertxtspan1{font-size:18px; height:30px; overflow:hidden;zoom:1; line-height:30px; display:inline-block; vertical-align:top;}
.mertxtspan2{font-size:12px; height:30px; overflow:hidden;zoom:1; line-height:30px;display:inline-block; vertical-align:top; color:#808080; padding-left:10px;}
.mertxtp2{font-size:13px; height:30px; overflow:hidden;zoom:1; line-height:30px; margin-top:15px; display:inline-block; vertical-align:top; color:#808080;}
.mertxt{ position:relative;}
.mertxti { display:block;width:1px;position:absolute;left:0;}
.mertxti1 {height:100%;background:#ececec;top:5px;}
.mertxti2 {height:30px; background:#808080;top:5px; z-index:9;}
.mertxtp1{ padding-top:5px;}

.MainEightL:hover .melpimg img{transform:scale(1.07);-webkit-transform:scale(1.07);-moz-transform:scale(1.07);}
.MainEightL:hover .melp3_i{ width:50px;}
.MainEightL:hover .melp4{ color:#0d1d53;}
.MainEightL:hover .btn-1c{ color:#fff; border:1px solid #101010;}
.MainEightL:hover .btn-1c:after{ background:#101010;width: 100%;}
.merm:hover .mertxtp2,.merm:hover .mertxtp1{ transform:translateX(30px);}
.merm:hover .mertxti2{ height:80px;}
.merm:hover .merdate_i1,.merm:hover .merdate_i2,.merm:hover .mertxtspan1,.merm:hover .mertxtspan2,.merm:hover .mertxti2,.merm:hover .mertxtp2{ color:#0d1d53;}

.Mainnin{ background:url(../img/index/Mainnin.jpg) center top no-repeat; height:388px; color:#fff; font-size:40px; font-family:Arial, sans-serif; line-height:52px;}
.Mainnin .w1200{ position:relative; height:100%;}
.Mainninp1{ position:absolute; top:50%; margin-top:-50px; left:220px;}
.Mainninp2{ position:absolute; right:150px; bottom:75px;}



.mfmllimg{ position:relative; width:100%; overflow:hidden;zoom:1;}
/*.mfmlc .mfmtxt{ bottom:-574px;}*/
.mfmllw1{ position:relative;overflow:hidden;zoom:1;}
.mfmtxt{ position:absolute; left:0; bottom:-220px; z-index:9;}
.mfmtxt{ padding:0; width:100%; background:rgba(255,255,255,0.9); height:100%;}
.mf_p1{ line-height:30px; height:36px; font-size:15px; padding:0 20px; padding-top:10px;font-weight: bold;}
.mf_p2{ color:#444; padding:0 20px; padding-top:0; position:relative; top:30px;opacity:0;-webkit-opacity:0;-moz-opacity:0;}
.mfmllw1:hover .mfmtxt{ bottom:0;background:rgba(0,0,0,0.5); color:#fff;}
.mfmllw1:hover .mf_p1{ font-size:15px; position:relative; top:30px;}
.mfmllw1:hover .mf_p2{top:45px;opacity:1;-webkit-opacity:1;-moz-opacity:1;color:#f4f5e8;}
.mfmllw1:hover img{transform:scale(1.02);-webkit-transform:scale(1.02);-moz-transform:scale(1.02);}

.ObtnP{ display:inline-block; border:1px solid #fff; height:40px; line-height:40px; overflow:hidden; font-size:12px; font-family: Arial, sans-serif; position:relative;width:40px;}
.ObtnP:hover .ObtnP-x{ color:#000; background:#fff;}
.ObtnP-x{ position:absolute; left:0; top:0;transition:color,background ease-in-out 0.5s;-webkit-transition:color,background ease-in-out 0.5s;-moz-transition:color,background ease-in-out 0.5s;}
.ObtnJt1{background:url(../img/index/jtr_1.png) center no-repeat; width:18px; padding:0 20px;}
.ObtnJt2{background:url(../img/index/jtr_2.png) center no-repeat; width:18px; padding:0 11px;}
.ObtnJt{  background-size:18px auto;}
.ObtnP span,.ObtnP i{height:100%; display:inline-block; vertical-align:top; }
.ObtnP-x-z{ padding-right:0; padding-left:20px;}

.mf_p3{ padding:0 20px; position:relative; top:70px;}



.MainFourm { position:relative; height:635px;}
.MainFourmlist{ position:absolute; width:100%; left:0; top:0; height:100%; display:none;}
.MainTen{ background:url(../img/index/MainTen.jpg) center no-repeat; padding:250px 0; color:#fff; font-size:25px; line-height:50px;}
.MainFourmlistOn{ display:block;}
.Fourimg{ width:100%;}
@media screen and (max-width: 768px) {
.Mfmthree {
    padding-top: 20px;
}
.MainFour {
    padding: 50px 0 0 0;
}
.MainSix {
    padding: 50px 0 0 0;
}
.Mfp1 {
    text-align: center !important;
}
.Fourm {
    width: 100%;
}
.mfmll {
    width: 100%;
    max-width: 100%;
    padding: 0 10%;
}
.Mfp1_i {
	left: 45%;
}
.Mfmthreem {
    text-align: center !important;
	margin-right: 0;
	width: 100% !important;
}
.Mfmtp2 p{
	text-align: center !important;
}
.mfmlc {
	width: 100%;
    max-width: 100%;
	margin:0px;
    padding: 0 10%;
}
.mt{
	margin-top:20px;
}
.MainFourm {
    position: relative;
    height: 1485px;
}
.MainTwo {
    padding: 50px 0;
}
.mtp1_1 {
	line-height: 30px;
    font-size: 20px;
	padding-bottom:0px;
}
.mtp1_2 {
    font-size: 18px;
	line-height: 30px;
}
.MainFive {
    padding: 50px 0;
}
.MainSixa {
	width:100%;
	margin: 10px 0;
}
}