.banner_index a {
    color: #fff;
}
.banner_index {
    width:100%;
    height:650px;
    background: url("../images/index_02.png") no-repeat;
    /*background-position: 10px 10px;*/
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
}
.banner_index .center_banner {
    width:570px;
    height:315px;
    background-color: rgba(255,255,255,0.4);
    border-radius: 10px;
    position: absolute;
    top:150px;left:200px;top:260px;
    /*transform: translateY(-50%);*/
}
.center_banner p{
    color: #000;
}
.center_banner .first{
    font-size:40px;
    position: absolute;
    top:40px;
    left:5%;
    letter-spacing: 5px;

}
.center_banner .letter{
    letter-spacing: 10px;
}
.center_banner .first span{
    font-size: 54px;
    color: #CC681E;
}

.center_banner .second{
    font-size:40px;
    position: absolute;
    top:150px;
    left:8%;
}
.center_banner .second span{
    margin-right: 50px;
}
.center_banner .second span:before{
    content: '';
    width:8px;
    height:8px;
    background-color: #000;
    display: block;
    border-radius: 8px;
    position: absolute;
    left:-18px;
    top:24px;
}
.center_banner .second span:nth-child(2):before{
    left:113px;
    top:24px;
}
.center_banner .second span:nth-child(3):before{
    left:246px;
    top:24px;
}
.center_banner .three{
    font-size:20px;
}
.center_banner .three span{
    width: 240px;
    height:60px;
    line-height:60px;
    position: absolute;
    background-color: #1f428f;
    border-radius: 5px;
    text-align: center;
}
.center_banner .three .left {
    top:230px;
    left:5%;
}
.center_banner .three .right {
    width:250px;
    top:230px;
    right:5%;
    background-color: #1f428f;
}
.center_banner .four{
font-size:20px;
position: absolute;
top:300px;
right:16%;
}
.banner1_2 a {
    color: #fff;
}
.banner1_2 {
    display: none;
    width:100%;
    height:650px;
    background: url("../images/add_05.png") no-repeat;
    /*background-position: 10px 10px;*/
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
}
.banner1_2 a {
    color: #fff;
}
.banner1_2 .center_banner {
    width:570px;
    height:315px;
    background-color: rgba(255,255,255,0.4);
    border-radius: 10px;
    position: absolute;
    top:150px;left:200px;top:260px;
    /*transform: translateY(-50%);*/
}
.banner1_2 .center_banner .first{
    letter-spacing: 10px;
}
.banner1_3 a {
    color: #fff;
}
.banner1_3 {
    display: none;
    width:100%;
    height:650px;
    background: url("../images/add1_08_03.png") no-repeat;
    /*background-position: 10px 10px;*/
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
}
.banner1_3 a {
    color: #fff;
}
.banner1_3 .center_banner {
    width:600px;
    height:315px;
    background-color: rgba(255,255,255,0.4);
    border-radius: 10px;
    position: absolute;
    top:150px;left:200px;top:260px;
    /*transform: translateY(-50%);*/
}

.banner1_3 .center_banner .second span:nth-child(2):before{
    left:277px;
    top:24px;
}
/*tab*/
.tab {
    width:100%;
    height:60px;
    line-height:60px;
    background-color: #eaeaea;
}
.tab .nav > li > a {
    position: relative;
    display: block;
    padding: 0 90px;
    color: #333;
    font-size:20px;
    padding-right: 50px;
}
.tab .nav-pills > li.active > a{
    color: #fff;
    background-color: #1f428f;
}
.tab .nav span {
    /*position: absolute;*/
    /*top:10px;*/
    /*left:60px;*/
    /*width:40px;*/
    /*height:40px;*/
    /*background: url("../images/index_05.png") no-repeat;*/
    width:40px;
    height:40px;
    border-radius: 40px;
    position: absolute;
    top:10px;
    left:79px;
    display: inline-block;
    border:2px #333 solid;
}
.tab .nav i{
    font-size:20px;
    font-style: normal;
    font-weight:700;
}
.tab .nav .second{
    border:2px #333 solid;
}
.tab .nav .three{
    border:2px #333 solid;
}
.tab .nav-pills > li:first-child{
    background-color: #1f428f;
}
.tab .nav-pills > li:first-child a{
    color: #fff;
}
.tab .nav-pills > li:first-child span {
    border:2px #fff solid;
}
.tab .nav-pills > li> a:hover .second,
.tab .nav-pills > li> a:hover .three{
    border:2px #fff solid;
     /*background-color: #1f428f;*/
 }
