body{
    font-family: "Microsoft Yahei", Arial ;
    color:#333;
    font-size:12px;
    }
body,div,li,ul,h1,dl,dt,dd,p,h3{
    margin:0px;
    padding:0px;
    }
li{ 
    list-style:none;
}
a{
    text-decoration:none;
    color:#333;
    transition:all ease .3s;
}
a:hover{
    color:#434f83;
    }
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.wrap{
    width:1200px;
    margin:0 auto;
    z-index: 999;
    }

.header{
    height:100px;
    position:relative;
}
.header .logo{
    display:block;
    float:left;
    width:485px;
    height:70px;
    background: url(/images/logo1.png) no-repeat 0 0;
    margin-top:10px;
    background-size: auto 100%;
    }
.header .lanbox{
    position:absolute;
    right:0px;
    top:30px;
    color:#999;
    }
.header .lanbox dl{
    display:inline-block;
    width:75px;
    height:22px;
    margin-left:8px;
    line-height:22px;
    background: url(/images/ico1.gif) no-repeat 60px 10px;
    border:1px solid #ddd;
    position:relative;
    transition:all ease .3s;
    }
.header .lanbox dd{
    position:absolute;
    top:22px;
    left:-1px;
    border:1px solid #ddd;
    border-top:none;
    background-color:#fff;
    display:none;
    }
.header .lanbox a{
    display:inline-block;
    width:70px;
    padding-left:5px;
    height:22px;
    color:#999;
    }
.header .lanbox dd a:hover{
    color:#004A89;
    background-color:#eee;
    }
#menubox{
    float:right;
    margin-top:0px;
}
.menu > li{
    float:left;
    margin:0 4px;
    position:relative;
    z-index: 9999;
}
.menu > li > a{
    position: relative;
    z-index: 9;
    display:block;
    font-size:14px;
    width:100px;
    height:100px;
    text-align:center;
    line-height:100px;
    color: #555;
}
.menu > li:hover > a{color: #fff;}
.menu li .line{
    display:block;
    width:100px;
    height:100px;
    position:absolute;
    top:0px;
    left:0px;
    text-align:center;
    }
.menu li  .line span{
    display: block;
    width:100px;
    height:100px;
    margin:auto;
    background-color:#152465;
    vertical-align:middle;
    opacity: 0;
    }
.submenu{
    display:none;
    width:100px;
    text-align:center;
    position:absolute;
    left:0px;
    top:100px;
    z-index:999;
    padding-top:0px;
    background-color:#fff;
    border-bottom:2px solid #ddd;
    }
.submenu li a{
    display:block;
    height:35px;
    line-height:35px;
    background-color:#f5f5f5;
    border-top:1px solid #cdcdcd;
    transition:all ease .4s;
    color: #666;
    }
.submenu li a:hover{
    background-color:#434f83;
    color:#fff;
    }
#banner{
    height:500px;
    overflow:hidden;
}
.ind-pro{
    margin-top:70px;
    margin-bottom:50px;
    }
.ind-pro .hd{
    font-size:26px;
    color:#CA0000;
    text-align:center;
    }
.ind-pro .line{
    text-align:center;
    margin-top:15px;
    }
.ind-pro .line span{
    display:inline-block;
    width:70px;
    height:1px;
    background-color:#ccc;
    }
.ind-pro .subhd{
    text-align:center;
    color:#666;
    margin-top:15px;
    }
.ind-probox{
    width:1100px;
    margin-top:50px;
    position:relative;
    }
.pronav-prev,.pronav-next{
    position:absolute;
    width:20px;
    height:72px;
    cursor:pointer;
    background:url(/images/btn1.png) no-repeat;
    transition:all ease .3s;
    }
.pronav-prev{
    left:-30px;
    top:120px;
    background-position: 0 center;
    }
.pronav-prev:hover{
    background-position: -29px center;
    }
.pronav-next{
    right: -30px;
    top: 120px;
    background-position: -99px center;
    }
.pronav-next:hover{
    background-position: -71px center;
    }
.ind-pronav{
    overflow:hidden;
    }


