.bread {height: 50px; line-height: 50px;} .bread p {color: rgb(71, 71, 71); font-size: 12px; margin-left: 12px;} .bread p a {margin: 0px 5px; color: rgb(71, 71, 71);} .bread p span {margin: 0px 5px; color: rgb(71, 71, 71);} #more {background: rgb(242, 242, 242); height: 350px;} #more .block {height: 350px; position: relative;} #more h3 {text-align: center; color: rgb(71, 71, 71); line-height: 1.2; padding-top: 65px; font-size: 28px;} #tabs {left: 50%; top: 135px; width: 950px; height: 197px; overflow: hidden; margin-left: -475px; position: absolute;} .serBox {margin: 0px 38px; width: 160px; height: 170px; overflow: hidden; float: left; position: relative;} .serBox h4 {text-align: center; color: rgb(71, 71, 71); line-height: 1.2; padding-top: 20px; font-size: 18px;} .serBox h5 {text-align: center; color: rgb(112, 112, 112); line-height: 1.2; font-size: 14px; margin-top: 2px;} .serBox .pic1 {top: 0px; width: 108px; height: 108px; text-align: center; right: 25px; position: absolute;} .serBox .pic2 {left: -110px; top: 0px; width: 108px; height: 108px; text-align: center; position: absolute;} .serBox .txt1 {left: 0px; top: 105px; width: 100%; position: absolute;} .serBox .txt2 {top: 105px; width: 100%; right: -160px; position: absolute;} .serBox .txt2 h5 {color: rgb(204, 1, 0);} #detail .main {padding-bottom: 80px; margin-top: 40px;} #detail .main .left {width: 1155px; padding-right: 35px; margin-left: 35px; float: left; position: relative;} #detail .main .left h1 {text-align: center; color: rgb(71, 71, 71); line-height: 1.2; font-size: 28px;} #detail .main .left h3 {text-align: center; color: rgb(112, 112, 112); line-height: 1.2; FONT-FAMILY: "Microsoft YaHei","΢ÈíÑźÚ", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 12px; margin-top: 15px;} #detail .main .left .share {height: 28px; right: 29px; color: rgb(112, 112, 112); font-size: 12px; position: absolute;} #detail .main .left .share span {line-height: 28px; float: left;} #detail .main .left .share .bdsharebuttonbox {float: left;} #detail .main .left .p {color: rgb(112, 112, 112); line-height: 1.5; font-size: 14px; margin-top: 30px;} #detail .main .right {padding: 0px 20px; width: 338px; border-left-color: rgb(231, 231, 231); border-left-width: 1px; border-left-style: solid; float: right;} #detail .main .right h2 {color: rgb(71, 71, 71); line-height: 1.2; padding-bottom: 10px; font-size: 20px;} #detail .main .right .div1 .pic {width: 338px; height: 194px; overflow: hidden; margin-top: 10px; position: relative;} #detail .main .right .div1 .pic h3 {background: url("../images/black50.png") center; left: 0px; width: 100%; height: 60px; text-align: center; bottom: 0px; color: rgb(255, 255, 255); line-height: 60px; font-size: 18px; position: absolute;} #detail .main .right .div2 {margin-top: 40px;} #detail .main .right .div2 .p a {color: rgb(71, 71, 71); line-height: 2.2; font-size: 14px; display: block;} #detail .main .right .div2 .p a:hover {color: rgb(204, 1, 0);} #contact {width:100%;background: url("../images/bg_contact.jpg") no-repeat top; background-attachment:fixed; height: 696px;} #contact .bread p {color: rgb(255, 255, 255);} #contact .bread a {color: rgb(255, 255, 255);} #contact .bread span {color: rgb(255, 255, 255);} #contact .main {margin-top: 65px; margin: 0px auto; width:1050px;text-align:center;} /*#contact .main .text {margin: 40px auto 0px; width: 924px; height: 210px; text-align: center; position: relative;} #contact .main .text h3 {left: 40%; top: 0px; width: 100%; color: rgb(255, 255, 255); line-height: 1.2; font-size: 28px; margin-left: -462px; position: absolute; opacity: 0; -moz-opacity: 0;} #contact .main .text .p {left: 40%; top: 47px; width: 100%; color: rgb(255, 255, 255); line-height: 1.5; font-size: 14px; margin-left: -462px; position: absolute; opacity: 0; -moz-opacity: 0;} #contact .main .text .more {border: 1px solid rgb(255, 255, 255); left: 40%; top: 113px; width: 288px; height: 45px; text-align: center; color: rgb(255, 255, 255); line-height: 45px; font-size: 14px; margin-left: -145px; position: absolute; opacity: 0; -moz-opacity: 0;} #contact .main .text .more:hover {background: rgb(181, 1, 0); border: currentColor; width: 290px; height: 47px; line-height: 47px;} */ #contact .main .map {border-radius: 10px; width: 695px; height: 517px; overflow: hidden; float: left; position: relative; -moz-border-radius: 10px; -webkit-border-radius: 10px;} #contact .main .r {width: 307px; height: 517px; float: left; margin-left:30px;} #contact .main .r .information {background: rgba(48, 48, 48, 0.8); padding: 15px 20px 0px; border-radius: 10px; width: 277px; height: 500px; -moz-border-radius: 10px; -webkit-border-radius: 10px;} #contact .main .r .form {background: rgb(48, 48, 48); padding: 30px 30px 0px; border-radius: 10px; width: 247px; height: 194px; margin-top: 11px; -moz-border-radius: 10px; -webkit-border-radius: 10px;} #contact .main .r .form .input {background: rgb(255, 255, 255); width: 247px; height: 30px; margin-bottom: 12px;} #contact .main .r .form .input label {width: 70px; color: rgb(144, 144, 144); line-height: 30px; font-size: 12px; margin-left: 13px; float: left; display: block;} #contact .main .r .form .input input {width: 160px; height: 30px; color: rgb(71, 71, 71); line-height: 30px; font-size: 12px; float: left;} #contact .main .r .form .submit {background: rgb(255, 255, 255); width: 85px; height: 30px; color: rgb(112, 112, 112); font-size: 14px; margin-top: 8px; float: right; display: block; cursor: pointer;} #honor {padding-bottom: 78px; } #honor .bread p { color: rgb(255, 255, 255); } #honor .bread a { color: rgb(255, 255, 255); } #honor .bread span { color: rgb(255, 255, 255); } #honor .bread { left: 0px; top: 80px; width: 100%; position: absolute; z-index: 2; } #honor .banner { background: url("../images/bg3.jpg") no-repeat top; height: 575px; } #honor .banner .block { position: relative; } #honor .banner .text { left: 50%; top: 150px; width: 100%; text-align: center; margin-left: -625px; position: absolute; } #honor .banner .text h3 { left: 40%; width: 100%; color: rgb(255, 255, 255); line-height: 1; font-family: Impact; font-size: 130px; margin-left: -625px; position: absolute; opacity: 0; -moz-opacity: 0; } #honor .banner .text p { left: 40%; top: 140px; width: 100%; color: rgb(255, 255, 255); line-height: 1.3; font-size: 14px; margin-left: -625px; position: absolute; opacity: 0; -moz-opacity: 0; } #honor .banner .year { background: url("../images/line3.png") no-repeat left bottom; top: 330px; width: 100%; height: 85px; padding-top: 50px; position: absolute; } #honor .banner .arrow_l { background: url("../images/left.png") no-repeat center; left: 0px; top: 75px; width: 17px; height: 31px; position: absolute; cursor: pointer; } #honor .banner .arrow_r { background: url("../images/right.png") no-repeat center; top: 75px; width: 17px; height: 31px; right: 0px; position: absolute; cursor: pointer; } #honor .banner .ul { margin: 0px auto; width: 900px; height: 90px; overflow: hidden; position: relative; } #honor .banner .ul ul { left: 0px; top: 0px; width: 20000px; position: absolute; } #honor .banner .ul ul li { margin: 0px 40px; width: 100px; float: left; } #honor .banner .ul ul li.now h3 { color: #014099; font-size: 37px; font-weight: bold; } #honor .banner .ul ul li:hover h3 { color: #014099; font-size: 37px; font-weight: bold; } #honor .banner .ul ul li h3 { text-align: center; color: rgb(255, 255, 255); padding-top: 37px; font-size: 30px; } #honor .banner .ul ul li span { background: url("../images/dian5.png") no-repeat center; margin: 21px auto 0px; width: 15px; height: 15px; display: block; } #honor .list { margin: 92px auto 0px; width: 1244px; } #honor .list .pic { width: 622px; height: 442px; overflow: hidden; float: left; position: relative; } #honor .list .pic img { width: 100%; height: auto; } #honor .list .pic .up { background: url("../images/black50.png") center; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; } #honor .list .pic .up h3 { margin: 300px 0px 0px 50px; color: rgb(255, 255, 255); line-height: 1; FONT-FAMILY: "Microsoft YaHei","΢ÈíÑźÚ", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 40px; } #honor .list .pic .up h3 span { font-size: 40px; } #honor .list .pic .up p { margin: 5px 0px 0px 50px; width: 290px; color: rgb(255, 255, 255); line-height: 1.5; font-size: 18px; } #honor .list .text { background: url("../images/bg3.png") center; padding: 0px 75px 0px 67px; width: 480px; height: 442px; float: left; } #honor .list .text h3 { color: rgb(71, 71, 71); line-height: 1.2; font-size: 18px; margin-top: 90px; } #honor .list .text h4 { background: url("../images/clock.png") no-repeat left; color: rgb(112, 112, 112); line-height: 1.5; padding-left: 22px; FONT-FAMILY: "Microsoft YaHei","΢ÈíÑźÚ", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; margin-top: 8px; } #honor .list .text p { color: rgb(112, 112, 112); line-height: 1.5; font-size: 14px; margin-top: 10px; } #honor .more { margin: 45px auto 0px; border: 1px solid rgb(144, 144, 144); width: 188px; height: 43px; text-align: center; color: rgb(71, 71, 71); line-height: 43px; font-size: 14px; display: block; } #honor .more:hover { background: rgb(181, 1, 0); border: currentColor; width: 190px; height: 45px; color: rgb(255, 255, 255); line-height: 45px; } #join .main1 { height: 500px; position: relative; } #join .bread p { color: rgb(255, 255, 255); } #join .bread a { color: rgb(255, 255, 255); } #join .bread span { color: rgb(255, 255, 255); } #join .bread { left: 0px; top: 80px; width: 100%; position: absolute; z-index: 2; } #join .main1 .black { background: url("../images/black100.png") center; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; } #join .main1 .text { left: 50%; top: 205px; width: 1250px; text-align: center; margin-left: -625px; position: absolute; } #join .main1 .text h3 { left: 40%; top: 0px; width: 100%; color: rgb(255, 255, 255); line-height: 1.2; font-size: 28px; margin-left: -625px; position: absolute; opacity: 0; -moz-opacity: 0; } #join .main1 .text p { left: 40%; top: 45px; width: 1014px; color: rgb(255, 255, 255); line-height: 1.5; font-size: 14px; margin-left: -507px; position: absolute; opacity: 0; -moz-opacity: 0; } #join .main2 { background: rgb(242, 242, 242); height: 650px; } #join .main2 .focus { height: 600px; overflow: hidden; position: relative; } #join .main2 .focus .frame { height: 550px; overflow: hidden; position: relative; } #join .main2 .focus .frame .child { width: 1250px; float: left; } #join .main2 .focus .nav { left: 0px; width: 100%; text-align: center; bottom: 0px; position: absolute; } #join .main2 .focus .nav a { background: url("../images/dian1.png") no-repeat center; margin: 0px 5px; width: 16px; height: 16px; display: inline-block; } #join .main2 .focus .nav a.now { background: url("../images/dian2.png") no-repeat center; } #join .main2 .title { text-align: center; padding-top: 96px; } #join .main2 .title h2 { color: rgb(71, 71, 71); line-height: 1.2; font-size: 28px; } #join .main2 .title h3 { color: rgb(71, 71, 71); line-height: 1.2; font-size: 20px; margin-top: 7px; } #join .main2 .box { margin-top: 45px; } #join .main2 .box .pic { margin: 0px 0px 10px 10px; width: 410px; height: 341px; overflow: hidden; float: left; position: relative; } #join .main2 .box .a.pic { margin-left: 0px; } #join .main2 .box .pic img { width: 100%; height: auto; } #join .main2 .box .pic h3 { background: url("../images/black65.png") center; left: 0px; width: 100%; height: 50px; text-align: center; bottom: 0px; color: rgb(255, 255, 255); line-height: 50px; font-size: 16px; position: absolute; } #join .main3 { padding: 30px 0px 75px; } #join .main3 .title { text-align: center; } #join .main3 .title h2 { color: rgb(71, 71, 71); line-height: 1.2; font-size: 28px; } #join .main3 .title h3 { color: rgb(71, 71, 71); line-height: 1.2; font-size: 20px; margin-top: 7px; } #join .main3 .link { height: 45px; text-align: center; margin-top: 15px; } #join .main3 .link a { border: 1px solid rgb(167, 167, 167); width: 153px; height: 43px; color: rgb(71, 71, 71); line-height: 43px; font-size: 14px; margin-right: 10px; display: inline-block; } #join .main3 .link a:hover { background: rgb(181, 1, 0); border: currentColor; width: 155px; height: 45px; color: rgb(255, 255, 255); line-height: 45px; } #join .main3 .link a.now { background: rgb(181, 1, 0); border: currentColor; width: 155px; height: 45px; color: rgb(255, 255, 255); line-height: 45px; } #join .main3 table { margin-top: 35px; display: none; } #join .main3 table.a { display: block; } #join .main3 table tr { height: 50px; text-align: center; color: rgb(71, 71, 71); font-size: 12px; border-bottom-color: rgb(242, 242, 242); border-bottom-width: 2px; border-bottom-style: solid; } #join .main3 table th { background: rgb(242, 242, 242); color: rgb(71, 71, 71); font-size: 16px; font-weight: normal; } #join .main3 table .t1 { width: 250px; } #join .main3 table .t2 { width: 250px; } #join .main3 table .t3 { width: 250px; } #join .main3 table .t4 { width: 250px; } #join .main3 table .t5 { width: 250px; } #join .main3 table .check { color: rgb(71, 71, 71); } #join .main3 table .check:hover { color: rgb(204, 1, 0); } #join .main3 .bot { text-align: right; color: rgb(112, 112, 112); font-size: 12px; margin-top: 30px; } #join .main3 .bot span { font-size: 14px; } #join .main3 table .bg_black { background: url("../images/black50.png") center; left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: fixed; z-index: 20; } #join .main3 table .bg_black .inner { background: rgb(255, 255, 255); padding: 73px 50px 73px 107px; border-radius: 5px; left: 50%; top: 50%; width: 733px; height: 400px; text-align: left; margin-top: -273px; margin-left: -449px; position: absolute; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #join .main3 table .bg_black .inner .text { height: 300px; overflow: auto; } #join .main3 table .bg_black .inner .close { background: url("../images/close.png") no-repeat center; top: 15px; width: 36px; height: 35px; right: 15px; display: block; position: absolute; } #join .main3 table .bg_black .inner h2 { color: rgb(71, 71, 71); line-height: 1.2; font-size: 24px; margin-bottom: 6px; } #join .main3 table .bg_black .inner h3 { width: 293px; color: rgb(71, 71, 71); line-height: 1.2; font-size: 18px; margin-top: 11px; float: left; } #join .main3 table .bg_black .inner h4 { width: 293px; color: rgb(71, 71, 71); line-height: 1.2; font-size: 18px; margin-top: 17px; } #join .main3 table .bg_black .inner .p { color: rgb(112, 112, 112); line-height: 1.5; font-size: 14px; margin-top: 11px; } #join .main3 table .bg_black .inner .fs { background: rgb(204, 1, 0); width: 258px; height: 42px; text-align: center; color: rgb(255, 255, 255); line-height: 42px; font-size: 16px; margin-top: 30px; display: block; } #news .main1 {height: 500px; position: relative;} #news .bread p {color: rgb(255, 255, 255);} #news .bread a {color: rgb(255, 255, 255);} #news .bread span {color: rgb(255, 255, 255);} #news .bread {left: 0px; top: 80px; width: 100%; position: absolute; z-index: 2;} #news .main1 .black {background: url("../images/black100.png") center; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;} #news .main1 .text {left: 50%; top: 170px; width: 1250px; text-align: center; margin-left: -625px; position: absolute;} #news .main1 .text h3 {left: 40%; top: 0px; width: 100%; color: rgb(255, 255, 255); line-height: 1.2; font-size: 28px; margin-left: -625px; position: absolute; opacity: 0; -moz-opacity: 0;} #news .main1 .text p {left: 40%; top: 45px; width: 890px; color: rgb(255, 255, 255); line-height: 1.5; font-size: 14px; margin-left: -445px; position: absolute; opacity: 0; -moz-opacity: 0;} #news .main1 .text .learn {border: 1px solid rgb(255, 255, 255); left: 40%; top: 145px; width: 188px; height: 43px; text-align: center; color: rgb(255, 255, 255); line-height: 43px; font-size: 14px; margin-left: -95px; display: block; position: absolute; opacity: 0; -moz-opacity: 0;} #news .main1 .text .learn:hover {background: rgb(181, 1, 0); border: currentColor; width: 190px; height: 45px; line-height: 45px;} #news .main2 {padding: 71px 0px 79px;} #news .main2 .div {height: 1200px; margin-bottom: 25px;margin:0 auto;} #news .main2 .div .pic {width: 408px; height: 230px; overflow: hidden; float: left;} #news .main2 .div .pic .in {width: 408px; height: 230px; overflow: hidden; display: none; position: relative;} #news .main2 .div .pic .a.in {display: block;} #news .main2 .div .pic .in img {width: 100%; height: auto;} #news .main2 .div .pic .in h3 {background: url("../images/black60.png") center; left: 0px; width: 388px; height: 43px; bottom: 0px; color: rgb(255, 255, 255); line-height: 43px; padding-left: 20px; font-size: 14px; position: absolute;} #news .main2 .div .text {width: 1208px; text-align:left;} #news .main2 .div .text .t {background: url("../images/line2.png") repeat-x left top; height: 115px;} #news .main2 .div .text .t .date {width: 137px; text-align: center; float: left;} #news .main2 .div .text .t .r {width: 1020px; margin-right: 27px; float: right;} #news .main2 .div .text .t .date h2 {color: #014099; line-height: 0.9; FONT-FAMILY: "Microsoft YaHei","΢ÈíÑźÚ", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 60px; margin-top: 20px;} #news .main2 .div .text .t .date h3 {color: #014099; line-height: 1; FONT-FAMILY: "Microsoft YaHei","΢ÈíÑźÚ", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 18px;} #news .main2 .div .text .t .r h3 {color: rgb(71, 71, 71); line-height: 1.2; font-size: 18px; margin-top: 22px;} #news .main2 .div .text .t .r p {color: rgb(112, 112, 112); line-height: 1.8; font-size: 12px; margin-top: 7px;} #news .main2 .div .text .t:hover {background: url("../images/bg6.png") center;} #news .main2 .div .text .t:hover .date h2 {color: rgb(255, 255, 255);} #news .main2 .div .text .t:hover .date h3 {color: rgb(255, 255, 255);} #news .main2 .div .text .t:hover .r p {color: rgb(255, 255, 255);} #news .main2 .div .text .t:hover .r h3 {color: rgb(255, 255, 255);} #news .page {margin-top: 50px;} #sol .main2 {padding: 71px 0px 79px;} #sol .main2 .div {height: 600px; margin-bottom: 25px;margin:0 auto;} #sol .main2 .div .pic {width: 408px; height: 230px; overflow: hidden; float: left;} #sol .main2 .div .pic .in {width: 408px; height: 230px; overflow: hidden; display: none; position: relative;} #sol .main2 .div .pic .a.in {display: block;} #sol .main2 .div .pic .in img {width: 100%; height: auto;} #sol .main2 .div .pic .in h3 {background: url("../images/black60.png") center; left: 0px; width: 388px; height: 43px; bottom: 0px; color: rgb(255, 255, 255); line-height: 43px; padding-left: 20px; font-size: 14px; position: absolute;} #sol .main2 .div .text {width: 1208px; text-align:left;} #sol .main2 .div .text .t {background: url("../images/line2.png") repeat-x left top; height: 115px;} #sol .main2 .div .text .t .date {width: 137px; text-align: center; float: left;} #sol .main2 .div .text .t .r {width: 1020px; margin-right: 27px; float: right;} #sol .main2 .div .text .t .date h2 {color: #014099; line-height: 0.9; FONT-FAMILY: "Microsoft YaHei","΢ÈíÑźÚ", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 60px; margin-top: 20px;} #sol .main2 .div .text .t .date h3 {color: #014099; line-height: 1; FONT-FAMILY: "Microsoft YaHei","΢ÈíÑźÚ", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 18px;} #sol .main2 .div .text .t .r h3 {color: rgb(71, 71, 71); line-height: 1.2; font-size: 18px; margin-top: 22px;} #sol .main2 .div .text .t .r p {color: rgb(112, 112, 112); line-height: 1.8; font-size: 12px; margin-top: 7px;} #sol .main2 .div .text .t:hover {background: url("../images/bg6.png") center;} #sol .main2 .div .text .t:hover .date h2 {color: rgb(255, 255, 255);} #sol .main2 .div .text .t:hover .date h3 {color: rgb(255, 255, 255);} #sol .main2 .div .text .t:hover .r p {color: rgb(255, 255, 255);} #sol .main2 .div .text .t:hover .r h3 {color: rgb(255, 255, 255);} #sol .page {margin-top: 50px;} .more_2 {border: 1px solid rgb(167, 167, 167); width: 148px; height: 43px; text-align: center; color: rgb(71, 71, 71); line-height: 43px; font-size: 16px; display: block; position: absolute;} .more_2:hover {background: #014099; border: currentColor; width: 150px; height: 45px; color: rgb(255, 255, 255); line-height: 45px;} #llyj .main1 {height: 500px; position: relative;} #llyj .main1 .black {background: url("../images/black100.png") center; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;} #llyj .main1 .text {left: 50%; top: 170px; width: 1250px; text-align: center; margin-left: -625px; position: absolute;} #llyj .main1 .text h3 {left: 40%; top: 0px; width: 100%; color: rgb(255, 255, 255); line-height: 1.2; font-size: 28px; margin-left: -625px; position: absolute; opacity: 0; -moz-opacity: 0;} #llyj .main1 .text p {left: 40%; top: 45px; width: 890px; color: rgb(255, 255, 255); line-height: 1.5; font-size: 14px; margin-left: -445px; position: absolute; opacity: 0; -moz-opacity: 0;} #llyj .main1 .text .learn {border: 1px solid rgb(255, 255, 255); left: 40%; top: 145px; width: 188px; height: 43px; text-align: center; color: rgb(255, 255, 255); line-height: 43px; font-size: 14px; margin-left: -95px; display: block; position: absolute; opacity: 0; -moz-opacity: 0;} #llyj .main1 .text .learn:hover {background: rgb(181, 1, 0); border: currentColor; width: 190px; height: 45px; line-height: 45px;} #llyj .main2 {padding: 71px 0px 79px;} #llyj .main2 .div {height: 200px; margin-bottom: 25px;} #llyj .main2 .div .pic {width: 408px; height: 230px; overflow: hidden; float: left;} #llyj .main2 .div .pic .in {width: 408px; height: 230px; overflow: hidden; display: none; position: relative;} #llyj .main2 .div .pic .a.in {display: block;} #llyj .main2 .div .pic .in img {width: 100%; height: auto;} #llyj .main2 .div .pic .in h3 {background: url("../images/black60.png") center; left: 0px; width: 388px; height: 43px; bottom: 0px; color: rgb(255, 255, 255); line-height: 43px; padding-left: 20px; font-size: 14px; position: absolute;} #llyj .main2 .div .text {width: 1208px; float: right;} #llyj .main2 .div .text .t {background: url("../images/line2.png") repeat-x left top; height: 115px;} #llyj .main2 .div .text .t .date {width: 137px; text-align: center; float: left;} #llyj .main2 .div .text .t .r {width: 1020px; margin-right: 27px; float: right;} #llyj .main2 .div .text .t .date h2 {color: #014099; line-height: 0.9; FONT-FAMILY: "Microsoft YaHei","΢ÈíÑźÚ", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 60px; margin-top: 20px;} #llyj .main2 .div .text .t .date h3 {color: #014099; line-height: 1; FONT-FAMILY: "Microsoft YaHei","΢ÈíÑźÚ", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 18px;} #llyj .main2 .div .text .t .r h3 {color: rgb(71, 71, 71); line-height: 1.2; font-size: 18px; margin-top: 22px;} #llyj .main2 .div .text .t .r p {color: rgb(112, 112, 112); line-height: 1.8; font-size: 12px; margin-top: 7px;} #llyj .main2 .div .text .t:hover {background: url("../images/bg6.png") center;} #llyj .main2 .div .text .t:hover .date h2 {color: rgb(255, 255, 255);} #llyj .main2 .div .text .t:hover .date h3 {color: rgb(255, 255, 255);} #llyj .main2 .div .text .t:hover .r p {color: rgb(255, 255, 255);} #llyj .main2 .div .text .t:hover .r h3 {color: rgb(255, 255, 255);} #llyj .page {margin-top: 50px;} .close{text-align:center;margin:20px 1px; display:block; clear:both;} #patent .main1 { height: 500px; position: relative; } #patent .bread p { color: rgb(255, 255, 255); } #patent .bread a { color: rgb(255, 255, 255); } #patent .bread span { color: rgb(255, 255, 255); } #patent .bread { left: 0px; top: 80px; width: 100%; position: absolute; z-index: 2; } #patent .main1 .black { background: url("../images/black100.png") center; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; } #patent .main1 .text { left: 50%; top: 205px; width: 1250px; text-align: center; margin-left: -625px; position: absolute; } #patent .main1 .text h3 { left: 40%; top: 0px; width: 100%; color: rgb(255, 255, 255); line-height: 1.2; font-size: 28px; margin-left: -625px; position: absolute; opacity: 0; -moz-opacity: 0; } #patent .main1 .text p { left: 40%; top: 45px; width: 736px; color: rgb(255, 255, 255); line-height: 1.5; font-size: 12px; margin-left: -368px; position: absolute; opacity: 0; -moz-opacity: 0; } #patent .main2 { padding: 40px 0px 80px; } #patent .main2 .pic { background: url("../images/bg7.png") no-repeat center; margin: 0px 0px 17px 17px; border: 1px solid rgb(213, 213, 213); width: 234px; height: 340px; overflow: hidden; float: left; position: relative; } #patent .main2 .first.pic { margin-left: 0px; } #patent .main2 .pic img { width: 100%; height: auto; } #patent .main2 .pic .up1 { background: url("../images/black65.png") center; left: 0px; width: 100%; height: 45px; bottom: 0px; line-height: 45px; position: absolute; } #patent .main2 .pic .up1 h3 { color: rgb(255, 255, 255); font-size: 14px; margin-left: 25px; } #patent .main2 .pic .up2 { background: url("../images/black65.png") center; padding: 40px 20px; left: 0px; width: 194px; height: 260px; bottom: 0px; display: none; position: absolute; } #patent .main2 .pic .up2 h3 { color: rgb(255, 255, 255); font-size: 16px; } #patent .main2 .pic .up2 p { color: rgb(255, 255, 255); line-height: 1.6; font-size: 12px; margin-top: 10px; } #partner .main1 { height: 500px; position: relative; } #partner .bread p { color: rgb(255, 255, 255); } #partner .bread a { color: rgb(255, 255, 255); } #partner .bread span { color: rgb(255, 255, 255); } #partner .bread { left: 0px; top: 80px; width: 100%; position: absolute; z-index: 2; } #partner .main1 .black { background: url("../images/black100.png") center; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; } #partner .main1 .text { left: 50%; top: 170px; width: 1250px; text-align: center; margin-left: -625px; position: absolute; } #partner .main1 .text h3 { left: 40%; top: 0px; width: 100%; color: rgb(255, 255, 255); line-height: 1.2; font-size: 28px; margin-left: -625px; position: absolute; opacity: 0; -moz-opacity: 0; } #partner .main1 .text p { left: 40%; top: 45px; width: 890px; color: rgb(255, 255, 255); line-height: 1.5; font-size: 14px; margin-left: -445px; position: absolute; opacity: 0; -moz-opacity: 0; } #partner .main1 .text .learn { border: 1px solid rgb(255, 255, 255); left: 40%; top: 145px; width: 188px; height: 43px; text-align: center; color: rgb(255, 255, 255); line-height: 43px; font-size: 14px; margin-left: -95px; display: block; position: absolute; opacity: 0; -moz-opacity: 0; } #partner .main1 .text .learn:hover { background: rgb(181, 1, 0); border: currentColor; width: 190px; height: 45px; line-height: 45px; } #partner .main2 { padding: 80px 0px; } #partner .main2 .ul { height: 95px; } #partner .main2 .ul .li { background: rgb(237, 237, 237); width: 33.3%; height: 95px; float: left; cursor: pointer; } #partner .main2 .ul .li .in { width: 244px; height: 70px; padding-top: 25px; padding-left: 65px; margin-left: 107px; } #partner .main2 .ul .now.li { background: url("../images/bg6.png") center; } #partner .main2 .ul .now.li .in h3 { color: rgb(255, 255, 255); } #partner .main2 .ul .now.li .in h4 { color: rgb(255, 255, 255); } #partner .main2 .ul .l1.li .in { background: url("../images/img15.png") no-repeat left; } #partner .main2 .ul .l2.li .in { background: url("../images/img16.png") no-repeat left; } #partner .main2 .ul .l3.li .in { background: url("../images/img17.png") no-repeat left; } #partner .main2 .ul .now.l1.li .in { background: url("../images/img15-1.png") no-repeat left; } #partner .main2 .ul .now.l2.li .in { background: url("../images/img16-1.png") no-repeat left; } #partner .main2 .ul .now.l3.li .in { background: url("../images/img17-1.png") no-repeat left; } #partner .main2 .ul .li .in h3 { color: rgb(71, 71, 71); line-height: 1.2; font-size: 18px; } #partner .main2 .ul .li .in h4 { color: rgb(71, 71, 71); text-transform: uppercase; line-height: 1.2; FONT-FAMILY: "Microsoft YaHei","΢ÈíÑźÚ", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 14px; margin-top: 5px; } #partner .main2 .t { margin-top: 60px; } #partner .main2 .t .inner { display: none; } #partner .main2 .t .a.inner { display: block; } #partner .main2 .t .inner .div { background: url("../images/line4.png") no-repeat center; margin: -1px 0px 0px -1px; width: 251px; height: 132px; text-align: center; float: left; } #partner .main2 .t .inner .div i { height: 100%; vertical-align: middle; display: inline-block; } #branch { background: url("../images/bg8.jpg") no-repeat top; height: 854px; } #branch .bread p { color: rgb(255, 255, 255); } #branch .bread a { color: rgb(255, 255, 255); } #branch .bread span { color: rgb(255, 255, 255); } #branch .main { margin-top: 75px; } #branch .main .text { margin: 40px auto 0px; width: 924px; height: 235px; text-align: center; position: relative; } #branch .main .text h3 { left: 40%; top: 0px; width: 100%; color: rgb(255, 255, 255); line-height: 1.2; font-size: 28px; margin-left: -462px; position: absolute; opacity: 0; -moz-opacity: 0; } #branch .main .text .p { left: 40%; top: 45px; width: 100%; color: rgb(255, 255, 255); line-height: 1.5; font-size: 14px; margin-left: -462px; position: absolute; opacity: 0; -moz-opacity: 0; } #branch .main .text .more { border: 1px solid rgb(255, 255, 255); left: 40%; top: 127px; width: 188px; height: 45px; text-align: center; color: rgb(255, 255, 255); line-height: 45px; font-size: 14px; margin-left: -95px; position: absolute; opacity: 0; -moz-opacity: 0; } #branch .main .text .more:hover { background: rgb(181, 1, 0); border: currentColor; width: 190px; height: 47px; line-height: 47px; } #branch .main .div { margin: 0px 0px 11px 11px; width: 304px; height: 166px; overflow: hidden; float: left; } #branch .main .first.div { margin-left: 0px; } #branch .main .div .d1 { background: url("../images/black45.png") center; padding: 60px 45px 0px; width: 214px; height: 106px; } #branch .main .div .d1 h3 { color: rgb(255, 255, 255); line-height: 1.3; font-size: 18px; } #branch .main .div .d2 { background: url("../images/white45.png") center; padding: 20px 35px 0px; width: 234px; height: 146px; display: none; } #branch .main .div .d2 h3 { color: rgb(71, 71, 71); line-height: 1.3; font-size: 18px; margin-bottom: 5px; } #branch .main .div .d2 p { color: rgb(71, 71, 71); line-height: 1.7; font-size: 14px; } #branch .main .focus { width: 100%; height: 398px; overflow: hidden; position: relative; } #branch .main .focus .frame { width: 100%; height: 354px; overflow: hidden; position: relative; } #branch .main .focus .frame .child { width: 1250px; float: left; } #branch .main .focus .nav { left: 0px; width: 100%; text-align: center; bottom: 0px; position: absolute; } #branch .main .focus .nav a { background: url("../images/nav1.png") no-repeat center; margin: 0px 2px; width: 30px; height: 7px; display: inline-block; } #branch .main .focus .nav a.now { background: url("../images/nav2.png") no-repeat center; } #school .main1 { height: 500px; position: relative; } #school .bread p { color: rgb(255, 255, 255); } #school .bread a { color: rgb(255, 255, 255); } #school .bread span { color: rgb(255, 255, 255); } #school .bread { left: 0px; top: 80px; width: 100%; position: absolute; z-index: 2; } #school .main1 .black { background: url("../images/black100.png") center; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; } #school .main1 .text { left: 50%; top: 205px; width: 1250px; text-align: center; margin-left: -625px; position: absolute; } #school .main1 .text h3 { left: 40%; top: 0px; width: 100%; color: rgb(255, 255, 255); line-height: 1.2; font-size: 28px; margin-left: -625px; position: absolute; opacity: 0; -moz-opacity: 0; } #school .main1 .text p { left: 40%; top: 45px; width: 1000px; color: rgb(255, 255, 255); line-height: 1.5; font-size: 14px; margin-left: -500px; position: absolute; opacity: 0; -moz-opacity: 0; } #school .main2 { padding: 70px 0px 85px; text-align: center; } #school .main2 h3 { color: rgb(71, 71, 71); line-height: 1.2; font-size: 28px; } #school .main2 p { color: rgb(112, 112, 112); line-height: 1.5; font-size: 14px; margin-top: 15px; line-hegiht: 1.5; } #school .main3 { background: rgb(242, 242, 242); height: 690px; padding-top: 70px; } #school .main3 h2 { text-align: center; color: rgb(71, 71, 71); line-height: 1.2; font-size: 28px; } #school .main3 .focus { height: 600px; overflow: hidden; margin-top: 35px; position: relative; } #school .main3 .focus .frame { height: 570px; overflow: hidden; position: relative; } #school .main3 .focus .frame .child { width: 1250px; float: left; } #school .main3 .focus .div { margin: 0px 0px 10px 10px; width: 403px; height: 275px; overflow: hidden; float: left; position: relative; cursor: pointer; } #school .main3 .focus .first.div { margin-left: 0px; } #school .main3 .focus .div h3 { color: rgb(71, 71, 71); line-height: 45px; font-size: 16px; } #school .main3 .focus .div .pic { width: 403px; height: 230px; overflow: hidden; position: relative; } #school .main3 .focus .div .up { background: url("../images/black50.png") center; left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute; } #school .main3 .focus .div .up span { background: url("../images/search2.png") no-repeat top; margin: 90px auto 0px; text-align: center; color: rgb(255, 255, 255); padding-top: 62px; font-size: 12px; display: block; } #school .main3 .focus .div .hide { background: url("../images/black50.png") center; left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: fixed; z-index: 10; cursor: auto; } #school .main3 .focus .div .hide .inner { background: rgb(255, 255, 255); margin: -300px 0px 0px -370px; border-radius: 5px; left: 50%; top: 50%; width: 740px; height: 600px; position: absolute; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #school .main3 .focus .div .hide .inner .close { background: url("../images/close.png") no-repeat center; top: 12px; width: 35px; height: 36px; right: 12px; display: block; position: absolute; } #school .main3 .focus .div .hide .inner h3 { text-align: center; color: rgb(71, 71, 71); line-height: 1.2; font-size: 28px; margin-top: 30px; } #school .main3 .focus .div .hide .inner .big { margin: 20px auto 0px; width: 638px; height: 364px; overflow: hidden; } #school .main3 .focus .div .hide .inner .big .pic { width: 100%; height: 100%; display: none; } #school .main3 .focus .div .hide .inner .big .a.pic { display: block; } #school .main3 .focus .div .hide .inner .big .pic img { width: 100%; height: auto; } #school .main3 .focus .div .hide .inner .list { margin: 10px auto 0px; width: 638px; height: 148px; overflow: hidden; position: relative; } #school .main3 .focus .div .hide .inner .list ul { left: 0px; top: 0px; width: 10000px; height: 148px; position: absolute; } #school .main3 .focus .div .hide .inner .list ul li { width: 207px; height: 118px; overflow: hidden; margin-right: 10px; float: left; position: relative; cursor: pointer; } #school .main3 .focus .div .hide .inner .list ul li .black { background: url("../images/black40.png") center; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; } #school .main3 .focus .div .hide .inner .list ul li.now .black { display: none; } #school .main3 .focus .div .hide .inner .list .arrow_l { background: url("../images/arrow2.png") no-repeat center; left: 0px; top: 31px; width: 40px; height: 56px; display: block; position: absolute; } #school .main3 .focus .div .hide .inner .list .arrow_r { background: url("../images/arrow3.png") no-repeat center; top: 31px; width: 40px; height: 56px; right: 1px; display: block; position: absolute; } #school .main3 .focus .nav { left: 0px; width: 100%; text-align: center; bottom: 0px; position: absolute; } #school .main3 .focus .nav a { background: url("../images/dian1.png") no-repeat center; margin: 0px 10px; width: 16px; height: 16px; display: inline-block; } #school .main3 .focus .nav a.now { background: url("../images/dian2.png") no-repeat center; } #school .main4 { padding-top: 70px; } #school .main4 .list { margin: 0px auto 16px; width: 1206px; height: 180px; } #school .main4 .list .pic { width: 241px; height: 180px; overflow: hidden; float: left; } #school .main4 .list .pic img { width: 100%; height: auto; } #school .main4 .list .text { width: 965px; height: 180px; float: right; position: relative; } #school .main4 .list .text .arrow { background: url("../images/arrow4.png") no-repeat center; left: 0px; top: 50%; width: 8px; height: 16px; margin-top: -8px; display: none; position: absolute; } #school .main4 .list .text .date { width: 145px; text-align: center; float: left; } #school .main4 .list .text .r { width: 790px; padding-right: 30px; float: right; } #school .main4 .list .text .date h2 { color: #014099; line-height: 0.9; FONT-FAMILY: "Microsoft YaHei","΢ÈíÑźÚ", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 66px; margin-top: 50px; } #school .main4 .list .text .date h3 { color: #014099; line-height: 1; FONT-FAMILY: "Microsoft YaHei","΢ÈíÑźÚ", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 20px; } #school .main4 .list .text .r h3 { color: rgb(71, 71, 71); line-height: 1.2; font-size: 18px; margin-top: 45px; } #school .main4 .list .text .r p { color: rgb(112, 112, 112); line-height: 1.8; font-size: 12px; margin-top: 10px; } #school .main4 .list:hover .text { background: url("../images/bg6.png") center; } #school .main4 .list:hover .text .arrow { display: block; } #school .main4 .list:hover .text .date h2 { color: rgb(255, 255, 255); } #school .main4 .list:hover .text .date h3 { color: rgb(255, 255, 255); } #school .main4 .list:hover .text .r h3 { color: rgb(255, 255, 255); } #school .main4 .list:hover .text .r p { color: rgb(255, 255, 255); } #school .main4 .page { margin-top: 37px; } #develop .focus { width: 100%; height: 100%; overflow: hidden; position: relative; } #develop .focus .frame { width: 100%; height: 100%; overflow: hidden; position: relative; } #develop .focus .frame .child { width: 100%; height: 100%; position: relative; } #develop .bread { left: 0px; top: 80px; width: 100%; position: absolute; z-index: 2; } #develop .bread p { color: rgb(255, 255, 255); } #develop .bread a { color: rgb(255, 255, 255); } #develop .bread span { color: rgb(255, 255, 255); } #develop .focus .up { background: url("../images/black30.png") center; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 1; } #develop .focus .frame .child .inner { background: url("../images/black50.png") center; margin: -133px 0px 0px -343px; padding: 0px 40px; left: 50%; top: 50%; width: 606px; height: 266px; position: absolute; z-index: 6; } #develop .focus .frame .child .inner h3 { color: rgb(255, 255, 255); line-height: 1.2; font-size: 28px; margin-top: 38px; } #develop .focus .frame .child .inner p { color: rgb(255, 255, 255); line-height: 1.5; font-size: 12px; margin-top: 25px; } #develop .focus .frame .child .inner .more { color: rgb(255, 255, 255); font-size: 14px; margin-top: 15px; float: left; display: block; } #develop .focus .arrow { background: url("../images/arrow5.png") no-repeat center; left: 50%; width: 56px; height: 31px; bottom: 20px; margin-left: -28px; display: block; position: absolute; z-index: 6; } #column .main1 { background: url("../images/bg10.jpg") no-repeat top rgb(0, 0, 0); height: 750px; position: relative; } #column .bread { left: 0px; top: 80px; width: 100%; position: absolute; z-index: 2; } #column .bread p { color: rgb(255, 255, 255); } #column .bread a { color: rgb(255, 255, 255); } #column .bread span { color: rgb(255, 255, 255); } #column .main1 .img { left: 40%; top: 150px; width: 100%; text-align: center; margin-left: -625px; position: absolute; opacity: 0; -moz-opacity: 0; } #column .main1 .line { left: 40%; top: 296px; width: 110px; margin-left: -55px; border-top-color: rgb(255, 255, 255); border-top-width: 1px; border-top-style: solid; position: absolute; opacity: 0; -moz-opacity: 0; } #column .main1 .div { left: 40%; width: 100%; margin-left: -625px; position: absolute; opacity: 0; -moz-opacity: 0; } #column .main1 .d1.div { top: 330px; } #column .main1 .d2.div { top: 530px; } #column .main1 .div h3 { text-align: center; color: rgb(255, 255, 255); line-height: 1.2; font-size: 24px; } #column .main1 .p { margin: 20px auto 0px; width: 1020px; text-align: center; color: rgb(255, 255, 255); line-height: 1.6; font-size: 12px; } #column .main1 .more { margin: 20px auto 0px; border: 1px solid rgb(255, 255, 255); width: 188px; height: 43px; text-align: center; color: rgb(255, 255, 255); line-height: 43px; font-size: 14px; display: block; } #column .main1 .more:hover { background: rgb(181, 1, 0); border: currentColor; width: 190px; height: 45px; color: rgb(255, 255, 255); line-height: 45px; } #column .main2 { height: 580px; } #column .main2 .text { background: url("../images/text2.png") no-repeat left top; width: 582px; height: 280px; margin-top: 193px; float: left; position: relative; } #column .main2 .text h3 { left: -50px; top: 55px; color: rgb(71, 71, 71); line-height: 1.2; font-size: 28px; position: absolute; opacity: 0; -moz-opacity: 0; } #column .main2 .text .p { left: -50px; top: 105px; width: 582px; color: rgb(112, 112, 112); line-height: 1.6; position: absolute; opacity: 0; -moz-opacity: 0; } #column .main2 .text .learn { border: 1px solid rgb(167, 167, 167); left: -50px; top: 192px; width: 188px; height: 43px; text-align: center; color: rgb(112, 112, 112); line-height: 43px; font-size: 14px; display: block; position: absolute; opacity: 0; -moz-opacity: 0; } #column .main2 .text .learn:hover { background: rgb(181, 1, 0); border: currentColor; width: 190px; height: 45px; color: rgb(255, 255, 255); line-height: 45px; } #column .main2 .pic { width: 621px; height: 351px; overflow: hidden; margin-top: 122px; float: right; } #column .main3 { background: url("../images/bg11.jpg") no-repeat top; height: 950px; overflow: hidden; } #column .main3 .text { height: 210px; text-align: center; padding-top: 90px; } #column .main3 .text h3 { color: rgb(255, 255, 255); line-height: 1.2; font-size: 28px; } #column .main3 .text p { margin: 12px auto 0px; width: 865px; color: rgb(255, 255, 255); line-height: 1.6; font-size: 14px; } #column .main3 .text .learn { margin: 20px auto 0px; border: 1px solid rgb(255, 255, 255); width: 188px; height: 43px; text-align: center; color: rgb(255, 255, 255); line-height: 43px; font-size: 14px; display: block; } #column .main3 .text .learn:hover { background: rgb(181, 1, 0); border: currentColor; width: 190px; height: 45px; color: rgb(255, 255, 255); line-height: 45px; } #column .main3 .box { height: 650px; position: relative; } #column .main3 .box .div1 { left: 0px; top: 0px; width: 312px; height: 432px; overflow: hidden; position: absolute; } #column .main3 .box .div2 { left: 312px; top: 0px; width: 625px; height: 217px; overflow: hidden; position: absolute; } #column .main3 .box .div3 { left: 937px; top: 0px; width: 313px; height: 217px; overflow: hidden; position: absolute; } #column .main3 .box .div4 { left: 312px; top: 217px; width: 313px; height: 216px; overflow: hidden; position: absolute; } #column .main3 .box .div5 { left: 0px; top: 432px; width: 313px; height: 217px; overflow: hidden; position: absolute; } #column .main3 .box .div6 { left: 313px; top: 432px; width: 313px; height: 217px; overflow: hidden; position: absolute; } #column .main3 .box .div7 { left: 625px; top: 217px; width: 625px; height: 432px; overflow: hidden; position: absolute; } #column .main4 { height: 406px; margin-top: 60px; opacity: 0; -moz-opacity: 0; } #column .main4 h2 { text-align: center; color: rgb(148, 0, 15); line-height: 1; font-size: 75px; } #column .main4 h3 { text-align: center; color: rgb(71, 71, 71); line-height: 1.2; font-size: 28px; margin-top: 15px; } #column .main4 .ch { text-align: center; color: rgb(112, 112, 112); line-height: 1.6; font-size: 14px; margin-top: 20px; } #column .main4 .en { text-align: center; color: rgb(112, 112, 112); line-height: 1.6; font-size: 12px; margin-top: 15px; } #column .main4 .learn { margin: 30px auto 0px; border: 1px solid rgb(167, 167, 167); width: 188px; height: 43px; text-align: center; color: rgb(112, 112, 112); line-height: 43px; font-size: 14px; display: block; } #column .main4 .learn:hover { background: rgb(181, 1, 0); border: currentColor; width: 190px; height: 45px; color: rgb(255, 255, 255); line-height: 45px; } #column .main5 { height: 603px; overflow: hidden; margin-top: 70px; position: relative; } #column .main5 .pic { left: 50%; top: 0px; width: 960px; height: 603px; margin-left: -960px; position: absolute; } #column .main5 .pic .up { background: url("../images/black35.png") center; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; } #column .main5 .pic .up h3 { width: 625px; text-align: center; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 1.2; FONT-FAMILY: "Microsoft YaHei","΢ÈíÑźÚ", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 48px; margin-top: 275px; float: right; } #column .main5 .pic .up h4 { width: 625px; text-align: center; color: rgb(255, 255, 255); line-height: 1.2; font-size: 28px; margin-top: 5px; float: right; } #column .main5 .text { background: url("../images/bg12.png") center; top: 0px; width: 960px; height: 603px; right: 50%; margin-right: -960px; position: absolute; } #column .main5 .text .inner { margin: 185px 0px 0px 75px; width: 550px; } #column .main5 .text .inner h2 { color: rgb(148, 0, 15); line-height: 1; FONT-FAMILY: "Microsoft YaHei","΢ÈíÑźÚ", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 50px; } #column .main5 .text .inner h3 { color: rgb(71, 71, 71); line-height: 1.2; font-size: 28px; } #column .main5 .text .inner .p { color: rgb(112, 112, 112); line-height: 1.5; font-size: 12px; margin-top: 17px; } #column .main5 .text .inner .p p { margin-bottom: 10px; } #column .main6 { height: 575px; } #column .main6 .text { background: url("../images/text3.png") no-repeat left top; width: 532px; height: 280px; margin-top: 183px; float: left; position: relative; } #column .main6 .text h3 { left: -50px; top: 55px; color: rgb(71, 71, 71); line-height: 1.2; font-size: 28px; position: absolute; opacity: 0; -moz-opacity: 0; } #column .main6 .text .p { left: -50px; top: 105px; width: 532px; color: rgb(112, 112, 112); line-height: 1.6; position: absolute; opacity: 0; -moz-opacity: 0; } #column .main6 .text .learn { border: 1px solid rgb(167, 167, 167); left: -50px; top: 192px; width: 188px; height: 43px; text-align: center; color: rgb(112, 112, 112); line-height: 43px; font-size: 14px; display: block; position: absolute; opacity: 0; -moz-opacity: 0; } #column .main6 .text .learn:hover { background: rgb(181, 1, 0); border: currentColor; width: 190px; height: 45px; color: rgb(255, 255, 255); line-height: 45px; } #column .main6 .pic { width: 654px; height: 380px; margin-top: 105px; float: right; } #column .main6 .pic .div { margin: 0px 0px 10px 10px; width: 317px; height: 180px; overflow: hidden; float: left; position: relative; } #column .main6 .pic h3 { background: url("../images/red.png") center; left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; color: rgb(255, 255, 255); line-height: 180px; FONT-FAMILY: "Microsoft YaHei","΢ÈíÑźÚ", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 20px; display: none; position: absolute; } #column .main7 { background: url("../images/bg13.jpg") no-repeat top; height: 370px; } #column .main7 .div { padding: 0px 33px 0px 23px; width: 360px; float: left; } #column .main7 .div .img { width: 60px; height: 60px; overflow: hidden; margin-top: 116px; } #column .main7 .div h3 { color: rgb(255, 255, 255); line-height: 1.2; font-size: 18px; margin-top: 13px; } #column .main7 .div .p { color: rgb(255, 255, 255); line-height: 1.6; font-size: 12px; margin-top: 10px; } #survey .main1 {height: 500px; position: relative;} #survey .bread p {color: rgb(255, 255, 255);} #survey .bread a {color: rgb(255, 255, 255);} #survey .bread span {color: rgb(255, 255, 255);} #survey .bread {left: 0px; top: 80px; width: 100%; position: absolute; z-index: 2;} #survey .main1 .black {background: url("../images/black100.png") center; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;} #survey .main1 .text {left: 50%; top: 205px; width: 1250px; text-align: center; margin-left: -625px; position: absolute;} #survey .main1 .text h3 {left: 40%; top: 0px; width: 100%; color: rgb(255, 255, 255); line-height: 1.2; font-size: 28px; margin-left: -625px; position: absolute; opacity: 0; -moz-opacity: 0;} #survey .main1 .text p {left: 40%; top: 45px; width: 1014px; color: rgb(255, 255, 255); line-height: 1.5; font-size: 14px; margin-left: -507px; position: absolute; opacity: 0; -moz-opacity: 0;} #survey .main2 {background: rgb(242, 242, 242); padding: 75px 0px 85px;} #survey .main2 .text {margin: 0px auto; width: 1115px; text-align: center;} #survey .main2 .text h3 {color: rgb(71, 71, 71); line-height: 1.2; font-size: 28px;} #survey .main2 .text p {color: rgb(112, 112, 112); line-height: 1.5; font-size: 14px; margin-top: 12px;} #survey .main2 .year {background: url("../images/line5.png") no-repeat left bottom; margin: 15px auto 0px; width: 1000px; height: 85px; position: relative;} #survey .main2 .year .arrow_l {background: url("../images/left.png") no-repeat center; left: 0px; top: 35px; width: 17px; height: 31px; position: absolute; cursor: pointer;} #survey .main2 .year .arrow_r {background: url("../images/right.png") no-repeat center; top: 35px; width: 17px; height: 31px; right: 0px; position: absolute; cursor: pointer;} #survey .main2 .year .ul {margin: 0px auto; width: 708px; height: 90px; overflow: hidden; position: relative;} #survey .main2 .year .ul ul {left: 0px; top: 0px; width: 20000px; position: absolute;} #survey .main2 .year .ul ul li {margin: 0px 40px; width: 60px; float: left;} #survey .main2 .year .ul ul li.now h3 {color: rgb(204, 1, 0); font-size: 36px; font-weight: bold;} #survey .main2 .year .ul ul li:hover h3 {color: rgb(204, 1, 0); font-size: 36px; font-weight: bold;} #survey .main2 .year .ul ul li h3 {text-align: center; color: rgb(71, 71, 71); padding-top: 37px; font-size: 24px;} #survey .main2 .year .ul ul li span {background: url("../images/dian6.png") no-repeat center; margin: 21px auto 0px; width: 15px; height: 15px; display: block;} #survey .main2 .list {margin-top: 30px;} #survey .main2 .list .ul {display: none; position: relative;} #survey .main2 .list .a.ul {display: block;} #survey .main2 .list .cur {padding-bottom: 40px; display: block;} #survey .main2 .list .ul .pic {width: 621px; height: 355px; overflow: hidden; float: left;} #survey .main2 .list .ul .r {width: 590px; float: right;} #survey .main2 .list .ul .r .div {margin-bottom: 10px;} #survey .main2 .list .ul .r .div h3 {color: rgb(71, 71, 71); line-height: 1.6; FONT-FAMILY: "Microsoft YaHei","΢ÈíÑźÚ", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 30px;} #survey .main2 .list .ul .r .div h4 {color: rgb(71, 71, 71); line-height: 1.2; font-size: 14px;} #survey .main2 .list .ul .r .div p {color: rgb(112, 112, 112); line-height: 1.2; padding-top: 6px; font-size: 12px;} #survey .main2 .list .ul .r .div:hover h3 {color: #014099;} #survey .main2 .list .ul .r .div:hover h4 {color: #014099;} #survey .main33 {height: 720px;} #survey .main3 {height: 100%;padding-bottom:40px;} #survey .main3 .focus {height: 555px; position: relative;} #survey .main3 .focus .frame {height: 555px; position: relative;} #survey .main3 .focus .frame .child { height: 555px; float: left;} #survey .main3 .focus .nav {left: 0px; width: 100%; text-align: center; bottom: 90px; position: absolute;} #survey .main3 .focus .nav a {background: url("../images/dian1.png") no-repeat center; margin: 0px 5px; width: 16px; height: 16px; display: inline-block;} #survey .main3 .focus .nav a.now {background: url("../images/dian2.png") no-repeat center;} #survey .main3 .text_tit {margin: 0px auto; width: 1115px; text-align: center;} #survey .main3 .text_tit h3 {color: rgb(71, 71, 71); line-height: 1.2; font-size: 28px;} #survey .main3 .text_tit p {color: rgb(112, 112, 112); line-height: 1.5; font-size: 14px; margin-top: 12px;} #survey .main3 .text {background: url("../images/text2.png") no-repeat left top; width: 590px; height: 430px; margin-top: 10px; margin-right:30px; float: left; position: relative;} #survey .main3 .text h3 {left: 0px; top: 55px; color: rgb(71, 71, 71); line-height: 1.2; font-size: 28px; } #survey .main3 .text .p {left: 0px; top: 105px; width: 590px; color: rgb(112, 112, 112); line-height: 1.6;} #survey .main3 .pic { margin-top: 30px; } #survey .main8 {height: 575px;} #survey .main8 .focus {height: 535px; overflow: hidden; position: relative;} #survey .main8 .focus .frame {height: 535px; overflow: hidden; position: relative;} #survey .main8 .focus .frame .child {width: 1250px; height: 535px; float: left;} #survey .main8 .focus .nav {left: 0px; width: 100%; text-align: center; bottom: 90px; position: absolute;} #survey .main8 .focus .nav a {background: url("../images/dian3.png") no-repeat center; margin: 0px 5px; width: 16px; height: 16px; display: inline-block;} #survey .main8 .focus .nav a.now {background: url("../images/dian4.png") no-repeat center;} #survey .main8 .text_tit {margin: 0px auto; width: 1115px; text-align: center;} #survey .main8 .text_tit h3 {color: rgb(71, 71, 71); line-height: 1.2; font-size: 28px;} #survey .main8 .text_tit p {color: rgb(112, 112, 112); line-height: 1.5; font-size: 14px; margin-top: 12px;} #survey .main8 .text {background: url("../images/text2.png") no-repeat left top; width: 590px; height: 480px; margin-top: 10px; float: left; position: relative;} #survey .main8 .text h3 {left: 0px; top: 55px; color: rgb(71, 71, 71); line-height: 1.2; font-size: 28px; position: absolute;} #survey .main8 .text .p {left: 0px; top: 105px; width: 590px; color: rgb(112, 112, 112); line-height: 1.6; position: absolute;} #survey .main8 .pic {width: 620px; height: 354px; overflow: hidden; margin-top: 30px; float: right;} #survey .main9 {height: 475px;} #survey .main9 .focus {height: 435px; overflow: hidden; position: relative;} #survey .main9 .focus .frame {height: 435px; overflow: hidden; position: relative;} #survey .main9 .focus .frame .child {width: 1250px; height: 435px; float: left;} #survey .main9 .focus .nav {left: 0px; width: 100%; text-align: center; bottom: 90px; position: absolute;} #survey .main9 .focus .nav a {background: url("../images/dian1.png") no-repeat center; margin: 0px 5px; width: 16px; height: 16px; display: inline-block;} #survey .main9 .focus .nav a.now {background: url("../images/dian2.png") no-repeat center;} #survey .main9 .text_tit {margin: 0px auto; width: 1115px; text-align: center;} #survey .main9 .text_tit h3 {color: rgb(71, 71, 71); line-height: 1.2; font-size: 28px;} #survey .main9 .text_tit p {color: rgb(112, 112, 112); line-height: 1.5; font-size: 14px; margin-top: 12px;} #survey .main9 .text {background: url("../images/text2.png") no-repeat left top; width: 590px; height: 480px; margin-top: 10px; float: left; position: relative;} #survey .main9 .text h3 {left: 0px; top: 55px; color: rgb(71, 71, 71); line-height: 1.2; font-size: 28px; position: absolute;} #survey .main9 .text .p {left: 0px; top: 105px; width: 590px; color: rgb(112, 112, 112); line-height: 1.6; position: absolute;} #survey .main9 .pic {width: 620px; height: 354px; overflow: hidden; margin-top: 30px; float: right;} #survey .main4 {background: rgb(242, 242, 242); padding: 95px 0px 55px;} #survey .main4 h3 { text-align: center; color: rgb(71, 71, 71); line-height: 1.2; font-size: 28px; } #survey .main4 .pic { text-align: center; margin-top: 35px; } #survey .main5 { padding: 105px 0px 80px; } #survey .main5 h3 { text-align: center; color: rgb(71, 71, 71); line-height: 1.2; font-size: 28px; } #survey .main5 .pic { text-align: center; margin-top: 35px; } #survey .main6 { padding-bottom: 30px; } #survey .main6 .img { margin: 0px auto 20px; width: 1220px; } #survey .main6 .text { margin: 0px auto; width: 1096px; height: 120px; text-align: center; padding-top: 75px; } #survey .main6 .text h3 { color: rgb(71, 71, 71); line-height: 1.2; font-size: 28px; } #survey .main6 .text p { color: rgb(112, 112, 112); line-height: 1.5; font-size: 14px; margin-top: 12px; } #survey .main6 .div { width: 293px; margin-left: 16px; float: left; } #survey .main6 .div .pic { background: rgb(236, 236, 236); width: 293px; height: 220px; text-align: center; } #survey .main6 .div .pic i { height: 100%; vertical-align: middle; display: inline-block; } #survey .main6 .div h3 { text-align: center; color: rgb(71, 71, 71); line-height: 55px; font-size: 16px; } #survey .banner { background: url("../images/about_lcbg.jpg") no-repeat top; height: 575px; } #survey .banner .block { position: relative; } #survey .banner .text { left: 50%; top: 40px; width: 100%; text-align: center; margin-left: -625px; display: none; position: absolute; } #survey .banner .a.text { display: block; } #survey .banner .text h3 { left: 50%; width: 100%; color: rgb(255, 255, 255); line-height: 1; font-family: Impact; font-size: 130px; margin-left: -625px; position: absolute; } #survey .banner .text p { left: 50%; top: 140px; width: 100%; color: rgb(255, 255, 255); line-height: 1.5; font-size: 16px; margin-left: -625px; position: absolute; } #survey .banner .year { background: url("../images/line3.png") no-repeat left bottom; top: 330px; width: 100%; height: 85px; padding-top: 50px; position: absolute; } #survey .banner .arrow_l { background: url("../images/left.png") no-repeat center; left: 0px; top: 75px; width: 17px; height: 31px; position: absolute; cursor: pointer; } #survey .banner .arrow_r { background: url("../images/right.png") no-repeat center; top: 75px; width: 17px; height: 31px; right: 0px; position: absolute; cursor: pointer; } #survey .banner .ul { margin: 0px auto; width: 1000px; height: 90px; overflow: hidden; position: relative; } #survey .banner .ul ul { left: 0px; top: 0px; width: 20000px; position: absolute; } #survey .banner .ul ul li { margin: 0px 20px; width: 125px; float: left; } #survey .banner .ul ul li.now h3 { color: #014099; font-size: 37px; font-weight: bold; } #honor .banner .ul ul li:hover h3 { color: #014099; font-size: 37px; font-weight: bold; } #survey .banner .ul ul li h3 { text-align: center; color: rgb(255, 255, 255); padding-top: 37px; font-size: 30px; } #survey .banner .ul ul li span { background: url("../images/dian5.png") no-repeat center; margin: 21px auto 0px; width: 15px; height: 15px; display: block; } #works { padding-bottom: 78px; } #works .bread p { float: left; } #works .bread .share { float: right; } #works .text { margin: 40px auto 0px; width: 894px; text-align: center; } #works .text h3 { color: rgb(71, 71, 71); line-height: 1.2; font-size: 28px; } #works .text p { color: rgb(71, 71, 71); line-height: 1.5; font-size: 14px; margin-top: 10px; } #works .links { background: #151515; margin: 38px auto 0px; width: 1240px; height: 73px; padding-top: 12px; } #works .links li { width: 82px; height: 30px; line-height: 30px; margin-left: 30px; float: left; } #works .links li a { color: rgb(255, 255, 255); font-size: 14px; } #works .links li.now a { color: rgb(226, 1, 0); font-size: 16px; } #works .links li:hover a { color: rgb(226, 1, 0); font-size: 16px; } #works .container { width: 1250px; margin-top: 32px; display: none; position: relative; } #works .a.container { display: block; } #works .grid { margin: 5px; transition:1.5s; left: 0px; top: 0px; width: 305px; position: absolute; -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -o-transition: all 1.5s ease; } #works .grid .text0 { background: rgb(246, 246, 246); height: 72px; padding-top: 25px; } #works .grid .text0 h3 { color: rgb(71, 71, 71); line-height: 1.2; font-size: 16px; margin-left: 25px; } #works .grid .text0 h4 { margin: 10px 0px 0px 25px; color: rgb(112, 112, 112); line-height: 1.2; font-size: 12px; } #works .grid .text0 .s2 { margin-left: 28px; } #works .grid .text0 .s3 { margin-left: 8px; } #works .more { margin: 70px auto 0px; border: 1px solid rgb(167, 167, 167); width: 188px; height: 43px; text-align: center; color: rgb(71, 71, 71); line-height: 43px; font-size: 14px; display: block; } #works .more:hover { background: rgb(181, 1, 0); border: currentColor; width: 190px; height: 45px; color: rgb(255, 255, 255); line-height: 45px; } #team .main1 { height: 500px; position: relative; } #team .bread p { color: rgb(255, 255, 255); } #team .bread a { color: rgb(255, 255, 255); } #team .bread span { color: rgb(255, 255, 255); } #team .bread { left: 0px; top: 80px; width: 100%; position: absolute; z-index: 2; } #team .main1 .black { background: url("../images/black100.png") center; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; } #team .main1 .black .block { height: 100%; overflow: hidden; } #team .main1 .pic { left: -200px; bottom: 0px; position: absolute; opacity: 0; -moz-opacity: 0; } #team .main1 .text { top: 125px; width: 483px; right: -200px; position: absolute; opacity: 0; -moz-opacity: 0; } #team .main1 .text .top { height: 55px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 2px; border-bottom-style: solid; } #team .main1 .text .top h3 { color: rgb(255, 255, 255); line-height: 55px; font-size: 30px; float: left; } #team .main1 .text .top h4 { color: rgb(255, 255, 255); line-height: 55px; FONT-FAMILY: "Microsoft YaHei","΢ÈíÑźÚ", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 34px; margin-left: 18px; float: left; } #team .main1 .text .p1 { color: rgb(255, 255, 255); line-height: 35px; font-size: 20px; margin-top: 20px; } #team .main1 .text .p2 { color: rgb(255, 255, 255); line-height: 1.6; font-size: 16px; margin-top: 20px; } #team .main1 .text .sign { text-align: right; padding-right: 25px; margin-top: 10px; } #team .main2 { height: 1000px; padding-top: 90px; } #team .main2 h2 { text-align: center; color: rgb(71, 71, 71); line-height: 1.2; font-size: 28px; } #team .main2 .ul { width: 1249px; height: 420px; overflow: hidden; margin-top: 33px; position: relative; } #team .main2 .ul ul { left: 0px; top: 0px; width: 10000px; height: 363px; position: absolute; } #team .main2 .ul ul li { width: 304px; height: 420px; margin-right: 11px; float: left; } #team .main2 .ul ul li .pic { width: 304px; height: 354px; overflow: hidden; position: relative; cursor: pointer; } #team .main2 .ul ul li .text { } #team .main2 .ul ul li .text h3 { color: rgb(71, 71, 71); line-height: 1.2; font-size: 22px; margin-top: 10px; float: left; } #team .main2 .ul ul li .text h4 { color: rgb(71, 71, 71); line-height: 1.2; FONT-FAMILY: "Microsoft YaHei","΢ÈíÑźÚ", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 22px; margin-top: 10px; margin-left: 30px; float: left; } #team .main2 .ul ul li .text h5 { color: rgb(71, 71, 71); line-height: 1.2; padding-top: 5px; clear: both; font-size: 16px; } #team .main3 { background: rgb(242, 242, 242); height: 715px; padding-top: 100px; } #team .main3 h2 { text-align: center; color: rgb(71, 71, 71); line-height: 1.2; font-size: 28px; } #team .main3 .focus { height: 635px; overflow: hidden; margin-top: 35px; position: relative; } #team .main3 .focus .frame { height: 590px; overflow: hidden; position: relative; } #team .main3 .focus .frame .child { left: 0px; top: 0px; width: 100%; height: 100%; float: left; position: absolute; } #team .main3 .focus .frame .child .pic { margin: 0px 0px 12px 12px; width: 240px; height: 283px; overflow: hidden; float: left; position: relative; } #team .main3 .focus .frame .child .first.pic { margin-left: 0px; } #team .main3 .focus .frame .child .pic .up { background: url("../images/black50.png") center; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; } #team .main3 .focus .frame .child .pic h3 { left: 18px; top: 195px; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 1.2; font-size: 26px; position: absolute; } #team .main3 .focus .frame .child .pic h4 { left: 18px; top: 225px; color: rgb(255, 255, 255); line-height: 1.2; font-size: 16px; position: absolute; } #team .main3 .focus .frame .child .pic h5 { left: 18px; top: 245px; color: rgb(255, 255, 255); line-height: 1.2; font-size: 14px; position: absolute; } #team .main3 .focus .nav { left: 0px; width: 100%; text-align: center; bottom: 0px; position: absolute; } #team .main3 .focus .nav a { background: url("../images/dian1.png") no-repeat center; margin: 0px 10px; width: 16px; height: 16px; display: inline-block; } #team .main3 .focus .nav a.now { background: url("../images/dian2.png") no-repeat center; } #project .main1 {background: rgb(242, 242, 242); height: 550px; position: relative;} #project .bread p {color: rgb(255, 255, 255);} #project .bread p a {color: rgb(255, 255, 255);} #project .bread p span {color: rgb(255, 255, 255);} #project .bread {left: 0px; top: 80px; width: 100%; position: absolute; z-index: 2;} #project .main1 .focus {left: 50%; top: 0px; width: 1100px; height: 550px; overflow: hidden; margin-left: -550px; position: absolute;} /*#project .main1 .focus .black1 {background: url("../images/black68.png") center; left: 0; top: 0px; width: 120px; height: 550px; margin-left: 0px; position: absolute;} #project .main1 .focus .black2 {background: url("../images/black68.png") center; top: 0px; width: 120px; height: 550px; right: 0; margin-right: 0px; position: absolute;} */ #project .main1 .focus .arrow_l {background: url("../images/arrow11.png") no-repeat center; left:3%; top: 212px; width: 49px; height: 89px; display: block; position: absolute; z-index: 5;} #project .main1 .focus .arrow_r {background: url("../images/arrow12.png") no-repeat center; top: 212px; width: 49px; height: 89px; right: 3%; display: block; position: absolute; z-index: 5;} #project .main1 .focus .frame {width: 100%; height: 550px; overflow: hidden; position: relative;} #project .main1 .focus .frame .child {width: 3300px; height: 550px; overflow: hidden; float: left; position: relative;} #project .main1 .focus .frame .child img {width: 100%; height: auto;} #project .main1 .focus .title {background: url("../images/black40.png") center; left: 50%; width: 1100px; height: 50px; text-align: center; bottom: 0px; color: rgb(255, 255, 255); line-height: 50px; font-size: 16px; margin-left: -400px; position: absolute;} #project .main2 { height: 100%;margin-top: 55px; } #project .main2 .p { text-align: left; color: rgb(112, 112, 112); line-height: 1.8; margin-top: 10px; } #project .main2 .focus { width: 100%; height: 100%; overflow: hidden; margin-top: 55px; position: relative; } #project .main2 .focus .frame { width: 100%; height: 100%; overflow: hidden; position: relative; } #project .main2 .focus .frame .child { width: 100%; height: 100%; } #project .main2 .child h3 { text-align: center; color: rgb(71, 71, 71); line-height: 1.2; font-size: 28px; } #project .main2 .child h4 { text-align: center; color: rgb(71, 71, 71); line-height: 1.2; font-size: 16px; margin-top: 13px; } #project .main2 .child .p { text-align: left; color: rgb(112, 112, 112); line-height: 1.5; margin-top: 5px; } #project .main2 .child .expect { margin: 35px auto 0px; border: 1px solid rgb(167, 167, 167); width: 178px; height: 43px; text-align: center; color: rgb(71, 71, 71); line-height: 43px; font-size: 14px; display: block; } #project .main2 .child .expect:hover { background: rgb(181, 1, 0); border: currentColor; width: 180px; height: 45px; color: rgb(255, 255, 255); line-height: 45px; } #project .main2 .focus .share { right: 0px; bottom: 17px; color: rgb(112, 112, 112); font-size: 12px; position: absolute; } #project .main2 .focus .nav { left: 0px; top: 72px; position: absolute; } #project .main2 .focus .nav .a { height: 22px; margin-bottom: 8px; position: relative; } #project .main2 .focus .nav .a .a1 { background: url("../images/dian3.png") no-repeat center; left: 8px; top: 6px; width: 10px; height: 10px; display: block; position: absolute; } #project .main2 .focus .nav .a .a2 { background: url("../images/dian4.png") no-repeat center; left: 0px; top: 0px; width: 65px; height: 22px; text-align: center; color: rgb(255, 255, 255); line-height: 22px; padding-left: 27px; font-size: 12px; display: none; position: absolute; } #project .main2 .focus .nav .now.a .a2 { display: block; } #project .main2 .focus .nav .now.a .a1 { display: none; } #project .main2 .focus .arrow_u { background: url("../images/arrow10.png") no-repeat left top; left: 4px; top: 45px; width: 18px; height: 11px; display: block; position: absolute; } #project .main2 .focus .arrow_d { background: url("../images/arrow10.png") no-repeat right top; left: 4px; top: 170px; width: 18px; height: 11px; display: block; position: absolute; } #project .main2 .focus .arrow_u:hover { background: url("../images/arrow10.png") no-repeat right bottom; } #project .main2 .focus .arrow_d:hover { background: url("../images/arrow10.png") no-repeat left bottom; } #project .main3 { background: rgb(242, 242, 242); padding: 30px 0px 27px; } #project .main3 h2 { text-align: center; color: rgb(71, 71, 71); line-height: 1.2; font-size: 28px; margin-bottom: 35px; } #project .main3 .div { margin: 0px 0px 7px 7px; width: 305px; height: 310px; float: left; } #project .main3 .a.div { margin-left: 0px; } #project .main3 .div .pic { width: 305px; height: 228px; overflow: hidden; } #project .main3 .div .pic img { width: 100%; height: auto; } #project .main3 .div .text { background: rgb(255, 255, 255); height: 62px; padding-top: 20px; } #project .main3 .div .text h3 { color: rgb(71, 71, 71); line-height: 1.2; font-size: 16px; margin-left: 25px; } #project .main3 .div .text h4 { margin: 10px 0px 0px 25px; color: rgb(112, 112, 112); line-height: 1.2; font-size: 12px; } #project .main3 .div .text .s2 { margin-left: 28px; } #project .main3 .div .text .s3 { margin-left: 8px; } #detail2 .main { padding-bottom: 80px; margin-top: 40px; } #detail2 .main h1 { text-align: center; color: rgb(71, 71, 71); line-height: 1.2; font-size: 28px; } #detail2 .main h3 { text-align: center; color: rgb(112, 112, 112); line-height: 1.2; FONT-FAMILY: "Microsoft YaHei","΢ÈíÑźÚ", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 12px; margin-top: 15px; } #detail2 .main .share { top: 40px; height: 28px; right: 29px; color: rgb(112, 112, 112); font-size: 12px; position: absolute; } #detail2 .main .share span { line-height: 28px; float: left; } #detail2 .main .share .bdsharebuttonbox { float: left; } #detail2 .main .p { color: rgb(112, 112, 112); line-height: 1.5; font-size: 14px; margin-top: 20px; } /*¶¨Òå¹ö¶¯Ìõ¹ìµÀ ÄÚÒõÓ°+Ô²½Ç*/ ::-webkit-scrollbar-track { border-radius: 10px; background-color: rgba(0, 0, 0, 0.04); } /*¶¨Ò廬¿é ÄÚÒõÓ°+Ô²½Ç*/ ::-webkit-scrollbar-thumb { border-radius: 10px; background-color: rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); } /*¹ØÓÚÎÒÃÇ-¹ÜÀíÍŶÓ*/ .w1200 { width: 1200px; margin: 0 auto; position: relative; } .content { padding: 20px 0; min-height: 900px;} .about-page { } .clearfix { zoom: 1; } .about-team .a-pic { overflow: hidden; } .about-team .text { text-align: center; font-size: 14px; } .bg-wrap { width: 100%; background-color: #fff; } /*.swiper-container { margin-right: auto; margin-left: auto; width: 100%; height: 300px; } .swiper-slide { background-position: center; background-size: cover; }*/ .gallery-top { width: 100%; height: 80%; } .gallery-thumbs { box-sizing: border-box; padding: 10px 0; height: 20%; } .gallery-thumbs .swiper-slide { width: 45%; height: 100%; opacity: 0.4; } .gallery-thumbs .swiper-slide-active { opacity: 1; } .man-intro { padding-top: 125px; height: 430px; background-color: #fff; } .man-intro-big { } .man-intro-big .name { margin-bottom: 40px; margin-left: 385px; color: #333; font-weight: normal; font-size: 24px; } .man-intro-big .name .tips { margin-left: 10px; color: #999; font-size: 13px; } .man-intro-big .m-main { position: relative; box-sizing: border-box; padding: 30px; width: 100%; height: 205px; border: 1px solid #c00a2f; font-size: 14px; } .man-intro-big .m-main .o-pic { position: absolute; bottom: 30px; left: 30px; display: flex; } .man-intro-big .m-main .words { float: right; overflow-y: scroll; padding-right: 30px; width: 780px; height: 145px; line-height: 30px; } .man-intro-small { width: 25% !important; text-align: center; } .man-intro-small .name { margin-top: 10px; color: #333; text-align: center; font-weight: normal; font-size: 16px; line-height: 20px; } .man-intro-small .name .tips { display: inline-block; width: 100%; color: #999; font-size: 13px; } .man-intro-small .o-pic { display: inline-block; width: 86px; height: 120px; border: 3px solid transparent; } .man-intro-small .o-pic img { width: 100%; } .man-intro-small.swiper-slide-active .o-pic { border: 3px solid #c00a2f; } .man-intro-small.swiper-slide-active .o-pic:after { position: absolute; top: 0px; right: 50%; z-index: -1; display: inline-block; margin-top: -5px; margin-right: -5px; width: 10px; height: 10px; background-color: #c00a2f; content: ""; -webkit-transition: 0.5s; transition: 0.5s; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .gallery-thumbs .swiper-button-prev, .gallery-thumbs .swiper-button-next { margin-top: -40px; } .gallery-thumbs .swiper-button-prev { right: auto; left: 0; width: 20px; height: 35px; background-image: url(../images/prev06.png); background-size: 100%; opacity: 0.5 !important; } .gallery-thumbs .swiper-button-next { right: 0; left: auto; width: 20px; height: 35px; background-image: url(../images/next06.png); background-size: 100%; opacity: 0.5 !important; } .about-partners { } .brand-list { margin-top: 50px; padding: 60px 0; background: url(../images/bg04.png) no-repeat center; } .brand-listb-box { display: table; padding: 20px; width: 1200px; height: 760px; background-color: #fff; text-align: center; } .brand-listb-box .cell { display: inline-block; padding: 5px; width: 290px; height: 170px; text-align: center; } .brand-listb-box .cell img { width: 100%; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; transition: All 0.4s ease-in-out; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } .brand-listb-box .cell:hover img { box-shadow: 0 2px 20px #ddd; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: initial; } #filmHdr , #watch , #experience , #article , #executiveTeam { width: 100%; /* min-height: 459px; */ } #executiveTeam h1 { width: 100%; } #article { display: block; padding-top: 54px; } #article h1 { margin-top: 20px; margin-bottom: 20px; clear: both; } #article h2 { float: left; clear: both; height: 18px; line-height: 22px; font-size: 18px; font-family: 'PT Sans'; font-style: italic; /* padding-left: 10px; */ color: #fff; margin: 0 0 20px 0; letter-spacing: 3px; /* font-style: italic; */ } #experience { padding-bottom: 50px; } #watch { /* height: 101px; */ min-height: 101px; } #watch span, #watch a { float: left; } #watch span { height: 14px; line-height: 22px; font-size: 12px; font-family: 'PT Sans'; padding-left: 10px; color: #f95f01; margin: 40px 0; letter-spacing: 3px; } #watch span.orgL { margin: 0; height: 16px; } #watch a { margin: 0 20px; } #watch #buy { margin-left: 75px; } #watch #tix , #watch #stream , #watch #down { margin-left: 30px; } #watch #tickets_movie { width: 208px; height: 46px; line-height: 46px; font-size:16px; text-decoration: none; background-color: #fff; text-align: center; color: #666666; margin: 25px 20px; float: left; } #watch #tickets_movie:hover { background-color: #f95f01; color: #fff; } #watchBox a img.lrg { display: block; } #watchBox a img.min { display: none; } #watchBox span.lrg { display: block; } #watchBox span.min { display: none; } #watchBox { padding:0 0 0 70px; } #filmHdr { /* height: 154px; */ min-height: 154px; z-index: 9; } #filmHdrBox { padding-top: 54px; } #filmMenu { margin: 0; /* 10% 0 10%; */ } #filmMenu , #filmAnother { top: 54px; color: #fff; } #filmMenuBox { text-align: center; margin: 40px 0; } #filmMenuBox a { display: inline-block; font-size:15px; height: 14px; line-height: 18px; padding: 0 10px; color: #fff; text-decoration: none; border-left: 1px solid #fff; position: relative; } #filmMenuBox a span { top:0; } #filmMenuBox a:first-child { /* border-left: 2px solid #e44f27; */ border-left: 0; padding-left: 10px; } #filmMenuBox a:hover { color:#f95f01; } #filmAnotherBox { text-align: center; margin: 40px 0; } #filmAnotherBox a { display: inline-block; font-size:15px; height: 14px; line-height: 18px; color: #fff; text-decoration: none; float: right; white-space:nowrap; cursor: pointer; } #filmAnotherBox a:hover { color:#f95f01; } #filmAnotherBox img { transform-origin: center center; -webkit-transition-duration: 500ms; -moz-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; transform: matrix(1, 0, 0, 1, 0, 0); } #filmAnotherBox img.active { transform: matrix(-1, 0, 0, -1, 0, 0); } #executiveTeam .exec { float: left; clear: both; width: 100%; display: block; margin-bottom: 25px; } #executiveTeam .exec .execImg , #executiveTeam .exec { float: left; clear: none; display: inline-block; } #executiveTeam .exec img { margin-right: 20px; margin-bottom: 5px; } #executiveTeam .exec h3 { /* white-space: nowrap; */ display:inline-block; } #executiveTeam .exec h3 , #executiveTeam .exec h4 , #executiveTeam .exec p { /* clear: right; */ color: #fff; } #executiveTeam .exec h3 { font-size: 24px; } #executiveTeam .exec h4 { font-size: 20px; color: #e44f27; } #executiveTeam .exec p { margin-top: 25px; font-size: 16px; } .fL { float: left; } .pgW { padding: 0 30px; } .orgL { height: 16px; width: 1px; border-left: 2px solid #f95f01; /* margin-right: 10px; */ position: absolute; top: 2px; left: 0; width: 100%; } .ny_nav {text-align:center; margin:0 auto; WIDTH: 100%; margin-top:50px; MARGIN-BOTTOM: 3px; HEIGHT: 60px; OVERFLOW: hidden} .ny_nav A {PADDING-BOTTOM: 12px; LINE-HEIGHT: 60px; PADDING-LEFT: 15px; WIDTH: auto; PADDING-RIGHT: 15px; BACKGROUND: #f8f8f8; HEIGHT: 60px; COLOR: #747373; FONT-SIZE: 16px; MARGIN-RIGHT: 10px; PADDING-TOP: 12px} .ny_nav A:hover {BACKGROUND: #565656; COLOR: #fff} .ny_nav A.current {BACKGROUND: #565656; COLOR: #fff !important} .ny_nav_hover {BACKGROUND: #565656; COLOR: #fff !important} .ldaocase .more { padding:20px 0 40px;} .ldaocase .more a { display:inline-block;width:204px;line-height:36px; text-align: center; font-size:16px;letter-spacing:3px;border:#00a0e9 1px solid;border-radius:18px;color:#00a0e9;} .ldaocase .more a:hover { background:#00a0e9;color:#fff; text-align: center; } .text-center { text-align: center; }