@charset "utf-8";

body
{
font-size:14px;
color:#000;
margin:0 auto;
padding:0px;
font-family:Arial,"Microsoft Yahei",Verdana,  Helvetica, sans-serif;
}
*{ margin: 0 auto; padding: 0;}
a,a:link,a:visited,a:active {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}
img{ border:none}
a:hover {
	text-decoration:none;
	color: #003171;transition: all 0.5s;
}
#allw{ width:100%; float:left}

::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background:000}
::-webkit-scrollbar-track-piece{background:#f6f6f6}
::-webkit-scrollbar-thumb:vertical{background:#d0d0d0;}
::-webkit-scrollbar-thumb:vertical:hover{background:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background:#535353}
::-webkit-scrollbar-resizer:vertical{background:#FF6E00}

div,ul,li,table
{
	color:#000;
	font-size:14px;
	font-family:"Microsoft Yahei",Verdana, Arial, Helvetica, sans-serif;
	margin:0 auto; 
	padding:0;
	list-style: none;
}
input{outline:0px}
.cl{clear: both;}


.ph,.fmenu{display:none}

/*--------------------------------------------------*/
/*首页样式*/
/*--------------------------------------------------*/
.warp{ width:1400px}

.tool{ width:100%; background:#003171; height:44px;}
.toolw{ width:1400px;height:44px; line-height:44px; color:#fff}
.toolw strong{ font-weight:normal}
.toolw a{color:#fff}
.toolw span{ float:right}

header{ width:1400px; padding-top:33px; height:100px; overflow:hidden}
header .logo{ height:66px; float:left; padding-right:15px; margin-right:15px; border-right:1px solid #eee}
header .logo img{ height:66px;}
header .publicity{ width:420px;height:66px; float:left;}
header .publicity strong{ width:100%; height:28px; line-height:28px; font-size:18px; float:left; padding-top:6px}
header .publicity span{ width:100%; height:28px; line-height:28px; font-size:16px; float:left; font-weight:normal}


header .tel{ width:155px;height:47px; float:right; background:url(../images/index_06.jpg) no-repeat; padding-left:55px; margin-top:8px}
header .tel strong{ width:100%; height:28px; font-size:26px; float:left; color:#000; margin-top:-4px; font-family:"Times New Roman", Times, serif;letter-spacing:1px}
header .tel span{ width:100%; height:20px; font-size:14px; float:left; color:#666;}

.hotkey{ width:100%; border-bottom:1px solid #eee; height:88px}
.hotkeyw{ width:1400px;height:88px; line-height:88px;}
.hotkeyw img{vertical-align:middle; align:center; margin-right:6px; margin-bottom:6px;}
.hotkeyw strong{ font-size:16px; color:#000}
.hotkeyw i:last-child{ display:none}


.cpzx{ width:100%; background:#fbfbfb; padding:60px 0 45px 0; overflow:hidden}
.cpzx_tit{ width:100%; float:left; height:158px; background:url(../images/index_23.jpg) top center no-repeat}
.cpzx_tit strong{ width:100%; float:left; height:57px; text-align:center; font-size:34px; color:#333333; padding-top:32px}
.cpzx_tit strong em{ font-style:normal;color:#003171}
.cpzx_tit h1{ width:100%; float:left; text-align:center; font-size:16px; color:#666; font-weight:normal}

.prolist{ width:100%; float:left}
.prolist dl{ display:inline}
.prolist dd{ width:450px; margin-bottom:30px; float:left;transition: all 0.3s;}
.prolist dd strong{ width:100%; height:310px; background:#fff; text-align:center; overflow:hidden; float:left}
.prolist dd strong img{ width:100%; height:310px;transition: all 0.3s;}
.prolist dd span{ width:97%; height:54px; line-height:54px; background:#eeeeee; padding-left:3%; overflow:hidden; font-size:16px; float:left;transition: all 0.3s;}
.prolist dd span i{ width:30px; height:27px; line-height:27px; color:#fff; margin-left:15px; font-style:normal; text-align:center; background:#eae9e9;font-size:20px; float:right; margin-right:3%; margin-top:12px}
.prolist dd:hover img{transform: scale(1.1);}
.prolist dd:hover span{ background:#003171; color:#fff}
.prolist dd:hover span i{ background:#003171; color:#fff; font-size:22px}
.promar{ margin-right:24px}


.jjfa{ width:100%; height:780px; overflow:hidden; padding-top:68px; background:top center; background-repeat:no-repeat}
.jjfa_tit{ width:100%; float:left; height:158px; background:url(../images/jjt.png) top center no-repeat}
.jjfa_tit strong{ width:100%; float:left; height:57px; text-align:center; font-size:34px; color:#fff; padding-top:32px}
.jjfa_tit strong em{ font-style:normal;color:#fff}
.jjfa_tit h1{ width:100%; float:left; text-align:center; font-size:16px; color:#fff; font-weight:normal}

.youshi{ width:100%; background:#fbfbfb; padding:60px 0 65px 0; overflow:hidden}
.youshi_tit{ width:100%; float:left; height:158px; background:url(../images/index_29.jpg) top center no-repeat}
.youshi_tit strong{ width:100%; float:left; height:57px; text-align:center; font-size:34px; color:#333333; padding-top:32px}
.youshi_tit strong em{ font-style:normal;color:#003171}
.youshi_tit h1{ width:100%; float:left; text-align:center; font-size:16px; color:#666; font-weight:normal}

.youshi_l{ width:700px; float:left; height:387px;}
.youshi_l img{ width:700px; height:387px;}
.youshi_r{ width:580px; float:left; height:332px; background:#fff; padding:55px 60px 0 60px}
.youshi_r strong{ width:100%; float:left; height:106px; margin-bottom:20px; font-size:38px; background:url(../images/index_36.jpg) bottom repeat-x}
.youshi_r strong i{float:left; color:#003171; margin-right:20px; font-weight:800; padding-top:1px}
.youshi_r span{ width:100%; float:left; height:170px;font-size:16px; line-height:34px; color:#999; overflow:hidden}


.about{ width:100%; height:740px; overflow:hidden; padding-top:68px; background:top center; background-repeat:no-repeat;}
.about_tit{ width:100%; float:left; height:158px; background:url(../images/about.png) top center no-repeat}
.about_tit strong{ width:100%; float:left; height:57px; text-align:center; font-size:34px; color:#fff; padding-top:32px}
.about_tit strong em{ font-style:normal;color:#fff}
.about_tit h1{ width:100%; float:left; text-align:center; font-size:16px; color:#fff; font-weight:normal}
.about_w{ width:1310px;  background:#fff; padding:50px 45px 0 45px; height:490px;border-radius:25px; float:left}
.about_w_l{ width:590px;float:left}
.about_w_l h1{ width:100%;float:left; height:60px; color:#003171;font-size:48px; font-weight:bold}
.about_w_l h2{ width:100%;float:left; height:55px; font-size:30px; font-weight:normal}
.about_w_l h3{ width:100%;float:left; height:240px; overflow:hidden; color:#666; font-weight:normal; line-height:30px; font-size:15px}
.about_w_l .button1 a{ width:200px; height:50px; line-height:50px; float:left; text-align:center; color:#fff; background:#003171; margin-right:25px; margin-top:22px}
.about_w_l .button2 a{ width:200px; height:50px; line-height:50px; float:left;text-align:center; color:#fff; background:#e60012; margin-top:22px}
.about_w_l .button1 a:hover{ background:#e60012}
.about_w_l .button2 a:hover{ background:#003171}
.about_w_r{ width:660px;float:right; height:430px}
.about_w_r img{ width:660px; height:430px}


.news{ width:100%; background:#f5f5f5; padding:20px 0 45px 0; overflow:hidden}
.news_tit{ width:100%; float:left; height:158px; background:url(../images/news.png) top center no-repeat}
.news_tit strong{ width:100%; float:left; height:57px; text-align:center; font-size:34px; color:#333333; padding-top:32px;}
.news_tit strong em{ font-style:normal;color:#003171}
.news_tit h1{ width:100%; float:left; text-align:center; font-size:16px; color:#666; font-weight:normal}

.news_left{ width:428px; float:left; padding:30px; background:#fff;height:600px}
.news_right{ width:894px; float:right;}
.news_right1{ width:834px; float:left; padding:30px 30px 0 30px; background:#fff; height:285px; margin-bottom:30px}
.news_right2{ width:834px; float:left; padding:30px 30px 0 30px; background:#fff; height:285px;}


.news_leftban{ width:100%; float:left;background:#f5f5f5; height:130px; margin-bottom:27px}
.news_leftban strong{ width:240px; float:left; color:#003171; padding:40px 0 0 26px; font-size:24px;font-weight:normal}
.news_leftban strong em{ font-size:12px; color:#999; font-style:normal; font-weight:normal; text-transform:uppercase}
.news_leftban span a{ width:28px; float:right; color:#003171;font-size:22px; height:28px; line-height:28px; border:1px solid #003171; text-align:center;border-radius:100%; margin-top:44px; margin-right:26px}
.news_leftban span a:hover{ color:#F00;border:1px solid #F00}

.news_rightban{ width:100%; float:left;height:80px;}
.news_rightban strong{ width:240px; float:left; color:#003171;font-size:24px; font-weight:normal}
.news_rightban strong em{ font-size:12px; color:#999; font-style:normal; font-weight:normal; text-transform:uppercase}
.news_rightban span a{ width:28px; float:right; color:#003171;font-size:22px; height:28px; line-height:28px; border:1px solid #003171; text-align:center;border-radius:100%; margin-top:5px;}
.news_rightban span a:hover{ color:#F00;border:1px solid #F00}

.news1a{ width:100%; float:left; margin-bottom:14px;height:278px; overflow:hidden}
.news1a img{ width:100%; height:278px;transition: all 0.3s;}
.news1b{ width:100%; float:left; height:35px; line-height:35px; font-size:18px; overflow:hidden}
.news1c{ width:100%; float:left; height:40px; line-height:40px; color:#999; font-size:14px; overflow:hidden}
.news1d{ width:100%; float:left; height:40px; line-height:40px; color:#999; font-size:14px; overflow:hidden}
.news1d strong{ width:60px; float:left; height:20px; border-bottom:1px solid #eee}
.news1d span{ float:right}
.news1a:hover img{transform: scale(1.1);}
.news1e{ width:100%; float:left; height:52px; line-height:26px; color:#999; font-size:14px; overflow:hidden; margin-top:10px; margin-bottom:15px}

.news_righta1{ width:48%; float:left; margin-right:4%}
.news_righta1:last-child{ margin-right:0 !important}

.news_righta2{ width:340px; height:250px; border:1px solid #ddd; float:left}
.news_righta2 img{ width:340px; height:250px}

.news_righta3{ width:450px;float:right}
.news_rightban2{ width:100%; float:left;height:80px;}
.news_rightban2 strong{ width:240px; float:left; color:#003171;font-size:24px; font-weight:normal}
.news_rightban2 strong em{ font-size:12px; color:#999; font-style:normal; font-weight:normal; text-transform:uppercase}
.news_rightban2 span a{ width:28px; float:right; color:#003171;font-size:22px; height:28px; line-height:28px; border:1px solid #003171; text-align:center;border-radius:100%; margin-top:5px;}
.news_rightban2 span a:hover{ color:#F00;border:1px solid #F00}

.qusetion{ width:100%; float:left;  height:30px; line-height:30px; font-size:16px; overflow:hidden; margin-bottom:10px}
.qusetion img,.answer img{ float:left; margin-right:8px; margin-top:2px}
.answer{ width:100%; float:left;  height:30px; line-height:30px; font-size:14px; color:#999; overflow:hidden; margin-bottom:25px}

.foot{ display:none}
footer{ padding-top:62px; padding-bottom:45px; width:1400px; overflow:hidden}
.footmenu{ width:910px; float:left}
.footmenu ul{ display:inline}
.footmenu ul li{float:left;max-width:210px !important; min-width:120px}
.footmenu ul li strong{ width:100%;float:left; font-size:20px; font-weight:normal; height:28px;}
.footmenu ul li span{ width:100%;float:left; font-size:12px; font-weight:normal; height:28px; color:#aaa; text-transform:uppercase}
.footmenu ul li em{ width:100%;float:left; font-size:14px; color:#666; font-weight:normal; height:32px;font-style:normal; line-height:32px}
.footmenu ul li:last-child em a{ color:#003171;}


.footerr{ float:right; width:140px; text-align:center; font-size:14px; line-height:25px; margin-left:30px; margin-top:15px}
.footerr img{width:140px; height:140px;}

.flinks{ width:100%; height:70px; border-top:1px solid #eee}
.flinksw{ width:1400px; height:70px; line-height:70px; overflow:hidden}
.flinksw img{ float:left; margin-top:18px}
.flinksw strong{ float:left; font-size:18px; font-weight:normal; margin-left:10px}
.flinksw span{ float:left; font-size:15px; font-weight:normal; color:#666; margin-left:5px; margin-right:15px}
.flinksw a{color:#666}


.copy{ width:100%; background:#003171; padding:30px 0; overflow:hidden; line-height:30px; font-size:14px; color:#fff; text-align:center}
.copy a{color:#fff}
.copy img{ vertical-align:middle; margin-right:5px}


/*--------------------------------------------------*/
/*列表样式*/
/*--------------------------------------------------*/

.product-grid{
width:290px;
position: relative;
float:left;
border:1px solid #ddd;
padding:15px 15px 10px 15px;
overflow:hidden;
border-radius:5px;
transition: all 0.3s;
margin-right:37px;
margin-bottom:40px;
}
.product-grid:nth-child(4),.product-grid:nth-child(8).product-grid:nth-child(12).product-grid:nth-child(16),.product-grid:nth-child(20){ margin-right:0}
.product-grid:hover{ border:1px solid #003171}
.product-grid:hover .title{ border-bottom:1px solid #003171}

.product-grid .product-image{
overflow: hidden;
height:200px;
position: relative;
}


.product-grid .product-image img{
height:200px;
width:100%
}

.product-grid .product-image:before{
content: "";
background: rgba(255,255,255,0.3);
width: 100%;
height: 100%;
opacity: 0;
position: absolute;
top: 0;
left: 0;
z-index: 1;
transition: all 0.4s ease-out 0s;
}
.product-grid:hover .product-image:before{ opacity: 1; }
.product-grid .product-image a{ display: block; }

.product-image .pic-1{
opacity: 1;
backface-visibility: hidden;
transition: all 0.4s ease-out 0s;
}
.product-grid:hover .product-image .pic-1{ opacity: 0; }
.product-image .pic-2{
width: 100%;
height: 100%;
opacity: 0;
backface-visibility: hidden;
transform: scale(3);
position: absolute;
top: 0;
left: 0;
transition: all 0.4s ease-out 0s;
}
.product-grid:hover .product-image .pic-2 {
opacity: 1;
transform: scale(1);
}
.product-image .product-trend-label,
.product-image .product-discount-label{
content: "";
color: #fff;
background-color: #2ecc71;
font-size: 12px;
line-height: 28px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
padding: 0 7px;
position: absolute;
top: 12px;
left: 12px;
z-index: 3;
}
.product-image .product-discount-label{
background-color: #e74c3c;;
left: auto;
right: 12px;
}
.product-grid .social {
padding: 0;
margin: 0;
list-style: none;
transform: translateY(-50%);
position: absolute;
top: 50%;
left: 10px;
z-index: 4;
}
.product-grid .social li {
margin: 0 0 12px;
opacity: 0;
transform: translateX(-60px);
transition: transform .3s ease-out 0s;
}
.product-grid:hover .social li {
opacity: 1;
transform: translateX(0);
}
.product-grid:hover .social li:nth-child(2){ transition-delay: 0.1s; }
.product-grid:hover .social li:nth-child(3){ transition-delay: 0.2s; }
.product-grid:hover .social li:nth-child(4){ transition-delay: 0.3s; }
.product-grid .social li a {
color: #fff;
font-size: 22px;
transition: all 0.3s;
}
.product-grid .social li a:hover { color: #e74c3c;; }
.product-grid .social li a:before,
.product-grid .social li a:after{
content: attr(data-tip);
color: #000;
background: #fff;
font-size: 14px;
padding: 5px 10px;
white-space: nowrap;
display: none;
transform: translateY(-50%);
position: absolute;
left: 33px;
top: 50%;
transition: all 0.3s;
}
.product-grid .social li a:after{
content: '';
background: linear-gradient(-45deg, #fff 49%, transparent 50%);
width: 10px;
height: 10px;
top: 40%;
left: 20px;
}
.product-grid .social li a:hover:before,
.product-grid .social li a:hover:after{
display: block;
}
.product-grid .product-content{ padding: 12px 0; }
.product-grid .title{
font-size: 16px;
width:100%;
height:50px;
line-height:50px;
font-weight:normal;
overflow:hidden;
border-bottom:1px solid #ddd
}


.product-grid .des{
font-size: 14px;
width:100%;
padding-top:5px;
padding-bottom:5px;
height:50px;
line-height:25px;
font-weight:normal;
overflow:hidden;
color:#999;
border-bottom:1px solid #ddd;

}

.product-grid .title a:hover{ color: #003171;}
.product-grid .price.discount{ color: #999; width:100%; height:44px; line-height:44px; float:left; font-size:12px}
.product-grid .price.discount span{ float:right; margin-top:20px}






/*幻灯片*/
.slide{width:590px;height:420px;position:relative; float:left; border:1px solid #eee; padding:10px; overflow:hidden}
#PicSlide{width:590px;overflow:hidden;_zoom:1;height:420px;}
#PicSlide .img{height:350px;overflow:hidden;_zoom:1;}
#PicSlide .title{bottom:70px;width:100%;position:absolute;}
#PicSlide .title .h3{z-index:30;line-height:20px;margin:4px 10px 0 10px;}
#PicSlide .title .h3 a{font-weight:normal;font-size:12px;color:#fff;}
#PicSlide .thumb{bottom:0;position:absolute;overflow:hidden;_zoom:1;height:70px; width:100%; float:left; margin-bottom:10px}
#PicSlide .thumb ul{z-index:20;width:660px;overflow:hidden;_zoom:1;margin-top:10px;}
#PicSlide .thumb li{width:110px;height:60px;margin-right:10px;float:left;_display:inline;}
#PicSlide .thumb .now-status{position:absolute;width:120px;height:20px;background:url(../images/slider-ico.png) no-repeat 0 0;z-index:-1;top:0;left:0;}



/*--------------------------------------------------*/
/*相关样式*/
/*--------------------------------------------------*/
.product-grida{
width:270px;
position: relative;
float:left;
border:1px solid #ddd;
padding:15px 15px 10px 15px;
overflow:hidden;
border-radius:5px;
transition: all 0.3s;

}
.xgmar{margin-right:36px;}
.product-grida:hover{ border:1px solid #003171}
.product-grida:hover .title{ border-bottom:1px solid #003171}

.product-grida .product-image{
overflow: hidden;
height:180px;
position: relative;
}


.product-grida .product-image img{
height:180px;
width:100%
}

.product-grida .product-image:before{
content: "";
background: rgba(255,255,255,0.3);
width: 100%;
height: 100%;
opacity: 0;
position: absolute;
top: 0;
left: 0;
z-index: 1;
transition: all 0.4s ease-out 0s;
}
.product-grida:hover .product-image:before{ opacity: 1; }
.product-grida .product-image a{ display: block; }

.product-image .pic-1{
opacity: 1;
backface-visibility: hidden;
transition: all 0.4s ease-out 0s;
}
.product-grida:hover .product-image .pic-1{ opacity: 0; }
.product-image .pic-2{
width: 100%;
height: 100%;
opacity: 0;
backface-visibility: hidden;
transform: scale(3);
position: absolute;
top: 0;
left: 0;
transition: all 0.4s ease-out 0s;
}
.product-grida:hover .product-image .pic-2 {
opacity: 1;
transform: scale(1);
}
.product-image .product-trend-label,
.product-image .product-discount-label{
content: "";
color: #fff;
background-color: #2ecc71;
font-size: 12px;
line-height: 28px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
padding: 0 7px;
position: absolute;
top: 12px;
left: 12px;
z-index: 3;
}
.product-image .product-discount-label{
background-color: #e74c3c;
left: auto;
right: 12px;
}
.product-grida .social {
padding: 0;
margin: 0;
list-style: none;
transform: translateY(-50%);
position: absolute;
top: 50%;
left: 10px;
z-index: 4;
}
.product-grida .social li {
margin: 0 0 12px;
opacity: 0;
transform: translateX(-60px);
transition: transform .3s ease-out 0s;
}
.product-grida:hover .social li {
opacity: 1;
transform: translateX(0);
}
.product-grida:hover .social li:nth-child(2){ transition-delay: 0.1s; }
.product-grida:hover .social li:nth-child(3){ transition-delay: 0.2s; }
.product-grida:hover .social li:nth-child(4){ transition-delay: 0.3s; }
.product-grida .social li a {
color: #fff;
font-size: 22px;
transition: all 0.3s;
}
.product-grida .social li a:hover { color: #e74c3c;; }
.product-grida .social li a:before,
.product-grida .social li a:after{
content: attr(data-tip);
color: #000;
background: #fff;
font-size: 14px;
padding: 5px 10px;
white-space: nowrap;
display: none;
transform: translateY(-50%);
position: absolute;
left: 33px;
top: 50%;
transition: all 0.3s;
}
.product-grida .social li a:after{
content: '';
background: linear-gradient(-45deg, #fff 49%, transparent 50%);
width: 10px;
height: 10px;
top: 40%;
left: 20px;
}
.product-grida .social li a:hover:before,
.product-grida .social li a:hover:after{
display: block;
}
.product-grida .product-content{ padding: 12px 0; }
.product-grida .title{
font-size: 16px;
width:100%;
height:50px;
line-height:50px;
font-weight:normal;
overflow:hidden;
border-bottom:1px solid #ddd
}


.product-grida .des{
font-size: 14px;
width:100%;
padding-top:5px;
padding-bottom:5px;
height:50px;
line-height:25px;
font-weight:normal;
overflow:hidden;
color:#999;
border-bottom:1px solid #ddd;

}

.product-grida .title a:hover{ color: #003171;}
.product-grida .price.discount{ color: #999; width:100%; height:44px; line-height:44px; float:left; font-size:12px}
.product-grida .price.discount span{ float:right; margin-top:20px}


/*--------------------------------------------------*/
/*大图切换样式*/
/*--------------------------------------------------*/

.slideBox{ width:100%; height:700px;overflow:hidden; position:relative;min-width: 990px;}
.slideBox .hd{ height:25px; overflow:hidden; position:absolute; text-align:center; width:100%; bottom:15px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1;}
.slideBox .hd ul li{cursor: pointer; width:12px; height:12px; background:#fff; margin:0 .2em;display: inline-block;border-radius:50%}
.slideBox .hd ul li.on{ background:#124c8b !important;}
.slideBox .bd{ height:700px; width: 100%; z-index:0;   }
.slideBox .bd ul li{overflow: hidden;width: 100%; height: 700px;position: relative;  }
.slideBox .bd li a{display:block; width: 990px; height: 700px; margin:0 auto; position: relative;}
#dbline{ width:100%; height:20px; border-bottom:1px dashed #ddd; margin-top:20px; float:left; margin-bottom:20px}
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

/*--------------------------------------------------*/
/*tab切换样式*/
/*--------------------------------------------------*/

.tabs{ width:100%; overflow:hidden}
.tabs .tab{ overflow:hidden; margin-bottom:33px}
.tabs .tab a{ display:block; height:58px; line-height:58px; text-align:center;float:left; width:19%; border:1px solid #ddd; margin-right:1%; font-size:16px}
.tabs .tab a:last-child{ margin-right:0}
.tabs .tab a:hover{ background:#E64E3F; color:#fff; text-decoration:none;}
.tabs .tab a.on{ background:#003171; color:#fff; border:1px solid #003171}
.tabs .tabcontent{ overflow:hidden; width:1400px; height:770px; position:relative;}
.tabs .tabcontent ul{ position:absolute; left:0; top:0; height:770px;}
.tabs .tabcontent li{ width:1400px; height:770px; float:left;}

/*--------------------------------------------------*/
/*轮播样式*/
/*--------------------------------------------------*/
.poster_box {
  overflow: hidden;
  margin: 30px 20px
}
.poster_box h2 {
  font-size: 30px;
  color: #015293;
  font-weight: bold;
  text-align: center;
}
.poster_box h3 {
  font-size: 16px;
  color: #015293;
  margin: 10px 0 35px;
  text-align: center;
}
.poster-main {
    position: relative;
    width: 100%;
    height: 540px!important;
    margin-left: auto;
    margin-right: auto;
}
.poster-main img {
    display: block;
    box-shadow: 0px 0px 10px #222222;
    -webkit-box-shadow: 0px 0px 10px #222222;
}

.poster-main a, .poster-main img {
  display: block;
  width: 100%;
  height: 100%;
}
.poster-main img {}
.poster-main .poster-list {
  width: 1000px;
  height: 500px;
}
.poster-main .poster-list .poster-item {
  width: 200px;
  height: 500px;
  position: absolute;
  left: 0;
  top: 0;
}
.poster-main .poster-list .poster-item .item {
  position: relative;
  width: 100%;
  height: 100%
}
.poster-main .poster-btn {
  position: absolute;
  top: 0;
  cursor: pointer;
  filter: opacity(.5) brightness(1);
}
.poster-main .poster-btn:hover {
  filter: opacity(1) brightness(2);
}
.poster-main .poster-prev-btn {
  left: 0;
  background: url(../images/left.png) no-repeat center center;
}
.poster-main .poster-next-btn {
  right: 0;
  background: url(../images/right.png) no-repeat center center;
}
.poster-item-title {
 background:rgba(42, 42, 42, 0.8) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/
filter:Alpha(opacity=80); background:#2a2a2a;

  color: #FFF;
  width: 100%;
  height: 52px;
  line-height: 52px;
  position: absolute;
  bottom: 0;
  text-indent: 29px
}
.lunbo_btn {
  height: 15px;
  width: 100%;
  margin: 0px auto;

  position: absolute;
  z-index: 3;
  text-align: center; bottom: 2px
}
.lunbo_btn li {
  width: 14px;
  height: 14px;
  display: inline-block;
  background-color: #fff;
  border-radius: 50%;
  margin: 0px 2px;
  cursor: pointer;
}
.lunbo_btn li.poster-btn-active {
  background-color: #3094cd;
}