button {
    outline: 0;
}

img {
    border: 0;
}

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

.banner{ height:700px; background:#1e50ae; 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:auto 100%; 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:#999;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:#fff;}


.i_bg{ position:relative;}
.i_about{ overflow:hidden; z-index:2; position:relative;}
.i_bg:after{ content:"ABOUT US"; z-index:1; position:absolute; top:360px; font-family:'CenturyGothic';  z-index:1; font-size:100px; color:#eee; left:0px; width:100%; text-align:center;}
.i_tit{ color:#ddd; font-size:20px; position:relative; height:130px; line-height:30px;}
.i_tit:after{ position:absolute; content:""; top:0px; left:32px; width:200px; height:140px; border:4px solid #eee; border-left:0px; z-index:1;}
.i_tit p:after{ position:absolute; left:32px; top:4px; width:4px; height:15px; background:#eee; content:"";}
.i_tit p:before{ position:absolute; left:32px; bottom:4px; width:4px; height:15px; background:#eee; content:"";}
.i_tit p{ position:relative; z-index:2; height:108px;  padding-top:40px; width:200px;}
.i_tit span{ display:block; font-size:34px; color:#000; padding-top:10px;}
.i_about .wrap{ padding:120px 0px;}
.i_about_left{ width:600px; float:left;}
.i_about_info{ padding-top:80px; color:#666;}
.i_about_right{ float:right; width:395px; padding-top:0px;}
.i_about_right img{ width:395px; height:460px;}
.more{  margin-top:80px;}
.more a{ display:block; border-bottom:2px solid #1e50ae;color:#1e50ae; width:120px; height:45px; line-height:45px; text-align:center;}
.more a:hover{ background:#1e50ae; color:#fff; }

.i_procbg{ position:relative; height:740px; background-image:url(../images/proc_bg.jpg); background-attachment:fixed; background-position:center center; background-repeat:no-repeat; overflow:hidden;}
.i_procbg:after{ content:""; position:absolute; left:0px; top:0px; width:35%; height:740px;background:rgba(30,80,174,0.8);}
.i_procbg:before{content:""; position:absolute; right:0px; top:0px; width:65%; height:740px;background:#eeeff3;}
.i_proc{ height:740px;}
.i_proc_left{ position:absolute; left:0px; top:160px; z-index:2;}
.i_proc .i_tit{ color:#ccc;}
.i_proc .i_tit span{ color:#fff;}
.i_proc .i_tit:after{ border:4px solid #aaa; border-left:0px;}
.i_proc .i_tit p:after{ background:#aaa;}
.i_proc .i_tit p:before{background:#aaa;}
.i_proc .more{  margin-top:180px;}
.i_proc .more a{ border-bottom:2px solid #fff;color:#fff; }
.i_proc .more a:hover{ background:#fff; color:#1e50ae; }

.i_proc_right{ position:absolute; right:0px; top:70px; z-index:2;}
.i_proc_list{ background:#fff; padding:30px; padding-bottom:0px; width:750px;}
.i_proc_list ul{ margin-left:-30px;}
.i_proc_list ul li{ float:left; width:230px; margin-left:30px; margin-bottom:30px;}
.i_proc_list ul li p{ width:230px; height:230px; overflow:hidden;}
.i_proc_list ul li p img{ width:230px; height:230px;-webkit-transition: all 1s;-o-transition: all 1s;-ms-transition: all 1s;transition: all 1s;}
.i_proc_list ul li p img:hover{transform: scale(1.1);}
.i_proc_list ul li span{ display:block; text-align:center; padding-top:10px;}

.i_ys_bg{ height:794px; background:url(../images/ys_bg.jpg) no-repeat center center; overflow:hidden;}
.i_ys_left{ position:absolute; left:0px; top:135px; width:380px;}
.i_ys_right{ position:absolute; right:0px; top:195px; width:630px;}
.i_ys_right ul li{ margin-bottom:60px;}
.i_ys_right ul li .i_ys_ico{ float:left; width:100px; text-align:center; color:#869fd0;}
.i_ys_right ul li .i_ys_info{ float:right; width:500px; padding-top:20px;}
.i_ys_right ul li .i_ys_info h2{ font-size:18px;}
.i_ys_right ul li .i_ys_info span{ display:block; padding-top:10px; color:#999;}


.i_ad{ height:298px; overflow:hidden; background:url(../images/ad_bg.jpg) no-repeat center center; color:#fff; text-align:center;}
.i_ad p{ display:inline-block; width:580px; text-align:center; line-height:298px; font-size:30px; position:relative;}
.i_ad p:before{ content:""; position:absolute; left:0px; top:162px; width:50px; height:4px; background:#fff;}
.i_ad p:after{ content:""; position:absolute; right:0px; top:162px; width:50px; height:4px; background:#fff;}
.i_ad p span{ font-size:90px; font-weight:bold; padding:0px 20px;display:inline-block;}

.i_pro_bg{height:880px; overflow:hidden;}
.i_pro{ }
.i_pro_left{ position:absolute; left:0px; top:230px;}
.i_pro_right{ position:absolute; right:0px; top:130px; width:786px}
.i_pro .more{  margin-top:180px;}
.i_pro_right{ }
.i_pro_right ul{ margin-left:-30px;}
.i_pro_right ul li{ float:left; width:240px; height:240px; overflow:hidden; margin-left:30px; margin-bottom:30px; position:relative;}
.i_pro_right ul li p{width:240px; height:240px; overflow:hidden;}
.i_pro_right ul li p img{width:240px; height:300px;-webkit-transition: all 1s;-o-transition: all 1s;-ms-transition: all 1s;transition: all 1s;}
.i_pro_right ul li p img:hover{transform: scale(1.1);}
.i_pro_right ul li span{ display:block; position:absolute; left:0px; bottom:0px; height:40px; background:rgba(0,0,0,0.8); color:#fff; width:100%; line-height:40px; text-indent:10px;}

.i_contact_bg{ height:700px; overflow:hidden;}
.i_contact{}
.i_contact_left{ position:absolute; left:0px; top:130px;}
.i_contact_right{ position:absolute; right:0px; top:130px; width:560px;}
.i_contact .more{  margin-top:180px;}
.i_msg{}
.i_msg .msg_row{ margin-bottom:30px;}
.msg_row .msg_txt{ border:1px solid #ddd; height:40px; line-height:40px; color:#666; width:560px; padding:0px 10px;}
.msg_row .msg_text{border:1px solid #ddd; color:#666; width:560px; line-height:22px; height:88px; padding:10px;}
.msg_row .msg_btn{ border:none; height:50px; width:150px; color:#fff; background:#666; cursor:pointer;}
.msg_row .msg_btn:hover{ background:#1e50ae;}