.tab .nav-pills > li> a:hover{
    color: #fff;
}
.tab .nav-pills > li> a:hover span {
    border:2px #fff solid;
}
.tab .nav-pills > li> a:hover i{
    color: #fff;
}
/*内容*/
.center_content{
    text-align: center;
}
.center_content .title{
    font-size:30px;
    margin-top: 60px;
}
.center_content .table_title{
    font-size:20px;
    margin-top:  25px;
    color: #494949;
    position: relative;
}
.table_title span{
    width:370px;
    height:40px;
    line-height:40px;
    border:2px solid #ccc;
    display: block;
    margin-left:415px;
}
.table_title span:before{
    content: '';
    width:400px;
    height:2px;
    background-color: #ccc;
    position: absolute;
    left:0;
    top:20px;
}
.table_title span:after{
    content: '';
    width:400px;
    height:2px;
    background-color: #ccc;
    display: block;
    position: absolute;
    right:0;
    top:20px;
}
.company {
    width:100%;
    height:140px;
    margin-top: 30px;
}
.company li{
    float: left;
    position: relative;
    padding:0 5px;
}
.company li a{
    color: #333;
    font-size:16px;
    display: block;
    text-align: center;
}
.company li a img {
    display: inline-block;
    width:230px;
    height:98px;
    border:1px solid #ccc;
}
.company li span{
    /*position: absolute;*/
    /*bottom: -30px;*/
    /*left:40px;*/
    display: block;
    text-align: center;
    width:230px;
    height:40px;
    line-height:40px;

}
a:hover {
    text-decoration: none;
}
a.next_case {
    display: block;
    width:230px;
    height:60px;
    line-height:60px;
    background-color: #1f428f;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 20px;
    margin-top:35px;
    margin-left: 480px;
}
.product_title {
    margin-top: 60px;
    color: #333;
    font-size:30px;
}
.product_content {
    margin-top: 25px;
    height:720px;
    width:100%;
    border-top: 2px solid #ccc;
}
.product_content {
    position: relative;
    margin-top: 30px;
}
.product_content .left {
    width:220px;
    position: relative;
    left:0;
    top:25px;
}
.product_content .left li {
    width:100%;
    height:56px;
    border:1px solid #ccc;
    border-top: 0;
    line-height:56px;
}
.product_content .left li.first{
    height:90px;
    line-height:90px;
    background-color: #042672;
    border-top: 1px solid #ccc;
}
.product_content .left li.active{
    background-color: #1f428f;
}
.product_content .left li a {
    display: block;
    width:100%;
    height:55px;
    color: #000033;
    font-size:16px;
}
.product_content .left li.first a{
    color: #fff;
    font-size:30px;
}
.product_content .left li.first a img{
    /*margin-top: 10px;*/
    margin-left: 5px;
}
.product_content .left li.active a{
    color: #fff;
}
.product_content .left li a:hover{
    color: #fff;
    background-color: #1f428f;
}
.product_content .left li.first a:hover{
    background-color: #042672;
}
.product_content .top {
    position: absolute;
    left: 238px;
    top: 30px;
}
.product_content .top li{
    float: left;
    width:182px;
    height:54px;
    margin-right: 10px;
	margin-bottom:5px;
}
.product_content .top li a {
    width:100%;
    height:54px;
    line-height:54px;
    display: block;
    border:1px solid #ccc;
    color: #000033;
    font-size:16px;
}
.product_content .bottom {
    position: absolute;
    left:238px;
    top:168px;
    width:960px;
}
.product_content .bottom li {
    width:312px;
    height:258px;
    float: left;
    margin-right:8px;
    margin-bottom: 8px;
}
.product_content .bottom li a {
    width:100%;
    height:258px;
    display: block;
    position: relative;
    color: #333;
    font-size:16px;
}
.product_content .bottom li a #auto_img{
    height: 234px;overflow: hidden;
}
.product_content .bottom li a #auto_img img{transition: .6s;}
.product_content .bottom li:hover a #auto_img img{transform: scale(1.1,1.1);}
.product_content .bottom li a span{
    content: '';
    width: 100%;
    height:45px;
    background-color: #ececec;
    line-height:45px;
    text-align: center;
    position: absolute;
    left:0;
    bottom: 0;
}
.product_content .bottom li.active a span{
    background-color: #1f428f;
    color: #fff;
}
.product_content .bottom li a:hover span{
    background-color: #1f428f;
    color: #fff;
}


