@charset "utf-8";

.container { position: relative; width: 100%; margin: 0 auto; }

.line { position: absolute; width: 100%; height: 0; border-top: 1px solid #EE9907; border-bottom: 1px solid #EE9907; }

.indextit{text-align: center;font-size: 24px;color: #000}
.indextit::before,.indextit::after{content: "———————————————";color: #000;margin: 0 20px;}


.indextit2{text-align: center;font-size: 24px;color: #fff}
.indextit2::before,.indextit2::after{content: "————————————————";color: #fff;margin: 0 20px;}

.box01 { position: relative; padding: 40px 0 30px; /*background: #EE9907*/; }
.box01 .line { bottom: 9px; }
.box01 .bd { margin-top: 35px; text-align: center; }
.box01 .bd ul li { display: inline-block; *display: inline; zoom:1; width: 265px; margin: 0 15px 20px; }

.box02 { padding: 75px 0 95px; background: url(../images/bg_02.jpg); }
.box02 .bd { margin-top: 75px; }
.box02 .bd ul { width: 1500px; height: 310px; overflow: hidden; }
.box02 .bd li { position: relative; float: left; width: 257px; margin-right: 27px; box-shadow: 1px 7px 16px rgba(0,0,0,0.23); overflow: hidden; }
.box02 .bd li a { color: #fff; }
.box02 .bd li .tit { position: absolute; left: 0; top: 0; width: 100%; height: 45px; line-height: 45px; font-size: 20px; text-align: center; font-weight: bold; }
.box02 .bd li .tit em { font-size: 14px; text-transform: uppercase; }
.box02 .bd li dl { position: absolute; left: 0; bottom: -100%; width: 573px; padding: 15px 30px; }
.box02 .bd li.li01 dl,.box02 .bd li.li01 .tit { background: url(../images/bg_03.png); }
.box02 .bd li.li02 dl,.box02 .bd li.li02 .tit { background: url(../images/bg_04.png); }
.box02 .bd li.li03 dl,.box02 .bd li.li03 .tit { background: url(../images/bg_05.png); }
.box02 .bd li dl dt { font-size: 20px; font-weight: bold; }
.box02 .bd li dl dt em { font-size: 14px; text-transform: uppercase; }
.box02 .bd li dl dd { margin-top: 5px; font-size: 12px; line-height: 18px; }

.advantageBox { position: relative; left: 50%; width: 1920px; height: 1534px; margin-left: -960px; padding-top: 48px; background: url(../images/advantage_bg.jpg); box-shadow: 1px 7px 9px rgba(0,0,0,0.29); z-index: 5; }
.advantageBox .line1 { top: 9px; }
.advantageBox .line2 { bottom: 40px; z-index: -1; }
.advantageBox .title { text-align: center; }
.advantage01 { margin-top: 130px; }
.advantage01 dl { float: left; width: 550px; }
.advantage dl dd { position: relative; margin-left: 48px; padding: 27px 0 27px 33px; border-top: 1px dashed #fff; font-size: 14px; line-height: 1.5; }
.advantage01 dl.blue dd { border-top: 1px dashed #595959; color: #EAA555; }
.advantage dl dd i { position: absolute; left: 0; top: 30px; width: 21px; height: 17px; background: url(../images/advantage_i2.png); }
.advantage01 dl.blue dd i { background: url(../images/advantage_i1.png); }
.advantage01 .pic { float: right; }

.advantage01 dl.blue strong{color: #EAA555;font-size: 50px;display: block;float: left;margin-right: 10px;}
.advantage01 dl.blue span{color: #EAA555;font-size: 24px;display: block;margin-top: 10px;
   }
.advantage01 dl.blue p{color: #EAA555;font-size: 14px;margin-top: -5px;}


.advantage02 { margin-top: 80px; }
.advantage02 dl { float: right; width: 550px; }
.advantage02 .pic { float: left; }


.advantage02 dl strong{font-size: 50px;display: block;float: left;margin-right: 10px;}
.advantage02 dl span{font-size: 24px;display: block;margin-top: 10px;
   }
.advantage02 dl p{font-size: 14px;margin-top: -5px;}



.advantage03 { margin-top: 50px; }
.advantage03 dl { float: left; width: 550px; }
.advantage03 .pic { float: right; }


.advantage03 dl strong{font-size: 50px;display: block;float: left;margin-right: 10px;}
.advantage03 dl span{font-size: 24px;display: block;margin-top: 10px;
   }
.advantage03 dl p{font-size: 14px;margin-top: -5px;}


.advantageBox .m { display: block; width: 350px; height: 30px; margin: 41px auto 0; background: #000; border-radius: 8px; box-shadow: 1px 1px 1px rgba(0,0,0,0.29); color: #fff; font-size: 14px; text-align: center; line-height: 30px; }

.box03 { padding: 70px 0 90px; background: url(../images/bg_02.jpg); }
.b3l { float: left; width: 750px; }
.box03 .hd { position: relative; height: 43px; padding-left: 14px; line-height: 1; }
.box03 .hd i { position: absolute; left: 0; top: 0; width: 4px; height: 43px; background: #EAA555; box-shadow: 1px 1px 1px rgba(0,0,0,0.29); }
.box03 .hd h3 { text-shadow: 1px 1px 1px rgba(0,0,0,0.29); color: #fff; font-size: 22px; font-weight: normal; }
.box03 .hd em { display: block; margin-top: 5px; color: #EAA555; font-size: 16px; text-transform: uppercase; }
.box03 .hd .ii { position: absolute; left: 130px; top: 21px; display: block; width: 475px; height: 1px; background: #EAA555; box-shadow: 1px 1px 7px rgba(0,0,0,0.68); }
.box03 .hd .di { position: absolute; left: 145px; top: 16px; display: block; width: 101px; height: 13px; background: url(../images/ico_01s.png); }
.box03 .hd .m { position: absolute; right: 0; top: 0; font-size: 14px; line-height: 43px; }
.box03 .hd .m s { padding-left: 5px; color: #EAA555; }
.box03 .bd { padding-top: 70px; }
.b3l .video { float: left; width: 400px; margin-right: 25px; }
.b3l dl { display: block; overflow: hidden; }
.b3l dl dt a { color: #EAA555; font-size: 18px; font-weight: bold; }
.b3l dl .i { padding: 10px 0; font-size: 12px; line-height: 2; }
.b3l dl .l { width: 100%; height: 1px; background: #EAA555; box-shadow: 1px 1px 7px rgba(0,0,0,0.68); }
.b3l dl .m { margin-top: 12px; }
.b3l dl .m a { display: block; width: 125px; height: 29px; background: #EAA555; border-radius: 5px; box-shadow: 1px 1px 4px rgba(0,0,0,0.68); color: #fff; font-size: 14px; text-align: center; line-height: 30px; }
.b3r { float: right; width: 400px; }
.b3r .bd p { font-size: 12px; line-height: 18px; }
.b3r .bd p strong { color: #EAA555; }