
.top_bg{ height:163px; background:url(../images/top_bg.gif) repeat-x; }
.header{width: 1200px; margin:0 auto;}
.h_con{ height:113px; overflow:hidden;}
.h_con h1{ float:left;padding: 15px 32px 0 0;width:220px}
.h_con h1 img{
    max-width: 100%;
}
.h_con .h_dw{ float:left; padding:15px 0 0; font-size:18px; color:#333;line-height: 36px; }
.h_dw b{display: block;font-size: 26px;color: #0f5aad;}
.h_con .tel{ float:right;line-height: 26px;font-size: 14px;color: #aaa; background:url(../images/tel.gif) no-repeat;width: 210px;height: 80px;padding: 31px 0 0 75px;}
.tel b{display: block;font-size: 26px;color: #333; font-family:Arial, Helvetica, sans-serif;font-weight: normal;}
.h_nav{ height:50px; line-height:50px;}
.h_nav li{height: 50px; float:left; background:url(../images/nav_bor.gif) no-repeat 0 18px;    text-align: center;
    width: 100%;}
.h_nav li a{ font-size:16px; color:#fff; display:block; float:left;width: 100%;text-align: center;}
.h_nav li a:hover,.h_nav li.cur a{font-weight: bold;}

em,i{ font-style:normal;}


        /*banner*/
        .fullSlide{ min-width:1200px; position:relative;  height:600px; overflow:hidden;  }
        .fullSlide .bd{ position:relative; z-index:0;  }
        .fullSlide .bd ul{ width:100% !important;  }
        .fullSlide .bd li{ width:100% !important;  height:600px; overflow:hidden; text-align:center;  }
        .fullSlide .bd li a{ display:block; height:600px; }
		.fullSlide .bd li img {width: 1920px;height: 600px;display: block;position: absolute;top: 0;left: 50%;margin-left: -960px;}
        .fullSlide .hd{ width:1200px; left:50%; margin-left:-600px; bottom:40px; position:absolute; z-index:1;overflow:hidden; }
        .fullSlide .hd ul{margin-left:500px; }
        .fullSlide .hd ul li{ float:left; margin:0 5px; display:inline; cursor:pointer; width: 62px;height: 5px;background: #fff; text-indent: -999px;}
        .fullSlide .hd ul .on{background: #0f5aad;}
      

.s_bg{height: 80px;overflow: hidden;border-bottom: #ececec 1px solid;}
.search{ width:1200px; margin:0 auto;}
.search p{ float:left;font-size: 14px; color:#999; width:825px; height:80px; line-height:80px; overflow:hidden;}
.search p a{font-size: 14px; color:#999; padding:0 10px 0 0;}
.search p a:hover{color: #0f5aad;}
.search .ser_inp{ background:url(../images/s_inp.gif) no-repeat; width:233px; height:48px; border:none; padding:0 0 0 60px; float:left; font-family:"Microsoft YaHei";font-size: 14px; color:#666; line-height:48px; outline:none;margin-top: 14px;}
.search .ser_so{cursor: pointer; float:left; background:url(../images/s_so.gif) no-repeat; border:none; width:81px; height:48px;margin-top: 14px;}
input::-webkit-input-placeholder {color: #666;}


.f_bg{ background:#152887; height:213px; overflow:hidden; padding:43px 0 0;}
.footer{width: 1200px; margin:0 auto;}
.f_logo{width: 306px;height: 213px;}
.f_logo img{width: 156px;height: 86px;display: block;padding: 0 0 15px;margin-top: -6px;}
.f_logo p{font-size: 14px;color: white;line-height: 27.5px;}
.f_logo p a{color: white;}
/* .f_logo p span,.f_ban span{padding: 0 10px;} */
.f_nav{height: 213px;width: 280px; padding:0 0 0 40px; background:url(../images/f_line.gif) no-repeat left 10px;}
.f_nav ul li{height: 47px;line-height: 39.4px;overflow: hidden;width: 140px;float: left;}
.f_nav ul li a{font-size: 14px;color: white;}
.f_nav ul li a:hover{color: white;}
.f_ban{width: 330px;height: 213px; padding:0 0 0 50px; background:url(../images/f_line.gif) no-repeat left 10px;}
.f_ban p{font-size: 14px;color: white;line-height: 36.7px;}
.f_ban p a{font-size: 14px;color: white;}
.f_er{width: 140px;height: 203px; padding:10px 0 0 50px; background:url(../images/f_line.gif) no-repeat left 10px;}
.f_er p{width: 140px;text-align: center;line-height: 0;}
.f_er img{ width:140px; height:140px;}
.f_er span{display: block;font-size: 14px;color: white;line-height: 30px;}
  
.bg01{  height:901px; overflow:hidden;}


.fl {
    float: left;
}



.fen{ width:278px;   background:rgba(21,40,135, .65); overflow:hidden; margin-top:4px; border-top:0;}

.fen h2{ height:96px; background:url(../images/fen_h.png) no-repeat center top; font:18px "Microsoft YaHei"; font-weight:bold; color:#000; text-transform:uppercase; margin-bottom:20px;}

.fen h2 a{ display:block; padding:15px 0 0 60px; color:#fff;}

.fen h2 em{ display:block; font-size:13px; font-weight:normal;}

.fen h2 i{ display:block; font-size:43px; float:left; width:40px;}

.fen h2 span{ display:inline-block; margin-top:9px;}

.fen h3{ width:228px; height:38px; font:16px "Microsoft YaHei"; font-weight:bold; line-height:38px;overflow:hidden; margin:7px auto 0;}

.fen h3 a{ display:block; color:#fff; background:url(../images/fen_bg1.png) no-repeat;padding-left:37px;}

.fen h3 a:hover{ color:#fff; background:url(../images/fen_bg2.png) no-repeat;}

.fen ul{ padding:5px 0; width:205px; margin:0 auto; display:none;}

.fen li{ font:14px "Microsoft YaHei"; line-height:41px; height:41px; overflow:hidden; background:url(../images/fen_dot.png) no-repeat left center;padding-left:20px; border-bottom:1px dashed #ccc;}

.fen li a{ color:#ccc; display:block;}

.fen h5 a{ display:block; width:228px; height:38px; background:url(../images/fen_bg3.png) no-repeat center top; font:16px "Microsoft YaHei"; text-align:center; font-weight:bold; color:#2c2b2b; margin:24px; line-height:38px;}

.fen p{ font:15px "Microsoft YaHei"; font-weight:bold; color:#152887; padding:12px 10px 0 10px; line-height:30px;}

.fen p em{ display:block; padding-left:88px;}

.fen p span{ display:block; font:22px "Microsoft YaHei"; text-align:center;color:#152887; padding:10px 0 20px;}

.fen p span i{ display:block; font:30px Arial; font-weight:bold; padding-top:9px;}



.pro{ width:880px; overflow:hidden; margin-top:5px;}

.prot{ height:42px; overflow:hidden; position:relative; background:url(../images/pro_bg1.png) repeat-x center top;}

.prot li{ width:120px; height:42px; float:left; font:18px "Microsoft YaHei"; text-align:center; line-height:35px; font-weight:bold;}

.prot li a{ display:block; width:120px; height:42px;color:#152887;}

.prot li a:hover,.prot .cur a{ background:url(../images/pro_bg2.png) no-repeat center top; color:#ffffff;}

.prot p a{ display:block; font:14px Arial; color:#152887; text-transform:uppercase; font-weight:bold; position:absolute; top:10px; right:0;}

.pro3{ height:855px;}

.pro2 li{ width:280px; float:left; margin-right:18px; margin-top:32px; position:relative;}

.pro2 li img{ display:block; height:209px; width:278px; border:1px solid #ffffff;}

.pro2 li em{ display:none; width:72px; height:72px; position:absolute; top:75px; left:105px; background:url(../images/pro_sou.png) no-repeat;}

.pro2 li span{ display:block; height:30px; text-align:center;}

.pro2 li span a{ display:inline-block; width:108px; height:30px; background:url(../images/pro_btn1.png) no-repeat center top; font:16px "Microsoft YaHei"; text-align:center; line-height:30px; color:#fff; margin:0 10px;}

.pro2 li span a.a02{ background:url(../images/pro_btn2.png) no-repeat center top; color:#152887;}

.pro2 li:nth-child(3n){ margin-right:0;}

.pro2 li a{ display:block;}


.pro2 li h4{
    text-align: center;
    color: #152887;
    padding: 7px;
}

.pro2 li a:hover img{height:207px; width:276px; border:2px solid #152887;}

.pro2 li a:hover em{ display:block;}


.navthree:first-child{
    display: block;
}


.fen ul:first-child
{ 
    display: block;
}


.index_case{
    height: 582px;
    background: #ffffff;
}

.index_title{
    height: 166px;
}

.index_title .p1 {
    font-size: 32px;
    color: #111111;
    text-align: center;
    line-height: 55px;
    padding-top: 47px;
}
.index_title .p2 {
    font-size: 18px;
    color: #555555;
    text-align: center;
    text-transform: uppercase;
}
.marqueeleft {
    height: 378px;
    width: 1200px;
    /* overflow: hidden; */
    margin: auto;
}


.marqueeleft ul{
    float:left;
}
.marqueeleft li{
    float:left;
    margin-right:15px;
    display:inline;
    width:389px;
    height:378px;
    overflow:hidden;
}
.marqueeleft li .img{
    width: 100%;
    height: 293px;
    overflow: hidden;
}
.marqueeleft li .img img{
    width: 100%;
    height: 293px;
    transition:all 0.4s ease-in-out;
}
.marqueeleft li:hover .img img{
    transform: scale(1.1);
}
.marqueeleft li .xinxi{
    width: 100%;
    height: 85px;
    background: #f5f5f5;
    transition:all 0.3s ease-in-out;
}
.marqueeleft li:hover .xinxi{
    background: #4e70c3;
}
.marqueeleft li .xinxi .float_l p:nth-child(1){
    font-size: 16px;
    color: #555555;
    width: 290px;
    margin-left: 20px;
    padding-top: 10px;
    line-height: 36px;
    height: 36px;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1; 
    transition:all 0.2s ease-in-out;
}
.marqueeleft li:hover .xinxi .float_l p:nth-child(1){
    color: #fff;
}
.marqueeleft li .xinxi .float_l p:nth-child(2){
    font-size: 14px;
    color: #909090;
    width: 290px;
    margin-left: 20px;
    padding-right: 20px;
    background: url("../images/zt1.png") center right no-repeat;
    display: initial;
    transition:all 0.2s ease-in-out;
}
.marqueeleft li:hover .xinxi .float_l p:nth-child(2){
    color: #fff;
    background: url("../images/zt2.png") center right no-repeat;
}
.marqueeleft li .xinxi .float_r{
    width: 47px;
    border-left: solid 1px #e0e0e0;
    height: 20px;
    margin-top: 30px;
    background: url("../images/jt1.png") center right 30px no-repeat;
    transition:all 0.2s ease-in-out;
}
.marqueeleft li:hover .xinxi .float_r{
    background: url("../images/jt2.png") center right 20px no-repeat;
}