/*通用*/
BODY {font-family: 'PingFangSC-Regular', 'helvetica neue', tahoma, 'PingFang SC', 'microsoft yahei', arial, 'hiragino sans gb', sans-serif;-webkit-font-smoothing: antialiased;height:100%}
html { height:100%}
div{text-align:left}
table tr td {word-break:break-all;word-wrap:break-word}
*{padding:0;margin:0}
a {text-decoration:none;color:#333;}
a:hover {text-decoration:none; color:#c31717}
img {border:0px}
ul,dl,dt,dd {margin:0px;padding:0px}
li {float:left;list-style-type:none}
input, textarea, select, a:focus {outline: none;}
input[type=button], input[type=submit], input[type=file], button {cursor: pointer;-webkit-appearance: none;}
textarea {-webkit-appearance: none;}
/*text-align:justify 文字两端对齐
:nth-child(4) 伪类
white-space:nowrap; text-overflow:ellipsis 一行多出省略号
display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden 多行多出省略号
box-sizing:border-box; 内描边*/
/*input字体颜色*/
::-webkit-input-placeholder {/* WebKit browsers */color:#CCC}
:-moz-placeholder {/* Mozilla Firefox 4 to 18 */color:#CCC}
::-moz-placeholder {/* Mozilla Firefox 19+ */color:#CCC}
:-ms-input-placeholder {/* Internet Explorer 10+ */color:#CCC}
input:-webkit-autofill {box-shadow:0 0 0px 1000px #FFF inset !important}

.top {width:1200px; height:100px; overflow:hidden; margin:0px auto;background:url(../images/logobg.png);} 
.top .logo {float:left;}
.top .logo img { float:left; height:60px; margin-top:20px}
.top .tel { float:right; font-size:30px; line-height:100px; font-family:Georgia, "Times New Roman", Times, serif}

.header {width:100%; height:54px; background:#222f3e}
.nav { width:1200px; margin:0px auto; display: flex; justify-content: space-between;align-items: center;}
.nav ul { float:left; width:1200px; display: flex;justify-content: space-between;align-items: center;}
.nav ul li { width:14%}
.nav ul li a { float:left; width:100%; height:54px; font-size:18px; color:#FFF; line-height:54px; text-align:center}
.nav ul li a:hover {background:url('../images/nvbg.png') #d63031;border-radius:8px 18px;}
.hamburger {display: none;}
.bar {display: block;width: 25px;height: 3px;margin: 5px auto;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;background-color: #101010;}

/*首页轮播图*/
.swiper-container {float:left; width:100%; height:500px;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center}
.swiper-slide img { width:100%; height:500px}

.sy_con0 { width:1200px; margin:0px auto; margin-bottom:40px; overflow:hidden}
.sy_con0 h2 { float:left; width:100%; font-size:44px; line-height:100%; color:#222f3e; text-align:center; margin:40px 0; font-family:"微软雅黑"}
.sy_con0 p { float:left; width:100%; font-size:16px; line-height:180%; text-align:justify}

.sy_con1 { width:1200px; margin:0px auto; margin-bottom:40px; overflow:hidden}
.sy_con1 h2 { float:left; width:100%; font-size:44px; line-height:100%; color:#222f3e; text-align:center; margin:40px 0; font-family:"微软雅黑"}
.sy_con1 ul { float:left; width:100%}
.sy_con1 ul li { float:left; width:350px; margin-right:75px; font-size:16px; line-height:160%; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden;text-align:justify}
.sy_con1 ul li:last-child { margin-right:0px}
.sy_con1 ul li img { float:left; width:350px; height:220px; margin-bottom:10px;}

.sy_banner { float:left; width:100%; height:140px;}
.sy_banner img { float:left; width:auto; height:140px}

.mid_hui { width:100%; overflow:hidden; padding:40px 0; background:#f5f5f5}

.sy_con2 { width:1200px; margin:0px auto}
.sy_con2 .list { float:left; width:240px; }
.sy_con2 .list .title {float:left; width:100%; height:60px; background:#d63031;}
.sy_con2 .list .title h2 { float:left; width:100%; font-size:24px; height:60px; line-height:60px; color:#FFF; text-align:center; font-family:"微软雅黑"}
.sy_con2 .list ul { float:left; width:240px; background:#222f3e; margin-bottom:20px; padding-top:1px} 
.sy_con2 .list ul li { float:left; width:120px; height:40px; border-bottom:#1c2938 1px solid; border-right:#1c2938 1px solid;box-sizing:border-box;} 
.sy_con2 .list ul li a { float:left; width:100px; padding-left:20px; background:url(../images/tm_tb.png) no-repeat 8px center; font-size:16px; color:#FFF; height:40px; line-height:40px} 
.sy_con2 .list ul li a:hover { background:#d63031 url(../images/tm_tb.png) no-repeat 8px center}
.sy_con2 .list .cm_lxfs { float:left; width:240px; text-align:center; background:#FFF; padding-bottom:20px;}
.sy_con2 .list .cm_lxfs .kfbg {width:240px; height:160px}
.sy_con2 .list .cm_lxfs .ewm {width:160px; height:160px}
.sy_con2 .list .cm_lxfs p { float:left; width:100%; font-size:20px; line-height:200%;}
.sy_con2 .list .cm_lxfs b { float:left; width:100%; font-size:30px; line-height:100%; color:#d63031}

.sy_con2 .show { float:right; width:920px;}
.sy_con2 .show .title { float:left; width:100%; padding:0 2%; background:#ecf0f1; height:60px; margin-bottom:20px; border-bottom:#222f3e 4px solid; box-sizing:border-box; }
.sy_con2 .show .title h2 { float:left; font-size:24px; height:60px; line-height:60px; font-family:"微软雅黑"; }
.sy_con2 .show .title a { float:right; font-size:16px; border-radius:100px; line-height:100%; padding:6px 10px; margin-top:16px; background:#222f3e; color:#FFF}
.sy_con2 .show .title a:hover { background:#d63031}
.sy_con2 .show .title span { float:right; font-size:16px; line-height:60px}
.sy_con2 .show ul { float:left}
.sy_con2 .show ul li { float:left; width:290px; margin-right:25px; text-align:center; font-size:16px; line-height:100%; margin-bottom:20px;position: relative;}
.sy_con2 .show ul li:nth-child(3),.sy_con2 .show ul li:nth-child(6),.sy_con2 .show ul li:nth-child(9),.sy_con2 .show ul li:nth-child(12),.sy_con2 .show ul li:nth-child(15),.sy_con2 .show ul li:nth-child(18),.sy_con2 .show ul li:nth-child(21) { margin-right:0px}
.sy_con2 .show ul li span{
    width:121px;
    height:20px;
    background: url(../images/slogo.png) no-repeat 0px 0px;
    position: absolute;
    z-index: 1;
    left:1px;
    top: 1px;}
.sy_con2 .show ul li img { float:left; width:290px; height:440px; margin-bottom:10px;}
.sy_con2 .show ul li img:hover { border:#d63031 4px solid; box-sizing:border-box; }
.sy_con2 .show .con {float:left; width:100%; overflow:hidden}
.sy_con2 .show .con img {float:left; width:360px; height:546px; margin-right:40px}
.sy_con2 .show .con .miaoshu {font-size:24px; line-height:200%}
.sy_con2 .show .content { float:left; width:100%; font-size:16px; line-height:180%; margin-top:30px;}
.sy_con2 .show .content .conttitle {
border-bottom:2px solid #333;width:100%;padding-bottom:2px;margin-bottom:10px;
    }
.sy_con2 .show .content .conttitle h3 {
border-left:4px solid rgb(214, 48, 49);padding-left:10px;width:20%;
    }
.sy_con2 .show .page { float:left; width:100%; text-align:center; margin-top:60px;}
.sy_con2 .show .page a { font-size:16px; line-height:100%; border:#222f3e 1px solid; padding:4px 8px; margin:0 4px; border-radius:3px}
.sy_con2 .show .page a:hover { background:#222f3e; color:#FFF}

.sy_con2 .news { float:right; width:920px; box-sizing:border-box; border:#222f3e 1px solid; padding:20px}
.sy_con2 .news .title { float:left; width:100%; border-bottom:#222f3e 1px solid; height:40px; padding-bottom:20px; margin-bottom:20px;}
.sy_con2 .news .title h2 { float:left; width:100%; height:40px; font-size:36px; line-height:40px; text-align:center; font-family:"微软雅黑"}
.sy_con2 .news .con { font-size:16px; line-height:200%}
.sy_con2 .news .con img { display:block; margin:0px auto; margin-top:10px; margin-bottom:10px;}

.sy_con3 { width:1200px; margin:0px auto; margin-bottom:40px; overflow:hidden}
.sy_con3 h2 { float:left; width:100%; font-size:44px; line-height:100%; color:#222f3e; text-align:center; margin:40px 0; font-family:"微软雅黑"}
.sy_con3 ul { float:left; width:100%}
.sy_con3 ul li { float:left; width:280px; height:175px; margin:0 26px 20px 0; overflow:hidden}
.sy_con3 ul li:nth-child(4),.sy_con3 ul li:nth-child(8) { margin-right:0px}
.sy_con3 ul li img { float:left; width:280px; height:175px}

.foot { float:left; width:100%; overflow:hidden; background:#222f3e; padding:30px 0}
.foot .foot_con { width:1200px; margin:0px auto}
.foot .foot_con .foot_logo { float:left; margin-right:20px; width:300px; height:auto}
.foot .foot_con .lxfs { float:left; color:#FFF; font-size:14px; line-height:180%; border-left:#304257 1px solid; padding-left:40px;}
.foot .foot_con .ewm { float:right; width:120px; height:120px;}
.foot .foot_con .beian { float:left; width:100%; border-top:#304257 1px solid; font-size:14px; line-height:300%; text-align:center; color:#999; margin-top:20px;}
.foot .foot_con .beian a { color: #999;}

.erji_banner { width:1200px; margin:0px auto; margin-top:20px; height:200px; margin-bottom:20px; overflow:hidden}
.erji_banner img { float:left; width:1200px; height:200px;}

@media screen and (max-width:576px) 
{
.top {width:100%; height:auto; overflow:hidden; margin:0px auto; border-bottom:#000 1px solid;} 
.top .logo {float:left;}
.top .logo img { float:left; height:40px; margin:10px 0 10px 10px;}
.top .tel { display:none}

.header {width:48px; height:48px; background:none; position:absolute; top:10px; right:0; z-index:999}
.nav { width:100%; margin:0px auto; display: flex; justify-content: space-between;align-items: center;}
.nav ul {position: fixed;right: -100%;top:48px; z-index:999; flex-direction: column;background:#fff;width: 100%; padding-bottom:40px;text-align: center;transition: 0.3s; overflow:hidden}
.nav ul.active {right: 0;}
.nav ul li { width:100%; height:60px; line-height:60px; border-top:#eee 1px solid}
.nav ul li a { color:#333; height:60px; line-height:60px;}
.hamburger {display: block;cursor: pointer;}
.hamburger.active .bar:nth-child(2) {opacity: 0;}
.hamburger.active .bar:nth-child(1) {transform: translateY(8px) rotate(45deg);}
.hamburger.active .bar:nth-child(3) {transform: translateY(-8px) rotate(-45deg);}

/*首页轮播图*/
.swiper-container { width:100%; height:auto; margin-top:0px}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;position: relative;}
.swiper-slide img {display: block; width: 100%;height: 100%;object-fit: cover; border-radius:0px}

.sy_con0 { width:96%; padding:0 2%; margin:0px auto; margin-bottom:20px; overflow:hidden; display:none}
/*.sy_con0 h2 { float:left; width:100%; font-size:24px; line-height:100%; color:#222f3e; text-align:center; margin:20px 0; font-family:"微软雅黑"}
.sy_con0 p { float:left; width:100%; font-size:14px; line-height:160%; text-align:justify}*/

.sy_con1 {  width:96%; padding:0 2%;  margin:0px auto; margin-bottom:20px; overflow:hidden}
.sy_con1 h2 { float:left; width:100%; font-size:24px; line-height:100%; color:#222f3e; text-align:center; margin:20px 0; font-family:"微软雅黑"}
.sy_con1 ul { float:left; width:100%}
.sy_con1 ul li { float:left; width:100%; margin-right:0px; margin-bottom:10px; font-size:14px; line-height:160%; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden;text-align:justify}
.sy_con1 ul li:last-child { margin-right:0px}
.sy_con1 ul li img { float:left; width:150px; height:auto; margin:0 10px 0 0;}

.sy_banner { float:left; width:100%; height:auto;}
.sy_banner img { float:left; width:100%; height:auto}

.mid_hui { width:100%; overflow:hidden; padding:0px; background:#f5f5f5}

.sy_con2 { width:100%; margin:0px auto}
.sy_con2 .list { float:left; width:100%; }
.sy_con2 .list .title {float:left; width:100%; height:40px; background:#d63031;}
.sy_con2 .list .title h2 { float:left; width:100%; font-size:22px; height:40px; line-height:40px; color:#FFF; text-align:center; font-family:"微软雅黑"}
.sy_con2 .list ul { float:left; width:100%; background:#222f3e; margin-bottom:20px; padding-top:1px} 
.sy_con2 .list ul li { float:left; width:25%; height:40px; border-bottom:#1c2938 1px solid; border-right:#1c2938 1px solid;box-sizing:border-box;} 
.sy_con2 .list ul li a { float:left; width:100%; padding-left:0px; background:none; font-size:14px; color:#FFF; height:40px; line-height:40px; text-align:center} 
.sy_con2 .list ul li a:hover { background:#d63031 url(../images/tm_tb.png) no-repeat 8px center}
.sy_con2 .list .cm_lxfs { display:none}

.sy_con2 .show { float:right; width:96%; padding:0 2%;}
.sy_con2 .show .title { float:left; width:100%; padding:0 2%; background:#ecf0f1; height:40px; margin-bottom:20px; border-bottom:#222f3e 4px solid; box-sizing:border-box; }
.sy_con2 .show .title h2 { float:left; font-size:22px; height:40px; line-height:40px; font-family:"微软雅黑"; }
.sy_con2 .show .title a { float:right; font-size:14px; border-radius:100px; line-height:100%; padding:6px 10px; margin-top:4px; background:#222f3e; color:#FFF}
.sy_con2 .show .title a:hover { background:#d63031}
.sy_con2 .show .title span { float:right; font-size:14px; line-height:40px}
.sy_con2 .show ul { float:left}
.sy_con2 .show ul li { float:left; width:32%; margin-right:2%; text-align:center; font-size:16px; line-height:100%; margin-bottom:20px;}
.sy_con2 .show ul li:nth-child(3),.sy_con2 .show ul li:nth-child(6),.sy_con2 .show ul li:nth-child(9),.sy_con2 .show ul li:nth-child(12),.sy_con2 .show ul li:nth-child(15),.sy_con2 .show ul li:nth-child(18),.sy_con2 .show ul li:nth-child(21) { margin-right:0px}
.sy_con2 .show ul li img { float:left; width:100%; height:auto; margin-bottom:10px;}
.sy_con2 .show ul li img:hover { border:#d63031 4px solid; box-sizing:border-box; }
.sy_con2 .show .con {float:left; width:100%; text-align:center; overflow:hidden}
.sy_con2 .show .con img {float:none; width:360px; height:546px; margin:0 0 20px 0}
.sy_con2 .show .con .miaoshu { float:left; font-size:18px; line-height:200%; padding-left:10px;}
.sy_con2 .show .page { float:left; width:100%; text-align:center; margin:40px 0;}
.sy_con2 .show .page a { font-size:12px; line-height:100%; border:#222f3e 1px solid; padding:4px 8px; margin:0 4px; border-radius:3px}
.sy_con2 .show .page a:hover { background:#222f3e; color:#FFF}

.sy_con2 .news { float:left; width:96%; margin:0 2%; box-sizing:border-box; border:#222f3e 1px solid; padding:2%}
.sy_con2 .news .title { float:left; width:100%; border-bottom:#222f3e 1px solid; height:40px; padding-bottom:0px; margin-bottom:20px;}
.sy_con2 .news .title h2 { float:left; width:100%; height:30px; font-size:24px; line-height:30px; text-align:center; font-family:"微软雅黑"}
.sy_con2 .news .con { font-size:16px; line-height:200%}
.sy_con2 .news .con img { display:block; margin:0px auto; margin-top:10px; margin-bottom:10px;}

.sy_con3 { width:96%; padding:0 2%; margin:0px auto; margin-bottom:40px; overflow:hidden}
.sy_con3 h2 { float:left; width:100%; font-size:24px; line-height:100%; color:#222f3e; text-align:center; margin:20px 0; font-family:"微软雅黑"}
.sy_con3 ul { float:left; width:100%}
.sy_con3 ul li { float:left; width:32%; height:auto; margin:0 1% 2% 0; overflow:hidden}
.sy_con3 ul li:nth-child(3),.sy_con3 ul li:nth-child(6) { margin-right:0px}
.sy_con3 ul li:nth-child(4),.sy_con3 ul li:nth-child(8) { margin-right:1%}
.sy_con3 ul li img { float:left; width:100%; height:auto}

.foot { float:left; width:100%; overflow:hidden; background:#222f3e; padding:20px 0}
.foot .foot_con { width:96%; padding:0 2%; margin:0px auto; text-align:center}
.foot .foot_con .foot_logo { display:none}
.foot .foot_con .lxfs { float:left; width:100%; color:#FFF; font-size:14px; line-height:180%; border-left:#304257 1px solid; padding-left:0px; margin-bottom:20px}
.foot .foot_con .ewm { float:none; width:120px; height:120px;}
.foot .foot_con .beian { float:none; width:100%; border-top:#304257 1px solid; font-size:14px; line-height:180%; text-align:center; color:#999; margin-top:20px;}
    .foot .foot_con .beian a {
        color: #999;
    }

.erji_banner { width:100%; margin:0px auto; margin-top:0px; height:auto; margin-bottom:0px; overflow:hidden}
.erji_banner img { float:left; width:100%; height:auto;}

}