.w1200{
    width: 1200px;
    height: auto;
    margin: 0px auto;
    overflow: hidden;
}
.index_b{width: 200px; height: 40px;border-radius: 10px;color: #fff;margin:30px auto;
font-size: 16px;background: #434f83;text-align: center;line-height: 40px;}
.index_b a{color: #fff;}

.index_rideo{ margin-top: 60px;margin-bottom: 50px; }
.index_rideo h1{ text-align: center; line-height: 60px; font-size: 30px; }
.index_rideo p{text-align: center; line-height: 25px; font-size: 14px;width: 950px;margin: 20px auto;color: #717070}
.index_rideo ul{}
.index_rideo ul li{ width: 320px; float: left;margin-right: 40px;margin-left: 40px;overflow: hidden; }
.index_rideo ul li p{background-color: #525151;text-align: center;color: #fff;font-size: 14px; line-height: 30px;
width: 320px; height: 30px;}


.index_product{ margin-top: 60px; }
.index_product h1{ text-align: center; line-height: 60px; font-size: 30px; }
.index_product p{text-align: center; line-height: 25px; font-size: 14px;width: 800px;margin: 20px auto;color: #999999}
.index_product ul{}
.index_product ul li{ float: left; width: 250px;margin-right:40px;overflow: hidden; height: auto;
 position: relative;background: #f1f1f1;padding:20px 10px;}
.index_product ul li:nth-child(4){margin-right: 0px;}
.index_product ul li a{}
.index_product ul li a img{ width: 250px; height: auto; }
.index_product ul li a p{position:absolute; width: 100%; bottom: 0px; height: 30px;background:#000;
 opacity:0.5; color: #fff; font-size: 16px;}
.index_product ul li a p span{font-size: 14px;}


.index_about{background:url(/images/index_about.jpg) no-repeat top center; width: 100%; height: 636px;}
.index_about div h1{color: #fff; font-size: 30px;text-align: center;padding-top: 80px;}
.index_about_a{width: 1200px;overflow: hidden;height: auto;}
.index_about_wen{font-size: 14px; line-height: 30px;color: #fff;margin-top: 40px;width: 600px;float: left;}
.index_about_a img{float: left; width: 520px;margin-top: 50px;margin-left: 40px;}

.index_fuwu{background:url(/images/home_bg.jpg) no-repeat bottom center; width: 100%;;overflow: hidden;
margin-top: 70px;}
.index_fuwu h1{ font-size: 30px;text-align: center;margin-top: 0px;}
.index_fuwu p{font-size: 16px; line-height: 30px;text-align: center;margin: 40px auto 0 auto;color: #717070;width: 900px;}
.index_fuwu_more{width: 200px;text-align: center;height: 50px;color: #434f83;margin: 50px auto;border: solid 1px #a7a7a7;
line-height: 50px;border-radius: 20px;}
.index_fuwu_more:hover{border: solid 1px #737373;color: #434f83;}

.index_friend{background: #1e1e1e;text-align: center;}
.index_friend h1{color: #fff;margin-top: 50px;font-size: 30px;}
.index_friend p{color: #fff; line-height: 30px;margin-top: 20px; font-size: 14px;text-align: center;}
#scrollobj{margin: 50px auto;}
#scrollobj img{margin-right: 20px;}
.youlian{margin: 50px auto;}
.youlian img{ width:250px; height: 80px;margin: 20px 20px; }

.index_news{background: #f4f3f5;}
.index_news h1{margin-top: 50px;font-size: 30px;text-align: center;}
.index_news p{text-align: center; width: 900px;margin: 30px auto;font-size: 14px;line-height: 25px; color: #717070;}
.index_news ul{margin: 0px;}
.index_news ul li{float: left;width: 400px;overflow: hidden;}
.index_news ul li img{width: 350px;margin-left: 25px;}
.index_news ul li h1{ width: 350px;font-size: 16px;line-height: 20px;margin-top: 10px; }
.index_news ul li p{ width: 350px; font-size: 14px;margin-top: 10px;text-align:left; }


.foot{background: #141414;margin-top: 50px;padding-top: 50px;padding-bottom: 7px;}
.foot_l{float: left;margin-right: 50px;}
.foot_l img{width: 120px;height: 120px;}
.foot_l p{color: #fff;text-align: center;}
.foot_m{float: right;}
.foot_m ul{}
.foot_m ul li{float: left;margin-right: 90px; color: #fff;}
.foot_m ul li a h1{font-size: 16px;line-height: 38px;font-weight: normal; color: #fff;}
.foot_m ul li p{font-size: 14px; line-height:28px; color: #b1b1b1; }
.foot_m ul li a{}
.foot_r{color: #b1b1b1;float: left;width: 100%;border-top: solid 1px #535353;margin-top: 30px;}
.foot_r p{color: #b1b1b1;margin-top:5px;text-align: center; font-size: 14px; }
.foot_r p a{color: #b1b1b1; }

<!--ºÄʱ1757793124.5143Ãë-->