@charset "utf-8";

*{margin:0; padding: 0; font-weight: normal;font-family: "Microsoft YaHei"}
.body{
    min-width: 1664px;
}
img{ display: block; border:none; }
a{ color: inherit; text-decoration: none; }
.nav{
    position:  relative;
    width: 1234px;
    margin: 0 auto;
    /* overflow:  hidden; */
}


.main-img{margin:0 auto;/* width: 100%; */}
.nav-a{
    /* float:  right; */
    position: absolute;
    right: 0;
    bottom: 0;
}
.nav-a>a,.nav-a>div>a{
    padding: 14px 20px;
    margin: 0px 10px 5px;
    display:  block;
    float:  left;
    border-bottom: 2px solid #f6f6f6;
}
.nav-a>div{ float: left;position: relative; }
.nav-a>div>p{
    display: none;
    position: absolute;
    top: 49px;
    z-index: 99999;
    background: white;
    width: 130px;
    left: -4px;
    border-top: 2px solid #0660f6;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.nav-a>div>p>a{
    display: block;
    text-align: center;
    line-height: 56px;
    border-bottom: 1px solid #ededed;
}
.nav-this,.nav-a>a:hover,.nav-a>div>a:hover{border-bottom: 2px solid #0660f6;color:#0660f6;}
.nav-a>div:hover p{ display: block; }
.nav-a>div>p>a:hover{color:#0660f6;}
.main{
    width: 860px;
    margin:  0 auto;
}
.main h1{
    color:  #036eb8;
    font-size:  48px;
    font-weight:  normal;
    text-align:  center;
    margin:  50px auto 50px;
}
.main>p{
    margin: 0px auto 40px;
}
.tuwen{overflow:hidden;}
.tuwen>p{float: right;width: 67%;margin-top:  42px;line-height:  2;}
.tuwen>img{ float:left; }
.tuwen>p>span{
    display:  block;
    font-size:  20px;
}
.chan{overflow:hidden;margin:  0 auto;width: 1254px;}
.chan a{
    float:  left;
    width: 394px;
    display:  block;
    margin:  0 10px;
    border: 1px solid white;
    height: 276px;
}
.chan a:hover{ background-color: white; color:black; }
.chan img{
    margin: 40px auto 0;
}
.chan span{
    display:  block;
    text-align:  center;
    font-size:  18px;
    line-height:  3;
}
.chan p{
    width: 322px;
    margin:  0 auto 40px;
    font-size:  14px;
    text-align:  justify;
    line-height:  1.5;
}
.hexin{
    width: 1254px;
    margin: 50px auto;
    /* border:  1px solid #eef0f3; */
}
.hexin a{
    display:  block;
    float:  left;
    width: 312px;
    position:  relative;
    height: 255px;
}
.hexin a div{width:100%;height: 100%;position: absolute;
    background:  #f0f4f8;}
    .he-img2{ display: none; }
.hexin a:hover{position: relative;width: 314px;height:  255px;left: 0;}
.hexin a:hover div{width: 110%;height:  110%;left: -8px;top: -12px;background: #2fa8e6;z-index:  999;box-shadow: 0 0 12px #999;}
.hexin a:hover div .he-img1{ display: none; }
.hexin a:hover div .he-img2{ display: block; }
.hexin a:hover p{border: 1px solid #2fa8e6 !important;height:  103px;}
.hexin a:hover span{color:white;}
.hexin a img{
    margin: 18px auto;
}
.hexin a span{
    text-align:  center;
    display:  block;
    font-size:  18px;
    margin: 10px auto 14px;
}
.hexin a p{
    background:  white;
    padding:  20px 30px;
    border-top: 1px solid #eef0f3;
    border-bottom:  1px solid #eef0f3;
    height:  77px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}
.tab-ind{
    width: 1200px;
    margin: 0 auto;
}
.tab-ind th{
    width: 300px;
    font-size:  18px;
    font-weight:  normal;
    text-align: left;
    text-indent: 38px;
    padding-bottom: 16px;
}
.tab-ind td{}
/*鏃犻殰纰?/
.wuzhang{
    width: 1226px;
    margin: 60px auto 10px;
}
.wuzhang h1{
    font-size:  22px;
    font-weight:  normal;
    text-align:  center;
    border-bottom:  1px solid #eaeaea;
}
.wuzhang h1 span{
    position:  relative;
    bottom: -2px;
    background:  white;
    display:  inline-block;
    padding: 0 10px;
}
.w-tuwen{overflow:hidden;margin: 40px 0;}
.w-tuwen img{ float: left; }
.w-tuwen .div-p{float: right;width: 720px;}
.div-p p{
    line-height: 2;
    text-align: justify;
    margin: 10px auto;
    font-size: 18px;
    text-indent: 36px;
}
.div-p p span{color:#1a76d2;font-size: 18px;}
.xing{
    overflow: hidden;
    margin: 30px auto;
    width: 1273px;
}
.xing a{
    display: block;
    width: 388px;
    height: 440px;
    float: left;
    margin: 0 18px;
    background: #f9f9f9;
}
.xing a img{
    margin: 30px auto;
}
.xing a p{
    font-size: 16px;
    margin: 30px 40px 0;
    line-height: 2;
}
.wuzhang-cont{
    border: 1px solid #eaeaea;
    width: 1072px;
    margin: 36px auto 10px;
    padding: 60px 78px;
}
.wuzhang-cont h1{
    font-size: 22px;
    font-weight: normal;
    text-align: center;
    line-height: 2;
}
.wuzhang-cont h2{
    font-size: 14px;
    color: #595959;
    font-weight: normal;
    border-bottom: 2px solid #eaeaea;
    line-height: 3;
    text-align: center;
}
.wuzhang-cont p{
    font-size: 18px;
    line-height: 2;
    text-indent: 36px;
    text-align: justify;
    margin: 28px auto;
}
.product{
    overflow: hidden;
    margin: 10px auto;
    width: 1180px;
}
.product li{
    float: left;
    width: 300px;
    list-style: none;
}
.product li img{
    margin: 0 auto;
}
.product li span{
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    line-height: 2;
    margin-top: 10px;
}
.product li p{
    text-align: center;
    line-height: 2;
    margin: 24px auto;
}
.product li a{
    background: #007ea8;
    color: white;
    display: block;
    width: 104px;
    text-align: center;
    line-height: 38px;
    border-radius: 33px;
    margin: 10px auto;
}
.product2 li img{ float: left; }
.product2 li div{float: right;width: 218px;}
.product2 li span{
    text-align: left;
    margin: 0;
}
.product2 li p{
    text-align: justify;
    color: #a4a4a4;
}
.product2 li a{
    margin-left: 0;
}
.product3 li span{
    font-weight: normal;
}
.product3 li p{
    text-align: justify;
    /* color: #a4a4a4; */
}
.product3 li a{
    /* margin-left: 0; */
    background: white;
    color: #0063a7;
}
.jie-nav{
    overflow: hidden;
    width: 524px;
    margin: 0 auto;
}
.jie-nav a{
    float: left;
    display: block;
    /*background: #007ea8;*/
    color: #262626;
    margin: 0 10px;
    width: 84px;
    line-height: 2;
    text-align: center;
    border-radius: 8px;
}
.jie-nav2{
    overflow: hidden;
    width: 1136px;
    margin: 0 auto 40px;
}
.jie-nav2 li{
    list-style: none;
    float: left;
    width: 340px;
    height: 448px;
    background: white;
}
.jie-nav2 li img{
    margin: 31px auto;
}
.jie-nav2 li p{
    margin: 20px 42px;
    line-height: 2;
    text-align: justify;
}
.jie-nav2 li p span{
    display: block;
    text-align: center;
    line-height: 2;
    font-size: 18px;
    font-weight: bold;
}
.bod-tit{font-size: 48px;text-align: center;color: #036eb8;margin: 90px auto 50px;}
.bor-bottom{border-bottom: 1px solid #2559a3;width: 200px;margin:  0 auto;padding: 12px;text-align:  left;display: block;}
.bor-bottom2{ width: 200px;margin:  0 auto;padding: 12px 0;text-align:  left;}
.foot1{color:white;background-color: #0c4698;text-align: center;font-size: 14px;padding:40px 0;margin-top:  60px;}
.foot2{color:white; line-height: 3; background-color: #053374; text-align: center; font-size: 14px;}
.tab-ind td>.bor-bottom>img{float: right;margin-top: 4px;}
.tab-ind td>.bor-bottom2>img{display: inline-block;margin-right: 10px;}
.banben{ margin:30px auto; display: none; }
.jie-a-this{
    background: #007ea8;
    color: white !important;
    /* border-color:#007ea8; */
    }
    .bann{ width:100%; height: 400px; background-repeat: no-repeat; background-position: 50%; margin:0 auto; padding-top:1px; }
    .bann h1{ width:1234px; margin:0 auto; color:white; font-size: 48px; }
    .bann h2{ width:1234px; margin:0 auto; color:white; font-weight: normal; }
    .main2{
    width: 1166px;
    margin: 0 auto;
}
.jishu{overflow:hidden;padding-top: 30px;border-top: 1px solid #eee;}
.jishu li{float:left;width: 33%;list-style: none;overflow: hidden;}

.jishu li{min-height: 224px;}
.jishu li img{ float:left;}
.jishu li>div{float:left;width: 286px;margin-left: 10px;color: #555;}
.jishu li>div>h1{font-size: 18px;font-weight: bold;}
.jishu li>div>p{font-size: 12px; line-height: 2;}

.main2>h1,.main2>div>h1{font-size:26px;color:#333;font-weight:bold;line-height: 3;}
.main2>p{color:#585858;line-height: 1.5;font-size: 14px;text-indent:30px}

.jiejue{
    overflow: hidden;
}
.jiejue>ul{
    float: left;
    width: 694px;
}
.jiejue>img{
    float: right;
}
.jiejue>ul>li{
    overflow: hidden;
    margin-top: 30px;list-style: none;
}
.jiejue>ul>li>h1{}
.jiejue>ul>li>img{ float: left; }
.jiejue>ul>li>div{
    float: left;
    width: 530px;
    margin-left: 28px;
    color: #333;
}
.jiejue>ul>li>div>h1{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}
.jiejue>ul>li>div>ul{
    padding-left: 20px;
}
.jiejue>ul>li>div>ul>li{
    font-size: 14px;
    line-height: 1.5;
    list-style: disc;
}

.jiejue2>ul{
    width: 100%;
    float: none;
    overflow: hidden;
}
.jiejue2>ul>li{
    float: left;list-style: none;
}
.jiejue2>ul p{
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 13px;
    }
.jiejue2>ul>li>div{
    width: 458px;
}

.dizhi{
    overflow: hidden;
    margin-top: 29px;
}
.dizhi img{
    float: left;
    margin-top: 10px;
}
.dizhi ul{
    float: left;
    margin-left: 10px;
}
.dizhi ul li{
    list-style: none;
    line-height: 33px;
}
.nav-pho{ position: relative; display: none; }
.btn-menu{ float: right; height: 100%; margin:30px; display: none; }
.btn-menu>a{ display: block; height: 100%; }
.btn-menu>a>img{ display: block; height: 100%; opacity: 0.5; }
.nav-pho{ display: none; }
.nav-pho>a,.nav-pho>p>a{display: block;
    line-height: 3; font-size: 30px;
    border-bottom: 1px solid #ccc;
    padding-left: 48px;}
.nav-pho>p{}
.nav-pho>p>a{ font-size:30px; padding-left: 88px; color:#666; }

@media screen and (max-width:1080px){
/*.nav-pho{ display: block; }*/
    html,body,.body{ width:100%; }
    .btn-menu{ display: block; }
    .main{ width:96% !important; }
    .main h1,.main h1 *{ text-align: center; }
    .main2{ width:96%; margin:0 auto !important; }
    .main2>a{ display: block; }
    .main2>div{ float: none !important;margin: 10px auto;width: 100% !important; }
    .main2>a>img{ width:96%; }
    .jishu li{ width:100%; float:none; min-height:0; margin-bottom:20px; }
    .jishu li>div{ width:inherit; float: none; }
    .foot1{ display: none; }
    .jiejue>img{ float: none; margin:0 auto; width:90%; margin-top: 10px; }
    .jiejue2>ul>li{ float: none; margin-left:0 !important; margin-top: 10px; }
    .jiejue>ul>li>img{ margin-right: 14px; }
    .chan img{ width:20%; }
    .tuwen{ border-bottom: 1px solid #ccc; padding: 20px 0; }

    .wuzhang{ width:100%; }
    .w-tuwen img,.w-tuwen .div-p,.tuwen>img,.tuwen>p,.li-img>img{ float: none !important; margin:10px auto !important; }
    .w-tuwen .div-p,.tuwen>p{ width:96%; padding:0 !important; }
    .w-tuwen img,.tuwen>img,.li-img>img{ width:50%; }
    .li-img>img{ display: none; }
    .xing{ width:100%; }
    .xing a{ width:96%; margin:10px auto; padding-bottom: 1px; height: inherit; float:none; }

    .nav{ width:100%; padding-top: 1px; }
    .nav>a{ display: block;width:70%; margin:30px !important; }
    .nav>a>img{ margin:0 auto; width:100%; }
    .nav-a{  display: none; }

    .bann h1{ width:100%; }
    .hexin,.chan{ width:100%; }
    .hexin a{ width:96%; float:none; margin:10px auto; height: inherit; }
    .hexin a:hover {position: relative;width: 96%; height: inherit;}
    .hexin a span{ color: white; }
    .hexin a div,.hexin a:hover div {width: 100%; padding-top: 1px;height: inherit; position: relative;left: 0;top: 0;background: #2fa8e6;z-index: 999;box-shadow:none;}
    .hexin a p,.hexin a:hover p{ padding:20px; height: inherit !important; }
    .he-img1{ display: none; }
    .he-img2{ display: block; }

    .chan p{ width:90%; }
    .chan a{ width:96%; float: none; margin:10px auto;height: auto; }
    .chanpin{ height: inherit !important; padding-bottom: 20px; background: #f0f0f0 !important; color:#000 !important;}
    .chanpin *{ color:#000 !important; }
    .chan a:hover {background-color: inherit;color: white;}
    .jiejue>ul{ float: none; width:100%; }
    .jiejue>ul>li>div {float: none; width: 96%; margin: 0 auto; }
    .wuzhang-cont{ width:100%; margin:10px auto; padding:0; border:none; }
    .wuzhang-cont p{ margin:10px; }
    .bann h2{ width:100%; }

    .xing a img{ margin:10px auto; }
    .xing a p{ margin:20px 20px; }
    .dizhi img{ display: none; }
    .dizhi ul{ float: none; }
    .wuzhang h1 span {position: inherit;display: inherit;}
}