body {overflow-x: hidden;margin:0;padding: 0}
a{color: #000;text-decoration:none}
li{list-style: none;}
ul,p,h1,h2,h3,h4,h5{margin:0!important;padding: 0;padding-left: 0!important;}
.idx{
	width: 1200px;
	margin: 0 auto;
}
.fex{
display: flex;  
display: -webkit-box; 
display: -ms-flexbox;
}
.fl{float: left;}
.fr{float: right;}
.top_nav{
    background:#263646;
    padding: 10px 0;
}

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }  
.transition:{
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
}
nav{
    
}
nav ul{
    
}
nav ul li{
    display: inline-block;
    position: relative;
}
nav ul li:before{
    content: '';
    position: absolute;
    left: 109px;
    top: 21px;
    bottom: 0;
    right: 0;
    margin: 0 auto;
    height: 12px;
    width: 12px;
    transition: 0.5s;
    background: url(../images/nav_jt.png) no-repeat;
    background-size: 100%;
}
nav ul li:hover:before{
    content: '';
    position: absolute;
    left: 109px;
    top: 21px;
    bottom: 0;
    right: 0;
    margin: 0 auto;
    height: 12px;
    width: 12px;
    transform:rotate(180deg);
    transition: 0.5s;
    background: url(../images/nav_jt.png) no-repeat;
    background-size: 100%;   
}
nav ul li a{
    color: #fff;
    padding: 15px 25px;
    display: block;
    transition: 0.8s;
    border-bottom: 1px solid #263646;

}
nav ul li:hover a{
    border-bottom: 1px solid #fff;
}
.pdt_pf{
    width: 100%;height: 50px;background: #eee;    position: absolute;    border-bottom: 1px solid #ccc;
}
.win{
        height: 700px; 
    width:1200px;margin:0px auto;position:relative;
    overflow: hidden;
}
.title{
    width:100%;height:50px;background:#eee;position: relative;    border-bottom: 1px solid #ccc;
}
.title a{
    /*padding:0 30px;*/width:20%;height:100%;float:left;text-align: center;line-height: 50px;font-size: 15px;color:#000;text-decoration: none;position: relative;z-index: 1;
}

.title .float{
    width: 20%;
    height: 2px;
    background: #0082cc;
    position: absolute;
    bottom: 0;
}
.box{
    width:1200px;height:580px;position: relative;margin:0 auto;overflow:hidden;top: 70px; 
}
.box>div{
    width:100%;height: 100%;position: absolute;left:-100%;font-size: 70px;text-align: center;line-height: 270px;top:0;
}
.rightB{
    width:50px;height:70px;font-size: 20px;color:#fff;background: rgba(0,0,0,0.5);position: absolute;right:0;top:45%;line-height:70px;text-align: center;cursor: pointer;z-index: 999
}
.leftB{
    width:50px;height:70px;font-size: 20px;color:#fff;background: rgba(0,0,0,0.5);position: absolute;left:0;top:45%;line-height:70px;text-align: center;cursor: pointer;z-index: 999
}

.pd_yq{
    display: block;
    position: absolute;
    z-index: 10;
    width: 580px;
    right: 305px;
}
.pd_p1,.pd_p2,.pd_p3{
    position: absolute;
    width: 100%;
    animation: xuanzhuan 12s infinite linear ;
}
.pd_p1{z-index: 13}
.pd_p2{z-index: 12}
.pd_p3{z-index: 11}

