html, body { color: #666; background-color:#ffff; font-size: 14px; }
.w1200 { width: 1200px; margin: 0 auto; position: relative; }
.w1160 { width: 1160px; margin: 0 auto; }
.w1300 { width: 1300px; margin: 0 auto; position: relative; }
a { color: #666; transition: color 0.3s ease 0s; }
    a:hover { color: #015AAC; }
ul:after { display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }
.pro_l { width: 47px; height: 47px; display: inline-block; top: 136px; left: -40px; position: absolute; z-index: 5; }
    .pro_l a { width: 47px; height: 47px; background: url(../images/pro_l1.png) no-repeat; display: inline-block; }
        .pro_l a:hover { background: url(../images/pro_l2.png) no-repeat; }
.pro_r { width: 47px; height: 47px; display: inline-block; right: -40px; top: 136px; position: absolute; }
    .pro_r a { width: 47px; height: 47px; background: url(../images/pro_r1.png) no-repeat; display: inline-block; }
        .pro_r a:hover { background: url(../images/pro_r2.png) no-repeat; }
	

.i-zero-wrap { background: #fff; }
.tit1 h2 { font-size: 30px; line-height: 42px; font-weight: normal; text-align: center; margin-bottom: 5px; }
.tit1 p { line-height: 26px; font-size: 14px; margin-top: 6px; color: #999; text-align: center; }

.iban-wrap { height: 510px; margin-top: 130px; }
.iban { height: 510px; background: url(../images/loadings.gif) no-repeat center; }
    .iban .imglist li.active { animation: bannerIn 15s forwards; }
.tit-box h4 { font-size: 26px; line-height: 36px; font-weight: normal; }
.tit-box .intr { line-height: 26px; font-size: 15px; margin-top: 6px; color: #999; }
.tit-box .line { display: block; width: 10px; height: 2px; background-color: #015AAC; margin-top: 6px; line-height: 2px; }
.tit-box .more { display: inline-block; line-height: 32px; margin-top: 16px; padding-left: 25px; background: url(../images/ico_09.png) no-repeat left center; font-size: 12px; }
.i-wrap { background: #fff; max-width: 1300px; margin: 0 auto; }

.schW { width: 100%; height: 58px; overflow: hidden; border-top: 1px solid #FFF; }
.sch { width: 1080px; height: 50px; color: #015AAC; clear: both; line-height: 30px; padding: 8px 60px 0; overflow: hidden; margin: 0 auto; background-color:#0F0; overflow: hidden; }
    .sch a { color: #015AAC; display: inline-block; padding: 0 6px; }
        .sch a:hover { color: #015AAC; text-decoration: underline; }


.i-fir-wrap { padding-top: 50px; padding-bottom: 60px; background: #fff; overflow: hidden; }

.product_ct { width: 100%; position: relative; overflow: hidden; padding-top: 50px; }
    .product_ct ul { width: 1200px;margin-bottom:30px; }
.product-slide { float: left; width: 280px; margin-right: 10px; margin-bottom: 20px;margin-left:10px; }
    .product-slide .box { width: 280px; margin: 0px auto; overflow: hidden; }
    .product-slide .img { display: block; height: 270px; width: 270px; border:5px solid #015AAC; overflow: hidden; margin-bottom: 4px; }
    .product-slide:hover .img { background: #e9e9e9; }
    .product-slide .img img { width: 100%; }
    .product-slide .img:hover img { transform: scale(1.1,1.1); transition: transform 0.6s ease 0s; }
    .product-slide a.tt { display: block; line-height: 32px; height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; color: #555;transition: all 0.3s ease 0s; padding: 5px; background: #015AAC;  color: #fff;}
    .product-slide .box:hover .tt { color: #fff; background-color: #015AAC; }


a.more { cursor: pointer; width: 180px; border: 1px solid #015AAC; display: block; margin: 0 auto; height: 45px; text-align: center; line-height: 45px; }
    a.more:hover { border: 1px solid #015AAC; }

a.alphatrans { transition: all 0.8s; color: #ffffff; background: #015AAC; }
    a.alphatrans:hover { color: #015AAC; background: #FFFFFF; }

a.alphatrans1 { transition: all 0.8s; }
.divtrans { transition: all 0.8s; }






.i-sec-wrap { background: #fff; padding-top: 50px; padding-bottom: 60px; height: 590px; overflow: hidden; }


    .i-sec-wrap .i-news { margin-top: 50px; }
    .i-sec-wrap .left-wrap { width: 560px; }
        .i-sec-wrap .left-wrap .img { display: block; width: 100%; position: relative; overflow: hidden; }
            .i-sec-wrap .left-wrap .img img { -webkit-transform: translateZ(0px); transform: translateZ(0px); -webkit-transition: -webkit-transform 0.3s ease 0s; transition: transform 0.3s ease 0s; }
            .i-sec-wrap .left-wrap .img:hover img { -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: -webkit-transform 0.6s ease 0s; transition: transform 0.6s ease 0s; }
        .i-sec-wrap .left-wrap .cont { margin-top: 25px; }
        .i-sec-wrap .left-wrap .tit-box { line-height: 32px; }
            .i-sec-wrap .left-wrap .tit-box .stt { font-size: 18px; display: inline-block; }
                .i-sec-wrap .left-wrap .tit-box .stt a { color: #292929; }
            .i-sec-wrap .left-wrap .tit-box .date { font-size: 14px; color: #6d6d6d; opacity: 0.3; filter: alpha(opacity=30); }
        .i-sec-wrap .left-wrap .word { margin-top: 13px; line-height: 24px; font-size: 12px; }
            .i-sec-wrap .left-wrap .word a { color: #888; display: inline-block; }
                .i-sec-wrap .left-wrap .word a:hover { color: #292929; }
    .i-sec-wrap .more { margin-top: 13px; }
    .i-sec-wrap .right-list { width: 560px; }
        .i-sec-wrap .right-list li { width: 560px; padding-top: 15px; padding-bottom: 17px; position: relative; margin-bottom: 20px; -webkit-transition: background 0.3s ease 0s; transition: background 0.3s ease 0s; float: left; }
            .i-sec-wrap .right-list li .left-bord { display: none; width: 5px; height: 100%; position: absolute; left: 0; top: 0; background-color: #015AAC; }
            .i-sec-wrap .right-list li .num { width: 122px; text-align: center; line-height: 90px; font-size: 68px; color: #333; }
            .i-sec-wrap .right-list li .line { display: inline-block; width: 1px; height: 76px; background-color: #6b6a6a; margin-top: 12px; }
            .i-sec-wrap .right-list li .cont-wrap { margin-left: 23px; width: 385px; }
            .i-sec-wrap .right-list li .tit-box { line-height: 38px; }
            .i-sec-wrap .right-list li .tit { display: inline-block; font-size: 18px; color: #015AAC; width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
            .i-sec-wrap .right-list li .date { display: inline-block; font-size: 14px; color: #232323; opacity: 0.3; filter: alpha(opacity=30); }
            .i-sec-wrap .right-list li .word { line-height: 24px; margin-top: 4px; font-size: 12px; }
                .i-sec-wrap .right-list li .word a { color: #888; }
            .i-sec-wrap .right-list li:hover { background-color: #eeecec; }
                .i-sec-wrap .right-list li:hover .left-bord { display: block; }
.i-thi-wrap { padding-top: 40px; height: 560px; background: url(../images/bg_01.jpg) no-repeat center; overflow: hidden; }
    .i-thi-wrap .tit1 p { }
.i-about { padding: 40px 0 0px; }
.gs_pic { width: 47%; float: right; }
    .gs_pic img { width: 100%; margin: 0 auto; display: block; float: right; }
.gs_text { width: 47%; float: left; }
.gs_text_con { height: 280px; overflow: hidden; margin-bottom: 15px; }

.about_item { padding-top: 20px; }

.item_div { width: 33.33%; float: left; }
    .item_div > div { width: 80%; cursor: pointer; }

        .item_div > div .item_img { width: 40%; overflow: hidden; position: relative; margin: 0 auto; }
            .item_div > div .item_img img { transition: top 0.5s ease; position: absolute; left: 0px; top: 0px; width: 100%; }
        .item_div > div:hover .item_img img { top: -100%; }


        .item_div > div .item_content { width: 100%; text-align: center; margin-top: 5px; }
            .item_div > div .item_content span { display: block; }
                .item_div > div .item_content span:nth-child(1) { font-size: 1.2em; color: #fff; }
        .item_div > div:hover .item_content span:nth-child(1), .item_div > div:hover .item_content span:nth-child(2) { color: #015AAC; }
        .item_div > div .item_content span:nth-child(2) { }



.i-fou-wrap { height: 670px; background: #f5f5f5; padding-top: 50px; overflow: hidden; }
    .i-fou-wrap .slide-box { position: relative; z-index: 5; padding-top: 50px; }
        .i-fou-wrap .slide-box .bd { width: 1190px; }
            .i-fou-wrap .slide-box .bd ul li { width: 270px; height: 380px; background: #fff; }
                .i-fou-wrap .slide-box .bd ul li .title { height: 100px; padding-top: 40px; }

                    .i-fou-wrap .slide-box .bd ul li .title .top { background: url(../images/tb2.jpg) no-repeat center top; padding-top: 20px; }
                        .i-fou-wrap .slide-box .bd ul li .title .top p { font-weight: bold; font-size: 20px; color: #333; text-align: center; }
                    .i-fou-wrap .slide-box .bd ul li .title .text { width: 215px; padding-top: 15px; margin: 0 auto; }
                        .i-fou-wrap .slide-box .bd ul li .title .text p { color: #8f8f8f; text-align: center; }
            .i-fou-wrap .slide-box .bd ul li { margin-right: 27px; float: left; }

        .i-fou-wrap .slide-box .hd { height: 90px; text-align: center; line-height: 90px; margin: 0 auto; }
            .i-fou-wrap .slide-box .hd ul { text-align: center; margin: 0 auto; padding-top: 35px; float: left; }
                .i-fou-wrap .slide-box .hd ul li { width: 12px; height: 12px; background: #8d8d8d; float: left; margin-right: 7px; text-indent: -9999px; overflow: hidden; }
                    .i-fou-wrap .slide-box .hd ul li.on { background: #015AAC; }
            .i-fou-wrap .slide-box .hd p { text-align: center; }
            .i-fou-wrap .slide-box .hd .next { background: url(../images/btn1.png); width: 24px; height: 47px; background-position: -24px 0px; position: absolute; right: 0px; top: 200px; cursor: pointer; }
            .i-fou-wrap .slide-box .hd .prev { background: url(../images/btn1.png); width: 24px; height: 47px; position: absolute; left: 0px; top: 200px; cursor: pointer; }

.pageban{height:260px; position:relative; overflow:hidden; z-index:0;}
.sidebar{width:280px; text-align:left;  padding:20px 0; float:left;}
.sidebar h1{width:100%; padding:20px 0; color:#FFF; background-color:#015AAC; font-size:24px;}
.sidebar h1 span{width:100%; color:#FFF; line-height:normal; display:inline-block; font-size:24px; text-indent:20px;}
.sidebar h1 label{width:100%; color:#FFF; font-family:Arial, Helvetica, sans-serif; text-indent:20px; display:inline-block; font-size:14px;}
.sidebar ul{width:100%; background-color:#FFF; float:left;}
.sidebar ul li a{
display: block;
font-size: 14px;
padding: 15px 0;
text-indent:20px;
transition: all 0.2s;
border-bottom: 1px solid #e5e5e5;
background:url(../images/ico_16.png) no-repeat 94% 53%;
color:#000;	
}
.sidebar ul li a:hover{
color:#015AAC; font-weight:bold;
background:#f5f5f5 url(../images/ico_16.png) no-repeat 94% 53%;
border-bottom: 1px solid #ccc;
}
.sidebar ul li a.side_hv{
color:#015AAC; font-weight:bold;
background:#f5f5f5 url(../images/ico_16.png) no-repeat 94% 53%;
border-bottom: 1px solid #ccc;
}
.sidebar ul li.xiao a{
display: block;
font-size: 14px;
padding: 10px 0;
text-indent:20px;
transition: all 0.2s;
border-bottom: 1px solid #e5e5e5;
background:#eee url(../images/plus-.gif) no-repeat 94% 53%;
color:#666;	
}
.sidebar ul li.xiao a:hover{
color:#333 font-weight:bold;
background:#ccc url(../images/plus-.gif) no-repeat 94% 53%;
border-bottom: 1px dashed #ccc;
}
.sidebar ul li.xiao a.xiao_hv{
color:#333 font-weight:bold;
background:#ccc url(../images/plus-.gif) no-repeat 94% 53%;
border-bottom: 1px dashed #ccc;
}
.sidebar h2{width:100%; padding:20px 0; color:#FFF; background-color:#e7e7e7;}
.sidebar h2 span{display:inline-block; float:left; margin-left:20px; color:#FFF; font-size:14px; background-color:#818181; border-radius:10px; padding:5px 15px;}
.sidebar h2 label{display:inline-block; font-weight:bold; margin-left:20px; color:#015AAC; font-size:24px; line-height:normal; margin-top:10px; font-family:Arial, Helvetica, sans-serif;}

.content{width:900px; overflow:hidden; float:right;}
.content .subnav{width:100%; float:left; padding:10px 0; border-bottom:solid 1px #ddd; color:#000; font-size:13px; text-align:right;}
.content .subnav > a{color:#000; display:inline-block;}
.content .subnav > a:first-child{ padding-left:10px;}
.content .subnav > label{ display:inline-block; padding:0 10px;}
.content .neirong{width:98%; padding:10px 1%; float:left; text-align:left; color:#000; font-size:16px; line-height:160%;}
.content .neirong p{font-size:16px;}
.content .neirong span{font-size:16px;}
.content .centlist{width:98%; padding:10px 1%; float:left;}
.content .centlist > h1{width:100%; padding-top:10px; text-align:center; line-height:160%; color:#000; font-size:18px; font-weight:bold; float:left;}
.content .centlist > h2{width:100%; padding:10px 0; border-bottom:solid 1px #ddd; text-align:center; font-weight:normal; line-height:160%; font-size:13px; color:#666; float:left;}
.content .centlist .centbox{width:100%; margin-top:10px; text-align:left; line-height:160%; font-size:16px!important; color:#000; float:left;}
.content .centlist .centbox p{line-height:200%; text-indent:2em; font-size:16px!important;}
.content .centlist .centbox span{line-height:200%; display:inline-block; font-size:16px!important;}

.content .showinfo{width:98%; padding:10px 1%; float:left;}
.content .showinfo > h1{width:100%; text-align:center; padding:10px 0; line-height:normal; font-size:18px; color:#000; float:left;}
.content .showinfo .Shuom{width:100%; text-align:left; font-size:13px!important; color:#000; float:left;}
.content .showinfo .Shuom p{font-size:13px!important; line-height:160%!important;}
.content .showinfo .Shuom img{max-width:100!important%; margin:0 auto!important; display:block!important;}
.content .showinfo > h2{width:100%; text-align:left; padding:15px 0 5px 0; font-weight:bold; font-size:14px; border-bottom:solid 1px #ddd; color:#000; float:left;}
.content .showinfo .xiang{width:100%; text-align:center; overflow:hidden; float:left;}

.content .caselist{width:912px; float:left; text-align:center;}
.content .caselist dl{width:216px; margin-right:12px; float:left;}
.content .caselist dl dt{width:200px; padding:7px; border:solid 1px #ddd; overflow:hidden; float:left;}
.content .caselist dl dt:hover{border:solid 1px #015AAC;}
.content .caselist dl dt img{width:200px; height:200px; display:block;}
.content .caselist dl dd{width:100%; padding:10px 0; float:left;}
.content .caselist dl dd a{width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; color:#333; font-size:14px;}
.content .caselist dl dd a:hover{color:#015AAC;}

.content .honorbox{width:912px; float:left; text-align:center;}
.content .honorbox dl{width:216px; margin-right:12px; float:left;}
.content .honorbox dl dt{width:210px; padding:2px; border:solid 1px #ddd; overflow:hidden; float:left;}
.content .honorbox dl dt:hover{border:solid 1px #015AAC;}
.content .honorbox dl dt img{width:210px; height:245px; display:block;}
.content .honorbox dl dd{width:100%; padding:10px 0; float:left;}
.content .honorbox dl dd a{width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; color:#333; font-size:14px;}
.content .honorbox dl dd a:hover{color:#015AAC;}

.content .newslist{width:100%; padding:10px 0; float:left; text-align:left;}
.newslist ul.ny-news-lists li div.time{
    width: 90%;
    background-color: #f7f7f7;
    text-align: center;
    font-family: Arial;
    margin: 0 auto;
}
.newslist ul.ny-news-lists li div.time p{
    text-align: center;
    margin: 0;
}
.newslist ul.ny-news-lists li div.time p.date{
    display: block;
    line-height: 50px;
    border-bottom: 1px solid #f5f5f5;
    color: #666;
    font-size: 30px;
}
.newslist ul.ny-news-lists li div.time p.year{
    display: block;
    color: #999;
    line-height: 22px;
    font-size: 12px;
}
.newslist ul.ny-news-lists li div.title a{
    font-size: 16px;
    line-height: 1.4;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: -2px;
    display: block;
    transition: all .3s;
    color: #333;
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.newslist ul.ny-news-lists li div.desc{
    color: #808080;
    font-size: 13px;
   
    line-height: 24px;

    max-height: 48px;
    overflow: hidden;
}
.newslist ul.ny-news-lists li {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #d9d9d9
}

/* pages */

.fypage{width:100%; padding:15px 0px 15px 0px; margin-top:10px; background-color:#FFF; text-align:center; color:#333; font-size:13px; float:left;}
.fypage > a{color:#333; font-size:13px; display:inline-block; border:solid 1px #ddd; padding:5px 10px; margin:0 5px;}
.fypage > a:hover{color:#FFF; background-color:#015AAC; border:solid 1px #015AAC;}
.fypage > a.cur_p{color:#FFF; background-color:#015AAC; border:solid 1px #015AAC;}
.fypage > span{color:#666; font-size:13px; display:inline-block; padding:6px 11px;}
.fypage > label{color:#666; font-size:13px; display:inline-block; padding:6px 11px 6px 0px;}

.text_inp{ width:150px; height:20px; line-height:20px; vertical-align:middle; border:solid 1px #999; text-indent:10px;}
.area_inp{ width:300px; height:100px; margin-top:5px; float:left; line-height:20px; padding:10px; border:solid 1px #999;}
.text_btn{padding:3px 15px; color:#000; border:solid 1px #999; float:left; margin:5px 20px 0 35px; font-size:13px;}

.feedbk{width:679px; margin:0 auto text-align:left;}
.feedbk h2{width:679px; font-family:"微软雅黑"; font-size:14px; font-weight:normal; color:#666;}
.feedbk input.fk_txt{width:303px; height:28px; font-family:"微软雅黑"; line-height:28px; margin-top:20px; font-size:14px; text-indent:10px; color:#333; vertical-align:middle; float:left; border:solid 1px #ddd;}
.feedbk input.fk_txt2{width:303px; height:28px; font-family:"微软雅黑"; line-height:28px; margin-top:20px; font-size:14px; text-indent:10px; color:#333; vertical-align:middle; float:right; border:solid 1px #ddd;}
.feedbk textarea{width:657px; font-size:14px; font-family:"微软雅黑"; border:solid 1px #ddd; float:left; line-height:28px; margin-top:20px; padding:0px 10px; height:125px; color:#333;}
.feedbk input.fk_btn{width:130px; height:36px; font-family:"微软雅黑"; line-height:36px; margin-top:20px; border:solid 1px #999; background-color:#f5f5f5; vertical-align:middle; float:left; text-align:center; font-size:16px; color:#000;}

.content .piclist{width:921px; float:left; text-align:center;}
.content .piclist dl{width:270px; margin-top:15px; padding:6px; border:solid 1px #999; overflow:hidden; margin-right:21px; float:left;}
.content .piclist dl dt{width:270px; height:270px; position:relative; float:left;}
.content .piclist dl dt img{width:270px; height:270px; display:block;}
.content .piclist dl dd{width:100%; float:left;}
.content .piclist dl dd a{width:100%; padding:10px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background-color:#ddd; display:inline-block; color:#000; font-size:14px;}
.content .piclist dl:hover dd a{background-color:#015AAC; color:#FFF;}
.content .piclist dl:hover{border:solid 1px #015AAC;}

#inditm4{height:400px; position:relative; margin-top:20px; z-index:0; background:url(../images/kn_img.jpg) center top repeat-x;}
#inditm4 .inditm4{width:1200px; margin:0 auto;}
#inditm4 .inditm4 a{width:100%; float:left; display:inline-block; height:400px; text-indent:-9999px;}