*{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box;} body{ position: relative; font: 14px/1.5 arial, sans-serif; vertical-align: baseline; width: 100%; overflow-x: hidden;} i, em{ font-style: normal;} a{ color: #333;} h1, h2, h3, h4, h5, h6, b{ font-weight: normal;} img{ border: none \9; display: inline-block;} /*.clearfix:after{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}*/ /*.fl{ float: left;}*/ /*.fr{ float: right;}*/ @font-face { font-family: 'impact';src: ;font-weight: normal; font-style: normal;} .ty_content{ width: 1400px; margin: 0 auto;} .more-title{ width: 100%;} @font-face{font-family: arial;src: ;font-weight: normal; font-style: normal;} .htop{width: 100%;height: 36px;background:#f9f9f9;} .htop .tnr{width: 1200px;height: 36px;margin:0 auto;line-height: 36px;color: #666;letter-spacing: 1px;} .htop .tnr a{color: #666;} .htop .tnr a:hover{text-decoration: underline;} .htop .tnr .l{float: left;} .htop .tnr .r{float: left;margin-left: 170px;} /*header */ .header{width: 100%;} .header .header-1{height: 35px;width: 100%;line-height: 35px;background: #eee;} .header .header-1 .content{width: 1200px;margin: auto;} .header .header-1 .content b{color: #999999;font-size: 14px;line-height: 35px;} .header .header-1 .content nav{line-height: 35px;float: right;height: 35px;} .header .header-1 .content nav a{color: #999;font-size: 14px;margin-right: 25px;} .header .header-2{height: 136px;background: #fff;} .header .header-2 .content{width: 1200px;height: 136px;margin: auto;} .header .header-2 .content .log{float: left;margin-top:18px;} .header .header-2 .content .text{float: left;margin-top: 47px;margin-left:17px;} .header .header-2 .content .text h3{font-size: 32px;color: #004489;margin-bottom: 5px;font-weight: bold;} /*.header .header-2 .content .text h3 span{font-size: 24px;color: #fd6a05;font-weight: bold;} .header .header-2 .content .text b{font-size: 18px;color: #1c1b1b;font-family: "arial"}*/ /*.header .header-2 .content .phone{float: right;margin-top: 50px;width: 260px;background-position-y: 6px;} .header .header-2 .content .phone .dh{color: #fd6a05;font-size: 18px;float: left;text-align: center;margin-top: 5px;} .header .header-2 .content .phone .dh h3{letter-spacing: 2px; color: #004489;font-size: 24px;line-height: 30px;font-weight: bold;}*/ .header .header-2 .content .rr{width:200px;height:130px;float: left;margin-left:135px;padding-top:50px;} .header .header-2 .content .r2{width:260px;height:130px;float: left;margin-left:12px;padding-top:46px;} .header .header-3{height: 60px;width: 100%;background: no-repeat center;background: #004489;} .header .header-3 .content{width: 1200px;margin: auto;} .header .header-3 .content nav a{ display:block;float: left;height:60px; line-height:60px;font-size: 15px;color: #fff; text-align: center;padding:0px 25px; position: relative;border-left: 1px solid #e5dbdb;} .header .header-3 .content nav a:hover{background: #fd6a05;color: #fff;} .header .header-3 .content nav .on{background: #fd6a05;color: #fff;} .header .header-3 .content nav ul{ position: absolute; top: 58px; z-index: 999; /*width: 150px;*/ display: none; left: 0px; } .header .header-3 .content nav ul li{ /*width: 150px;*/ display: block; float: left; text-align: center; height: 54px; line-height: 54px; font-size: 14px; color: #fff; background: #fd6a05; float: left; width: 100%; padding: 0px 10px; overflow: hidden; } .header .header-3 .content nav ul li:hover{background: #fff;color: #333;} /*banner*/ .banner-index{ font-size: 0;overflow: hidden; width: 100%; } .banner-index img{ width: 100%;line-height: 0;} .slidebox{ width: 100%;overflow: hidden; position: relative;} .slidebox .hd{ height: 12px; overflow: hidden; position: absolute; left: 48%; bottom: 38px; z-index: 1;} .slidebox .hd ul{ overflow: hidden; zoom: 1; float: left;} .slidebox .hd ul li{ float: left; width: 12px; height: 12px;margin-right: 10px; cursor: pointer;background: #ccc;border-radius: 50%;} .slidebox .hd ul li.on{background: #666666;} .banner-index .slidebox .bd img{ width: 100%;} .slidebox .bd ul li:first-child{ display: block;} .slidebox .bd ul li{ display: none;} /*search*/ .search{ font-size: 0; height: 60px; line-height: 60px; /*border-bottom: 1px solid #333; *//*background: #009b8b;*/ overflow: hidden;width: 1200px;} .search-content>div{ display: inline-block;vertical-align: top;} .search-keywords span{ color: #333333; font-size: 16px; /*font-weight: bold;*/ margin-right: 15px;} .search-keywords span img{ vertical-align: middle; margin: -5px 8px 0 0;} .search-keywords a{ color: #666666; font-size: 14px;} .search-keywords a:hover{ color: #0b579b;} .search-keywords i{ margin: 0 15px; color: #666; font-size: 14px;} /*.search-form{ float: right;margin-right: -30px;}*/ #searchform{ margin-top: 15px; /*background: no-repeat;*/ width: 239px; height: 31px; display: inline-block; vertical-align: top;} #searchform>input{ background: none; border: none; outline: none; display: inline-block; vertical-align: top; } #searchform .search-input{ height: 34px; line-height: 31px; width: 77%;background: #f5f5f5;padding-left: 15px;} .search-form #s_btn{ width: 31px; height: 35px; cursor: pointer;background: url(/uploads/image/pimages/ss_2s.png)no-repeat;} #searchform .search-input::-webkit-input-placeholder{ color: #999999;} #searchform .search-input:-moz-placeholder{ color: #999999;} #searchform .search-input::-moz-placeholder{ color: #999999;} #searchform .search-input:-ms-input-placeholder{ color: #999999;} .ys{width: 1193px;height: 430px;margin:0 auto;border-top:1px solid #dbdbdb;border-left:1px solid #dbdbdb;text-align: center;} .ys .ysa{width: 298px;height: 143px;border-right: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;float: left;background: #ebebeb;} .ys .ysb{width: 596px;height: 143px;border-right: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;float: left;background: #004489;padding-top:28px;} .ys .ysa .l{width: 130px;height: 140px;/*padding-left: 30px;*/float: left;} .ys .ysa .l .l1{font-size: 22px;font-weight: bold;color: #0064b2;padding-top:47px;} .ys .ysa .r{width: 167px;height: 140px;float: left;color: #666;padding-top:52px;text-align: left;} .ys .ysa:hover{background: 0;} .mos1{width: 100%;height: 990px;background: #ebebeb;} .mo1{width: 1200px;height:950px;margin:0 auto;} .tto{text-align: center;font-size: 36px;font-weight: bold;padding-top:60px;margin-bottom:46px;color: #004489;} .mo1 .left{width: 246px;height:600px;float: left;} /*.mo1 .left .dh{width: 210px;height:32px;background: no-repeat center;line-height: 32px;padding-left:35px;color: #fff;font-weight: bold;} .mo1 .left .dhs{width: 210px;height:31px;background: no-repeat center;line-height: 32px;padding-left: 35px;color: #666;font-size: 12px;}*/ .mo1 .left .dh{width: 246px;height:120px;background:#004489;text-align: center;padding-top:33px;color:#fff;font-size: 32px;font-weight: bold;border:1px solid #dedbdb; border-top-left-radius:10px; border-top-right-radius:10px;} .mo1 .right .ra{width: 940px;height: 565px;background: pink;} .mo1 .left .dhs{width: 246px;height: 64px;padding-left:33px;line-height: 64px;border:1px solid #dedbdb;border-top: 0px;color: #333;font-size: 17px;} .mo1 .left .dhs:hover{background: #004489;color: #fff;} /*.mo1 .hd{width:1400px;height:70px;margin-bottom:30px;text-align: center;} .mo1 .hd li{ont-size: 17px;color: #666;margin-right:6px;display: inline-block;height: 50px; background: #f1f1f1;line-height: 50px;text-align: center;padding-left:20px;padding-right: 20px;} .mo1 .hd li:hover{color: #004489;border-bottom:2px solid #004489;} .mo1 .bd li .cp{width:330px;height: 350px;float: left;margin-right:20px;} .mo1 .bd li .cp .tp{width: 280px;height: 280px;overflow: hidden;border:1px solid #999;} .mo1 .bd li .cp .tp img{width: 100%;transition: all .8s} .mo1 .bd li .cp:hover .tp img{transform: scale(1.1, 1.1);} .mo1 .bd li .cp .tt{width: 280px;height: 50px;text-align: center;padding-top:10px;color: #666;font-size: 16px;}*/ .mo1 .right{width:940px;height: 800px;float: left;padding-left: 14px;} .mo1 .right .hd{width: 940px;height: 50px;} .mo1 .right .hd li{float: left;height: 40px;line-height:40px;padding-left:16px;padding-right: 16px;font-size: 15px;background: #fff;margin-right: 23px;} .mo1 .right .hd li.on{background: #004489;color: #fff;} /*.mo1 .right .hd li:hover{background: #004489;color: #fff;}*/ .mo1 .right .bd{width: 940px;height:600px;} .mo1 .right .bd ol li{width: 300px;height: 332px;float: left;margin-right:20px;padding:10px;border:1px solid #dedbdb;margin-bottom: 20px;} .mo1 .right .bd ol li .tp{width: 278px;height: 278px;overflow: hidden;} .mo1 .right .bd ol li .tp img{width: 278px;height: 278px;transition: all .9s ease;} .mo1 .right .bd ol li:hover .tp img{transform: scale(1.1);} .mo1 .right .bd ol li .tt{padding-top:12px;} .mo1 .right .bd ol li:hover .tt{color: #004489;} .mo2{width: 1200px;height:251px;margin:0 auto;overflow: hidden;} .mo2 li{float: left;margin-right: 30px;float: left;width:215px;} .mo2 li .tp{width:215px; border:1px solid #999;} .mo2 li .title{font-size: 16px;color: #666;text-align: center;} .mo2 li img{width: 100%;} .mo3{width: 1400px;height: 850px;margin:0 auto;} .mo3 li{width: 340px;float: left;margin-bottom: 20px;padding:10px;border:1px solid #999;margin-right: 10px;height: 260px;} .mo3 li .title{text-align: center;color: #666;} .mo3 li img{width: 100%;} .mo3 li:hover .title{color: #004489;} .mo3 li:hover{border:1px solid #004489;} .m6{width: 1200px;height:630px;margin:0 auto;margin-top: 66px;} .m6 .l{width: 586px;float: left;} .m6 .r{width: 500px;float: left;padding-top:187px;} .m6 .l .l1{width: 958px;height: 685px;position: absolute;margin-left: -256px;z-index:-1;} .m6 .l .l2{font-size: 38px;padding-top:96px;color: #353535;} .m6 .l .xtp{margin-left: 176px;margin-top: -80px;} .m6 .l .l3{width: 340px;height: 35px;background: #005099;margin-top: 83px; text-align: center;line-height: 35px;color: #fff;font-size: 18px;letter-spacing: 1px;font-weight: bold;} .m6 .l .l4{width: 555px;line-height: 26px;color: #737373;margin-top: 28px;} .m6 .l .l5{width: 125px;height: 32px;border:1px solid #6a6a6a;text-align: center;line-height:30px;margin-top: 43px;} .m6 .l .l5:hover{background: #005099;color: #fff;} .m6 .r .r1{width: 963px;overflow: hidden;} .m6 .r .r1 img{ width: 100%;transition: all .9s ease;} .m6 .r .r1:hover img{ transform: scale(1.1);} .gsgs{width: 1190px;height:410px;margin:0 auto;padding-left:15px;background: #fff;position: relative;z-index: 33;padding-top:12px;} .gsgs .hd{width: 259px;height: 400px;float: left;} .gsgs .hd li{width: 259px;height: 119px;background: url(/uploads/image/pimages/gs_2.png)no-repeat center;margin-bottom:12px;text-align: center;padding-top:25px;font-size: 18px;color: #fff;} .gsgs .hd li.on{background: url(/uploads/image/pimages/gs_1.png)no-repeat center;} .gsgs .bd{width: 900px;height: 400px;float: left;} .gsgs .bd ul li{width: 950px;height: 400px;padding-left:25px;} .gsgs .bd ul li .div{width: 276px;height:183px;float: left;background: #333;margin-right:20px;margin-bottom: 15px;} .gsgs .bd ul li .div .tp{width: 100%;height: 183px;overflow:hidden;} .gsgs .bd ul li .div .tp img{width: 238px;height: 183px;width: 100%;transition: all .6s ease;} .gsgs .bd ul li .div:hover .tp img{ transform: scale(1.1);} .gsgs .bd ul li .div .tt{width: 100%;height: 25px;background: rgba(0, 0, 0, .6);text-align: center;line-height: 25px;position: relative;z-index: 9;margin-top: -25px;color: #fff;} /*new*/ .news{ font-size: 0; width: 100%;height: 665px;background: url(/uploads/image/pimages/m7_bg.png)no-repeat center; padding: 80px 0; overflow: hidden;} .news .hd{ text-align: center; margin-bottom: 65px;} .news .hd ul li{ width: 193px; height: 49px; line-height: 49px; cursor: pointer; text-align: center; overflow: hidden; background: #eaeaea; display: inline-block; vertical-align: top;} .news .hd ul li li{ margin-left: 36px;} .news .hd ul li em{ display: block; overflow: hidden;} .news .hd ul li i{ position: relative; display: inline-block; color: #666; font-size: 18px; transition: all ease-out .3s;} .news .hd ul li i:after{ position: absolute; left: 0; width: 100%; color: #fff; content: attr(data-title); transform: translatey(100%); top: 100%; transition: all ease-out .3s;} .news .hd ul li.on i:after{ transform: translatey(0);} .news .hd ul li.on i{ transform: translatey(-100%);} .news .hd ul li.on{ background: #004489;} .news .bd{ height: 393px; overflow: hidden;} .news .bd ul li>div{ display: inline-block; vertical-align: top;height: 393px; overflow: hidden;} .news .bd ul li .newtj{ width: 436px; position: relative;} .news .bd ul li .newtj .pic{ width: 436px; height: 322px; overflow: hidden;} .news .bd ul li .newtj .pic img{ width: 100%;transition: all .6s ease;} .news .bd ul li .newtj:hover img{ transform: scale(1.1);} .news .bd ul li .newtj .text{ position: absolute; left: 25px; bottom: 0; z-index: 1; transition: .5s; width: 385px; height: 120px; margin: 0 auto; padding: 20px 28px 0; background: #fff;} .news .bd ul li .newtj .text dt{ color: #333; font-size: 16px; line-height: 16px;margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #dcdcdc;} .news .bd ul li .newtj .text dd{ color: #999; font-size: 14px; line-height: 20px;margin-bottom: 19px;} .news .bd ul li .newtj:hover .text dt{ color: #004489;} .news .bd ul li .newtj:hover .text dd{ text-decoration: underline;} .news .bd ul li .newlist{width:1405px;} .news .bd ul li .newlist dl{ display: inline-block; vertical-align: top; /*border: 1px solid #dcdcdc;*/ /*background: #fff; */ padding: 30px 15px 0; width: 406px; height: 393px;padding-left: 0px;} /*.news .bd ul li .newlist dl dl{ margin-left: 30px;}*/ .news .bd ul li .newlist dl dd{ margin-bottom: 20px; padding-bottom: 19px; line-height: 16px; border-bottom: 1px dotted rgba(112, 112, 112, 0.11);} .news .bd ul li .newlist dl dd a{ color: #666; font-size: 16px;} .news .bd ul li .newlist dl dd a em{ display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;width: 272px;} .news .bd ul li .newlist dl dd a i{ float: right;color: #999; font-size: 14px;} .news .bd ul li .newlist dl dd:hover a,.news .bd ul li .newlist dl dd:hover a i{ color: #004489;} /*@media only screen and (max-width: 1400px){.news .nr{ width: 1200px;} } @media only screen and (max-width: 1400px){ .news .bd ul li .newtj{ width: 410px;} } @media only screen and (max-width: 1400px){ .news .bd ul li .newlist{ margin-left: 15px; width: 775px;} } @media only screen and (max-width: 1400px){ .news .bd ul li .newlist dl{ width: 380px;} } @media only screen and (max-width: 1400px){ .news .bd ul li .newlist dl dl{margin-left: 15px;} } @media only screen and (max-width: 1400px){ .news .bd ul li .newlist dl dd em{ width: 275px; white-space: nowrap; text-overflow: ellipsis; display: inline-block; -webkit-box-orient: vertical; overflow: hidden;} }*/ /*link*/ /*.link{height: 60px;margin-top: 50px;} .link .left{height: 57px;background: no-repeat;width: 1050px;float: left;padding-left: 130px;padding-top: 32px;overflow: hidden;} .link .left a{color: #666;margin-right: 30px;} .link .left a:hover{color: #fd6a05;} .link .right{float: right;}*/ iframe{display: none} /*foot*/ .footbg{background:#004489; width: 100%; height: 302px; overflow: hidden;} .footbg .link{width: 1200px;margin:0 auto;height: 58px;margin-bottom: 16px;line-height: 58px;} /*.footbg .link .t1{width: 130px;height: 50px;line-height: 50px;font-size: 32px;} .footbg .link .list{width: 1050px;height: 50px;float: left;margin-left:130px;margin-top: -50px;}*/ .footbg .link ul li{float: right;height: 50px;font-size:15px;/*padding-top:2px;*/margin-left: 80px;} .footbg .link ul li a{color: black;color: #fff;} .footbg .link ul li:hover a{text-decoration: underline;} .footbg .nr{width: 1200px;margin:0 auto;height: 230px;/*margin-top: 36px;*/} .footbg .nr>div{ display: inline-block; vertical-align: top;} .footbg .nr .xx{width:740px;padding-top:50px;} .footbg .nr .xx .xs{font-size: 15px;color: #fff;line-height:40px;} /*.footbg .nr .text{width:220px;height: 280px;padding-top:45px;} .footbg .nr .text .t1{font-size: 18px;color: #fff;letter-spacing: 1px;} .footbg .nr .text .t0{color: #6a8bb7;margin-bottom:20px;} .footbg .nr .text .t2{font-size: 14px;color: #87a0c4;margin-bottom: 10px;} .footbg .nr .text .t2:hover{text-decoration: underline;color: #fff;}*/ .footbg .nr .code{width: 135px;height: 200px;margin-top:78px;margin-left: 28px;} .footbg .nr .code .hd{position: absolute;margin-left: -25px;margin-top: -13px;} .footbg .nr .code .hd li{width: 26px;height: 44px;background: no-repeat center;margin-bottom:6px;text-align: center;padding-top:9px;} .footbg .nr .code .hd li.on{background: no-repeat center;} .footbg .nr .code .bd{width: 163px;height: 163px;background: no-repeat center;padding-top:12px;margin-top: -38px;} .footbg .nr .code .c1{width: 135px;height: 200px;margin-left:12px;} .footbg .nr .code .c1 .t1{width: 135px;height: 135px;} .footbg .nr .code .c1 .t1 img{width: 100%} .footbg .nr .code .c1 .t2{width: 140px;height: 50px;font-size: 14px;line-height:65px;text-align: center;color: #fff;} .footbg .nr .code .c1 span{ display: block; position: relative; width: 135px; height: 135px; overflow: hidden;} .footbg .nr .code .c1 span img{width: 100%;} .footbg .nr .code .c1 span:after{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 26px; background: url(/uploads/image/pimages/light.png)no-repeat center; animation: light 4s linear infinite;} .footbg .nr .rr{/*width: 270px;*/height: 200px;/*background: yellow;*/margin-left: 85px;padding-top:50px;} .footbg .nr .rr .r1{color: #fefefe;margin-top: 17px;} .footbg .nr .rr .r2{color: #fff;font-size: 22px;font-weight:bold;letter-spacing: 3px;} .footbg .nr .rr .r3{color: #fefefe;margin-top: 6px;} .footbg .bbbd{width: 100%;height: 38px;margin-top:30px;background: #333; background: #004489; border-top: 1px solid #fff;} .footbg .bbbd .nr{width: 1200px;height: 38px;margin:0 auto;text-align: center;font-size: 14px;color: #fefefe;line-height: 38px;} /*.footbg .bbbd .left{float: left;}*/ input::-webkit-input-placeholder {color: #c9c8c8;} input::-moz-input-placeholder {color: #c9c8c8;} input::-ms-input-placeholder {color: #c9c8c8;} textarea::-webkit-input-placeholder {color: #c9c8c8;} textarea::-moz-input-placeholder {color: #c9c8c8;} textarea::-ms-input-placeholder {color: #c9c8c8;} .link{width: 1200px;margin:0 auto;padding-top:15px;margin-bottom: 50px;} .link li{float: left;margin-right:5px;line-height: 30px;} .link li:hover a{text-decoration: underline;} @media only screen and (max-width: 1200px){ .foot .content .text{ padding-right: 20px;} } @media only screen and (max-width: 1200px){ .foot .bottom .fr{ padding-right: 20px;} } @keyframes move { 0%, 65%{ -webkit-transform:rotate(0deg); transform:rotate(0deg); } 70% { -webkit-transform:rotate(15deg); transform:rotate(15deg); } 75% { -webkit-transform:rotate(-15deg); transform:rotate(-15deg); } 80% { -webkit-transform:rotate(15deg); transform:rotate(15deg); } 85% { -webkit-transform:rotate(-15deg); transform:rotate(-15deg); } 90% { -webkit-transform:rotate(15deg); transform:rotate(15deg); } 95% { -webkit-transform:rotate(-15deg); transform:rotate(-15deg); } 100% { -webkit-transform:rotate(0deg); transform:rotate(0deg); } } @-webkit-keyframes move { 0%, 65%{ -webkit-transform:rotate(0deg); transform:rotate(0deg); } 70% { -webkit-transform:rotate(15deg); transform:rotate(15deg); } 75% { -webkit-transform:rotate(-15deg); transform:rotate(-15deg); } 80% { -webkit-transform:rotate(15deg); transform:rotate(15deg); } 85% { -webkit-transform:rotate(-15deg); transform:rotate(-15deg); } 90% { -webkit-transform:rotate(15deg); transform:rotate(15deg); } 95% { -webkit-transform:rotate(-15deg); transform:rotate(-15deg); } 100% { -webkit-transform:rotate(0deg); transform:rotate(0deg); } }