button {
    outline: 0;
}

img {
    border: 0;
}

button,input,optgroup,select,textarea {
    margin: 0;
    font: inherit;
    color: inherit;
    outline: none;
}



/* 必要布局样式css */
.banner-content {
    min-width: 1200px;
    height: 660px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.banner-slide-circle {
    position: absolute;
    bottom: 52px;
    z-index: 1002;
    left: 50%;
}

.banner-slide-circle ul li {
    width: 11px;
    height: 11px;
    background: #bdccd4;
    border-radius: 50%;
    cursor: pointer;
    float: left;
    margin: 0 8px;
}

.banner-slide-circle ul .on {
    background: #45aaf2;
}


.banner{ height:800px; position:relative; overflow:hidden;}
.ban_logo{padding-top:250px; text-align:center; padding-bottom:30px;}
.ban_logo img{ height:50px;}
.ban_txt1{ font-family:'CenturyGothic'; font-size:66px; line-height:1em; font-weight:bold; color:#fff; text-align:center; }
/*.ban_txt1 span{ color:#ffb51f;}*/
.ban_txt2{ text-align:center; color:#fff; font-size:18px; padding-top:40px;}
.ban_btn{ text-align:center; margin-top:40px;}
.ban_btn a{ display:inline-block; padding:13px 40px; font-size:18px; color:#fff; margin:0px 15px;}
.ban_btn a:hover{ box-shadow:#333 0px 0px 20px;}
.ban_btn a:nth-child(1){ background:#0e2c9a;}
.ban_btn a:nth-child(2){ background:#f1a60f;}



@-webkit-keyframes wave1 {
    from {
        left: -236px
    }

    to {
        left: -1233px
    }
}

@-moz-keyframes wave1 {
    from {
        left: -236px
    }

    to {
        left: -1233px
    }
}

@-o-keyframes wave1 {
    from {
        left: -236px
    }

    to {
        left: -1233px
    }
}

@keyframes wave1 {
    from {
        left: -236px
    }

    to {
        left: -1233px
    }
}

@-webkit-keyframes wave2 {
    from {
        left: 0
    }

    to {
        left: -1009px
    }
}

@-moz-keyframes wave2 {
    from {
        left: 0
    }

    to {
        left: -1009px
    }
}

@-o-keyframes wave2 {
    from {
        left: 0
    }

    to {
        left: -1009px
    }
}

@keyframes wave2 {
    from {
        left: 0
    }

    to {
        left: -1009px
    }
}

.i_about{ padding:50px 0px; overflow:hidden;}
.i_tit{  text-align:center}
.i_tit h2{font-size:30px; display:block; line-height:1em;}
.i_tit span{ display:block; color:#0e2c9a; font-weight:bold; font-family:'CenturyGothic'; font-size:18px; padding-top:10px; position:relative;}
.i_tit span:after{ position:absolute; left:50%; top:22px; margin-left:80px; height:1px; width:200px; background:#ddd; content:"";}
.i_tit span:before{ position:absolute; right:50%; top:22px; margin-right:80px; height:1px; width:200px; background:#ddd; content:"";}
.i_tit_con{ text-align:center; padding-top:30px; color:#666;}
.i_tit_con span{ padding:0px 230px; display:block;}

.i_about_info{ padding-top:60px;}
.i_about_img{ width:400px; float:left;}
.i_about_con{ float:right; width:680px; padding-top:25px;}
.i_about_tag{ position:relative; height:120px; margin-top:35px;}
.i_about_tag p{ display:block; position:absolute; color:#fff; height:60px; line-height:60px; text-align:center;}
.i_about_tag p:nth-child(1){ width:100%; background:#0e2c9a; left:0px; top:0px;}
.i_about_tag p:nth-child(2){ width:60%; background:#f1a60f; left:0px; top:60px;}
.i_about_tag p:nth-child(3){ width:40%; background:#464646; left:60%; top:60px;}


.service{ overflow:hidden;}
.service_top{ height:105px; width:100%; background:url(../images/bg_grey.jpg) no-repeat center;}
.service_bg{ background:#ececec; padding:50px 0px;}
.service_info{ padding-top:30px;}
.service_info ul{ margin-left:-40px;}
.service_info ul li{ float:left; width:490px; padding:30px; background:#7c8299; color:#fff; margin:20px 0px; margin-left:40px;transition: 0.8s all;-webkit-transition: 0.8s all;-o-transition: 0.8s all;-moz-transition: 0.8s all;-ms-transition: 0.8s all;}
.service_info ul li h4{ font-weight:bold; font-size:18px; padding-bottom:15px;}
.service_info ul li p{ line-height:22px; min-height:88px; text-align:justify;}
.service_info ul li:hover{ background:#0e2c9a;}

.pro{ padding:70px 0px; overflow:hidden;}
.pro_list h4{line-height:40px; font-weight:bold; font-size:18px; display:block; padding-bottom:20px;}
.pro_list{ padding-top:30px;}
.pro_list ul{ margin-left:1px;}
.pro_list ul li{ float:left; width:190px; position:relative; height:76px; margin-left:-1px;}
.pro_list ul li img{ width:189px; height:auto; border:1px solid #ddd;}
.pro_list ul li span{transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all;-moz-transition: 0.5s all;-ms-transition: 0.5s all; display:block; opacity:0; position:absolute; left:0px; top:0px; font-size:20px; line-height:76px; height:76px; text-align:center; width:100%;}
.pro_list ul li:hover span{ opacity:1; color:#fff; background:rgba(0,0,0,0.8);}


.pz{ background:#154f98; padding:70px 0px; color:#fff; overflow:hidden;}
.pz .i_tit span{ display:block; color:#fff; font-weight:bold; font-family:'CenturyGothic'; font-size:18px; padding-top:10px; position:relative;}
.pz .i_tit span:after{ position:absolute; left:50%; top:22px; margin-left:80px; height:1px; width:200px; background:#8fb1dc; content:"";}
.pz .i_tit span:before{ position:absolute; right:50%; top:22px; margin-right:80px; height:1px; width:200px; background:#8fb1dc; content:"";}
.pz .i_tit_con{ text-align:center; padding-top:30px; color:#8fb1dc;}
.pz_info{ padding-top:50px;}
.pz_info ul{ margin-left:-40px;}
.pz_info ul li{ margin-left:40px; width:255px; float:left; position:relative;}
.pz_info ul li div{ display:block; text-align:center; height:50px;}
.pz_info ul li div img{ width:50px; height:50px; }
.pz_info ul li h4{ text-align:center; font-weight:bold; font-size:18px; margin-top:30px;}
.pz_info ul li p{ padding-top:25px; color:#b8b8b8; padding-left:60px;}

.news{ padding:70px 0px;}
.i_news_list{ margin:0px 200px;}
.i_news_list ul li{ margin:15px 0px;}
.i_news_list ul li a{ height:60px; line-height:60px;  border-bottom:1px solid #ddd; display:block; padding:0px 15px; position:relative;}
.i_news_list ul li a:after{content:""; bottom:-1px; left:0px; width:0%; height:1px; background:#036ec4; position:absolute;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;}
.i_news_list ul li a:hover:after{ width:100%;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all; }
.i_news_list ul li a i{ font-weight:bold;display:inline-block; padding-right:20px; font-size:16px; font-style:normal;}
.i_n_more{ text-align:center; padding-top:40px;}
.i_n_more a{ display:inline-block; height:50px; line-height:50px; width:180px; text-align:center; background:#f1a60f; color:#fff;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;}
.i_n_more a:hover{ background:#db9509;}