@charset "gb2312";
/* CSS Document */
body { margin:0 auto; font-family:"΢���ź�";}
img {border:0; outline-width:0; vertical-align:top;}
a { text-decoration:none; color:#333;}
a:hover { text-decoration:underline; color:#000;}
.c { clear:both;}
ul,p,h2,h3 { padding:0; margin:0; list-style:none;}
.w { width:1500px; margin:0 auto; overflow:auto;}

.xheader { padding:20px 0;}
.logo { float:left;}
.logor { float:left; color:#0065FD; padding:7px 0 0 20px;}
.nav { float:right;}
.nav ul{}
.nav li{ float:left; padding-left:55px; padding-top:18px; font-weight:bold;}
.nav a{ color:#444;}
.nav a:hover{ text-decoration:none; color:#0065FD;}



.m1 { background:#EAEAEA; padding:100px 0;}
.m1 h3{ font-size:14px;}
.m1 ul{ margin-top:30px;}
.m1 li{ float:left; border-left:1px #C1C1C1 solid; width:33%; padding-bottom:35px;}
.m1 li:last-child{ border-right:1px #C1C1C1 solid;}
.m1a { overflow:auto; padding-left:25px;}
.m1a h2{ color:#0065FF; font-size:65px; font-weight:bold; float:left;}
.m1a i{ float:left; font-style:normal; padding-top:10px;}
.m1 li p{ padding-left:25px; font-weight:bold;}

.m2 { background:#161D30; padding:100px 0;}
.m2a { color:#0065FF; font-size:20px;}
.m2b { color:#FFF; font-size:30px; margin:15px 0 50px 0;}
.m2c { float:left;  margin-top:100px;}
.m2c a{ color:#0065FF;}

.tab { width: 100%;}
.tab .box {
    width: 1200px;
    position: relative;
    margin: 0 auto;
}
.tab .box .menus {
    width: 330px;
    float: left;
    margin-top: 60px;
    overflow: hidden;
}
.tab .box .menus li { margin-bottom:5px; text-align:left;
    width: 330px; border-top:1px  rgb(53,59,75) solid;
    height: 70px;
    color: #fff; font-size:15px;
    line-height: 70px;
}
.tab .box .menus li:nth-child(1) a{ width:330px; height:70px; display:block; background:url(m2-1.png) no-repeat; color:#FFF; padding-left:80px;}
.tab .box .menus li:nth-child(1) a:hover{ background:url(m2-11.png) no-repeat; text-decoration:none; font-size:16px;}
.tab .box .menus li:nth-child(2) a{ width:330px; height:70px; display:block; background:url(m2-2.png) no-repeat; color:#FFF; padding-left:80px;}
.tab .box .menus li:nth-child(2) a:hover{ background:url(m2-22.png) no-repeat; text-decoration:none; font-size:16px;}
.tab .box .menus li:nth-child(3) a{ width:330px; height:70px; display:block; background:url(m2-3.png) no-repeat; color:#FFF; padding-left:80px;}
.tab .box .menus li:nth-child(3) a:hover{ background:url(m2-33.png) no-repeat; text-decoration:none; font-size:16px;}
.tab .box .menus li:nth-child(4) a{ width:330px; height:70px; display:block; background:url(m2-4.png) no-repeat; color:#FFF; padding-left:80px;}
.tab .box .menus li:nth-child(4) a:hover{ background:url(m2-44.png) no-repeat; text-decoration:none; font-size:16px;}

.tab .box .bg {
    height: 70px !important;
    line-height: 70px !important;
}
.tab .right {
    float: left;
    width: 600px;
    margin-top: 25px;
    height: 700px;
    overflow: hidden;
    margin-left:250px;
}
.tab .tab_right {
    width: 600px;
    height: 700px;
    color: #fff;
    text-align: center;

    position:relative;
}
.tab .tab_right img { width:100%;
    position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
}
.tab .scroll {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.m3 { background:#EAEAEA; padding:100px 0;}
.m3a { text-align:center;}
.m3a h2{ font-weight:normal; font-size:30px;}
.m3a p{ color:#666; line-height:30px; margin:20px auto;}
.m3b { overflow:auto;}
.m3b ul{ text-align:center;}
.m3b li{ display:inline-block; margin:10px 7px;}
.m3b img{}

.m4 { background:url(m41.jpg) no-repeat; padding:100px 0; background-size:100% 100%;}
.m4left { float:left; width:500px;}
.m4left h2{ font-size:30px; font-weight:normal;}
.m4left p{ line-height:30px; color:#444; padding:25px 0;}
.m4left div{ margin-top:25px;}
.m4left div a{color:#0065FF; border:1px #0065FF solid; padding:6px 35px;}
.m4left div a:hover{}
.m4right { float:left; padding-left:200px; overflow:hidden;}

.m5 { background:url(m51.jpg) no-repeat;padding:100px 0; background-size:100% 100%;}
.m5aa h2{ color:#FFF;}
.m5aa p{ color:#999;}
.m5a { margin:0 auto; text-align:center; font-size:15px; width:150px;}
.m5a a{color:#FFF; border:1px #0065FF solid; padding:6px 0; display:block;}
.m5a a:hover{}
.m5b { margin-top:35px;}
.m5b ul{ margin-left:-30px;}
.m5b li{ float:left; width:380px; margin-left:30px;}
.m5c { border-radius:6px; overflow:auto;}
.m5c1 {}
.m5c1 img{ width:100%; height:260px;}
.m5c2 { background:#FFF; padding:15px;}
.m5c2 h3{ font-size:16px; padding-bottom:10px;}
.m5c2 p{ color:#666; line-height:25px; font-size:15px;}

.footer { padding:50px 0; font-size:15px;}
.foota { margin-bottom:40px;}
.footb {}
.footb ul{}
.footb li{ float:left;}
.footb li:nth-child(1){ line-height:45px;}
.footb li:nth-child(2){ line-height:35px; padding:0 40px;}
.footb li:nth-child(3){ line-height:35px;}
.footb li:nth-child(4){ float:right;}

.sub { background:url(sub.jpg) repeat-x bottom; line-height:45px; font-size:15px; color:#444;}
.sub a{ color:#444;}
.p1 { padding:40px 0;}
.p1 h2{ padding-bottom:20px;}
.p1 p{ text-indent:2em; line-height:25px;}
.p2 { margin-bottom:20px; overflow:auto;}
.p2left { float:left; width:650px;}
.p2right { float:right; padding-top:15px;}
.p2a { background:url(p2.png) no-repeat; color:#FFF; line-height:30px; position:relative; padding-left:80px;}
.p2b { background:#F7F7F7; border-radius:10px; margin-top:-15px; padding:30px 25px 20px; line-height:33px; height:222px; text-indent:2em;}

.tab{ width:1200px; margin:0 auto;}
.tab-hd { background:#747474; overflow:hidden; zoom:1;}
.tab-hd li{ float:left; width:399px; color:#fff; text-align:center; cursor:pointer; font-size:22px; padding:10px 0;}
.tab-hd li:nth-child(2){ border:1px #FFFFFF solid; border-bottom:none; border-top:none;}
.tab-hd li.active{ background:#0071BD;}
.tab-bd li{display:none; padding:20px 0; height:600px;}
.tab-bd li.thisclass{ display:list-item;}

.p3 { overflow:auto; border-bottom:1px dashed #0071BD; padding:15px 0;}
.p3left { float:left; line-height:40px;}
.p3right { float:right;}
.p3right dt{ float:left; padding-left:2px;}

.p4 { background:#F7F7F7; padding:25px; border-radius:10px;}
.p4 h3{ color:#1777FF; margin-bottom:20px;}
.p4a { border:1px #1777FF solid; border-radius:20px; margin:10px 0; line-height:30px; width:930px;}
.p4a p{ background:#1777FF; color:#FFF; text-align:center; float:left;border-radius:20px; padding:0 20px; margin-right:20px;}
.p4b { line-height:30px; margin-top:20px;}

.p5 { text-align:center; margin:0 auto; padding:50px 0;}
.p5 h2{ font-weight:normal; font-size:30px; padding-bottom:25px;}
.p5 p{ line-height:25px; color:#333;}
.p5a { margin:0 auto; text-align:center;}
.p5a img{ width:80%;}

.b1 { text-align:center; margin:0 auto; padding:50px 0;}
.b1 h2{ margin-bottom:25px;}
.b1 p{ text-align:left; text-indent:2em; line-height:30px;}
.b2 {margin:0 auto; text-align:center;}
.b2 img{width:90%;}
.b3 { text-align:center; color:#1777FF; font-weight:bold; padding:100px 0; font-size:20px; line-height:30px;}
.b4 {}
.b4 ul{}
.b4 li{ float:left;}
.b4 li:nth-child(2){ margin:0 2px;}
.b4 img{}

.xa1 { color:#FFF; font-size:50px;}