@charset "utf-8";
/* CSS Document */
#warp{ width:100%}
.top,.twoback,.fourback,.sixback,.eightback,.tenback,.twelveback{ width:100%;}
.toptop{ height:40px; background:#F5F5F5; border-bottom:#E6E6E6 solid 1px}
.tphone,.nav,.one,.two,.three,.four,.five,.six,.seven,.eight,.nine,.ten,.eleven,.twelve{ width:1199px; margin:0 auto; border:#E6E6E6 solid 0px}
.tphone ul,.nav ul{ width:1199px; overflow:hidden}
.tphone ul li{ float:left; line-height:40px; padding-right:14px}
.tphone ul li.phone{ float:right; background:url(../img/phone.png) left no-repeat; padding-left:35px; font-size:20px}
.nav ul li{ float:right; line-height:89px;}
.nav ul li a{ padding:0 5px; background:url(../img/navright.png) right no-repeat; font-size:14px; color:#333333}
.nav ul li.logo{ float:left; margin-top:20px}
.nav ul li.bnone a{ background:none}
/* top end */
.banner{ background:url(../img/banner.jpg) center; width:100%; height:520px}
/* banner end */
.one{ margin:53px auto 37px auto}
.oneback{ background:url(../img/img1.png) left no-repeat; padding-left:180px; height:129px}
.oneblue{ font-size:20px; color:#007799; margin-bottom:15px}
.oneblack{ font-size:16px; color:#666}
.oneblack span{ color:#007799}
.one img{ margin:0 auto}
/* one end */
.twoback,.fourback,.sixback,.eightback,.tenback,.twelveback{ background:#F5F5F5; overflow:hidden}
h1{ font-size:50px; font-weight:100; color:#333; text-align:center; height:75px; padding:50px 0 40px 0}
h1 span{ border-bottom:solid #000 1px; padding:10px 50px}
h1 span span{ color:#007799; padding:0; border:0}
.repeat{ font-size:24px; color:#333333; padding:0; margin:0; margin-top:50px; font-weight:100}
.hide{ background:url(../img/hide.png) left no-repeat; height:180px; margin-top:40px; padding-left:360px; font-size:14px; color:#666666; line-height:25px}
.js{ overflow:auto}
.js ul li{ background:url(../img/hover.png) center no-repeat; width:114px; height:114px; text-align:center; float:left; margin:30px 0 0 30px; font-size:20px; color:#333;}
.js ul li:hover a{ background:url(../img/hover1.png) center no-repeat; width:114px; height:114px; text-align:center; float:left; color:#FFF}
h3{ width:188px; height:41px; text-align:center; line-height:41px; margin:50px auto; border:solid 1px #007799; color:#007799; font-size:20px; font-weight:100;}
#warp h3 a{ line-height:41px; color:#079; display:block; height:41px;}
#warp h3 a:hover{ width:188px; height:41px; background:#079; color:#FFF}
/* two end */
.threetwo ul{ margin:0 auto; width:952px; overflow:hidden}
.threetwo ul li{ border:solid #F00 0px; float:left; margin-top:40px; text-align:center; font-size:12px; color:#666}
.threetwo ul li span{ font-size:20px; color:#000; line-height:44px; height:44px}
.threetwo ul li.thone{ padding-top:33px}
.threetwo ul li.thtwo{ padding:0 68px}
.threetwo ul li.thth{ padding:0 121px 0 126px}
/* three end */
.fourback{ margin-top:95px; padding-bottom:50px}
.four ul{ width:300px; border:solid #F00 0px; float:left; margin-top:40px; display:inline}
.four ul.ulone{ margin-left:40px}
.four ul.ultwo{ margin:40px 105px 0 105px}
.four ul li{ text-align:center;}
.four ul li img{ margin:0 auto}
.four ul li.fourone{ font-size:29px; color:#079; line-height:61px; height:61px}
.four ul li.fourtwo{ font-size:24px; color:#333; border-bottom:solid #666 1px; padding-bottom:20px}
.four ul li.fourthree{ font-size:17px; color:#666; text-align:left; line-height:30px; padding-top:10px}
.four ul li.fourfour{ width:144px; height:31px; margin:0 auto; border:solid #079 1px; margin-top:25px}
.four ul li.fourfour a{ line-height:31px; font-size:16px; color:#079;; height:31px}
.four ul li.fourfour a:hover{ background:#079; color:#FFF; width:144px; height:31px; display:block}
/* four end */
.fiveone{ background:url(../img/img11.jpg) no-repeat left; height:390px; margin:44px 0 44px 113px}
.fiveone ul li{ padding-left:380px; font-size:22px; color:#666; line-height:61px}
.fiveone ul li.fivetwo{ line-height:70px; padding-left:435px}
.fiveone ul li.fivethree{ line-height:100px; padding-left:460px}
.phonetwo{ width:500px; margin:0 auto; overflow:hidden}
.phonetwo .pone,.ptwo{ float:left}
.phonetwo .ptwo{ height:41px; line-height:41px; background:url(../img/phonetwo.png) no-repeat left; padding:0 25px 0 45px; font-size:30px; color:#666}
.phonetwo .pone{ width:188px; height:41px; text-align:center; border:solid 1px #007799;}
.phonetwo .pone a{ line-height:41px; color:#007799; font-size:20px;}
.phonetwo .pone a:hover{ background:#079; width:188px; height:41px; display:block; color:#FFF}
/* five end */
.sixback{ margin-top:55px}
.sixone{ margin:45px 0; overflow:hidden}
.sixone .imgleft{ width:500px; height:280px; padding:0 23px}
.sixone .imgleft,.txtright{ float:left}
.sixone .txtright{ width:620px; padding:25px 0 0 12px; font-size:16px; color:#333; line-height:33px}
.sixone .txtright span{ color:#079}
/* six end */
.sevenone{ background:url(../img/img13.png) no-repeat center; width:509px; height:160px; margin:45px auto 70px auto;}
h4{ font-size:28px; color:#666; font-weight:600; text-align:center; line-height:35px}
.sevenone p{ font-size:16px; color:#666; line-height:28px; text-align:center; padding-top:20px;}
.seventwo{ width:1135px; margin:0 auto; overflow:hidden; }
.sevenleft,.sevenright{ padding-top:304px}
.sevenleft{ float:left}
.content{ height:610px; width:1050px; float:left; overflow:hidden}
.sevencenter{ width:1050px; border:solid #F00 0px; height:610px; overflow:hidden; zoom:1; float:left; background:#FFF}
.sevenright{ float:right; width:40px}
.sevenleft{ width:40px}
/* seven end */
/*<!--.eight{ height:200px; box-shadow:1px 1px 1px #000000;}-->*/
.eeone{ width:270px; height:345px; border:#E8E8E8 1px solid; background:#FFF; box-shadow:1px 1px 3px #999999; float:left; margin:45px 0 45px 30px}
.marg{ margin:45px 0 45px 0}
.eightone ul{ width:250px; height:325px; margin:10px; background:#F5F5F5; overflow:hidden}
.eightone ul li{ text-align:center}
.eightone ul li.icon1{ background:url(../img/img19.png) no-repeat; height:27px; padding-left:30px; text-align:left; margin:27px 0 0 60px; font-size:24px; color:#333}
.eightone ul li.icon2{ background:url(../img/img20.png) no-repeat; height:27px; padding-left:30px; text-align:left; margin:27px 0 0 60px; font-size:24px; color:#333}
.eightone ul li.icon3{ background:url(../img/img21.png) no-repeat; height:27px; padding-left:30px; text-align:left; margin:27px 0 0 60px; font-size:24px; color:#333}
.eightone ul li.icon4{ background:url(../img/img22.png) no-repeat; height:27px; padding-left:30px; text-align:left; margin:27px 0 0 60px; font-size:24px; color:#333}
.eightone ul li.print1{ position:relative; width:250px; height:136px; font-size:14px; color:#FFF; margin-top:22px; text-align:left; line-height:28px;}
.eightone ul li.print1 span{ position:absolute; left:0px; top:0; padding:20px}
.eightone ul li.total{ width:144px; height:31px; margin:0 auto; border:solid #079 1px; margin-top:55px}
.eightone ul li.total a{ line-height:31px; font-size:16px; color:#079;; height:31px}
.eightone ul li.total a:hover{ background:#079; color:#FFF; width:144px; height:31px; display:block}
/* eight end */
.nineone ul{ overflow:hidden; margin:45px 0}
.nineone ul li{ font-size:24px; color:#FFF; width:350px; height:140px; line-height:140px; text-align:center; margin:8px 0 0 8px; float:left}
.nineone ul li em{ background:#007799; height:110px; line-height:30px; font-size:16px; text-align:left; padding:30px 10px 0 10px;display:none; font-style:normal}

.nineone ul li.bone{ background:url(../img/img23.jpg) no-repeat; margin-left:0}
.nineone ul li.btwo{ background:url(../img/imgjia.png) no-repeat; width:480px}
.nineone ul li.bthree{ background:url(../img/img24.jpg) no-repeat;}
.nineone ul li.bfour{ background:url(../img/img25.jpg) no-repeat; margin-left:0}
.nineone ul li.bfive{ background:url(../img/img26.jpg) no-repeat; width:480px}
.nineone ul li.bsix{ background:url(../img/img27.jpg) no-repeat;}
.nineone ul li.bseven{ background:url(../img/img28.jpg) no-repeat; margin-left:0}
.nineone ul li.beight{ background:url(../img/img29.jpg) no-repeat; width:480px}
.nineone ul li.bnine{ background:url(../img/img30.jpg) no-repeat;}


/* nine end */
.tenone{ width:980px; margin:0 auto}
.movie{ margin:60px auto 78px auto; position:relative;}
.movie .mplay{ height:333px; overflow:hidden; z-index:1;}
.movie .plcon{ width:62%; margin:0 auto; position:relative}
.movie .plcon video{ width:100%}
.movie .plcon .clickPlay{ position:absolute; width:87px; height:87px; background:rgba(55,125,255,.6); border-radius:87px; box-shadow:rgba(100,160,255,.2) 0 5px 30px; margin:-43px 0 0 -43px; cursor:pointer; top:50%; left:50%; z-index:999}
.movie .plcon .clickPlay:before{ content:""; position:absolute; width:0; height:0; border-top:solid 19px transparent; border-left:solid 32px #FFF; border-bottom:solid 19px transparent; margin:-19px 0 0; top:50%; left:33px}
.movie .plcon.pause .clickPlay{ transform:scale(3,3); opacity:0; transition:all 0.2s linear}
.movie .menu{ text-align:center; height:90px; background:#2b92f1;; padding-left:252px}
.movie .menu img{ float:left; margin:5px 15px 0 0; border:1px #fff solid; cursor:pointer;-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter:gray;}
.movie .menu img.current{ border:1px red solid;-webkit-filter: grayscale(0%); -moz-filter:grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter:;}
/*.movie{ margin:20px 0 78px 0; position:relative;}
.movie .mplay{ height:334px; overflow:hidden; z-index:1}
.movie .plcon{ display:none;}
.movie .menu{ text-align:center; height:111px; background:#007799; padding-left:230px}
.movie .menu img{ float:left; margin:15px 15px 0 0; border:1px #fff solid; cursor:pointer;-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter:gray;}
.movie .menu img.current{ border:1px red solid;-webkit-filter: grayscale(0%); -moz-filter:grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter:;}*/
/* ten end */
.elevenone{ margin:30px auto; border:solid #F00 0px; overflow:hidden}
.ele{ width:385px; height:265px; background:#F5F5F5; float:left;margin: 0 20px 20px 0;}
.eley,.elez{ margin-right:0}
.eletop{ width:385px; height:200px; overflow:hidden; position:relative;}
.ele a{ text-align:center; display:block; width:144px; height:31px; line-height:31px; border:#079 solid 1px; font-size:16px; color:#079; margin:16px auto}
.ele a:hover{ text-align:center; display:block; width:144px; height:31px; line-height:31px; border:#079 solid 1px; background:#079; color:#FFF}
.elebottom{ font-size:20px; background:rgba(0,0,0,0.6); background:#000 9; color:#FFF; position:static; *zoom:1;; padding:0 15px; line-height:45px; position:absolute; top:155px; left:0; width:355px;}
.elebottom span{ font-size:14px; line-height:20px;}
/* eleven end */
.twelve{ height:486px; background:#FFF; margin:50px auto; box-shadow:1px 1px 3px #999999}
.twecon{ background:url(../img/img32.png) left no-repeat; height:486px; overflow:hidden}
.tweleft,.tweright{ float:left; border:solid #F00 0px}
.tweleft{ width:375px; height:486px}
.tweleft p{ font-size:54px; color:#000; line-height:182px; text-align:right}
.tweleft p.twebott{ font-size:21px; line-height:30px; text-align:left; color:#FFF; padding:30px 0 0 35px}
.tweright{ width:820px; overflow:hidden}
.tweright img{ float:left; margin:0 2px 2px 0}
.tweright img.tweone{ margin:55px 2px 2px 223px; display:inline}
.tweright img.twefour{ margin-top:55px; display:inline}
.tweright img.twetwo{ margin-left:84px; display:inline}
/* twelve end */
.thirteenone{ width:934px; border:solid #F00 0px; margin:50px auto; position:relative; height:550px; overflow:hidden;}
.thirteenone a{ text-align:center; color:#FFF; display:block;}
.back1{ background:url(../img/img41.png) no-repeat; width:123px; height:93px; position:absolute; top:2px; left:6px; font-size:20px; padding-top:30px; line-height:30px !important}
.back2{ background:url(../img/img42.png) no-repeat; width:180px; height:125px; position:absolute; top:17px; left:171px; font-size:24px; padding-top:55px; line-height:40px  !important}
.back3{ background:url(../img/img43.png) no-repeat; width:119px; height:89px; position:absolute; top:0px; left:384px; font-size:20px; padding-top:30px; line-height:30px !important}
.back4{ background:url(../img/img44.png) no-repeat; width:177px; height:122px; position:absolute; top:0px; left:557px; font-size:24px; padding-top:55px; line-height:40px !important}
.back5{ background:url(../img/img45.png) no-repeat; width:123px; height:93px; position:absolute; top:0px; left:770px; font-size:20px; padding-top:30px; line-height:30px !important}
.back6{ background:url(../img/img46.png) no-repeat; width:177px; height:122px; position:absolute; top:155px; left:4px; font-size:24px; padding-top:55px; line-height:40px !important}
.back7{ background:url(../img/img47.png) no-repeat; width:235px; height:175px; position:absolute; top:148px; left:346px; font-size:34px; line-height:45px!important; padding-top:60px }
.back8{ background:url(../img/img48.png) no-repeat; width:180px; height:125px; position:absolute; top:222px; left:600px; font-size:24px; padding-top:55px; line-height:40px !important}
.back9{ background:url(../img/img49.png) no-repeat; width:123px; height:93px; position:absolute; top:184px; left:811px; font-size:20px; padding-top:30px; line-height:30px !important}
.back10{ background:url(../img/img50.png) no-repeat; width:119px; height:119px; position:absolute; top:367px; left:0px; font-size:20px; line-height:119px !important}
.back11{ background:url(../img/img51.png) no-repeat; width:217px; height:167px; position:absolute; top:283px; left:154px; font-size:34px; line-height:50px !important; padding-top:60px}
.back12{ background:url(../img/img52.png) no-repeat; width:119px; height:89px; position:absolute; top:408px; left:411px; font-size:20px; padding-top:30px; line-height:30px !important}
.back13{ background:url(../img/img53.png) no-repeat; width:123px; height:123px; position:absolute; top:421px; left:569px; font-size:20px; line-height:123px !important}
.back14{ background:url(../img/img54.png) no-repeat; width:119px; height:89px; position:absolute; top:402px; left:766px; font-size:20px; padding-top:30px; line-height:30px !important}
/* thirteen end */
.bottom{ background:url(../img/bottom.jpg) center no-repeat; width:100%; height:350px}
.bottom p{ font-size:70px; text-align:center; color:#FFF; line-height:80px; padding:100px 0 30px 0}
.bottom a{ display:block; text-align:center; font-size:40px; color:#FFF; text-decoration:none; line-height:40px}
/* bottom end */