/* ֯��58��dede58.com�������õ�֯����վģ��������վ */
@charset "UTF-8";
body {
overflow-x: hidden;
overflow-y: auto;
}
body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd {
margin: 0px;
}
input, button, ul, ol {
margin: 0px;
padding: 0px;
}
body, input, button, form {
font-size: 14px;
font-family: "microsoft yahei", "����", "Arial";
color: #333333;
}
h1, h2, h3, h4, h5, h6 {
font-size: 14px;
font-weight: normal;
}
ul, ol, li {
list-style: none;
}
input {
background: none;
border: 0 none;
}
img, iframe {
border: 0px;
}
em, i {
font-style: normal;
}
button, input, select, textarea {
font-size: 100%;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.red {
color: #ba292e;
}
.fl {
float: left;
}
.fr {
float: right;
}
.tac {
text-align: center;
}
.tar {
text-align: right;
}
.poa {
position: absolute;
}
.por {
position: relative;
}
.hidden {
display: none;
}
.w1200 {
width: 1200px;
margin: 0 auto;
}
.ico {
background: url(../images/icon.png) no-repeat;
display: inline-block;
vertical-align: middle;
}
a {
color: #333333;
text-decoration: none;
}
a:hover {
color: #1048a0;
text-decoration: none;
}
a:visited {
text-decoration: none;
}
.ease, .ease * {
-webkit-transition: all ease 300ms;
-moz-transition: all ease 300ms;
-ms-transition: all ease 300ms;
-o-transition: all ease 300ms;
transition: all ease 300ms;
}
.noease, .noease * {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
:-moz-placeholder {
color: #aaa;
}
::-moz-placeholder {
color: #aaa;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #aaa;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #aaa;
}
/*��������*/
.clearfix {
*zoom: 1;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
/*top_main*/
.top_main {
width: 100%;
height: 30px;
line-height: 30px;
position: relative;
z-index: 80;
background-color: #f2f2f2;
color: #333333;
font-size: 12px;
}
.top_main li {
position: relative;
display: inline-block;
text-align: center;
margin: 0 8px;
}
.top_main li a {
color: #333333;
cursor: pointer;
}
.top_main li a:hover {
color: #1048a0;
}
.top_main .split {
display: inline-block;
width: 1px;
height: 12px;
background: #666;
vertical-align: middle;
margin: 0;
}
/*����*/
.menus{float:right;width:auto; height: 50px; line-height: 50px; margin:16px 0; margin-top:20px; width:750px;}
.menus ul{width: 100%;height: 50px; margin: 0 auto;}
.menus ul li{width:12.15%; text-align: center; float: left; padding:0 8px; display: block;}
.menus ul li a{height: 50px; display: block;color: #000; font-size: 16px; overflow: hidden;}
.menus ul li a:hover{background:#b81c25; color:#fff;}
.menus ul li a.active{color: #fff;background:#b81c25;}

/*header_main*/
.header_main {width: 100%;height:90px;z-index: 100;background: #fff;}
.header_main .logo {width:420px;height:75px;overflow:hidden;float:left; margin:8px 0; margin-top:5px;}
.header_main .logo img {max-height:100%; max-width:100%;}

/* banner */
#banner_main {overflow: hidden;position: relative;z-index: 2;max-width: 1920px;margin: 0 auto;}
#banner_main .banner {height:550px;}
#banner {width: 100%;min-width: 1000px;position: relative;overflow: hidden;z-index: 0;}
#banner, .banner ul {max-height: 550px;overflow: hidden;}
.banner li {width: 100%;position: absolute;z-index: 1;overflow: hidden;display: none;}
.banner li:first-child {display: block;}
.banner li img {width: 1920px;display: block;position: relative;left: 50%;margin-left: -960px;top: 0;}
#banner .tip {width: 1000px;height: 20px;line-height: 0;font-size: 0;text-align: center;position: absolute;left: 50%;margin-left: -500px;bottom: 42px;z-index: 3;}
#banner .tip span {width: 16px;height: 16px;margin: 0 6px;display: inline-block;font-size: 0;cursor: pointer;background-position: -150px 0px;}
#banner .tip span.cur {background-position: -130px 0px;}
#banner #btn_prev, #banner #btn_next {width: 32px;height: 50px;position: absolute;top: 250px;z-index: 5;}
#banner #btn_prev {background-position: -60px 0;left: 12%;transition: all 600ms ease;}
#banner #btn_next {background-position: -92px 0;right: 12%;transition: all 600ms ease;}
#banner #btn_prev:hover {opacity: .8;filter: alpha(opacity=80);transition: all 600ms ease;left: 11.6%;}
#banner #btn_next:hover {opacity: .8;filter: alpha(opacity=80);transition: all 600ms ease;right: 11.6%;}
/*footer*/
.left{float:left;}
.right{float:right;}
#foot_nav{ background:#b81c25; line-height:50px; text-align:center; margin-top:30px; font-size:16px; color:#fff;}
#foot_nav a{color:#fff;}
#footer{ background:#444; padding:15px 0; display:block; overflow:hidden; padding:30px 90px;}
#foot-copy{ text-align:center; line-height:36px; font-size:14px; color:#444; width:100%; margin:auto; display:block; overflow:hidden;}
#foot-copy a{ color:#444; }

#foot_left{ overflow:hidden; width:auto; height:50px;}
#foot_left h1{ font-size:37px; line-height:50px; color:#fff; float:left; font-weight:bold;}
#foot_left h1 i{ font-size:35px; color:#999999; font-family:Impact; text-transform:uppercase; margin-top:5px; padding-left:10px;}
#foot_left div{ background:url(../images/foot_cont.png) center no-repeat; width:123px; height:13px; float:left; margin-top:25px; margin-left:10px;}

#foot_tel{ display:block; overflow:hidden; width:auto; margin-top:25px;}
#foot_tel div{ background:url(../images/foot_tel.png) left no-repeat; background-size:37px;  padding-left:45px; color:#fff; float:left; }
#foot_tel div b{ font-size:14px; color:#999999; font-weight:normal; line-height:20px;}
#foot_tel div p{ font-size:34px; font-family:Impact; color:#fff; font-weight:normal; margin:0; padding:0; line-height:35px;}
#foot_tel span{ float:right; overflow:hidden; display:block; color:#c0c0c0; margin-left:65px; line-height:26px; margin-top:5px;}
#foot_tel span a{color:#c0c0c0;}
#foot_weixin{ border-left:1px solid #999999; padding-left:25px; float:right;}
#foot_weixin .img{ float:left; height:120px; width:120px;border-top:10px solid  rgba(255,255,255,0.25); border-right:10px solid  rgba(255,255,255,0.5);  border-bottom: 10px solid  rgba(255,255,255,0.15);  border-left:10px solid  rgba(200,255,255,0.25);display:block; overflow:hidden;}
#foot_weixin .img img{ max-height:100%; max-width:100%;}
#foot_weixin .name{ float:left; margin-left:20px; margin-top:30px;}
#foot_weixin .name h1{ font-size:21px; font-weight:normal; overflow:hidden; color:#fff;}
#foot_weixin .name div{ font-size:13px; color:#6a6666; display:block; overflow:hidden;}
#foot_weixin .name span{ font-size:14px; color:#fff; display:block; overflow:hidden;}

/*******index css*******/
.indexTit {color: #1048a0;overflow: hidden;text-align: center;padding: 30px 0 56px;}
.indexTit .en {text-transform: uppercase;line-height: 35px;font-family: didot;font-size: 24px;}
.indexTit h3 {font-size: 24px;color: #835026;}
.index .in_title {padding-top:40px;}
.index .in_title .entit {margin-bottom: 12px;font: normal 45px "AvantGarde Bk BT";color: #bfbfbf;text-align: center}
.index .in_title .tit {width: 300px;margin: 0 auto;font-size: 30px;font-weight: bold;text-align: center;color: #b81c25;}
.index .in_title .tit span {float: left;margin-left: 40px;}
.index .in_title .tit em {display: block;width: 50px;height: 2px;margin-top: 16px;background: #ccc;}
.index .tab {text-align: center;padding-top: 50px;}
.index .tab a {padding: 0 16px;height: 40px;line-height: 40px;background: #1048a0;font-size: 18px;display: inline-block;margin: 0 20px;color: #fff;}
.index .tab a:hover {background: #004098;}
.index .more {margin-top: 40px;}
.index .more .line {display: block;width: 500px;height: 1px;margin-top: 24px;background: #ccc;}
.index .more .look_more {display: block;width: 198px;height: 48px;font-size: 16px;line-height: 48px;text-align: center;border: 1px solid #ccc;transition: all .5s;}
.index .more .look_more:hover {background: #1048a0;color: #fff;transition: all .5s;border: 1px solid #1048a0;}
.index #floor_1_main {height: 416px;background: #f6f6f6;}
#floor_1_main .about {padding-top: 80px;}
#floor_1_main .about .item {display: block;width: 600px;height: 424px;}
#floor_1_main .about img {display: block;width: 100%;height: 100%;}
#floor_1_main .about img:hover {-webkit-filter: brightness(105%);filter: brightness(105%);}
#floor_1_main .contW {position: relative;display: block;width: 600px;height: 374px;margin-top: 50px;background: #fff;}
#floor_1_main .contW .title {margin-left: 50px;padding-top:25px;}
#floor_1_main .contW .title .entit {font: normal 45px "AvantGarde Bk BT";color: #666;}
#floor_1_main .contW .title .tit {font: bold 30px "microsoft yahei";color: #b81c25;}
#floor_1_main .contW .cont {width: 484px;margin-top:20px;margin-left: 50px;font-size: 14px;color: #666;line-height: 30px;text-align: justify;}
#floor_1_main .contW .view_detail {position: absolute;bottom: 0px;left: 50px;display: block;width: 150px;height: 38px;font-size: 14px;line-height: 38px;text-align: center;color: #fff;background: #093491;}
#floor_1_main .contW .view_detail:hover {background: #b81c25;transition: all .5s;}
#floor_2_main {background: #fff;}
#floor_2_main .floor_2 {padding-bottom: 45px;}
#floor_2_main .floor_2 .title {}
#floor_2_main .proCenter .list {width: 106%;margin-top: 38px;}
#floor_2_main .proCenter .list li {float: left;width: 380px;height: 355px;margin-top: 30px;margin-right: 30px;background: #f6f6f6;transition: all .5s;}
#floor_2_main .proCenter .list li a {display: block;padding:25px 20px 0 20px;}
#floor_2_main .proCenter .list li img {width: 320px;height: 240px;}
#floor_2_main .proCenter .list li .tit {height: 56px;font-size: 20px;text-align: center;}
#floor_2_main .proCenter .list li:first-child {margin-left: 0px;}
#floor_2_main .proCenter .list li .title {margin-top: 12px;}
#floor_2_main .proCenter .list li .tit {color: #333;}
#floor_2_main .proCenter .list li em {width: 100px;height: 26px;background: url("../images/em.png") no-repeat;transition: all .5s;}
#floor_2_main .proCenter .list li:hover {
background: #1048a0;
}
#floor_2_main .proCenter .list li:hover .tit {
color: #fff;
}
#floor_2_main .proCenter .list li:hover em {
width: 100px;
height: 26px;
background: url("../images/em1.png") no-repeat;
transition: all .5s;
}
#floor_2_main .proCenter .list li:hover img {
-webkit-filter: brightness(105%);
filter: brightness(105%);
}
/*slip*/
.index_slip {
height: 180px;
background: url("../images/ixbannerbg1.png") no-repeat center center;
}
.index_slip .slip_tit {
width: 772px;
}
.index_slip .slip_tit .tit1 {
padding-top: 50px;
font: bold 32px "microsoft yahei";
color: #fff;
}
.index_slip .slip_tit .tit2 {
margin-top: 14px;
font-size: 24px;
color: #fff;
}
.index_slip .slip_btn {
display: block;
margin-left:14px;
margin-top:64px;
width: 150px;
height: 57px; border:1px solid #fff;
background: #333 url("../images/ixbanner-btn.png") no-repeat;
font: 20px "microsoft yahei";
line-height: 56px;
text-align: center;
color: #fff;
}
.index_slip1 {
background: url("../images/ixbannerbg.jpg") no-repeat center center;
}
.index_slip1 .slip_tit {
width: 900px;
}
.index_slip1 .slip_btn {
margin-left: 94px;
}
.index_slip .slip_btn:hover {
background: url("../images/ixbanner-btn1.png") no-repeat;
}
.index_slip1 .slip_btn:hover {
background: url("../images/ixbanner-btn1.png") no-repeat;
}
/*��Ʒ����*/
#floor_3_main {
height: 606px;
background: #fff;
}
#floor_3_main .proAdvant {
margin-top: 60px;
}
#floor_3_main .proAdvant .list {
width: 106%;
}
#floor_3_main .proAdvant .list li {
float: left;
width: 278px;
margin-right: 120px;
}
#floor_3_main .proAdvant .list li a {
display: block;
}
#floor_3_main .proAdvant .list li:first-child {
margin-left: 60px;
}
#floor_3_main .proAdvant .list li .img {
width: 134px;
height: 150px;
margin: 0 auto;
transition: all .5s;
margin-left: 72px;
}
#floor_3_main .proAdvant .list li .title {
margin-top: 30px;
}
#floor_3_main .proAdvant .list li .tit {
font-size: 24px;
text-align: center;
color: #b81c25;
}
#floor_3_main .proAdvant .list li .cont {
margin-top: 20px;
font-size: 14px;
line-height: 24px;
text-align: center;
color: #666;
}
#floor_3_main .proAdvant .list li:hover .img {
margin-top: -10px;
transition: all .5s;
}
#floor_3_main .proAdvant .list li:hover .tit {
font-weight: bold;
}
/*���̰���*/
#floor_4_main {
background: #f6f6f6;
padding-bottom: 45px;
}
#floor_4_main .floor_4 {
}
#floor_4_main .proCase {
position: relative;
margin-top: 60px;
}
#floor_4_main .proCase .list {
width: 106%;
}
#floor_4_main .proCase .list li {
position: relative;
display: block;
float: left;
width: 380px;
height: 400px;
margin-right: 30px;
border: 1px solid #ddd;
background: #fff;
transition: all ease 600ms;
}
#floor_4_main .proCase .list li a {
display: block;
padding: 30px;
/*padding-bottom: 80px;*/
}
#floor_4_main .proCase .list li a img {
display: block;
width: 320px;
height: 240px;
}
#floor_4_main .proCase .list li .title {
margin-top: 20px;
}
#floor_4_main .proCase .list li .tit {
font-size: 20px;
color: #333;
}
#floor_4_main .proCase .list li .cont {
margin-top: 12px;
font-size: 14px;
color: #333;
}
#floor_4_main .proCase .list li .view_detail {
position: absolute;
bottom: 30px;
left: 30px;
display: block;
width: 120px;
height: 32px;
font-size: 14px;
line-height: 30px;
text-align: center;
background: #b81c25;
color: #fff;
}
#floor_4_main .proCase .list li:hover {
border: 1px solid #1048a0;
background: #1048a0;
transition: all ease 600ms;
}
#floor_4_main .proCase .list li:hover .tit {
color: #fff;
}
#floor_4_main .proCase .list li:hover .cont {
color: #c1d4f1;
}
#floor_4_main .proCase .list li:hover .view_detail {
background: #fff;
color: #1048a0;
}
#floor_4_main .proCase .hd {
position: absolute;
width: 100%;
}
#floor_4_main .proCase .hd .prev {
width: 42px;
height: 42px;
background-position: 0px -60px;
cursor: pointer;
position: absolute;
top: -200px;
left: -80px;
transition: all ease 600ms;
}
#floor_4_main .proCase .hd .next {
width: 42px;
height: 42px;
background-position: -126px -60px;
cursor: pointer;
position: absolute;
top: -200px;
right: -80px;
transition: all ease 600ms;
}
#floor_4_main .proCase .hd .prev:hover {
background-position: -42px -60px;
transition: all ease 600ms;
}
#floor_4_main .proCase .hd .next:hover {
background-position: -84px -60px;
transition: all ease 600ms;
}
/*���Ŷ�̬*/
#floor_5_main {
padding-top: 80px;
padding-bottom: 45px;
background: #fff;
}
#floor_5_main .inews {
position: relative;
margin-top: 20px;
}
#floor_5_main .ulWrap .list {
width: 100%;
height: 360px;
}
#floor_5_main .ulWrap .list li {
display: block;
float: left;
/*width: 582px;*/
height: 148px;
border: 1px solid #ddd;
background: #f6f6f6;
margin-top: 30px; padding:0 18px;
margin-right: 30px;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
#floor_5_main .ulWrap .list li a {height: 150px;}
#floor_5_main .ulWrap .list li .time {
width: 66px;
margin-top: 40px;
margin-left:15px; margin-right:10px;
}
#floor_5_main .ulWrap .list li .time .day {
font: normal 60px "arial";
color: #999;
line-height: 50px;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
#floor_5_main .ulWrap .list li .time .year {
margin-top: 8px;
font: normal 16px "arial"; padding-top:20px;
color: #666;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
#floor_5_main .ulWrap .list li .title {
display: block;
width: 420px;
margin-top:25px;
margin-left: 14px;
}
#floor_5_main .ulWrap .list li .title .tit {
font-size: 20px;
color: #333;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
#floor_5_main .ulWrap .list li .title .cont {
margin-top: 8px;
font-size: 14px;
color: #666;
line-height: 20px;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
 letter-spacing: 0;
      overflow: hidden;
      display: -webkit-box;
      text-overflow: ellipsis;
      -webkit-line-clamp: 2;  /*Ҫ��ʾ������*/
      -webkit-box-orient: vertical;
}
#floor_5_main .ulWrap .list li .title .cont div{ overflow:hidden;}
#floor_5_main .ulWrap .list li:hover {
background: #1048a0;
border: 1px solid #1048a0;
}
#floor_5_main .ulWrap .list li:hover .time .day {
color: #c1d4f1;
}
#floor_5_main .ulWrap .list li:hover .time .year {
color: #c1d4f1;
}
#floor_5_main .ulWrap .list li:hover .title .tit {
color: #fff;
}
#floor_5_main .ulWrap .list li:hover .title .cont {
color: #c1d4f1;
}
#floor_5_main .inews .hd {
position: absolute;
width: 100%;
top: 100%;
}
#floor_5_main .inews .hd .prev {
width: 42px;
height: 42px;
background-position: 0px -60px;
cursor: pointer;
position: absolute;
top: -200px;
left: -80px;
transition: all ease 600ms;
}
#floor_5_main .inews .hd .next {
width: 42px;
height: 42px;
background-position: -126px -60px;
cursor: pointer;
position: absolute;
top: -200px;
right: -80px;
transition: all ease 600ms;
}
#floor_5_main .inews .hd .prev:hover {
background-position: -42px -60px;
transition: all ease 600ms;
}
#floor_5_main .inews .hd .next:hover {
background-position: -84px -60px;
transition: all ease 600ms;
}
/*******��ҳ��ʽ********/
.nybanner {
width: 100%;
height: 300px;
overflow: hidden;
position: relative;
}
.nybanner img {
width: 1920px;
display: block;
position: absolute;
left: 50%;
margin-left: -960px;
top: 0;
}
.submian {
/*padding-bottom: 30px;*/
}
.submian .sobtitle {
height: 30px;
line-height: 30px;
padding: 10px 0px 10px;
margin-bottom: 20px;
font-size: 14px;
border-bottom: 1px solid #f1f1f1;
}
.submian .sobtitle s {
width: 14px;
height: 14px;
margin-right: 10px;
background-position: -129px -30px;
}
.submian .sobtitle a {
font-size: 14px;
color: #333
}
.submian .sobtitle a:hover {
color: #1048a0;
}
.submian .sobtitle a.now {
color: #1048a0;
font-size: 14px;
font-weight: bold;
}
.submian .sobtitle a.now:hover {
text-decoration: underline;
}
.submian .subleft {
width: 245px;
}
.submian .subleft .title {
background: url(../images/bg5.jpg) no-repeat left;
height: 102px;
color: #fff;
font-size: 20px;
font-weight: bold;
padding-right: 29px;
}
.submian .subleft .title h2 {
line-height: 102px;
text-align: center;
font-size: 20px;
font-weight: bold;
}
.submian .subleft .title i {
font-size: 20px;
font-weight: bold;
color: #fff;
padding-left: 13px;
padding-top: 2px;
}
.submian .subleft .bort9 {
border-top: 9px solid #007eb9;
border-radius: 5px 5px 0px 0px;
}
.submian .subleft .bor9 {
border-bottom: 9px solid #eaeaea;
}
.submian .subleft .lefta {
width: 245px;
margin-bottom: 10px;
}
.submian .subleft .lefta .comt {
background: #fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.submian .subleft .lefta .comt ul {border: 1px solid #ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.submian .subleft .lefta .comt ul li a {
background: #fff url(../images/tb9.png) 213px center no-repeat;
border-top: 1px solid #eaeaea;
line-height: 60px;
height: 60px;
display: block;
padding-left:15px; padding-right:10px;
font-size: 14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.submian .subleft .lefta .comt ul li .box {
padding: 10px 0px;

display: none;
}
.submian .subleft .lefta .comt ul li .box a {
height: 30px;
line-height: 30px;
display: block;
color: #888;
border: 0px;
}
.submian .subleft .lefta .comt ul li .box a:hover {
color: #007eb9;
background: none;
}
.submian .subleft .lefta .comt ul li:hover a, .submian .subleft .lefta .comt ul li.hover a {
background: #1048a0 url(../images/tb11.png) 213px center no-repeat;
font-weight: bold;
color: #fff
}
.submian .subleft .lefta .comt ul li.hover a {
background: #1048a0 url(../images/tb11.png) 213px center no-repeat;
font-weight: bold;
color: #fff
}
.submian .subleft .lefta .comt ul li.hover .box a {
background: none;
font-weight: normal;
}
.submian .subleft .lefta .comt ul li.hover .box a.hover {
color: #007eb9;
font-weight: bold;
}
.submian .subleft .lefta .comt1 ul li a {
background: #fff url(../images/jia.png) 213px center no-repeat;
border-top: 1px solid #eaeaea;
line-height: 60px;
height: 60px;
display: block;
padding-left: 25px;
font-size: 14px;
}
.submian .subleft .lefta .comt1 ul li .box {
padding: 10px 0px;
display: none;
}
.submian .subleft .lefta .comt1 ul li .box a {
height: 30px;
line-height: 30px;
display: block;
color: #888;
border: 0px;
}
.submian .subleft .lefta .comt1 ul li .box a:hover {
color: #007eb9;
background: none;
}
.submian .subleft .lefta .comt1 ul li:hover a, .submian .subleft .lefta .comt1 ul li.hover a {
background: #1048a0 url(../images/jia1.png) 213px center no-repeat;
font-weight: bold;
color: #fff
}
.submian .subleft .lefta .comt1 ul li.hover a {
background: #1048a0 url(../images/jian.png) 213px center no-repeat;
font-weight: bold;
color: #fff
}
.submian .subleft .lefta .comt ul li .boxlist {
padding: 0;
display: none;
border: none;
}
.submian .subleft .lefta .comt ul li .boxlist li {
line-height: 50px;
background: #b1aeae;
}
.submian .subleft .lefta .comt ul li .boxlist li a {
height: 40px;
padding-left: 45px;
color: #333;
font-weight: normal;
border-bottom: 0;
line-height: 40px;
background: #f6f6f6 url(../images/tb12.png) 26px center no-repeat;
border-top: none;
}
.submian .subleft .lefta .comt ul li .boxlist li a:hover, .submian .subleft .lefta .comt ul li .boxlist li a.hover {
color: #1048a0;
font-weight: bold
}
.submian .subleft .lefta .comt ul li.hover .boxlist {
display: block;
}
.submian .subright .anlitopH4 {
background: #fff;
}
.submian .subright .anlitopH4 {
height: 38px;
line-height: 38px;
border: 1px solid #e4e4e4;
margin-top: 20px;
}
.submian .subright .anlitopH4 span {
border-left: 5px solid #1048a0;
height: 38px;
line-height: 38px;
padding-left: 22px;
display: block;
float: left;
color: #1048a0;
font-weight: bold;
font-size: 14px;
}
.submian .subright .divanli {
border: 1px solid #e4e4e4;
border-top: none;
margin-bottom: 10px;
padding: 15px;
}
.submian .subright .divanli ul {
width: 105%;
height: 185px;
}
.submian .subright .divanli ul li {
float: left;
margin-left: 10px;
}
.submian .subright .divanli ul li:first-child {
margin-left: 0;
}
.submian .subright .divanli ul li a img {
width: 194px;
height: 143px;
display: block;
border: solid 1px #e4e4e4;
}
.submian .subright .divanli ul li a span {
height: 45px;
line-height: 45px;
text-align: center;
display: block;
width: 170px;
}
.submian .subright .divanli ul li a:hover img {
border-color: #007eb9;
}
.submian .subright .divanli ul li a:hover span {
color: #007eb9;
font-weight: bold;
}
.submian .subright .divremmnews {
border: 1px solid #e4e4e4;
border-top: none;
margin-bottom: 10px;
padding: 15px;
background-color: #fff;
}
.submian .subright .divremmnews ul {
width: 100%;
overflow: hidden;
}
.submian .subright .divremmnews ul li {
float: left;
width: 47%;
height: 35px;
line-height: 35px;
margin: 0 1.5%;
border-bottom: 1px dashed #ccc;
}
.submian .subright .divremmnews ul li a {
height: 35px;
line-height: 35px;
float: left;
overflow: hidden;
}
.submian .subright .divremmnews ul li span {
color: #666;
float: right;
height: 35px;
line-height: 35px;
white-space: nowrap
}
.submian .subright .divremmnews ul li a:hover {
color: #1048a0;
}
.map_ul {
list-style: outside none none;
display: block;
width: 100%;
padding-top: 10px;
}
.map_ul li {
display: block;
width: 100%;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #DCDBDB;
margin-left: 10px;
float: left;
}
.map_ul li a {
font-size: 14px;
float: left;
width: 100%;
height: 23px;
line-height: 23px;
font-weight: bold;
}
.map_ul .list-inline {
display: block;
margin-left: 14%;
width: 80%;
min-height: 30px;
}
.map_ul .list-inline a {
font-weight: normal;
width: auto;
float: none;
line-height: 32px;
height: 32px;
margin: 0 10px 10px 0;
display: inline-block;
border: 1px solid #ccc;
padding: 0px 10px;
}
.map_ul .list-inline a:hover {
background: #1048a0;
color: #fff;
}
.submian .subleft .adv {
margin-bottom: 10px;
background: #000;
}
.submian .subleft .adv a img {
display: block;
width: 100%;
}
.submian .subleft .adv a:hover img {
opacity: 0.9;
filter: alpha(opacity=90);
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
}
.submian .subleft .leftnews {
margin-bottom: 10px;
}
.submian .subleft .leftnews .title {
height: 42px;
padding-left: 52px;
padding-top: 18px;
}
.submian .subleft .leftnews .leftnewscomt {
background: #fff;
padding: 10px;
}
.submian .subleft .leftnews .leftnewscomt ul li {
height: 30px;
line-height: 30px;
border-bottom: 1px solid #f2f2f2;
overflow: hidden;
}
.submian .subleft .leftnews .leftnewscomt ul li a {
font-size: 14px;
display: block;
padding-left: 10px;
}
.submian .subleft .leftnews .leftcont {
background: #fff;
padding: 10px;
}
.submian .subleft .leftnews .leftcont h2 {
font-size:18px;
font-weight: bold;
color: #b81c25;
padding-bottom: 10px;
border-bottom: 1px solid #f2f2f2;
}
.submian .subleft .leftnews .leftcont span {
line-height: 24px;
font-size: 12px;
padding-top: 10px;
display: block;
border-bottom: 1px solid #f2f2f2;
}
.submian .subleft .leftnews .leftcont p {
font-size: 18px;
color: #333;
padding-top: 10px;
line-height: normal;
}
.submian .subleft .leftnews .leftcont p i {
font-size: 22px;
color: #b81c25;
display: block;
}
.submian .subright {
width: 920px;
padding-bottom: 20px;
line-height: 28px;
}
.submian .subright .aboutlist {
color: #666;
}
.submian .subright img {
max-width: 920px;
}
.submian .subright .newslist .textlist li {
padding: 25px 0px 25px;
height: 110px;
border-bottom: 1px solid #ddd;
width: 100%;
margin-bottom: 25px;
}
.submian .subright .newslist .textlist li a {
display: block;
cursor: pointer;
}
.submian .subright .newslist ul li a img {
width: 147px;
float: left;
margin-right: 18px;
border: 1px solid #eee;
height: 110px;
display: block;
}
.submian .subright .newslist ul li a .txt {
color: #888;
line-height: 24px;
font-size: 12px;
}
.submian .subright .newslist .textlist li a p {
height: 40px;
line-height: 40px;
}
.submian .subright .newslist .textlist li a b {color: #1048a0;font-size: 14px;}
.submian .subright .newslist .textlist li a:hover b {color: #1048a0;}
.submian .subright .newslist .textlist li a i {color: #999;display: block;line-height: 20px;margin-bottom: 5px;font-size: 12px;}
.submian .subright .newslist .textlist li a span {line-height: 22px;max-height: 66px;overflow: hidden;display: block;color: #666;}
.submian .subright .newslist .textlist2 li {height: 40px;line-height: 40px;}
.submian .subright .newslist .textlist2 li a {display: block;}
.submian .subright .newslist .textlist2 li s {width: 4px;height: 4px;display: inline-block;vertical-align: middle;background: #007eb9;margin-right: 10px;border-radius: 100%;}
.submian .subright .newslist ul li a:hover img {opacity: 0.8;filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;}
.submian .subright .newslist ul li a:hover p b {text-decoration: underline;}
.submian .subright .newslist ul li a:hover span {color: #777;}
.submian .subright .caselist ul li {padding: 20px 0px;border-bottom: 1px dotted #c2c2c2;height: 176px;}
.submian .subright .caselist ul li a {display: block;}
.submian .subright .caselist ul li a img {width: 220px;height: 162px;display: block;border: 7px solid #e2e2e2;}
.submian .subright .caselist ul li a .txt {width: 470px;float: left;padding-left: 20px;}
.submian .subright .caselist ul li a .txt p {height: 40px;line-height: 40px;color: #007eb9;font-size: 14px;font-weight: bold;}
.submian .subright .caselist ul li a .txt i {color: #666;padding-bottom: 10px;display: block;}
.submian .subright .caselist ul li a .txt span {line-height: 22px;height: 88px;overflow: hidden;display: block;color: #666;}
.submian .subright .caselist ul li a:hover img {opacity: 0.8;filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;border-color: #007eb9;}
.submian .subright .caselist ul li a:hover p {text-decoration: underline;}
.submian .subright .caselist ul li a:hover span {color: #777;}
.submian .subright .mess {background: #fff;padding: 0px 40px 30px;width: 596px;margin-left: 80px;}
.submian .subright .mess h1 {text-align: center;font-size: 30px;padding-bottom: 10px;}
.submian .subright .mess p {text-align: center;padding-bottom: 30px;}
.submian .subright .mess .left {}
.submian .subright .mess .left li {margin-bottom: 15px;
float: left;margin-right: 10px;}
.submian .subright .mess .left label {width: 150px;height: 43px;line-height: 43px;text-align: center;background: none;color: #1048a0;font-size: 16px;float: left;border-radius: 3px 0 0 3px;border: 1px solid #1048a0;}
.submian .subright .mess .left input {border: 1px solid #ccc;border-left: none;float: left;height: 21px;line-height: 21px;padding: 11px 10px;width: 404px;color: #666;border-radius: 0px 3px 3px 0;outline: none;}
.submian .subright .mess .left select {
border: 1px solid #ccc;
border-left: none;
float: left;
height: 45px;
line-height: 45px;
width: 424px;
color: #666;
border-radius: 0px 3px 3px 0;
outline: none;
text-indent: 10px;
}
.submian .subright .mess .right {
float: left;
width: 585px;
padding-top: 10px;
*padding-top:20px;
}
.submian .subright .mess .right input, .submian .subright .mess .right a {
width: 40%;
margin-right: 2%;
height: 45px;
line-height: 45px;
text-align: center;
display: block;
border: none;
background: #1048a0;
color: #fff;
font-size: 16px;
border-radius: 3px;
cursor: pointer;
transition: ease-in-out .2s;
float: left
}
.submian .subright .mess .right a {
color: #333;
background: #ffcc00;
float: right
}
.submian .subright .mess .right a:hover {
background: #cda503;
}
.submian .subright .mess .right input:hover {
background: #2bba72;
}
.honorlist ul.list {
float: left;
width: 100%;
padding-left: 0px;
}
.honorlist ul.list li.item {
float: left;
width: 296px;
margin-bottom: 30px;
margin-right: 14px;
}
.honorlist ul.list li.item a:hover img {
opacity: 0.8;
}
.honorlist ul.list li.item a:hover span {
color: #fff;
}
.honorlist ul.list li.item span {
width: 100%;
height: 45px;
color: #555;
text-align: center;
display: block;
line-height: 45px;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
.honorlist ul.list li.item img {
width: 100%;
display: block;
padding: 1px;
}
.list_imgH ul.list li.item {
width: 286px;
margin-right:20px;
}
.list_imgH ul.list li.item a {
display: block;
width: 100%;
overflow: hidden;
position: relative;
background: #f6f6f6;
}
.list_imgH ul.list li.item a:hover {
background: #1048a0;
}
.list_imgH ul.list li.item img {
display: block;
width: 284px;
height: 213px;
}
.item_mask {
width: 284px;
height: 213px;
background: rgba(0,0,0,0);
position: absolute;
left: 1px;
top: 1px;
opacity: 0;
filter: Alpha(opacity=0);
*zoom:1;
-webkit-transform: rotateX(180deg) scale(0.5, 0.5);
transform: rotateX(180deg) scale(0.2, 0.2);
transition: all ease-out .5s;
}
.item_link_icon {
display: block;
width: 45px;
height: 45px;
text-align: center;
background-position: 0px -105px;
line-height: 38px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -22px;
opacity: 0;
filter: Alpha(opacity=0);
*zoom:1;
}
.list_imgH ul.list li.item:hover .item_mask {
opacity: 1;
filter: Alpha(opacity=100);
-webkit-transform: rotateX(0deg) scale(1, 1);
transform: rotateX(0deg) scale(1, 1);
transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;
background: rgba(0, 0, 0, 0.3);
}
.list_imgH ul.list li.item:hover .item_link_icon {
transform: translateY(-21px);
opacity: 1;
filter: Alpha(opacity=100);
}
.submian .t {
padding: 0 0 25px;
color: #1048a0;
font-size: 18px;
}
.submian .t2 {
padding: 25px 0;
color: #1048a0;
font-size: 24px;
}
/* formData */
.formData {
padding-bottom: 20px;
}
.formData .item {
float: left;
color: #999;
font-weight: normal;
width: 420px;
height: 56px;
line-height: 56px;
border: 1px solid #e4e4e4;
margin-right: 76px;
margin-bottom: 45px;
position: relative;
}
.formData .item label {
padding-left: 15px;
position: absolute;
left: 0;
top: 0;
z-index: 11;
text-align: center;
display: block;
margin: 0;
height: 56px;
line-height: 56px;
font-size: 18px;
color: #666;
}
.formData .item input {
outline: none;
line-height: 38px;
height: 38px;
font-size: 18px;
}
.formData .item .txt {
width: 350px;
height: 56px;
line-height: 56px;
display: block;
background: none;
padding-left: 70px;
border: 0 none;
color: #666;
}
.formData .item .red {
position: absolute;
right: 15px;
top: 0;
color: #ff0000;
z-index: 11;
}
.formData .item.mr0 {
margin-right: 0;
}
.formData .msg-box {
position: absolute;
left: 0;
top: 0px;
}
.formData .liuyan {
width: 918px;
height: 260px;
border: 1px solid #e4e4e4;
float: left;
}
.formData .liuyan label {
text-align: right;
display: block;
}
.formData .liuyan textarea {
width: 908px;
height: 234px;
line-height: 35px;
padding: 12px 10px;
text-indent: 100px;
font-size: 18px;
font-family: "microsoft yahei";
color: #333;
border: 0 none;
overflow: hidden;
background: none;
resize: none;
display: block;
outline: none;
}
.formData .bot {
width: 100%;
}
.formData .sub {
width: 232px;
line-height: 52px;
border: 2px solid #1048a0;
margin-right: 2px;
text-align: center;
background: #1048a0;
color: #FFF;
cursor: pointer;
font-size: 18px;
display: block;
-webkit-transition: all ease 300ms;
-moz-transition: all ease 300ms;
-ms-transition: all ease 300ms;
-o-transition: all ease 300ms;
transition: all ease 300ms;
}
.formData .sub:hover {
background: none;
color: #1048a0;
}
.formData .yzm .txt {
padding-left: 80px;
}
.formData .yzm img {
position: absolute;
right: 0;
top: 0;
height: 56px;
border: 0px;
display: block;
}
/** �������� **/
.submian .subright .thumblist {
}
.submian .subright .thumblist .list {
padding-bottom: 20px;
}
.submian .subright .thumblist .item {
width: 880px;
border-bottom: 1px solid #eaeaea;
display: block;
padding: 20px;
transition: all .5s;
}
.submian .subright .thumblist .item a {
display: block;
}
.submian .subright .thumblist .item .img {
position: relative;
width: 180px;
height: 135px;
display: block;
overflow: hidden;
cursor: pointer;
}
.submian .subright .thumblist .item img {
width: 100%;
height: 100%;
transition: all 0.3s ease-out 0s;
}
.submian .subright .thumblist .item a:hover img {
transform: scale(1.1, 1.1);
}
.submian .subright .thumblist .item .txt {
width: 680px;
cursor: pointer;
}
.submian .subright .thumblist .item .txt h3 {
font-size: 16px;
line-height: 30px;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
.submian .subright .thumblist .item .txt .mark {
color: #999;
font-size: 12px;
line-height: 30px;
padding: 0;
}
.submian .subright .thumblist .item .txt .mark span {
display: inline-block;
padding-right: 18px;
}
.submian .subright .thumblist .item .txt p {
color: #666;
line-height: 25px;
}
.submian .subright .thumblist .item .txt p span {
display: inline-block;
color: #1048a0;
padding-left: 10px;
}
.submian .subright .thumblist .item a:hover .txt h3 {
color: #1048a0;
}
.submian .subright .thumblist .item:hover {
box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.reLink {
height: 38px;
border: 1px solid #ccc;
margin: 10px auto 10px;
padding: 0px 10px;
}
.reLink .prevLink, .reLink .nextLink {
height: 38px;
line-height: 38px;
}
.reLink .prevLink a, .reLink .nextLink a {
height: 38px;
line-height: 38px;
}
.reLink .prevLink a:hover, .reLink .nextLink a:hover {
color: #1048a0;
}
.reLink .prevLink {
float: left;
}
.reLink .nextLink {
float: right;
}
.submian .subright .conBox .ArticleTitle h1 {
font-size: 24px;
text-align: center;
padding: 20px 0px;
border-bottom: 1px dashed #ccc;
font-weight: bold;
}
.submian .subright .conBox .ArticleMessage {
line-height: 30px;
height: 30px;
margin-bottom: 10px;
text-align: center;
}
.submian .subright .conBox .ArticleMessage span:first-child {
margin-left: 0;
}
.submian .subright .conBox .ArticleMessage span {
color: #999;
margin-left: 14px;
font-size: 12px;
}
.submian .subright .conBox .ArticleMessage .jiathis_style {
float: left;
margin-top: 5px;
}
.submian .subright .conBox .ArticleTencont {
padding: 5px 0px 20px 0px;
line-height: 28px;
overflow: hidden;
color: #666;
font-size: 14px;
}
.submian .subright .showproduct .ArticleTencont img {
max-width: 100%;
}
.submian .subright .conBox .ArticleTencont img {
max-width: 100%;
}
.field_down {
text-align: left;
}
.field_down a {
width: 100px;
height: 30px;
line-height: 30px;
background: #0267ac;
color: #fff;
display: block;
text-align: center;
}
/********.toolbar*********/
.toolbar {
width: 50px;
position: fixed;
right: 1%;
top: 44%;
z-index: 999;
}
.toolbar dd {
width: 50px;
height: 50px;
margin-bottom: 1px;
position: relative;
background: url(../images/black20.png) repeat 0 0;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.toolbar dd i {
width: 50px;
height: 50px;
display: block;
position: absolute;
left: 0;
top: 0;
cursor: pointer;
text-align: center;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.toolbar dd i span {
width: 35px;
height: 35px;
display: block;
margin: 7px 0 0 7px;
background: url(../images/rightfixicon.png) no-repeat 0 0;
}
.toolbar dd.gottop {
display: none;
}
.toolbar .slide-tel {
display: block;
width: 0;
height: 50px;
line-height: 50px;
font-size: 24px;
font-family: arial;
color: #FFF;
position: absolute;
padding: 0 0 0 50px;
top: 0;
right: 0;
overflow: hidden;
-webkit-border-radius: 50px;
border-radius: 50px;
-webkit-transition: all .0s ease-in-out 0s;
-moz-transition: all .0s ease-in-out 0s;
transition: all .0s ease-in-out 0s;
}
.toolbar .pop {
position: absolute;
right: 90px;
top: -51px;
background: #004098;
display: none;
}
.toolbar .pop-code {
width: 160px;
}
.toolbar .pop-code img {
width: 120px;
height: 120px;
display: block;
padding: 20px 20px 0;
}
.toolbar .pop-code h3 {
height: 52px;
line-height: 26px;
text-align: center;
color: #fff;
font-size: 16px;
font-weight: 400;
white-space: nowrap;
}
.toolbar .pop-code h3 b {
display: block;
font-size: 14px;
font-weight: normal;
}
.toolbar .qq span {
background-position: 0 -47px;
}
.toolbar .qq a {
width: 50px;
height: 50px;
cursor: pointer;
display: block;
}
.toolbar .qq:hover {
background: #004098;
}
.toolbar .tel span {
background-position: 0 0;
}
.toolbar .tel:hover {
background: #004098;
}
.toolbar .code span {
background-position: 0 -95px;
}
.toolbar .code:hover {
background: #004098;
}
.toolbar .top span {
background-position: 0 -142px;
}
.toolbar .top:hover {
background: #004098;
}
.subright .searchList {
border-top: 1px solid #ddd;
}
.subright .searchList li {
padding-top: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #ddd;
}
.subright .searchList li:first-child {
border-top: none;
}
.subright .searchList li:hover a h2 {
color: #1048a0;
font-weight: bold;
}
.leftprocomt {
padding-top: 10px;
}
.leftprocomt li {
float: left;
text-align: center;
width: 117px;
margin-right: 10px;
}
.leftprocomt li img {
width: 117px;
height: 87px;
border-radius: 3px;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
.leftprocomt li p {
line-height: 30px;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
.leftprocomt li:hover img {
-webkkit-filter: brightness(105%);
filter: brightness(105%);
}
.leftprocomt li:hover p {
color: #1048a0;
}
/*******font-face********/
@font-face {
font-family: didot;
src: url('../images/didot.eot');
src: url('../images/didot01.eot')format('embedded-opentype'), /* IE6-IE8 */ url('../images/didot.woff') format('woff'), /* Modern Browsers */ url('../images/didot.ttf') format('truetype'), /* Safari, Android, iOS */ url('../images/didot.svg') format('svg'); /* IE9 Compat Modes */ /* Legacy iOS */
}
/*����ͼ��ʽ��*/
.HS10, .HS15 {
overflow: hidden;
clear: both;
}
.HS10 {
height: 10px;
}
.HS15 {
height: 15px;
}
.Hidden {
display: none;
}
.Clearer {
display: block;
clear: both;
font-size: 1px;
line-height: 1px;
margin: 0;
padding: 0;
}
.FlLeft {
float: left;
}
.FlRight {
float: right;
}
/*�õ�Ƭ���򱳾�*/
.MainBg {
width: 920px;
margin: 0 auto;
}
/*��ͼչʾ����*/
.OriginalPicBorder {
padding: 0;
}
#OriginalPic {
width: 920px;
overflow: hidden;
position: relative;
font-size: 12px;
}
#OriginalPic img {
display: block;
min-width: 100px;
margin: 0 auto;
}
/*��������*/
.CursorL {
position: absolute;
z-index: 999;
width: 50%;
height: 600px;
color: #FFF;
left: 0;
cursor: url(../images/CurL.cur), auto;
background: url(../images/space.png) repeat scroll 0 0 transparent;
}
.CursorR {
position: absolute;
z-index: 999;
width: 50%;
height: 600px;
color: #FFF;
right: 0;
cursor: url(../images/CurR.cur), auto;
background: url(../images/space.png) repeat scroll 0 0 transparent;
}
/*СͼԤ���ͻ���*/
.SliderPicBorder {
width: 100%;
overflow: hidden;
}
.ThumbPicBorder {
width: 920px;
margin: 0 auto;
background: #eeeeee;
overflow: hidden;
position: relative;
}
.ThumbPicBorder #btnPrev {
width: 45px;
height: 113px;
cursor: pointer;
position: absolute;
left: 20px;
top: 20px;
}
.ThumbPicBorder #btnNext {
width: 45px;
height: 113px;
cursor: pointer;
position: absolute;
right: 20px;
top: 20px;
}
.ThumbPicBorder .pic {
width: 755px;
overflow: hidden;
position: relative;
margin: 20px auto;
}
#ThumbPic img {
border: 3px solid #ddd;
cursor: pointer;
background-color: #ddd;
margin: 0 5px;
width: 135px;
height: 108px;
display: block;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
#ThumbPic img.active {
border: 3px solid #1048a0;
}
/*����ͼ��ʽ��*/


.main{  margin:auto;}
/*�����б�*/
.news_two {margin: 0 auto;position: relative;font-size: 12px;width: 100%;min-width:1100px;}
.news_two_box {width:100%;height:159px;border:1px solid transparent;position: relative;background: #f7f7f7;transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s}
.news_two_ul {height: auto;overflow: hidden;padding: 20px;width: 100%;}
.news_two_nav {width: 100%;padding-left: 20px}
.news_two_ul li {width: 100%;height: 159px;border: 1px solid transparent;margin-bottom: 20px}
.news_two_txt span {font-size: 16px;color: #000;display: block;height: 24px;overflow: hidden;margin-bottom: 20px;transition: all .3s ease-out 0s}
.news_two_box:hover .news_two_txt span {color: #000;}
.news_two_txt i {height:50px; color: #000; line-height: 24px;display: block;overflow: hidden;transition: all .3s ease-out 0s;
overflow:hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;}
.news_two_box:hover .news_two_txt i {color: #999}
.news_two_txt {width: 60%;float: left;margin: 36px 0 28px 34px;transition: all .3s ease-out 0s}
.news_two_box:hover .news_two_txt {margin: 36px 0 28px 54px}
.news_two_date {width: 180x;float: right;color: #999;padding: 36px 66px 0 0;transition: all .3s ease-out 0s}
.news_two_box:hover .news_two_date {padding: 36px 43px 0 0}
.news_two_date span {height: 26px;font-size:13px; padding-right:20px;}
.news_two_date i {font-size: 13px;}
.news_two_but {position: absolute;top: 100px;right: 105px;}
.news_two_box:hover {border: 1px solid #efefef;box-shadow: 0 6px 10px 5px rgba(0, 0, 0, .08)}
.news_two_box:hover .news_two_img {background: #ccc;}
.news_two_box:hover .ser_but {background: #ccc;border: 1px solid #ccc;margin: 0 -60px}
.new_thr {width: 1000px;margin: 0 auto;padding: 80px 0 160px 0}
.new_thr_h2 {width: 800px;font-size: 18px;color: #333;padding-bottom: 16px;margin: 0 auto;text-align: center}
.news_thr_share {width: 330px;margin: 0 auto;color: #999;height: 18px;line-height: 18px}
.news_thr_share_date {width: 100%;text-align: center;}
.news_thr_ico {text-indent: 14px;width: 200px}
.news_thr_ico a {color: #999;font-size: 16px}
.news_thr_txt {width: 974px;padding: 36px 14px 0 12px;border-top: 1px dotted #e5e5e5;margin-top: 50px}
.news_thr_txt_img {width: 980px;height: auto;padding: 38px 0}
.news_two_img {width: 230px;height: 157px;float: left;transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s}
.news_two_img img {width: 200px;height: 130px;margin:15px;border-bottom:1px solid rgba(0, 0, 0, 0.09);}
.news_thr_ico a:hover {color: #1bb2e8}

/*������ҳ*/

.cont_newsbox{margin-top: 30px;}
.cont_nnewtit{text-align: center;font-size: 24px;font-weight: bold;line-height: 30px;margin-top: 0px;}
.cont_nnewem{border-bottom: 1px solid #ccc;font-size:13px;text-align: center;line-height: 22px;padding: 15px 0; color:#808080;}
.cont_nnewem em{margin: 0 10px;}
.cont_nnewem span{margin: 0 10px;cursor: pointer;}
.cont_dan{margin: 20px 0;min-height: 200px; font-size:14px; line-height:30px; margin:0; padding:0;}
.cont_dan p{ }
.cont_dan img,.cont_dan table,.cont_dan iframe{max-width: 100%;height: auto !important}
.cont_dan img{display: block;margin: auto !important;}
.cont_dan table{width: 100%;}
.p5_cont_page{margin: 30px 0 52px}
.p5_cont_page a{width: 100px;display: inline-block;line-height: 40px;color: #4c4c4c;background: #efefef;text-align: center;font-size: 14px;}
.p5_cont_page a.return{float: left;}
.p5_cont_page a:hover{background: #bf2120;color: #fff;}
.p5_cont_page span{float: right;}
.p5_cont_page span a {margin-left: 4px;}

/*���·�ҳ*/
.page{ margin:auto !important; font-size:14px; text-align:center; color:#666; margin-top:25px; margin-bottom:20px; width:100%; display:block; overflow:hidden;}
.page a{font-size:14px; color:#666 !important;}

.page-about_about {    margin: 0 auto 80px;padding:30px; background: #F4F4F4; margin:auto;}

/*��Ʒ����*/
.product-show-container { background:#F4F4F4; display:block; overflow:hidden;
}
.detail-product {
    background: #fff;
}
.detail-product .show-left {
    padding-top: 40px; margin:auto;
    width:1000px;
}
.detail-product .show-left .pic-tit {
    margin: 0 60px; margin-right:120px;
    width: 112px; 
}
.detail-product .show-left .pic-tit ul li {
    border: 1px solid #E0E0E0;
    margin-bottom: 10px;
    width: 90px;
    height:75px;
    overflow: hidden;
}
.detail-product .show-left .pic-tit ul li.on {
    border-color: #FF0000;
}
.detail-product .show-left .pic-show {
    width: 600px;
    overflow: hidden;
    text-align: center;
   line-height:200px;
    font-size: 0;
}
.detail-product .show-left .pic-show img {
    max-width: 100%;
}
.detail-product .show-right {
    padding: 40px 10px 0 10px;
    width: 410px;
}
.detail-product .show-right h2 {
    padding-bottom: 5px;
    font-size: 24px;
    color: #333;
    font-weight: bold;
}
.detail-product .show-right h5 {
    font-size: 16px;
}
.detail-product .show-right .cont {
    padding: 15px 0;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin: 15px 0 20px;
    min-height:380px;
    font-size: 14px;
    color: #333;
    line-height: 25px;
}
.detail-product .show-right .btn-box a {
    display: inline-block;
    width: 260px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.detail-product .show-right .btn-box .zixun {
    background-color: #e18c4c;
}
.detail-product .show-right .btn-box .share {
    width: 126px;
    background-color: #c85905;
}
.detail-product .show-right .btn-box .zixun:hover {
    background-color: #CC0000;
}
.detail-product .show-right .btn-box .share:hover {
    background-color: #757575;
}



/*��Ʒ����*/
.ks-product {
    background: #fff;
}
.ks-hd-height {
    width: 100%;
    height: 50px;
}
.ks-product .ks-hd {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #F4F4F4;
    z-index: 99;
}
.ks-product .ks-hd .ks-title {
    display: inline-block;
    font-size: 18px;
    color: #333;
    font-family: Arial,"΢���ź�";
}
.ks-product .ks-hd .ks-nav {
    float: right;
    font-size: 14px;
}
.ks-product .ks-hd .ks-nav .ks-nav-switch a.on {
    color: #ff0000;
}
.ks-product .ks-hd .ks-nav .ks-nav-switch .sep {
    display: inline-block;
    margin: 0 10px;
    color: #dbdbdb;
}
.ks-product .ks-hd .ks-nav .ks-buy {
    display: inline-block;
    margin-left: 25px;
    width: 86px;
    height: 28px;
    line-height: 28px;
    border-radius: 14px;
    color: #fff;
    background: #FF2D2C;
    text-align: center;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.ks-product .ks-hd .ks-nav .ks-buy:hover {
    background: #CC0000;
}
.ks-product .word-box .ks-tit {
    padding-bottom: 5px;
    font-size: 40px;
    color: #333;
}
.ks-product .word-box .ks-subtit {
    padding-bottom: 15px;
    font-size: 24px;
    color: #333;
}
.ks-product .word-box .ks-des {
    font-size: 16px;
    line-height: 1.875;
}


#title_bg{ background:url(../images/title_bg.png) bottom center no-repeat;margin:auto; display:block; overflow:hidden; padding-bottom:27px;}
#title_bg div{ font-size:30px; color:#080808; text-align:center; line-height:35px;}
#title_bg span{ font-size:12px; text-align:center; color:#909090; text-transform:uppercase; overflow:hidden; display:block;}
#title_bg h1{ text-align:center; font-size:35px; line-height:50px; color:#080808; font-weight:normal;}

#title_cont{ margin:auto; width:97%; padding-bottom:10px; font-size:13px; line-height:26px;}

.hd-1 { font-size: 16px; height: 60px; line-height: 60px; background: #666666; padding: 0 10px 0 30px; color: #FFF; text-shadow: #333 2px 2px 2px; }
.line-middle { margin-left: -5px; margin-right: -5px; overflow: hidden; }


.plist-4 .wrap { margin-bottom: 10px; background:#f1f1f1; text-align:center; padding:10px 10px 0px 10px; margin:0; padding:0; box-sizing: border-box; }
.plist-4 .wrap img{ max-height:100%; max-width:100%; line-height:250px;}
.plist-4 .title { text-align: center; font-size: 1vw; line-height:2.5vw; }

.line-middle { margin-left: -5px; margin-right: -5px; overflow: hidden; }
.xx24 { width: 32.16% }
.xx24{position: relative;
    min-height: 1px; padding:5px; float:left;}
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }