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:660px; position:relative; overflow:hidden;}
 #glume{width:100%; position:relative; height:100%;}
    #glume .Limg{width:100%;height:100%; margin:0px; padding:0px; list-style:none;}
    #glume .Limg li{width:100%;height:100%; overflow:hidden;position:absolute;cursor:pointer; left:0px; top:0px; list-style:none;}
	#glume .Limg li .pic{ height:100%; width:100%;background-size:cover; background-repeat:no-repeat; background-position:center}
   
	
	.banner_info{ position:absolute; bottom:0px; left:0px; height:26px; line-height:26px; width:100%;z-index:1000;}
	.banner_con{ margin:0 auto; padding:0px; width:1004px; text-align:left; position:relative;  height:26px;}
	#glume .Nubbt{ position:absolute; bottom:20px; left:0px;height:12px; z-index:100; }
    #glume .Nubbt span{background:#fff;display:block; box-shadow:#999 2px 2px 10px; float:left; height:15px; width:15px; border-radius:50%;margin:0px 3px;cursor:pointer;}
    #glume .Nubbt span.on{background:#036ec4;}

.banner-background-01 {
    width: 997px;
    height: 85px;
    background: url(../images/background01.png) repeat-x;
    _background: url(../images/background01.png) repeat-x;
    position: absolute;
    top: 575px;
    width: 400%;
    left: -236px;
    z-index: 999;
    animation: wave1 25s linear .4s infinite normal;
    -moz-animation: wave1 25s linear .4s infinite normal;
    -webkit-animation: wave1 25s linear .4s infinite normal;
    -o-animation: wave1 25s linear .4s infinite normal;
}

.banner-background-02 {
    width: 1009px;
    height: 100px;
    background: url(../images/background02.png) repeat-x;
    _background: 0 0;
    position: absolute;
    top: 560px;
    width: 400%;
    left: 0;
    z-index: 998;
    animation: wave2 60s linear .4s infinite normal;
    -moz-animation: wave2 60s linear .4s infinite normal;
    -webkit-animation: wave2 60s linear .4s infinite normal;
    -o-animation: wave2 60s linear .4s infinite normal
}

.banner-slide-image ul li {
    height: 450px;
}

.banner-slide-image ul li a img {
    width: 100%;
    height: 450px;
    display: block;
    border: none;
}

@-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_infos{ margin-top:30px;}
.i_news{ float:left; width:685px;}
.i_news .scrollbox {width:685px; margin-top:20px;}
.i_news #scrollDiv {width:685px;height:280px;overflow: hidden;}

