* { margin: 0; padding: 0; }

body { font-family: "Microsoft Yahei"; font-size: 14px; }

a { text-decoration: none; transition: all .2s; }

li { list-style: none; }

img { border: none; display: block; }

.clear { clear: both; }

.container { width: 1200px; margin: 0 auto; }

/*------nav-------*/
.nav { width: 100%; height: 80px; line-height: 80px; background: white; }
.nav a.logo { width: 180px; height: 40px; display: block; float: left; background: url("img/icons.png") no-repeat; margin-top: 20px; }
.nav ul { float: right; }
.nav li { float: left; margin-left: 45px; line-height: 80px; position: relative; }
.nav li a { color: #666666; font-size: 16px; display: block; }
.nav li a:hover { color: #2c9f28; }
.nav li:after { position: absolute; width: 0; height: 2px; display: block; content: ""; bottom: 0; background: #2c9f28; transition: all .2s; }
.nav li:hover:after { width: 100%; }

#masked, #masked2 { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 19960426; background: rgba(0, 0, 0, 0.9); display: none; }

video { position: absolute; width: 960px; height: 540px; top: 50%; left: 50%; margin: -270px 0 0 -480px; display: none; }

.mclo { position: absolute; left: 50%; top: 50%; margin: -284px 0 0 464px; width: 30px; height: 30px; font-size: 36px; background: white; border-radius: 50%; cursor: pointer; line-height: 24px; text-align: center; transition: all .2s; transition: all .2s; opacity: .6; }

.mclo:hover { background: red; color: #FFFFFF; transform: rotate(180deg); opacity: .8; }

#masked2 .container { display: table; height: 100%; }
#masked2 p { vertical-align: middle; color: white; line-height: 24px; display: none; padding: 0 100px; font-size: 16px; }

/*---banner-----*/
.banner { width: 100%; height: 600px; background: url("img/bg_banner.jpg") center no-repeat; }
.banner .container { height: 100%; position: relative; }
.banner .probox1 { width: 255px; height: 480px; background: url("img/ban_pro1.png") no-repeat;  display: none; position: absolute; left: 0px; top: 70px; }
.banner .probox2 { width: 441px; height: 204px; background: url("img/ban_pro2.png") no-repeat;  display: none; position: absolute; left: 255px; bottom: 60px; }
.banner .mbox { width: 480px; height: 480px;  position: absolute; top: 135px; right: 0px; display: none; }
.banner .title { width: 100%; height: 62px; background: url("img/bcon.png") no-repeat; }
.banner .ftitle { width: 100%; height: 58px; background: url("img/bcon.png") bottom no-repeat; margin: 15px 0; font-size: 26px; line-height: 58px; text-indent: 30px; color: white; font-weight: lighter; }
.banner .txt { font-size: 22px; line-height: 26px; color: #2c9f28; }
.banner .viqr { width: 100%; height: 112px; margin-top: 20px; }
.banner .vi { width: 345px; height: 112px; float: left; background: url("img/vposter.jpg") center center no-repeat; cursor: pointer; position: relative; transition: all .2s; }
.banner .vi:after { display: block; width: 100%; height: 100%; content: ""; position: absolute; background: url("img/bpw.png") center center no-repeat; background-color: rgba(0, 0, 0, 0.3); transition: all .2s; animation: vplay infinite 2s ease-in-out; }
.banner .vi:hover { height: 180px; }
.banner .vi:hover:after { background: url("img/bpb.png") center center no-repeat; }
.banner .qr { width: 112px; height: 112px; background: url("img/qr.jpg") no-repeat; float: right; }

@keyframes vplay { 0% { opacity: .8; }
  50% { opacity: 1; }
  100% { opacity: .8; } }
.govs { width: 100%; padding: 30px 0; background: #f5f5f5; }
.govs a { display: block; float: left; width: 33%; color: #999999; line-height: 32px; height: 32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.govs a:hover { color: #2c9f28; }

/*-------------*/
.part { margin-top: 80px; }

.ctit { text-align: center; color: #aaaaaa; text-transform: uppercase; }
.ctit span { display: block; font-size: 30px; color: #2c9f28; }

.part1 .section { width: 110%; height: 220px; margin-top: 35px; }
.part1 * { transition: all .2s; }
.part1 dl { width: 380px; height: 220px; float: left; margin-right: 30px; box-shadow: 0 0 2px 2px whitesmoke; }
.part1 dt { text-align: center; color: #2c9f28; font-size: 18px; height: 30px; line-height: 30px; margin-top: 35px; }
.part1 dt:before { display: inline-block; width: 20px; height: 24px; margin-right: 10px; background: url("img/icons.png") -6px -54px; content: ""; vertical-align: middle; }
.part1 dd { color: #999999; line-height: 22px; padding: 22px 30px 0; text-align: justify; }
.part1 dl:hover { background: url("img/bg_clu.png"); }
.part1 dl:hover dt, .part1 dl:hover dd { color: white; }
.part1 dl:hover dt:before { background-position-y: -84px; }
.part1 .squ dt:before { background-position-x: -31px; }
.part1 .lig dt:before { background-position-x: -63px; }
.part1 .lig dd { text-align: center; }

/*--------------s2------------------*/
.part2 { width: 100%; height: 560px; background: #f5f5f5; }
.part2 .bg { width: 100%; height: 190px; background: url("img/bg_p2.jpg") center fixed; margin-bottom: 54px; padding-top: 70px; }
.part2 .ctit { color: #cccccc; }
.part2 .txt { text-align: center; color: #666666; line-height: 32px; }
.part2 .txt span { font-size: 18px; color: #2c9f28; }
.part2 .chat { width: 140px; height: 40px; text-align: center; display: block; color: white; margin: 35px auto 0; font-size: 16px; background: #2c9f28; line-height: 40px; }

/*--------------s3------------------*/
.part3 { margin-top: 70px; }
.part3 .section1 { width: 110%; height: 310px; margin: 40px 0 50px; }
.part3 .section1 dl { width: 380px; height: 310px; float: left; position: relative; background: white; margin-right: 30px; box-shadow: 0 0 2px 2px whitesmoke; transition: all .2s; }
.part3 .section1 dt { width: 380px; height: 160px; background: url("img/p3_1.jpg") center no-repeat; overflow: hidden; }
.part3 .section1 span { display: block; text-align: center; font-size: 18px; color: white; height: 50px; margin-top: 55px; }
.part3 .section1 span:after { display: block; width: 25px; height: 4px; background: white; margin: 15px auto; content: ""; transition: all .2s; }
.part3 .section1 dd { width: 300px; padding: 25px 30px 0; background: white; position: absolute; top: 140px; left: 10px; color: #666666; line-height: 22px; text-align: justify; transition: all .2s; }
.part3 .section1 dl:hover { background: #2c9f28; }
.part3 .section1 dl:hover span:after { width: 50px; }
.part3 .section1 dl:hover dd { background: #2c9f28; color: white; }
.part3 .section2 { width: 110%; height: 190px; }
.part3 .section2 dl { width: 285px; height: 190px; float: left; margin-right: 20px; background: #f5f5f5; position: relative; }
.part3 .section2 dt { width: 100%; height: 100%; }
.part3 .section2 dd { background: rgba(44, 157, 40, 0.9); position: absolute; width: 205px; height: 100px; left: 40px; top: 45px; text-align: center; color: white; font-size: 16px; opacity: 0; transition: all .3s; }
.part3 .section2 dd span { display: block; margin: 18px 0 15px 0; }
.part3 .section2 dd em { display: block; width: 78px; height: 26px; line-height: 26px; font-style: normal; color: white; border: 1px solid white; margin: 0 auto; font-size: 12px; }
.part3 .section2 dl:hover dd { display: block; opacity: 1; }

/*---------p4---------*/
.part4, .part6 { width: 100%; padding: 70px 0; background: #f5f5f5; margin-top: 80px; }

.part4 .casebox { height: 657px; margin-top: 40px; position: relative; }
.part4 .bd, .part4 .bd > div { width: 100%; height: 100%; overflow: hidden; }
.part4 .big { width: 100%; height: 387px; margin-bottom: 40px; z-index: 10; }
.part4 .big img, .part4 .big .txt { width: 580px; float: left; height: 387px; }
.part4 .big .txt { float: right; }
.part4 .big .txt > span { display: block; height: 60px; line-height: 60px; font-size: 18px; color: #333333; }
.part4 .big p { height: 270px; color: #666666; line-height: 36px; }
.part4 .big p span { font-size: 18px; color: #2c9f28; font-weight: bold; }
.part4 .big .txt a { display: block; width: 140px; height: 40px; line-height: 40px; text-align: center; background: #2c9f28; color: white; }
.part4 .small { width: 110%; height: 220px; }
.part4 .small dl { width: 270px; height: 100%; float: left; margin-right: 40px; text-align: center; }
.part4 .small dt { width: 270px; height: 180px; overflow: hidden; margin-bottom: 12px; }
.part4 .small img { width: 100%; }
.part4 .small dd { color: #666666; }
.part4 .small dl:hover dd { color: #2c9f28; }
.part4 .prev, .part4 .next { top: 330px; }

.prev, .next { display: block; width: 36px; height: 36px; border: 1px solid #CCCCCC; position: absolute; background: url("img/icons.png") -181px -45px; right: 50px; transition: all 0s; z-index: 9; }
.prev:hover, .next:hover { background-color: #2c9f28; border-color: #2c9f28; background-position-y: -75px; }

.next { right: 0; background-position-x: -211px; }

/*---------man_form-----------*/
.man_form { text-align: center; }

.man_form span { text-align: center; font-size: 30px; color: #333333; display: block; }

.man_form p { color: #666666; text-align: center; margin: 10px 0 30px; }

.man_form { margin: 80px auto 0; }

.man_form input { width: 338px; height: 38px; border: 1px solid #CCCCCC; color: #333; text-indent: 10px; float: left; margin-right: 30px; outline: none; }

.man_form input.sub { width: 80px; height: 40px; line-height: 40px; border: none; text-indent: 0; cursor: pointer; margin-right: 0; background: #2c9f28; color: #FFFFFF; }

.part5 { margin-top: 70px; }
.part5 table { width: 100%; border-collapse: collapse; margin: 35px 0 15px; }
.part5 td { text-align: center; }
.part5 thead { background: #2c9f28; color: white; }
.part5 thead tr { line-height: 60px; border: 1px solid #2c9f28; }
.part5 thead td:before { display: inline-block; content: ""; width: 20px; height: 20px; margin-right: 10px; background: url("img/icons.png") -6px -118px no-repeat; vertical-align: middle; }
.part5 thead .ke:before { background-position-x: -38px; }
.part5 thead .liu:before { background-position-x: -70px; }
.part5 thead .dan:before { background-position-x: -102px; }
.part5 tbody tr { line-height: 54px; border: 1px solid #dddddd; }
.part5 em { color: #999999; cursor: pointer; text-decoration: underline; transition: all .2s; }
.part5 em:hover { color: #2c9f28; }

.part6 { margin-top: 70px; }
.part6 .xbox { height: 480px; margin-top: 35px; position: relative; }
.part6 .bd, .part6 .bd > div { width: 100%; height: 370px; }
.part6 .table, .part6 dl { float: left; margin-right: 20px; background: white; }
.part6 .table { width: 590px; height: 100%; text-align: center; }
.part6 .caption { width: 100%; height: 60px; line-height: 72px; font-size: 18px; color: #2c9f28; }
.part6 table { width: 100%; height: 300px; }
.part6 dl { width: 285px; height: 100%; }
.part6 dt { width: 100%; height: 185px; overflow: hidden; }
.part6 img { width: 100%; transition: all .2s; }
.part6 dd { height: 144px; padding-top: 41px; position: relative; }
.part6 dd:after { display: block; content: ""; width: 100%; height: 2px; background: #2c9f28; position: absolute; bottom: 0; }
.part6 dd li { height: 34px; line-height: 34px; padding-left: 30px; font-size: 16px; color: #666666; text-indent: 10px; }
.part6 dd li span { color: #2c9f28; }
.part6 dd li:before { display: inline-block; width: 20px; height: 20px; vertical-align: middle; background: url("img/icons.png") -97px -54px; content: ""; margin-right: 10px; transition: all .2s; }
.part6 dd li:nth-child(2):before { background-position-x: -128px; }
.part6 dd li:last-child:before { background-position-x: -155px; }
.part6 .last { margin-right: 0; }
.part6 .last dd:after { display: none; }
.part6 dl:hover dd li:before { background-position-y: -84px; }
.part6 dl:hover dt img { transform: scale(1.05); }
.part6 .hd { width: 100%; height: 30px; text-align: center; margin: 15px 0; }
.part6 .hd li { display: inline-block; width: 50px; height: 30px; cursor: pointer; overflow: hidden; }
.part6 .hd li:after { display: block; content: ""; width: 100%; height: 2px; background: #CCCCCC; margin-top: 14px; transition: all .2s; }
.part6 .hd li:hover:after, .part6 .hd li.on:after { width: 100%; background: #2c9f28; }
.part6 a.know { width: 140px; height: 40px; text-align: center; line-height: 40px; background: #2c9f28; color: white; margin: 0 auto; display: block; }
.part6 .prev, .part6 .next { top: 425px; }

.part7 { margin-top: 70px; }
.part7 form { width: 100%; height: 370px; margin-top: 40px; }
.part7 input, .part7 textarea { border: 1px solid #cccccc; text-indent: 10px; font-size: 16px; color: #333; outline: none; font-family: "Microsoft Yahei"; }
.part7 .small { width: 110%; height: 110px; }
.part7 .small dl { width: 270px; height: 100%; float: left; margin-right: 40px; }
.part7 .small input, .part7 .small .sq { width: 268px; height: 38px; }
.part7 .small .sq { font-size: 14px; color: #999999; border: 1px solid #cccccc; }
.part7 .small .sq input { border: none; width: 210px; }
.part7 dt, .part7 .needtxt { font-size: 16px; color: #666666; height: 40px; }
.part7 textarea { width: 1198px; height: 118px; padding-top: 10px; }
.part7 .btn { width: 100%; height: 40px; text-align: center; margin-top: 40px; }
.part7 .btn input { width: 138px; height: 38px; cursor: pointer; color: #999999; border-color: #999999; text-indent: 0; background: none; line-height: 38px; transition: all .2s; }
.part7 .btn .sub { margin-right: 40px; }
.part7 .btn input:hover, .part7 .btn .sub { background: #2c9f28; color: white; border-color: #2c9f28; }

.footer { width: 100%; height: 40px; background: #333333; line-height: 40px; margin-top: 70px; }
.footer * { color: #999999; }
.footer ul { float: right; }
.footer li { float: left; margin-left: 20px; }
.footer a { display: block; }
.footer a:hover { color: white; }

.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

@keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); }
  100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

@keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }


@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight
}

/*# sourceMappingURL=index.css.map */