.banner2 {
    height:260px;
    /*text-align: center;*/
    background-color: #1f428f;
    position: relative;
}
.banner2 p{
    color: #fff;
}
.banner2 .first{
    font-size:40px;
    font-weight:700;
    position: absolute;
    top:40px;
   left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;

}
.banner2 .second{
    font-size:32px;
    position: absolute;
    top:110px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
}
.banner2 .three{
    font-size:20px;
}
.banner2 .three a {
    color: #fff;
}
.banner2 .three span{
    width: 240px;
    height:60px;
    line-height:60px;
    position: absolute;
    background-color: #bc9f63;
    border-radius: 8px;
    text-align: center;
}
.banner2 .three .left {
    top:170px;
    left:31%;
}
.banner2 .three .right {
    top:170px;
    right:27%;
    background-color: #042672;
}
/*视频*/
.video{
    height:380px;
    width:100%;
    text-align: center;
}
.video_title{
    margin-top: 60px;
    color: #333;
    font-size:30px;text-align: center;line-height: 2;font-weight: bolder;
}
.video_title em{color: #1f428f;}
.video_title span{font-size: 18px;color: #666;}
.video .video_content{
    margin-top: 25px;
    width:100%;
    border-top: 2px solid #ccc;
}
.video_content ul{
    width: 100%;
    margin-top: 25px;
    margin-left: 10px;
}

.banner3 {
    height:260px;
    /*text-align: center;*/
    background-color: #1f428f;
    position: relative;
}
.banner3 p{
    color: #fff;
}
.banner3 .first{
    font-size:40px;
    font-weight:700;
    position: absolute;
    top:40px;
     left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;

}
.banner3 .second{
       font-size: 18px;
    position: absolute;
    top: 110px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
}
.banner3 .second span{
    margin-right: 50px;font-size: 18px;
}
.banner3 .three{
    font-size:20px;
}
.banner3 .three a {
    color: #fff;
}
.banner3 .three span{
    width: 240px;
    height:60px;
    line-height:60px;
    position: absolute;
    background-color: #bc9f63;
    border-radius: 8px;
    text-align: center;
}
.banner3 .three .left {
    top:170px;
    left:31%;
}
.banner3 .three .right {
    top:170px;
    right:27%;
    background-color: #042672;
    font-family: Arial;
}
.banner3 .three .right img {
    margin-left: -10px;
}

.news {
    height: 630px;
    width:100%;
    text-align: center;
}
.news .news_title{
    margin-top: 60px;
    color: #333;
    font-size:30px;
}
.news .news_content{
    margin-top: 25px;
    width:100%;
    border-top: 2px solid #ccc;
    position: relative;
}
.news_content .top{
}
.news_content .top ul{
    margin-top: 30px;
width: 100%;
    text-align: center;
}
.news_content .top ul li{
    width:110px;
    height:50px;
   display: inline-block;
    margin:0 18px;
}
.news_content .top ul li a {
    width:100%;
    height:50px;
    line-height:50px;
    display: block;
    color: #333;
    font-size:20px;
}
.news_content .top ul li.active a{
    background-color: #1f428f;
    color: #fff;
}
.news_content .top ul li a:hover {
    background-color: #1f428f;
    color: #fff;
}
.news_content .left{
    width:470px;
    height:375px;
    border: 1px #ccc solid;
    margin-top: 30px;
    position: relative;
}
.news_content .left a{
    width:420px;
    /*height:130px;*/
    display: block;
    margin-left: 20px;
    margin-top: 25px;
}
.news_content .left a img{width:100%;}
.news_content .left h6 {
    font-size: 16px;
    position: absolute;
    left:0;
    top:310px;
}
.news_content .left h6 a{
    color: #333;
    text-align: left;
}
.news_content .left p {
    position: absolute;
    line-height:25px;
    left:0;
    top:230px;
    font-size: 14px;
    color: #999999;
    padding: 0 10px;
    text-align: left;

    overflow: hidden;
    height:90px;
    text-overflow: -o-ellipsis-lastline;overflow: hidden;
    text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;
    -webkit-box-orient: vertical;display:none;
}
.news_content .right{
    width:720px;
    /*height:375px;*/
    top:110px;
    left:490px;
    position: absolute;
}
.news_content .right ul {
    width:100%;
}
.news_content .right ul li{
    width:350px;
    height:120px;
    float: left;
    margin-right: 8px;
    margin-bottom: 8px;
    border:1px solid #ccc;
    position: relative;
    color: #fff;
}
.news_content .right ul li a {
    color: #333;
}
.news_content .right ul li span {
    width:80px;
    height:80px;
    position: absolute;
    left: 10px;
    top: 20px;
    background-color: #cccccc;
    font-size:16px;

}
.news_content .right ul li span i {
    position: absolute;
    left:16px;
    top:8px;
    font-size: 38px;
    font-style: normal;
    font-family:Arial;
}
.news_content .right ul li span i.bottom {
    position: absolute;
    left:11px;
    top:55px;
    font-size: 16px;
}
.news_content .right ul li.active span{
    color: #fff;
    background-color: #1f428f;
}
.news_content .right ul li  p.title_item{
    position: absolute;
    left:100px;
    top:25px;
    color: #333;
}
.news_content .right ul li  p.title_content{
    position: absolute;
    left:97px;
    top:55px;
    text-align: center;
    color: #999999;
    /*width: 240px;*/
    overflow: hidden;
    height:40px;
    text-overflow: -o-ellipsis-lastline;overflow: hidden;
    text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.product_content .index-contact-img{width: 220px;
    position: relative;
    left: 0;
    top: 15px;text-align: left;border: 1px solid #ccc;border-top: 0;padding-top: 10px;padding-left: 15px;padding-right: 15px;
    box-sizing: border-box;}
    .product_content .index-contact-img h2{font-size: 16px;line-height: 1.8}
    .product_content .index-contact-img p{font-size: 14px;line-height: 1.8}

    #pro6{ overflow:hidden;width: 100%;float: left;position: relative;}



#pro6_cen{ margin-top: 30px}
.prolist6{ overflow:hidden;}
.prolist6 li { position:relative; float:left; width:280px; text-align:center; margin:0px 10px;overflow:hidden; display:inline /*解决ie6 双边距bug*/;
text-overflow:ellipsis; white-space:nowrap;}
.prolist6 li .InfoContent{ height:2em; overflow:hidden; font-size:12px; font-weight:normal; line-height:18px; white-space:pre-line;}
.prolist6 li a #auto_img{display: block;width:280px;height: 200px;overflow: hidden; border:2px solid #fff;float: left;text-align: center; }
.prolist6 li #auto_img:hover{ border:2px solid #003e92;}
.prolist6 li #auto_img img{ transition: .6s;}
.prolist6 li:hover #auto_img img{ transform: scale(1.1,1.1);}
.prolist6 li a#a_title { white-space:nowrap; line-height:42px;height:42px;width: 100%;text-align: center;display: block;float: left;color: #333;font-size: 16px;}

.w1200 {
    width: 1200px;
    margin: 0 auto;
}
.in_title {
    padding-top: 25px;
    height: 94px;
    text-align: center;
}
.in_title h3 {
    display: inline-block;
    font-size: 36px;
    color: #003e92;
    font-weight: normal;
    line-height: 36px;
}
.in_title p {
    font-size: 14px;
    color: #666;
    text-transform: uppercase;
    padding-top: 7px;
    line-height: 14px;
}
.in_title i {
    display: block;
    width: 182px;
    height: 18px;
    background: url(../images/a13_03.png) center center no-repeat;
    margin: 0 auto;
    margin-top: 18px;
}
.floor_6_2 {
    margin-top: 54px;
    clear: left;
    display: block;
}
.floor_6_2 ul {
    display: inline-block;
}
.floor_6_2 ul li {
    float: left;
    width: 230px;
    height: 350px;
    box-shadow: 0px 0px 16px #efeeee;
    position: relative;
    margin-right: 12px;
    border-radius: 6px;
    overflow: hidden;
    text-align: center;
}
.floor_6_2 ul li.li5 {
    margin-right: 0;
}
.floor_6_2 ul li a {
    display: block;
    width: 230px;
    height: 350px;
    background-color: #fff;
}
.floor_6_2 ul li img {
    width: 230px;
    height: 279px;
    background-size: 100%;
}
.floor_6_2 ul li .sheji {
    background: url(../images/a20_03.png);
    width: 230px;
    height: 279px;
    position: absolute;
    left: 0;
    top: 0;
}
.floor_6_2 ul li .sheji i {
    width: 64px;
    height: 64px;
    background-position: -294px -316px;
    margin-top: 61px;
    transition: all .6s ease 0s;
}
.floor_6_2 ul li .sheji p {
    font-size: 24px;
    color: #fff;
    line-height: 24px;
    padding-top: 38px;
    transition: all .6s ease 0s;
}
.floor_6_2 ul li .sheji p span {
    display: block;
    font-size: 18px;
    color: #dddddd;
    line-height: 18px;
    padding-top: 10px;
}
.floor_6_2 ul li .zixun {
    display: block;
    width: 230px;
    height: 71px;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.floor_6_2 ul li .zixun p {
    width: 140px;
    height: 35px;
    background-color: #666666;
    border-radius: 5px;
    line-height: 35px;
    font-size: 18px;
    color: #fff;
    display: inline-block;
    margin-top: 18px;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.floor_6_2 ul li .zixun p span {
    width: 5px;
    height: 7px;
    display: inline-block;
    background-position: -118px -282px;
    margin-left: 10px;
}
.floor_6_2 ul li:hover .zixun {
    background-color: #003e92;
}
.floor_6_2 ul li:hover .zixun p {
    background-color: #fff;
    color: #1667cb;
}
.floor_6_2 ul li:hover .zixun p span {
    background-position: -125px -282px;
}
.floor_6_2 ul li.li2 .sheji i {
    background-position: -363px -316px;
}
.floor_6_2 ul li.li3 .sheji i {
    background-position: -432px -316px;
}
.floor_6_2 ul li.li4 .sheji i {
    background-position: -499px -316px;
}
.floor_6_2 ul li.li5 .sheji i {
    background-position: -567px -316px;
}
.floor_6_2 ul li:hover .sheji i {
    margin-top: 65px;
}
.floor_6_2 ul li:hover .sheji p {
    padding-top: 30px;
}
.iconp {
    background: url(../images/iconp.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
}