.i_news_tit,.i_pics_tit{ font-size:24px; font-weight:bold; color:#036ec4; position:relative; height:40px; line-height:40px; padding-bottom:10px; border-bottom:1px solid #ddd;}
.i_news_tit:after,.i_pics_tit:after{ content:""; height:3px; width:40px; background:#036ec4; bottom:-1px; left:0px; position:absolute}
.i_news_tit span{ display:block;}
.i_news_list{}

.i_news .scroltit{ position:absolute; right:10px; top:10px;}
.i_news .scroltit small{ width:24px; height:14px; overflow:hidden; text-indent:100px; display:block;opacity:0.4;}
.i_news .scroltit small:hover{ opacity:0.8;}
.i_news .scroltit small#but_up{ background:url(../images/ico.png) no-repeat left top;}
.i_news .scroltit small#but_down{ background:url(../images/ico_02.png) no-repeat left top; margin-top:18px;}
.i_news #scrollDiv ul{ list-style:none;}
.i_news #scrollDiv ul li{ height:33px; line-height:33px; overflow:hidden;}

.i_news #scrollDiv ul li a i{ display:block;font-family: "CenturyGothic", "寰蒋闆呴粦"; font-style:normal; float:left; width:100px; font-size:14px; font-weight:bold; color:#4c87cd;}
.i_news #scrollDiv ul li a:hover i{ color:#08438a;}
.i_news #scrollDiv ul li a span{ display:block; height:33px;overflow:hidden; float:left; width:585px;}
.i_news #scrollDiv ul li a{ color:#999;}
.i_news #scrollDiv ul li a:hover{ color:#036ec4;}


.i_pics{ float:right; width:420px;}
.i_pics_tit{ position:relative;}
.i_pics_list{ position:relative; width:420px; height:280px; margin-top:20px; overflow:hidden;}
.i_pics_list #inhome_pro2{ margin:0px; padding:0px; list-style:none; height:280px;}
.i_pics_list #inhome_pro2 li{ float:left; list-style:none; width:420px; height:280px; overflow:hidden}
.i_pics_list #inhome_pro2 li a{ display:block; width:420px; height:280px; position:relative;}
.i_pics_list #inhome_pro2 li a span{ position:absolute; bottom:0px; text-align:center; left:0px; line-height:24px; padding:6px 0px; background:rgba(0,0,0,0.8); color:#fff;width:420px;}
.i_pics_list #inhome_pro2 li img{ width:420px; height:280px;}

.btn_left2{ position:absolute; right:30px; bottom:10px; width:24px; height:24px; background:url(../images/left.png) no-repeat left top; opacity:0.6; cursor:pointer; z-index:100;}
.btn_left2:hover,.btn_right2:hover{ opacity:1;}
.btn_right2{ position:absolute; right:0px;bottom:10px;width:24px; height:24px;background:url(../images/right.png) no-repeat left top; opacity:0.6; cursor:pointer; z-index:100;}

.i_pro{ height:530px; margin-top:30px; }
.i_pro_tit{line-height:40px;font-size:24px; font-weight:bold; color:#036ec4; padding-bottom:15px; background:url(../images/ico_pro.png) no-repeat left 12px; text-indent:25px;}
.i_pro_tit span{ font-size:14px; color:#999;font-weight:normal; padding-left:20px;}
.i_p_list{ padding:0px 80px;}
.i_p_info{ float:left; width:60%;}
.i_p_tit{ font-size:30px; font-weight:bold; color:#036ec4;}
.i_p_model{ color:#999; font-size:18px; font-family:'BEBAS'; padding-top:20px;}
.i_p_small{ color:#999; padding-right:20px; text-align:justify;padding-top:20px;}
.i_p_pic{ float:right; width:40%; text-align:center;}
.i_p_pic img{ max-width:100%; max-height:460px;}
.i_p_more{ margin-top:25px;}
.i_p_more a{ border:1px solid #036ec4; color:#036ec4; display:block; width:120px; height:30px; border-radius:15px; text-align:center; line-height:30px;}
.i_p_more a:hover{ background:#036ec4; color:#fff; box-shadow:#999 0px 0px 15px;}
.swiper-container { width: 100%; height: 100%;}

.swiper-slide,.i_p_list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
	
.i_boxes{ margin-top:20px;}
.i_boxes ul{ margin-left:-20px;}
.i_boxes ul li{ width:385px; float:left; margin-left:20px; height:200px; position:relative;}
.i_boxes ul li .i_box_img{ width:385px; height:200px; overflow:hidden; text-align:center;}
.i_boxes ul li a .i_box_img img{width:385px; height:200px; overflow:hidden;-webkit-transition: -webkit-transform .6s ease;-moz-transition: -moz-transform .6s ease;-ms-transition: -ms-transform .6s ease;transition: transform .6s ease;}
.i_boxes ul li a:hover .i_box_img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.i_boxes ul li span{ display:block; position:absolute; width:385px; height:40px; line-height:40px; text-indent:10px; left:0px; bottom:0px;background: rgba(255,255,255,0.6);}
.i_boxes ul li a{ color:#333; font-size:16px; font-weight:bold;}
.i_boxes ul li a:hover{ color:#036ec4;}

@media only screen and (max-width: 980px) {
	.banner{ height:215px; position:relative; overflow:hidden;}
	.i_pro_tit span{ display:none;}
	.i_news{ float:none; width:100%;}
	.i_news .scrollbox {width:100%; margin-top:20px;}
	.i_news #scrollDiv {width:100%;height:280px;overflow: hidden;}
	.i_news_tit span{ display:inline-block;}
	.i_news #scrollDiv ul li a i{ display:block; height:33px; overflow:hidden;font-family: "CenturyGothic", "寰蒋闆呴粦"; font-style:normal; float:left; width:90px; font-size:14px; font-weight:bold; color:#4c87cd;}
	.i_news #scrollDiv ul li a span{ display:block; height:33px;overflow:hidden; float:none; width:auto;}
	
	.i_pics{ float:inherit; width:100%;}
	.i_pics_tit{ position:relative;}
	.i_pics_list{ position:relative; width:100%; height:280px; margin-top:20px; overflow:hidden;}
	.i_pics_list #inhome_pro2 li a span{ text-align:left; padding-left:10px;}
	
	
	.i_pro{ height:auto; margin-top:30px; }
	.i_pro_tit{line-height:40px;font-size:24px; font-weight:bold; color:#036ec4; padding-bottom:15px; background:url(../images/ico_pro.png) no-repeat left 12px; text-indent:25px;}
	.i_pro_tit span{ font-size:14px; color:#999;font-weight:normal; padding-left:20px;}
	.i_p_list{ padding:20px 0px 0px 0px;}
	.i_p_info{ float:none; width:100%;}
	.i_p_tit{ font-size:22px; font-weight:bold; color:#036ec4;}
	.i_p_model{ color:#999; font-size:18px; font-family:'BEBAS'; padding-top:20px;}
	.i_p_small{ display:none; color:#999; padding-right:20px; text-align:justify;padding-top:20px;}
	.i_p_pic{ float:none; width:100%; text-align:center;}
	.i_p_pic img{ max-width:100%; max-height:460px;}
	.i_p_more{ margin-top:25px;}
	.i_p_more a{ border:1px solid #036ec4; color:#036ec4; display:block; width:120px; height:30px; border-radius:15px; text-align:center; line-height:30px;}
	.i_p_more a:hover{ background:#036ec4; color:#fff; box-shadow:#999 0px 0px 15px;}
}