ul{padding:0;}
ul li{ list-style-type: none;}
.lr{ float: right;}
.mar-top-20{ margin-top: 10px; padding-top: 10px; float: left;}
body{ font-family: "微软雅黑","Microsoft Yahei";}
*{ transition: all 0.5s ease 0s;}
a{color: #333;}
a:hover{ text-decoration: none; color: #8faeeb; }

.page-header{ background: #003399;
    height:40px; border-bottom: 0px; margin: 0px;}
.page-header, .page-header a{ line-height: 40px; color: #fff;}
.page-header a:hover{color: #8faeeb;}

ul,li{ list-style:none;}
.box{ height:40px; overflow:hidden;}
.t_news{ height:40px;   color:#fff; padding-left:10px; overflow:hidden; position:relative;}
.news_li,.swap{ line-height:40px;  background:#003399; display:inline-block; position:absolute; top:0; }
.news_li a,.swap a{ color:#fff;}
.swap{top:40px;}

.rig-menu{ width: 100%; }
.rig-menu > li,.rig-menu span{ float: right; margin-right: 16px;}

.rig-menu > .dropdown{ position: relative; float: right; display: table;}
.rig-menu > .dropdown .dropdown-menu{ padding: 5px;top:38px; right: 0px;left:auto;}
.rig-menu > .dropdown:hover .dropdown-menu{ display: block; box-shadow: 5px 5px 15px #ccc;}

.rig-menu > .dropdown .triangle-up {position: absolute;
    width: 0;
    height: 0; right: 10px;top: -8px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white;
}


.navbar-brand {
    float: left;
    height: 80px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
}

.navbar{ margin-bottom: 0px;}
.navbar-default {
    background-color: #fff;
    border: 0px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border: 0px; }
.navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 80px;
}
@media (max-width: 768px) {
    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px;
       line-height: 1em;
    }
    .navbar-brand img{ height: 60px; }
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #fff;
    background-color: #003399;
}
.dropdown-menu{ border: 0px; border-radius: 0 0 10px 10px; left: 0px; padding-bottom: 10px; background: rgba(244,244,244,0.8);}
.dropdown-menu>li>a {
    display: block;
    padding: 8px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: inherit;
}

.navbar-default .dropdown-menu>li>a:hover{ background: rgba(0,51,153,0.8); color: #fff; }


@media (min-width: 768px){
    .navbar-right .dropdown-menu {
        right: 0;
        left: 0;
    }
    .navbar-brand{ width: 330px;}
    .navbar-brand img{ height: 80px; width:300px; }

}


#mybanner > .carousel-control{font-size: 3em;}

.banner-img{position: absolute;top:50%; margin-top: -100px; left: 50%; margin-left: -200px;}


@media (max-width: 768px) {
    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px;
        line-height: 1em;
    }
    .navbar-brand img{ height: 60px; }
    .banner-img{position: absolute;top:50%; margin-top: -50px; left: 50%; margin-left: -100px;}

}

.pa-sy-left{ padding-right: 0px;}
.pa-sy-left > .panel:hover{box-shadow: 0px 0px 0px #fff;}
.pa-sy-right{ padding-left: 0px;}
.panel{ border: 0px;}
@media (max-width: 992px) {
    .pa-sy-left{ padding-right: 15px;}
    .pa-sy-right{ padding-left:15px;}

}
.pa-sy-left-tit{background: #e4e4e4; height: 100px; border-radius: 0px;}
.pa-sy-right-tit{background: #f5f5f5; height: 100px; border-radius: 0px;}
.pa-sy-tit{ margin-top: 16px; margin-bottom: 16px; float: left;}
.pa-sy-tit > .tit-en{color: #999; font-size: 0.8em; text-transform:uppercase;}
.pa-sy-tit > h3.tit-cn{ color: #eb0616; font-size: 1.6em; margin-top: 6px;}
.tit-mo{ width: 50px; float: right;; margin-top: 16px;
    height:50px; border-radius: 50px; line-height: 45px;font-size: 2em; text-align: center; color: #eb0616; border: 1px solid #eb0616;}
.tit-mo:hover{transform:rotate(360deg); color: #fff; background: #ff4d4d;
    -ms-transform:rotate(360deg); 	/* IE 9 */
    -moz-transform:rotate(360deg); 	/* Firefox */
    -webkit-transform:rotate(360deg); /* Safari 和 Chrome */
    -o-transform:rotate(360deg); 	/* Opera */}

.text-mo{  float: right;; margin-top: 6px; transition: all 0.6s ease-in;
    border-radius: 40px; line-height: 25px;font-size: 0.8em; padding: 3px 25px; text-align: center; color: #eb0616; border: 1px solid #ccc;}
.text-mo:hover{  color: #eb0616 ; border: 1px solid#eb0616;
box-shadow: 3px 3px 10px #999;
    border-bottom-color: #003399;
    border-left-color: #367dff;
    bottom: 3px;
}
.text-mo:hover:before{bottom: 3px;}
.text-mo:hover:after{bottom: 0px}

.news-ul{ margin-top: 10px; width: 100%;}
.news-ul > li{
    height:30px; overflow: hidden; line-height: 30px;}
.news-ul > li a > span{margin-right: 10px; color: #cecece;}
.panel-body {
    padding:18px 0px;
}
.pa-sy-left-con .sygg1{ height: 140px; overflow: hidden;}
.panel{ border-bottom: 0px; border: 0px;box-shadow:0px 0px 0px #fff;}
.panel:hover{box-shadow:3px 3px 15px;}
.pa-sy-left-con, .pa-sy-right-con {padding: 18px; }

.news-first{ width: 100%;}
.news-first a h4{ color: #ff4d4d; text-align: center; height: 1em; overflow: hidden;}
.news-first .first-con{ font-size: 0.8em; color: #999; height: 3em; overflow: hidden;     line-height: 1.5em;  }
.pa-sy-right-con .news-ul > li{ position: relative;}
.pa-sy-right-con .news-ul > li a{ position: absolute;
    border-right: 86px solid transparent; font-size: 1em;
    width: 100%;}
.pa-sy-right-con .news-ul > li > span{ width: 80px; color: #ccc; font-size: 0.8em; float: right;}

.new-panel{ height: 310px; width: 100%; overflow: hidden;}
.new-tit{background: #f5f5f5; width: 100%;
    height:60px;}
.new-tit .new-active{ position: relative; background: #f10202; padding: 4px 20px; display: inline-block; line-height: 52px; font-size: 1.4em; color: #fff;}
#triangle-down {
    bottom: -8px; position: absolute;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 8px solid #f10202;
}
.xglj-body{ width: 100%;}
.ship-body{ padding: 10px;}
.xglj-body li{ line-height: 30px; overflow: hidden; height: 30px;}
.m{ width: 100%; height: 264px; margin-left: auto; margin-right: auto;  }
.gsnews > .col-md-4{ padding-right: 5px; padding-left: 5px;}

@media (max-width: 992px) {
    .gsnews > .col-md-4{ padding-right: 15px; padding-left: 15px;}

}
.y-foot{min-height: 100px; background: #000; border-top: 10px solid #ccc; padding-top: 30px; padding-bottom:20px; }
.y-foot > div:first-child{margin-top: 20px;}
.y-foot,.y-foot a{ color: #ccc;}

.menu-ul li{ line-height: 50px; border: 0px; border-bottom: 1px #ccc;
    height:50px;border-style: dotted; font-size: 1.2em;}
.menu-ul li.active,.menu-ul li:hover{background: #003399;}
.menu-ul li.active a,.menu-ul li:hover a{ color: #fff;}
.menu-ul li.active > a >span,.menu-ul li:hover > a >span{ margin-left: 10px;}

.f24{ font-size: 24px;}
.f14{ font-size: 14px;}
.pt20{ padding-top: 20px;}
.mr10{ margin-right: 10px;}
.pb40{ padding-bottom: 40px;}
.ml15{ margin-left: 15px;}
.mt20{ margin-top: 20px;}
.newdetail{margin-top:0px;background-color:rgba(255,255,255,0.5);position:relative;z-index: 100;margin-left: auto;margin-right: auto;padding:10px 0px 30px 0px;margin-bottom: 20px;}
.newdetail .newtitle{border-bottom: 1px solid #dcdcdc;padding-top:10px;padding-bottom: 30px;text-align: center;color:#c7161c;margin-left:20px;margin-right:20px;}
.newdetail-con{padding-left:10px;padding-right:10px;}
.newtitle .fgrey1 > .new-icon li{ float: right; color: #ccc; margin-left: 10px;}
.newlisbtn{border-bottom: 1px solid #c7161c;padding-bottom: 15px;margin-left: 20px;margin-right: 20px;}
.newlisbtn a:hover{color:#c7161c;text-decoration: none;}
.newlistul li{height:30px;line-height: 30px;font-size: 14px;margin-left: 30px;margin-right: 30px;}
.newlistul li a{color:#666;}
.newlistul li a:hover{color:#c7161c;text-decoration: none;}

/*鍒嗛〉鏍峰紡*/
.fenyeys{ float:left; width:90%; text-align:center; margin:12px 0px; font-size: 14px; font-family: "寰蒋闆呴粦";}
.fenyeys span{  margin:2px 6px; border-radius:25px;  padding:0px 5px; background:#0088cc; color:#fff; }
.fenyeys a{ margin:2px 6px; border-radius:25px; padding:0px 5px; background:#666; color:#fff; }
.fenyeys a:hover{ background:#0088cc;}
.nyright-con .col-md-12{margin: 0px; padding: 0px;}

.cont{
    width:765px;
    overflow:hidden;

}
/*产品列表页面开始*/
 .cplist dl{
    width:234px;
    height:245px;
    margin:10px 10px;
    border:1px solid #ddd;
    float:left;
    border: #EDEBEC solid 5px;
 }

  .cplist dl dt{
    width:224px;
    height:190px;
    float:left;
    text-align: center;
  }
  .cplist dl dt img{
    width:100%;
    height:190px;
  }
 .cplist dl dd{
    width:224px;
    height:35px;
    float:left;
    text-align: center;
    overflow: hidden;
 }
  .cplist dl dd h4{
    line-height:25px;
    background:url(../img/yes.png) no-repeat left center;
    text-indent:5px;
  }
.cplist dl dd a{
    color: #000000;;
}
.cplist dl dd p{
  text-indent:20px;
  line-height:24px;
}
.cplist dl dd p.txt{
    height:100px;
}
.cplist dl dd p.as{
  text-indent:80px;
}
.cplist dl dd p.as a{
    color:#0D3D88;
    padding:2px 5px;
}
.cplist dl dd p.as a:hover{
    background:#0D3D88;
    color:#fff;
}
/*产品列表页结束*/