/* CSS Document */ @charset "utf-8"; .container {background:#f7f7f7;padding:36px 0 50px; } .container .wrap { position:relative; background:url(container.png) top center repeat-y; } .container .wrap .sidebar { float:left; width:241px; } .container .wrap .main {float:right; min-height:460px; width:958px; border:1px solid #eaeaea; border-left:0; box-sizing:border-box; padding:32px 35px 0 35px;} .container .g-in{width:1200px;margin:0 auto; background:#fff;padding:32px 35px;border:1px solid #eaeaea;box-sizing:border-box;} .section1{margin-top: 27px;} .s1_l{float:left;font-size:20px;background: #f5f5f3 url(s1_add1.png) no-repeat right center;color: #a42a20;padding:28px 28.5px;border:1px solid #eeeeec;border-right: 0;} .s1_r{overflow: hidden; float:left;width: 741px;padding-left: 20px; height: 86px;background: #f5f5f3;border:1px solid #eeeeec;border-left: none;} .s1_ri{width: 335px;padding:17px 17.75px;} .s1_ri:last-child{background: none;} .s1_ri h2{font-weight: normal;font-size: 14px;color: #030303;} .s1_ri:hover h2{color: #9b1414} .s1_ri div{font-size: 14px;color: #9d9d9b;font-family: "Arial";margin:2px 0;} .s1_ri p{font-size: 14px;color: #9d9d9b;} .s1_r ul li{float:left;} .s1_d{float:right;width: 289px;height: 88px;} .s1_d a{display: block;text-align: center;line-height: 88px;color: #fff;font-size: 22px;background: url(s1_add.png) no-repeat center;} .s1_d {color: #fff;} .section2{margin-top: 31px;} .s2_l{float:left;width: 600px;} .s2_r{float:right;width: 583px;} .s2_lt{} .s2_ltl{float:left;width: 122px;border:1px solid #eeeeec;text-align: center;border-top:4px solid #d2251a;border-bottom: none;line-height: 42px;font-size: 20px;color: #d2251a;} .s2_ltr{float:right;width: 475px;border:1px solid #eae8e8;border-left: none;line-height: 44px;height: 44px;background: url(ss_bg.png) no-repeat right center;} .s2_ltr a{float:right;width: 85px;display: block;line-height: 44px;text-align: center;font-size: 14px;color: #4f4f4f;} .s2_lc{background: #f5f5f3;border:1px solid #eeeeec;border-top: none;padding:25px 27px 14px;} .s2_lctl{float:left;position: relative;} .s2_lctl .hd{position: absolute;text-align: center;width: 100%;bottom: 12px;} .s2_lctl .hd ul{display: inline-block;} .s2_lctl .hd ul li{display: inline-block;width: 8px;height: 8px;border-radius: 8px;background: #fff;vertical-align:top; cursor:pointer; text-indent:999999px;margin:0 3px;} .s2_lctl .hd ul li.on{background: #a1251e;} .s2_lctr{float:right;width: 228px;} .s2_lctr1 a{font-size: 18px;color: #9b1414;} .s2_lctr2{font-size: 14px;color: #060001;margin-top: 10px;line-height: 24px;} .s2_lctr3{margin-top: 20px;} .s2_lctr3 a{display: inline-block;width: 117px;height: 29px;padding-left: 15px;line-height: 29px;background: #ffffff url(s2_1_03.png) no-repeat 100px center;font-size: 13px;color: #4f4f4f;} .s2_lctr3 a:hover{background: #a2261e url(s2_1_03.png) no-repeat 100px center;;color: #f4e9d1;} .s2_lcc{margin-top: 23px;} .s2_lcc ul li{width: 546px;margin-left: -27px;padding:10px 27px;} .s2_lcc ul li:hover{background: #efefee;} .s2_lcc ul li .s2_lccl{float:left;width: 62px;text-align: center;} .s2_lcc ul li .s2_lccl div{background: #9b9b9b;height: 45px;line-height: 45px;font-size: 24px;color: #ffffff;font-weight: bold;} .s2_lcc ul li .s2_lccl p{border:1px solid #cccccc;line-height: 20px;font-size: 12px;color: #cccccc;} .s2_lcc ul li:hover .s2_lccl div{background: #a1251e;} .s2_lcc ul li:hover .s2_lccl p{border:1px solid #a1251e;color: #a1251e;} .s2_lcc ul li .s2_lccr{float:right;width: 460px;} .s2_lcc ul li .s2_lccr h2{font-weight: normal;} .s2_lcc ul li .s2_lccr h2 a{font-size: 14px;color: #000;} .s2_lcc ul li .s2_lccr div{font-size: 14px;color: #9d9c9b;margin:3px 0;height: 21px;overflow: hidden;} .s2_lcc ul li .s2_lccr p a{font-size: 13px;color: #747271;} .s2_r .s2_ltr{width: 458px;} .s2_rc{border:1px solid #eeeeec;background: #f5f5f3;border-top: none;padding:19px 17px 28px 24px;} .s2_rcl{float:left;width: 344px;position: relative;} .s2_rcl .s2_rclb{position: absolute;bottom: 0;right:0;width: 185px;height: 124px;background: rgba(0,0,0,0.3);padding:27px 15px 0 20px;} .s2_rcl .s2_rclb div{color: #fff;font-size: 18px;} .s2_rcl .s2_rclb p{margin-top: 10px;font-size: 14px;color: #fff;} .s2_rcr{float:right;width: 184px;text-align: center;} .s2_rcr .s2_rcr1{width: 100%;height: 161px;background: #a2261e;} .s2_rcr .s2_rcr1 div{padding-top: 35px;transition: all 0.5s;-moz-transition: all 0.5s; /* Firefox 4 */ -webkit-transition: all 0.5s; /* Safari 鍜 Chrome */ -o-transition: all 0.5s; /* Opera */} .s2_rcr .s2_rcr1:hover div{padding-top: 28px;} .s2_rcr .s2_rcr1 p{font-size: 18px;color: #fff;margin-top: 10px;} .s2_rcr .s2_rcr2{width: 100%;height: 151px;background: #faaf01;} .s2_rcr .s2_rcr2 div{padding-top: 35px;transition: all 0.5s;-moz-transition: all 0.5s; /* Firefox 4 */ -webkit-transition: all 0.5s; /* Safari 鍜 Chrome */ -o-transition: all 0.5s; /* Opera */} .s2_rcr .s2_rcr2:hover div{padding-top: 28px;} .s2_rcr .s2_rcr2 p{font-size: 18px;color: #fff;margin-top: 10px;} .s2_rb{margin-top: 19px;border:1px solid #eeeeec;height: 134px;background: url(s2_5_15.png) no-repeat center;padding-left: 25px;width: 530px;padding-right: 23px;} .s2_rb div{font-size: 20px;color: #a2261e;padding-top: 18px;margin-bottom: 17px;} .s2_rb .txt1{color: #fff; width: 170px;height: 38px;background: #9e9e9d url(s2_6_06.png) no-repeat 8px center;padding-left: 32px;margin-right: 10px;} .s2_rb .txt2{color: #fff;width: 168px;height: 38px;background: #9e9e9d url(s2_7_03.png) no-repeat 8px center;padding-left: 40px;} .s2_rb input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; font-size: 14px; } .s2_rb input:-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; font-size: 14px; } .s2_rb input::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; font-size: 14px; } .s2_rb input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #fff; font-size: 14px; } .s2_rb .sbt{width: 96px;height: 38px;background: #a93932;font-size: 16px;color: #fff;float:right;text-align: center;line-height: 38px;} .s2_rctl{float:left;} .s2_rctr{float:right;width: 262px;height: 227px;background: url(vedio_bg1.png) no-repeat center;text-align: center;} .s2_rctr div{font-size: 24px;color: #fff;padding-top: 72px;} .s2_rctr p{font-size: 18px;color: #dcbbb8;text-transform: uppercase;} .s2_rcb{margin-top: 15px;} .s2_rcbi{float:left;width: 180px;text-align: center;height: 149px;} .s2_rcbi:hover div{padding-top: 28px;} .s2_rcbi div{padding-top: 40px;transition: all 0.5s;-moz-transition: all 0.5s; /* Firefox 4 */ -webkit-transition: all 0.5s; /* Safari 鍜 Chrome */ -o-transition: all 0.5s; /* Opera */} .s2_rcbi p{font-size: 18px;color: #a42a20;margin-top: 10px;} .s2_rcb1{background: #d8d8d8;} .s2_rcb2{background: #e3e3e3;} .s2_rcb3{background: #e9e9e9;} .section3{margin-top: 29px;} .section3 .s2_ltr{width: 1075px;background: url(s3a_bg.png) no-repeat right center;} .s3_c{background: #f5f5f3;padding:34px 21px;border:1px solid #eae8e8;border-top: none;position: relative;} .s3_c .prev{display: inline-block;width: 26px;height: 26px;background: url(s3_prev.jpg) no-repeat center;position: absolute;top:-35px;right:40px;} .s3_c .next{display: inline-block;width: 26px;height: 26px;background: url(s3_next.jpg) no-repeat center;position: absolute;top:-35px;right:8px;} .s3_c .bd ul li{float:left;} .s3_ci{float:left;width: 265px;margin:0 12px;position: relative;} .s3_citt{background: #e9e9e7;padding-left: 15px;padding-bottom: 12px;position: absolute;top:0;width: 250px;z-index: 10;} .s3_citt div{font-size: 16px;color: #a1251e;padding-top: 15px;} .s3_citt p{width: 33px;height: 1px;background: #595956;margin-top: 8px;} .s3_citc{position: relative;} .s3_citc .s2_cita{position: absolute;top:153px;left:87px;z-index: 9;} .s3_cib{position: absolute;z-index: 11;width: 215px;height: 100%;top:0;left:0;background: rgba(0,0,0,0.5);padding:0 25px;display: none;} .s3_cib1{padding-top: 40px;} .s3_cib1 a{font-size: 18px;color: #fefefe;} .s3_cib2{width: 144px;height: 2px;background: #fcfcfc;margin:15px 0 25px;} .s3_cib3{font-size: 14px;color: #fefefe;} .s3_cib4{margin-top: 34px;} .s3_cib4 a{display: inline-block;width: 115px;height: 29px;line-height: 29px;padding-left: 17px;background: #a2261e url(s3_2_03.png) no-repeat 100px center;font-size: 13px;color: #eedfdf;} .section4{height: 174px;background: url(s4_bg_02.png) no-repeat center;padding-top: 42px;} .s4_ci{float:left;margin:0 46px;} .s4_ci2{font-size: 20px;color: #a2261e;margin-top: 10px;} .s4_ci3{font-size: 14px;color: #474747;} .s4_ci:hover .s4_ci1{margin-top: -7px;} .s4_ci .s4_ci1{transition: all 0.5s;-moz-transition: all 0.5s; /* Firefox 4 */ -webkit-transition: all 0.5s; /* Safari 鍜 Chrome */ -o-transition: all 0.5s; /* Opera */} .sectiona{margin-top: 24px;} .sa_c ul li{float:left;} .sa_c ul li:first-child{margin-right: 19px;} .indessearch { float:left; padding:30px 0px 0px 70px; } .indsecbox{width:400px;height:87px;padding-top:4px;} .indselect{width:400px;height:59px;} .indselect ul li{float:left;height:59px;} .indselect ul li.sec{width:240px;height:26px;padding:13px 0 20px 20px;background:url(indse_bg.png) left center no-repeat;} .indselect ul li.sec input{float:left;background:none;border:0px;width:230px;height:26px;color:#333;line-height:26px;outline:none;font-family:"Microsoft YaHei",寰蒋闆呴粦;font-size:14px;} .indselect ul li.btna{width:90px;} .indselect ul li.btna input{float:left;width:90px;height:59px;background:url(indss_btn.png) no-repeat;border:none;cursor:pointer;} .indselect ul li.ss{width:36px;line-height:18px;height:53px;padding:13px 7px 0;} .indselect ul li.ss a{line-height:18px;color:#fff;font-size:14px;text-decoration:underline;filter:alpha(opacity=80);opacity:0.80;} .indselect ul li.ss a:hover{color:#c00;text-decoration:underline;} .SearchWords { padding-top:30px; } .contact{float: right;margin-top: 30px; margin-right:50px;} .contact li{float: left;width: 40px;padding-left: 0;height: 40px;border: 1px solid #C3C3C2;border-radius: 30px;position: relative;overflow: hidden;transition: all 0.3s ease 0s;margin-left: 8px} .contact li a{display: block;color: #C3C3C2;font-size: 14px;line-height: 40px;} .contact li a img{display: inline-block;height: 40px;line-height: 40px;vertical-align: top} .contact li a span{position: absolute;right: -60px;top: 0} .contact li:hover{padding-left: 80px} .contact li:hover a span{right: 44px} .fl{float:left;position:relative;} .hidden{display:none;} /* wrapper */ .wrapper{min-width:1200px;position:relative;} .w1200{width:1200px;margin:0 auto;} /* public */ /* nav */ .nav_bg {height:50px; background-color:#A80D0F; border-bottom:#F5F5F3 1px solid; text-align:center} .nav{background:#A80D0F;height:50px;line-height:50px;} ul.menu{} ul.menu li{display:block; } ul.menu li a{display:block;font-size:16px;line-height:50px;color:#fff;text-align:center;position:relative;} ul.menu li a span{display:block;width:125px;height:50px;line-height:50px;} ul.menu li:hover a{color:#fff;} ul.menu li a.current{color:#fff;} ul.menu li:last-child a:after{display:none;} ul.menu li.last a:after{display:none;} ul.menu li ul{ width:80px; position: absolute; z-index:99999999; top: 50px; left: 0; min-width:80px; text-align:left; clear:both; opacity: 0; *display:none; -webkit-transition: opacity .25s ease .1s; -moz-transition: opacity .25s ease .1s; -o-transition: opacity .25s ease .1s; -ms-transition: opacity .25s ease .1s; transition: opacity .25s ease .1s; } ul.menu li:hover > ul {width:80px; opacity: 0.95; *display:block; } ul.menu li ul li {width:150px; height: 0; overflow: hidden; padding: 0; display:block; -webkit-transition:height .25s ease .1s; -moz-transition:height .25s ease .1s; -o-transition:height .25s ease .1s; -ms-transition:height .25s ease .1s; transition:height .25s ease .1s; } ul.menu li:hover > ul li { height: 45px; line-height: 45px; overflow: visible; font-size:14px; display:block; padding: 0;width:100%; } ul.menu li ul li a { display:block; padding:0 35px; height: 45px; text-align:left; *min-width:150px; white-space:nowrap; font-size:14px; line-height: 45px; margin: 0; font-family:"瀹嬩綋"; } ul.menu li:hover ul li a{background:#A80D0F;color:#fff; width:100%;} ul.menu li ul li:hover a{background:#C05E19;color:#fff;width:100%;} ul.menu li ul li a:after{display:none;} .ico1 a:hover {background-image:url(ico1.png);display:block;background:#C05E19;} .ico2 a:hover {background-image:url(ico2.png);display:block;background:#C05E19;} .ico3 a:hover {background-image:url(ico3.png);display:block;background:#C05E19;} .ico4 a:hover {background-image:url(ico4.png);display:block;background:#C05E19;} .ico5 a:hover {background-image:url(ico5.png);display:block;background:#C05E19;} .ico6 a:hover {background-image:url(ico6.png);display:block;background:#C05E19;} .ico7 a:hover {background-image:url(ico7.png);display:block;background:#C05E19;} .ico8 a:hover {background-image:url(ico8.png);display:block;background:#C05E19;} .ico4 {width:150px;} .ico1 span {background-position:30px 15px;background-repeat:no-repeat;background-image:url(ico1.png); padding-left:25px;} .ico2 span {background-position:30px 15px;background-repeat:no-repeat;background-image:url(ico2.png); padding-left:25px;} .ico3 span {background-position:30px 15px;background-repeat:no-repeat;background-image:url(ico3.png); padding-left:25px;} .ico4 span {background-position:30px 15px;background-repeat:no-repeat;background-image:url(ico4.png); padding-left:35px;} .ico5 span {background-position:30px 15px;background-repeat:no-repeat;background-image:url(ico5.png); padding-left:25px;} .ico6 span {background-position:30px 15px;background-repeat:no-repeat;background-image:url(ico6.png); padding-left:25px;} .ico7 span {background-position:30px 15px;background-repeat:no-repeat;background-image:url(ico7.png); padding-left:25px;} .ico8 span {background-position:30px 15px;background-repeat:no-repeat;background-image:url(ico8.png); padding-left:25px;} .indexnews_lt{} .indexnews_ltl{float:left;width: 122px;border:1px solid #eeeeec;text-align: center;border-top:4px solid #d2251a;border-bottom: none;line-height: 42px;font-size: 20px;color: #d2251a;} .indexnews_ltr{float:right;width: 260px;border:1px solid #eae8e8;border-left: none;line-height: 44px;height: 44px;} .indexnews_ltr a{float:right;width: 85px;display: block;line-height: 44px;text-align: center;font-size: 14px;color: #4f4f4f;} .indexnews_rc{border:1px solid #eeeeec;background: #f5f5f3;border-top: none;padding:9px 0px 0px 24px;height:180px;} .indexnews_rc .bd dd{height:34px;line-height:34px;font-size:14px;font-family:"瀹嬩綋";} .indexnews_rc .bd dd a{float:left;background:url(index_arrorw.jpg) left center no-repeat;padding-left:15px;font-size:14px;font-family:"瀹嬩綋";} .indexnews_rc .bd dd span{float:right;font-family:Arial;color:#aaa;} .listd { padding: 10px 0 180px 0; } .listd { margin: 0px 0 380px 0; } .listd .page-header { border-bottom: none; text-align: center; } .listd .li { width: 23.5%; margin-right: 1.75%; margin-bottom: 1.75%; background: #fff; cursor: pointer; float: left; box-shadow: 0px 0px 10px 0px rgba(0,0,0,.1); -webkit-transition: all .8s; transition: all .8s; } .listd .li .img img { width: 100%; } .listd .li:nth-child(4n) { margin-right: 0; } .listd .li .p-text { padding: 20px; } .listd .li .h { font-size: 20px; color: #333; line-height: 25px; margin-bottom: 5px; -webkit-transition: all .8s; transition: all .8s; } .listd .li .sp { padding-left: 25px; background: url(img20.png) no-repeat center 2px; } .listd .li .p { font-size: 15px; height: 88px; overflow: hidden; line-height: 1.5; color: #999; -webkit-transition: all .8s; transition: all .8s; } .listd .li:hover .h, .listd .li:hover .p { color: #fff; } .listd .li:hover .sp { background: url(img20.png) no-repeat center 98%; } .listd .li:hover{ background: #a80d0f; }