body{width:100%;color:#999;list-style:none;margin-top:0px;margin-left:0px;margin-left:0px;margin-bottom:0px;font-family:'MicroSoft YaHei';} @font-face {font-family: 'wwpfzhtj';src: local('wwpfzhtj'), url(font/fonts/fzhtj.TTF) format('woff'); } @font-face {font-family: 'wwpAGX';src: local('wwpAGX'), url(font/fonts/RTWSYueGoTrial-Regular.otf) format('woff'); } html{-webkit-text-size-adjust:none;} ul,li{padding:0px;margin:0px;list-style-type: none;} ::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; font-size: 14px; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; font-size: 14px; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #fff; font-size: 14px; } A:link{text-decoration:none;} A:visited{text-decoration:none;} A:hover{text-decoration:none;} A:active{text-decoration:none;} .pic_link{opacity: 1;transition:all 0.4s;cursor:pointer;} .pic_link:hover{opacity: 0.8;transition:all 0.4s;cursor:pointer;} .container{width:100%;height:auto;overflow:hidden;position:relative;z-index: 1;} .top{width:100%;height:950px;background:rgb(30,108,167) url(../images/banner_bg.jpg) center center no-repeat;margin:0 auto 150px;} .top_con1{width: 100%;height:83px;margin: auto;position: relative;z-index: 99;} .top_con1_L{width: 30%;height:83px;float: left;text-align: center;} .logo{background: url(../images/logo.png) no-repeat;width: 184px;height:43px;margin-top:26px;margin-right: 130px;display: inline-block;} .top_con1_R{width: 70%;height:83px;float:right;text-align: center;} .top_con1_R_L{width: 60%;height:83px;text-align: center;float: left;} .top_con1_R_R{width: 40%;height:83px;text-align: center;float: right;} .buttons {margin:38px auto;display: inline-block;/*float: left;*/} .buttons button{float: right; width: 18px; height: 18px;background:url(../images/fdj_icon.png) no-repeat;-webkit-transition: all 0.23s ease-in-out; transition: all 0.23s ease-in-out;border:none;cursor: pointer;opacity: 1;} .buttons button:hover, .buttons button.selected{float: right; width: 18px; height: 18px;background:url(../images/fdj_icon.png) no-repeat;-webkit-transition: all 0.23s ease-in-out; transition: all 0.23s ease-in-out;border:none;cursor: pointer;opacity: 0.5;} .buttons button.icofont_close{float: right; width: 18px; height: 18px;background:url(../images/close_icon.png) no-repeat;-webkit-transition: all 0.23s ease-in-out; transition: all 0.23s ease-in-out;border:none;cursor: pointer;opacity: 1;} .search_block{height: 32px;width: 200px;/*right: 362px;position: absolute;*/border-bottom: 1px #fff solid;border-top: none;border-left: none;margin-right: 155px;border-right: none;opacity: 0.5;} .input_search{width: auto;height: 32px;border:none;font-size: 14px;color: #fff;text-align: left;padding-left: 5px;background: transparent;} .buttona{float: right; width: 18px; height: 18px;background:url(../images/fdj_icon.png) no-repeat;-webkit-transition: all 0.23s ease-in-out; transition: all 0.23s ease-in-out;border:none;cursor: pointer;opacity: 1;margin-top: 7px;} .hamburger_block{margin:38px auto;display: inline-block;margin-left: 120px;} .hamburger .line{width: 14px;height: 2px;background-color: #fff;display: block;margin: 3px auto;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .hamburger:hover{cursor: pointer;} #hamburger.is-active{-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);} #hamburger.is-active .line:nth-child(2){-webkit-transition: none;-o-transition: none;transition: none;} #hamburger .line:nth-child(2){-webkit-transition-delay: 0.3s;-o-transition-delay: 0.3s;transition-delay: 0.3s;} #hamburger.is-active .line:nth-child(2){opacity: 0;} #hamburger.is-active .line:nth-child(1), #hamburger.is-active .line:nth-child(3){width: 10px;-webkit-transform-origin: right;-moz-transform-origin: right;-ms-transform-origin: right;-o-transform-origin: right;transform-origin: right;} #hamburger.is-active .line:nth-child(1){-webkit-transform: translateY(5px) rotate(45deg);-ms-transform: translateY(5px) rotate(45deg);-o-transform: translateY(5px) rotate(45deg);transform: translateY(4px) rotate(45deg);} #hamburger.is-active .line:nth-child(3){-webkit-transform: translateY(-7px) rotate(-45deg);-ms-transform: translateY(-7px) rotate(-45deg);-o-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg);} /*---------------------------------------------------------------*/ .nav_block{width: 180px;height: auto;background:rgba(255,255,255,0);margin-left: 180px;margin-top: -15px;border-radius: 10px;} .nav_block ul{margin: auto;} .nav_block li{width:100%;height:40px;} .nav_block .nav_li{width: 100%;height: 36px;background: rgba(0,0,0,0.1);margin:6px auto;color: #fff;text-align: center;line-height:36px;font-size: 14px;border-radius: 10px;margin:2px auto 2px;cursor: pointer;transition:all 0.6s;} .nav_block .nav_li:hover{width: 100%;height: 36px;background: rgba(0,0,0,0.3);margin:6px auto;color: #fff;text-align: center;line-height:36px;font-size: 14px;border-radius: 10px;margin:2px auto 2px;cursor: pointer;transition:all 0.6s;} .banner_block{width: 100%;height: auto;margin: auto;} .banner_title_block{width: 100%;height: auto;margin: auto;} .banner_subtitle{width: 220px;height: 32px;background: url(../images/subtitle.png) no-repeat;margin-top: -230px;margin-left: 200px;} .banner_title{width: 550px;height: 67px;background: url(../images/title.png) no-repeat;margin-top: 30px;margin-left: 200px;} .banner_Entitle{width: 552px;height: 29px;background: url(../images/subEntitle.png) no-repeat;margin-top: 60px;margin-left: 200px;opacity: 0.3;} .banner_btn{width: 163px;height: 16px;background: url(../images/arrow.png) no-repeat;margin-top: 130px;margin-left: 200px;opacity: 0.9;cursor: pointer;transition:all 0.4s;} .banner_btn:hover{width: 163px;height: 16px;background: url(../images/arrow.png) no-repeat;margin-top: 130px;margin-left: 200px;opacity: 0.3;cursor: pointer;transition:all 0.4s;} .con1{width: 100%;height: 880px;background:url(../images/con1_bg.jpg) no-repeat;margin: 0 auto 150px} #slider{width: 1400px; margin: 0 auto; position: relative;} .scroll{height: 880px; width: 1400px; overflow: auto; overflow-x: hidden; position: relative; clear: left; background:url(../images/pro_bg.jpg) repeat-x;} .title{position: absolute; z-index: 999; top:170px; left: 0; font-size:48px; color: #444; line-height: 60px; text-transform:uppercase; font-weight: bold;} .scrollContainer div.panel{margin: auto; height: 880px; width: 1400px;} .scrollContainer div.panel_block_L{width: 840px; height: 750px; float:left;} .panel_block_L_title{width: 82%;height: 50px;line-height: 50px;color: #525252;font-size: 20px;text-align: left;margin:450px auto 10px;} .panel_block_L_summry{width: 82%;height: auto;line-height: 30px;color: #939393;font-size: 13px;text-align: left;margin:auto;} .scrollContainer div.panel_block_R{width: 560px; height: 750px; float:right; background: rgb(30,108,167);} .R01{width: 560px; height: 750px; background:url(../images/01_bg.png) no-repeat;} .R02{width: 560px; height: 750px; background:url(../images/02_bg.png) no-repeat;} .R03{width: 560px; height: 750px; background:url(../images/03_bg.png) no-repeat;} .R04{width: 560px; height: 750px; background:url(../images/04_bg.png) no-repeat;} .panel_block_R_title{width:97%;height:20px;line-height:20px;color: #fff;font-size: 18px;font-weight: bolder;text-transform:uppercase;text-align: right;margin:20px 20px 0 0;} .panel_block_R_Subtitle{width:97%;height: 20px;line-height:20px;color: #fff;font-size:14px;text-align: right;margin: 10px 20px 0 0;cursor: pointer;transition: all 0.5s;} .panel_block_R_Subtitle:hover{width:97%;height: 20px;line-height:20px;color: #80c6fb;font-size:14px;text-align: right;margin: 10px 20px 0 0;cursor: pointer;transition: all 0.5s;} .panel_block_R_pic{width: 100%;height: auto;margin:140px auto 30px;text-align: center;} .panel_block_R_more_block{width: 100%;height:70px;margin: auto;} .panel_block_R_more_txt{float: left;width: 45%;height: 70px;text-align: left;padding-left: 5%;color: #fff;font-size: 20px;line-height:24px;font-weight: bold;cursor: pointer;transition: all 0.5s;} .panel_block_R_more_txt:hover{float: left;width: 45%;height: 70px;text-align: left;padding-left: 5%;color: #80c6fb;font-size: 20px;line-height:24px;font-weight: bold;cursor: pointer;transition: all 0.5s;} .panel_block_R_more_btn{float: right;width: 45%;height: 70px;text-align: right;padding-right: 5%;} .pro_more_btn{width: 45px;height: 47px;padding-left: 2px;border-radius: 50%;color: #1e6ca7;line-height: 42px;text-align: center;font-size: 30px;transition: all 0.5s;background: rgba(255,255,255,1);cursor: pointer;float: right;} .pro_more_btn:hover{width: 45px;height: 47px;padding-left:2px;border-radius: 50%;color: #fff;line-height: 42px;text-align: center;font-size: 30px;transition: all 0.5s;background:rgba(0,153,212,1);cursor: pointer;float: right;} ul.navigation{list-style: none; margin: 0; padding: 0; padding-bottom: 9px;} ul.navigation li{display: inline; margin-right: 10px;} ul.navigation a{padding: 10px; color: #000; text-decoration: none;} ul.navigation a:hover{background-color: #f6f6f6;} ul.navigation a.selected{background-color: #fff;} ul.navigation a:focus{outline: none;} .scrollButtons{position: absolute; cursor: pointer;} .scrollButtons.left{left: 95px; z-index: 999; bottom: 115px; position: absolute; display: block; width: 45px; height: 47px; padding-right: 2px; border:1px #919190 solid; border-radius: 50%; color: #919190; line-height: 42px; text-align: center; font-size: 30px; transition: all 0.5s;} .scrollButtons.left:hover{left: 95px; z-index: 999; bottom: 115px; position: absolute; display: block; width: 45px; height: 47px; padding-right: 2px; border:1px #1e6ca7 solid; border-radius: 50%; color: #1e6ca7; line-height: 42px; text-align: center; font-size: 30px; transition: all 0.5s;} .scrollButtons.right{left: 183px; z-index: 999; bottom: 115px; position: absolute; display: block; width: 46px; height: 48px; padding-left: 2px; background: rgba(30,108,167,1); border-radius: 50%; color: #fff; line-height: 40px; text-align: center; font-size: 30px; transition: all 0.3s;} .scrollButtons.right:hover{left: 183px; z-index: 999; bottom: 115px; position: absolute; display: block; width: 46px; height: 48px; padding-left: 2px; background: rgba(0,153,212,1); border-radius: 50%; color: #fff; line-height: 40px; text-align: center; font-size: 30px; transition: all 0.3s;} .con2{width: 100%;height: 576px;padding-top:250px;background: url(../images/con2_bg.jpg) no-repeat center center;margin:auto;position: relative;z-index: 9;} .con2_block{width: 1400px;height: auto;margin: auto;position: relative;z-index: 99;} .con2_title_block{width: 600px;height: 160px;margin:auto;} .con2_icon{width: 129px;height: 160px;background: url(../images/con2_icon.png) no-repeat;float: left;} .con2_title{width: 443px;height: 75px;background: url(../images/con2_title.png) no-repeat;float: right;margin-top: 37px;} .con2_btn_block{width: 100%;height:120px;margin: 0 auto 150px} .con2_btn{padding-left:60px;width: 500px;height: 120px;background: rgb(30,108,167);text-transform: uppercase;text-align: left;line-height: 120px;font-size: 18px;font-weight: bold;color: #fff;margin: -60px 0 0 260px;position: relative;z-index: 999;transition: all 0.2s;cursor: pointer;} .con2_btn:hover{padding-left:60px;width: 500px;height: 120px;background: rgb(30,108,167);text-transform: uppercase;text-align: left;line-height: 120px;font-size: 18px;font-weight: bold;color: #27a2ff;margin: -60px 0 0 260px;position: relative;z-index: 999;transition: all 0.2s;cursor: pointer;} .con2_btn_arrow{line-height: 120px;font-size: 18px;color: #fff;margin-left:150px; } .con3{width: 100%;height:745px;background: url(../images/con3_bg.jpg) no-repeat center center;margin:0 auto 150px;} .con3_block{width: 1400px;height: auto;margin: auto;position: relative;} .con3_title{width: auto;height: auto;position:absolute;top:136px;left:400px;font-size:48px; color: #444; line-height: 36px; text-transform:uppercase; font-weight: bold;} .con3_pic{width:280px;height:350px;position: absolute;top:380px;left:120px;} .con3_txt{width: 660px;height: 150px;position: absolute;top:371px;left:530px;font-size: 14px;line-height: 30px;color: #666;} .con3_btn{left: 530px;z-index: 999;top: 550px;position: absolute; display: block; width: 45px; height: 47px; padding-left: 2px; border:1px #919190 solid; border-radius: 50%; color: #919190; line-height: 42px; text-align: center; font-size: 30px; transition: all 0.5s;cursor: pointer;} .con3_btn:hover{left: 530px;z-index: 999;top: 550px;position: absolute; display: block; width: 45px; height: 47px; padding-left: 2px; border:1px #1e6ca7 solid; border-radius: 50%; color: #1e6ca7; line-height: 42px; text-align: center; font-size: 30px; transition: all 0.5s;cursor: pointer;} .con4{width: 100%;height:700px;background: url(../images/con4_bg.jpg) no-repeat;margin:0 auto;} .con4_L{width: 960px;float:left;position:relative;z-index:9;} .con4_news_block{width: 960px;height: 700px;position: relative;z-index:99;} .con4_news_mask{width: 860px;height: 600px;padding: 100px 0 0 100px;margin-top:-700px;position:relative;z-index: 999;background: rgba(0,0,0,0.75);cursor: pointer;transition: all 0.4s;} .con4_news_mask:hover{width: 860px;height: 600px;padding: 100px 0 0 100px;margin-top:-700px;position:relative;z-index: 999;background: rgba(0,0,0,0.45);cursor: pointer;transition: all 0.4s;} .con4_news_title{position: relative;z-index: 9999;font-size: 60px;font-weight: bold;line-height:60px;width: auto;height: auto;text-transform: uppercase;color: #fff;} .con4_news_xh{position: relative;z-index: 9999;font-size:36px;font-weight: bold;line-height:50px;width: auto;height: auto;opacity: .4;text-transform: uppercase;color: #fff;} .con4_R{width: 850px;padding:160px 0 0 80px;float:right;} .news_list{width: 610px;height:120px;float: left;overflow: hidden;} .news_list_txt{width: 100%;height: auto;line-height: 30px;color: #fff;font-size: 15px;text-align: left;cursor: pointer;transition: all 0.2s;opacity: 1;} .news_list_txt:hover{width: 100%;height: auto;line-height: 30px;color: #fff;font-size: 15px;text-align: left;cursor: pointer;transition: all 0.2s;opacity: 0.4;} .news_list_date{width: 100%;height: 30px;line-height: 30px;color: #fff;font-size: 12px;text-align: left;overflow: hidden;font-weight: bold;} .news_line{width: 610px;height:20px;border-bottom: 1px #4284b5 solid;float: left;clear: both;overflow: hidden;margin-bottom: 120px;} .con5{width: 100%;height: 320px;background: url(../images/logo_btm.png) no-repeat 260px 130px rgb(255,255,255);margin:auto;overflow: hidden;} .con5_block{width: 1400px;height: 320px;margin: auto;position: relative;} .con5_bq{width:auto;height:auto;font-size: 12px;color: #c1c1c1;line-height: 20px;text-align:left;position: absolute;top:240px;left: 10px;} .con5_contact{width:800px;height:50px;position: absolute;top:145px;left:430px;} .con5_contact_tel{width: auto;height: auto;background:url(../images/tel_icon.jpg) no-repeat;padding-left:30px;font-size:14px;font-weight:bold;color:#464a4b;display: inline-block;} .con5_contact_mail{width: auto;height: auto;background:url(../images/mail_icon.jpg) no-repeat;padding-left:30px;font-size:14px;font-weight:bold;color:#464a4b;display: inline-block;margin-left: 160px;} .con5_up_btn{width:80px;height:80px;position: absolute;top:140px;right: 10px;border: 1px solid #0b558b;text-align: center;line-height: 80px;cursor: pointer; transition: all 0.4s;color: #0b558b;border-radius:50%;} .con5_up_btn:hover{width:80px;height:80px;position: absolute;top:140px;right: 10px;border: 1px solid #ccc;text-align: center;line-height: 80px;cursor: pointer; transition: all 0.4s;color: #ccc;border-radius:50%;} .tem_top{width: 100%;height:100px;position: relative;z-index: 99;border-bottom: 4px solid #ededed;} .tem_top_block{width: 1400px;height:100px;margin: auto;position: relative;z-index: 999;} .tem_top_logo{width: 240px;height: 100px;float: left; background:url(../images/logo_btm.png) no-repeat 0px 20px;} .tem_top_nav{width: 1160px;height: 100px;float: right;text-align: right;} .tem_top_nav ul{margin:28px auto 0;float: right;} .tem_top_nav li{width:120px;height:40px; display: inline-block;} .tem_top_nav .nav_li{width: 73px;height:50px;color:#000;text-align:center;line-height:50px;font-size: 18px;cursor: pointer;transition:all 0.3s;border-bottom: 2px solid #fff;float: right;} .tem_top_nav .nav_li:hover{width: 73px;height: 42px;color:#1e6ca7;text-align:center;line-height:50px;font-size: 18px;cursor: pointer;transition:all 0.3s;border-bottom: 2px solid #0099d4;float: right;} .tem_line{width: 100%;height:1px;position: relative;z-index: 99;border-bottom: 2px solid #eee;clear:both;overflow: hidden;} .tem_con{width:100%;height: auto; min-height: 469px;margin:0 auto 50px;overflow: hidden;} .tem_con_block{width: 1200px;height: auto;margin: auto;overflow: hidden;} .tem_con_mbx{width: 1200px;height:auto; margin: 40px auto;color: #000;font-size: 18px;text-align: left;overflow: hidden;} .tem_con_mbx_L{width: 200px;float: left;text-align: left;font-weight: bold;color: #1e6ca7; font-size: 22px;} .tem_con_mbx_L_en{line-height: 30px;font-size: 13px;color: #ccc;text-align: left;width: 200px;float: left;display: block;font-weight: normal;text-transform: uppercase;} .tem_con_mbx_R{width: 800px;float: right;text-align: right;line-height: 40px;} .tem_con_content{width: 1200px;height: auto;margin:30px auto 0;overflow: hidden;font-size:16px;line-height: 38px;color: #333;text-align: left;overflow: hidden;} .pro_li{width:1190px;height: auto;border-bottom: 1px #dedede solid;margin: auto;display: block;overflow: hidden;} .pro_list{width:1190px;height: auto;margin: 20px auto 50px;overflow: hidden;} .pro_list_L{width: 260px;height: auto;float: left;} .pro_list_R{width: 930px;height: auto;float: right;} .pro_list_RL{width:740px;height: auto;float: left;} .pro_list_title{float:right;width:90%;height:auto;font-size:32px;color:#000;line-height:60px;font-weight:bold;text-align:left;} .pro_list_attribute{float:right;width:90%;height:auto;font-size:22px;color:#1e6ca7;line-height:60px;text-align:left;cursor:pointer; transition:all 0.4s;} .pro_list_attribute:hover{float:right;width:90%;height:auto;font-size:22px;color:#333;line-height:60px;text-align:left;cursor:pointer; transition:all 0.4s;} .pro_list_summary{float:right;width:90%;height:auto;font-size:14px;color:#999;line-height:32px;text-align:left;} .pro_list_RR{width:190px;height:100%;float:right;text-align:center;vertical-align: middle;display:table-cell;} .pro_list_btn{width:60px;height:60px;border:1px solid #ccc;text-align:center;line-height:60px;cursor:pointer; transition:all 0.4s;color:#ccc;float:right;border-radius:50%;margin-top:70px;} .pro_list_btn:hover{width:60px;height:60px;border:1px solid #0b558b;text-align:center;line-height:60px;cursor:pointer; transition:all 0.4s;color:#0b558b;float:right;border-radius:50%;margin-top:70px;} .tem_con_btm{width: 100%;height: 320px;background: url(../images/logo_btm_white.png) no-repeat 260px 130px rgb(30,108,167);margin:auto;overflow: hidden;} .tem_con_btm_block{width: 1400px;height: 320px;margin: auto;position: relative;} .tem_con_btm_bq{width:auto;height:auto;font-size: 12px;color: #fff;line-height: 20px;text-align:left;position: absolute;top:240px;left: 10px;} .tem_con_btm_contact{width:800px;height:50px;position: absolute;top:145px;left:430px;} .tem_con_btm_contact_tel{width: auto;height: auto;background:url(../images/tel_icon_white.jpg) no-repeat;padding-left:30px;font-size:14px;font-weight:bold;color:#fff;display: inline-block;} .tem_con_btm_contact_mail{width: auto;height: auto;background:url(../images/mail_icon_white.jpg) no-repeat;padding-left:30px;font-size:14px;font-weight:bold;color:#fff;display: inline-block;margin-left: 160px;} .tem_con_btm_up_btn{width:80px;height:80px;position: absolute;top:140px;right: 10px;border: 1px solid #fff;text-align: center;line-height: 80px;cursor: pointer; transition: all 0.4s;color: #fff;border-radius:50%;} .tem_con_btm_up_btn:hover{width:80px;height:80px;position: absolute;top:140px;right: 10px;border: 1px solid #999;text-align: center;line-height: 80px;cursor: pointer; transition: all 0.4s;color: #999;border-radius:50%;} .pic_link{opacity: 1;transition:all 0.4s;cursor:pointer;} .pic_link:hover{opacity: 0.8;transition:all 0.4s;cursor:pointer;} .contem_con_block_btn{width: auto;height:auto;background:#fff;line-height:24px;text-align: center;font-size: 13px;transition: all 0.4s;cursor: pointer;color:#1e6ca7;border: 1px solid #1e6ca7;padding:4px 16px;display: inline-block;border-radius: 24px;margin-left:5px; } .contem_con_block_btn:hover{width: auto;height: auto;background:#fff;line-height: 24px;text-align: center;font-size: 13px;transition: all 0.4s;cursor: pointer;color:#999;border: 1px solid #999;padding:4px 16px;display: inline-block;border-radius: 24px;margin-left:5px;} .tem_title{width: 1000px;height: 156px;margin:10px auto 40px;overflow: hidden;} .tem_title_z{width: 1000px;height: auto;line-height: 45px;font-size: 30px;color: #000;text-align: center;font-weight: bold;margin: 10px auto;} .tem_title_y{width: 600px;height: auto;line-height: 50px;font-size: 12px;color: #1e6ca7;display: block;overflow: hidden;text-align: center;margin: 10px auto;}