@charset "utf-8";
html {
min-width: 1300px;
}
body {
overflow-x: hidden;
overflow-y: auto;
background: #FAFAFA;
}
body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd {
margin: 0px;
}
input, button, ul, ol {
margin: 0px;
padding: 0px;
}
body, input, button, form {
font-size: 14px;
line-height: 28px;
font-family: "microsoft yahei", "Arial";
color: #333333;
}
h1, h2, h3, h4, h5, h6 {
font-size: 14px;
font-weight: normal;
}
ul, ol, li {
list-style: none;
}
input {
background: none;
border: 0 none;
}
img, iframe {
border: 0px;
}
em, i {
font-style: normal;
}
button, input, select, textarea {
font-size: 100%;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.red {
color: #ba292e;
}
.fl {
float: left;
}
.fr {
float: right;
}
.tac {
text-align: center;
}
.tar {
text-align: right;
}
.poa {
position: absolute;
}
.por {
position: relative;
}
.hidden {
display: none;
}
.w1200 {
width: 1310px;
margin: 0 auto;
padding:0px 20px 0 20px;
}
.w1300 {
width: 1300px;
margin: 0 auto;
}
.ico {
background: url(../images/ico.png) no-repeat;
display: inline-block;
vertical-align: middle;
}
.itit-ico {
background: url(../images/itit-ico.png) no-repeat;
display: inline-block;
vertical-align: middle;
}
.ilink {
background: url(../images/ilink.png) no-repeat;
display: inline-block;
vertical-align: middle;
}
.bicon {
background: url(../images/bicon.png) no-repeat;
display: inline-block;
vertical-align: middle;
}
.icon {
background: url(../images/icon.png) no-repeat;
display: inline-block;
vertical-align: middle;
}
.right {
float: right;
}
a {
color: #333;
text-decoration: none;
}
a:hover {
color: #004391;
text-decoration: none;
}
a:visited {
text-decoration: none;
}
.ease, .ease * {
transition: all ease 300ms;
}
.noease, .noease * {
transition: none;
}
:-moz-placeholder {
color: #aaa;
}
::-moz-placeholder {
color: #aaa;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #aaa;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #aaa;
}
.clearfix {
*zoom: 1;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
/*top_main*/
.top_main {
position: relative;
width: 100%;
height: 34px;
line-height: 34px;
background: #282d34;
}
.top_main .top_l {
color: #fff;
font-size: 12px;
}
.top_main .top_r {
margin-right: 0px;
}
.top_main li {
position: relative;
float: left;
display: inline-block;
text-align: center;
color: #999;
}
.top_main li a {
color: #999;
font-size: 12px;
}
.top_main li a:hover {
color: #fff;
opacity: 0.8;
filter: alpha(opacity=80);
}
.top_main .top_r .line {
display: block;
width: 1px;
height: 14px;
margin: 10px 10px 0px;
background: #999;
}
.top_main .top_r .line1 {
margin-left: 0px;
}
/*header*/
.header_main {
width: 100%;
height: 145px;
overflow: hidden;
z-index: 100;
background: #05357F;
}
.header_main .header {
position: relative;
}
.header_main .logo {
float: left;
display: block;
padding-top: 25px;
}
.header_main .logo img {
width: 100%;
height: 100%;
display: block;
}
.header_main .tel {
float: right;
margin-top: 23px;
}
.header_main .tel .tit {
font-size: 14px;
color: #333;
text-indent: 50px;
line-height: 20px;
}
.header_main .tel .con {
font-size: 26px;
color: #004391;
text-indent: 50px;
font-weight: bold;
}
.nav_main {
position: relative;
width: 100%;
float: left;
height: 50px;
color: #fff;
z-index: 13;
background:url(../images/m_bg.jpg) bottom repeat-x #052764;
}
.nav_main .nav {
width: 1310px;
margin: 0 auto;
}
.nav_main .nav li {
position: relative;
color: #fff;
line-height: 32px;
float: left;
border-radius: 0px;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
background:url(../images/sjx.gif) -100% 110% no-repeat;
}
.nav_main .nav li a.aLink {
width: 109.1px;
height: 50px;
line-height: 50px;
font-size: 16px;
text-align: center;
display: block;
color: #fff;
font-weight: bold;
}
.nav_main .nav li.hover, .nav_main .nav li:hover {
background:url(../images/sjx.gif) 50% 110% no-repeat;
}
.nav_main .nav li.subnav:hover {background:none;}
.nav_main .nav li.hover a, .nav_main .nav li:hover a {
color: #fff;
}
.nav_main li.hover .subnav a {
background: none;
}
.nav_main .nav .subnav {
height: auto;
left: 0px;
top: 50px;
position: absolute;
width: 100%;
z-index: 199;
background: rgba(255,255,255,0.86);
border-radius: 0px;
}
.nav_main .nav .subnav {
filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
opacity: 0;
visibility: hidden;
transition: all .6s ease 0s;
transform: translate3d(0, 10px, 0);
-moz-transform: translate3d(0, 10px, 0);
-webkit-transform: translate3d(0, 10px, 0);
}
.nav_main .nav li:hover .subnav {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
}
.nav_main .nav .subnav li {
width: 100%;
background: none;
}
.nav_main .nav .subnav .nav1 a {
color: #333;
display: block;
font-size: 14px;
font-weight: 500;
line-height: 40px;
text-align: center;
border-bottom: #ddd 1px solid;
}
.nav_main .nav .subnav li:hover {
background: none;
}
.nav_main .nav .subnav li:hover a {
color: #004391;
}
.nav_main .nav .subnav li:last-child a {
border-bottom: 0;
}
.announ_main {
width: 100%;
height: 76px;
line-height: 76px;
border-bottom: 1px solid #eee;
}
.announ_main .announ_right {
width: 282px;
padding-top: 20px;
}
.announ_main .announ_right .search {
width: 282px;
height: 35px;
line-height: 35px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
background: #f6f6f6;
position: relative;
}
.announ_main .announ_right .search input {
outline: none;
border: 0 none;
height: 35px;
line-height: 35px;
}
.announ_main .announ_right .search .txt {
width: 200px;
background: none;
padding-left: 15px;
display: block;
color: #999;
}
.announ_main .announ_right .search .btn {
width: 50px;
background: url(../images/sou.png) no-repeat center #004391;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
}
.announ_main .announ_right .search .btn:hover {
background-color: #01bc66;
}
.announ_main .announ_left span {
display: inline-block;
}
.announ_main .announ_left a {
display: inline-block;
padding: 0 10px 0 0;
}
.announ_main .announ_left a s {
width: 1px;
height: 16px;
display: inline-block;
margin-right: 10px;
background: #e9e9e9;
vertical-align: middle;
}
.announ_main .announ_left a:first-child s {
display: none;
}
.banner {
top: 0px;
width: 1310px;
margin:0 auto;
min-width: 1310px;
height: 516px;
z-index: 9;
position: relative;
overflow: hidden;
}
.banner .list {
width: 100%;
}
.banner li {
width: 100%;
height: 516px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 1;
overflow: hidden;
background: #fff;
}
.banner li img {
width: 1310px;
height: 100%;
display: block;
position: relative;
left: 50%;
top: 0;
margin-left: -650px;
}
.banner li a {
width: 100%;
display: block;
height: 100%;
}
.banner .tip {
width: 100%;
height: 6px;
text-align: center;
position: absolute;
left: 0;
bottom: 30px;
z-index: 10;
}
.banner .tip span {
width: 48px;
height: 6px;
margin: 0 5px;
display: inline-block;
cursor: pointer;
vertical-align: top;
border-radius: 12px;
opacity: 0.5;
filter: alpha(opacity=50);
background: #fcfcfc;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
.banner .tip span.cur {
background: #004391;
opacity: 1;
filter: alpha(opacity=100);
}
.banner .prev, .banner .next {
width: 32px;
height: 34px;
position: absolute;
z-index: 12;
top: 50%;
margin-top: -17px;
cursor: pointer;
transition: none;
background: url(../images/banner-btn.png) no-repeat 0 center;
transition: all ease 300ms;
}
.banner .prev:hover, .banner .next:hover {
opacity: 0.8;
filter: alpha(opacity=80);
}
.banner .prev {
left: 3%;
background-position: 1px center;
}
.banner .next {
right: 3%;
background-position: -50px 0;
}
/*nybanner*/
.nybanner {
width: 100%;
height: 300px;
overflow: hidden;
position: relative;
}
.nybanner img {
width: 1310px;
display: block;
position: absolute;
left: 50%;
margin-left: -650px;
top: 0;
}
#techers{float:left; width:1310px; margin-top:10px;}
#techers .pe_u_thumb_title{ text-align:center;width:107px;overflow:hidden;}
#techers .tempWrap{ width:1310px !important; margin:0px;}
.picList{padding:20px 0;}
.picList li{float:left; margin-right:20px;}
/*footer*/
.footer {
margin: 0 auto;
width: 1350px;
color: #fff;
background: url(../images/f_bot.jpg) center no-repeat;
}
.footer .links {
padding: 20px 0;
font-size: 16px;
border-bottom: 1px solid #1a1d21;
}
.footer .links span {
color: #fff;
display: inline-block;
}
.footer .links a {
display: inline-block;
font-size: 14px;
color: #939393;
padding-right: 10px;
}
.footer .links a:hover {
color: #dc0000;
}
.footer .bottom {
position: relative;
}
.footer .bNav {
width: 1310px;
height: 127px;
margin-top: 80px;
text-align:center;
font-size: 20px;
line-height: 33px;
}
.footer .di_logo img {
width: 111px;
height: 111px;
background-size: 100%;
}
.footer .bNav dl {
display: inline-block;
float: left;
width: 124.5px;
overflow: hidden;
text-align: left;
padding-top: 10px;
}
.footer .bNav dl dt {
height: 16px;
display: block;
padding-bottom: 32px;
}
.footer .bNav dl dt a {
display: block;
font-size: 16px;
color: #fff;
line-height: 16px;
}
.footer .bNav dl dd {
display: block;
height: 14px;
padding-bottom: 16px;
}
.footer .bNav dl dd a {
display: block;
font-size: 14px;
color: #939393;
line-height: 14px;
}
.footer .bNav dl dd a:hover {
color: #dc0000;
}
.footer .ewm {
width: 225px;
text-align: center;
padding-left: 0px;
margin-top: 0px;
position: absolute;
top:10px;
right: 0px;
}
.footer .ewm dl {
width: 200px;
float: left;
display: block;
margin-right: 30px;
margin-top: 10px;
height: 164px;
}
.footer .ewm dl:nth-child(2) {
margin-right: 0px;
}
.footer .ewm dl:first-child+dl {
margin-right: 0px;
}
.footer .ewm dl dt {
width: 213px;
height: 140px;
text-align: center;
}
.footer .ewm dl dt img {
width: 118px;
display: inline-block;
background-size: 100%;
margin-top: 35px;
}
.footer .ewm dl dd {
font-size: 14px;
color: #939393;
line-height: 24px;
padding-top: 5px;
}
.footer .contact_info {
width: 345px;
height: 180px;
padding-left: 75px;
border-right: 1px solid #1a1d21;
border-left: 1px solid #464a50;
margin-top: 48px;
}
.footer .contact_info p.p1 {
font-size: 14px;
color: #fff;
line-height: 14px;
padding-top: 10px;
}
.footer .contact_info p.dh {
font-size: 36px;
color: #004391;
font-family: "Arial";
line-height: 36px;
padding-top: 4px;
font-weight: bold;
padding-bottom: 12px;
}
.footer .contact_info h3 {
font-size: 20px;
padding-top: 8px;
}
.footer .contact_info p.tel {
font-size: 14px;
color: #939393;
line-height: 22px;
width: 270px;
}
.footer .contact_info i {
display: block;
padding-top: 8px;
font-size: 14px;
color: #fff;
}
.footer .contact_info i a {
display: inline-block;
color: #fff;
padding-right: 12px;
}
/*copyright*/
.copyright {
height: 50px;
line-height: 50px;
color: #666;
font-size: 12px;
background: #27292B;
}
.copyright p {
color: #939393;
}
.copyright span {
margin: 0 6px;
}
.copyright a {
color: #939393;
-webkit-transition: all ease 300ms;
-moz-transition: all ease 300ms;
-ms-transition: all ease 300ms;
-o-transition: all ease 300ms;
transition: all ease 300ms;
}
.copyright a:hover {
color: #dc0000;
}
.gridlist {
width: 100%;
}
.gridlist .list {
width: 105%;
}
.gridlist .item {
width: 260px;
margin: 0 20px 24px 0;
float: left;
position: relative;
overflow: hidden;
}
.gridlist .item img {
width: 100%;
height: 195px;
display: block;
transition: all ease 300ms;
}
.gridlist .item h3 {
color: #666666;
line-height: 50px;
padding: 0 10px;
transition: all ease 300ms;
height: 50px;
background: #f7f7f7;
overflow: hidden;
}
.gridlist .item:hover img {
filter: brightness(110%);
}
.gridlist .item:hover h3 {
color: #fff;
background: #d9261d;
}
.newslist {
overflow: hidden;
width: 100%;
}
.newslist li {
height: 30px;
line-height: 30px;
overflow: hidden;
}
.newslist li a {
width: 100%;
color: #666666;
display: block;
transition: all ease 300ms;
}
.newslist li .time {
color: #999999;
float: right;
}
.newslist li s {
width: 10px;
height: 10px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
background: #e8e8e8;
border-radius: 100%;
}
.newslist li:hover a {
color: #d9261d;
}
/*******index css*******/
.index {
width: 100%;
}
.index .scrollBox {
height: 48px;
line-height: 48px;
overflow: hidden;
position: relative;
padding-bottom: 58px;
}
.index .scrollBox .btn {
width: 202px;
background: url(../images/ibtnbg.png) no-repeat center center;
position: absolute;
top: 0;
right: 0;
text-align: center;
font-weight: bold;
color: #fff;
font-size: 18px;
}
.index .scrollBox .btn s {
width: 19px;
height: 19px;
margin-right: 6px;
background-position: -130px 0;
}
.index .iscroll {
width: 966px;
height: 48px;
position: relative;
overflow: hidden;
background-color: #f1f1f1;
border: 1px solid #e5e5e5;
}
.index .iscroll .t {
width: 22px;
height: 20px;
display: block;
position: absolute;
left: 128px;
top: 16px;
background-position: -34px 0;
}
.index .iscroll .prev, .index .iscroll .next {
width: 38px;
height: 15px;
position: absolute;
z-index: 10;
cursor: pointer;
left: 31px;
top: 8px;
background-position: 15px -30px;
}
.index .iscroll .prev {
border-bottom: 1px solid #e5e5e5;
}
.index .iscroll .next {
top: 24px;
background-position: 15px -46px;
}
.index .iscroll .list {
padding-left: 166px !important;
position: relative;
}
.index .iscroll .list a {
width: 100%;
display: block;
color: #848484;
font-size: 16px;
}
.index .iscroll .list a:hover {
color: #d9261d;
}
.index .iscroll .list .time {
float: right;
padding-left: 16px;
height: 16px;
line-height: 16px;
margin-top: 15px;
margin-right: 20px;
font-size: 16px;
color: #848484;
border-left: 2px solid #a4a4a4;
}
.index .ilinks {
height: 191px;
margin-bottom: 40px;
}
.index .ilinks .list .item {
width: 288px;
float: left;
margin-left: 16px;
}
.index .ilinks .list .item a {
width: 100%;
display: block;
}
.index .ilinks .list .item img {
width: 286px;
height: 63px;
border: 1px solid #dddddd;
display: block;
}
.index .ilinks .list .item:first-child {
margin-left: 0;
}
.index .ilinks .list .item h3 {
height: 40px;
line-height: 40px;
overflow: hidden;
width: 100%;
text-align: center;
}
.indexTit {
padding-top: 76px;
}
.indexTit .tit {
font-size: 40px;
color: #646464;
text-align: center;
height: 40px;
line-height: 40px;
margin-bottom: 18px;
}
.indexTit i {
display: block;
width: 29px;
height: 1px;
margin: 0 auto;
background: url(../images/wrap.png) center center no-repeat;
margin-bottom: 30px;
}
.index_title {
text-align: center;
padding-top: 35px;
padding-bottom: 40px;
}
.index_title h3 {
font-size: 38px;
font-weight: 100;
padding-bottom: 12px;
color: #333;
font-weight: bold;
}
.index_title p {
background: url(../images/line.png) center center no-repeat;
width: 320px;
height: 22px;
margin: 0 auto;
}
/*f1*/
.floor_1 {
}
.floor_1 .floor_1_main {
}
.floor_1 .floor_1_main .content {
}
.floor_1 .floor_1_main .content .menu {
margin-bottom: 42px;
}
.floor_1 .floor_1_main .content .menu .list {
padding: 0;
text-align: center;
}
.floor_1 .floor_1_main .content .menu .list .item {
display: inline-block;
width: 130px;
height: 40px;
line-height: 40px;
background-color: #f4f4f4;
border: 1px solid #f1efef;
margin: 0 8px;
border-radius: 6px;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
.floor_1 .floor_1_main .content .menu .list .item:last-child {
margin-right: 0px;
}
.floor_1 .floor_1_main .content .menu .list .item a {
font-size: 14px;
color: #666;
text-align: center;
display: block;
}
.floor_1 .floor_1_main .content .menu .list .item:hover {
background-color: #004391;
color: #FFFFFF;
}
.floor_1 .floor_1_main .content .menu .list .item:hover a {
color: #FFFFFF;
}
.floor_1 .floor_1_main .content .menu .list .item.hover {
background-color: #004391;
color: #FFFFFF;
}
.floor_1 .floor_1_main .content .menu .list .item.hover a {
color: #FFFFFF;
}
.floor_1 .floor_1_main .content .product {
}
.floor_1 .floor_1_main .content .product .bd {
position: relative;
overflow: hidden;
height: 290px;
}
.floor_1 .floor_1_main .content .product .bd .list {
width: 104%;
overflow: hidden;
}
.floor_1 .floor_1_main .content .product .bd .list li {
position: relative;
float: left;
display: block;
width: 290px;
height: 290px;
margin-right: 13px;
cursor: pointer;
}
.floor_1 .floor_1_main .content .product .bd .list li:hover {
background: url(../images/f2_1.jpg) center center no-repeat;
}
.floor_1 .floor_1_main .content .product .bd .list li a {
display: block;
width: 288px;
height: 290px;
}
.floor_1 .floor_1_main .content .product .bd .list li img {
margin: 0 auto;
display: block;
height: 218px;
width: 290px;
}
.floor_1 .floor_1_main .content .product .bd .list li p {
height: 70px;
line-height: 70px;
text-align: center;
color: #666666;
font-size: 16px;
font-weight: bold;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
.floor_1 .floor_1_main .content .product .bd .list li:hover p {
color: #0d97f4;
}
.floor_1 .floor_1_main .content .product .hd {
width: 100%;
top: 0px;
position: relative;
padding-bottom: 80px;
}
.floor_1 .floor_1_main .content .product .hd .prev {
position: absolute;
left: 490px;
top: -0px;
display: block;
width: 72px;
height: 32px;
background-position: -0px -0px;
cursor: pointer;
}
.floor_1 .floor_1_main .content .product .hd .next {
position: absolute;
right: 490px;
top: -0px;
display: block;
width: 72px;
height: 32px;
background-position: -80px -0px;
cursor: pointer;
}
.floor_1 .floor_1_main .content .product .hd .prev:hover {
opacity: 0.8;
background-position: -160px -0px;
}
.floor_1 .floor_1_main .content .product .hd .next:hover {
opacity: 0.8;
background-position: -240px -0px;
}
.floor_1 .floor_1_main .content .product .hd .amore {
position: absolute;
left: 570px;
top: -0px;
display: block;
width: 61px;
height: 32px;
background-position: -0px -76px;
cursor: pointer;
}
.floor_1 .floor_1_main .content .product .hd .amore:hover {
opacity: 0.8;
background-position: -80px -76px;
}
.floor_1 .floor_1_main .content .product .bd .list li a .More {
margin-top: 32px;
margin-left: 60px;
overflow: hidden;
opacity: 0;
visibility: hidden;
transition: all .6s ease 0s;
transform: translate3d(0, 10px, 0);
-moz-transform: translate3d(0, 10px, 0);
-webkit-transform: translate3d(0, 10px, 0);
}
.floor_1 .floor_1_main .content .product .bd .list li:hover a .More {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
}
.floor_1 .floor_1_main .content .product .bd .list li a .More i {
background-position: -30px -300px;
width: 12px;
height: 7px;
margin-top: -17px;
margin-left: 100px;
float: left;
}
.floor_1 .floor_1_main .content .product .bd ul li a .bg {
width: 290px;
height: 218px;
background: url(../images/framebg1.png) no-repeat center center;
background-size: 290px 218px;
opacity: 0;
margin-top: -288px;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
.floor_1 .floor_1_main .content .product .bd ul li:hover a .bg {
display: block;
z-index: 999;
position: relative;
opacity: 1;
}
.floor_1 .floor_1_main .content .product .bd ul li a .txtIco {
position: absolute;
top: 0px;
left: 0px;
display: block;
width: 290px;
height: 290px;
z-index: 1000;
}
.floor_1 .floor_1_main .content .product .bd ul li a .txtIco s {
width: 54px;
height: 54px;
background-position: 0px -270px;
position: absolute;
left: 145px;
top: 80px;
margin-left: -20px;
opacity: 0;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
.floor_1 .floor_1_main .content .product .bd ul li:hover a .txtIco s {
opacity: 1;
}
.floor_1 .floor_1_main .content .product .bd ul li a .txtIco .stit {
padding-top: 220px;
font-size: 18px;
line-height: 18px;
text-align: center;
transition: all ease-in-out .2s;
opacity: 0;
filter: alpha(opacity=0);
color: #fff;
}
.floor_1 .floor_1_main .content .product .bd ul li:hover a .txtIco .stit {
padding-top: 160px;
transition: all ease-in-out .2s;
opacity: 1;
filter: alpha(opacity=100);
color: #fff;
}
/******floor_2******/
.floor_2 {
background-color: #f4f5f6;
position: relative;
height: 876px;
}
.floor_2 .floor_2_main {
}
.floor_2 .floor_2_main .content {
}
.floor_2 .floor_2_main .content .advantage {
position: relative;
height: 600px;
margin-top: 50px;
}
.floor_2 .floor_2_main .content .advantage .list {
position: relative;
z-index: 99;
}
.floor_2 .floor_2_main .content .advantage .list .item {
width: 350px;
height: 100px;
float: left;
}
.floor_2 .floor_2_main .content .advantage .list .item.it1, .floor_2 .floor_2_main .content .advantage .list .item.it3, .floor_2 .floor_2_main .content .advantage .list .item.it5, .floor_2 .floor_2_main .content .advantage .list .item.it7 {
padding-right: 400px;
}
.floor_2 .floor_2_main .content .advantage .list .item a {
display: block;
}
.floor_2 .floor_2_main .content .advantage .list .item a h2 {
font-size: 20px;
color: #000000;
height: 24px;
line-height: 24px;
padding-bottom: 16px;
font-weight: bold;
text-indent: 230px;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
.floor_2 .floor_2_main .content .advantage .list .item:hover a h2 {
color: #01bc66;
}
.floor_2 .floor_2_main .content .advantage .list .item a h2 i {
display: block;
width: 23px;
height: 23px;
background: url(../images/f2_1.png)center center no-repeat;
float: right;
}
.floor_2 .floor_2_main .content .advantage .list .item.it2:hover a h2 i, .floor_2 .floor_2_main .content .advantage .list .item.it4:hover a h2 i, .floor_2 .floor_2_main .content .advantage .list .item.it6:hover a h2 i, .floor_2 .floor_2_main .content .advantage .list .item.it8:hover a h2 i {
display: block;
width: 23px;
height: 23px;
background: url(../images/f2_3.png)center center no-repeat;
float: left;
}
.floor_2 .floor_2_main .content .advantage .list .item.it1:hover a h2 i, .floor_2 .floor_2_main .content .advantage .list .item.it3:hover a h2 i, .floor_2 .floor_2_main .content .advantage .list .item.it5:hover a h2 i, .floor_2 .floor_2_main .content .advantage .list .item.it7:hover a h2 i {
display: block;
width: 23px;
height: 23px;
background: url(../images/f2_3.png)center center no-repeat;
float: right;
}
.floor_2 .floor_2_main .content .advantage .list .item a p {
font-size: 14px;
color: #999999;
line-height: 20px;
transition: all ease 600ms;
}
.floor_2 .floor_2_main .content .advantage .list .item:hover a p {
margin-top: -12px;
transition: all ease 600ms;
}
.floor_2 .floor_2_main .content .advantage .f2_bg {
width: 597px;
height: 559px;
position: absolute;
top: 0px;
left: 354px;
}
.floor_2 .floor_2_main .content .advantage .list .item.it1 {
width: 354px;
padding-left: 98px;
padding-top: 26px;
}
.floor_2 .floor_2_main .content .advantage .list .item.it1 p {
width: 310px;
text-align: right;
}
.floor_2 .floor_2_main .content .advantage .list .item.it1 p em {
text-indent: 250px;
display: block;
}
.floor_2 .floor_2_main .content .advantage .list .item.it2 {
width: 354px;
padding-top: 26px;
}
.floor_2 .floor_2_main .content .advantage .list .item.it2 h2 {
text-indent: 20px;
}
.floor_2 .floor_2_main .content .advantage .list .item.it2 h2 i {
float: left;
}
.floor_2 .floor_2_main .content .advantage .list .item.it2 p {
width: 310px;
padding-left: 44px;
}
.floor_2 .floor_2_main .content .advantage .list .item.it2 p em {
text-indent: 250px;
display: block;
}
.floor_2 .floor_2_main .content .advantage .list .item.it3 {
width: 354px;
padding-top: 50px;
}
.floor_2 .floor_2_main .content .advantage .list .item.it3 p {
width: 310px;
text-indent: 18px;
text-align: right;
}
.floor_2 .floor_2_main .content .advantage .list .item.it3 p em {
text-indent: 210px;
display: block;
}
.floor_2 .floor_2_main .content .advantage .list .item.it3 h2 {
text-indent: 230px;
}
.floor_2 .floor_2_main .content .advantage .list .item.it4 {
width: 354px;
padding-left: 188px;
padding-top: 50px;
}
.floor_2 .floor_2_main .content .advantage .list .item.it4 p {
width: 310px;
text-indent: 0;
padding-left: 42px;
}
.floor_2 .floor_2_main .content .advantage .list .item.it4 p em {
text-indent: 210px;
display: block;
}
.floor_2 .floor_2_main .content .advantage .list .item.it4 h2 {
text-indent: 20px;
}
.floor_2 .floor_2_main .content .advantage .list .item.it4 h2 i {
float: left;
}
.floor_2 .floor_2_main .content .advantage .list .item.it5 {
width: 354px;
padding-top: 80px;
}
.floor_2 .floor_2_main .content .advantage .list .item.it5 p {
width: 310px;
text-indent: 0px;
text-align: right;
}
.floor_2 .floor_2_main .content .advantage .list .item.it5 p em {
text-indent: 194px;
display: block;
}
.floor_2 .floor_2_main .content .advantage .list .item.it5 h2 {
text-indent: 230px;
}
.floor_2 .floor_2_main .content .advantage .list .item.it6 {
width: 354px;
padding-left: 192px;
padding-top: 78px;
}
.floor_2 .floor_2_main .content .advantage .list .item.it6 p {
width: 310px;
text-indent: 0;
padding-left: 42px;
}
.floor_2 .floor_2_main .content .advantage .list .item.it6 p em {
text-indent: 210px;
display: block;
}
.floor_2 .floor_2_main .content .advantage .list .item.it6 h2 {
text-indent: 20px;
}
.floor_2 .floor_2_main .content .advantage .list .item.it6 h2 i {
float: left;
}
.floor_2 .floor_2_main .content .advantage .list .item.it7 {
width: 354px;
padding-top: 44px;
padding-left: 100px;
}
.floor_2 .floor_2_main .content .advantage .list .item.it7 p {
width: 310px;
text-indent: -12px;
text-align: right;
}
.floor_2 .floor_2_main .content .advantage .list .item.it7 p em {
text-indent: 58px;
display: block;
}
.floor_2 .floor_2_main .content .advantage .list .item.it7 h2 {
text-indent: 230px;
}
.floor_2 .floor_2_main .content .advantage .list .item.it8 {
width: 354px;
padding-left: 2px;
padding-top: 48px;
}
.floor_2 .floor_2_main .content .advantage .list .item.it8 p {
width: 310px;
text-indent: 0;
padding-left: 42px;
}
.floor_2 .floor_2_main .content .advantage .list .item.it8 p em {
text-indent: 210px;
display: block;
}
.floor_2 .floor_2_main .content .advantage .list .item.it8 h2 {
text-indent: 20px;
}
.floor_2 .floor_2_main .content .advantage .list .item.it8 h2 i {
float: left;
}
/******floor_3******/
.floor_3 {
position: relative;
}
.floor_3 .floor_3_main .content .case {
}
.floor_3 .floor_3_main .content .case .bd {
position: relative;
height: 380px;
}
.floor_3 .floor_3_main .content .case .bd .list {
width: 104%;
}
.floor_3 .floor_3_main .content .case .bd .list li {
position: relative;
float: left;
display: block;
width: 380px;
height: 360px;
margin-right: 30px;
cursor: pointer;
}
/*.floor_3 .floor_3_main .content .case .bd .list li:hover{background: url(../images/f2_1.jpg) center center no-repeat; box-shadow: 3px 7px 12px #d0dbe0;}*/
.floor_3 .floor_3_main .content .case .list li a {
display: block;
width: 380px;
height: 360px;
}
.floor_3 .floor_3_main .content .case .bd .list li img {
margin: 0 auto;
display: block;
height: 285px;
width: 380px;
}
.floor_3 .floor_3_main .content .case .bd .list li p {
height: 70px;
line-height: 70px;
text-align: center;
color: #666666;
font-size: 16px;
font-weight: bold;
position: relative;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
.floor_3 .floor_3_main .content .case .bd .list li:hover p {
color: #0d97f4;
}
.floor_3 .floor_3_main .content .case .hd {
width: 100%;
top: 0px;
position: relative;
padding-bottom: 80px;
}
.floor_3 .floor_3_main .content .case .hd .prev {
position: absolute;
left: 490px;
top: -0px;
display: block;
width: 72px;
height: 32px;
background-position: -0px -0px;
cursor: pointer;
}
.floor_3 .floor_3_main .content .case .hd .next {
position: absolute;
right: 490px;
top: -0px;
display: block;
width: 72px;
height: 32px;
background-position: -80px -0px;
cursor: pointer;
}
.floor_3 .floor_3_main .content .case .hd .prev:hover {
opacity: 0.8;
background-position: -160px -0px;
}
.floor_3 .floor_3_main .content .case .hd .next:hover {
opacity: 0.8;
background-position: -240px -0px;
}
.floor_3 .floor_3_main .content .case .hd .amore {
position: absolute;
left: 570px;
top: -0px;
display: block;
width: 61px;
height: 32px;
background-position: -0px -76px;
cursor: pointer;
}
.floor_3 .floor_3_main .content .case .hd .amore:hover {
opacity: 0.8;
background-position: -80px -76px;
}
.floor_3 .floor_3_main .content .case .bd .list li a .More {
margin-top: 32px;
margin-left: 60px;
overflow: hidden;
opacity: 0;
visibility: hidden;
transition: all .6s ease 0s;
transform: translate3d(0, 10px, 0);
-moz-transform: translate3d(0, 10px, 0);
-webkit-transform: translate3d(0, 10px, 0);
}
.floor_3 .floor_3_main .content .case .bd .list li:hover a .More {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
}
.floor_3 .floor_3_main .content .case .bd .list li a .More i {
background-position: -30px -300px;
width: 12px;
height: 7px;
margin-top: -17px;
margin-left: 100px;
float: left;
}
.floor_3 .floor_3_main .content .case .bd ul li a .bg {
margin-top: -355px;
width: 380px;
height: 285px;
background: url(../images/framebg2.png) no-repeat center center;
opacity: 0;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
.floor_3 .floor_3_main .content .case .bd ul li:hover a .bg {
display: block;
z-index: 999;
position: relative;
opacity: 1;
}
.floor_3 .floor_3_main .content .case .bd ul li a .txtIco {
position: absolute;
top: 0px;
left: 0px;
display: block;
width: 380px;
height: 360px;
z-index: 1000;
}
.floor_3 .floor_3_main .content .case .bd ul li a .txtIco s {
width: 54px;
height: 54px;
background-position: 0px -270px;
position: absolute;
left: 184px;
top: 106px;
margin-left: -20px;
opacity: 0;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
.floor_3 .floor_3_main .content .case .bd ul li:hover a .txtIco s {
opacity: 1;
}
.floor_3 .floor_3_main .content .case .bd ul li a .txtIco .stit {
padding-top: 220px;
font-size: 18px;
line-height: 18px;
text-align: center;
transition: all ease-in-out .2s;
opacity: 0;
filter: alpha(opacity=0);
color: #fff;
}
.floor_3 .floor_3_main .content .case .bd ul li:hover a .txtIco .stit {
padding-top: 160px;
transition: all ease-in-out .2s;
opacity: 1;
filter: alpha(opacity=100);
color: #fff;
}
.floor_3 .floor_3_main .content .case .bd .list li p i {
display: block;
width: 19px;
height: 19px;
float: right;
background-position: 0px -140px;
position: absolute;
top: 26px;
right: 26px;
}
.floor_3 .floor_3_main .content .case .bd .list li:hover p i {
background-position: -40px -140px;
}
/******floor_4******/
.floor_4 {
position: relative;
}
.floor_4 {
background: url(../images/f4_3.jpg) center center no-repeat;
height: 647px;
}
.floor_4 .floor_4_main {
}
.floor_4 .floor_4_main .txt {
float: left;
padding-top: 120px;
}
.floor_4 .floor_4_main .txt .tit {
font-size: 40px;
color: #333333;
height: 44px;
line-height: 44px;
padding-bottom: 36px;
}
.floor_4 .floor_4_main .txt i {
display: block;
background-position: 0 -380px;
width: 32px;
height: 1px;
}
.floor_4 .floor_4_main .txt .p1 {
font-size: 14px;
color: #333333;
width: 500px;
line-height: 28px;
padding-top: 60px;
}
.floor_4 .floor_4_main .txt a {
font-size: 14px;
color: #fff;
width: 130px;
line-height: 40px;
height: 40px;
text-align: center;
background-color: #004391;
display: block;
border-radius: 6px;
margin-top: 56px;
transition: all ease 600ms;
}
.floor_4 .floor_4_main .txt a:hover {
width: 150px;
transition: all ease 600ms;
}
/******floor_5******/
.floor_5 .floor_5_main {
position: relative;
}
.floor_5 .floor_5_main .indexTit {/* float: left; */
position: relative;
}
.floor_5 .floor_5_main .indexTit .tit {
font-size: 40px;
color: #646464;
text-align: left;
margin-bottom: 18px;
}
.floor_5 .floor_5_main .indexTit i {
display: block;
width: 29px;
height: 1px;
margin: 0;
background: url(../images/wrap.png) center center no-repeat;
margin-bottom: 30px;
}
.floor_5 .floor_5_main .menu {
float: right;
position: absolute;
top: 34px;
right: 0px;
}
.floor_5 .floor_5_main .menu .list .item.it1 {
font-size: 14px;
color: #fff;
width: 130px;
}
.floor_5 .floor_5_main .menu .list .item.hover {
background-color: #004391;
}
.floor_5 .floor_5_main .menu .list .item.it2 {
font-size: 14px;
color: #fff;
width: 130px;
line-height: 40px;
height: 40px;
text-align: center;
background-color: #01bc66;
display: block;
border-radius: 6px;
margin-top: 56px;
float: left;
}
.floor_5 .floor_5_main .menu .list .item a {
color: #FFFFFF;
display: block;
}
.floor_5 .floor_5_main .menu .list .item:hover a {
}
.floor_5 .floor_5_main .menu .list .item {
font-size: 14px;
color: #fff;
width: 130px;
line-height: 40px;
height: 40px;
text-align: center;
background-color: #01bc66;
display: block;
border-radius: 6px;
margin-top: 56px;
float: left;
margin-right: 18px;
transition: all ease 600ms;
}
.floor_5 .floor_5_main .menu .list .item:hover {
opacity: 0.8;
transition: all ease 600ms;
}
.floor_5 .floor_5_main .menu .list .item:last-child {
margin-right: 0px;
}
.floor_5 .floor_5_main .content .news {
margin-bottom: 30px;
padding-top: 0px;
}
.floor_5 .floor_5_main .content .news .bd {
position: relative;
height: 420px;
}
.floor_5 .floor_5_main .content .news .bd .list {
width: 104%;
}
.floor_5 .floor_5_main .content .news .bd .list li {
position: relative;
float: left;
display: block;
width: 380px;
height: 380px;
border-bottom: 0px!important;
padding-bottom: 0px;
margin: 15px 0;
margin-right: 30px;
cursor: pointer;
transition: all ease 600ms;
}
.floor_5 .floor_5_main .content .news .bd .list li:hover {
box-shadow: 1px 6px 10px #d0dbe0;
transition: all ease 600ms;
}
/*.floor_3 .floor_3_main .content .case .bd .list li:hover{background: url(../images/f2_1.jpg) center center no-repeat; box-shadow: 3px 7px 12px #d0dbe0;}*/
.floor_5 .floor_5_main .content .news .list li a {
display: block;
width: 380px;
height: 380px;
}
.floor_5 .floor_5_main .content .news .bd .list li img {
margin: 0 auto;
display: block;
height: 285px;
width: 380px;
}
.floor_5 .floor_5_main .content .news .bd .list li .tit {
}
.floor_5 .floor_5_main .content .news .bd .list li .p1 {
height: 90px;
line-height: 90px;
float: left;
text-align: center;
color: #666666;
font-size: 16px;
font-weight: bold;
position: relative;
width: 310px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
.floor_5 .floor_5_main .content .news .bd .list li .p2 {
position: relative;
color: #cccccc;
font-size: 43px;
padding-top: 20px;
width: 70px;
float: right;
}
.floor_5 .floor_5_main .content .news .bd .list li .p2 .s1 {
margin-right: 14px;
color: #666666;
font-size: 14px;
float: right;
position: absolute;
top: 44px;
left: 4px;
width: 76px;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
.floor_5 .floor_5_main .content .news .bd .list li .p2 .s2 {
position: absolute;
top: 16px;
left: 6px;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
.floor_5 .floor_5_main .content .news .bd .list li:hover .p2 {
color: #004391;
}
.floor_5 .floor_5_main .content .news .bd .list li:hover .p2 .s1 {
color: #004391;
}
.floor_5 .floor_5_main .content .news .bd .list li:hover .p1 {
color: #0d97f4;
}
.floor_5 .floor_5_main .content .news .hd {
width: 100%;
top: 0px;
position: relative;
padding-bottom: 80px;
}
.floor_5 .floor_5_main .content .news .hd .prev {
position: absolute;
left: 490px;
top: -0px;
display: block;
width: 72px;
height: 32px;
background-position: -0px -0px;
cursor: pointer;
}
.floor_5 .floor_5_main .content .news .hd .next {
position: absolute;
right: 490px;
top: -0px;
*right: 0px;
*left: 1180px;
display: block;
width: 72px;
height: 32px;
background-position: -80px -0px;
cursor: pointer;
}
.floor_5 .floor_5_main .content .news .hd .prev:hover {
opacity: 0.8;
background-position: -160px -0px;
}
.floor_5 .floor_5_main .content .news .hd .next:hover {
opacity: 0.8;
background-position: -240px -0px;
}
.floor_5 .floor_5_main .content .news .hd .amore {
position: absolute;
left: 570px;
top: -0px;
display: block;
width: 61px;
height: 32px;
background-position: -0px -76px;
cursor: pointer;
}
.floor_5 .floor_5_main .content .news .hd .amore:hover {
opacity: 0.8;
background-position: -80px -76px;
}
.floor_5 .floor_5_main .content .news .bd .list li a .More {
margin-top: 32px;
margin-left: 60px;
overflow: hidden;
opacity: 0;
visibility: hidden;
transition: all .6s ease 0s;
transform: translate3d(0, 10px, 0);
-moz-transform: translate3d(0, 10px, 0);
-webkit-transform: translate3d(0, 10px, 0);
}
.floor_5 .floor_5_main .content .news .bd .list li:hover a .More {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
}
.floor_5 .floor_5_main .content .news .bd .list li a .More i {
background-position: -30px -300px;
width: 12px;
height: 7px;
margin-top: -17px;
margin-left: 100px;
float: left;
}
.floor_5 .floor_5_main .content .news .bd ul li a .bg {
width: 380px;
height: 285px;
background: url(../images/framebg2.png) no-repeat center center;
opacity: 0;
}
.floor_5 .floor_5_main .content .news .bd ul li:hover a .bg {
display: block;
margin-top: -355px;
z-index: 999;
position: relative;
opacity: 1;
}
.floor_5 .floor_5_main .content .news .bd ul li a .txtIco {
position: absolute;
top: 0px;
left: 0px;
display: block;
width: 380px;
height: 360px;
z-index: 1000;
}
.floor_5 .floor_5_main .content .news .bd ul li a .txtIco s {
width: 54px;
height: 54px;
background-position: 0px -270px;
position: absolute;
left: 184px;
top: 106px;
transition: all ease-in-out .2s;
margin-left: -20px;
opacity: 0;
}
.floor_5 .floor_5_main .content .news .bd ul li:hover a .txtIco s {
opacity: 1;
}
.floor_5 .floor_5_main .content .news .bd ul li a .txtIco .stit {
padding-top: 220px;
font-size: 18px;
line-height: 18px;
text-align: center;
transition: all ease-in-out .2s;
opacity: 0;
filter: alpha(opacity=0);
color: #fff;
}
.floor_5 .floor_5_main .content .news .bd ul li:hover a .txtIco .stit {
padding-top: 160px;
transition: all ease-in-out .2s;
opacity: 1;
filter: alpha(opacity=100);
color: #fff;
}
.floor_5 .floor_5_main .content .news .bd .list li p i {
display: block;
width: 19px;
height: 19px;
float: right;
background-position: 0px -140px;
position: absolute;
top: 26px;
right: 26px;
}
.floor_5 .floor_5_main .content .news .bd .list li:hover p i {
background-position: -40px -140px;
}
.links_main {
border-top: 1px solid #e5e5e5;
line-height: 90px;
height: 90px;
}
.links_main span {
color: #2fc16e;
font-size: 36px;
font-weight: bold;
margin-right: 40px;
display: block;
float: left;
}
.links_main a {
padding: 0 30px;
}
.bottom_main {
background: #3a3c42;
padding: 50px 0;
width: 100%;
}
.bottom_main .box1 {
color: #fff;
width: 510px;
height: 170px;
border-right: 1px solid #44464c;
padding-right: 52px;
padding-top: 30px;
}
.bottom_main .box1 img {
float: left;
margin-right: 10px;
}
.bottom_main .box1 h3 {
font-size: 22px;
font-weight: 100;
}
.bottom_main .box1 p {
margin-bottom: 40px;
}
.bottom_main .box1 .line {
height: 1px;
background: #57595e;
margin-bottom: 1px;
}
.bottom_main .box1 .a {
color: #616368;
margin-top: 23px;
}
.bottom_main .box1 .a a {
color: #fff;
padding: 0 2px;
}
.bottom_main .box1 .a a:hover {
color: #2fc16e;
}
.bottom_main .box2 {
color: #fff;
width: 281px;
height: 170px;
border-right: 1px solid #44464c;
padding-left: 50px;
padding-top: 30px;
}
.bottom_main .box2 h3 {
font-size: 22px;
padding-bottom: 22px;
}
.bottom_main .box2 li {
line-height: 30px;
}
.bottom_main .box2 li i {
width: 14px;
height: 14px;
background-position: -241px -57px;
margin-right: 5px;
}
.bottom_main .box2 li .i2 {
background-position: -255px -57px;
}
.bottom_main .box2 li .i3 {
background-position: -270px -57px;
}
.bottom_main .box3 {
padding-top: 29px;
}
.bottom_main .box3 li {
float: left;
color: #fff;
text-align: center;
line-height: 30px;
margin-left: 20px;
}
.bottom_main .box3 img {
width: 120px;
height: 120px;
display: block;
}
.bottom_copy {
line-height: 50px;
font-size: 12px;
color: #ccc;
}
.bottom_copy a {
color: #ccc;
}
.bottom_copy a:hover {
color: #fff;
}
.dialog-layout {
width: 100%;
height: 100%;
position: fixed;
z-index: 100;
top: 0;
left: 0;
background: #000;
opacity: 0.3;
filter: alpha(opacity=30);
}
.local {
height: 60px;
line-height: 60px;
overflow: hidden;
}
.local ul {
float: right;
margin-right: 60px;
}
.local ul li {
padding: 0 25px;
float: left;
}
.local ul li a {
position: relative;
display: block;
padding: 0 15px;
overflow: hidden;
color: #363636;
}
.local ul li a i {
width: 0;
height: 3px;
background: #3b3a45;
position: absolute;
left: 50%;
opacity: 0;
filter: alpha(opacity=0);
bottom: 0;
transition: ease-in .2s;
}
.local ul li a.hover, .local ul li a:hover {
color: #363636;
}
.local ul li a.hover i, .local ul li a:hover i {
left: 0;
opacity: 1;
filter: alpha(opacity=100);
width: 100%;
}
.bg_main {
padding-bottom: 50px;
min-height: 640px;
}
.sub_banner {
height: 200px;
width: 100%;
}
.sub_nav {
height: 35px;
line-height: 35px;
padding-bottom: 20px;
border-bottom: 1px solid #f2f2f2;
padding-top: 20px;
}
.sub_nav .fl {
font-size: 30px;
}
.sub_nav .fr li {
float: left;
}
.sub_nav .fr li a {
padding: 0 20px;
border: 1px solid #e6e6e6;
display: block;
margin-left: 10px;
transition: ease-in-out .2s;
}
.sub_nav .fr li a:hover, .sub_nav .fr li a.hover {
background: #004391;
color: #fff;
border: 1px solid #004391;
}
.case {
margin-top: 40px;
}
.case ul {
width: 105%;
}
.case li {
width: 380px;
float: left;
margin-right: 30px;
margin-bottom: 30px;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
.case li a span {
color: #666;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
.case li:hover a span {
color: #004391;
}
.case li:hover a p {
color: #004391;
}
.case li .img {
overflow: hidden;
height: 213px;
display: block;
border: 1px solid #efefef;
width: 378px;
border-bottom: none;
}
.case li .img img {
width: 380px;
height: 213px;
transition: .9s;
}
.imgH li .img {
height: 284px;
border: 1px solid #efefef;
width: 378px;
border-bottom: none;
}
.imgH li .img img {
height: 284px;
}
.case li:hover .img img {
transform: scale(1.2);
-webkit-transform: scale(1.2);
}
.case li .p {
border: 1px solid #efefef;
display: block;
width: 340px;
padding: 0 19px;
height: 108px;
border-top: none;
}
.case li .p p {
border-bottom: 1px solid #d6d6d6;
height: 58px;
color: #666;
line-height: 58px;
margin-bottom: 10px;
font-size: 18px;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
.case li .p i {
width: 32px;
height: 12px;
background-position: -230px -110px;
}
.case li .p .fl {
font-size: 12px;
font-family: arial;
}
.case li:hover {
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}
.bg_main .news_ul {
width: 1300px;
margin: 0 auto;
padding-bottom: 40px;
padding-top: 12px;
}
.bg_main .news_ul li {
padding: 37px 0;
border-bottom: 1px solid #eaeaea;
position: relative;
}
.bg_main .news_ul li .box1 {
width: 253px;
height: 190px;
overflow: hidden;
}
.bg_main .news_ul li .box1 img {
width: 253px;
height: 190px;
transition: ease-in-out .9s;
}
.bg_main .news_ul li .box2 {
padding-left: 42px;
width: 759px;
padding-top: 30px;
}
.bg_main .news_ul li .box2 h1 {
font-size: 20px;
color: #333;
height: 26px;
line-height: 26px;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
.bg_main .news_ul li .box2 p {
color: #666;
line-height: 24px;
padding-top: 10px;
height: 75px;
}
.bg_main .news_ul li .box2 span {
font-size: 12px;
color: #999;
}
.bg_main .news_ul li .right {
padding-right: 15px;
padding-top: 55px;
text-align: center;
}
.bg_main .news_ul li .right h3 {
font-size: 36px;
color: #999;
font-weight: 100;
}
.bg_main .news_ul li .right p {
font-size: 24px;
color: #bbb;
padding-top: 10px;
}
.bg_main .news_ul li a {
display: block;
cursor: pointer;
width: 100%;
height: 100%;
}
.bg_main .news_ul li a:hover img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
}
.bg_main .news_ul li a:hover h1 {
color: #004391;
}
.bg_main .news_ul li b {
display: block;
width: 100px;
height: 30px;
border: #ccc solid 1px;
text-align: center;
line-height: 30px;
font-weight: normal;
position: absolute;
right: 12px;
top: 161px;
}
.detail {
padding-top: 50px;
}
.detail .title {
padding-bottom: 20px;
border-bottom: 1px solid #f2f2f2;
text-align: center;
}
.detail .title h1 {
font-size: 30px;
line-height: 50px;
}
.detail .title span {
line-height: 18px;
font-family: arial;
color: #959595;
}
.detail .title i {
width: 23px;
height: 16px;
background-position: -73px 0;
margin-right: 10px;
}
.detail .title .i2 {
background-position: -104px 0;
margin-left: 30px;
}
.detail .context {
color: #666;
line-height: 30px;
text-align: justify;
padding: 25px 0;
}
.detail .context img {
max-width: 1300px;
}
/* reLink */
.reLink {
height: 38px;
line-height: 38px;
border: 1px solid #e6e6e6;
padding: 0 15px;
margin-bottom: 50px;
}
.reLink .nextLink, .detail .reLink .prevLink {
width: 50%;
}
.reLink .nextLink {
text-align: right;
}
.reLink a {
-webkit-transition: all ease 500ms;
-moz-transition: all ease 500ms;
-ms-transition: all ease 500ms;
-o-transition: all ease 500ms;
transition: all ease 500ms;
}
.reLink a:hover {
color: #2fc16e;
}
/* pager */
.pager {
padding: 30px 0 30px;
text-align: center;
*zoom: 1;
*padding: 40px 0 30px;
}
.pager:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.pager p {
height: 26px;
line-height: 26px;
display: inline-block;
*display: inline;
*zoom: 1;
display: none;
}
.pager ul {
display: inline-block;
*display: inline;
*zoom: 1;
overflow: hidden;
}
.pager ul li {
float: left;
margin: 0 5px;
padding: 0 !important;
height: auto !important;
border: none !important;
}
.pager ul a {
line-height: 30px;
padding: 0 10px;
transition: all ease 300ms;
color: #000000;
text-decoration: none;
float: left;
border: 1px solid #ddd;
}
.pager ul a.current, .pager ul a:hover {
color: #fff;
border: 1px solid #2ab866;
background: #2ab866;
}
.contact .box3 h1 {
font-size: 36px;
padding-bottom: 15px;
text-align: center;
}
.contact .box3 p {
font-size: 16px;
color: #828282;
line-height: 24px;
padding-bottom: 46px;
text-align: center;
}
.contact .box3 b {
color: #004391;
}
.formData {
padding-bottom: 20px;
}
.formData .item {
float: left;
color: #999;
font-weight: normal;
width: 560px;
height: 50px;
line-height: 50px;
border: 1px solid #e5e5e5;
margin-right: 76px;
margin-bottom: 30px;
position: relative;
}
.formData .item label {
padding-left: 15px;
position: absolute;
left: 0;
top: 0;
z-index: 11;
text-align: center;
display: block;
margin: 0;
height: 50px;
line-height: 50px;
font-size: 18px;
color: #cccccc;
}
.formData .item input {
outline: none;
line-height: 38px;
height: 38px;
font-size: 18px;
}
.formData .item .txt {
width: 355px;
height: 50px;
line-height: 50px;
display: block;
background: none;
padding-left: 70px;
border: 0 none;
color: #333;
}
.formData .item .red {
position: absolute;
right: 15px;
top: 0;
color: #ff0000;
z-index: 11;
}
.formData .item.mr0 {
margin-right: 0;
}
.formData .msg-box {
position: absolute;
left: 0;
top: 0px;
}
.formData .liuyan {
width: 1198px;
height: 240px;
border: 1px solid #e5e5e5;
float: left;
}
.formData .liuyan label {
text-align: right;
display: block;
}
.formData .liuyan textarea {
width: 1178px;
height: 214px;
line-height: 28px;
padding: 12px 10px;
text-indent: 100px;
font-size: 18px;
font-family: "microsoft yahei";
color: #333;
border: 0 none;
overflow: hidden;
background: none;
resize: none;
display: block;
outline: none;
}
.formData .bot {
width: 100%;
}
.formData .sub {
width: 232px;
line-height: 46px;
border: 2px solid #004391;
margin-right: 2px;
text-align: center;
background: #004391;
color: #FFF;
cursor: pointer;
font-size: 18px;
display: block;
-webkit-transition: all ease 300ms;
-moz-transition: all ease 300ms;
-ms-transition: all ease 300ms;
-o-transition: all ease 300ms;
transition: all ease 300ms;
}
.formData .sub:hover {
background: none;
color: #004391;
}
.formData .yzm {
width: 432px;
}
.formData .yzm .txt {
padding-left: 80px;
}
.formData .yzm img {
position: absolute;
right: 3px;
top: 3px;
border: 0px;
display: block;
}
.about .box1 {
padding-top: 105px;
padding-bottom: 100px;
overflow: hidden;
}
.box1_add {
padding: 70px 0;
}
.about .box1 .fl {
padding-top: 32px;
}
.about .box1 .fl h1 {
font-size: 80px;
text-transform: uppercase;
font-family: arial;
line-height: 80px;
}
.about .box1 .fl p {
font-size: 24px;
padding-bottom: 88px;
}
.about .box1 .fl i {
width: 54px;
height: 54px;
background-position: 0 -99px;
cursor: pointer;
position: relative;
display: block;
float: left;
}
.about .box1 .fl i img {
position: absolute;
left: 20px;
bottom: 56px;
width: 0px;
height: 0px;
opacity: 0;
filter: alpha(opacity=0);
transition: ease-in-out .2s;
}
.about .box1 .fl i:hover img {
filter: alpha(opacity=100);
opacity: 1;
left: 0;
height: 80px;
width: 80px;
}
.about .box1 .fl .i2 {
background-position: -58px -99px;
margin-left: 20px;
}
.about .box1 .fr {
width: 611px;
}
.about .box1 .fr h1 {
font-size: 24px;
font-weight: 100;
}
.about .box1 .fr span {
display: block;
background: #b0b0b0;
width: 20px;
height: 2px;
margin: 13px 0 24px;
}
.about .box1 .fr h2 {
font-size: 18px;
}
.about .box1 .fr p {
line-height: 30px;
padding-top: 12px;
}
.about .box1 .fr i {
width: 54px;
height: 54px;
background-position: -59px -35px;
margin-top: 35px;
transition: ease-in-out .2s;
}
.about .box1 .fr a:hover {
cursor: pointer;
}
.about .box1 .fr a:hover i {
margin-left: 15px;
}
.about .bg_20 {
height: 20px;
width: 100%;
background: #eaeaea;
}
.about .box2 {
padding-bottom: 94px;
}
.about .box2 .con {
margin-top: 40px;
}
.about .box2 .con .fl {
width: 410px;
height: 428px;
overflow: hidden;
}
.about .box2 .con .fl img {
width: 410px;
height: 428px;
}
.about .box2 .con .fr .img {
width: 380px;
height: 214px;
overflow: hidden;
display: block;
}
.about .box2 .con .fr .img img {
width: 380px;
height: 214px;
transition: .9s;
}
.about .box2 .con .fr .p {
display: block;
padding-left: 20px;
width: 360px;
height: 214px;
}
.about .box2 .con .fr .p h1 {
font-size: 24px;
line-height: 60px;
font-weight: 100;
}
.about .box2 .con .fr .p i {
width: 54px;
height: 54px;
background-position: -59px -35px;
margin-top: 35px;
transition: ease-in-out .2s;
}
.about .box2 .con .fr li:hover {
cursor: pointer;
}
.about .box2 .con .fr li:hover h1, .about .box2 .con .fr li:hover p {
color: #333;
}
.about .box2 .con .fr li:hover i {
margin-left: 15px;
}
.about .box2 .con .fr li {
float: left;
}
.about .box2 .con .fr li:hover img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
}
.about .box3 {
background: url(../images/about_bg.jpg) center top no-repeat;
width: 100%;
height: 457px;
padding-top: 93px;
}
.about .box3 .w1200 {
overflow: hidden;
}
.about .box3 .fl {
width: 500px;
}
.about .box3 .fl h1 {
font-size: 36px;
color: #fff;
font-weight: 100;
padding-bottom: 25px;
}
.about .box3 .fl span {
display: block;
width: 40px;
height: 2px;
background: #ffd200;
margin-bottom: 25px;
}
.about .box3 .fl p {
color: #fff;
line-height: 24px;
}
.about .box3 .fl i {
width: 54px;
height: 54px;
cursor: pointer;
background-position: 0px -35px;
margin-top: 35px;
transition: ease-in-out .2s;
}
.about .box3 .fl a:hover i {
margin-left: 15px;
}
.about .box3 .fr .picScroll-left {
overflow: hidden;
position: relative;
margin-top: 68px;
height: 225px;
width: 620px;
}
.about .box3 .fr .picScroll-left .hd {
overflow: hidden;
}
.about .box3 .fr .picScroll-left .hd .prev, .about .box3 .fr .picScroll-left .hd .next {
display: block;
left: 0;
top: 50%;
margin-top: -36px;
width: 30px;
height: 72px;
position: absolute;
z-index: 10;
background-position: -133px -67px;
cursor: pointer;
display: none;
}
.about .box3 .fr .picScroll-left .hd .next {
left: auto;
right: 0;
background-position: -164px -67px;
}
.about .box3 .fr .picScroll-left:hover .hd .prev, .about .box3 .fr .picScroll-left:hover .hd .next {
display: block;
}
.about .box3 .fr .picScroll-left .hd ul {
float: right;
overflow: hidden;
margin-top: 10px;
zoom: 1;
}
.about .box3 .fr .picScroll-left .hd ul li {
float: left;
width: 9px;
height: 9px;
overflow: hidden;
margin-right: 5px;
text-indent: -999px;
cursor: pointer;
background: url("../images/icocircle.gif") 0 -9px no-repeat;
}
.about .box3 .fr .picScroll-left .hd ul li.on {
background-position: 0 0;
}
.about .box3 .fr .picScroll-left .bd ul {
overflow: hidden;
zoom: 1;
}
.about .box3 .fr .picScroll-left .bd ul li {
margin-right: 20px;
float: left;
_display: inline;
overflow: hidden;
text-align: center;
}
.about .box3 .fr .picScroll-left .bd ul li img {
width: 300px;
height: 225px;
}
.bg_top {
height: 50px;
background: #eaeaea;
width: 100%;
}
.erro {
color: red;
}
.erro {
text-align: center;
min-height: 400px;
}
.showPro {
padding: 50px 50px 0;
}
.showPro .reLink {
margin-bottom: 0;
}
.showPro .showContxt {
padding: 30px 0 35px;
font-size: 16px;
line-height: 32px;
}
.showPro .showContxt img {
max-width: 100%;
height: auto !important;
}
.showPro .showimgCon {
padding: 0 0 30px;
font-size: 16px;
line-height: 32px;
}
.showPro .showimgCon .txtcon {
width: 680px;
height: 423px;
float: right;
position: relative;
}
.showPro .showimgCon .txtcon .tit {
position: relative;
font-size: 20px;
margin-bottom: 15px;
color: #d73535;
font-weight: bold;
line-height: 24px;
padding-bottom: 14px;
border-bottom: 1px solid #dddddd;
padding-right: 60px;
}
.showPro .showimgCon .txtcon .tit .goBack {
position: absolute;
right: 0;
top: 0;
color: #999999;
font-size: 14px;
display: block;
font-weight: normal;
cursor: pointer;
}
.showPro .showimgCon .txtcon .tit .goBack s {
width: 20px;
height: 20px;
background-position: -440px -62px;
margin-left: 6px;
}
.showPro .showimgCon .txtcon .tit .goBack:hover {
color: #047fcc;
}
.showPro .showimgCon .txtcon .txt {
line-height: 24px;
font-size: 16px;
color: #666;
}
.showPro .showimgCon .txtcon .txt .item {
margin-bottom: 7px;
max-height: 144px;
overflow: hidden;
}
.showPro .showimgCon .txtcon .tel-btn {
width: 100%;
position: absolute;
left: 0;
bottom: 0;
border-top: 1px solid #ddd;
padding-top: 40px;
}
.showPro .showimgCon .txtcon .tel-btn .btn {
width: 118px;
float: right;
height: 40px;
line-height: 40px;
margin-top: 5px;
font-size: 20px;
text-align: center;
color: #fff;
cursor: pointer;
background: #2ab866;
}
.showPro .showimgCon .txtcon .tel-btn .btn:hover {
background: #12a751;
}
.showPro .showimgCon .txtcon .tel-btn .tel {
width: 280px;
float: left;
}
.showPro .showimgCon .txtcon .tel-btn .tel span, .showPro .showimgCon .txtcon .tel-btn .tel strong {
display: block;
color: #666666;
}
.showPro .showimgCon .txtcon .tel-btn .tel s {
width: 42px;
height: 42px;
display: block;
float: left;
margin-right: 6px;
background-position: -315px -30px;
}
.showPro .showimgCon .txtcon .tel-btn .tel span {
font-size: 16px;
line-height: 20px;
}
.showPro .showimgCon .txtcon .tel-btn .tel strong {
font-size: 28px;
line-height: 28px;
}
.showPro .showimg {
width: 442px;
position: relative;
float: left;
overflow: hidden;
}
.showPro .showimg .bigimg {
width: 440px;
height: 332px;
display: block;
position: relative;
border: 1px solid #dddddd;
}
.showPro .showimg .bigimg .list {
width: 5000%;
}
.showPro .showimg .bigimg .list li {
width: 440px;
height: 332px;
float: left;
}
.showPro .showimg .bigimg .list img {
width: 100%;
height: 100%;
display: block;
transition: all ease 300ms;
}
.showPro .showimg .smallimg {
width: 440px;
height: 76px;
position: relative;
padding-top: 30px;
z-index: 10;
overflow: hidden;
}
.showPro .showimg .list {
width: 357px;
overflow: hidden;
position: relative;
margin: 0 auto;
}
.showPro .showimg .listcon {
width: 600% !important;
position: relative;
}
.showPro .showimg .prev, .showPro .showimg .next {
width: 20px;
height: 76px;
z-index: 10;
position: absolute;
top: 30px;
cursor: pointer;
background: url(../images/show-btn-ico.png) no-repeat 0 center;
}
.showPro .showimg .prev:hover, .showPro .showimg .next:hover {
background-color: #f9f9f9;
}
.showPro .showimg .prev {
left: 0;
background-position: 3px center;
}
.showPro .showimg .next {
right: 0;
background-position: -84px center;
}
.showPro .showimg li {
width: 98px;
height: 74px;
margin-right: 28px;
float: left;
cursor: pointer;
position: relative;
}
.showPro .showimg li img {
width: 100%;
height: 100%;
display: block;
}
.showPro .showimg li.on {
width: 94px;
height: 70px;
border: 3px solid #2ab866;
}
.relateTit {
height: 58px;
line-height: 58px;
border-bottom: 1px solid #e4e4e4;
margin: 0 auto;
width: 1300px;
}
.relateTit h3 {
font-size: 18px;
display: inline-block;
*display: inline;
*zoom: 1;
position: relative;
}
.relateTit h3 .line {
width: 100%;
height: 2px;
display: block;
position: absolute;
left: 0;
bottom: -1px;
background: #2ab866;
}
.floor_3_remm {
padding-bottom: 60px;
}
.floor_3_remm .body {
overflow: hidden;
*margin-bottom: 38px;
}
.floor_3_remm .body ul {
width: 112%;
}
.floor_3_remm .body li {
margin-bottom: 40px;
width: 370px;
float: left;
margin-right: 45px;
position: relative;
border-radius: 5px;
height: 278px;
overflow: hidden;
}
.floor_3_remm .body li a {
display: block;
width: 100%;
height: 100%;
cursor: pointer;
}
.floor_3_remm .body li .img img {
border-radius: 5px;
width: 370px;
height: 278px
}
.floor_3_remm .body li .txt {
position: absolute;
left: 0;
top: 211px;
height: 67px;
background: #666;
width: 301px;
border-radius: 0 0 5px 5px;
color: #fff;
padding-left: 42px;
padding-right: 42px;
transition: ease-in-out .2s;
text-align: center;
line-height: 67px;
}
.floor_3_remm .body li .txt h3 {
font-size: 20px;
font-weight: 100;
line-height: 67px;
}
.floor_3_remm .body li .txt span {
margin: 0 auto;
display: block;
border: 1px solid #fff;
text-align: center;
width: 123px;
height: 33px;
line-height: 33px;
border-radius: 5px;
margin-top: 10px;
display: none;
}
.floor_3_remm .body li:hover {
box-shadow: 2px 5px 2px rgba(0, 0, 0, 0.1);
}
.floor_3_remm .body li:hover .txt {
background: url(../images/bg_6b.png) repeat;
height: 100%;
top: 0;
border-radius: 5px;
}
.floor_3_remm .body li:hover .txt h3 {
padding-top: 78px;
}
.floor_3_remm .body li:hover .txt span {
margin-top: 0;
display: block;
}
.floor_3_remm .more2 {
text-align: center;
}
.floor_3_remm .more2 ul {
display: inline-block;
*zoom: 1;
*display: inline;
}
.floor_3_remm .more2 a {
width: 141px;
height: 35px;
display: block;
color: #2fc16e;
margin: 0 19px;
border: 2px solid #2fc16e;
line-height: 35px;
border-radius: 4px;
font-size: 20px;
}
.floor_3_remm .more2 a:hover {
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
}
.floor_3_remm .more2 .ewmbtn {
background: #2fc16e;
color: #fff;
}
.floor_3_remm .more2 li {
float: left;
}
/********toolbar*********/
.toolbar {
width: 52px;
position: fixed;
right: 1%;
top: 50%;
margin-top: -115px;
z-index: 999;
}
.toolbar dd {
width: 51px;
height: 51px;
margin-bottom: 1px;
position: relative;
-webkit-border-radius: 100%;
border-radius: 100%;
margin-top: 4px;
border: #ebebeb solid 1px;
background-color: #fff;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.toolbar dd i {
width: 51px;
height: 51px;
display: block;
position: absolute;
left: 0;
top: 0;
cursor: pointer;
text-align: center;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.toolbar dd i span {
width: 35px;
height: 35px;
display: block;
margin: 8px 0 0 8px;
background: url(../images/rightfixicon.png) no-repeat 0 0;
}
.toolbar dd.gottop {
display: none;
}
.toolbar .slide-tel {
display: block;
width: 0;
height: 53px;
line-height: 53px;
font-size: 24px;
font-weight: bold;
font-family: arial;
color: #FFF;
position: absolute;
padding: 0 0 0 53px;
top: -1px;
right: -2px;
-webkit-border-radius: 50px;
border-radius: 50px;
overflow: hidden;
}
.toolbar .pop {
position: absolute;
right: 90px;
top: -65px;
background: #004391;
display: none;
}
.toolbar .pop-code {
width: 160px;
}
.toolbar .pop-code img {
width: 120px;
height: 120px;
display: block;
padding: 20px 20px 0;
}
.toolbar .pop-code h3 {
height: 52px;
line-height: 26px;
text-align: center;
color: #fff;
font-size: 16px;
font-weight: 400;
white-space: nowrap;
}
.toolbar .pop-code h3 b {
display: block;
font-size: 14px;
font-weight: normal;
}
.toolbar .qq span {
background-position: -35px -47px;
}
.toolbar .qq a {
width: 52px;
height: 52px;
cursor: pointer;
display: block;
}
.toolbar .qq:hover {
background-color: #004391;
border-radius: 100%;
}
.toolbar .qq:hover span {
background-position: 0 -47px;
}
.toolbar .tel span {
background-position: -35px 0;
}
.toolbar .tel:hover {
background: #004391;
}
.toolbar .tel:hover span {
background-position: 0 0;
}
.toolbar .code span {
background-position: -35px -95px;
}
.toolbar .code:hover {
background-color: #004391;
border-radius: 100%;
}
.toolbar .code:hover span {
background-position: 0 -95px;
}
.toolbar .top span {
background-position: -35px -142px;
}
.toolbar .top:hover {
background-color: #004391;
border-radius: 100%;
}
.toolbar .top:hover span {
background-position: 0 -142px;
}
.toolbar dd:hover {
}
/*******font-face********/
@font-face {
font-family: 'impact';
src: url('../font/impact.eot');
src: url('../fonts/impact.eot') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/impact.woff') format('woff'), /* Modern Browsers */ url('../fonts/impact.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/impact.svg#impact') format('svg'); /* IE9 Compat Modes */ /* Legacy iOS */
}
/************** * Animations for content elements * **********/
.delay100 {
-webkit-animation-delay: 100ms;
animation-delay: 100ms;
}
.delay200 {
-webkit-animation-delay: 200ms;
animation-delay: 200ms;
}
.delay300 {
-webkit-animation-delay: 300ms;
animation-delay: 300ms;
}
.delay400 {
-webkit-animation-delay: 400ms;
animation-delay: 400ms;
}
.delay500 {
-webkit-animation-delay: 500ms;
animation-delay: 500ms;
}
.delay600 {
-webkit-animation-delay: 600ms;
animation-delay: 600ms;
}
.delay700 {
-webkit-animation-delay: 700ms;
animation-delay: 700ms;
}
.delay800 {
-webkit-animation-delay: 800ms;
animation-delay: 800ms;
}
.delay900 {
-webkit-animation-delay: 900ms;
animation-delay: 900ms;
}
.delay1000 {
-webkit-animation-delay: 1000ms;
animation-delay: 1000ms;
}
.delay1100 {
-webkit-animation-delay: 1100ms;
animation-delay: 1100ms;
}
.delay1200 {
-webkit-animation-delay: 1200ms;
animation-delay: 1200ms;
}
.delay1300 {
-webkit-animation-delay: 1300ms;
animation-delay: 1300ms;
}
.delay1400 {
-webkit-animation-delay: 1400ms;
animation-delay: 1400ms;
}
.delay1500 {
-webkit-animation-delay: 1500ms;
animation-delay: 1500ms;
}
.delay1600 {
-webkit-animation-delay: 1600ms;
animation-delay: 1600ms;
}
.delay1700 {
-webkit-animation-delay: 1700ms;
animation-delay: 1700ms;
}
.delay1800 {
-webkit-animation-delay: 1800ms;
animation-delay: 1800ms;
}
.delay1900 {
-webkit-animation-delay: 1900ms;
animation-delay: 1900ms;
}
.delay2000 {
-webkit-animation-delay: 2000ms;
animation-delay: 2000ms;
}
.delay2100 {
-webkit-animation-delay: 2100ms;
animation-delay: 2100ms;
}
.delay2200 {
-webkit-animation-delay: 2200ms;
animation-delay: 2200ms;
}
.delay2300 {
-webkit-animation-delay: 2300ms;
animation-delay: 2300ms;
}
.delay2500 {
-webkit-animation-delay: 2500ms;
animation-delay: 2500ms;
}
.delay2700 {
-webkit-animation-delay: 2700ms;
animation-delay: 2700ms;
}
.delay2900 {
-webkit-animation-delay: 2900ms;
animation-delay: 2900ms;
}
.delay3000 {
-webkit-animation-delay: 3000ms;
animation-delay: 3000ms;
}
.delay4000 {
-webkit-animation-delay: 4000ms;
animation-delay: 4000ms;
}
.delay4500 {
-webkit-animation-delay: 4500ms;
animation-delay: 4500ms;
}
.delay5000 {
-webkit-animation-delay: 5000ms;
animation-delay: 5000ms;
}
.onactive .animated {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.active .animated.fast {
-webkit-animation-duration: .5s;
animation-duration: .5s;
}
.onactive .flyInDown {
-webkit-animation-name: flyInDown;
animation-name: flyInDown;
}
@-webkit-keyframes flyInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes flyInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.onactive .flyInRight {
-webkit-animation-name: flyInRight;
animation-name: flyInRight;
}
@keyframes flyInRight {
0% {
opacity: 0;
-webkit-transform: translateX(100px);
-moz-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.onactive .flyInUp {
-webkit-animation-name: flyInUp;
animation-name: flyInUp;
}
@keyframes flyInUp {
0% {
opacity: 0;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
transform: translateY(50px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.onactive .flyInLeft {
-webkit-animation-name: flyInLeft;
animation-name: flyInLeft;
}
@-webkit-keyframes flyInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-200px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes flyInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-200px);
-moz-transform: translateX(-200px);
-ms-transform: translateX(-200px);
transform: translateX(-200px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.onactive .opacityI {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes opacityI {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
}
@keyframes opacityI {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
}
.onactive .shake {
-webkit-animation-name: shake;
animation-name: shake;
-webkit-animation-delay: 6s;
animation-delay: 6s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@keyframes shake {
0% {
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
transform: translateY(-10px);
}
20%, 40%, 60%, 80% {
-transform: translateY(6px);
}
100% {
transform: translateY(0);
}
}
@-webkit-keyframes shake {
0% {
-webkit-transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateY(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateY(6px);
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes shake {
0% {
-moz-transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-moz-transform: translateY(-10px);
}
20%, 40%, 60%, 80% {
-moz-transform: translateY(6px);
}
100% {
-moz-transform: translateY(0);
}
}
@-o-keyframes shake {
0% {
-o-transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-o-transform: translateY(-10px);
}
20%, 40%, 60%, 80% {
-o-transform: translateY(6px);
}
100% {
-o-transform: translateY(0);
}
}
@-ms-keyframes shake {
0% {
-ms-transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-ms-transform: translateY(-10px);
}
20%, 40%, 60%, 80% {
-ms-transform: translateY(6px);
}
100% {
-ms-transform: translateY(0);
}
}
.onactive .zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
-ms-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@-webkit-keyframes scaleIn {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
opacity: 1;
-webkit-transform: scale(1.02);
transform: scale(1.02);
}
}
@keyframes scaleIn {
0% {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
50% {
opacity: 1;
-webkit-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);
}
}
.HS10, .HS15 {
overflow: hidden;
clear: both;
}
.HS10 {
height: 10px;
}
.HS15 {
height: 15px;
}
.Hidden {
display: none;
}
.Clearer {
display: block;
clear: both;
font-size: 1px;
line-height: 1px;
margin: 0;
padding: 0;
}
.FlLeft {
float: left;
}
.FlRight {
float: right;
}
.MainBg {
width: 1300px;
margin: 0 auto;
}
.OriginalPicBorder {
padding: 0;
}
#OriginalPic {
width: 1300px;
overflow: hidden;
position: relative;
font-size: 12px;
}
#OriginalPic img {
display: block;
min-width: 100px;
margin: 0 auto;
}
.CursorL {
position: absolute;
z-index: 999;
width: 50%;
height: 600px;
color: #FFF;
left: 0;
cursor: url(../images/CurL.cur), auto;
background: url(../images/space.png) repeat scroll 0 0 transparent;
}
.CursorR {
position: absolute;
z-index: 999;
width: 50%;
height: 600px;
color: #FFF;
right: 0;
cursor: url(../images/CurR.cur), auto;
background: url(../images/space.png) repeat scroll 0 0 transparent;
}
.SliderPicBorder {
width: 100%;
overflow: hidden;
}
.ThumbPicBorder {
width: 1300px;
margin: 0 auto;
background: #eeeeee;
overflow: hidden;
position: relative;
}
.ThumbPicBorder #btnPrev {
width: 45px;
height: 113px;
cursor: pointer;
position: absolute;
left: 20px;
top: 20px;
}
.ThumbPicBorder #btnNext {
width: 45px;
height: 113px;
cursor: pointer;
position: absolute;
right: 20px;
top: 20px;
}
.ThumbPicBorder .pic {
width: 1025px;
overflow: hidden;
position: relative;
margin: 20px auto;
}
#ThumbPic img {
border: 3px solid #ddd;
cursor: pointer;
background-color: #ddd;
margin: 0 10px;
width: 145px;
height: 108px;
display: block;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
#ThumbPic img.active {
border: 3px solid #004391;
}
#maximg img{ max-width:100% !important; height:auto !important}
.header-fixed{position: fixed;top: 0;left: 0;z-index: 99999;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box transition: all 0.4s;
-webkit-transition: all 0.4s;
-webkit-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;
-moz-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;
box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;
background-color: #05357F;
width: 100%;
}
.h_nav{height:35px; line-height: 35px; margin-top: 30px;float: right;}
.h_nav a{line-height: 35px;font-size: 16px; color: #b5cff7; background: url(../images/xs.png) no-repeat right center; padding-right:15px; margin-left: 10px}
.h_nav a:last-child{background: none}
.header_rdhs{width:280px; height: 30px; margin-top:60px; }
.h_nav input[type="text"]{display: none;margin-top: 6px;width:176px; height: 26px; background: #fff; border-radius: 25px; padding: 0px 10px; font-size: 14px; color: #002956; border: 0; float: left}
.h_submit{line-height: 35px;width:18px; height: auto; background: url(../images/ss.png) no-repeat left center; padding-left: 22px; font-size: 16px; color: #b5cff7; border: 0;
float: left; margin-left:10px; margin-top:0px;}
.h_nav a:hover{color:#fff}
.top20{height:360px!important;margin: 15px auto 40px auto!important;}
.mr20{margin-left:24px!important;}
.w480{width: 478px;}
.mr25{margin-bottom: 15px!important;}
.c_main{width:1310px;margin:0 auto;background: #fff;padding:26px 20px 0 20px;}
.ind_tzbox{width: 863px;}
.ind_tzbox01{width:415px;}
.ind_tzbox02{width: 208px;margin-right: 25px;background: #F0F3F8;}
.ind_tzbox03{width:488px!important;}
.new_top_1{width:100%;height:45px; /*background: url(../images/x_1.png) 0px 31px no-repeat;border-bottom:solid 1px #E8E8E8;*/
overflow: hidden;margin: 0 auto;margin-bottom: 15px;
}
.new_top_1 .u1{height: 42px;}
.new_top_1 .u2{height: 3px; width: 100%;background-image: linear-gradient(to right,#022754, #FF4F03);display: block;}
.new_top_1 ul li a {display: block;float: left;width: auto;white-space: nowrap;height: 45px; line-height: 45px;color:#062655;font-size: 26px; font-weight: bold; padding: 0 0px;overflow: hidden;text-indent:0px;}
.new_top_1 ul li a.nopic {
padding: 2px 10px 0 13px;
color: #FB5300;
border: 1px solid #FB5300;
height: 22px;
line-height: 22px;
font-size: 14px;
font-weight: normal;
border-radius: 25px;
}
.new_top_1 span{
margin-left:10px;
font-size: 14px;
color: #333333;
opacity: 0.5;
font-family: "Arial";}
.ind_tzbox02 .new_top_1{border-bottom:0px;padding:10px;width:100%;height: 45px; background:none;overflow: hidden;margin: 0 auto;}
.ind_tzbox02 .c_list_0 .active a{font-weight: bold;text-align:center;color:#fff;width: 184px;margin:0 auto;display:block;height: 40px;font-size: 13px;margin-bottom:8px}
.ind_tzbox02 .c_list_0 ul li{height: auto;}
.ind_tzbox02 .c_list_0 ul li a:nth-child(odd) {background-color: #0084FF;}
.ind_tzbox02 .c_list_0 ul li a:nth-child(even) {background-color: #1677D2;}
.c_line{width:25px;background: #fff;height: 330px;position: absolute;left:862px;top: 0px;}
.c_list{height:auto;line-height:30px;font-size:14px;overflow:hidden;padding-left:0px;padding-right:5px;}
.c_list ul{display:none;}
.c_list ul.active{display:block;}
.c_list ul li,.hid_den ul li {border-bottom:1px solid #E0E0E0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;height:52.3px;line-height:52.3px;vertical-align:bottom;padding-left:10px;/*background:url(../images/ico.gif) 0px 15px no-repeat;*/}
.c_list ul li,.hid_den ul li a{font-size:16px;}
.c_list ul li.w38{width:370px;}
.c_list ul li .date{font-size:16px;color:#999;font-family:arial;width: 40px;float: right;}
.c_list ul li img{float:left;padding-top:10px !important;}
.w480 a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 428px;float: left;display: block;}
.w480 .c_list{width: 415px;}
.w480 .c_list ul li{width: 415px;}
.c_list_0{height:auto;line-height:30px;font-size:14px;overflow:hidden;padding-left:0px;}
.c_list_0 ul li{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;height:62.5px;line-height:62.5px;vertical-align:bottom;border-bottom: 1px solid #E0E0E0;}
.c_list_0 ul li .date{margin-top:6px;float: left;border:1px solid #1654A1;height:47px;width: 60px;display: block;line-height: 47px;text-align:center;}
.c_list_0 ul li a{font-size:16px;margin-left: 8px;}
.w430{width: 430px;}
.mt30{margin-top:30px!important;}
.c_list_0 ul li .date .r{
display: block;
width: 100%;
float: left;
line-height: 27px;
color: #fff;
height: 27px;
background: #1552A2;
font-size: 22px;
font-weight: bold;
}
.c_list_0 ul li .date .y{
color: #1552A2;
float: left;
display: block;
width: 100%;
height: 22px;
line-height: 22px;
}
.column1_left {
float: left;
margin: 0 0px 0 0px;
width:410px;
text-align:center;
border:0px solid #CCC;
padding:0px;
position:relative;
}
.cont_ainer {
width:410px;
height:270px;
overflow:hidden;
position:relative;
}
.slider li {
list-style:none;
display:inline;
}
.slider img {
width:410px;
height:230px;
display:block;
border:0;
}
.slider2 li {
float:left;
}
.slider2 li a{
width:410px;
height:270px;
color:#fff;
padding: 0px;
float: left;
display:block;
}
.slider2 li a span{
float:left;
display:block;
height:40px;
position: absolute;
line-height: 40px;
bottom: 0px;
z-index:999;
text-indent:10px;
font-size:14px;
}
.column1_left .hd {
position:absolute;
right:8px;
bottom:10px;
height:20px;
z-index:2;
width:135px;
top:auto;
}
.column1_left .hd li {
float: left;
width:21px;
height:20px;
background:url(../images/ink531hui.png) no-repeat center center;
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/ink531hui.png', sizingMethod='crop');
cursor: pointer;
overflow: hidden;
}
.column1_left .hd li.on {
background:url(../images/ink531hui1.png) no-repeat center center;
_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/ink531hui1.png', sizingMethod='crop');
width:21px;
height:20px;
}
.ft{
width: 100%;
height: 40px;
background: #000000;
filter: alpha(Opacity=70);
Opacity: 0.7;
position: absolute;
left: 0px;
bottom: 0px;
z-index: 1;
display: block;
}
.clear{clear: both;}
.mainContent {background:#fff; height:auto;min-height:550px;width:1310px;margin:0px auto 20px auto; padding:20px 20px 0 20px;}
.w412{width:412px;}
.mainContent .left{display:block; width:250px;}
.mainContent .left .left_meun { padding-bottom:10px;}
.mainContent .left .left_meun .top{background:url(../images/topbg.png) 35px center no-repeat #1369C0; color:#fff;font-size:24px;text-indent: 30px; font-weight:bold; line-height:62px; }
.mainContent .left .left_meun .cl{background: url(../images/nav_w.png) 30px center no-repeat #fff; height:48px;text-indent:55px;width:248px;border-left:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6;border-right:1px solid #E6E6E6; }
.mainContent .left .left_meun .cl a{color:#545454;font-size:16px; font-weight:bold; text-align:center; line-height:48px; text-indent:48px;}
.mainContent .left .left_meun .cl:hover{color:#E8F4FF;background:url(../images/nav_w.png) 30px center no-repeat #E8F4FF;}
.mainContent .left .left_meun .cl.on{color:#E8F4FF;background:url(../images/nav_w.png) 30px center no-repeat #E8F4FF;}
.mainContent .articleList{width:1030px;}
.wz_top{height:42px;line-height:42px;padding:0px 0 0 39px;background:url(../images/dq.png) 11px center no-repeat;font-size:14px;color:#666;}
.wz_top a{color:#666;}
.wz_top a:hover{color:#cc0000;}
.xinwen ul li span.date{color:#5B5B5B;line-height:30px;}
.xinwen .f_title{line-height:35px;font-size:16px; text-align:center;}
.w120{width:120px;!important}
.xinwen span.on{color:#888;}
.xinwen li.on span{background:#fff;height:35px;border-top: #1C75D1 2px solid;border-bottom: #fff 1px solid;border-right: #DDDDDD 1px solid;border-left: #DDDDDD 1px solid;display: block; font-size:16px; font-weight:bold; text-align:center; line-height:35px; color:#1A7BCC;}
.xinwen ul li a.di{text-indent:10px;line-height: 30px;background: url(../images/icon.gif) 0 14px no-repeat;}
.xinwen_l {border-top: #DDDDDD 1px solid;padding:22px;margin-bottom: 20px;}
.xinwen_list ul li{ height:40px;}
.xinwen_list ul li a{font-size:16px; margin:0px 0px 0 0; float: left;width:80%;line-height:40px; background: url(../images/ico.gif) 0 20px no-repeat;text-indent:20px}
.xinwen_list ul li div{line-height:24px;color:#989898;float: left;font-size:12px; font-weight:normal;}
.xinwen_list ul li span{float:right; height:40px; width:10% display:block; margin:0;font-size:14px; }
.xinwen_list ul li span .line{border-bottom:1px solid #fff; height:44px; color:#fff;width:60px; display:block;font-size: 26px;text-align: center;line-height: 44px;}
.xinwen_list ul li span .line2{height:20px; color:#fff;width:60px; display:block;font-size: 12px;text-align: center;line-height: 20px;}
.xinwen_list .list_line{height:15px;border-bottom:#d2d2d2 1px dotted;margin-bottom:15px;}
.pagination-wrapper{ margin: 20px 0; } .pagination{ height: 34px; text-align: center; } .pagination li { display: inline-block; height: 34px; margin-right: 5px; } .pagination li a{ float: left; display: block; height: 32px; line-height: 32px; padding: 0 12px; font-size: 16px; border: 1px solid #dddddd; color: #555555; text-decoration: none; } .pagination li a:hover{ background:#f5f5f5; color:#0099ff; } .pagination li.thisclass { background: #09f; color: #fff; } .pagination li.thisclass a,.pagination li.thisclass a:hover{ background: transparent; border-color: #09f; color: #fff; cursor: default; }
/*****/
#wenzhang{width:1250px;margin:auto;font-size:16px;line-height:200%;height:auto;overflow:hidden;padding:0;background:#fff;}
.wztit{font-size:27px;line-height:40px;text-align:center;padding-top:20px;}
.wzfbt{line-height:36px;text-align:center;font-size:22px;font-weight:100;margin-top:5px;}
.wzbjxx{line-height:34px;color:#666;font-size:12px;text-align:center;border-bottom:#dbdee1 1px solid;height:40px;padding-top:10px;position:relative;overflow:hidden;}
.wzbjxx a{font-size:12px;color:#666;cursor:pointer;}
.wzbjxx a:hover{color:#e20a0d;}
.wzbjxx .nostart{color:#333;}
.wzbjxx .starting{color:#0C0;}
.wzbjxx .over{color:#f00;}
.wzbjxx input{width:10px;height:10px;border:#666 1px solid;vertical-align:middle;cursor:pointer;}
.wzbjxx .top_ztimg{position:absolute;width:100px;height:36px;right:10px;top:5px;overflow:hidden;}
.wzbjxx .top_ztimg .si_img{display:block;float:left;width:36px;height:36px;margin-left:12px;}
.wz_zybox{border:#ddd 1px dashed;background:#fbfbfb;padding:10px 15px;line-height:28px;font-size:14px;margin-bottom:20px;}
.wz_zybox span{font-weight:bold;}
.wzcon{padding:20px;width:1220px;height:auto;min-height:450px;_height:450px;font-size:16px;line-height:200%; /*border-left: 1px solid #dbdee1;border-right: 1px solid #dbdee1;border-bottom: 1px solid #dbdee1;*/}
.wzcon table{max-width:1250px !important;}
.wzcon img{max-width:800px;}
.wzcon div {font-size:16px;}
.wzbot{padding-top:10px;padding-bottom:20px;font-size:14px;line-height:28px;color:#666;}
.wzbot a{color:#666;}
.wzbot a:hover{color:#c00;}
.wzbot1{height:56px;line-height:36px;text-align:right;font-size:12px;color:#999;padding:15px 10px 0;border-top:#dbdee1 1px solid;}
.wzbot1 a{color:#999;line-height:36px;}
.wzbot1 a:hover{color:#c00;text-decoration:none;}
.wzbot1 ul{float:left;}
.wzbot1 ul.fxd_xx{width:300px;text-align:left;height:30px;}
.wzbot1 ul.fxd_close{width:136px;float:right;text-align:left;overflow:hidden;}
.wzbot1 ul.fxd_close .print_btn{display:block;float:left;width:68px;height:26px;line-height:26px;background:url(../images/print.gif) 0 5px no-repeat;padding-left:22px;}
.wzbot1 ul.fxd_close .close_btn{display:block;float:left;width:24px;height:26px;line-height:26px;padding-left:22px;background:url(../images/close1.gif) 0 5px no-repeat;}
.container01{width: 1310px;margin: 0 auto;padding:26px 20px 0 20px;background: #fff;}
.ju{position:relative;}
.container01 .fl{ width:902px;}
.container01 .fl .box{ float:left; height:326px; padding:44px 0 0 28px; box-sizing: border-box;}
.container01 .fl .box .left{ float:right; width:56px; height:56px; line-height:54px; text-align:center; border:#fff 1px solid; margin-right:32px;}
.container01 .fl .box .left img{ margin-top:12px}
.container01 .fl .box:hover .left img{ -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
.container01 .fl .box .right{ float:left;position: absolute;}
.container01 .fl .te{margin: 10px 20px;float: right; font-size:20px; color:#fff; font-weight:bold; margin-bottom:22px;}
.container01 .fl .te a{ color:#fff}
.container01 .fl .te a:hover{ color:#083c76}
.ab{top:193px;left:26px}
.bc{width: 80%;top:50px;}
.jj{top: 120px;left: 35px;}
.container01 .fl .box .right.jj dd{line-height: 60px;font-size: 18px;margin-right: 45px;}
.container01 .fl .box .right dd{ float:left; font-size:13px; min-width:80px; margin-right:22px; line-height:28px;}
.container01 .fl .box .right dd a{ color:#fff; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container01 .fl .box .right dd a:hover{ color:#083c76}
.container01 .fl .box.box01{ background:url(../images/cbbg01.jpg) center no-repeat;width:604px;}
.container01 .fl .box.box02{ background:url(../images/cbbg02.jpg) center no-repeat;width:298px;}
.container01 .fl .box.box03{ background:url(../images/cbbg03.jpg) center no-repeat;}
.container01 .fl .box.box03{ width:100%}
.container01 .fl .box.box03 .right{ float:left; width:610px;}
.container01 .fl .box.box03 .right dl dd:nth-child(4){ min-width:140px;}
.container01 .fr .box ul li.line{height:50px;width: 100%;display: block;}
.container01 .fr{ width:408px; height:326px;}
.container01 .fr .box{ width:408px; height:326px; background:url(../images/cbbg04.jpg) center no-repeat; background-size:cover; padding:75px 0 0 35px; box-sizing: border-box;}
.container01 .fr .box ul li{text-align: center; height:75px; line-height:35px;width: 86px;float: left}
.container01 .fr .box ul li span{margin: 0 auto; display:block; width:30px; padding:0 0 0 0px}
.container01 .fr .box ul li span img{width: 30px;height: 30px;}
.container01 .fr .box ul li b{ font-size:14px; color:#fff; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container01 .fr .box ul li:hover b{ color:#083c76}
.container01 .fr .box ul li:nth-child(3){ border:none}
.container01 .fr .box ul li:hover img{ -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
@keyframes jello {
from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }
22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}
.botlinks{width: 1316px;margin: 0 auto;height: 70px;line-height: 70px;}
.botlinks .link-tit{color: #062655;font-size: 26px;font-weight: bold;float:left;width:150px;}
.botlinks .links-wrap {position: relative;float: left;display: inline-block; margin:20px 10px; width: 246px; line-height: 32px; background: #fff;border:1px solid #d0d0d0;}
.botlinks .links-wrap a.links-arrow {display: block; height: 32px; line-height: 32px; padding: 0 25px 0 10px; color:#a1a1a1; background: url(../images/arrow.png) no-repeat right top;}
.botlinks .links-wrap a.links-arrow:hover,
.botlinks .wrap-open a.links-arrow { color: #333; background-position: right bottom; cursor: pointer;}
.botlinks .links-wrap .link-items {z-index:99999;display: none; position: absolute; left: 0; top: 33px; width: auto; min-width:360px; height:auto; max-height: 300px; overflow: auto; overflow-x:hidden;background: #f5f5f5;}
.botlinks .links-wrap .link-items a { display: block; line-height: 24px; padding: 5px 0; color: #444;}
.botlinks .links-wrap .link-items a span { display:block; margin:0 6px; white-space:nowrap;}
.botlinks .links-wrap .link-items a:hover { color: #fff; background: #0f429b; cursor: pointer;}
.f-link{ width:1310px; height:50px; margin:15px 0 15px 0;
}
.f-link ul li{
float:left;
list-style:none;
}
.f-link ul li img{
width: 145px;
border:0px;}
.ind_tzbox .active .first{ padding-bottom:15px; border-bottom:#e5e5e5 1px dashed; margin-bottom:12px}
.ind_tzbox .active .first h5 a{ font-size:18px; color:#333333}
.ind_tzbox .active .first h5 a:hover{ color:#083c76;}
.ind_tzbox .active .first h6{ font-size:12px; color:#999999; margin:15px 0 14px}
.ind_tzbox .active .first h6 img{ display:inline-block; margin:-3px 6px 0 0}
.ind_tzbox .active .first p{ font-size:12px; color:#999999; line-height:20px; height:40px; overflow:hidden}
.lang .c_list ul li{border-bottom:0px;}
#zhuanti{float:left; width:1310px; margin-bottom:10px;position: relative;}
#zhuanti .pe_title{ text-align:center;width:210px;overflow:hidden;}
#zhuanti .tempWrap{ width:1310px!important; margin:0px;}
.ztList{padding:20px 0;}
.ztList li{float:left; margin-right:10px;}
.hd{top: 10px;position: absolute;z-index: 99999;width: 100%;}
.hd a{width: 20px ;height:45px; position: absolute;z-index: 9999}
.hd .next{right: 0;top:10px;background:url(../images/show-btn-ico.png) 103% 8px no-repeat #CCCCCC;}
.hd .prev{left: 0px;top:10px;background:url(../images/show-btn-ico.png) 3px 8px no-repeat #CCCCCC;}