@charset "utf-8";
ul{list-style:none;margin:0;padding:0;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.m20{margin:20px 0;}
.p5{padding:5px;}
.p10{padding:10px;}
.p20{padding:20px;}
.p30{padding:30px;}
.pt10{padding:10px 0;}
.pt20{padding:20px 0;}
.clear{clear:both;}
.dis{display:none;}
.text-center{text-align:center;}
.text-hide{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
a{transition:color ease .15s;}

div,td,p{line-height:26px;}

.notsupport{position:fixed;top:0;bottom:0;z-index:99999;width:100%;height:100%;text-align:center;clear:both;color:#fff;background:#00A2E9;}
.notsupport h1{font-size:80px;margin-top:200px;margin-bottom:100px;font-weight:400;}
.notsupport h2{font-size:30px;margin-bottom:30px;font-weight:300;}

.width{width:1200px;margin:0 auto;}


.bg_nav{background:#1184DA;}
.nav{list-style:none;margin:0;padding:0;}
.nav li{display:inline-block;padding:0;position:relative;}
.nav li a{display:block;padding:15px 25px;color:#fff;}
.nav li a:hover{background:#2A95E5;}
.nav .hover a{background:#2A95E5;}

.nav li .subnav{position:absolute;background:#fff;padding:10px 0 0 0;border:1px solid #f3f3f3;border-top:2px solid #2A95E5;border-bottom:0;/*border-radius:10px 10px 0 0;*/left:-45px;z-index:9999;opacity:0;transition:all .3s ease 0s;visibility:hidden;transform:translate3d(0,10px,0);margin-top:10px;}
.nav li .subnav:after{content:'';display:block;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #2A95E5;position:absolute;top:-12px;right:45%;}
.nav li .subnav li{display:block;text-align:center;margin:0;min-width:200px;}
.nav li .subnav li a{color:#333;white-space:nowrap;border-radius:0;padding:10px 30px;border-bottom:1px solid #f3f3f3;}
.nav li .subnav li a:hover{color:#fff;}
.nav li:hover a{background:#2A95E5;}
.nav li:hover .subnav{opacity:1;transform:translate3d(0,0,0);visibility:visible;}
.nav li:hover .subnav a{background:#fff;color:#333;}
.nav li:hover .subnav a:hover{background:#2A95E5;color:#fff;}

.bg_gray{}
.home_title{width:1080px;margin:20px auto;text-align:center;}
.home_title .border{border-top:1px solid #DBDBDB;padding:20px 0;margin:-25px auto -14px auto;}
.home_title h2{font-size:40px;color:#2A95E5;background:#eee;display:inline-block;padding:0 30px;font-weight:bold;}
.home_title p{color:#999;background:#eee;display:inline-block;padding:0 10px;margin:0;font-weight:400;}

.sub_nav{text-align:center;padding:10px 0 30px 0;}
.sub_nav ul{margin:0;padding:0;list-style:none;}
.sub_nav ul li{display:inline-block;position:relative;margin-right:10px;}
.sub_nav ul li a{display:block;border:1px solid #eaeaea;padding:8px 30px;border-radius:0px;background:#fff;}
.sub_nav ul li a:hover{background:#1184DA;border-color:#1184DA;color:#fff;}
.sub_nav ul .hover a{border:1px solid #1184DA;color:#fff;background:#1184DA;}
.sub_nav ul li dl{background:#1184DA;top:23px;left:0;position:absolute;opacity:0;transition:all .3s ease 0s;transform:translate3d(0,10px,0);visibility:hidden;z-index:100;min-width:160px;}
.sub_nav ul li dl a{display:block;border:0;font-weight:normal;padding:10px 30px;color:#fff;border-radius:0;white-space:nowrap;}
.sub_nav ul li dl a:hover{background:#fff;color:#333;padding:10px 30px;}
.sub_nav ul li:hover{}
.sub_nav ul li:hover a{background:#1184DA;border-color:#1184DA;color:#fff;border-radius:0;}
.sub_nav ul li:hover dl{opacity:1;transform:translate3d(0,0,0);visibility:visible;}

.home_pro{width:1204px;}
.home_pro ul{margin:0;padding:0;list-style:none;width:100%;}
.home_pro ul li{float:left;width:285px;margin:0 15px 15px 0;background:#f8f8f8;border:1px solid #eaeaea;transition:all .6s cubic-bezier(.215, .61, .355, 1) 0s;}
.home_pro ul li img{width:100%;height:260px;}
.home_pro ul li .title{padding:15px 15px 10px 15px;font-size:18px;font-family:microsoft yahei;text-align:center;background:#fff;}
.home_pro ul li .intro{padding:0 15px 20px 15px;color:#999;min-height:48px;font-family:microsoft yahei;background:#fff url(images/more.png) no-repeat right bottom;}
.home_pro ul li:hover{box-shadow:0 0 10px 5px rgba(0,0,0,.08);transform:translateY(-5px);background:#fff;}

.PdctCat {    border: 1px solid #cecece;background: linear-gradient(to bottom, #f3f3f3 0%,#ffffff 100%);border-radius: 6px;box-shadow: 0 5px 10px #ddd;float: left;width: 22.5%;margin: 0 20px 20px 0;}
.Title {
font-size: 18px;
    width: 90%;
    margin: auto;
    padding: 15px 0px 10px 0px;
    text-align: center;
    border-bottom: #e0e0e0 solid 1px;
}
.Title a {
    color: #356887;
    text-decoration: none;
}
.PdctCat img {
    border: none;
    max-width: 100%;
}
.PdctCat p {
    margin: 0px 15px 10px 15px;
}
.PdctCat ul {height: 270px;   
    overflow-x: hidden;
    list-style: none;
    margin: 10px 0px 10px 15px;
    padding: 10px 0px 0px 0px;
    width: 170px;
    border-top: #e0e0e0 solid 1px;
}
.PdctCat ul li {
    padding: 0px 0px 5px 10px;
    display: block;
    width: 180px;
    background: url(/static/modules/cms/images/li.gif) no-repeat top left;
}
@media (max-width: 960px) {
.PdctCat{    width: 100%;
    margin:0;}.PdctCat ul {
    min-height: auto;
    list-style: none;
    margin: 10px 0px 10px 15px;
    padding: 2%;
    width: 90%;
    border-top: #e0e0e0 solid 1px;
}
}