@keyframes xuanzhuan{
  0%{
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100%{
    transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}

.boxpd_l{
    display: block;
    float: left;
        padding: 50px;
}
.boxpd_l p{
    font-size: 60px;
    line-height: 60px;
    width: 200px;
    text-align: left;
}
.boxpd_l h3{
    font-size: 26px;
    text-align: left;
    line-height: 84px;
    font-weight: normal;   
}
.boxpd_l h4{
    font-size: 52px;
    text-align: left;
    line-height: 84px;
    font-weight: normal;   
}
.boxpd_l h5{
    font-size: 16px;
    text-align: left;
    line-height: 24px;
    font-weight: normal;
    width: 357px;    
}
.boxpd_l a:hover{
    border-radius: 50px;
    color: #fff;
}
.boxpd_l a{
    width: 150px;
    height: 44px;
    display: block;
    background: linear-gradient(to right, #01215d,#006abd);
    font-size: 18px;
    line-height: 43px;
    color: #fff;
    margin-top: 20px;
    transition: 0.8s;
    border-radius: 15px;
}

.boxpd_l img{
    display: block;
    position: absolute;
    right: 37px;
    z-index: 70;
    top: 58px;
}
.idx_abt{
    padding: 160px 0 130px;
    background: url(../images/abt_bg_27.jpg) center top no-repeat;
    background-size: cover;
    min-height: 525px;

}
.idx_abt .tt{
    font-size: 36px;
    font-weight: bold;
    color: #fff;
    font-family: ex;
    position: relative;
}
.idx_abt .tt h3{
    font-family: Impact;
    font-size: 78px;
    position: absolute;
    opacity: 0.1;
    top: -46px;
    left: 0;
}

.idx_abt .tt h4{
    float: left;
    font-size: 35px;
    position: relative;
    left: 82px;  
}
.idx_abt .tt a{
    color: #fff;
    font-size: 14px;
    float: right;
}
.i4 .ul1{margin-top: 35px;height: 415px;overflow: hidden;width: 100%;}

.i4 .ul1 li{width: 24%;float: left;margin-right: 2%; position: relative;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}

.i4 .ul1 li:last-child{margin-right: 0;float: right;}

.i4 .ul1 li *{-webkit-transition: all .8s; -moz-transition: all .8s; transition: all .8s;color: #fff;}

.i4 .ul1 li .img{display: block;width: 100%;}

.i4 .ul1 li .llt{width: 50%;position: absolute;top: 0;left: 0; z-index: 3;transform: rotateY(90deg);-webkit-transform: rotateY(90deg);}

.i4 .ul1 li .llt .txt{
    width: 97%;
    height: 93%;
    top: 4%;
    left: 5%;
    position: absolute;
    background: #fff;
    padding: 25px;  
}

.i4 .ul1 li .llt .txt .ltt{
    color: #2f7fbe;
    line-height: 1.2;
    font-size: 34px;
    font-weight: bold;
    overflow: hidden;
    max-height: 103px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.i4 .ul1 li .llt .txt .ltt2{
    color: #2f7fbe;
    line-height: 1.2;
    font-size: 34px;
    font-weight: bold;
    color: #414141;
    opacity: 0.4;
    overflow: hidden;
    max-height: 103px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.i4 .ul1 li .llt .txt .ltc{margin: 20px 0 ; color: #a0adb6; line-height: 1.5;overflow : hidden;max-height: 102px; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}

.i4 .ul1 li .llt .txt  .lmore{color: #fff; width: 160px;height: 40px;border-radius: 5px; line-height: 40px;text-align: center;transition: background-position 1s ease;background-size: 200% 100%;background-image: linear-gradient(-45deg, #116dbd , #4b5faa 50%, #2ac6c8);background-image: -webkit-linear-gradient(-45deg, #116dbd , #4b5faa 50%, #2ac6c8);background-image: -moz-linear-gradient(-45deg, #116dbd , #4b5faa 50%, #2ac6c8);}

.i4 .ul1 li .llt .txt  .lmore:hover{background-position: right center;}

.i4 .ul1 li .lrt{width: 50%;position: absolute;top: 10%;left: 0%;opacity: 0;}

.i4 .ul1 li .lcx{width: 90%;max-width: 335px;position: relative;}

.i4 .ul1 li .lcx img{display: block;width: 100%;margin-top: 12%;}

.i4 .ul1 li.act {width: 48%;}

.i4 .ul1 li.act .lcx{transform: rotateY(90deg);-webkit-transform: rotateY(90deg);}

.i4 .ul1 li.act .llt{transform: rotateY(0deg);-webkit-transform: rotateY(0deg);transition-delay: .2s;-webkit-transition-delay: .2s;}

.i4 .ul1 li.act .lrt{left: 50%;opacity: 1;transition-delay: .3s;-webkit-transition-delay: .3s;}

.i4 .ul1 li.act .lcx img{margin-top: 0%;}

.marqueeleft{width:100%;overflow:hidden;margin:40px auto;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 5px;display:inline;overflow:hidden;}
.marqueeleft li .pic{display:block;width:100%;overflow:hidden;box-sizing: border-box;position: relative;}
.marqueeleft li .txt{
    text-align: center;
    height: 51px;
    line-height: 47px;
    padding-bottom: 10px;
    display: block;
    border-bottom: 1px solid #666666;
}
.marqueeleft li .txt a{
    color: #000;
}
.pic:before{
        content: '';
        position: absolute;
        left: 0;
        top: 0%;
        bottom: auto;
        right: auto;
        height: 100%;
        width: 100%;
        border: 6px solid #39425f;
        opacity: 0;
        transition: 0.8s;
}
.marqueeleft li:hover .pic:before{
        content: '';
        position: absolute;
        left: 0;
        top: 0%;
        bottom: auto;
        right: auto;
        height: 100%;
        width: 100%;
        opacity: 1;
        border: 6px solid #39425f;
        transition: 0.8s;   
}
.marqueeleft li img{
    width: 100%;
    height: 198px;    
}

.idx_btm{
    background: #263646;
    padding-top: 50px;
}

.foot_list{

}

.foot_list span{
    display: inline-block;
}
.foot_list span a{
    color: #fff;
    opacity: 0.7;
}
.foot_list span a:hover{

}
.foot_list_span1{
    width:100%;
    display: flex!important;
}
.foot_list_span1 ul{
    width: 24%;
    display: inline-block;
    box-sizing: border-box;
    padding-top: 40px;
    margin-bottom:40px!important; 
}
.foot_list_span1 ul h3{
    width: 100%;
    font-size: 20px;
    color: #fff;
    font-weight: normal;
    position: relative;
    top: -40px;
}
.foot_list_span1 ul h3:before{
    content: '';
    position: absolute;
    left: 0;
    top: 50px;
    bottom: auto;
    right: auto;
    height: 10%;
    width: 24%;
    background-color: #76808a;
}
.foot_list_span1 ul:first-child li{
    width: 49%;
    display: inline-block;
}
.foot_list_span1 div{
    text-align: center;
}
.foot_list_span1 div img{
    width: 65%;
} 
.foot_list_span1 div p{
    color: #fff;
    padding-top: 20px;
}
.btm_ba{
    border-top:1px solid #ccc; 
}
.btm_ba p{
    color: #fff;
    opacity: 0.7;
    line-height: 40px;
    text-align: center;
}
.newslist{

}
.newslist_l{
    
}

.tnews_tt{}
.tnews_tt img{
    position: relative;
    right: 144px;
}
.tnews_tt a{
    position: relative;
    left: 58%;
    display: inline-block;
    width: 60px;
    color: #000;
}
.tnews_tt a div{
    position: absolute;
    right: 0;
    top: 3px;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: #1296db;
    line-height: 16px;
    text-align: center;
    color: #fff;
}
.newslist_r{
    width: 50%;
    padding-left: 25px;

}
.newslist_r ul{
    background: #f2f2f2;  
}
.newslist_r ul li{
    position: relative;
    padding: 17px 10px 17px 24px;
}
.newslist_r ul li a{
    color: #000;
}
.newslist_r ul li h4{
    transition: 0.8s;
}

.newslist_r ul li p{
     padding: 15px 0; 
     opacity: 0.7;  
}
.newslist_r ul li:hover h4{
    color: #1094d9;
}
.newslist_r ul li span{
    position: absolute;
    right: 21px;
    top: 16px;
}
.newslist_r ul li:before{
    content: '';
    position: absolute;
    left: -11px;
    top: 11%;
    bottom: auto;
    right: auto;
    height: 84%;
    width: 11px;
    transition: 0.8s;
    opacity: 0;
    background: url(../images/new_br_13.png) no-repeat;

} 
.newslist_r ul li:hover:before{
    opacity: 1;
}
.tnews{
    margin-bottom: 50px
}
.ny_wz{
    padding: 10px 0;
    box-shadow: 2px 4px 14px #6666;
}
.ny_wz a{
    color: #000
}
.ny_body{
    display: flex;
    justify-content: space-between;
    min-height: 835px;
    margin-top: 70px;

}
.ny_left{
    width: 25%;
}
.ny_left_top{
    width: 100%;
    height: 123px;
    font-size: 32px;
    font-weight: bold;
    color: #fff;
    background: url(../images/ny_lef.jpg) no-repeat;
    padding: 18px;
}

.ny_left ul{
    background:#eeecec;
}
.ny_left ul li{
    position: relative;
    padding: 6px 40px;
    margin: 0 35px;
    border-bottom: 1px solid #d6d6d6;

}
.ny_left ul li a{
    color: #000;
    transition: 0.52s
}
.ny_left ul li:hover div{
        transform: rotate(360deg);
}
.ny_left ul li:hover a{
    color: #1c5a83;
}
.ny_left ul li div{
    position: absolute;
    left: 10px;
    width: 15px;
    top: 12px;
    height: 15px;
    border-radius: 10px;
    background: #fff;
    text-align: center;
    line-height: 12px;
    color: #2689c3;
    transition: 0.5s;
    font-weight: bold;
}

.ny_index{
    width: 72%;
}
.fyfy{
    border-top: 1px solid;
    display: flex;
    padding: 20px;
    margin-top: 30px;
    justify-content: space-around;
}
.fyfy a{
    position: relative;
    padding: 10px 10px;
    line-height: 13px;
    border-radius: 22px;
    transition: 0.3s;
    color: #000;
        display: inline-block;
    border: 1px solid #ccc;
}


.fyfy a:hover{
    position: relative;
    padding: 10px 10px;
    line-height: 13px;
        display: inline-block;
    border-radius: 22px;
    border: 1px solid #ccc;
    color: #1c5a83;
    background: #f3f7f9;
}

.pdtz_list {
    text-align: center;
    padding: 20px;
}
.pdtz_list {
    text-align: center;
    padding: 20px;
}
.pdtz_list li {
    display: inline-block;
    padding: 5px 10px;
    border: solid 1px #1c5a83;
    margin: 0 5px;
}
.pdtz_list li.c {
    background: #1c5a83;
    color: white;
}
.pdtz_list li a {
    color: #000;
}

.news_list{

}
.news_list li{
    width: 100%;
    height: 160px;
    position: relative;
    border-bottom:1px solid #ccc; 
    padding: 40px 50px 15px 20px;
}
.news_list li:first-child{
    height: 230px;
    padding: 26px 50px 52px 345px;
    background: url(../images/xinw_t.jpg) no-repeat;
}
.news_list li:first-child span{
    top: 25px;
}
.news_list li a{
    color: #000;
    display: inline-block;
    transition: 0.8s;
}
.news_list li:hover a{
    color: #1c5a83;
}
.news_list li a:nth-child(1){
    margin-bottom: 20px;
}
.news_list li img{
    
}
.news_list li h4{
  font-size: 18px;  
}
.news_list li p{
    opacity: 0.7
}
.news_list li span{
    position: absolute;
    top: 40px;
    right: 61px;
}
.news_list li:nth-child(1) .n_mor{
    opacity: 1;
}
.n_mor{
    opacity: 0;
    margin-top: 15px;
}
.n_mor div{
    background: #1296db;
    width: 15px;
    height: 15px;
    line-height: 12px;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    float: right;
    position: relative;
    top: 6px;
    left: 8px;

}
.pdt_list{}
.pdt_list li{
    display: inline-block;
    width: 31%;
    margin-bottom: 30px;
    position: relative;
}
.pt_img:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0%;
    bottom: auto;
    right: auto;
    height: 100%;
    width: 100%;
    border: 6px solid #39425f;
    opacity: 0;
    transition: 0.8s;
}
.pdt_list li:hover .pt_img:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0%;
    bottom: auto;
    right: auto;
    height: 100%;
    width: 100%;
    opacity: 1;
    border: 6px solid #39425f;
    transition: 0.8s;
}
.pdt_list li a{    display: block;color: #000}
.pt_img{
    position: relative; 
    width: 100%;

}
.pdt_list li img{
    
    width: 100%;
}
.pdt_list li span{
    display: block;
    text-align: center;
    padding: 10px 16px;
    margin: 0 15px;
    border-bottom: 1px solid #6666;
}
.__contact .top{

        padding-bottom: 25px;

        /*border-bottom: 1px dotted black;*/

    }

    .__contact .top li{

        list-style-position: inside;

    }

    .__contact .top ul{

        float: left;

        overflow: hidden;

        padding: 0px 20px;

        margin-top: 20px;

        padding-right: 50px;

    }

    .__contact .search button{

       

    }

    .__contact ul li{

        padding-left: 28px;

    }

 

    .__contact .form input{

        display: inline-block;

        width: 318px;

        margin-right: 18px;

        /*height: 48px;*/

        border:1px solid #dadbdc;

        padding:15px;

        color: #999;

        background: #fafafa;

    }

    .__contact .form textarea{

        display: inline-block;

        width: 1063px;

        height: 243px;

        margin-top: 20px;

        background: #fafafa;

        border:1px solid #dadbdc;

        font-size: 14px;

    }

    .__contact .img-l,.img-r{

        display: block;

    }

    .__contact .img-l{

        margin-left: 45px;

        margin-bottom: 15px;

    }

    .__contact .img-r{

        float: right;

        margin-right: 62px;

    }

    .__contact{

        padding-top: 68px;

        overflow: hidden;

        padding-bottom: 25px;

        margin-bottom: 10px;

        width: 1100px;

        margin:auto;

    }