@charset "utf-8"; /* 娴忚鍣ㄦ牱寮忓垵濮嬪寲 */ html,body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-size:12px;font-family:"Microsoft Yahei";} p,span{line-height: 2em;} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; } html,body{color:#333} body{background:#fff;}---------------------------鐗瑰埆娉ㄦ剰锛氳繖閲岀殑瀹藉害锛屾牴鎹璁″笀鎵€鍋氱殑椤甸潰鍏蜂綋瀹藉害鏉ヤ慨鏀 ul,ol,li{list-style:none;} li{list-style: none;} a{color:#333;text-decoration:none;} a:hover{text-decoration:none;-webkit-transition: background-color .3s ease;-moz-transition: background-color .3s ease;-ms-transition: background-color .3s ease;-o-transition: background-color .3s ease;transition: background-color .2s ease; } img{border:0} i,s{font-style: normal;text-decoration: none;} em{font-style:normal} h1,h2,h3,h4,h5{font-weight:normal} .clear:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0px !important; } .clear { zoom:1; } .left { float:left; } .right { float:right; } .hide{ display:none;} .time03{transition: all 0.3s; -moz-transition: all 0.3s; /* Firefox 4 */ -webkit-transition: all 0.3s; /* Safari 鍜 Chrome */ -o-transition: all 0.3s; /* Opera */} .time05{transition: all 0.5s; -moz-transition: all 0.5s; /* Firefox 4 */ -webkit-transition: all 0.5s; /* Safari 鍜 Chrome */ -o-transition: all 0.5s; /* Opera */} .time10{transition: all 0.8s; -moz-transition: all 0.8s; /* Firefox 4 */ -webkit-transition: all 0.8s; /* Safari 鍜 Chrome */ -o-transition: all 0.8s; /* Opera */} .blur { /* FireFox, Chrome, Opera */ -webkit-filter: blur(10px); /* Chrome, Opera */ -moz-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); /* IE6~IE9 */ } @font-face { font-family: 'iconfont'; src: url('font/iconfont.eot'); src: url('font/iconfont.eot?#iefix') format('embedded-opentype'), url('font/iconfont.woff') format('woff'), url('font/iconfont.ttf') format('truetype'), url('font/iconfont.svg#iconfont') format('svg'); } .iconfont{ font-family:"iconfont" !important; font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } /* 棣栭〉寮€濮?/ .section{ position: relative; } .menu{ width: 100%; height: 100px; background: none; top: 0px;left: 0px;position: absolute; z-index:20; } .menu .nav{width: 100%; overflow: hidden; margin:0 auto ;padding-top: 18px; } .menu .nav .logo{display: block; width: 266px; height: 62px; float: left;margin-left: 10px; } .menu .m_list{width: 110px; overflow: hidden; margin-left:70px; } .menu .m_list a{width: 110px; } .menu .m_list a div{width: 40px; height: 70px; float: left; position: relative;} .menu .m_list a div span{display: block; width: 40px; height: 2px; margin-bottom:10px; background: #fff; position: absolute;} .menu.hmenu .m_list a div span{ background: #000;} .menu .m_list a div span.mt01{top:20px; } .menu .m_list a div span.mt02{top:30px; } .menu .m_list a div span.mt03{top:40px; } .menu .m_list a i{font-size: 14px; color: #fff; float: right; margin-top:20px; text-transform:uppercase;} .menu.hmenu .m_list a i{color: #000; } .menu .m_list a div span.mt01.clic{-webkit-transform: translateY(12px) rotate(45deg); -ms-transform: translateY(12px) rotate(45deg); transform: translateY(12px) rotate(45deg); -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; top: 16px;} .menu .m_list a div span.mt03.clic{-webkit-transform: scale(1) translateY(-12px) rotate(-45deg); -ms-transform: scale(1) translateY(-12px) rotate(-45deg); transform: scale(1) translateY(-12px) rotate(-45deg); top: 44px;} .menu .m_right{font-size: 14px; color: #fff; margin-right: 2%;} .menu .m_right li{float: right; width: 40px; height: 40px; border: 1px solid rgba(255,255,255,0.2);} .menu .m_right li:nth-child(1){margin-left: -1px;} .menu .m_right li a{display: block; width: 100%; height: 100%; line-height: 40px; color: rgba(255,255,255,0.5); text-align: center;} .menu .m_right li.on{border: 1px solid #fff;} .menu .m_right li.on a{color: #fff;} .menu.hmenu .m_right{color: #000; } .menu.hmenu .m_right li{border: 1px solid rgba(0,0,0,0.2);} .menu.hmenu .m_right li a{ color: rgba(0,0,0,0.5); } .menu.hmenu .m_right li.on{border: 1px solid #000;} .menu.hmenu .m_right li.on a{color: #000;} .menu .m_right li:nth-child(3){margin-right:40px; border: none;} .phxl02{width: 100%; height:48px; background: #f8f8f8; position: absolute; top:0px; left: 0px; z-index:999; padding-top: 35px; padding-bottom: 35px; display: none;} .phxl02 form{width: 645px; overflow: hidden; margin:0 auto; margin-top: 0px; height: 46px; border:1px solid #eee; background: #4093d0;} .phxl02 .ss-key{display: block; width:560px; height:46px; color: #333; background: #fff; float: left;} .phxl02 .ss-button{display: block; width: 80px; height: 46px; color: #fff; background: #244575; float: left; border:1px solid #244575; font-size: 16px; cursor: pointer;} .phxl02 .igb{position: absolute; right: 50%; margin-right: -450px; top: 42px; font-size: 28px; color: #555;cursor: pointer; } /*绔栧悜鑿滃崟寮€濮?/ #menu { margin: 0; padding: 0; position: fixed; left: 2%; top: 10px; list-style-type: none; z-index: 5;height: 100%; } #menu ul{position: absolute; top: 50%; margin-top: -158px;} #menu li { font-size: 14px;width: 100px; position: relative; height: 45px; line-height: 45px; } #menu li i{width: 11px; height: 11px; border-radius: 100%; border: 1px solid rgba(255,255,255,0); display: block; position:absolute; left:-6px; top: 15px; } #menu li i s{width: 5px; height: 5px; border-radius: 100%; border: 1px solid rgba(255,255,255,0.2); display: block ;position: absolute; top: 2px; left: 2px;} #menu a {display: block; float: left;height: 42px; line-height: 42px; padding-left: 45px; color: #fff; filter:alpha(opacity:55); opacity:0.55;white-space: nowrap; text-decoration: none; width: 120px; } #menu li:hover i s{border: 1px solid #fff;} #menu li:hover a{color: #fff;} #menu .active i{border: 1px solid rgba(255,255,255,1);} #menu .active i s{border: 1px solid #fff;} #menu .active a { color: #fff; filter:alpha(opacity:100); opacity:1; } .section { text-align: center; font: 50px "Microsoft Yahei"; color: #fff;} .irbottom{position: fixed; right:2%; bottom: 5%; color: #fff; z-index: 10; filter:alpha(opacity:75); opacity:0.75; } .irbottom.phui{color: #333;} .irbottom.phui a{color: #333 !important;} #menu li.add { } #menu li.add i{ border: 1px solid rgba(0,0,0,0); } #menu li.add i s{ border: 1px solid rgba(0,0,0,0.2);} #menu li.add a { color: #333; filter:alpha(opacity:55); opacity:0.55;} #menu li.add:hover i s{border: 1px solid #333;} #menu li.add:hover a{color: #333;} #menu li.add.active i{border: 1px solid #4093d0;} #menu li.add.active i s{border: 1px solid #4093d0;} #menu li.add.active a { color: #4093d0; filter:alpha(opacity:100); opacity:1;} /*绔栧悜鑿滃崟缁撴潫*/ /*绔栫嚎寮€濮?/ .shuxian{ height: 100%; position: absolute; z-index: 1; width: 100%;} .shuxian li{width: 1px; height: 100%; background: rgba(255,255,255,0.1); position: absolute; /* z-index: 2;*/} .shuxian li:nth-child(1){left:2%;} .shuxian li:nth-child(2){left:18%; display: none;} .shuxian li:nth-child(3){left:34%; display: none;} .shuxian li:nth-child(4){left:50%; display: none;} .shuxian li:nth-child(5){left:66%; display: none;} .shuxian li:nth-child(6){left:82%; display: none;} .shuxian li:nth-child(7){left:98%; display: none;} .shuxian p{width: 100%; height: 1px; background: rgba(255,255,255,0.2); position: absolute; z-index: 10; bottom:5%;} .shuxian.sxhei li{ background: rgba(0,0,0,0.07);} .shuxian.sxhei p{ background: rgba(0,0,0,0.07); } /*棣栧睆杞挱寮€濮?/ .h-banner{width: 100%; height: 100%!important; margin: 0 auto; position: relative;overflow: hidden; cursor: pointer; } .h-banner .bd {margin: 0 auto; position: relative; z-index:0; overflow: hidden; height: 100%!important;} .h-banner .bd ul {width: 100% !important; height: 100%!important;} .h-banner .bd li {width: 100% !important; height: 100%; text-align: center;background-repeat:no-repeat;background-position:center top;background-size:cover} .h-banner .bd li a{display:block;width:1200px;margin:0 auto;height: 100%;} .h-banner .prev,.h-banner .next{width:80px;height:80px;line-height:80px;text-align: center;display:block;color:#eeeeee;position:absolute;top:50%;margin-top:-40px;right:20px;z-index:5;font-family:"simsun";font-size:80px;border-radius:20px} .h-banner .prev:hover,.h-banner .next:hover{text-decoration:none;} .h-banner .prev{left:1%;right:auto;text-align:left} .h-banner .banner-text{position: absolute; left: 18%;top:50%;z-index: 99;height: 250px;text-align: left;} .h-banner .banner-text h3{color: #fff;font-size: 30px;font-weight:bold} .h-banner .banner-text h4{color: #fff;font-size: 30px;line-height: 60px;font-weight:bold} .h-wrap { position: relative; z-index: 1; height: 100%; margin: 0 auto; width:1200px} .h-banner li:nth-child(1) .banner-text{top: 75%;} .h-banner li:nth-child(3) .banner-text h4{font-size: 16px; padding-left: 260px;} .h-banner li:nth-child(3) .banner-text {left: 60%; top: 42%;} .h-banner .hd{position: absolute; right: 50%; margin-right: -72px; bottom: 5%; z-index: 5; margin-left: -} .h-banner .hd li{ display: block; width: 28px; height: 3px; background: rgba(255,255,255,0.3); float: left; margin-left: 10px; margin-right: 10px; } .h-banner .hd li.on{background:rgba(255,255,255,1); } /* .h-banner .hd li i{ position: absolute; left:13%; font-size: 48px; height: 160px; line-height: 160px; color:#fff; } .h-banner .hd li p{padding-left: 30%; font-size: 14px; color:#fff; margin-top: 13%;} .h-banner .hd li p span{display: block; line-height: 2em; text-align: left;} .h-banner .hd li.on{border: 2px solid rgba(255,255,255,0.8);} .h-banner .bd li:nth-child(3) .banner-text{top: 44%;}*/ .h-btn{width: 60px; height: 60px; display: block; position: absolute; bottom:50%; right:2%; margin-bottom: -30px; border: 1px solid rgba(255,255,255,0.5); overflow: hidden; z-index: 10;} .h-btn i{width: 60px; height: 60px; display: block;color: #fff; font-size:34px;line-height: 60px; text-align: center; cursor: pointer; background: url(img/jia.png)no-repeat center center; z-index: 12; position: relative;} .h-btn s{display: block; width:0px; height: 100%; position: absolute; top: 0px; left: 0px; background-color: #1b3d6b; } .h-btn:hover{border: 1px solid #1b3d6b;} .h-btn:hover s{display: block; width: 100%; } /*棣栧睆杞挱缁撴潫*/ /*绗簩灞忓紑寮?/ /*棣栧睆杞挱寮€濮?/ .s-banner{width: 100%; height: 100%!important; margin: 0 auto; position: relative;overflow: hidden; cursor: pointer;} .s-banner .bd {margin: 0 auto; position: relative; z-index:2; overflow: hidden; height: 100%!important;} .s-banner .bd01 {margin: 0 auto; position: relative; z-index:0; overflow: hidden; height: 100%!important; z-index: 6} .s-banner .bd ul {width: 100% !important; height: 100%!important;} .s-banner .bd li {width: 100% !important; height: 100%; position: relative; text-align: center;background-repeat:no-repeat;background-position:center top;background-size:cover} .s-banner .bd a{display:block;width:100%;height: 100%; z-index: 6; position: absolute; top: 0px; left: 0px; cursor: pointer;} .s-banner .banner-text{position: absolute; left: 18%; top:25%;z-index: 99;height: 250px;text-align: left;} .s-banner .banner-text p{color: #fff;font-size: 60px; position: relative;} .s-banner .banner-text p i{width: 68px; height: 2px; background: rgba(255,255,255,0.4); display: block; position: absolute; left:90px; top: 58px; } .s-banner .banner-text h3{color: #fff;font-size: 48px;font-weight:bold; margin-top: 20%;} .s-banner .banner-text h4{color: #fff;font-size: 36px;font-weight:bold; } .h-wrap { position: relative; z-index: 1; height: 100%; margin: 0 auto; width:1200px} /*.sec02 .s-banner .bd {z-index: 2;}*/ .s-banner li:nth-child(4) .banner-text{left:50%; width: 700px;} .s-banner li:nth-child(4) .banner-text p{color: #fff;font-size: 60px; text-align: right; } .s-banner li:nth-child(4) .banner-text p i{left: 540px;} .s-banner li:nth-child(4) .banner-text h3{color: #fff;font-size: 48px;font-weight:bold; margin-top: -110px; text-align: left; margin-left:100px;} .s-banner li:nth-child(4) .banner-text h4{color: #fff;font-size: 36px;font-weight:bold; } .s-banner .hd{position: absolute; top:95%; margin-top: -7px; left: 50%; margin-left: -50px; z-index: 5;} .s-banner .hd li{float: left; display: block; width:11px; height:11px; margin-left: 8px; margin-right: 8px; border: 1px solid rgba(0,0,0,0); position: relative; border-radius: 100%; position: relative;} .s-banner .hd li i{display: block; width: 5px; height: 5px; border: 1px solid rgba(0,0,0,0.2); border-radius: 100%; position: absolute; top: 2px; left: 2px;} .s-banner .hd li span{display: block; color: #777; margin-top: 10px; font-size: 14px;} .s-banner .hd li.on,.s-banner .hd li.on i{border: 1px solid rgba(0,0,0,0.5);} .sec02 .s-banner .hd li.on,.sec02 .s-banner .hd li.on i{border: 1px solid rgba(0,0,0,0.5);} .sec02 .s-banner .btn{border: 1px solid rgba(0,0,0,0.2); color:rgba(0,0,0,0.5); } .sec02 .s-banner .btn:hover{color: #777; border: 1px solid rgba(0,0,0,0.6);} .sec03 .s-banner .hd li i{display: block; width: 5px; height: 5px; border: 1px solid rgba(255,255,255,0.2); border-radius: 100%; position: absolute; top: 2px; left: 2px;} .sec03 .s-banner .hd li span{display: block; color: #ddd; margin-top: 10px; font-size: 14px;} .sec03 .s-banner .hd li.on,.sec03 .s-banner .hd li.on i{border: 1px solid rgba(255,255,255,0.5);} .sec03 .s-banner .btn{border: 1px solid rgba(255,255,255,0.2); color:rgba(255,255,255,0.5); } .sec03 .s-banner .btn:hover{color: #fff; border: 1px solid rgba(255,255,255,0.6);} .s-banner .btn{width: 40px; height: 40px; border: 1px solid rgba(255,255,255,0.2); position: absolute; bottom: 5%; display: block; color:rgba(255,255,255,0.5); font-size: 20px; text-align: center; line-height: 40px; z-index: 5;} .s-banner .btn:hover{color: #fff; border: 1px solid rgba(255,255,255,0.6);} .s-banner .prev{left: 18%;} .s-banner .next{left: 18%;margin-left: 40px;} .s-banner .s-btn{width: 180px; height: 80px; position: absolute; right:1%; top: 50%; overflow: hidden; z-index: 5;} .s-banner .s-btn a{display: block; width: 80px; height: 100%; background: #1b3d6b; overflow: hidden; float: right; z-index: 20; position: relative; } .s-banner .s-btn p{float: right; font-size: 14px; color: #fff; margin-right: 10px; line-height: 80px;} .s-banner .s-btn a i{display: block; width: 80px; height: 100%; background: #1b3d6b; color: #fff; text-align: center; line-height: 80px;} .s-banner .s-btn a:hover{background: rgba(255,255,255,0.3);} .s-banner .s-btn a:hover i{transform: scale(1.1); -webkit-transform: scale(1.1); } .iyq_btnm{position: absolute;right: 2%; top: 50%; margin-top: -40px; height: 80px; width: 150px; z-index: 10;} .iyq_btnm a{display: block;overflow: hidden; cursor: pointer;} .iyq_btnm a s{display: block;overflow: hidden; border:1px solid #1b3d6b;width:78px; height: 78px;float: right; background:#1b3d6b; overflow: hidden; } .iyq_btnm a i{ color: #fff; text-align: center; line-height:78px; font-size: 40px; } .iyq_btnm a:hover{} .iyq_btnm a:hover span{} .iyq_btnm a span{color: #fff; font-size: 14px; margin-left: 20px; line-height: 80px; display: block; float: left;} .sec02 .iyq_btnm a span{color: #777;} /*绗洓灞忓紑濮?/ .sec04{background: url(img/fbg.jpg)no-repeat cover !important; } .iab{position: absolute; height: 100%; left: 18%; z-index:5; width: 82%;} .iab .iab_top{overflow: hidden; margin-top: 10%;} .iab .iab_top .iabt_left{float: left; overflow: hidden;} .iab .iab_top .iabt_left i{display: block; width:62px; height: 55px; background: url(img/alogo.png); float: left; background-repeat: no-repeat;} .iab .iab_top .iabt_left p{font-size: 36px; color: #404040; line-height:50px; float: left; margin-left: 18px; font-weight: bold;} .iab .iab_top .iabt_right{width: 47%; text-align: left; float: right; margin-right:21%;} .iab .iab_top .iabt_right p{font-size: 14px; color: #707070;} .iab .iab_bottom{ height: 410px; margin-top: 6%; width: 1800px; position: relative; ;} .iab .iab_bottom .tempWrap{width:100%!important; } .iab .iab_bottom li{width: 340px; height: 410px; float: left; margin-right: 25px; margin-right: 25px; position: relative; background-size: cover; z-index: 10; } .iab .iab_bottom li .iab_bbg div{ padding:75px 50px; } .iab .iab_bottom li .iab_bbg{width: 100%; height: 100%;} .iab .iab_bottom li:hover .iab_bbg{background: rgba(0,0,0,0.4); width: 100%; height: 100%;} .iab .iab_bottom li .iab_bbg div h3{font-size: 24px; line-height: 1em;color: #fffefe; text-align: left; margin-top: 10px;} .iab .iab_bottom li .iab_bbg div p{font-size: 14px; color: #fffefe; line-height: 2em; text-align: left; display: none;} .iab .iab_bottom li .iab_bbg div .iab_bsumm{display: block; width: 100%; margin-top: 30px;} .iab .s-btn{width: 80px; height: 40px; position: absolute; left:0px; bottom:5%; overflow: hidden;} .iab .s-btn a{display: block; width: 38px; height: 38px; overflow: hidden; float: right; z-index: 20; position: relative; border:1px solid #b3b3b3; } .iab .s-btn a:nth-child(2){margin-right: -1px;} .iab .s-btn p{float: right; font-size: 14px; color: #fff; margin-right: 10px; line-height: 38px;} .iab .s-btn a i{display: block; width: 38px; height: 100%; color: #555; text-align: center; line-height: 38px;} .iab .s-btn a:hover{background: rgba(0,0,0,0.17);border:1px solid #404040;} .iab .s-btn a:hover i{ color: #333;} /*绗簲灞忓紑濮?/ .sec05{background: url(img/ixwbg.jpg)no-repeat cover; } .ixw{position: absolute; left: 18%; height: 100%; z-index:5; width: 82%;} .ixw .ixw_top{overflow: hidden; margin-top: 6%;} .ixw .ixw_top .ixwt_left{float: left; overflow: hidden;} .ixw .ixw_top .ixwt_left i{display: block; width:62px; height: 53px; background: url(img/xwicont.png)no-repeat; float: left;} .ixw .ixw_top .ixwt_left p{font-size: 36px; color: #404040; line-height:50px; float: left; margin-left: 18px; font-weight: bold;} .ixw .ixw_top .ixwt_right{width: 50%; text-align: left; float: right; margin-right:22%; position: relative;} .ixw .ixw_top .ixwt_right p{font-size: 14px; color: #707070;} .ixw .ixw_top .ixw_btnm{float: left; margin-top: 10px;} .ixw .ixw_top .ixw_btnm a{display: block;overflow: hidden; } .ixw .ixw_top .ixw_btnm a s{display: block;overflow: hidden; border:1px solid #333;width: 66px; height: 66px;float: left;} .ixw .ixw_top .ixw_btnm a i{width: 66px; height: 66px; display: block; color: #999; text-align: center; line-height: 66px; font-size: 32px; animation: leftr 2.5s linear infinite; -moz-animation: leftr 2.5s linear infinite; /* Firefox */ -webkit-animation: leftr 2.5s linear infinite; /* Safari 鍜 Chrome */ -o-animation: leftr 2.5s linear infinite; /* Opera */} .ixw .ixw_top .ixw_btnm a:hover{} .ixw .ixw_top .ixw_btnm a:hover span{} .ixw .ixw_top .ixw_btnm a span{color: #404040; font-size: 14px; margin-left: 20px; line-height: 66px; display: block; float: left;} .ixw .ixw_bottom{ height: 400px; margin-top: 6%; width: 1000%; overflow: hidden;} .ixw .ixw_bottom li{width: 310px; height:398px; float: left; margin-right: 84px; position: relative; border:1px solid #4093d0; background: #fff; /*overflow: hidden;*/} .ixw .ixw_bottom li .ixw_box{display: block; padding:25px 4px;} .ixw .ixw_bottom li .ixw_box i{font-size: 16px; color: #404040; margin-bottom: 20px; line-height: 1em; display: block; text-align: left; padding:0 36px;} .ixw .ixw_bottom li .ixw_box .ixw_btitle{display: block; font-size: 16px; line-height: 1.5em;color: #404040; text-align: left; margin-top: 10px; font-weight: bold; padding:0 36px;} .ixw .ixw_bottom li .ixw_box .ixw_bsumm{ display: block; font-size: 12px; color: #707070; line-height: 1.8em; margin-top:15px; text-align: left; padding:0 36px; } .ixw .ixw_bottom li .ixw_box .ixw_bpic{display: block; width:300px; height: 165px; overflow: hidden; position: absolute; bottom:4px; left: 4px; } .ixw .ixw_bottom li .ixw_box .ixw_bpic img{display: block; width: 100%;} .ixw .ixw_bottom li:hover{/*transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1);*/ box-shadow: 0px 0px 10px rgba(0,0,0,0.17);} .ixw .s-btn{width: 80px; height: 40px; position: absolute; left:0px; bottom:5%; overflow: hidden;} .ixw .s-btn a{display: block; width: 38px; height: 38px; overflow: hidden; float: right; z-index: 20; position: relative; border:1px solid rgba(0,0,0,0.2); } .ixw .s-btn a:nth-child(2){margin-right: -1px;} .ixw .s-btn p{float: right; font-size: 14px; color: #fff; margin-right: 10px; line-height: 38px;} .ixw .s-btn a i{display: block; width: 38px; height: 100%; color: #555; text-align: center; line-height: 38px;} .ixw .s-btn a:hover{background: rgba(0,0,0,0.17);border:1px solid rgba(0,0,0,0.5);} .ixw .s-btn a:hover i{ color: #333;} /*.ixw .s-btn a:hover i{transform: scale(1.1); -webkit-transform: scale(1.1); }*/ /*绗叚灞忓紑濮?/ .sec06{background-image: url(img/lxbg.jpg); background-size:100% 100%; background-repeat: no-repeat; position: relative; } .ijszc{position: absolute; top: 15%; left: 18%; z-index:5;} .ijszc .ijs_top{overflow: hidden; } .ijszc .ijs_top .ijst_left{ overflow: hidden;} .ijszc .ijs_top .ijst_left .ijst_lname i{display: block; width:62px; height: 53px; background: url(img/lxicont.png)no-repeat; float: left;} .ijszc .ijs_top .ijst_left .ijst_lname p{font-size: 36px; color: #404040; line-height:50px; float: left; margin-left: 18px; font-weight: bold; line-height: 1em;} .ijszc .ijs_top .ijst_left .ijst_lname p span{color: #646464; font-size: 14px; font-weight: normal; margin-top: 3px; text-align: left; display: block; line-height: 1em; filter:alpha(opacity:55); opacity:0.55;} .ijszc .ijs_top .ijst_lsumm{width: 41%; font-size: 14px; color: #999; line-height: 1.9em; margin-top: 40px; text-align: left;} .ijszc .ijs_top .ijst_lms{text-align: left; margin-top: 50px;} .ijszc .ijs_top .ijst_lms dt{font-size: 18px; font-weight: bold; color: #404040;margin-bottom: 10px;} .ijszc .ijs_top .ijst_lms dd{padding-left: 20px;background: url(img/jt.png)no-repeat left center; font-size: 14px; color: #404040; line-height: 2.3em;} .ijszc .ijs_top .ijst_lms dd i{font-size: 18px; color: #4093d0;} .ijst_lbtn{position: absolute; bottom:17%; left: 18%; z-index: 10;} .ijst_lbtn a{display: block; float: left;} .ijst_lbtn .ijst_lbmore{width: 68px; height: 68px; border:1px solid #333; overflow: hidden; z-index: 10; } .ijst_lbtn .ijst_lbmore i{font-size: 34px; text-align: center; line-height: 68px; display: block; color:#919191; animation: leftr 2.5s linear infinite; -moz-animation: leftr 2.5s linear infinite; /* Firefox */ -webkit-animation: leftr 2.5s linear infinite; /* Safari 鍜 Chrome */ -o-animation: leftr 2.5s linear infinite; /* Opera */} .ijst_lbtn .ijst_lbmore:hover {box-shadow: 0px 1px 10px rgba(0,0,0,0.17);} .ijst_lbtn .ijst_lbfont{font-size: 14px; color: #404040; line-height:68px; margin-left: 20px;} /*绗竷灞忓紑濮?/ .sec07{background:url(img/dzbg.jpg); background-size:cover; background-repeat: no-repeat;} .sec07lx{width: 100%; height: 100%; background: rgba(0,0,0,0.8);} .ilx{position: absolute; top: 20%; left: 18%; z-index:5; width: 80%;} .ilx .ilx_top{overflow: hidden; } .ilx .ilx_top i{display: block; width:62px; height: 50px; background: url(img/lxicont.png)no-repeat; float: left;} .ilx .ilx_top p{font-size: 24px; color: #fff; line-height:50px; text-align: left; font-weight: bold; line-height: 1em;opacity: 0.8;filter:alpha(opacity:80);} .ilx .ilx_top .ilxt_lsumm{width: 540px; font-size: 14px; color: #f5f5f5; line-height: 1.5em; margin-top: 35px; text-align: left;opacity: 0.7;filter:alpha(opacity:70);} .ilx .ilx_bottom{overflow: hidden; margin-top:10%; height: 300px;} .ilx .ilx_bottom>div{width: 30%;} .ilx .ilx_bottom .ilx_bl{float: left; text-align: left;width: 38%;} .ilx .ilx_bottom .ilx_bl dt{font-size: 16px; color: #f5f5f5; margin-bottom: 36px; line-height: 1em; font-weight: bold;opacity: 0.7;filter:alpha(opacity:70);} .ilx .ilx_bottom .ilx_bl dd{font-size: 12px; color: #f5f5f5; line-height: 2.2em; opacity: 0.7;filter:alpha(opacity:70);} .ilx .ilx_bottom .ilx_bl .dd-support{position: relative;} .ilx .ilx_bottom .ilx_bl .dd-support span{display: none;position: absolute;left: 0;top: 30px;font-size: 12px;} .ilx .ilx_bottom .ilx_bl .dd-support:hover span{display: block;} .ilx .ilx_bottom .ilx_bm{float: left; text-align: left; width: 38%; margin-top: -10px;} .ilx .ilx_bottom .ilx_bm form{position: relative;} .ilx .ilx_bottom .ilx_bm input{ width: 100%; background: none; color: #fff; line-height: 40px; margin-bottom:5px; height: 40px; font-size: 14px; text-transform:capitalize; border: none; border-bottom: 1px solid #f5f5f5;} .ilx .ilx_bottom .ilx_bm .form_title,.ilx .ilx_bottom .ilx_bm .form_message,.ilx .ilx_bottom .ilx_bm .control_label{display: none;} .ilx .ilx_bottom .ilx_bm textarea{height: 70px; border: none; border-bottom: 1px solid #f5f5f5; width: 100%; background: none; color: #fff; line-height: 35px;text-transform:capitalize; } .ilx .ilx_bottom .ilx_bm .button{width: 32px; height: 40px; position: absolute; right: 0px; bottom: 0px; border: none; color: rgba(255,255,255,0); background: url(img/ssjt.png)no-repeat center center; cursor: pointer;} input:focus ,textarea:focus{outline: none;} .ilx .ilx_bottom .ilx_br{float: right; text-align: left; width: 6%; margin-right: 18%;} .ilx .ilx_bottom .ilx_br dt{font-size: 16px; color: #fefefe; margin-bottom: 20px; line-height: 1em; font-weight: bold;filter:alpha(opacity:70); opacity:0.7; } .ilx .ilx_bottom .ilx_br dd a{font-size: 12px; color: #fff; line-height: 2em;filter:alpha(opacity:60); opacity:0.6; } .ilx .ilx_bottom .ilx_br dd a:hover{color: #4093d0;} .ilx .ilx_bottom .ilx_br dd:last-child{display: none;} .ilx_btn{width: 38px; height: 38px; border: 1px solid #939393; position: absolute; bottom: 5%;left: 50%; z-index: 10; display: block; text-align: center; line-height: 38px; color:#939393; font-size: 14px; margin-left: -19px;} .ilx_btn i{ } .ilx_btn:hover{background: rgba(255,255,255,0.2); color: #fff;} .ilx_btn:hover a{} .ilxicon{position: absolute; left: 18%; bottom: 5%; z-index: 10;} .ilxicon ul {margin-top: 25px; margin-bottom: 30px; overflow: hidden;} .ilxicon li{float: left; width:100px; height: 100px; margin-right: 10px; line-height: 185px; overflow: hidden; color: #b1b1b1;} /*寮瑰嚭绐楄彍鍗?/ .cay{width: 100%; height: 50%; position: fixed; z-index:10; display: none; background: #0d1623;filter:alpha(opacity:85); opacity:0.85; overflow: hidden;} /*.cay .cay_logo{ width: 100%; height: 100px; background: none; top: 0px;left: 0px;position: fixed; z-index:4;padding-top: 18px; } .cay .cay_logo img{display: block; float: left;margin-left: 10px; }*/ .cay .cay_menu{width: 95%; margin:0 auto; padding-top: 5%;} .cay .cay_menu i{font-size: 20px; color: #fff; position: absolute; right: 55px; top: 20px; display: block;} .cay .cay_menu i a{color: #fff;} .cay .cay_menu li{width: 18%; height: 0px; padding-top: 22%; position: relative; float: left;margin-right: 2%; } .cay .cay_menu li .cay_mbox {width: 100%;height: 100%; position: absolute; top: 0px; left: 0px;/*border: 5px solid #fff;*/} .cay .cay_menu li .cay_mbox .cay_mbcon{padding: 27% 13%;} .cay .cay_menu li .cay_mbox .cay_mbcon:hover {padding:12% 13%;} .cay .cay_menu li .cay_mbox .cay_mbcon .icdm{font-size: 14px;color: #fff; line-height: 36px; display: block; filter:alpha(opacity:0); opacity:0;} .cay .cay_menu li .cay_mbox .cay_mbcon:hover .icdm{filter:alpha(opacity:100); opacity:1;} .cay .cay_menu li .cay_mbox .cay_mbcon h3{font-size: 34px; color: #fff; font-weight: bold; text-transform:capitalize;} .cay .cay_menu li .cay_mbox .cay_mbcon h4 a{font-size: 20px; color: #fff; line-height: 2em; margin-bottom: 2%;} .cay .cay_menu li .cay_mbox .cay_mbcon span{display: block; width: 100%; height: 1px; background: rgba(255,255,255,0.5); margin-bottom: 2%;} .cay .cay_menu li:hover .cay_mbox .cay_mbcon h3{color: #38abff;} .cay .cay_menu li .cay_mbox .cay_mbcon .icdm:hover{color:#38abff; } .ilxform{width: 420px; filter:alpha(opacity:60); opacity:0.6; z-index: 10; } .ilxform .ss-key{display: block; font-size: 14px; line-height: 2em; color: #fff;background: none; float: left; width: 360px; border: none; filter:alpha(opacity:60); opacity:0.6;} .ilxform .ss-button{background: none; border: none; float: right ; font-size:34px; line-height: 26px; color: #fff; cursor: pointer;} .ilxform .ss-button:hover{color:#38abff; } @keyframes topb {0% {margin-top: -55px;} 100% {margin-top: 55px;} } @-moz-keyframes myfirst /* Firefox */ {0% {margin-top: -55px;} 100% {margin-top: 55px;} } @-webkit-keyframes myfirst /* Safari 鍜 Chrome */ {0% {margin-top: -55px;} 100% {margin-top: 55px;} } @-o-keyframes myfirst /* Opera */ {0% {margin-top: -55px;} 100% {margin-top: 55px;} } @keyframes leftr {0% {margin-left: -55px;} 100% {margin-left: 70px;} } @-moz-keyframes myfirst /* Firefox */ {0% {margin-left: -55px;} 100% {margin-left: 70px;} } @-webkit-keyframes myfirst /* Safari 鍜 Chrome */ {0% {margin-left: -55px;} 100% {margin-left: 70px;} } @-o-keyframes myfirst /* Opera */ {0% {margin-left: -55px;} 100% {margin-left: 70px;} } /*棣栭〉閫傞厤*/ @media (max-width: 1680px) { .iab .iab_top{margin-top: 8%;} .ixw .ixw_bottom{margin-top: 4%;} .cay .cay_menu li .cay_mbox .cay_mbcon h3{font-size: 26px;} .cay .cay_menu li .cay_mbox .cay_mbcon .icdm{line-height: 30px;} .iab .iab_bottom li{width:270px; height: 340px;} .iab .iab_bottom li .iab_bbg div{padding:30px 20px;} /*婊氬姩杞存牱寮?/ .iab .iab_bottom li .iab_bbg div .iab_bsumm{height: 170px; overflow-y:auto; /*margin-bottom: 20px;*/ z-index: 20;} /* .iab .iab_bottom li .iab_bbg div .iab_bsumm div{width:400px; height:400px; }*/ .iab .iab_bottom li .iab_bbg div .iab_bsumm::-webkit-scrollbar{width:6px; height:4px; margin-left: 5px; opacity:0.5;filter:Alpha(opacity=50);} .iab .iab_bottom li .iab_bbg div .iab_bsumm::-webkit-scrollbar-track{background: #ededed; border-radius:6px; opacity:0.5;filter:Alpha(opacity=50);} .iab .iab_bottom li .iab_bbg div .iab_bsumm::-webkit-scrollbar-thumb{background: #aaa; border-radius:6px; opacity:0.5;filter:Alpha(opacity=50);} .iab .iab_bottom li .iab_bbg div .iab_bsumm::-webkit-scrollbar-thumb:hover{background: #747474; opacity:0.5;filter:Alpha(opacity=50);} .iab .iab_bottom li .iab_bbg div .iab_bsumm::-webkit-scrollbar-corner{background: #ededed; opacity:0.5;filter:Alpha(opacity=50);} .iab .iab_bottom li .iab_bbg div .iab_bsumm::-moz-scrollbar{width:6px; height:4px; margin-left: 5px; opacity:0.5;filter:Alpha(opacity=50);} .iab .iab_bottom li .iab_bbg div .iab_bsumm::-moz-scrollbar-track{background: #ededed; border-radius:6px; opacity:0.5;filter:Alpha(opacity=50);} .iab .iab_bottom li .iab_bbg div .iab_bsumm::-moz-scrollbar-thumb{background: #aaa; border-radius:6px; opacity:0.5;filter:Alpha(opacity=50);} .iab .iab_bottom li .iab_bbg div .iab_bsumm::-moz-scrollbar-thumb:hover{background: #747474; opacity:0.5;filter:Alpha(opacity=50);} .iab .iab_bottom li .iab_bbg div .iab_bsumm::-moz-scrollbar-corner{background: #ededed; opacity:0.5;filter:Alpha(opacity=50);} } @media (max-width: 1440px) { .menu .nav{padding-top: 5px;} .menu .m_right{margin-top: 10px;} .h-banner .banner-text{top: 60%;} .s-banner li:nth-child(4) .banner-text{left: 35%;} .cay .cay_menu li .cay_mbox .cay_mbcon h3{font-size: 22px;} .cay .cay_menu li .cay_mbox .cay_mbcon:hover {padding:8% 13%;} /*.cay .cay_menu li .cay_mbox .cay_mbcon{padding: 12% 12%;}*/ .cay .cay_menu li .cay_mbox .cay_mbcon h4 a{font-size: 17px;} .cay .cay_menu li .cay_mbox .cay_mbcon span{height: 1px;} .cay .cay_menu li .cay_mbox .cay_mbcon .icdm{line-height: 28px;} .ilx .ilx_top .ilxt_lsumm{width: 650px;} .ilx .ilx_bottom .ilx_br{margin-right: 12%; width: 8%;} /*鍏充簬鎴戜滑*/ .iab .iab_top{margin-top: 8%;} .iab .iab_bottom li{width: 210px; height: 290px;} .iab .iab_bottom li .iab_bbg div{padding:30px 20px;} .iab .iab_bottom li .iab_bbg div .iab_bsumm{height: 170px; overflow: hidden; overflow-y:auto; } .iab .iab_bottom{margin-top: 5%;} /*鏂伴椈璧勮*/ .iab .iab_top .iabt_right{width: 55%; margin-right: 15%;} .ixw .ixw_top{margin-top: 8%;} .ixw .ixw_top .ixw_btnm{display: none;} .ixw .ixw_bottom{margin-top: 4%;} .ixw .ixw_bottom li{width: 280px; height: 330px;/* margin-right: 60px;*/ position: relative;} .ixw .ixw_bottom li .ixw_box{padding: 20px 4px;} .ixw .ixw_bottom li .ixw_box .ixw_bpic{width: 272px; height: 150px; position: absolute; bottom: 3px;} .ixw .ixw_bottom li .ixw_box i{padding:0px 20px; margin-bottom: 10px;} .ixw .ixw_bottom li .ixw_box .ixw_btitle{padding:0px 20px; } .ixw .ixw_bottom li .ixw_box .ixw_bsumm{padding:0px 20px; margin-top: 10px;} .ixw .h-banner .hd li{width: 350px; height: 140px;} .ixw .h-banner .hd li>i{height: 140px; line-height: 140px;} .ixw .h-banner .hd{margin-top: -200px; right: -1.5%;} /*鎶€鏈敮鎸?/ .ijszc{top: 17%;} .ijszc .ijs_top .ijst_lsumm{margin-top: 2%;} .ijszc .ijs_top .ijst_lms{margin-top: 3%;} .ijszc .ijs_top .ijst_lms dd{line-height: 2em;} .ijst_lbtn{bottom:5%;} .ijst_lbtn .ijst_lbmore{width: 50px; height: 50px; } .ijst_lbtn .ijst_lbmore i{line-height: 50px; font-size: 28px;} .ijst_lbtn .ijst_lbfont{line-height: 50px;} /*鑱旂郴鎴戜滑*/ .ilx .ilx_bottom{margin-top: 5%;} .ilxform{width: 400px; margin-left: 20px;} } @media (max-width: 1200px) { .section{height: 640px!important;} #menu li{width: 300px; height: 80px; font-size: 30px!important;} #menu a{font-size: 30px!important; width: 200px; color: #4093d0!important;} #menu a:hover{color: #1b3d6b} #menu li.add.active a{color: #000!important; font-weight: bold!important;} .sec06{background-position: center center!important; } /*.ilx{top: 40%;}*/ }