@charset "utf-8";
html,
body,
ul,
li,
ol,
dl,
dd,
dt,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
img {
margin: 0;
padding: 0
}
body {
font: 14px/1.0531 'Microsoft YaHei', arial, helvetica, clean, sans-serif;
color: #414141;
margin: 0;
padding: 0;
line-height: 1.5;
}
:focus {
outline: 1;
}
::selection {
background-color: #0b6ac6;
color: #fff;
}
::-moz-selection {
background-color: #0b6ac6;
color: #fff;
}
::-webkit-selection {
background-color: #0b6ac6;
color: #fff;
}
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
display: block;
}
a {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
color: #414141;
}
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}
li,
ul {
list-style-type: none;
}
img {
display: inline-block;
border: none;
}
a:link,
a:hover,
a:active,
a:visited {
text-decoration: none;
}
input,
textarea {
outline: 0;
border: 0;
}
textarea {
resize: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
dt,
i,
em {
font-weight: normal;
font-style: normal;
}
/*banner*/
.flexslider{position:relative;height:500px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides li a{ display: block;width:100%;height:100%;}
.slides{position:relative;z-index:1;}
.slides li{height:500px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:42%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}
/*search*/
.search_box {
width: 100%;
height: 62px;
background: #f2f2f2;
}
.search {
width: 1180px;
margin: auto;
}
.keytext {
width: 700px;
height: 62px;
line-height: 62px;
float: left;
font-family: Microsoft YaHei;
font-size: 14px;
color: #fff;
}
.keytext a {
margin: 0px 12px 0px 0px;
color: #5f5f5f;
display: inline-block;
}
.keytext a:hover {
color: #0b6ac6;
}
.keytext i {
display: inline-block;
font-size: 14px;
color: #5f5f5f;
}
.rmgj-n-r {
float: right;
margin-top: 15px;
}
.rmgj-n-r .text {
width: 180px;
padding-left: 20px;
font-size: 14px;
font-family: Montserrat, sans-serif;
height: 30px;
margin-right: 0;
color: #414141;
outline: none;
border: 1px solid #0b6ac6;
background: #fff;
float: left;
box-sizing: border-box;
-webkit-transition: all 0.15s ease;
-moz-transition: all 0.15s ease;
-ms-transition: all 0.15s ease;
transition: all 0.15s ease;
}
.keytext span {
padding-right: 10px;
display: block;
float: left;
color: #5f5f5f;
font-size: 16px;
color: #0b6ac6;
}
.submit {
border: 1px solid #0b6ac6;
width: 60px;
float: left;
padding: 0;
text-align: center;
height: 30px;
background: #0b6ac6;
vertical-align: middle;
cursor: pointer;
color: #fff;
}
.title-1 h3 a{
display: block;
font-size: 24px;
font-weight: bold;
text-align: center;
color: #333;
padding-top: 40px;
color: #0b6ac6;
}
.title-1 h3 a:after,.title-1 h3 a:before{
display: inline-block;
content: "一";
font:bold 24px "microsoft yahei";
color: #0b6ac6;
padding: 0 10px;
}
.title-1 p{
font: 14px/24px "microsoft yahei";
color: #5f5f5f;
text-align: center;
margin-bottom: 40px;
background: url(../images/title-1-bg.png) no-repeat center;
}
/*witness*/
.witness {
width: 100%;
height: 360px;
}
.gd_01 {
position: relative;
width: 1180px;
height: 220px;
margin: 0 auto;
padding-top: 10px;
}
.gd_01 em {
position: absolute;
top: 50px;
}
.gd_01 .t_l1 {
left: 0px;
}
.gd_01 .t_r1 {
right: 0px;
}
.gd_01 #simgs {
margin: 0px auto;
height: 178px;
overflow: hidden;
}
.gd_01 li {
float: left;
width: 224px;
padding: 0 12px 0 0;
text-align: center;
}
.gd_01 li img {
display: block;
width: 224px;
height: 136px;
border: 1px solid #CCCCCC;
}
.gd_01 li a span {
display: block;
height: 40px;
color: #5f5f5f;
font-size: 16px;
line-height: 40px;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.gd_01 li:hover span {
color: #0b6ac6;
}
/*product*/
.product {
width: 100%;
height: 770px;
background: #f2f2f2;
padding-top: 50px;
}
.product-left {
width: 240px;
height: 703px;
background: #0b6ac6;
}
.product-left h2 {
height:95px;
border-bottom: 1px solid #fff;
}
.product-left h2 a {
display: block;
width: 100%;
padding-top: 15px;
padding-left: 10px;
font: bold 21px/40px "microsoft yahei";
color: #fff;
letter-spacing: 1px;
}
.product-left h2 a span {
display: block;
font:bold 18px arial;
letter-spacing: 1px;
padding-top: 5px;
}
.product-left ul {
width: 226px;
height: 250px;
background: #fff;
margin: 10px auto;
padding-top: 1px;
}
.product-left ul li {
width: 226px;
height: 70px;
margin: 10px auto;
background: #F2F2F2;
}
.product-left ul li a {
width: 216px;
display: block;
padding-left: 10px;
font: 18px/70px "microsoft yahei";
background: #0b6ac6;
color: #333;
}
.product-left ul li a:hover {
font-size: 19px;
color: #fff;
}
@-moz-keyframes pro {
0% {
width: 0px;
height: 70px;
background: #0b6ac6;
overflow: hidden;
}
100% {
width: 226px;
height: 70px;
background: #fdbb29;
overflow: hidden;
font-size: 20px;
}
}
@-webkit-keyframes pro {
0% {
width: 0px;
height: 70px;
background: #0b6ac6;
overflow: hidden;
}
100% {
width: 226px;
height: 70px;
background: #fdbb29;
overflow: hidden;
font-size: 20px;
}
}
@-ms-keyframes pro {
0% {
width: 0px;
height: 70px;
background: #0b6ac6;
overflow: hidden;
}
100% {
width: 226px;
height: 70px;
background: #fdbb29;
overflow: hidden;
font-size: 20px;
}
}
@keyframes pro {
0% {
width: 0px;
height: 70px;
background: #fff;
overflow: hidden;
}
100% {
width: 226px;
height: 70px;
background: #FDBB29;
overflow: hidden;
font-size: 20px;
}
}
.navlist li>a {
position: relative;
}
.navlist li>a>em {
z-index: 9999;
display: block;
position: absolute;
left: 10px;
top: 0;
cursor: pointer;
font: 15px/70px "microsoft yahei";
}
.navlist li>a:hover>span {
width: 226px;
height: 70px;
background: #FDBB29;
animation: pro 1s 5ms ease;
z-index: 888;
cursor: pointer;
color: #333;
}
.navlist li>a>span {
background: #fff;
display: block;
position: absolute;
width: 0px;
height: 48px;
left: 0;
top: 0;
z-index: 888;
}
.pro-img {
width: 100%;
height: 149px;
border-top: 5px solid #fff;
}
.pro-img img {
display: block;
width: 199px;
height: 144px;
overflow: hidden;
margin: 0 auto;
padding-top: 30px;
}
.pro-tel {
width: 100%;
height:207px;
background: #0b6ac6 url(../images/pro-kf.png) no-repeat left bottom;
}
.pro-tel span {
display: block;
font: 16px/24px "microsoft yahei";
padding-left: 80px;
padding-top: 80px;
color: #fff;
}
.pro-tel p {
padding-left: 80px;
font: bold 22px/30px "microsoft yahei";
color: #fff;
}
.pro-tel a{
display: block;
width: 100px;
height: 32px;
border: 1px solid #fff;
text-align: center;
font: 14px/32px "microsoft yahei";
color: #fff;
margin-left: 120px;
margin-top: 10px;
}
.pro-tel a:hover{
color: #fff;
background: #fdbb29;
-webkit-animation: rot 0.5s 2 alternate;
-moz-animation: rot 0.5s 2 alternate;
-ms-animation: rot 0.5s 2 alternate;
animation: rot 0.5s 2 alternate;
-ms-transform: rotate(0deg) scale(1.1);
border: none;
}
.product-right {
width: 932px;
}
.product-right-title {
width: 100%;
height: 62px;
background: #0b6ac6;
}
.pro-tlt a {
display: block;
text-align: center;
font: bold 21px/62px "microsoft yahei";
color: #fff;
text-indent: 1em;
}
a.pro-more {
padding: 24px 10px 0 0;
font: 14px "microsoft yahei";
color: #fff;
}
.product-right ul {
}
.product-right ul li {
width: 219px;
height: 210px;
float: left;
padding: 7px;
-webkit-transition: all 1.5s ease;
-moz-transition: all 1.5s ease;
-ms-transition: all 1.5s ease;
transition: all 1.5s ease;
}
.product-right ul li b {
display: block;
width: 219px;
height: 170px;
overflow: hidden;
}
.product-right ul li b img {
width: 219px;
height: 170px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.product-right ul li:hover img {
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
-ms-transform: scale(1.03);
transform: scale(1.03);
}
.product-right ul li a {
display: block;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.product-right ul li p {
width: 100%;
height: 40px;
background: #fff;
color: #333;
font: 14px/40px "microsoft yahei";
text-align: center;
overflow: hidden;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.product-right ul li:hover p {
background: #0b6ac6;
color: #fff;
height: 40px;
font: 15px/40px "microsoft yahei";
}
.product-right ul li:hover a {
display: block;
box-shadow: 2px 2px 2px rgba(0, 0, 0, .5);
}
.product-right ul li:hover {
-webkit-transform: translate(2px -2px);
}
/*adm1*/
.adm1{
width: 100%;
height: 200px;
background: url(../images/adm1.jpg) no-repeat center;
}
.adm1-img{
width: 292px;
height: 120px;
padding-top: 50px;
}
.adm1-img{
display: block;
width: 292px;
height: 120px;
}
.adm1-text{
width: 600px;
height: 127px;
background: url(../images/adm1-text.png) no-repeat top left;
margin: 40px 0 0 40px;
}
.adm1-text h4{
font:bold 24px/40px "microsoft yahei";
color: #FDBB29;
margin: 22px 0 0 20px;
}
.adm1-text h4 span{
display: block;
color: #fff;
}
.adm-right {
width: 200px;
}
.adm-right span {
display: block;
background: url(../images/adm-more.png) no-repeat left 57px;
font: 16px/36px "microsoft yahei";
color: #fff;
padding-left: 35px;
padding-top: 50px;
letter-spacing: 1px;
}
.adm-right p {
font: bold 24px "microsoft yahei";
color: #fff;
}
.adm-more {
width: 200px;
height: 34px;
font: 14px/34px "microsoft yahei";
text-align: center;
display: block;
border: 1px solid #FDBB29;
margin-top: 5px;
color: #fff;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.adm-more:hover {
background: #FDBB29;
color: #fff;
-webkit-animation: rot 0.5s 2 alternate;
-moz-animation: rot 0.5s 2 alternate;
-ms-animation: rot 0.5s 2 alternate;
animation: rot 0.5s 2 alternate;
-ms-transform: rotate(0deg) scale(1.1);
}
/*t1*/
.t1{
width: 100%;
height: 656px;
background: #f2f2f2;
}
.t1 ul{
width: 1080px;
padding-top: 50px;
}
.t1 ul li{
width: 290px;
height: 380px;
background: #fff;
position: relative;
float: left;
margin: 0 35px;
}
.t1-title{
width: 100%;
height: 74px;
background: url(../images/t1-title1.png) no-repeat center ;
margin: 0 auto;
position: absolute;
top: -44px;
text-align: center;
font: 36px impact;
padding-top: 12px;
color: #fff;
z-index: 999;
}
.t1-title1{
width: 100%;
height: 74px;
background: url(../images/t1-title2.png) no-repeat center ;
margin: 0 auto;
position: absolute;
top: -44px;
text-align: center;
font: 36px impact;
padding-top: 12px;
color: #fff;
z-index: 999;
}
.t1-line{
width: 18px;
height: 1px;
background: #fff;
margin: 5px auto;
}
.t1 ul li img{
width: 290px;
height: 197px;
display: block;
}
.t1-text{
padding: 10px;
}
.t1-text h4{
font: bold 17px/40px "microsoft yahei";
color: #333;
text-align: center;
}
.t1-text p{
text-indent: 2em;
padding-top: 10px;
font: 15px/30px "microsoft yahei";
color: #5f5f5f;
letter-spacing: 1px;
}
.t1 ul li.t1-bootm{
margin-top: 30px;
}
/*t2*/
.t2{
width: 100%;
height: 450px;
}
.t2 ul li{
width: 360px;
height: 270px;
position: relative;
overflow: hidden;
float: left;
margin: 0 16px;
}
.t2 ul li img{
display: block;
width: 360px;
height: 215px;
}
.t2-li-bg{
width: 360px;
height: 215px;
background: url(../images/t2-li-bg.png) no-repeat center;
position: absolute;
top: -215px;
left: 0;
-webkit-transition:all .6s ease;
transition:all .6s ease;
}
.t2 ul li:hover .t2-li-bg{
top: 0;
left: 0;
}
.t2 ul li p{
font: 18px/36px "microsoft yahei";
letter-spacing:1px;
text-align: center;
color: #333;
position: absolute;
top: 230px;
width: 100%;
-webkit-transition:all .7s ease;
transition:all .7s ease;
}
.t2 ul li:hover p{
color: #FDBB29;
top: 90px;
left: 0;
}
/*case*/
.case{
width: 100%;
height: 520px;
background: #f2f2f2;
}
.in_algd{ width:1180px; height:auto; margin:0 auto; padding-top:10px; }
.algd_lefts { background:url(../images/in_11_l.png) no-repeat; display: block; width:22px; height:50px; position: absolute; top:130px; left:0; cursor:pointer; }
.algd_rights { background:url(../images/in_11_r.png) no-repeat; display: block; width:22px; height:50px; position: absolute; top:130px; right:0px; cursor:pointer; }
.algd_box1 { width:1180px; margin:0; position:relative;}
.algd_box2 { width:1080px; height:320px; margin:0 auto; overflow:hidden; }
.in_anli_tkd1_pro1{ float:left; width:330px; height:318px; border:1px solid #dedede; overflow:hidden; margin:0 15px 0 15px; overflow:hidden; }
.in_anli_tkd1_pro1pic{ width:330px; height:250px; overflow:hidden; }
.in_anli_tkd1_pro1 img{ width:330px; height:250px; }
.in_fangan_pro_5_5{ width:290px; height:68px; background:url(../images/in_4a.png) no-repeat left bottom #efefef; line-height:28px; padding:0 20px 0 20px; -webkit-transition: all .4s ease-out; transition: all .4s ease-out; }
.in_fangan_pro_5_5 h6{ overflow:hidden; font-size:16px; padding:10px 0 0 10px; color:#222; }
.in_fangan_pro_5_5 h6 a{ display:block; color:#222; }
.in_anli_tkd1_pro1:hover .in_fangan_pro_5_5{ background:url(../images/in_4b.png) no-repeat left bottom #0b6ac6; }
.in_anli_tkd1_pro1:hover .in_fangan_pro_5_5 h6{ color:#fff; }
.in_anli_tkd1_pro1:hover .in_fangan_pro_5_5 h6 a:hover{ color:#FFF; }
.in_anli_tkd1_pro1:hover img{ transition: all 0.5s; transform: scale(1.2); }
.tempWrap{overflow:hidden; position:relative; width:1086px;}
.tempWrap dl{width: 2896px; position: relative; overflow: hidden; padding: 0px; margin: 0px;}
.in_kganyanbg{ width:100%; height:360px; background:url(../images/in_5.jpg) no-repeat; margin-top:40px; }
.in_kganyan{ width:1180px; margin:0 auto; padding-top:20px; }
.kganyan_gn { height:260px; overflow:hidden; }
.in_jianzheng_4{ float:left; width:520px; height:190px; padding:20px; margin:10px 15px 20px 15px; background:#FFF; }
.in_jianzheng_4_1{ float:left; width:240px; }
.in_jianzheng_4_2x{ float:right; width:260px; }
.in_jianzheng_4_2{ color:#666; line-height:28px; height:140px; overflow:hidden; }
.in_jianzheng_4_2 h6{ font-size:15px; font-weight:normal; color:#222; height:24px; line-height:24px; overflow:hidden; padding:0 0 5px 0; }
.in_jianzheng_4_3{ height:24px; line-height:24px; font-size:14px; padding-top:14px; }
.in_jianzheng_4_3 a{ display:block; color:#333; }
.in_jianzheng_4_3 a:hover{ color:#0b6ac6; }
/*adm2*/
.adm2{
width: 100%;
height: 200px;
background: #0B6AC6;
}
.adm2-img{
width: 126px;
height: 186px;
padding-top: 14px;
}
.adm2-img img{
display: block;
width: 126px;
height: 186px;
}
.adm2-text{
padding-left: 40px;
}
.adm2-text h4{
font: bold 26px "microsoft yahei";
background: #FDBB29;
color: #fff;
padding: 10px 20px;
margin-top: 60px;
}
.adm2-text p{
color: #fff;
font: 19px/36px "microsoft yahei";
letter-spacing: 3px;
}
/*adv*/
.adv{
width: 100%;
height: 1580px;
background: #f2f2f2;
}
.adv ul li{
padding-top: 50px;
}
.title h3 a{
display: block;
font-size: 24px;
font-weight: bold;
text-align: center;
color: #333;
padding-top: 40px;
}
.title h3 a:after,.title h3 a:before{
display: inline-block;
content: "一";
font:bold 24px "microsoft yahei";
color: #333;
padding: 0 10px;
}
.adv-line{
width: 44px;
height: 1px;
background: #FDBB29;
margin: 5px auto;
}
.title p{
font: 14px/24px "microsoft yahei";
color: #5f5f5f;
text-align: center;
margin-bottom: 40px;
letter-spacing: 2px;
}
.adv-title{
width: 570px;
margin-left: 20px;
}
.adv-title i{
display: block;
width: 40px;
height: 40px;
float: left;
}
.adv-title h4{
float: left;
padding-left: 10px;
font:bold 21px/40px "microsoft yahei";
color: #333;
letter-spacing: 2px;
}
.adv-title-bg1{
width: 590px;
height: 37px;
background: url(../images/adv-title-bg1.png) no-repeat center;
}
.adv-title-bg2{
width: 590px;
height: 37px;
background: url(../images/adv-title-bg2.jpg) no-repeat center;
}
.adv-content-1{
padding-top:40px;
}
.adv-img1{
width: 590px;
height: 213px;
}
.adv-img1 img{
width: 563px;
height: 213px;
display: block;
}
.adv-text h4{
font: bold 23px/36px "microsoft yahei";
color: #FDBB29;
}
.adv-text span{
display: block;
font: 23px/36px "microsoft yahei";
}
.adv-p{
padding-top: 20px;
}
.adv-p p{
font: 15px/30px "microsoft yahei";
color: #333;
}
.adv-text{
width: 590px;
}
/*witness*/
.in_kganyan{ width:1180px; margin:0 auto; padding-top:20px; }
.kganyan_gn { height:260px; overflow:hidden; }
.in_jianzheng_4{ float:left; width:520px; height:190px; padding:20px; margin:10px 15px 20px 15px; background:#f2f2f2; }
.in_jianzheng_4_1{ float:left; width:240px; }
.in_jianzheng_4_2x{ float:right; width:260px; }
.in_jianzheng_4_2{ color:#666; line-height:28px; height:140px; overflow:hidden; }
.in_jianzheng_4_2 h6{ font-size:15px; font-weight:normal; color:#222; height:24px; line-height:24px; overflow:hidden; padding:0 0 5px 0; }
.in_jianzheng_4_3{ height:24px; line-height:24px; font-size:14px; padding-top:14px; }
.in_jianzheng_4_3 a{ display:block; color:#333; }
.in_jianzheng_4_3 a:hover{ color:#0b6ac6; }
/*图片放大1，开始*/
.jz_scale_x{ width:234px; height:174px; padding:2px; border:1px solid #dbdbdb; }
.jz_scale{ width:234px; height:174px; overflow:hidden; }
.jz_scale img{ width:234px; height:174px; transition: all 0.5s; transform: scale(1); }
.jz_scale img:hover { transition: all 0.5s; transform: scale(1.06); }
.jz_scale_x:hover{ padding:1px; border:2px solid #0b6ac6; }
/*图片放大1，结æŸ*/
.in_kganyan_fx{ width:180px; height:30px; margin:0 auto; margin-top:20px; }
.in_kganyan_fx_l{ float:left; width:45px; height:30px; background:url(../images/in_pj_l.png) no-repeat; cursor:pointer; }
.in_kganyan_fx_r{ float:right; width:45px; height:30px; background:url(../images/in_pj_r.png) no-repeat; cursor:pointer; }
/*adm3*/
.adm3{
width: 100%;
height: 200px;
background: #0B6AC6;
}
.adm3-img{
width: 129px;
height: 197px;
padding-top: 3px;
}
.adm3-img img{
display: block;
width: 129px;
height: 197px;
}
.adm3-text{
padding-left: 50px;
padding-top: 50px;
}
.adm3-text h4{
font:bold 30px/40px "microsoft yahei";
color: #fff;
letter-spacing: 1px;
}
.adm3-text h4 span{
color: #FDBB29;
}
/*about*/
.about-left{
width: 524px;
height: 341px;
}
.about-left img{
width: 524px;
height: 341px;
display: block;
}
.about-right{
width: 656px;
height: 341px;
background: #f2f2f2;
position: relative;
}
.about-neirong{
width: 590px;
margin: 0 auto;
}
.about-right span{
padding-top: 20px;
display: block;
font:bold 36px/48px "microsoft yahei";
letter-spacing: 3px;
color: #c8c8ca;
}
.about-right h4{
font:bold 18px/30px "microsoft yahei";
color: #333;
}
.about-line{
width: 126px;
height: 2px;
background: #FDBB29;
position: absolute;
top: 110px;
left: -30px;
}
.about-right p{
padding-top: 30px;
font: 15px/30px "microsoft yahei";
color: #333;
text-indent: 2em;
}
.about-more{
display: block;
width: 120px;
height: 40px;
text-align: center;
font: 14px/40px "microsoft yahei";
background: #0B6AC6;
margin-top: 30px;
color: #fff;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.about-more:hover{
-webkit-transform: translate(-2px,-2px);
transform: translate(-2px,-2px);
box-shadow: 2px 2px 2px rgba(0,0,0,.3);
background: #FDBB29;
}
/*------###############--------*/
.in_news_1{ width:1180px; height:auto; margin:0 auto; margin-top:20px; }
/* æ ‡ç¾åˆ‡æ¢4，开始 */
#tab_fcc{width:100%; padding-top:25px; }
#tab_fcc .tab_menu{ width:100%; height:50px;background:url(../images/in2_2.png) repeat-x; }
#tab_fcc .tab_menu li{float:left; width:164px; height:40px;line-height:40px; text-align:center; background:#0B6AC6; font-size:16px; cursor:pointer; margin-left:80px; }
#tab_fcc .tab_menu li h3{ font-size:16px; font-weight:normal;}
#tab_fcc .tab_menu .selected{ background:url(../images/in_3.png) no-repeat center; color:#FFF; height:50px; cursor:pointer; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }
#tab_fcc .tab_menu .maleft{ margin-left:390px;}
#tab_fcc .tab_menu li a{ color:#FFF;}
#tab_fcc .tab_box_fcc{width:100%; clear:both; }
#tab_fcc .hide{display:none;}
/* æ ‡ç¾åˆ‡æ¢4ï¼Œç»“æŸ */
.in_fcc_box { width:1180px; height:210px; position:relative; margin-top:20px;}
/* 滑动门通用按钮 */
.lefts_fcc, .rights_fcc {display: block; width:22px; height:50px; margin-top:-40px; position: absolute; top:50%; cursor:pointer; }
.lefts_fcc { background:url(../images/in_11_l.png) no-repeat; left:0px; }
.rights_fcc { background:url(../images/in_11_r.png) no-repeat; right:0px; }
.in_fccxx{ width:100%; height:220px; position:relative;}
.in_fcc{ width:1120px; height:220px; margin:0 auto; overflow:hidden; }
.in_fcc li {float:left; width:264px; margin:0 8px 0 8px; text-align:center;}
.in_fcc li a {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.in_fcc li h6{ font-size:15px; text-align:center; font-weight:normal; line-height:26px; }
.tempWrap_1{overflow:hidden; position:relative; width:1120px;}
.clone_1{float: left; width: 264px;}
/* å‘å·¦æ»šåŠ¨ï¼Œç»“æŸ */
/*图片放大1，开始*/
.fc_imgscale_x{ width:254px; height:174px; padding:4px; border:1px solid #dbdbdb; }
.fc_imgscale{ width:254px; height:174px; overflow:hidden; }
.fc_imgscale img{ width:254px; height:174px; transition: all 0.5s; transform: scale(1); }
.fc_imgscale img:hover { transition: all 0.5s; transform: scale(1.08); }
.fc_imgscale_x:hover{ padding:3px; border:2px solid #0B6AC6; }
/*news*/
.news{
width: 100%;
height: 600px;
background: #f2f2f2;
position: relative;
padding-top: 30px;
}
.news h3{
position: absolute;
z-index: 9999;
}
.news h3 a{
display: block;
height: 60px;
font: bold 24px/60px "microsoft yahei";
color: #333;
}
.news h3 a span{
font: 16px arial;
color: #333;
}
#tab_pro_6 {
width: 1180px;
position: absolute;
margin: 0px auto;
}
#tab_pro_6 .tab_pro_menu_6 {
width: 366px;
float: left;
position: absolute;
z-index: 1;
top: 30px;
right: 0;
height: 39px;
}#tab_pro_6 .tab_pro_menu_6 li {
float: left;
width: 110px;
height: 30px;
line-height: 30px;
border-bottom: 0px;
cursor: pointer;
text-align: right;
margin: 0 2px 0 10px;
font: 14px "microsoft yahei";
}
#tab_pro_6 .tab_pro_menu_6 .selected {
cursor: pointer;
color: #0B6AC6;
}
#tab_pro_6 .tab_pro_box_6 {
width: 1180px;
clear: both;
position: relative;
top: 80px;
height: 502px;
overflow: hidden;
}
.news-top-left{
width: 590px;
height: 319px;
}
.news-top-left img{
display: block;
width: 590px;
height: 319px;
}
.news-top-right{
width: 590px;
height: 319px;
background: #fff;
}
.news-top-right h4{
font: 18px/36px "microsoft yahei";
color: #333;
text-align: center;
padding: 30px 0 20px;
}
.news-top-text{
padding:10px 30px;
font: 14px/30px "microsoft yahei";
text-indent: 2em;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
height: 82px;
}
.news-more{
width: 130px;
height: 38px;
background: #0B6AC6;
display: block;
margin: 40px auto 0;
color: #fff;
text-align: center;
font: 14px/38px "microsoft yahei";
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.news-more:hover{
-webkit-transform: translate(-2px,-2px);
transform: translate(-2px,-2px);
box-shadow: 2px 2px 2px rgba(0,0,0,.5);
}
.news-box ul{
width: 1180px;
margin: 0 auto;
height: 183px;
background: url(../images/news-tab-bg.png) no-repeat center;
}
.news-box ul li{
width: 589px;
height: 60px;
float: left;
}
.news-box ul li p{
font: 15px/60px "microsoft yahei";
color: #5f5f5f;
padding-left: 10px;
width: 400px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.news-box ul li span{
font: 14px/60px "microsoft yahei";
color: #5f5f5f;
padding-right: 10px;
}
.news-box ul li:hover p,.news-box ul li:hover span{
color: #0B6AC6;
}
#tab_pro_6 .tab_pro_menu_6 li.selected a{color:#0b6ac6}
/*links*/
.links{
width: 100%;
height: 64px;
background:#F2F2F2 url(../images/links.png) no-repeat center;
padding-bottom: 50px;
}
.links h4{
display: inline-block;
font:bold 18px/64px "microsoft yahei";
color: #5f5f5f;
padding: 25px 10px 0;
}
.links a{
display: inline-block;
padding:0 10px 0 0 ;
font: 14px/64px "microsoft yahei";
color: #5f5f5f;
}
.links a:hover{
color: #0B6AC6;
}