/* CSS Document */
html,body{
font:16px/1.8 "微软雅黑";
color:#646464;
text-align:justify
}
.pw{ width:1332px; margin:0 auto; }
.ppw{ width:1100px; margin:0 auto; }
.banner a:link,.banner a:visited { color: #fff;}
.banner a:active,.banner a:hover { color: #fff;}
.banner{ position: relative; overflow: hidden; width: 100%; background-color: #ddd;}
.banner .item{ position: relative; width: 100%; height: 100%; overflow:hidden;}
.banner .pic{ width: 100%; height: 100%; position: absolute; background-repeat:no-repeat; background-position: center center; background-size:cover; }
.banner .pic .pimg{ width: 100%; display: block; opacity: 1; transition:transform 5s ease 0s, opacity 2s ease 0s;}
.banner .pic .pimgwap{ width: 100%; display: block; opacity: 1; transition:transform 5s ease 0s, opacity 2s ease 0s; display:none}
.banner .imgIn .pimg{ opacity: 1; transform:matrix(1.1, 0, 0, 1.1, 0, 0);}
.bannerText{ position: absolute; top: 30%; left:0; right:0; color:#fff; }
.bannerText .tx1{ max-width:100%; margin:0 auto; }
.bannerText .tx2{ text-align:center; margin-top:15px; }
.amore{ display:block; color:#fff; width:100px; height:37px; position:relative; margin:0 auto; }
.amore .ambor{ border:1px solid #fff; height:35px; line-height:35px; text-align:center; }
.amore span{ display:block; position:absolute; background:#b42c2c; }
.aline_1{ width:0; height:2px; bottom:0; left:0; transition:150ms; -webkit-transition:150ms; }
.aline_2{ width:2px; height:0; bottom:0; right:0; transition:75ms 150ms; -webkit-transition:75ms 150ms; }
.aline_3{ width:0; height:2px; top:0; right:0; transition:150ms 250ms; -webkit-transition:150ms 250ms; }
.aline_4{ width:2px; height:0; top:0; left:0; transition:75ms 400ms; -webkit-transition:75ms 400ms; }
.banner .amore{ margin-top:5.8%; }
.banner .amore:hover{ color:#b42c2c; }
.amore:hover .aline_1,
.amore:hover .aline_3{ width:100%; }
.amore:hover .aline_2,
.amore:hover .aline_4{ height:100%; }
.batxhide .tx,
.batxhide .amore{ transition:600ms; -webkit-transition:600ms; transition-timing-function:ease-out; -webkit-transition-timing-function:ease-out; transform:translateY(80px); -webkit-transform:translateY(80px); opacity:0; }
.batxhide .tx2{ transition-delay:100ms; -webkit-transition-delay:100ms; }
.batxhide .amore{ transition-delay:200ms; -webkit-transition-delay:200ms; }
.batxshow .tx,
.batxshow .amore{ transform:translateY(0); -webkit-transform:translateY(0); opacity:1; }
.banner .bx-wrapper .bx-pager{ height: 9px; bottom: 100px; padding-top: 0px; position: absolute; width: 100%; left: 0px; z-index: 99; text-align: center; line-height: 9px;}
.banner .bx-wrapper .bx-pager.bx-default-pager a{ height: 9px; line-height: 9px; width: 9px; margin: 0px 9px; display: inline-block; overflow: hidden; background: url(../image/num_21.png) no-repeat scroll center center; cursor: pointer;}
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover,.banner .bx-wrapper .bx-pager.bx-default-pager a.active{ background: url(../image/num_2.png) no-repeat scroll center center;}
.downSider{ width:30px; height:50px; background:url(../image/mouse.png) no-repeat center center; position:absolute; left:50%; margin-left:-15px; bottom: 130px; z-index:99; animation:b_jump 1.5s ease-in-out 0.1s alternate infinite; -webkit-animation:b_jump 1.5s ease-in-out 0.1s alternate infinite; cursor:pointer; }
@keyframes b_jump{
from{ transform:translateY(0); -webkit-transform:translateY(0);}
to{ transform:translateY(-10px); -webkit-transform:translateY(-10px); }
}
@-webkit-keyframes b_jump{
from{ transform:translateY(0); -webkit-transform:translateY(0); }
to{ transform:translateY(-10px); -webkit-transform:translateY(-10px); }
}
.header{
position:fixed;
top:0;
left:0;
right:0;
background: url("../image/hongdi_1.png") top;
padding:0 30px 0 55px;
z-index:9999;
height:67px;
box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.3);
}
.header .logo{
display:block;
float:left;
margin-top:10px;
}
.header a{ color:#fff !important; }
.header a:hover, .header a:active{ color:#b42c2c; }
.header .logo img{ width:100%; }
.header .nav{
float:right;
font-size:18px;margin-right: 208px;
}
.header .nav li{
float:left;
margin-left:15px;
height:65px;
line-height:66px;
position:relative;
overflow:hidden;
}
.header .nav a{
display:block;
position:relative;
height:60px;
transition:300ms;
-webkit-transition:300ms;
top:0;padding: 0 15px
}
.header .nav li:hover{border-bottom:2px #fff solid}
.header .nav .tx{
display:block;
height:64px;font-size: 18px
}
.header .nav .tx_2{ color:#fff; }
.tx_2{display: none!important}
.tool{ float:right; margin-top:26px; margin-left:40px; }
.tool a{
display:block;
width:30px;
height:30px;
float:left;
background-repeat:no-repeat;
background-image:url(../image/tool.png);
overflow:hidden;
transition:300ms;
-webkit-transition:300ms;
}
.tool .sina{ background-position:right top; margin-left:10px; }
.tool .sina:hover{ background-position:right bottom; }
.tool .weixin:hover{ background-position:left bottom; }
.popUpblack{ background:url(../image/idxico111.png) repeat; width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1010; display: none;}
.popUp { width: 220px; height: 242px; border: 5px solid #b42c2c; background: #fff; position: fixed; left: 50%; top: 50%; margin: -87px 0 0 -115px; z-index: 1004; }
.popUp .t { padding: 0 0 0 10px; height: 26px; line-height: 26px; color: #666; font-weight: bold; border-bottom: 1px solid #e8e8e8; background: #f2f2f2; }
.popUp .t .close { padding: 0 10px 0 0; float: right; cursor: pointer; color: #666; font-weight: normal; }
.popUp .img { padding: 20px; }
.popUp .img img { width: 100%; height: 100%; display: block; }
.header.pos{ top:0; bottom:auto; position:fixed; }
.idx_title{
width:1332px; margin:0 auto; padding:0; background:#fff
}
.idx_title .en{
width:100%;
}
.idx_title .en2{ display:none; }
.idx_title:hover .en1{ display:none; }
.idx_title:hover .en2{ display:block;}
.idx_title .ch{
}
.idx_title .ch p{ font-size:8px; color:#000;transition:500ms;}
.idx_line{
display:block;
background:#a1a1a1;
position:absolute;
transition:150ms;
transition-timing-function:linear;
}
.idx_line_1{
width:21px;
height:3px;
right:50%;
bottom:0;
transition-delay:300ms;
}
.idx_line_2{
width:21px;
height:3px;
left:50%;
bottom:0;
transition-delay:300ms;
}
.idx_line_3{
width:1px;
height:0;
left:0;
bottom:0;
transition-delay:150ms;
}
.idx_line_4{
width:1px;
height:0;
right:0;
bottom:0;
transition-delay:150ms;
}
.idx_line_5{
width:0;
height:1px;
left:0;
top:0;
transition-delay:0ms;
}
.idx_line_6{
width:0;
height:1px;
right:0;
top:0;
transition-delay:0ms;
}
.idx_title:hover .idx_line{ background:#b42c2c; }
.idx_title:hover .idx_line_1,
.idx_title:hover .idx_line_2{ width:50%; transition-delay:0ms; }
.idx_title:hover .idx_line_3,
.idx_title:hover .idx_line_4{ height:100%; transition-delay:150ms; }
.idx_title:hover .idx_line_5,
.idx_title:hover .idx_line_6{ width:50%; transition-delay:300ms; }
.idx_pros{
width:903px;
margin:0 auto;
background:#fff;
border-bottom:1px solid #eee;
border-right:1px solid #eee;
}
.idx_pros a{
display:block;
width:300px;
height:150px;
float:left;
color:#646464;
border:1px solid #eee;
position:relative;
border-right:0;
border-bottom:0;
overflow:hidden;
}
.idx_pros .ico,
.idx_pros .txts{
width:300px;
height:150px;
position:absolute;
top:0;
}
.idx_pros .ico{
background-repeat:no-repeat;
background-position:left center;
left:0;
transition:left 500ms;
-webkit-transition:left 500ms;
}
.idx_pros .idxp11 .ico{
background-image:url(../image/idxico111.png);
}
.idx_pros .idxp11:hover .ico{
background-image:url(../image/idxico111.png);
}
.idx_pros .idxp21 .ico{
background-image:url(../image/idxico111.png);
}
.idx_pros .idxp12 .ico{
background-image:url(../image/idxico111.png);
}
.idx_pros .idxp12:hover .ico{
background-image:url(../image/idxico111.png);
}
.idx_pros .idxp22 .ico{
background-image:url(../image/idxico111.png);
}
.idx_pros .idxp13 .ico{
background-image:url(../image/idxico111.png);
}
.idx_pros .idxp13:hover .ico{
background-image:url(../image/idxico111.png);
}
.idx_pros .idxp23 .ico{
background-image:url(../image/idxico111.png);
}
.idx_pros .txts{
transition:500ms;
-webkit-transition:500ms;
}
.idx_pros .txts .ch{
font-size:18px;
text-align:center;
margin-top:45px;
transition:500ms;
-webkit-transition:500ms;
}
.idx_pros .idxp1 .txts .ch{
color:#323232;
}
.idx_pros .txts .en{
background:url(../image/pic01.png) no-repeat center;
padding-top:25px;
margin-top:10px;
}
.idx_pros .pic{
width:300px;
height:150px;
overflow:hidden;
background-repeat:no-repeat;
background-position: center center;
background-size:cover;
position:absolute;
}
.idx_pros p.pic{ opacity:0;padding:20px 5%; width:90%; height:110px;transition:500ms;
-webkit-transition:500ms; color:#fff}
.idxp1 .pic{ top:150px;}
.idx_pros .pic img{ width:100%; }
.idx_pros .idxp2 .txts{ top:150px}
.idx_pros .idxp2 .txts .ch{ border-color:#fff; margin-top:10px;transition:500ms;
-webkit-transition:500ms; }
.idx_pros .idxp2 .txts .en{ background:url(../image/pic03.png) no-repeat center; margin-top:45px;transition:500ms;
-webkit-transition:500ms;}
.idx_pros .cover{ position:absolute; left:0; top:0; bottom:0; right:0; opacity: 0; overflow:visible; border:0 solid #b42c2c; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.idx_pros a:hover .cover{ opacity:0.8; border:150px solid #b42c2c;}
.idx_pros a:hover .ico{ left:50%; }
.idx_pros a:hover .txts{ background:#fff; }
.idx_pros a:hover p.pic{ opacity:1;}
.idx_pros .idxp1:hover { color:#fff; }
.idx_pros .idxp1:hover .txts .ch{ color:#b42c2c; margin-top:50px }
.idx_pros .idxp1:hover .txts .en{ background:url(../image/pic02.png) no-repeat center;}
.idx_pros .idxp2:hover .txts .ch{ color:#b42c2c; }
.idx_pros .idxp2:hover .txts .en{ background:url(../image/pic04.png) no-repeat center; margin-top:40px;}
.idx_pros .arrow{ width:18px; height:18px; background:url(../image/idxico111.png) no-repeat center center; position:absolute; bottom:15px; left:15%; transform:translateX(-60px); -webkit-transform:translateX(-60px); opacity:0; display:none\9; transition:500ms; -webkit-transition:500ms; }
.idx_pros a:hover .arrow{ transform:translateX(0); -webkit-transform:translateX(0); opacity:1; }
.i2{ }
.idxnews{
width:1332px;
overflow:hidden;
margin:20px auto 80px auto;
background:#f8f8f8
}
.inw-video{
width:50%;
height:100%;
float:left;
background-position:center center;
background-repeat:no-repeat;
}
#vido_logo{ display:none; }
.vico{ position: absolute; width: 69px; height: 69px; display: block; left: 50%; top: 50%; margin: -34px 0px 0px -34px;}
.vico .vi1{ background: url(../image/idxico111.png) no-repeat scroll center center; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); transition: 300ms; -webkit-transition: 300ms;}
.vico .vi2{ background: url(../image/idxico111.png) no-repeat scroll center center; width: 100%; height: 100%; display: block; position: relative; z-index: 3;}
.vico:hover .vi1 { -webkit-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); }
#vido { position: relative; overflow: hidden; height: 100% !important; display: block;}
#vido_display_button { background: none no-repeat!important; }
.inw-txts{
width:50%;
height:100%;
float:left;
background:#fff;
}
.inw-txts .bodr{
border:1px solid #eeeeee;
height:538px;
}
.inw-txts .empty{
height:70px;
position:relative;
}
.inw-txts .year{
width:20%;
float:left;
position:relative;
line-height:52px;
}
.inw-txts .year .line{
display:block;
position:absolute;
top:0;
right:0;
height:100%;
background:#eee;
width:1px;
height:100%;
}
.inw-txts .txts{
float:left;
width:70%;
margin-right:10%;
line-height:52px;
}
.inw-txts .empty .year,
.inw-txts .empty .txts{
height:100%;
}
.inews .date{
font-size:16px;
color:#000;
text-align:center;
font-weight:600;
}
.inews{
position:relative;
}
.inews a{
display:block;
color:#646464;
white-space:nowrap;
}
.inews .year a{
text-align:right;
padding-right:20px;
position:relative;
}
.inews .txts{
padding-top:52px;
}
.inews .txts a{
padding-left:20px;
text-overflow:ellipsis;
overflow:hidden;
}
.inw-txts .l_line{
display:block;
position:absolute;
top:0;
left:0;
width:90%;
height:1px;
background:#eee;
}
.inw-txts .s_line{
width:11px;
height:1px;
position:absolute;
top:50%;
display:block;
background:#eee;
right:-5px;
}
.inw-pic{
width:50%;
float:left;
height:100%;
position:relative;
overflow:hidden;
}
.inw-pic ul{
width:100%;
height:100%;
}
.inw-pic ul li{
width:100%;
height:100%;
}
.jwplayer.aspectMode {
height:100% !important;
}
.jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer; background: url(../image/idxico111.png) no-repeat!important; width: 69px!important; height: 69px!important; transform: rotate(0deg) !important; }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }
.inw-pic .owl-theme .owl-controls .owl-page {
display:block;
}
.inw-pic .owl-theme .owl-controls .owl-page span {
width: 12px;
height: 4px;
margin: 5px 0;
background:#f00;
transition:300ms;
-webkit-transition:300ms;
}
.inw-pic .owl-theme .owl-controls{
position:absolute;
top:60px;
left:20px;
}
.inw-pic .owl-theme .owl-controls .owl-page.active span{
width:22px;
}
.i3{
margin-top:4.5%;
}
.works a{
display:block;
color:#969696;
float:left;
}
.works .pic{
width:100%;
overflow:hidden;
position:relative;
}
.works .pic img{
width:100%;
transition:600ms;
-webkit-transition:600ms;
}
.works .bodr{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
border:2px solid #b42b2b;
transition:300ms;
-webkit-transition:300ms;
opacity:0;
display:none\9;
}
.works .title{
padding:40px 0;
padding-left:30px;
position:relative;
transition:background 300ms;
-webkit-transition:background 300ms;
text-align:left
}
.works .title .ch {
font-size:16px;
font-family:"宋体";
white-space:nowrap;
overflow:hidden;
}
.works .title .en{
color:#000;
}
.works .title .line{
display:block;
background:#fff;
position:absolute;
transition:300ms;
-webkit-transition:300ms;
}
.works .title .line_1{
width:24px;
height:1px;
top:50%;
right:30px;
margin-top:-1px;
transform:translateX(30px);
-webkit-transform:translateX(30px);
}
.works .title .line_2{
width:1px;
height:24px;
top:50%;
margin-top:-12px;
right:42px;
transform:translateY(30px);
-webkit-transform:translateY(30px);
}
.works a:hover .bodr{
opacity:1;
display:block\9;
}
.works a:hover .pic img{
transform:scale(1.09);
-webkit-transform:scale(1.09);
}
.works a:hover .title{
background:#b42b2b;
}
.works a:hover .title .ch{
color:#fff;
}
.works a:hover .title .en{
color:#fff;
}
.works a:hover .title .line{
transform:translate(0);
-webkit-transform:translate(0);
}
.fo-logo{
float:left;
width:200px;
}
.fo-logo img{
width:100%;
}
.fo-cta{
width:300px;
float:right;
}
.fo-cta p strong{
font-weight:normal.newsList .list .item .txt;
color:#b42b2b;
text-transform:uppercase;
}
.fo-tool{
width:300px;
float:right;
text-align:right;
font-size:0;
margin-top:60px
}
/*footer-start*/
/**************************************************************/
#footer {
}
.footer-1 {
height: 163px;
background:url(../image/footer.png);
}
.er {
width: 108px;
font-size: 14px;
color: #fff;
text-align: center;
}
.er img {
display: block;
width: 100%;
margin-bottom: 13px;
}
.foo1-1 {
width: 400px;
}
.foo1-title h1 {
margin: 0;
font-size: 14px;
color: #fff;
font-weight: bold;
text-transform: uppercase;
}
.foo1-title h2 {
margin: 0;
font-size: 14px;
color: #fff;
margin-top: 13px;
}
.foo1-dl dl {
margin: 0;
font-size: 0;
line-height: normal;
padding-top: 22px;
}
.foo1-dl dd {
display: inline-block;
}
.foo1-1 .foo1-dl dd {
width: 100%;
margin-bottom: 12px;
font-size: 14px;
color: #fff;
}
.foo1-2 {
overflow: hidden;
}
.foo1-2 .foo1-dl dd {
margin-right: 32px;
margin-bottom: 12px;
font-size: 14px;
color: #fff;
}
.foo1-2 .foo1-dl dd a:hover {
color: #fff;
}
/**************************************************************/
/*footer-over*/
.fo-tool a,
.fo-tool p{
font-size:14px;
}
.fo-tool .wxs{
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:middle;
margin-bottom:17px;
}
.fo-tool .wxs a{
width:40px;
height:30px;
float:left;
background:#eeeeee;
}
.fo-tool .wxs .ico{
width:100%;
height:100%;
display:block;
background:url(../image/ftool.png) no-repeat left top;
transition:300ms;
-webkit-transition:300ms;
}
.fo-tool .wxs .sina .ico{
background-position:right top;
}
.fo-tool .wxs a:hover{
background:#b42b2b;
}
.fo-tool .wxs .weixin:hover .ico{
background-position:left bottom;
}
.fo-tool .wxs .sina:hover .ico{
background-position:right bottom;
}
.foTop{
padding-top:7.5%;
}
.fo-nav{
float:left;
margin-top:2.5%;
clear:left
}
.fo-nav li{
float:left;
}
.fo-nav strong{
font-weight:normal;
color:#c9c9c9;
margin:0 15px;
}
.foBg{
width:100%;
height:29px;
background:url(../image/idxico111.jpg);
}
.fo-map{
margin-top:20px;
}
.fo-map .openmap{
background:#ba251e;
color:#fff;
line-height:20px;
padding:4px 0 6px 0;
cursor:pointer;
}
.fo-map .openmap .arrow{
width:20px;
height:20px;
display:block;
background:url(../image/idxico111.png) no-repeat center center;
animation:omap 1.5s linear alternate infinite;
-webkit-animation:omap 1.5s linear alternate infinite;
float:left;
}
@keyframes omap{
from{ transform:translateY(0); -webkit-transform:translateY(0);}
to{ transform:translateY(-3px); -webkit-transform:translateY(-3px); }
}
@-webkit-keyframes omap{
from{ transform:translateY(0); -webkit-transform:translateY(0); }
to{ transform:translateY(-3px); -webkit-transform:translateY(-3px); }
}
.fo-map .openmap .ch{
font-size:16px;
float:left;
margin-left:20px;
}
.fo-map .openmap .en{
text-transform:uppercase;
float:left;
margin-left:35px;
}
.indexpanel{
padding:3% 0 0 0;
}
#fomap{
width:100%;
overflow:hidden;
display:none;
}
#fomap img{ width:100%; }
/* menuBox */
.menu-handler { width: 58px; height: 58px; cursor: pointer; display: none; position:fixed; top:0; right:0; margin-left: 15px; z-index: 10000; }
.menu-handler .burger { width: 24px; height: 2px; background: #000; display: block; position: absolute; z-index: 5; top: 20px; left: 50%; margin: 0px 0px 0px -12px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.menu-handler .burger-2 { top: 27px; }
.menu-handler .burger-3 { top: 35px; }
.csstransforms .menu-handler.active .burger-1 { top: 27px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.csstransforms .menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.csstransforms .menu-handler.active .burger-3 { top: 27px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.csstransforms .trans, .csstransforms .trans:hover { -webkit-transition: all 277ms ease-in-out; -moz-transition: all 277ms ease-in-out; -o-transition: all 277ms ease-in-out; transition: all 277ms ease-in-out; -ms-transition: all 277ms ease-in-out; }
.csstransforms .trans-fast, .csstransforms .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; }
.no-csstransforms .menu-handler.active .burger-1, .no-csstransforms .menu-handler.active .burger-2, .no-csstransforms .menu-handler.active .burger-3 { display: none; }
.no-csstransforms .menu-handler.active { background: url(../image/idxico111.png) no-repeat scroll center center; }
.menuBox { position: fixed; left: 0px; top: -100%; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 9999; background-color: #f6f7f7; }
.menuBoxShow { right: 0px; }
/* .menuclose {} */
.navMobile { padding: 10% 0px 50px; }
.navMobile dd { display: block; width: 100%; text-align: center; }
.navMobile dd p{ width:200px; margin:0 auto; }
.navMobile dd p a { text-transform: uppercase; font-size: 18px; position: relative; }
.navMobile dd a { display: block; padding: 12px 0px; line-height: 1.4; font-size: 14px; color: #646464; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; }
.navMobile dd span{ display:block; position:absolute; top:50%; background:#000; width:0; height:1px; transition:300ms; -webkit-transition:300ms; }
.navMobile dd .line_1{ left:0; }
.navMobile dd .line_2{ right:0; }
.navMobile dd a:hover, .navMobile dd p a.cur { color: #bc3e3e; }
.navMobile dd a:active { color: #bc3e3e; }
.navMobile dd a:hover span, .navMobile dd p a.cur span{ width:40px; }
.mlogo{ width:175px; display:block; margin:0 auto; margin-top:20px; }
.mlogo img{ width:100%; }
.menuBox .tool{ float:none; text-align:center; font-size:0; margin:0; }
.tool a { display:inline-block; vertical-align:middle; float:none; }
/* menuBox end */
.banner .owl-theme .owl-controls{ position:absolute; left:0; right:0; font-size:0; bottom:30px; }
.banner .owl-theme .owl-controls .owl-page span { margin: 0 5px; background:#fff; vertical-align:middle; }
.banner .owl-theme .owl-controls .owl-page.active span{ background:#b42b2b; }
.banner .mtx{ display:none; }
.inw-txts .txts a:hover{ color:#d12a2a; }
.pheader{ position:fixed; top:0; left:0; right:0; z-index:889; }
.mtop{ height:82px; }
.pbanner{
position: relative;
overflow: hidden;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.pbanner .vt{
width: 100%;
display: block;
}
.pbanner .pbatxbox{
width:1100px;
position:absolute;
left:50%;
margin-left:-550px;
bottom:50px;
}
.pnav{
background:#e5e5e5;
position:relative;
}
.pnav a{ color:#fff; display:block; }
.pnav a:hover, .pnav a:active,.pnav .cnav a{ color:#646464; }
.pnav li{
float:left;
width:16.6666%;
*width:16.6%;
background:#cfa972;
line-height:43px;
text-align:center;
position:relative;
transition:300ms;
-webkit-transition:300ms;
}
.pnav li:hover,
.pnav .cnav{
background:#fff;
}
.pnav li .line{
display:block;
width:1px;
height:100%;
background:#fff;
position:absolute;
top:0;
right:0;
opacity:0.3;
filter:alpha(opacity=30);
}
.ab_title .en{
font-size:40px;
line-height:0.9;
color:#e6e6e6;
letter-spacing:-1px;
text-transform:uppercase;
}
.ab_title .en strong{
display:block;
color:#b4b4b4;
letter-spacing:0;
}
.ab_title .ch{
font-size:25px;
color:#000;
margin-top:10px;
}
.ab_title .line{
display:block;
width:42px;
height:1px;
background:#a1a1a1;
margin-top:8px;
}
.ab1 .txts,
.ab2 .txtsBox{
width:65%;
float:right;
margin-top:40px;
}
.ab1 .txts p{
width:47%;
float:left;
margin-left:6%;
text-align:justify;
}
.ab1 .txts p:first-child{
margin-left:0;
}
.ab .pic{
width:100%;
overflow:hidden;
}
.ab .pic img{
width:100%;
transition:600ms;
-webkit-transition:600ms;
}
.ab .pic:hover img{
transform:scale(1.09);
-webkit-transform:scale(1.09);
}
.ab1 .pic{
margin-top:60px;
}
.ab{ padding-bottom:6.5%; padding-top:55px }
.ab2{ background:#eeeeee; }
.ab2 .txtsBox .txts{
float:left;
width:47%;
}
.ab2 .txtsBox .txts p{ text-align:justify; }
.ab2 .txtsBox .pics{
float:left;
width:47%;
margin-left:6%;
}
.ab2 .txtsBox .pics .pic{ margin-bottom:25px; }
.ab_teams{ margin-top:7%; }
.ab_teams .team{
width:22%;
margin-left:4%;
float:left;
position:relative;
overflow:hidden;
}
.ab_teams li .team:first-child{
margin-left:0;
}
.ab_teams .team .txts{
position:absolute;
left:0;
width:100%;
height:100%;
background:#ba251e;
color:#fff;
top:95%;
transition:500ms;
-webkit-transition:500ms;
}
.ab_teams .team:hover .txts{
background:url(../image/idxico111.png);
top:0;
}
.ab_teams .team .pad{ padding:45px 5% 0 5%; }
.ab_teams .title p{
width:50%;
float:left;
overflow:hidden;
white-space:nowrap;
}
.ab_teams .title .job{
text-align:right;
}
.ab_teams .title .name{ font-size:18px; }
.ab_teams .title{ border-bottom:1px solid #fff; }
.ab_teams .team .tx{
text-align:justify;
padding-top:32px;
line-height:25px;
height:120px;
overflow:hidden;
}
.ab_teams .team .line{
height:1px;
width:90%;
background:#fff;
position:absolute;
left:5%;
bottom:20px;
}
.ab_teams .owl-theme .owl-controls .owl-page span ,
.jo_teams .owl-theme .owl-controls .owl-page span{
border:2px solid #fff;
background:#ba251e;
margin: 0px 4px;
transition:300ms;
-webkit-transition:300ms;
}
.ab_teams .owl-theme .owl-controls .owl-page.active span,
.jo_teams .owl-theme .owl-controls .owl-page.active span{
background:#fff;
border:2px solid #ba251e;
}
.owl-theme .owl-controls .owl-page{ vertical-align:middle; }
.owl-theme .owl-controls .owl-pagination{ font-size:0; }
.ab_teams .owl-theme .owl-controls,
.jo_teams .owl-theme .owl-controls{ margin-top:8%; }
.ab4{
background:#f4f4f4;
}
.abpic{ max-width:100%; margin:0 auto; margin-top:10%; }
.historyDemo{
width:688px;
margin:0 auto;
position:relative;
margin-top:25px;
}
.historyDemo ul{
width:100%;
}
.historyDemo li{
min-height:770px;
}
.historyDemo .arrow{
width:38px;
height:38px;
background:#ba251e;
border-radius:100%;
margin:0 auto;
position:relative;
margin-bottom:30px;
cursor:pointer;
z-index:1;
}
.historyDemo .arrow .ico{
display:block;
width:100%;
height:100%;
background:url(../image/idxico111.png) no-repeat center top;
transition:300ms;
-webkit-transition:300ms;
}
.historyDemo .arrow:hover .ico{
background-position:center bottom;
}
.hisCell{
width:100%;
position:relative;
}
.hisR{
width:45%;
padding-left:5%;
float:right;
position:relative;
height:115px;
}
.hisL{
width:45%;
float:left;
padding-right:5%;
position:relative;
height:115px;
}
.hisCell .txts{
width:268px;
border:1px solid #e5e5e5;
padding: 10px 20px 25px 20px;
position:relative;
transition:300ms;
-webkit-transition:300ms;
}
.hisCell .txts .date{
font-size:18px;
color:#323232;
border-bottom:1px solid #e5e5e5;
padding-bottom:8px;
position:relative;
transition:300ms;
-webkit-transition:300ms;
}
.hisCell .txts .date .line{
display:block;
width:20px;
height:7px;
background:#a0a0a0;
position:absolute;
left:5px;
bottom:-4px;
transition:300ms;
-webkit-transition:300ms;
}
.hisCell .txts .tx{
text-align:justify;
padding-top:15px;
line-height:25px;
min-height:50px;
max-height:100px;
overflow:hidden;
}
.hisCell .dot{
width:9px;
height:9px;
display:block;
position:absolute;
top:47px;
background:#a0a0a0;
border-radius:100%;
transition:300ms;
-webkit-transition:300ms;
}
.hisL .dot{
right:-5px;
}
.hisR .dot{
left:-4px;
}
.hisCell .txts .aw{
display:block;
width:10px;
color:#000;
line-height:20px;
position:absolute;
text-align:center;
top:42px;
font-family:"宋体";
}
.hisL .txts .aw{
right:-18px;
}
.hisR .txts .aw{
left:-18px;
}
.hisCell .his:hover .txts{
border-color:#ba251e;
}
.hisCell .his:hover .txts .date{
color:#ba251e;
border-color:#ba251e;
}
.hisCell .his:hover .txts .date .line,
.hisCell .his:hover .dot{
background:#ba251e;
}
.hisCell .his:hover .txts .aw{
color:#ba251e;
}
.bx-next{ font-size:0; display:block; width:100%; height:100%; }
.historyDemo .l_line{
width:1px;
height:92%;
background:#a0a0a0;
position:absolute;
left:50%;
top:5%;
}
.hisbo{
width:16px;
height:16px;
border:2px solid #e5e5e5;
margin:0 auto;
border-radius:100%;
}
.hisbo span{
display:block;
width:10px;
height:10px;
background:#a0a0a0;
margin:3px;
border-radius:100%;
}
.fixbg{
width:100%;
height:100%;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
background-attachment:fixed;
background-attachment:scroll\9;
}
.ab6{
position:relative;
}
.ab6 .fixbg{
position:absolute;
top:0;
left:0;
}
.ab6 .cover{
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
background:url(../image/idxico111.png);
}
.ab6 .ppw{
position:relative;
}
.ab6 .ab_title .en,
.ab6 .ab_title .en strong,
.ab6 .ab_title .ch{
color:#fff;
}
.ab6 .ab_title .line{
background:#fff;
}
.ab_logos{
width:1136px;
position:relative;
z-index:1;
}
.ab_logos a{
display:block;
width:248px;
margin-right:36px;
position:relative;
overflow:hidden;
float:left;
margin-top:50px;
}
.ab_logos a img{
width:100%;
}
.ab_logos .cov{
display:block;
position:absolute;
bottom:0;
right:0;
left:0;
top:0;
border:0 solid #b42b2b;
transition:300ms ease-in-out;
-webkit-transition:300ms ease-in-out;
}
.ab_logos a:hover .cov{
border:3px solid #b42b2b;
}
.top{
display:block;
width:55px;
height:35px;
position:fixed;
right:5%;
bottom:80px;
z-index:888;
background:url(../image/top.png) no-repeat center center;
transition:500ms;
-webkit-transition:500ms;
}
.top.tophide{
transform:translateY(60px);
-webkit-transform:translateY(60px);
opacity:0;
display:none\9;
}
.aboutpanel{
padding-top:4%;
}
.cpnav{
display:none;
width: 100%;
color: #FFF;
line-height: 50px;
height: 50px;
overflow: hidden;
text-align: center;
font-size: 14px;
background: #CFA972;
cursor:pointer;
}
.caret {
display: inline-block;
width: 0px;
height: 0px;
margin-left: 10px;
vertical-align: middle;
border-top: 4px solid;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.nwnav li{
width:50%;
}
.nw-news{
width:1190px;
position:relative;
}
.nw-news a{
display:block;
color:#646464;
float:left;
width:505px;
margin-right:90px;
position:relative;
overflow:hidden;
margin-bottom:65px;
}
.nw-news .pic{
width:100%;
overflow:hidden;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}
.nw-news .pic img{
width:100%;
transition:600ms;
-webkit-transition:600ms;
}
.nw-news a:hover .pic img{
transform:scale(1.09);
-webkit-transform:scale(1.09);
}
.nw-news .txts_1{
position:absolute;
bottom:0;
left:0;
right:0;
background:url(../image/idxico111.png);
color:#e6e6e6;
padding:10px 5%;
transition:600ms;
-webkit-transition:600ms;
}
.nw-news .txts_1 .date{
width:25%;
float:left;
}
.nw-news .txts_1 .tx{
width:75%;
float:left;
line-height:20px;
height:40px;
overflow:hidden;
}
.nw-news a:hover .txts_1{
bottom:-100%;
opacity:0;
}
.nw-news .txts_2{
position:absolute;
width:55%;
height:90%;
top:5%;
left:5%;
background:url(../image/idxico111.png);
color:#e6e6e6;
padding:0 10% 0 25%;
overflow:hidden;
transform:scale(0.3);
-webkit-transform:scale(0.3);
opacity:0;
display:none\9;
transition:600ms;
-webkit-transition:600ms;
}
.nw-news .txts_2 .date{
position:absolute;
bottom:15px;
left:5%;
}
.nw-news .txts_2 .date strong{
font-weight:normal;
display:block;
font-size:25px;
line-height:1;
}
.nw-news .txts_2 .ti{
border-bottom:1px solid #fff;
padding-bottom:20px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
padding-top:10px;
}
.nw-news .txts_2 .tx{
line-height:25px;
height:75px;
overflow:hidden;
padding-top:5px;
text-align:justify;
}
.nw-news .txts_2 .line{
width: 60%;
height:1px;
background:#fff;
position:absolute;
bottom:23px;
}
.nw-news .txts_2 .arrow{
width:12%;
height:10px;
background:url(../image/idxico111.png) no-repeat left center;
position:absolute;
right:0;
bottom:19px;
}
.nw-news a:hover .txts_2 {
transform:scale(1);
-webkit-transform:scale(1);
opacity:1;
display:block\9;
}
.newspanel{
padding:7.8% 0 5% 0;
}
.pager{
text-align:center;
font-size:0;
margin-top:5%;
}
.pager span{
display:inline-block;
vertical-align:middle;
*display:block;
*zoom:1;
width:10px;
height:10px;
border:1px solid #fff;
background:#ba251e;
margin:0 3px;
border-radius:100%;
transition:300ms;
-webkit-transition:300ms;
cursor:pointer;
}
.pager span:hover,
.pager span.active{
border:1px solid #ba251e;
background:#fff;
}
.nd-title{
width:100%;
color:#fff;
background-position:center center;
background-size:cover;
background-repeat:no-repeat;
text-align:center;
padding:55px 0 45px 0;
}
.nd-title .ti{
font-size:22px;
line-height:1.6;
}
.nd-title .mass{
margin-top:20px;
}
.ndtxtsBox{
width:720px;
margin:0 auto;
}
.nd-txts{
width:640px;
margin:0 auto;
padding:11.5% 0 12.5% 0;
}
.nd-txts p{
text-align:justify;
}
.nd-txts img{
max-width:100%;
margin:0 auto;
}
.swnd a{
width:50%;
color:#646464;
float:left;
font-size:12px;
line-height:28px;
display:block;
}
.swnd a strong{
font-weight:normal;
font-size:14px;
display:block;
}
.ndnext{
text-align:right;
}
.swnd{
border-bottom:1px solid #e5e5e5;
padding-bottom:13px;
}
.swnd a:hover{
color:#b42b2b;
}
.share{
margin-top:10px;
}
.share a{
width:35px;
height:35px;
float:left;
display:block;
background:url(../image/idxico111.png) no-repeat;
margin-right:8px;
transition:300ms;
-webkit-transition:300ms;
}
.share .wxin{
background-position: center top;
}
.share .qq{
background-position: right top;
}
.share .sina:hover{
background-position: left bottom;
}
.share .wxin:hover{
background-position: center bottom;
}
.share .qq:hover{
background-position: right bottom;
}
.backList{
display:block;
height:44px;
width:122px;
margin:0 auto;
text-align:center;
line-height:44px;
overflow:hidden;
color:#646464;
position:relative;
letter-spacing: 0px;
transition:300ms;
-webkit-transition:300ms;
margin-top:10.5%;
}
.backList span{
position:absolute;
display:block;
width:50%;
height:1px;
background:#cccccc;
transition:300ms;
-webkit-transition:300ms;
}
.backList .line_1{
top:0;
right:50%;
}
.backList .line_2{
top:0;
left:50%;
}
.backList .line_3{
bottom:0;
right:50%;
}
.backList .line_4{
bottom:0;
left:50%;
}
.backList:hover{
color:#b42b2b;
letter-spacing:2px;
}
.backList:hover span{
width:0;
}
.ndpanel{
padding-bottom:5%;
}
.pronav ul{
text-align:center;
font-size:0;
}
.pronav ul li{
display:inline-block;
*display:inline;
*zoom:1;
font-size:14px;
vertical-align:middle;
width:16.6666%;
*width:16.6%;
}
.pronav ul a{
display:block;
color:#646464;
line-height:15px;
text-align:center;
position:relative;
}
.pronav li .ico{
display:block;
width:100%;
height:105px;
background-repeat:no-repeat;
background-position:center -12px;
}
.pronav li .ch{
font-size:16px;
}
.pronav li .en{
font-size:12px;
letter-spacing:-1px;
color:#c8c8c8;
}
.pronav li .line{
width:90px;
height:1px;
background:#eee;
margin:0 auto;
display:block;
margin-bottom:15px;
}
.pronav a .bg{
width:170px;
height:170px;
background:#ba251e;
border-radius:100%;
position:absolute;
top:10px;
left:50%;
margin-left:-85px;
transition:300ms;
-webkit-transition:300ms;
transform:scale(1.2);
-webkit-transform:scale(1.2);
opacity:0;
display:none\9;
}
.pronav li:hover .bg,
.pronav li.act .bg{
transform:scale(1);
-webkit-transform:scale(1);
opacity:1;
display:block\9;
}
.pronav li .txts{
position:relative;
}
.pronav .pnv1 .ico{
background-image:url(../image/idxico111.png);
}
.pronav .pnv2 .ico{
background-image:url(../image/idxico111.png);
}
.pronav .pnv3 .ico{
background-image:url(../image/idxico111.png);
}
.pronav .pnv4 .ico{
background-image:url(../image/idxico111.png);
}
.pronav .pnv5 .ico{
background-image:url(../image/idxico111.png);
}
.pronav .pnv6 .ico{
background-image:url(../image/idxico111.png);
}
.pronav .pnv1:hover .ico,
.pronav .pnv1.act .ico{
background-image:url(../image/idxico111.png);
}
.pronav .pnv2:hover .ico,
.pronav .pnv2.act .ico{
background-image:url(../image/idxico111.png);
}
.pronav .pnv3:hover .ico,
.pronav .pnv3.act .ico{
background-image:url(../image/idxico111.png);
}
.pronav .pnv4:hover .ico,
.pronav .pnv4.act .ico{
background-image:url(../image/idxico111.png);
}
.pronav .pnv5:hover .ico,
.pronav .pnv5.act .ico{
background-image:url(../image/idxico111.png);
}
.pronav .pnv6:hover .ico,
.pronav .pnv6.act .ico{
background-image:url(../image/idxico111.png);
}
.pronav li:hover a,
.pronav li:hover .en,
.pronav li.act a,
.pronav li.act .en{
color:#fff;
}
.pronav li:hover .line,
.pronav li.act .line{
background:#fff;
}
.pronav li .arrow{
width:100%;
height:15px;
background:url(../image/idxico111.png) no-repeat center center;
margin-top:125px;
transition:300ms;
-webkit-transition:300ms;
opacity:0;
filter:alpha(opacity=0);
transform:translateY(30px);
-webkit-transform:translateY(30px);
}
.pronav li:hover .arrow,
.pronav li.act .arrow{
opacity:1;
filter:alpha(opacity=100);
transform:translateY(0);
-webkit-transform:translateY(0);
}
.pronav{
padding:5.5% 0 25px 0;
}
.propanel .ab_title{ text-align:center; }
.propanel .ab_title .line{ margin:0 auto; margin-top:7px; }
.ab_title .en{ color:#b4b4b4; }
.propanel{ background:#f5f5f5; padding:60px 0 9% 0; }
.pro_txts .ti{
font-size:18px;
color:#000;
background:url(../image/idxico111.png) no-repeat left center;
padding-left:3%;
}
.pro_txts p{ text-align:justify; padding-left:3%; }
.pro_txts .txts .tx{
width:30%;
float:left;
}
.pro_txts .txts .pic{
width:64%;
overflow:hidden;
margin-left:3%;
float:left;
}
.pro_txts .pic img{
transition:600ms;
-webkit-transition:600ms;
width:100%;
}
.pro_txts .pic:hover img{
transform:scale(1.09);
-webkit-transform:scale(1.09);
}
.pro_txts .txts{
margin-top:45px;
margin-bottom:7.5%;
}
.pro_txts{
margin-top:8%;
}
.prosw_pics{ margin-left: -1%;}
.prosw_pics li{
float:left;
width:19%; margin:0px 0px 4% 1%;
background:#fff;
position:relative;
cursor:pointer;
}
.prosw_pics li .bodr{
padding:30px 40px 0 40px;
border:1px solid #fff;
transition:300ms;
-webkit-transition:300ms;
position:relative;
}
.prosw_pics li .pic{
width:100%;
overflow:hidden;
}
.prosw_pics li .pic img{
width:100%;
transition:600ms;
-webkit-transition:600ms;
}
.prosw_pics li .ti{
color:#1a1a1a;
text-align:center;
line-height:1.4; height: 36px; margin: 8px 0px; font-size: 13px;
overflow:hidden;
}
.prosw_pics li:hover .bodr,
.prosw_pics li.act .bodr{
border:1px solid #ba251e;
}
.prosw_pics li:hover .pic img,
.prosw_pics li.act .pic img{
transform:scale(1.09);
-webkit-transform:scale(1.09);
}
.prosw_pics li .arrow{
width:100%;
height:25px;
position:absolute;
left:0;
right:0;
bottom:-25px;
background:url(../image/idxico111.png) no-repeat center bottom;
transform:translateY(-30px);
-webkit-transform:translateY(-30px);
opacity:0;
display:none\9;
transition:300ms;
-webkit-transition:300ms;
}
.prosw_pics li:hover .arrow,
.prosw_pics li.act .arrow{
transform:translateY(0);
-webkit-transform:translateY(0);
opacity:1;
display:block\9;
}
.prosw_pics{
margin-top:60px;
}
.prosw_txts{
margin-top:90px;
}
.prosw_txts li{
background:#fff;
padding:40px 20% 60px 20%;
}
.prosw_txts li h2{
font-size:24px;
color:#1a1a1a;
text-align:center;
margin-bottom:20px;
}
.prosw_txts li p{
text-align:justify;
}
.prosw_txts li img{
max-width:100%;
}
.pro1{
padding:45px 15% 9% 15%;
background:#fff;
margin-top:50px;
}
.pro1 .ptxts{
width:45%;
margin-left:10%;
float:left;
}
.pro1 .ptxts:first-child{
margin-left:0;
}
.pro1 .ptxts .pic{
width:245px;
height:245px;
margin:0 auto;
border-radius:100%;
overflow:hidden;
}
.pro1 .ptxts .pic img{
width:100%;
transition:600ms;
-webkit-transition:600ms;
}
.pro1 .ptxts:hover .pic img{
transform:scale(1.09);
-webkit-transform:scale(1.09);
}
.pro1 .ptxts .ti{
color:#000;
text-align:center;
border-bottom:1px solid #e5e5e5;
line-height:25px;
height:50px;
overflow:hidden;
padding-top:15px;
}
.pro1 .ptxts .tx{
text-align:justify;
padding-top:15px;
}
.prot_txts .ti,
.proth_txts .ti{
font-size:18px;
color:#000;
padding-left:30px;
background:url(../image/idxico111.png) no-repeat left center;
margin-bottom:30px;
}
.pro2{
background:#ffffff;
padding-bottom:8.5%;
}
.prot_txts .txts{
padding-left:30px;
}
.prot_txts .txts p{ text-align:justify; }
.prot_txts .tx1{
width:30%;
border-bottom:1px solid #eeeeee;
padding-bottom:20px;
}
.prot_txts .txts img{
margin:0 auto;
max-width:100%;
}
.prot_txts .txts .img1 {
margin-top:60px;
}
.prot_txts .txts .tx2{
border-left:1px solid #b63030;
padding-left:15px;
margin-top:8%;
text-align:justify;
}
.prot_txts .txts .tx2 strong{
color:#323232;
}
.prot_txts{
padding-top:8.5%;
}
.protpanel{ padding-bottom:0; }
.proBox1{ padding-bottom:5.5%; }
.proth_txts .txtsBox{ padding-left:30px; }
.proth_txts .txts{ width:30%; float:left; }
.proth_txts .pic{
overflow:hidden;
}
.proth_txts .txb1 .pic{
width:65%;
float:right;
}
.proth_txts .pic img{
width:100%;
transition:600ms;
-webkit-transition:600ms;
}
.proth_txts .pic:hover img{
transform:scale(1.09);
-webkit-transform:scale(1.09);
}
.proth_txts .txts .ti1{
color:#000000;
border-bottom:1px solid #1a1a1a;
padding-bottom:10px;
margin-bottom:8px;
}
.proth_txts .txts .tx{
text-align:justify;
}
.proth_txts .txb2 .pic{
width:30%;
float:right;
}
.proth_txts .txb2 .txts{
margin-left:5%;
}
.proth_txts .txb2 .txts:first-child{
margin-left:0;
}
.proth_txts .txb3{ margin-top:7.5%; }
.proth_txts .prothL .txts {
width: 100%;
float:none;
}
.proth_txts .prothL{
float:left;
width:32%;
}
.proth_txts .prothR{
float:right;
width:63%;
}
.proth_txts .prothL .ti2{
margin-top:10%;
}
.proth_txts{
margin-top:8.5%;
}
.proth_txts .prosiL{
width:32%;
float:right;
}
.proth_txts .prosiL .txts{ width:100%; float:none; }
.proth_txts .prosiR{ float:left; width:63%; }
.worksnav{ padding-bottom:125px; }
.workspanel{ padding-bottom:5%; }
.wk-prev,
.wk-next{
width:30px;
height:30px;
position:absolute;
top:50%;
margin-top:-15px;
cursor:pointer;
}
.wk-prev{
left:0;
background:url(../image/idxico111.png) no-repeat left center;
}
.wk-next{
right:0;
background:url(../image/idxico111.png) no-repeat right center;
}
.wk_pics{
position:relative;
width:100%;
}
.wk_pics li{
width:100%;
position:relative;
overflow:hidden;
}
.wk_pics li .pic{
width:100%;
overflow:hidden;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
}
.wk_pics li img{
width:100%;
}
.wk_pics .tx{
text-align:center;
font-size:18px;
color:#1a1a1a;
padding-top:10px;
}
.wkswnd a strong{
border-bottom:1px solid #eee;
padding-bottom:0;
}
.wkswnd{
border:none;
margin-top:10%;
}
.wkswnd a{
font-size:14px;
color:#1a1a1a;
}
.jdTi{
font-size:18px;
color:#1a1a1a;
text-align:center;
margin:20px 0;
}
#jdp{
width:865px;
margin:0 auto;
}
.jdpanel{
padding:5% 0;
}
.jonav li{ width:25%; }
.jo1 .tis{
width:228px;
border:1px solid #ba251e;
padding:23px 0 17px 0;
float:left;
margin-left:6.5%;
}
.jo1 .tis p{
font-size:18px;
color:#000;
text-align:center;
}
.jo1 .tis .line{
display:block;
width:30px;
height:1px;
background:#1a1a1a;
margin:25px auto;
}
.jo1 .tis .arrow{
width:100%;
height:10px;
background:url(../image/idxico111.png) no-repeat center center;
display:block;
animation:omap 1.5s linear alternate infinite;
-webkit-animation:omap 1.5s linear alternate infinite;
}
.jo1 .tx{
width:60%;
float:right;
text-align:justify;
}
.jo1{
padding:8.8% 0 6.2% 0;
}
.jot{
padding-left:55px;
}
.jot span{
display:block;
width:16%;
float:left;
line-height:47px;
height:47px;
overflow:hidden;
}
.jot span:first-child{
padding-left:4%;
}
.jod > span{
background:#a0a0a0;
color:#fff;
cursor:pointer;
transition:300ms;
-webkit-transition:300ms;
}
.jotxs{ position:relative; margin-bottom:30px; }
.jos{
padding-left:55px;
display:none;
}
.jos .bodr{
border:1px solid #ba251e;
padding:30px 5% 7% 5%;
border-top:0;
}
.jos .bodr span{
display:block;
border-top:1px solid #eee;
padding-top:25px;
margin-top:35px;
}
.jotxs .line{
background:#e60012;
display:block;
position:absolute;
}
.jotxs .line_1{
width:21px;
height:1px;
top:23px;
left:15px;
}
.jotxs .line_2{
width:1px;
height:21px;
top:13px;
left:25px;
}
.jotxs .arrow{
width:55px;
height:47px;
position:absolute;
top:0;
left:0;
transition:300ms;
-webkit-transition:300ms;
}
.jotxs:hover .jod > span,
.jotxs.act .jod > span {
background:#ba251e;
}
.jotxs.act .arrow{
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);
}
.jo2{
padding-bottom:6.2%;
}
.jo3{
background:#eee;
padding:5.8% 0 4.8% 0;
}
.jo_edus{
width:1140px;
margin:0 auto;
}
.jo_edus li{
width:245px;
margin:10px 20px;
background:#fff;
float:left;
}
.jo_edus a{
color:#787878;
}
.jo_edus li .pic{
width:100%;
overflow:hidden;
}
.jo_edus li .pic img{
width:100%;
transition:600ms;
-webkit-transition:600ms;
}
.jo_edus li:hover .pic img{
transform:scale(1.09);
-webkit-transform:scale(1.09);
}
.jo_edus a{
color:#646464;
}
.jo_edus a:hover,.jo_edus a:active{ color:#ba251e; }
.jo_edus li .txts{
padding:18px 5% 15px 5%;
transition:300ms;
-webkit-transition:300ms;
}
.jo_edus li .txts .ti{
color:#1a1a1a;
line-height:25px;
height:50px;
overflow:hidden;
}
.jo_edus li .txts .date{
color:#787878;
}
.jo_edus li:hover .txts{
background:#ba251e;
}
.jo_edus li:hover .txts .ti,
.jo_edus li:hover .txts .date{
color:#fff;
}
.jo_teams a{
width:33.3333%;
width:33.3%;
float:left;
display:block;
color:#1a1a1a;
transition:300ms;
-webkit-transition:300ms;border-radius: 0px 26px 0 20px;
}
.jo_teams .pic{
width: 400px;
height: 225px;
overflow: hidden;
line-height: 200px;
text-align: center;
margin: 0 auto;
padding-top: 29px;
}
.jo_teams .pic img{
width:400px;
height:225px;
transition:600ms;
-webkit-transition:600ms;
}
.jo_teams a:hover .pic img{
transform:scale(1.08);
-webkit-transform:scale(1.08);
}
.jo_teams a .tx{
padding:0 5%;
height:45px;
line-height:45px;
overflow:hidden;
}
.jo_teams a:hover{
background:#ba251e;
color:#fff;
}
.jo4{ padding:9% 0 5% 0; }
.jo_teams .owl-theme .owl-controls{
margin-top:50px;
}
.cu1 .tx1{
font-size:35px;
color:#000;
}
.cu1 p{
text-align:center;
}
.cu1 img{
margin:0 auto;
max-width:100%;
}
.cu1 .tx2{
font-size:18px;
color:#323232;
margin-top:60px;
}
.cu1 .line{
width:40px;
height:1px;
display:block;
margin:0 auto;
background:#1a1a1a;
margin-top:5px;
}
.cu1 .tx3{
margin-top:25px;
}
.cu1 .img1{
margin-top:80px;
}
.cu1{
padding:5.5% 0 50px 0;
}
.cu2{
width:100%;
position:relative;
overflow:hidden;
padding:1.5% 0 5.5% 0;
}
.cu2 .bg{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background:url(../image/idxico111.png);
}
.cu2 .ppw{
position:relative;
}
.cu2 .fixbg{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
}
.cu2 .txts,
.cu3 .txts{
text-align:center;
color:#fff;
margin-top:55px;
}
.cu2 .t1,
.cu3 .t1{
font-size:18px;
}
.cu2 .line,
.cu3 .line{
width:40px;
height:1px;
background:#fff;
display:block;
margin:0 auto;
margin-top:5px;
}
.cu2 .tx{
margin-top:25px;
}
.cu3 .line{
background:#1a1a1a;
}
.cu3 .txts{
color:#646464;
}
.cu3 .t1{
color:#323232;
}
.cu3 .tx{
margin-top:25px;
}
.cu3 .txs{
width:60%;
margin:0 auto;
}
.cu3 .txs .txs_ti{
float:left;
color:#1a1a1a;
border:1px solid #ba251e;
line-height:45px;
height:45px;
width:15%;
overflow:hidden;
text-align:center;
}
.cu3 .txs .txs_tx{
width:80%;
float:right;
text-align:justify;
}
.cu3 .txs li{
margin-top:30px;
}
.txsfo li{
width:20.5%;
margin-left:6%;
float:left;
}
.txsfo li:first-child{
margin-left:0;
}
.txsfo li .tfo_ti{
color:#1a1a1a;
}
.txsfo li .tfo_tx{
text-align:justify;
margin-top:25px;
}
.txsfo{
border-bottom:1px solid #eee;
border-top:1px solid #eee;
padding:4.5% 0 9% 0;
margin-top:9%;
}
.cu3{
padding-bottom:6.3%;
}
.cu4 .cu2{
padding:35px 0 80px 0;
}
.cu4 .cu3 .tx{
text-align:justify;
}
#map{
height:410px;
}
.ctas li{
width:25%;
float:left;
}
.ctas li .icob{
width:65px;
height:65px;
background:#b52c2c;
border-radius:100%;
margin:0 auto;
overflow:hidden;
}
.ctas li .ico{
display:block;
background-position:center center;
width:100%;
height:100%;
background-repeat:no-repeat;
transition:300ms;
-webkit-transition:300ms;
}
.ctas .cta1 .ico{
background-image:url(../image/ctaico1.png);
}
.ctas .cta2 .ico{
background-image:url(../image/ctaico2.png);
}
.ctas .cta3 .ico{
background-image:url(../image/ctaico3.png);
}
.ctas .cta4 .ico{
background-image:url(../image/ctaico4.png);
}
.ctas li .en{
text-align:center;
text-transform:uppercase;
color:#b3b3b3;
margin-top:7px;
}
.ctas li .ch{
text-align:center;
margin-top:12px;
}
.ctas li:hover .ico{
transform:translateY(-5px);
-webkit-transform:translateY(-5px);
}
.ctas{ margin-top:5.5%;}
.cta_words{
background:#f6f6f6;
padding:5% 0 5% 0;
margin-top:5%;
}
.words{
width:472px;
margin:0 auto;
}
.words .s-input{
height:33px;
background:#f6f6f6;
border:1px solid #c9c9c9;
padding-left:15px;
color:#c8c8c8;
font-family:"微软雅黑";
font-size:14px;
line-height:33px;
}
.words .s-textarea{
line-height:25px;
height:100px;
overflow:hidden;
width:454px;
margin-top:6px;
}
.words .name,
.words .phone{
width:216px;
}
.subBtn{
width:136px;
height:52px;
border:1px solid #c9c9c9;
color:#787878;
font-family:"微软雅黑";
font-size:14px;
cursor:pointer;
transition:300ms;
-webkit-transition:300ms;
margin:0 auto;
display:block;
margin-top:30px;
}
.subBtn:hover{
background:#ba251e;
color:#fff;
}
.words .s-input:focus{
border:1px solid #ba251e;
}
.load{
width:100%;
background:url(../image/idxico111.jpg) no-repeat center bottom;
position:relative;
background-size:cover;
}
.load .bbg{
width:100%;
height:29px;
bottom:0;
left:0;
right:0;
background:url(../image/idxico111.jpg);
position:absolute;
}
.load_txs img{
margin:0 auto;
max-width:100%;
}
.load_txs .la_tx1{
margin-top:28px;
}
.load_txs .la_tx2{
margin-top:7%;
}
.load_txs{
padding-top:11%;
}
.la_line{
width:230px;
height:1px;
margin:0 auto;
background:#e5e5e5;
margin-top:30px;
position:relative;
}
.la_line .line{
display:block;
position:absolute;
width:0;
height:1px;
background:#cf373d;
top:0;
left:0;
}
.enter{
width:98px;
height:36px;
border:1px solid #e5e5e5;
margin:0 auto;
position:relative;
margin-top:5%;
}
.enter .bg{
display:block;
width:100%;
height:0;
background:#cf373d;
position:absolute;
bottom:0;
left:0;
transition:300ms;
-webkit-transition:300ms;
}
.enter .tx{
display:block;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background:url(../image/idxico111.png) no-repeat center center;
}
.enDown{ cursor:pointer; }
.enDown:hover .bg{
height:100%;
}
.enDown:hover .tx{
background:url(../image/idxico111.png) no-repeat center center;
}
.transy{ transform:translateY(60px); -webkit-transform:translateY(60px); transition:700ms; -webkit-transition:700ms; transition-timing-function:ease-out; -webkit-transition-timing-function:ease-out; opacity:0; }
.tranShow{ transform:translateY(0); -webkit-transform:translateY(0); opacity:1;}
.dly_1{ transition-delay:100ms; -webkit-transition-delay:100ms; }
.dly_2{ transition-delay:200ms; -webkit-transition-delay:200ms; }
.dly_3{ transition-delay:300ms; -webkit-transition-delay:300ms; }
.dly_4{ transition-delay:400ms; -webkit-transition-delay:400ms; }
.dly_5{ transition-delay:500ms; -webkit-transition-delay:500ms; }
.dly_6{ transition-delay:600ms; -webkit-transition-delay:600ms; }
.dly_7{ transition-delay:700ms; -webkit-transition-delay:700ms; }
.ixwk-prev,.ixwk-next{ cursor:pointer; width:75px; height:75px; top:30%; position:absolute; background-repeat:no-repeat; ; z-index:200; transition:300ms; -webkit-transition:300ms;display: none }
.works{ position:relative; }
.ixwk-prev{ left:20px;background-image:url("../image/ry-left.png") }
.ixwk-next{ right:20px; background-position:right bottom;;background-image:url("../image/ry-right.png") }
/*.ixwk-next:hover{ background-position:left bottom; }
.ixwk-prev:hover{ background-position:right top; }*/
.owl-prev,.owl-next{ cursor:pointer; width:75px; height:75px; top:30%; position:absolute; background-repeat:no-repeat; ; z-index:200; transition:300ms; -webkit-transition:300ms; font-size: 0}
.works{ position:relative; }
.owl-prev{ left:-1292px;background-image:url("../image/ry-left.png") }
.owl-next{ right:0px; background-position:right top;;background-image:url("../image/ry-right.png") }
/*.ixwk-next:hover{ background-position:left bottom; }
.ixwk-prev:hover{ background-position:right top; }*/
@media screen and (max-width: 861px){
.owl-prev{left: -354px}
.owl-theme .owl-controls{bottom: 300px}
}
.pyimg{ float:left; margin-right:10px}
.pyleft{ width:300px; height:355px; float:left; }
.pyright{width:305px; height:355px; float:left;}
.pyleft .pyzi{ height:147px; border-top:1px solid #eee;border-left:1px solid #eee; padding:20px }
.pyleft .pyzi b{ font-size:16px; color:#000}
.pyright .pyzi{ height:128px; border-bottom:1px solid #eee;border-right:1px solid #eee; padding:20px }
.pyright .pyzi b{ font-size:16px; color:#000}
.idx_pros2{
width:1332px;
margin:0 auto 60px auto;
background:#fff;
}
.idx_pros2 a{ color:#646464}
.zuqiubg{ width:100%; height:433px; background:url(../image/zuqiu01.jpg) no-repeat center; margin:0 auto}
.w903{ width:100%; margin:350px auto 0 auto; }
.w903 li{ width:31.1%; display:block; float:left; padding:1.04%; }
.w903 li p{ margin:0 10px}
.biaoti{ font-size:18px; font-weight:bold }
.w903 li img{ margin-top:10px; width:100%}
.w903 a li{ background:#fff; color:#000; border:1px solid #eee}
.w903 a:hover li{ background:#d40000; color:#fff;border:1px solid #d40000}
.wangshi a{ display:block; height:300px }
.div {margin:0;padding:0;width:100%;height:200px;display:none; margin-top:30px}
.tab {margin:0;padding:0;list-style:none;overflow:hidden;font-size:16px;}
.tab li {float:left;margin-right:40px;height:30px;text-align:center;line-height:30px;cursor:pointer;}
.tab li:hover{ border-bottom:2px solid #b42c2c}
.tab li a{ color:#000}
.on {display:block;}
.tab li.cur{border-bottom:2px solid #b42c2c;}
.tab2 {margin:0;padding:0;list-style:none;overflow:hidden;font-size:16px;float: right}
.tab2 li {float:left;height:54px;text-align:center;line-height:54px;cursor:pointer; margin-bottom:2px;width: 133px}
.tab2 li a{ color:#000}
.tab2 li.cur{background: url("../image/nav-bg1.png") no-repeat center center; margin-bottom:0;color: #fff}
.tab2 li.cur a{color: #fff}
.xwch{ margin-top: 16px;font-size: 36px;color: #636363;line-height: 36px;}
.xwen{ font-size: 18px;font-family: arial; color: #636363; line-height: 24px; text-transform: uppercase;}
.xwleft{ float:left; width: 40%;margin-top: 20px;}
.xwright{ float:right;width: 55%; margin-top:-63px }
.xwimg{ display: block;width: 350px; height: 250px;}
.txt .time { margin-top: 16px; font-size: 16px;font-family: arial; color: #d82229; line-height: 14px;}
.txt .tit {margin-top: 16px;font-size: 16px;color: #7b5547;line-height: 18px;}
.txt .cont {margin-top: 14px;font-size: 14px; color: #3e3e3e;line-height: 20px;}
.txt .detail { margin-top: 8px; font-size: 12px; font-weight: bold; color: #3e3e3e; line-height: 14px;}
.newsList .list .item {display: block; width: 99%;height: 153px;margin-top: 15px;border: 1px solid #eee;transition: all ease 600ms;}
.newsList .list .item a {
display: block;
height: 96px;
padding: 12px 20px 12px 28px;
}
.newsList .list .item .time {
float: left;
padding-right: 28px;
height: 130px;
border-right: 1px solid #eee;
}
.newsList .list .item .time .day {
margin-top: 16px;
font-size: 60px;
font-family: arial;
color: #ababab;
line-height: 44px;
transition: all ease 600ms;margin-bottom: 20px
}
.newsList .list .item .time .year {
margin-top: 10px;
font-size: 16px;
color: #ababab;
line-height: 12px;
transition: all ease 600ms;float: right;margin-right: -10px
}
.newsList .list .item .txt {
float: left;
width: 83%;
margin-left: 44px;
}
.newsList .list .item .txt .tit {
margin-top: 14px;
font-size: 22px;
color: #000;
line-height: 22px;
transition: all ease 600ms;
font-weight: bold;
}
.newsList .list .item .txt .tit:hover{color: #bb1e28}
.newsList .list .item .txt .cont {
margin-top: 10px;
font-size: 16px;
color: #333;
line-height: 25px;
transition: all ease 600ms;
}
.loadmore {
display: block;
width: 100%;
height: 45px;
margin-top: 15px;
font-size: 16px;
line-height: 45px;
text-align: left;
text-indent: 6px;
background: url(../image/loadmore.png) no-repeat center center;
color: #fff;
}
.loadmore a{ color:#fff}
.loadmore s {
float: left;
display: block;
width: 23px;
height: 23px;
margin-top: 12px;
margin-left: 188px;
background-position: -270px 0px;
transition: all ease 600ms;
}
.newsCenter .newsContent .right .loadmore a {
display: block;
color: #fff;
}
.icon {
background: url(../image/icon.png) no-repeat;
display: inline-block;
vertical-align: middle;
}
.nbanner5{ width:100%; height:271px; background:url(../image/banner005.jpg) no-repeat center; margin-top:67px}
.nbanner4{ width:100%; height:271px; background:url(../image/banner004.jpg) no-repeat center; margin-top:67px}
.nbanner6{ width:100%; height:271px; background:url(../image/banner003.jpg) no-repeat center; margin-top:67px}
.nbanner3{ width:100%; height:271px; background:url(../image/banner002.jpg) no-repeat center; margin-top:67px}
.nbanner{ width:100%; height:400px; background:url(../image/banner001.jpg) no-repeat center; margin-top:67px}
.nbanner2{ width:100%; height:271px; background:url(../image/djbanner.jpg) no-repeat center; margin-top:67px}
.nmax{ width:100%}
.w1200{max-width:1332px; width:100%;margin:0 auto;}
.ncontion{ background:#fff; padding:50px 130px; }
.jituanjianjie1{ background: url(../image/jianjie-bg.png) no-repeat left center;}
.sitepath{ height:54px; line-height:54px;width: 100%;background: #fafafa}
.jituanjianjie1{width:709px ;height:336px;float: right; }
.jituanjianjie1 p{height:226px; overflow-y:scroll; overflow-x:hidden;font-size: 18px;line-height: 34px;color: #000;padding: 42px 33px;position: relative;left: -20px;padding-left: 53px;top: 30px;padding-top: 0}
.dh-1 a {
padding-left: 20px;
margin-left: 14px;
font-size: 16px;
color: #636363;
background: url(../image/siteico.png) no-repeat left center;
background-size: 4px 7px;
}
.dh-1 .home {
display: inline-block;
width: 14px;
height: 14px;
margin-top: -2px;
margin-right: -2px;
background: url(../image/home.png) no-repeat center center;
}
.wx_fix {
position: fixed !important;
_position: absolute;
top: 260px;
width: 80px;
left: 50%;
z-index: 999;
height: 490px;
overflow: hidden;
margin-left: -690px;
background: url(../image/wxfix.png) no-repeat center center;
background-size: 70px 490px;
display: block;
}
.wx_fix .wx_list {
margin-top: 26px;
text-align:center;
}
.wx_fix .wx_list li {
height: 35px;
line-height: 35px;
margin-bottom: 6px;
overflow: hidden;
}
.wx_fix .wx_list li a {
display: block;
width: 80px;
height: 35px;
}
.wx_fix .wx_list li a p {
display: block;
width: 80px;
height: 35px;
text-align: center;
line-height: 30px;
float: right;
padding-left: 8px;
*padding-left: 0px;
font-size: 13px;
color: #a78a73;
}
.wx_fix .wx_list .list li a.hover, .wx_fix .wx_list .list li a:hover {
display: block;
width: 80px;
height: 35px;
background: url(../image/wxhover.png) no-repeat center center;
background-size: 80px 35px;
color:#fff
}
.wx_fix .wx_list li a.hover p,.wx_fix .wx_list li a:hover p {
display: block;
color: #fff;
}
.nytitle{ padding-left: 18px;
font-size: 24px;
background: url(../image/protit.png) no-repeat left center;
color: #333;
line-height: 24px;
margin:20px auto;
}
.nytitle{ position:relative}
.maodian{ position:absolute; top:-100px; }
.ncontion .newsList .list .item{ float:left;}
.ncontion .newsList .list .item:nth-of-type(odd){ margin-right:90px}
.proTitList {
margin-bottom: 0px;
}
.proTitList .tab-current a, .proTitList .item:hover {
color: #fff!important;
background: url(../image/ptith.png) repeat-x center center;
}
.proTitList .item {
float: left;
margin-right: 2px;
display: block;
padding:0 40px;
height: 40px;
font-size: 16px;
line-height: 40px;
text-align: center;
color: #a78a73;
margin-bottom:10px;
background: url(../image/ptit.png) repeat-x center center;
}
.title {
margin-top:0px;
color: #333333;
margin-bottom: 5px;
font-size: 24px;
text-align: center;
}
.mark {
padding: 5px 0 10px;
text-align: center;
margin-bottom: 20px;
border-bottom: 1px solid #eee;
}
.xwlx{ width:67%; overflow:hidden; float:left; position:relative}
.xwlx img{ width:100%;}
.xintitle{ font-size:24px; color:#000; line-height:26px }
.gang{ width:10px; height:50px; float:left; background:#d93f2a; margin-right:10px}
.xintitle h1{ }
.xintitle h2{ font-size:20px; color:#bfbfbf; text-transform:uppercase}
.xintitle h2 a { float:right; font-size:16px; color:#bfbfbf}
.xinwenbox{ width:420px; float:right; margin-left:1%; height:367px; overflow:hidden}
.xinwenlist{margin-top:20px; line-height:30px}
.xinwenlist li em{width: 580px; display:block;
text-overflow: ellipsis;
white-space: nowrap;/*禁止自动换行*/
overflow: hidden;}
.xinwenlist li b{ font-style:normal;width: 70%px; display:block;
text-overflow: ellipsis;
white-space: nowrap;/*禁止自动换行*/
overflow: hidden;}
.xinwenlist a{ color:#818181; font-size:14px;}
.xinwenlist span{ float:right}
.xinwenbox02{ width:62%; padding:20px; float:left; padding-bottom:0px}
.xinwenbox03{ width:440px; float:right; }
.xinwenbox03 img{ width:100%}
.youtstitle{ background:url(../image/ytstitle.jpg) no-repeat #FFFFFF; height:140px; width:100%;}
.yztsx{ width:100%; height:161px}
.yztsx li{ float:left; display:block; width:20%}
.yztsx li:nth-child(1) a{ display:block; background:url(../image/you01a.jpg) center center no-repeat; height:161px; width:100%; }
.yztsx li:nth-child(1) a:hover{ background:url(../image/you01b.jpg) center center no-repeat; height:161px; }
.yztsx li:nth-child(2) a{ display:block; background:url(../image/you02a.jpg) center center no-repeat; height:161px; width:100%; }
.yztsx li:nth-child(2) a:hover{ background:url(../image/you02b.jpg) center center no-repeat; height:161px; }
.yztsx li:nth-child(3) a{ display:block; background:url(../image/you03a.jpg) center center no-repeat; height:161px; width:100%; }
.yztsx li:nth-child(3) a:hover{ background:url(../image/you03b.jpg) center center no-repeat; height:161px; }
.yztsx li:nth-child(4) a{ display:block; background:url(../image/you04a.jpg) center center no-repeat; height:161px; width:100%; }
.yztsx li:nth-child(4) a:hover{ background:url(../image/you04b.jpg) center center no-repeat; height:161px; }
.yztsx li:nth-child(5) a{ display:block; background:url(../image/you05a.jpg) center center no-repeat; height:161px; width:100%; }
.yztsx li:nth-child(5) a:hover{ background:url(../image/you05b.jpg) center center no-repeat; height:161px; }
.zdxm{ margin-top:20px}
.zdxm li{ width:264px; height:64px; display:block; background:#f7f7f7; border-top-left-radius:300px;border-bottom-right-radius:300px; text-align:center; font-size:20px; line-height:64px; float:left; margin:10px auto }
.zdxm li a{ color:#000;width:264px; height:64px; display:block;background:#f7f7f7; border-top-left-radius:300px;border-bottom-right-radius:300px;}
.zdxm li a:hover{ color:#fff; background:#c53926;}
/*
* Owl Carousel Owl Demo Theme
* v1.3.3
*/
.owl-theme .owl-controls{
text-align: center;
position:absolute;
bottom:220px;
z-index:899;
right:20px;
}
/* Styling Next and Prev buttons */
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
filter: Alpha(Opacity=100);/*IE7 fix*/
opacity: 1;
text-decoration: none;
}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{
display: inline-block;
zoom: 1;
*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
display: block;
width: 12px;
height: 12px;
margin: 5px 7px;
filter: Alpha(Opacity=70);/*IE7 fix*/
opacity: 0.7;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #fff;
overflow: hidden;
}
#owl-demo3 .owl-theme .owl-controls { margin-top: 10px;
text-align: center;}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
filter: Alpha(Opacity=100);/*IE7 fix*/
opacity: 1;
background:#f00
}
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers{
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.nav_child{position:absolute;left:0;top:100%;width:100%;}
.nav_child .child{position:absolute;left:0;top:0;width:100%;text-align:left;line-height:50px;height:0;overflow:hidden;background:url(../image/black61.png);}
.nav_child .child.now{transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s;height:50px;}
.nav_child .child a{color:#fff;}
.nav_child .child strong{color:#fff;padding-right:15px;margin-right:8px;display: inline-block;}
.nav_child .child p{display:inline-block;margin-right:10px;}
.nav_child .child p a{font-size:12px;margin-right:10px;}
.nav_child .child strong a{font-size:14px;}
.nav_child .child strong a:hover{color:#fff!important;}
.nav_child .child .p{display:inline-block;margin-left:450px;}
.nav_child .child p.last{margin:0;}
.nav_child .child p.last strong{margin:0;background:none;padding:0;}
.nav_child .child p.last strong a{margin:0;}
.nav_child a{ color:#c1c1c1 !important;}
.idx_zuqiu{ width:1332px; margin:0 auto}
.ldghimg{}
.ldghimg li img{ width:100%; text-align:center;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s;}
.ldghimg li:hover img{transform: scale(1.4);}
.ldghimg li{ display:block; width:31%; float:left; margin:10px 1.1%; position:relative; height:230px; overflow:hidden;}
.ldghimg li a{ display:block; color:#fff; background:url(../image/black61.png); width:80%; bottom:5px; z-index:2; position:absolute; text-align:left; line-height:24px; padding:2% 5%; left:5%; }
.ldghimg li:hover a{background:url(../image/black612.png);}
.ldbz-2 ul li span{background:url("../image/lingdao-bg.png") no-repeat top;display: block}
.ldbz-2 ul{}
.ldbz-2 ul li{float: left;width: 335px;display: inline-block;margin-right: 17px;margin-bottom: 34px}
.ldbz-2 ul li img{width: 335px;height: 188px;display: block}
.ldbz-2 ul li p{float: left;color: #fff;line-height: 53px}
.ldbz-2 ul li span p:nth-child(1){font-size: 22px;font-weight: bold;margin: 0 15px}
.ldbz-2 ul li span p:nth-child(2){font-size: 16px;}
.ldbz-2 ul li span{width:335px ;height:53px }
.ldbz-2 ul li:nth-child(1){margin-left: 320px}
.ldbz-2 ul li:nth-child(4){margin-left: 140px}
.ldbz-2 ul li:nth-child(7){margin-left: 140px}
.jiagoubox{ width:50%; float:left}
.owl-carousel li img{ margin:2% }
.jtry{ position:relative; width:100%; margin:0 auto}
.jtry .owl-pagination{ display:none}
.jtry .item{ background: #d92229;
margin: 20px;
display: block;
padding: 10px;
border-radius: 0px 10px 0 16px;}
.jtry .item img{height: 182px}
.jtry .item p{ margin-top: 0px;
color: #fff;
height: 85px;;overflow: hidden;}
.jtry .ixwk-prev,.jtry .ixwk-next{ top:31%}
.wenhuatxt{ width:40%;}
.wenhuatxt h1{ font-weight:bold; font-size:18px}
.wenhuajianju{ width:5%}
.wenhuaimg{}
.wenhuaimg2{ display:none }
.xinwentable h1{ font-size:22px; font-weight:bold;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;width: 96%;margin-bottom: 14px}
.xinwentable a{ color:#000000}
.xinwentable a:hover{ color:#d82128}
.xinwenanniu{ padding:5px 20px; background:#d82128; color:#fff; float:right; margin-top:20px;display: none}
.xinwentable td{; padding:20px 0}
.xinwentable td p{overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;/*超出3行部分显示省略号，去掉该属性 显示全部*/
-webkit-box-orient: vertical;width:96%}
.xinwentable tr{margin-bottom: 20px;display: block}
.xinwentable tr:hover{background: url("../image/list-bg.png") no-repeat top;}
.xinwentable tr:hover .xw-time{color: #fff;border-top: 2px #fff solid;}
.xinwentable tr:hover .xw-time p{color: #fff}
.xinwentable tr:hover .xinwen2 a{color: #fff}
.xinwentime{display: none}
.xinwenimg{}
.dangjianbox{ width:100%}
.dangqunbg{background:url(../image/dangjianimg.png) no-repeat right center #fff;}
.chanyebox{ width:100%; height:100%;position:fixed; }
.chanyetxt{ width:300px; background:url(../image/hongbg.png); color:#fff; margin-left:20%; position:relative}
.chanyetxt p{padding:202px 20px 50px 20px;}
.chanyetxt p b{ font-size:40px;}
.chanyebtn{ width:100%; background:url(../image/hongbg.png); height:60px;; text-align:center; line-height:60px; position:absolute; bottom:0; z-index:2; font-size:24px; display:block; color:#fff}
.wenhua{background:url(../image/wenhua.jpg) center center no-repeat; }
.lvyou{background:url(../image/lvyou.jpg) center center no-repeat; }
.keji{background:url(../image/keji.jpg) center center no-repeat; }
.dichan{background:url(../image/dichan.jpg) center center no-repeat; }
.jinrong{background:url(../image/jinrong.jpg) center center no-repeat; }
.zdbg{ background: url(../image/black61.png)}
.zhongdian01 .chanyebtn,.zhongdian02 .chanyebtn,.zhongdian03 .chanyebtn,.zhongdian04 .chanyebtn,.zhongdian01 .chanyebtn,.zhongdian05 .chanyebtn{ background: url(../image/black61.png)}
.zhongdian01{background:url(../image/csjs.jpg) center center no-repeat;}
.zhongdian02{background:url(../image/lqyd.jpg) center center no-repeat;}
.zhongdian03{background:url(../image/bwg.jpg) center center no-repeat;}
.zhongdian04{background:url(../image/cshkt.jpg) center center no-repeat;}
.zhongdian05{background:url(../image/zjjghxm.jpg) center center no-repeat;}
.lxwmtable td{ height:60px; font-size:18px; border-top:1px solid #CCCCCC}
.yztsright{ width:240px; float:right}
.yztsleft{ width:980px; float:left}
.ppw2{ width:100%; }
.cpnav2{ display:block; width:90%; background:#bb3523; color:#fff; padding:5%}
.clearfix2 li{ display:block; width:90%;padding:0 5%; background:#fff; line-height:50px }
.parentLi{ display:block; width:90%;padding:0 5%; background:#fff; line-height:50px; color:#000 }
.parentLi span{border-bottom:1px solid #DDDDDD; display:block; width:100%}
.clearfix2 li a{ color:#000; display:block; width:100%;border-bottom:1px solid #DDDDDD}
.parentLi li a{color:#000; display:block; width:100%;border-bottom:1px dashed #DDDDDD; line-height:40px}
.childrenUl
{
display: none;
}
.childrenLi
{
width: 90%;
line-height: 30px;
font-size: .9em;
margin-top: 1px;
color: #000000;
padding-left: 15px;
cursor: pointer;
}
.wapnavparent{ display:none}
.wapnav{ display:none; text-align:center; position:absolute; z-index:999; width:100%;}
.wapnavparent h1{ text-align:center; font-size:18px; display:block; background:#bb3523; color:#fff; line-height:45px}
.neirong img{ width:100%; height:auto}
.neirong h1{ font-size:28px; line-height:40px; text-align:left;color: #000}
.neirong .nrriqi{ color:#5f5f5f; text-align:center; margin-top:20px; margin-bottom:30px;display: none}
.fazhantitle{ width:20%; background:#a78a73; color:#fff; text-align:center; padding:10px 2%; float:left; margin:0 0.5%}
.fazhantitle h1{ font-size:20px}
.fazhanhover{ background:#EC0A0E}
.fazhanul li{ background:url(../image/fazhanbg02.png) no-repeat left top; padding:20px 30px 0 30px; margin:0}
.fazhanul li.tou{ background:url(../image/fazhanbg01.png) no-repeat left top; padding:0 0 0 30px; margin:0;}
.fazhanul li h1{ font-size:24px; color:#f00}
.fazhanbox{ border:1px solid #ccc; margin:0 0 0 9px; width:100%; padding-left:20px }
.neikan{ width:100%}
.neikan li{ display:block;
float: left;
width: 160px;
height: 204px;
padding-top: 16px;
margin: 40px;
margin-top: 34px;
border: 1px solid #ddd;
}
.neikan li .pic{
width: 126px;
height: 158px;
margin-left: auto;
margin-right: auto;
overflow: hidden;}
.neikan li .t{
background-color: #f6f6f6;
height: 35px;
line-height: 35px;
margin-top: 11px;
padding-left: 5px;
padding-right: 5px;
text-align: center;
overflow: hidden;}
.neikan a{ color:#000}
.neikan a:hover{ color:#d82128;}
.neikan a:hover li{ border:1px solid #d82128}
.yztsleftimg_dan{ width:100%;}
.yztsleftimg_dan img{ width:60%; margin:0 auto}
.aiguo #slide1{ background:url(../image/01.jpg) center center no-repeat}
.aiguo #slide2{ background:url(../image/02.jpg) center center no-repeat}
.aiguo #slide3{ background:url(../image/03.jpg) center center no-repeat}
.aiguo #slide4{ background:url(../image/idxico111.jpg) center center no-repeat}
.aiqing #slide1{ background:url(../image/idxico111.jpg) center center no-repeat}
.aiqing #slide2{ background:url(../image/idxico111.jpg) center center no-repeat}
.aiqing #slide3{ background:url(../image/idxico111.jpg) center center no-repeat}
.aiqing #slide4{ background:url(../image/idxico111.jpg) center center no-repeat}
.minsu #slide1{ background:url(../image/09.jpg) center center no-repeat}
.minsu #slide2{ background:url(../image/idxico111.jpg) center center no-repeat}
.minsu #slide3{ background:url(../image/idxico111.jpg) center center no-repeat}
.minsu #slide4{ background:url(../image/idxico111.jpg) center center no-repeat}
#section0 .slide .huodongbox h1{ font-size:40px}
#section0 .slide .huodongbox{ font-size:20px; color:#fff; float:right; padding:10px 20px; margin-right:8%; margin-top:350px; width:300px; background:url(../image/black61.png); border-top:5px solid #d82128}
.rybiaoti{ font-size:40px; color:#000000}
.txvideos{ padding-left:50px; background:url(../image/videospic.jpg) no-repeat 5px center;}
.jo_teams a:hover .txvideos{ background:url(../image/videospic2.jpg) no-repeat 5px center;}
.zdxmbox{ position:relative;}
.zdxmnerong{ position:absolute; left:10%; top:30%; width:270px; background:url(../image/black61.png); padding:30px; color:#fff }
.zdxmnerong h1{ font-size:30px; font-weight:bold;line-height:35px}
.zdxmnerong2{ position:absolute; right:10%; top:30%; width:270px; background:url(../image/black61.png); padding:30px; color:#fff }
.zdxmnerong2 h1{ font-size:30px; font-weight:bold; line-height:35px}
.zdxmnav{ position:absolute; z-index:22; top:82px; background:url(../image/black61.png); width:100%;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s; margin:auto}
.zdxmnavcontent{ width:1000px; margin:0 auto; color:#FFFFFF; overflow:hidden}
.zdxmnavcontent h1{ font-size:20px; margin-top:10px}
.zdxmnavcontent li{ display:block; width:190px; float:left; margin:10px; position:relative; margin-left:0; opacity:0.5}
.zdxmnavcontent li.hover{opacity:1}
.zdxmnavcontent li a{ color:#FFFFFF}
.zdxmnavcontent li p{ position:absolute; text-align:center; top:36%; width:100%; font-size:24px; display:none; }
.zdxmnavcontent li p span{text-shadow:2px 2px 2px #000;}
.zdxmnavcontent li.hover p{ display:block}
.zdxmnavcontent li:hover{opacity:1}
.zdxmnavcontent li a:hover p{ display:block;}
.jiegoutu{width:1100px; margin:0 auto }
.jiegoutu img{ width:100%}
.jiagougongsi{ width:100%}
.jiagougongsi li{ width:23%; margin-right:10px; background:url(../image/jiagoubeijing.jpg) no-repeat #ededed; display:block; float:left; height:74px; text-align:left; padding-left:70px; padding-right:10px; padding-top:25px;margin-bottom:10px}
.ywbk li{ width:17%; font-size:15px; height:350px;border:1px solid #CCCCCC; display:block; float:left; margin:10px 1%; padding:5px; text-align:center; }
.ywbk li h1{ font-size:26px; margin:10px 5px 0px 5px}
.ywbk li p{ margin:0 5px; line-height:20px; }
.gupiao { width: 20px; margin-top: 25px; position: relative;}
.gupiao:hover .gupiao-bai-wp{display: block;}
.gupiao-bai-wp{position: absolute;width: 194px;height: 112px; background-color: #fff;border-radius: 5px;left: 50%; margin-left: -97px;top:60px;display: none;box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.15);}
.gupiao a, .gupiao img { display: block; width: 100%;}
.yx-rotaion{ width:1332px;height: 743px; float:left;padding-bottom: 65px;overflow:inherit!important}
.yx-rotaion img{ width:1332px; height:743px}
.yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{position:absolute}
.yx-rotation-t{color:#fff;font-size:16px;font-family:microsoft yahei;z-index:2;bottom:0;left:10px;line-height:40px; font-weight:bold}
.yx-rotation-focus{height:40px;line-height:40px;right:20px;bottom:0;z-index:2;top:754px;left:595px;position: absolute }
.yx-rotation-focus span{width:28px;height:28px;line-height:28px;float:left;margin:5px;position:relative;cursor:pointer;text-indent:-9999px;background: url("../image/jdt-2.png") no-repeat}
.yx-rotaion-btn{width:100%;height:50px;top:50%;margin-top:-20px;}
.yx-rotaion-btn span{width:50px;height:50px;cursor:pointer;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;position:relative}
.yx-rotaion-btn .left_btn{float:left;left:10px;background: url("../image/jdt-left.png") no-repeat}
.yx-rotaion-btn .right_btn{float:right;right:10px;background: url("../image/jdt-right.png") no-repeat}
.yx-rotaion-btn span.hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8}
.yx-rotation-focus span.hover{background: url("../image/jdt-1.png") no-repeat}
.time-lb{position: absolute;top: 510px;font-weight: bold;color: #fff;font-size: 34px;background: #be0714;width:727px ;height:63px;text-align: center;line-height: 63px;border-radius: 10px ;left: 88px}
.time-text{position: absolute;top: 613px;font-weight: bold;color: #fff;font-size: 18px;width:1137px ;line-height: 38px;left: 88px;text-indent:2em}
.tswl{margin-right: 123px}
.ch2{width: 840px}
.shipin1 video{height:336px;width:597px;object-fit: fill}
.shipin1{height:336px;width:597px;float: left}
.tswl{float: left;width: 197px;height:69px;text-align: center ;background: url(../image/ydwlbg.png) center;font-size: 24px;line-height: 69px;}
.tswl a{color: #fff}
.ydwl{float: left;width: 197px;height:69px;text-align: center ;background: url(../image/tswlbg.png) center;font-size: 24px;line-height: 69px}
.ydwl a{color: #c41723}
.tsydwl{text-align: center;margin: 0 auto;width: 100%;display: block;height: 69px;margin-bottom: 30px}
.xinwentime{display: none!important}
.dq-left{background: url("../image/dq-lbg.png") no-repeat top;width: 520px;height: 450px;float: left}
.dq-left h3{font-size: 22px;line-height:30px ;color: #fff;font-weight: bold;width: 440px;padding-left: 40px;padding-top: 136px;margin-bottom: 20px}
.dq-left h3 a{color: #fff}
.dq-left p{font-size: 16px;line-height: 32px;color: #fff;width: 440px;padding-left: 40px;height: 234px;overflow: hidden;
}
.dq-left p a{color: #fff}
.dq-right img{height: 450px;width: 812px}
.dj-box1{width:433px ;height:524px;background: #fff;box-shadow: 0px 0px 20px -5px #888888;float: left;margin: 0 5px;margin-bottom: 12px;position: relative;}
.dj-box2 img{width: 405px;height: 227px;margin-bottom: 6px;margin-top: 14px;}
.dj-box2 p{width:405px;text-align: center;margin-bottom: 12px }
.dj-box2 h3{color: #000;font-size: 18px;font-weight: bold;margin-bottom: 3px;overflow: hidden}
.dj-box2{width: 405px;text-align: center;margin: 0 14px;}
@media screen and (max-width: 861px){
.dq-ckxq{display:none}
}
.dq-ckxq{width:186px!important ;height:34px;line-height: 34px;border:1px #c41723 solid;margin: 0 auto;border-radius: 30px;color: #c41723;position: absolute;
top: 463px;
left: 122px;}
.dq-jj{ overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;height: 56px;text-indent: 2em;margin-bottom: 20px!important}
.dj-box{width: 100%;height: auto;background: #f3f3f3;padding-top: 30px;margin-top: 30px;padding-bottom: 30px}
.dq-ckxq:hover{background: #c41723;color: #fff}
.lxwm2022 h3{text-align: center;color: #333333;font-size:30.6px;font-weight: bold}
.lxwm2022 img{margin-right: 161px}
.lxwm2022 img:nth-child(5){margin-right: 0;position: relative;top: 60px}