@charset "utf-8"; /* CSS Document */ .clear{clear:both;} .w1400{width: 1300px;margin: 0 auto;overflow: hidden;zoom: 1;} .w1200{width: 1200px;margin: 0 auto;zoom: 1;} .HeadTop{width: 100%;height: 32px;background-color: #546d92;font-size: 14px;color: #fff;line-height: 32px;} .HeadTop p.fr a{color: #fff;float: left;} .HeadTop p.fr{padding-left: 28px;position: relative;} .HeadTop p i{float: left;padding: 0px 10px;} .HeadTop .HeadTopBox{width: 1200px;margin: 0 auto;} .HeadTop .img_code{display: block;width: 120px;height: 120px;position: absolute;right: 0;top: 32px;z-index: 20;display: none;} .HeadTop .wechat:hover .img_code{display: block;} .NavForm{margin-top: 3px;font-size: 12px;width: 185px;height: 24px;overflow: hidden;zoom: 1;border-radius:40px;-moz-border-radius:40px;-ms-border-radius:40px;-o-border-radius:40px;-webkit-border-radius:40px;border: 1px solid #848a91;padding-left: 5px;} .NavForm input.Input{border: 0px;float: left;width: 140px;height: 24px;line-height: 24px;border: none;font-size:11px;background: none;color: #fff;} .NavForm input.Sub{float: left;width: 32px;background: url(images/search.png) no-repeat center 1px; margin-left: -6px;height: 23px;border: none;cursor: pointer;} .header_pic{position: absolute;display: none;} .NavBox{width: 100%;position: absolute;left: 0; top: 32px;z-index: 10;background: #616161; filter:Alpha(opacity=26);background-color: rgba(97,97,97,0.26);} .NavBox:hover{filter:Alpha(opacity=100);} .NavBox:hover{transition: 0.2s all ease-in-out;-moz-transition: 0.2s all ease-in-out;-o-transition: 0.2s all ease-in-out;-ms-transition: 0.2s all ease-in-out;-webkit-transition: 0.2s all ease-in-out;} .Nav{width: 1320px;margin: 0 auto;display: table;} .NavUl {margin-top: 8px;height: 63px;line-height: 50px;width: 930px;} .NavUl li{float: left;position: relative;height: 80px;line-height: 80px;padding: 0px 13px;text-align: center;} .NavUl li i.i_left{display: block;position: absolute;left: 0px;bottom: 0px;width: 150px;background-color: #f00;z-index: 100;} .NavUl li .Nav_List{width: 855px; height: 453px;background: url(images/Nav_ListBg.jpg) no-repeat center center;box-sizing: border-box;position: absolute;left: 0;top: 74px;background-color: #fff; border-bottom: 6px solid #1871e9;z-index: 10; display: none;text-align: left;line-height: 20px;padding-top: 20px;} .NavUl li .Nav_List:before{position: absolute;content: '';left: 0;top: 0;height: 5px;background-color: #1871e9;width: 120px;} .NavUl li .Nav_List dl{width: 570px;float: left; margin-left: 10px;margin-bottom: 25px;} .rights-news{ display: inline-table;width: 265px; float: right; border-left: 1px solid #ddddde; margin-top: -12px; margin-right: 3px;} .rights-news p{ height: 71px;line-height: 71px; border-bottom: 1px solid #ddddde; width: 100%; box-sizing: border-box; font-weight: bold;font-size: 16px;color: #3e3a39; padding-left: 34px;} .rights-news p img{ display: inline-block; vertical-align: middle; margin-right: 10px;} .rights-news p a.a{ display: inline-block; line-height: 73px; color: #3e3a39;font-size: 16px;font-weight: bold; letter-spacing: 2px;} .rights-news p a.a:hover{color: #000;} .NavUl .Nav_List dl dt a{color: #221815; font-size: 16px;font-weight: bold;} .NavUl .Nav_List dl dt{display: block;width: 100%;font-size: 16px; margin-bottom: 3px;} .NavUl .Nav_List dl dt i{ display: block; width: 6px; height: 6px; float: left; margin-top: 8px; margin-left: 5px; -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -o-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); background: #000;} .NavUl li.liB .Nav_List dt a{ color: #221815;} .NavUl .Nav_List dl dd{ width: 100%; line-height: 23px;} .NavUl li.liB .Nav_List dd{} .NavUl .Nav_List dl dd a {display: inline-block; font-size: 14px;padding-right: 20px;color: #595757;} .NavUl .Nav_List dl dd a:hover{transition: 0s; color: #009fde;} .NavUl li a{font-family: 微软雅黑;color: #fff;font-size: 20px;display: block;padding: 0px;} .NavUl li a:hover{color: #fff;} .NavBoxB{width: 100%;position: absolute;left: 0;top: 32px;z-index: 10;background: #fff; filter:Alpha(opacity=1);background-color: rgba(255,255,255,1);} .NavBoxB:hover{filter:Alpha(opacity=100);} .NavBoxB .NavUl li a{color: #333;} .navphone{float: left;height: 45px;width: 185px;font-size: 18px;color: #fff;} .navphone img{float: left;display: inline-block;padding-top: 20px;padding-right: 7px;} .navphone .f_i{ font-weight:bold;float: left;display: block;text-align: right;padding-top: 20px;} .navphone .t_i{font-weight:bold;float: left;display: block;text-align: right;} .NavBoxB .navphone{color: #333;} .Banner { width: 100%; height: 509px; /*background-color: #1871e9;*/ position: relative; overflow: hidden;} .Banner .hd{ width:100%; position: absolute; bottom: 0px; text-align: center; font-size:0; z-index:1;} .Banner .hd li { margin: 0 5px; cursor: pointer; display:inline-block; *display:inline; zoom:1; padding: 2px 2px; width: 13px; height: 1px; background: #f1fbfe; filter:Alpha(opacity=60);/* 只支持IE6、7、8、9 */ position:static; background-color: rgba(248,251,254,0.6); } .Banner .hd span { margin: 0 5px; cursor: pointer; display:inline-block; *display:inline; zoom:1; padding: 2px 2px; width: 13px; height: 1px; background: #f1fbfe; filter:Alpha(opacity=60);/* 只支持IE6、7、8、9 */ position:static; background-color: rgba(248,251,254,0.6); } .Banner .hd .on { background-color: #1871e9;} .Content1 { background-color: #fff; height:152px; box-sizing: border-box; } .Content1 li { float: left; width: 225px; overflow: hidden; zoom: 1; margin-right: 100px; font-size: 18px; color: #000; text-align: center; padding-top: 20px; } .Content1 li span { display: block; } .Content1 li .msize { font-size: 14px; } .ConTitle { text-align: center; font-size: 30px; color: #131313; } .Con6_h6{ text-align: left; height: 39px; font-size: 18px; color: #272727; padding-top: 20px; } .Con6_a{ line-height: 40px; float: right; color: #030b5f; font-size: 14px; } .ConTitle h1,.ConTitle .size_big { white-space: nowrap; font-size: 28px; font-family: "微软雅黑"; } .ConTitle h1 span,.ConTitle .size_big span { font-size: 18px; } .ConTitle h2,.ConTitle .size_small { font-size: 18px; margin-top: 12px; } .Content2 { width: 100%; background:#fff url(images/Content2_Bg.jpg) no-repeat center center; height: 653px; overflow: hidden; zoom: 1; padding-top: 35px; } .Content2 .ConTitle { width: 630px; text-align: left; } .Content2 .Con2Box { width: 1200px; margin: 0 auto; overflow: hidden; zoom: 1; } .Content2 .Con2Box_Ul { width: 100%; margin-top: 70px; } .Content2 .Con2Box_Ul dl { float: left; margin-right: 70px; padding-top: 35px; position: relative; text-align: center; width: 242px; z-index: 3; } .Content2 .Con2Box_Ul dl.dl_last { margin-right: 0px; } .Content2 .Con2Box_Ul dl dt { position: relative; transition: all 0.5s ease 0.3s; width: 100%; z-index: 3; } .Content2 .Con2Box_Ul dl dt.tw_1 { background: url(images/s_1.png) no-repeat center top; width: 156px; height: 164px; margin: 0 auto; } .Content2 .Con2Box_Ul dl dd.st { color: #000; font-size: 22px; height: 30px; line-height: 30px; margin-top: 30px; position: relative; width: 100%; z-index: 3; margin-bottom: 10px; } .Content2 .Con2Box_Ul dl dd.spec { border-bottom: 2px solid #009fde; color: #000; font-size: 15px; height: 110px; line-height: 24px; padding-bottom: 60px; position: relative; width: 100%; z-index: 3; } .Content2 .Con2Box_Ul dl dd.sx { background-color: #009fde; border-radius: 5px; height: 5px; margin-top: 2px; width: 100%; } .Content2 .Con2Box_Ul dl .dd_bg { background-color: #009fde; bottom: 0; height: 0; left: 0; position: absolute; transition: all 0.5s ease 0s; width: 100%; z-index: 0; } .Content2 .Con2Box_Ul dl:hover .dd_bg{ height: 445px; } .Content2 .Con2Box_Ul dl:hover dd.st{ color: #fff; } .Content2 .Con2Box_Ul dl:hover dd.spec{ color: #fff; } .Content2 .Con2Box_Ul dl:hover dt.tw_1{ background:url("images/s_1.png") no-repeat scroll 0 -164px; display: inline-block; height: 164px; width: 154px; } .Content2 .Con2Box_Ul dl dt.tw_2 { background: url(images/s_2.png) no-repeat center top; width: 156px; height: 164px; margin: 0 auto; } .Content2 .Con2Box_Ul dl:hover dt.tw_2{ background:url("images/s_2.png") no-repeat scroll 0 -164px; display: inline-block; height: 164px; width: 154px; } .Content2 .Con2Box_Ul dl dt.tw_3 { background: url(images/s_3.png) no-repeat center top; width: 156px; height: 164px; margin: 0 auto; } .Content2 .Con2Box_Ul dl:hover dt.tw_3 { background:url("images/s_3.png") no-repeat scroll 0 -164px; display: inline-block; height: 164px; width: 154px; } .Content2 .Con2Box_Ul dl dt.tw_4 { background: url(images/s_4.png) no-repeat center top; width: 156px; height: 164px; margin: 0 auto; } .Content2 .Con2Box_Ul dl:hover dt.tw_4 { background:url("images/s_4.png") no-repeat scroll 0 -164px; display: inline-block; height: 164px; width: 154px; } .img_heart { width: 424px; display: block; margin: 0 auto; margin-top: 65px; animation:Rotate 10s infinite linear ; -moz-animation:Rotate 10s infinite linear ; -ms-animation:Rotate 10s infinite linear ; -o-animation:Rotate 10s infinite linear ; -webkit-animation:Rotate 10s infinite linear ; } @-webkit-keyframes Rotate{ 0% { -webkit-transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); } } .Content3 { width: 100%; border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; box-sizing: border-box; background: url(images/Content3_Bg.jpg) no-repeat center top; height: 648px; box-sizing: border-box; padding: 20px 0px 50px 0px; overflow: hidden; zoom: 1; position: relative; } .Content3 .Con3A,.Content3 .Con3B { width: 1010px; margin: 0 auto; position: relative; } .Content3 li { width: 174px; height: 154px; float: left; background: url(images/Content3_bg1.jpg) no-repeat center top; text-align: center; font-size: 20px; margin-right: 25px; padding-top: 10px; margin-bottom: 22px; } .Content3 .Content3_More { width: 1100px; margin: 0 auto; font-size: 18px; text-align: right; margin-bottom: 15px; } .Content3 .Content3_More a { color: #34c2f7; } .Content3 .Con3B .Content3_SizeImg { float: left; width: 535px; padding-left: 12px; padding-top: 36px; text-align: center; color: #000000; font-size: 18px; line-height: 30px; margin-right: 48px; } .Content3 li.li_last { margin-right: 0px; } .Content3 li a { color: #202020; } .Content3 li img { display: block; width: 100px; margin: 0 auto; padding-bottom: 10px; -webkit-transition: -webkit-transform 0.2s ease-out; -moz-transition: -moz-transform 0.2s ease-out; -o-transition: -o-transform 0.2s ease-out; -ms-transition: -ms-transform 0.2s ease-out; } .Content3 li img:hover{ -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg); } .Content3 .book_bg { position: absolute; bottom: 0px; left: 0%; } .Content3 .cao { position: absolute; bottom: 0px; right: 3%; } /*8455新葡萄娱乐第四模块*/ .Content4 { width: 1200px; background: url(images/Content4_Bg.jpg) no-repeat center top; height: 475px; padding-top: 20px; position: relative; } .Content4 .ConTitle { width: 630px; text-align: left; } .Content4Ul { width: 100%; margin: 0 auto; margin-top: 70px; } .Content4Ul li { float: left; width: 390px; margin-right: 5px; height: 198px; position: relative; } .Content4Ul li img { display: block; width: 230px; margin: 0 auto; padding-top: 50px; } .Content4Ul li:hover { /*width: 398px; height: 198px;*/ border: 1px solid #ababab; } .Content4Ul li .a_num { position: absolute; left: 0; top: -30px; color: #009fde; font-size: 16px; font-weight: bold; opacity: 0; } .Content4Ul li:hover .a_num { opacity: 1; } .Content4 .More { position: absolute; right: 0; top: 35px; font-size: 18px; } .Content4 .More a { color: #000; } .Content4 .More a:hover { color: #009fde; } .Content4 .Jian { position: absolute; right: 0; bottom: 20px; color: #999; font-size: 16px; line-height: 68px; } .Content4 .Jian span { display: inline-block; width: 68px; height: 68px; text-align: center; line-height: 68px; border: 1px solid #999; font-size: 42px; border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; color: #727272; } .Content4 .Jian span:hover { border: 1px solid #009fde; color: #009fde; } .Content5 { width: 100%; background: url(images/people_img/people_Bg1.jpg) no-repeat center top; box-sizing: border-box; height: 650px; margin-top: 140px; position: relative; } .Content5 .Content5Tit { width: 1120px; margin: 0 auto; text-align: left; position: relative; color: #131313; } .Content5 .Content5Tit h3 { width: 170px; height: 205px; background: url(images/people_img/people_Bg2.png) no-repeat center top; position: absolute; left: 0px; top: -140px; } .Content5 .size_big { font-size: 32px; height: 40px; line-height: 40px; position: absolute; left: 20px; top: -70px; } .Content5 .size_small { font-size: 18px; position: absolute; left: 20px; top: -30px; } .section4{ /*width: 1140px;*/ width: 1066px; margin: 0 auto; overflow: hidden; zoom: 1; padding-top: 90px; position: relative; } .section4 .row{ position: relative; width: 105%; margin: 0 auto;} .section4 .row li{ perspective: 700px; padding: 3px; float:left; } .section4 .row li.li_logo { padding: 0px; } .section4 .row li.li_logo1 { display: block; padding: 0px; border: 1px solid #; } .section4 .row li.li_logo2 { display: block; padding: 0px; margin-top: -23px; } .section4 .row li.li_logo3 { display: block; padding: 0px; margin-top: -46px; } .section4 .row li.li_logo4 { display: block; padding: 0px; margin-top: -69px; } .section4 .row li.li_logo5 { display: block; padding: 0px; margin-top: -69px; margin-left: 0px; } .section4 .row li.li_logo6 { display: block; padding: 0px; margin-top: -69px; } .section4 .row li.li_logo7 { display: block; padding: 0px; margin-top: -69px; } .section4 .row li.li_logo_img { margin-top: -93px; } .section4 .row li.li_logo2_1 { margin-left: -10px; } .section4 .row li.li_rotate1 { transform: rotate(65deg);} .section4 .row li img{ width: 88px; height: 88px;} .section4 li img.img_01 { width: 71px; height: 71px; } .section4 .row .animate{ text-align:center; color: #000;} .section4 .row .animate:hover{ color: #999;} .Content6 { padding-top: 20px; padding-bottom: 6px; width: 100%; background-color: #efefef; } .Content6Box { width: 1200px; margin: 0 auto; display: table; } .Con6Left { width: 589px; background: url(images/Con6Left_Bg.png) no-repeat left top; height: 464px; } .Con6Right { width: 611px; background: url(images/Con6Right_Bg.png) no-repeat left top; height: 464px; } .Con6_h6 { position: relative; padding-right: 35px; margin-bottom: 50px; } .Con6_h6 .A_Left { position: absolute; left: -10px; top: -8px; } .Con6Box { width: 445px; margin: 0 auto; overflow: hidden; zoom: 1; color: #fff; padding-bottom: 30px; margin-top: -15px; } .Con6Box dl { width: 95%; padding-left: 5%; overflow: hidden; zoom: 1; border-bottom: 1px solid #d8d8d8; padding-bottom: 12px; margin-bottom: 10px; } .Con6Box dl:hover { border-bottom: 1px solid #009fde; } .Con6Box dl dt { width: 104px; height: 68px; overflow: hidden; zoom: 1; float: left; border: 1px solid #; } .Con6Box dl dd { width: 300px; float: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .Con6Box dd a.fl { float: left; width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .Con6Box dd.dd1 a { font-size: 16px; color: #313131; } .Con6Box dd.dd2 a { color: #6d6d6d; } .Con6Box dl .dd_time { padding-top: 12px; font-size: 12px; color: #a6a6a6; text-align: right; } .Con6LF,.Con6RG { margin-top: 45px; } .Con6RG { width: 378px; box-sizing: border-box; padding-left: 10px; } .Content7 { width: 100%; background-color: #fff; box-sizing: border-box; overflow: hidden; /*padding: 6px 0px;*/ } .Con7 li { float: left; width: 240px; height: 123px; box-sizing: border-box; padding-top: 12px; text-align: center; font-size: 16px; color: #323232; overflow: hidden; zoom: 1; line-height: 30px; /*border-left: 1px solid #ebebeb;*/ } .Con7 li.li_last { /*border-right: 1px solid #ebebeb;*/ } .Con7 li .liCon { width: 200px; margin: 0 auto; overflow: hidden; zoom: 1; } .Con7 li img { float: left; width: 65px; margin-top: 10px; } .Con7 li .li_service { float: left; width: 115px; text-align: left; padding-top: 25px; padding-left: 5px; } .Con7 li span { display: block; color: #727171; } .Con7 li span.SpanTop { font-size: 32px; color: #221815; overflow: hidden; } .Content8 { width: 100%; background-color: #f2f2f2; padding: 20px 0px 20px 0px; overflow: hidden; display: none; } /*.Cont8 h3 { font-size: 22px; color: #282828; height: 25px; line-height: 25px; padding-left: 15px; border-left: 8px solid #009fde; }*/ .Cont8 ul { width: 100%; font-size: 14px; color: #6a6a6a; text-align: center; margin-top: 3px; } .Cont8 ul li { float: left; margin-right: 55px; } .Cont8 ul li img { width: 100px; height: 100px; transition: 0.4s all ease-in-out; -moz-transition: 0.4s all ease-in-out; -o-transition: 0.4s all ease-in-out; -ms-transition: 0.4s all ease-in-out; -webkit-transition: 0.4s all ease-in-out; } .Cont8 ul li img:hover { transform: rotateY(180deg); } .Cont8 ul li.li_last { margin-right: 0px; } .Cont8 li a { display: block; width: 100px; height: 100px; background-color: #fff; margin-bottom: 5px; border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -webkit-border-radius: 50%; } .Foot { width: 100%; box-sizing: border-box; background-color: #3e5364; padding: 40px 0px 30px 0px; } .Foot a,.Foot { color: #fff; font-size: 16px; line-height: 32px; } .footer { position: relative; font-size: 14px; color: #fff; /*text-align: center;*/ line-height: 25px; } .footer .footer1 { float: left; width: 165px; text-align: center; font-size: 16px; line-height: 30px; margin-top: 30px; } .footer .footer1 dd{margin-top: 18px;} .footer .footer2 { width: 110px; margin-left: 80px; margin-top: 30px; } .footer ul p { font-size: 18px; margin-bottom: 15px; font-weight: bold; } .footer .footer3 { width: 110px; margin-left: 90px; margin-top: 30px; } .footer .footer4 { width: 110px; margin-left: 90px; margin-top: 30px; } .footer .footer5 { width: 381px; float: left; background: url(images/foot5_bg.png) no-repeat center top; height: 265px; margin-left: 30px; } .footer .footer5 dt { padding-top: 130px; } .footer .footer5 dd { /*padding-left: 25px;*/ text-align: left; } .Foot .Foot_P { width: 100%; clear: both; text-align: left; padding-left: 300px; padding-top: 20px; font-size: 16px; } .Foot_P { width: 100%; clear: both; text-align: left; padding-left: 300px; padding-top: 20px; font-size: 16px; } .Foot_Bot { width: 100%; background-color: #1a262f; font-size: 12px; color: #fff; height: 30px; text-align: center; line-height: 30px; } .zaixian { position:fixed; right:-190px; top:300px; z-index:10000; } .zaixian li { background-color: #009fde; width:250px; height: 50px; line-height: 50px; /*border-radius: 12px;*/ margin-bottom:2px; position: relative; } .zaixian li a { display:block; width: 250px; height: 50px; line-height: 50px; color:#fff; font-size: 16px; font-weight: ;} .zaixian li a img { float: left; vertical-align: middle; padding-left: 10px; padding-right: 20px; padding-top: 10px; } .zaixian li.Code { position: relative; background-color: #009fde; } .zaixian li.Code .pic { position: absolute; left:-120px; top:0px; background: #fff; padding:5px; } .zaixian li.Phone { height: 60px; } .zaixian li.Phone a { line-height: 60px; } .zaixian li.Phone a img { display: inline-block; height: 60px; padding: 0px; } .zaixian li.Phone a .t_i { float: left; display: ; height: 20px; line-height: 20px; text-align: right; padding-top: 10px; } .zaixian li.Phone a .F_i { float: left; display: ; height: 20px; line-height: 20px; text-align: right; } .Return a { display:block; width: 62px; height: 50px; line-height: 22px; text-align: center; background:#009fde; margin-bottom:2px; color: #fff; font-size: 14px; } .Return img { display:block; margin: 0 auto; width: 22px; padding-top: 4px; } /*内容页样式*/ .Show { width: 100%; border-top: 1px solid #c9cacb; padding-top: 25px; margin-top: 84px; } .ShowTit { width: 1200px; margin: 0 auto; font-size: 14px; color: #595757; height: 18px; line-height: 18px; border-left: 5px solid #1871e9; padding-left: 5px; } .Show1 { width: 1200px; overflow: hidden; zoom: 1; margin: 0 auto; margin-top: 15px; _margin-top:15px;/*ie6 hack*/ *margin-top:15px;/*ie6 hack*/ } .Show1Left { float: left; width: 538px; } .Show1Right { float: right; width: 595px; padding-top: 1px; } .Show1Left .Show1Left_img img { /*border: 1px solid #c9caca;*/ } .Show1Left ul { margin-top: 15px; font-size: 14px; overflow: hidden; zoom: 1;} .Show1Left ul li { float: left; width: 158px; } .Show1Left ul li img { vertical-align: middle; display: inline-block; padding-right: 8px; } .Show1Right dl { border-bottom: 1px dashed #c9caca; /*height: 116px;*/ } .Show1Right dl dt { font-size: 25px; color: #221815; font-weight: bold; letter-spacing: 2px; } .Show1Right dl dd { line-height: 35px; font-size: 14px; padding-top: 10px; color: #595757; letter-spacing: 2px; } .Show1Right ul li { font-size: 16px; margin-bottom: 5px; line-height: 25px; margin-top: 20px; letter-spacing: 2px; } .Show1Right ul li span.zxl{color: #cd0404; font-size: 20px; font-weight: bold; padding-left: 20px; } .Show1Right ul li .rete{ line-height: 25px; width: 345px; float: right; letter-spacing: 2px; } .Show1Right ul { position: relative; /*margin-top: 58px;*/ } .Show1Right ul li .Price { font-size: 14px; color: #142e52; } .Show1Right ul li .SizeBig { font-size: 16px; font-weight: bold; color: #595757; } .Show1Right .zixun { display: inline-block; width: 165px; height: 45px; line-height: 45px; text-align: center; border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; -webkit-border-radius: 60px; _border-radius: 60px; *border-radius: 60px; font-size: 18px; background-color:#009fde; color: #ffffff; letter-spacing: 2px; margin-left: 10px; } .Show1Right ul li i { font-size: 12px; color: #1871e9; } .zixun .scrollline{ display: inline-block; -webkit-animation: aniMouse 1.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite; -moz-animation: aniMouse 1.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite; -o-animation: aniMouse 1.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite; animation: aniMouse 1.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite; position: relative; } @-webkit-keyframes aniMouse { 1% {right:10px} 50%{right:-10px} 100%{right:2px}} @-moz-keyframes aniMouse {1% {right:10px} 50% {right:-10px} 100% {right:2px} } @-o-keyframes aniMouse { 1% {right:10px} 50%{right:-10px} 100% {right:2px} } @keyframes aniMouse { 1% {right:10px} 50%{right:-10px} 100%{right:2px} } .Show2Left { float: left; width: 160px; } .Show2Left .border { float: left; width: 4px; } .Show2Left ul { float: left; width: 130px; color: #595757; padding-top: 5px; padding-left: 20px; font-size: 14px; } .Show2Left ul h2 { font-size: 16px; font-weight: bold; } .Show2Left ul li { margin-top: 25px; } .ShowB { width: 1200px; overflow: hidden; zoom: 1; margin: 0 auto; margin-top: 35px; _margin-top:35px;/*ie6 hack*/ *margin-top:35px;/*ie6 hack*/ margin-bottom: 65px; position: relative; min-height: 800px; } .ShowB .ShowBLeft { width: 180px; position: absolute; left: 0; top: 0; background-color: #fff; } .ShowB .ShowBLeft .From-the-height{ /*position:fixed;*/ /*top: 83px;*/ /*left: 112px;*/ /*left: 9%;*/ } .ShowBLeft .border { float: left; width: 4px; } .ShowBLeft ul { float: left; width: 180px; color: #595757; font-size: 14px; text-align: center; border: 1px solid #c9caca; background: url(../../images/backg.jpg)no-repeat bottom; } .ShowBLeft ul h2 { width: 180px; font-size: 18px; height: 50px; border-bottom: 1px solid #c9caca; line-height: 50px; font-weight: bold; color: #1871e9; background-color: #f4f8fd; background: url(../../images/topback.jpg)no-repeat left top; } .ShowBLeft ul li { width: 180px; height: 50px; line-height: 50px; border-bottom: 1px solid #c9caca; font-size: 16px; color: #3e3a39; } .ShowBRight { float: right; width: 1000px; overflow: hidden; zoom: 1; font-size: 14px; position: relative; } .Share_left { position: absolute; right: 0px; top: 4px; } .Share .ShareDiv { font-size: 16px; float: left; margin-right: 15px; } .ShowBRight .hd { width: 100%; line-height:40px; height:40px; background-color: #efeff0; border-top:2px solid #c9cacb;} .BlueBg { width: 100%; background-color: #f4f8fd; height: 1040px; position: absolute; left: 0; top: 975px; z-index: -1; } .ShowBRight .hd ul { z-index:5; height:40px;} .ShowBRight .hd li { float:left; margin-right: 35px; width: 106px; text-align: center; cursor:pointer; font-size: 16px; color: #595757; } .ShowBRight .hd li a { display: block; } .ShowBRight .Active { width: 106px; height:42px; line-height:40px; border-top: 2px solid #1871e9; margin-top: -2px; background-color: #1871e9; } .ShowBRight .Active .SRConA{ color: #fff; } .ShowBRight .ShowBRightTit { font-size: 14px; line-height: 26px; } .ShowBRight .ShowBRightTit i { font-weight: bold;} .ShowBRight .RegPro { width: 100%; overflow: hidden; zoom: 1; } .SRCon { margin-top: 30px; font-size: 14px; color: #595757; } #SRConA,#SRConB,#SRConC { margin-top: 70px; overflow: hidden; zoom: 1; } .Fixed { position: fixed; top: 0; left: 0; } .Fixed .hd_ul { width: 580px; margin: 0 auto; } .SRContTit { width: 100%; text-align: center; font-size: 32px; color: #595757; line-height: 40px; } .SRConC_Left { float: left; width: 370px; overflow: hidden; zoom: 1; margin-top: 30px; } .SRConC_Left li { width: 100%; height: 120px; margin-bottom: 55px; overflow: hidden; zoom: 1; } .SRConC_Left li p.fl { width: 140px; } .SRConC_Left li p.fr { width: 230px; padding-top: 25px; font-size: 17px; line-height: 40px; } .SRConC_Right { float: right; height: 120px; width: 630px; margin-top: 30px; } .SRConC_Right p { width: 630px; line-height: 30px; margin-bottom: 55px; height: 120px; overflow: hidden; zoom: 1; padding-top: 5px; } .SRCond dl { margin-top: 30px; } .SRCond dl dt { width: 100%; border-left: 5px solid #1871e9; padding-left: 5px; font-size: 16px; height: 18px; line-height: 18px; margin-bottom: 12px; } .SRCond dl.li_rg dt { border-left: 0px solid #1871e9; } .SRCond dl.li_rg dt { height: 100%; } .SRCond dl span.blue { display: inline-block; width: 22px; height: 22px; line-height: 22px; text-align: center; background-color: #1871e9; color: #fff; border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; margin-right: 10px; } .page { width: 100%; margin: 0 auto; overflow: hidden; zoom: 1; text-align: center; } .page a,.page span { display: inline-block; border: 1px solid #; padding-left: 3px; padding-right: 3px; text-align: center; font-size: 16px; color: #595757; } /*文章页内容*/ .ArticleTop,.ArticleBot { width: 1200px; margin: 0 auto; overflow: hidden; zoom: 1; margin-top: 15px; } .ArticleTop_Left { float: left; width: 536px; } .ArticleTop_Left img{width: 100%} .ArticleTop_Right { float: right; width: 620px; margin-top: 50px; } .ArticleTop_Right h2 { font-size: 14px; line-height: 28px; margin-bottom: 35px; } .ArticleTop_Right ul li { width: 108px; height: 33px; text-align: center; float: left; border: 1px solid #c9caca; line-height: 33px; font-size: 16px; margin-right: 30px; } .ArticleTop_Right ul li a { display: block; } .ArticleTop_Right ul li:hover,.ArticleTop_Right ul li a:hover { transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; background-color: #1871e9; color: #fff; } .ArticleBot { margin-top: 65px; } .ArticleBot_Right { width: 1000px; float: right; position: relative; font-size: 14px; } .ArticleBotTitle { border: 1px solid #c9caca; width: 985px; height: 40px; line-height: 40px; padding-left: 10px; } .ArticleBotTitle span,.ArticleBotTitle a { display: inline-block; } .ArticleBot_Right .Share { position: absolute; top: 10px; } .ArticleBotDetail { margin-top: 30px; width: 100%; line-height: 32px; color: #595757; margin-bottom: 30px; } .ArticleBotDetail .ABotDTitle { width: 100%; overflow: hidden; zoom: 1; } .ArticleBotDetail .ABotDTitle h1 { width: 100%; margin-bottom: 20px; text-align: center; font-size: 23px; } .ArticleBotDetail .ABotDTitle dl { width: 100%; text-align: center; padding-left: 30px; } .ArticleBotDetail .ABotDTitle dd { display: inline-block; padding-right: 30px; } .ArticleBotDetail a { display: inline-block; } .ArticleBotDetail .a1 { color: #1871e9; margin: 60px 0px 30px 0px; } .New { width: 1200px; margin: 0 auto; overflow: hidden; zoom: 1; margin-top: 30px; font-size: 14px; } .NewTitle { width: 925px; font-size: 14px; border-left: 5px solid #1871E9; padding-left: 5px; } .NewLeft { float: left; width: 930px; margin-top: 15px; margin-bottom: 60px; overflow: hidden; zoom: 1; } .NewLeft .hd { width: 100%; line-height:40px; height:40px; background-color: #efeff0; border-top:2px solid #c9cacb;} .NewLeft .hd ul { z-index:5; height:40px;} .NewLeft .hd li { float:left; margin-right: 35px; width: 106px; text-align: center; cursor:pointer; font-size: 18px; color: #595757; } .NewLeft .hd li.on { font-weight:; height:42px; line-height:40px; border-top: 2px solid #1871e9; margin-top: -2px; } .NewLeft .NewLeftCon { margin-top: 35px; width: 102%; overflow: hidden; zoom: 1; } .NewLeft .NewLeftCon li { width: 284px; height: 160px; overflow: hidden; zoom: 1; float: left; margin-right: 32px; border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; _border-radius: 4px; *border-radius: 4px; position: relative; margin-bottom: 30px; } .NewLeft .NewLeftCon li.li_last { /*margin-right: 0px;*/ } .NewLeft .NewLeftCon .li_img { /*position: absolute; left: 0; top: 0; width: 284px; height: 160px; background:rgba(201,202,203,0.25); background: #c9cacb\9; filter: alpha(opacity=25);*/ } .NewLeft .NewLeftCon li .li_Size { position: absolute; height: 40px; left: 0; bottom: 0; width: 100%; color: #fff; background: rgba(0,0,0,0.70); background: #9f9f9f\9;/*IE*/ filter: alpha(opacity=70);/*IE*/ text-align: center; padding: 5px 0px; z-index: 10; line-height: 20px; } .NewLeft .NewLeftCon li a { color: #fff; display: block; } .NewLeft .page { width: 280px; margin: 0 auto; } .NewLeft .NewLeft2 li { width: 282px; height: 158px; border: 1px solid #; } .als-container{ position: relative; width: 147px; float: right; margin-top: 15px; } .als-viewport { position: relative; overflow: hidden; margin: 0px auto; } .als-wrapper{ position: relative; list-style: none; } .als-item{ position: relative; display: block; text-align: center; cursor: pointer; float: left; } #lista2{ width: 148px; float: right; margin-right: 70px; } #lista2 .als-item{ width: 148px; height: 170px; margin-bottom: 5px; } #lista2 .als-item img{ position: relative; display: block; vertical-align: middle; width: 147px; height: 170px; border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; -webkit-border-radius: 8px; _border-radius: 8px; *border-radius: 8px; } /*#lista2 .als-prev { display:block; position:absolute; left:0; top:0; width:100%; height:170px; background:#000; filter:alpha(opacity=50); opacity:0.5; border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; -webkit-border-radius: 8px; _border-radius: 8px; *border-radius: 8px; z-index: 8; } #lista2 .als-next { display:block; position:absolute; left:0; top:350px; width:100%; height:170px; background:#000; filter:alpha(opacity=50); opacity:0.5; border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; -webkit-border-radius: 8px; _border-radius: 8px; *border-radius: 8px; z-index: 8; }*/ .Product .hd { width: 100%; line-height:40px; height:40px; background-color: #efeff0; border-top:2px solid #c9cacb; margin-top: 15px; } .Product .hd ul { z-index:5; height:40px;} .Product .hd li { float:left; margin-right: 35px; width: 106px; text-align: center; cursor:pointer; font-size: 18px; color: #595757; } .Product .hd li.on { font-weight:; height:42px; line-height:40px; border-top: 2px solid #1871e9; margin-top: -2px; } .Product .ProductCon { margin-top: 25px; width: 102%; overflow: hidden; zoom: 1; margin-bottom: 50px; } .Product .ProductCon li { width: 283px; height: 160px; overflow: hidden; zoom: 1; float: left; margin-right: 22px; border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; _border-radius: 4px; *border-radius: 4px; position: relative; margin-bottom: 28px; font-size: 21px; } .Product .ProductCon li.li_last { /*margin-right: 0px;*/ } /*.Product .ProductCon .li_img { position: absolute; left: 0; top: 0; width: 283px; height: 160px; background:rgba(201,202,203,0.65); background: #c9cacb\9; filter: alpha(opacity=65); z-index: 5; }*/ .Product .ProductCon li .li_Size { position: absolute; height: 50px; line-height: 50px; left: 0; bottom: 0; width: 100%; color: #fff; background: rgba(92,92,92,0.90); background: #5c5c5c\9;/*IE*/ filter: alpha(opacity=90);/*IE*/ text-align: center; z-index: 10; } .Product .ProductCon li a { color: #fff; z-index: 10; display: block; } /*搜索页面样式*/ .SearchCon { width: 930px; float: left; border-top: 5px solid #1871e9; margin-top: 15px; } .SearchCon li { width: 100%; border-bottom: 1px dashed #dfdfdf; height: 45px; line-height: 45px; overflow: hidden; zoom: 1; font-size: 16px; } .SearchCon li a { float: left; width: 760px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .SearchCon li .time { float: right; width: 140px; font-size: 14px; } /*联系我们样式 与关于我们样式*/ .Lxwm,.About { width: 100%; border-top: 2px solid #c9cacb; margin-bottom: 30px; overflow: hidden; zoom: 1; margin-top: 83px; background-color: #f8f8f8; } /*关于我们*/ .AboutBox { width: 1200px; margin: 0 auto; display: table; } .AboutTitle { width: 1188px; height: 18px; line-height: 18px; margin: 0 auto; margin-top: 10px; margin-bottom: 10px; border-left: 5px solid rgb(24, 113, 233); padding-left: 5px; } .AboutBox .AboutLeft { float: left; width: 64px; } .AboutBox .AboutLeft li { width: 100%; background-color: #fff; margin-bottom: 1px; height: 170px; text-align: center; } .AboutBox .AboutLeft li a { display:block; width: 20px; margin: 0 auto; font-size: 18px; color: #2c2b2b; padding-top: 45px; } .AboutBox .AboutLeft li.blue { background-color: #1871e9; } .AboutBox .AboutLeft li.blue a { color: #fff; } .AboutBox .AboutRgiht { width: 1125px; float: right; } .AboutRgiht .AboutTop { width: 100%; background-color: #fff; border: 1px solid #e3e3e3; padding-top: 60px; padding-bottom: 115px; } .AboutRgiht .AboutTop h3 { font-size: 50px; font-weight: normal; color: #2c2b2b; padding-left: 40px; } .AboutRgiht .AboutTop dl { width: 1060px; margin: 0 auto; overflow: hidden; zoom: 1; padding-bottom: 57px; border-bottom: 1px solid #cfcfcf; margin-bottom: 25px; } .AboutRgiht .AboutTop dl dt { float: left; width: 534px; padding-top: 40px; } .AboutRgiht .AboutTop dl dd { float: right; width: 492px; font-size: 15px; color: #363636; } .AboutRgiht .AboutTop .P1 { font-size: 24px; color: #363636; font-weight: normal; height: 28px; alignment-baseline: 28px; margin-bottom: 10px; } .AboutRgiht .AboutTop .P2 { line-height: 35px; margin-bottom: 5px; } .AboutRgiht .AboutTop .P2 i { font-weight: bold; } .AboutRgiht .AboutTop p sup { vertical-align: super; } .AboutTop h3.H3_B { padding-left: 40px; } .AboutTop .AboutTopUl { width: 90%; margin: 0 auto; padding-left: 112px; overflow: hidden; zoom: 1; } .AboutTop .AboutTopUl li { float: left; width: 360px; margin-top: 70px; margin-right: 90px; font-size: 15px; color: #606060; line-height: 30px; position: relative; } .AboutTop .AboutTopUl li .P_Img { position: absolute; right: 82px; top: -65px; } .AboutTop .AboutTopUl li .P_Img2 { position: absolute; right: 15px; top: -65px; } .AboutTop .AboutTopUl li .P_Img3 { position: absolute; right: 15px; top: -65px; } .AboutTop .AboutTopUl li .P_Img4 { position: absolute; right: -30px; top: -55px; } .AboutTopUl li p.Big_P { font-size: 20px; color: #2c2b2b; margin-bottom: 10px; font-weight: bold; } .AboutRgiht .AboutBot { width: 100%; margin-bottom: 20px; overflow: hidden; zoom: 1; } .AboutRgiht .AboutBot li { float: left; border: 1px solid #e3e3e3; width: 151px; height: 62px; line-height: 62px; font-size: 15px; text-align: center; margin-top: 8px; background-color: #fff; margin-right: 9px; } .AboutRgiht .AboutBot li.li_last { margin-right: 0px; } .AboutRgiht .AboutBot li a { display: block; color: #363636; } .AboutRgiht .AboutBot li a:hover { background-color: #f2eeee; color: #000; } /*关于我们 End*/ .AboutBox .LxwmRgiht { width: 1125px; float: right; background-color: #fff; /*border: 1px solid #e3e3e3;*/ padding-bottom: 73px; overflow: hidden; zoom: 1; } .LxwmRgiht .LxwmRgihtLF { float: left; width: 583px; margin-left: 25px; overflow: hidden; zoom: 1; } .LxwmRgiht .LxwmRgihtLF hr { width: 402px; height:1px; border:none; border-top:1px solid #cecece; } .LxwmRgiht .LxwmRgihtLF dl { margin-left: 55px; width: 581; /*border: 1px solid #d4d4d4;*/ overflow: hidden; zoom: 1; padding-top: 75px; } .LxwmRgiht .LxwmRgihtLF dl dt { float: left; width: 158px; text-align: right; height: 120px; line-height: 35px; font-size: 32px; color: #3b3b3b; } .LxwmRgiht .LxwmRgihtLF dl dd { float: left; width: 288px; margin-left: 18px; line-height: 30px; font-size: 16px; margin-bottom: 24px; } .LxwmRgiht .LxwmRgihtLF dl a { color: #3b3b3b; } .Lxwmshu{ float: left; margin-top: 80px; } .LxwmRgihtLF .log ul{ margin-left: 32px; } .LxwmRgihtLF .log li{ float: left; border: 1px solid #e7e7e7; margin-right: 6px; } .LxwmRgiht .LxwmRgihtRG ul { width: 430px; float: left; line-height: 16px; font-size: 15px; color: #3b3b3b; } .LxwmRgiht .LxwmRgihtRG ul i { font-weight: bold; } .LxwmRgiht .LxwmRgihtRG ul li { margin-bottom: 24px; } .LxwmRgiht .LxwmRgihtRG { padding-top: 75px; float: left; width: 390px; } .LxwmRgiht .LxwmRgihtRG_P { margin-bottom: 58px; } .LxwmRgihtRG dl { margin-top: 28px; font-size: 14px; color: #595757; } .LxwmRgihtRG dl dt { color: #3e3a39; font-weight: bold; } .LxwmRgihtRG dl dt,.LxwmRgihtRG dl dd { margin-bottom: 15px; } .LxwmBot { width: 1126px; float: right; margin: 0 auto; overflow: hidden; zoom: 1; margin-bottom: 35px; } .LxwmRgiht_d{ width: 1125px; margin-left: 74px; background-color: #fff; margin-bottom: 7px; } .LxwmRgiht_d dl { background-color: #fff; float: left; /*border: 1px solid #c9caca;*/ padding: 15px 10px 44px 10px; font-size: 14px; color: #; } .LxwmRgiht_d .last{ float: right; } .LxwmRgiht_d dl .dd1 { font-weight: bold; font-size: 14px; color: #3e3a39; padding: 25px 0px 0px 0px; } .LxwmRgiht_d dl dt{ border: 1px solid #e7e7e7; } .LxwmRgiht_d dl dt img{ width: 537px; } .LxwmRgiht_d dl dd { margin-bottom: 15px; } .LxwmRgiht_d dl dd img { display: inline-block; padding-right: 10px; } /*联系我们 End*/ .blue,.star { color: #1871e9; } .red { color: #f00; } li.li_last,a.a_last { margin-right: 0px; padding-right: 0px; } /*.Phone { position:fixed; right:0px; top:230px; z-index:10000; background-color: #595757; width:200px; border-top-left-radius: 12px; border-bottom-left-radius: 12px; }*//* .Phone { height: 60px; font-size: 18px; } .Phone a { line-height: 20px; color: #fff; overflow: hidden; zoom: 1; } .Phone a img { display: inline-block; padding-top: 15px; width: 41px; height: 35px; float: left; padding-left: 15px; } .Phone a span { display: inline-block; width:138px; float: right; height: 60px; padding-top: 10px; }*/ .HeadB { width: 100%; background: #f0f0f0; line-height: 65px; height: 65px; font-size: 15px; padding-bottom: 3px; } .HeadB .topbar { width: 1200px; margin: 0 auto; display: table; color: #666; } .HeadB .pull-left { float: left; } .HeadB .topbar_a,.HeadB .site_nav { float: left; color: #666; } .HeadB .topbar_a a { padding: 0px 12px; } .HeadB .site_nav { position: relative; width: 100px; text-align: center; } .HeadB .site_nav ul { position: absolute; left: 0px; top: 60px; width: 100px; line-height: 40px; background-color: #fff; text-align: center; display: none; } .HeadB .site_nav ul a:hover { color: #00c0ff; } .HeadB .site_nav p i { display: inline-block; background: url(images/min-logo.png) -55px 6px no-repeat; width: 8px; height: 20px; float: right; margin-top: 18px; } .HeadB .site_nav .i2 { background: url(images/min-logo.png) -64px 6px no-repeat; width: 8px; height: 20px; float: right; margin-top: 18px; } .HeadB .pull-right { float: right; line-height: 68px; } .HeadB .pull-right span.TopNum { display: inline-block; font-size: 20px; color: #000; height: 100%; line-height: 68px; } .NavFixed{ position: fixed; left: 0; top: 0; z-index: 9999; background-color: #ffffff; color: #ffffff; border-bottom: 1px solid #cecece; } .NavFixed .NavUl li a { color: #000; } .NavFixed .navphone { color: #000; } .video_bjaic{width: 1202px;height: 535px; padding-top: 30px;margin: auto;} .video_bjaic .ConTitle { width: 1200px; text-align: left; } .size_big a.more{float: right; font-size: 18px; color: #272727;} .VideoFrequency{width: 100%;height: auto;margin: auto;padding-top: 20px;} .booo{ position: fixed; left:50%; top: 83px; margin-left: -600px; } .baoo{ z-index: 60; }