@charset "utf-8";
/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,button,button,caption,tbody,tfoot,thead{margin:0;padding:0;border:0;outline:none;list-style:none;}
a:link,a:visited{text-decoration:none;color:#000;}
body{font-family: "Microsoft YaHei", "微软雅黑", Arial, Helv, Helvetica,sans-serif; font-size:14px;}
/*top*/
.top{border-top:9px solid #546fa7;width:100%; overflow:hidden;}
.top .top-c{width:1100px; margin:0 auto; overflow:hidden;}
.top .top-c .top-l .logo{padding:20px 0;display: block;margin: auto;text-align: center;}
.top .top-c .top-l h1{font-size:36px; float:left;color:#8B0101; padding-top:36px;}
.top .top-c .top-r{float:right; font-size:24px; padding-top:45px;}
.top .top-c .top-r li{float:left; margin-left:50px;}
.top .top-c .top-r li a{color:#8B0101;}
/*footer*/
.footer{width:100%;background:#7e7e7e; text-align:center; color:#fff;}
/*SubPage common*/
.sub-bg{border-top:1px solid #ccc;border-bottom:1px solid #ccc;width:100%;height:127px;}
.sub-bg img{width:100%;height:127px;}
/*editorial*/
.content-20{padding-bottom:20px;}
/*---------------------------------------------------------------------------index首页---------------------------------------------------------------------*/
.main{width:100%; border-bottom:1px solid #DBDBDD; border-top:1px solid #DBDBDD; background:url(../images/index-bg.jpg) no-repeat;background-size:100% 100%;}
.main-c{margin:0 auto;width:1000px;overflow:hidden;}
.con1{background-color: #ffffff;margin-top:0;padding:20px 15px;/* color:#fff; */font-size:18px;line-height:25px;border-radius: 4px;border: 1px solid #eee;}
.port-grids{border: 1px solid #eee;border-radius: 4px;overflow: hidden;}
.con1 h2{
    width:25px;
    padding:10px;
    height:190px;
    float:left;
    text-align:center;
    margin-right:20px;
    color: #ffffff;
    font-size:16px;
    font-weight:normal;
    line-height:27px;
    background-color: #016ed3;
    background:linear-gradient(120deg,#29458e,#bdd6e4);
    border-radius: 4px;
}
.con1 p{text-indent:2em;font-size:14px;line-height: 30px;letter-spacing: 1px;}
/*文字向上不间断滚动*/
#scrollbox{width:900px;margin: auto;height:200px;overflow:hidden;}
.scrollcon{height:800%;}
.scrollpic li{overflow: hidden; margin-bottom:5px;border-bottom: 1px solid #eee;padding-bottom:5px;}
.port-section{
    padding:3.5em 0 4em 0;
    position:relative;
}
.port-section  h2{
    position: absolute;
    left: 13.3%;
    top: -3%;
    background: #fff;
    padding: 0.3em 0.3em;
    font-size: 1.34em;
    font-weight: 700;
}
.port-grid{
    padding:2%;
    width:29.33%;
    float: left;
    position: relative;
    background: #fff;
}
.port-grid img{height: 254px;width:180px;margin: auto;text-align: center;display: block;overflow: hidden;}
.port-grid .port-grid-a{width: 220px;display: block;overflow: hidden;margin:0 auto 10px;}
.port-grid.lost{
    margin-right:0;
}
.box_type {
    background: #EC5844;
    padding: 5px 21px;
    position: absolute;
    bottom: 146px;
    color: #fff;
    left: 14px;
    font-size: 0.85em;
}
.box-hover{
    position: absolute;
    bottom: 141px;
    right: 13px;
}
ul.port-icons li {
    list-style: none;
    display: inline-block;
}
.img-responsive{max-width: 100%;}
.text{text-align:center;margin:0 auto 0;}
.text h3{font-size:14px;color:#29458e;letter-spacing: 1px;font-weight: normal;
    background-image:-webkit-linear-gradient(top,#29458e,#29458e);

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

}
img{
    max-width: 100%;
    cursor: pointer;
    transition: all 0.6s;
}
img:hover{
    transform: scale(1.1);
}
.footer{padding:15px 0;}
.footer h3{margin:0 0 10px;font-size:14px;font-weight:normal;}
.footer p{line-height:24px;margin:0;letter-spacing: 1px;}
