@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'arial';   /*字体名称*/
    src: url('../font/arial/arial.ttf');       /*字体源文件*/
}
@font-face {
    font-family: 'Roboto';   /*字体名称*/
    src: url('../font/Roboto/Roboto-Regular-14.ttf');       /*字体源文件*/
}
@font-face {
    font-family: 'RobotoLight';   /*字体名称*/
    src: url('../font/Roboto/Roboto-Light-10.ttf');       /*字体源文件*/
}
@font-face {
    font-family: 'impact';   /*字体名称*/
    src: url('../font/impact.ttf');       /*字体源文件*/
}



@media (max-width: 767px) {
	
	body .menu-btn{ display: block;
        width: 30px;
        position: absolute;
        right: 10px;
        top: 10px;}
	.newsdh{ display:none;}
	body .newsss{ display:none;}

	.newhonme .container{padding-left:15px; padding-right:15px;max-width:100%;}
	body .newskuaijie{ display:none;}
	body .newslogo{ text-align:center; width:100%}
	body .advertisement-left{ width:100%}
	body .advertisement-right{ width:100%}
	body .prlie li{ width:260px; margin-right:0px;margin-left: 40px; }

	body .prlie li img{}
	body .newspr-left{ width:100%}
	body .newspr-right{ width:100%}
	body .newsfooter dl{ width:100%; margin-bottom:50px}
	body .newsfooter dl:last-child dd {padding-left: 0px;}
	body .newsfooter dl:last-child h1 {padding-left: 0px;}
	body .newspr-right{ float:left; margin-left:0px; }
	body .newspr-r01 .tit1{ top:50%}
	body .newspr-r01{   background-size: 100%; }
	body .newspr-r02{   background-size: 100%; }
	body .newspr-r03{   background-size: 100%; }
	body .newspr-r04{   background-size: 100%; }
	body .newspr-r05{   background-size: 100%; }
	
	
	
}




@media (min-width: 768px) and  (max-width: 1199px){
	
		body .ggxiao01{  background-size: 100%; }
		body .ggxiao02{  background-size: 100%; }
		body .ggxiao03{  background-size: 100%; }
	body .menu-btn{ display: block;
        width: 30px;
        position: absolute;
        right: 10px;
        top: 10px;}
	.newsdh{ display:none;}
	body .newsss{ display:none;}

	.newhonme .container{padding-left:15px; padding-right:15px;max-width:100%;}
	body .newskuaijie{ display:none;}
	body .newslogo{ text-align:center; width:100%}
	body .advertisement-left{ width:100%}
	body .advertisement-right{ width:100%}
	body .prlie li{ width:260px; margin-right:0px;margin-left: 40px; }

	body .prlie li img{}
	body .newspr-left{ width:100%}
	body .newspr-right{ width:100%}
	body .newsfooter dl{ width:100%; margin-bottom:50px}
	body .newsfooter dl:last-child dd {padding-left: 0px;}
	body .newsfooter dl:last-child h1 {padding-left: 0px;}
	body .newspr-right{ float:left; margin-left:0px; }
	body .newspr-r01 .tit1{ top:50%}
	body .newspr-r01{   background-size: 100%; }
	body .newspr-r02{   background-size: 100%; }
	body .newspr-r03{   background-size: 100%; }
	body .newspr-r04{   background-size: 100%; }
	body .newspr-r05{   background-size: 100%; }
	
	
	}

@media (min-width: 768px) and  (max-width: 1359px){


.newhonme .container{width: 97% !important;
    max-width: 100% !important;padding-left: 15px;
        padding-right: 15px;}
.newskuaijie span:first-child{    margin-right: 10px !important;}
.newhonme{ width:100%}
.dibuanniu input{    width: 60%;}
body .prlie li img{     padding: 0px; width:100%}
body .prlie li{padding: 15px; }
}

.newhonme{ font-family:'Roboto','arial','impact', sans-serif;}
*{ margin:0; padding:0;}
a{text-decoration: none;}

.newstop{ width:100%; background:#fdd108; text-align:center; height:35px;}
.newstop span{ color:#967800; font-size:15px; line-height:35px; font-weight:bold;font-family: 'Roboto'}
.newstop2{ background:#000;    float: left;width: 100%;}
.newhonme .container{ max-width: 1360px;margin: 0 auto;    width: 1360px;}
.newslogo img{ padding:15px 0px;}
.newslogo{ width:20%; float:left;}
.newsss{ width:56%;float:left;    display: flex;align-items: center;    margin-top: 3%;}
.newskuaijie{ width:24%;float:left;    margin-top: 3%;}
.newsss input{  border: 0px;height: 46px;    width: 65%;}
.newskuaijie span{ color:#fdd108;}
.newskuaijie span:first-child{    margin-right: 20px;}
.newskuaijie span img{ vertical-align: middle;    margin-right: 10px;}
.newsdh{ background:#000;    float: left;width: 100%;    position: relative;}
.newsdhlie li{ float:left; height:50px; line-height:50px; margin-right:35px;}
.newsdhlie li a{ color:#fff;    text-decoration: none;font-family: 'impact';    font-size: 16px;}


.newsdhlie li>a span {
    display: inline-block;
    width: 11px;
    height: 7px;
    background: url(../images/1_2.png) center no-repeat;
    margin-left: 5px;
}
.newsdhlie li>a:hover span{
    background: url(../images/1_3.png) center no-repeat;
}
.dherji{ display:none}
.newsdhlie li:hover .dherji{ display:block; background:#000;    position: sticky;z-index: 9999;    position: absolute;    width: 170px;}
.newsdhlie li:hover .dherji dd a{ font-size:14px;    height: 40px !important;
    line-height: 40px;
    text-align: center;
    display: flow;font-family: 'Roboto';}
.newsdhlie li:hover .dherji dd:hover{ background:#fcd005}
.advertisement-left{ width:66%; float:left; margin-top:25px;}
.advertisement-right{ width:33%; float:left; margin-top:25px; margin-left:1%}
.ggweihzi01{ background: url(../images/gg-1.png) center no-repeat; height:429px; margin-bottom:25px;}
.ggweihzi01 .tit1{ font-size:40px; color:#fff;font-family: 'impact';letter-spacing: 0.5px; padding:20px 0px 15px 25px;}

.gganniu{ background:#fdd108; color:#000; font-family: 'impact';padding:3px 16px; font-size:16px;    border-radius: 3px; margin:0px 25px;}

.ggweihzi02{ background: url(../images/gg-2.png) center no-repeat; height:429px; position:relative}
.ggweihzi02 .tit1{ font-size:40px; color:#fff;font-family: 'impact';letter-spacing: 0.5px; padding:20px 0px 15px 25px; position:absolute; bottom:0px;}

.ggweihzi02 .gganniu{ background:#fdd108; color:#000; font-family: 'impact';padding:3px 16px; font-size:16px;border-radius: 3px; margin:0px 25px; position:absolute; bottom:70px;}


.ggxiao01{ background: url(../images/ggxiao01.png) right no-repeat; height:280px; margin-bottom:21px;}
.ggxiao01 .tit1{ font-size:28px; color:#fff;font-family: 'impact';letter-spacing: 0.5px; padding:15px 0px 10px 20px;}

.ggxiao01 .gganniu{ background:#fdd108; color:#000; font-family: 'impact';padding:3px 16px; font-size:16px;    border-radius: 3px; margin:0px 21px;}

.ggxiao02 .gganniu{ background:#fdd108; color:#000; font-family: 'impact';padding:3px 16px; font-size:16px;    border-radius: 3px; margin:0px 21px;}
.ggxiao02{ background: url(../images/ggxiao02.png) right no-repeat; height:280px; margin-bottom:21px;}
.ggxiao02 .tit1{ font-size:28px; color:#fff;font-family: 'impact';letter-spacing: 0.5px; padding:15px 0px 10px 20px;}

.ggxiao03 .gganniu{ background:#fdd108; color:#000; font-family: 'impact';padding:3px 16px; font-size:16px;    border-radius: 3px; margin:0px 21px;    position: absolute;
    bottom: 52px;}
.ggxiao03{ background: url(../images/ggxiao03.png) right no-repeat; height:280px; margin-bottom:21px;position:relative}
.ggxiao03 .tit1{ font-size:28px; color:#fff;font-family: 'impact';letter-spacing: 0.5px; padding:15px 0px 10px 20px;    position: absolute;bottom: 0px;}

.newspr h1{ font-size:16px;font-family: 'impact'; letter-spacing:0.5px; font-weight:normal; text-align:center; margin-top:50px; margin-bottom:30px;}
.newspr{ float:left; width:100%}

.newspr-left{ width:80%; float:left}
.newspr-right{ width:19%; float:right; margin-left:1%}
.newspr-r01{background: url(../images/r-gg-1.png) right no-repeat; height:405px; margin-bottom:23px;}
.newspr-r01 .tit1{ text-align:center; color:#fff;font-family: 'impact'; font-size:28px; margin-bottom:10px; letter-spacing:0.5px; padding-top:70%}
.an01{ text-align:center}
.newspr-r02{background: url(../images/r-gg-2.png) right no-repeat; height:405px; margin-bottom:23px;}
.newspr-r02 .tit1{ text-align:center; color:#fff;font-family: 'impact'; font-size:28px; margin-bottom:10px; letter-spacing:0.5px; padding-top:70%}
.an01{ text-align:center}
.newspr-r03{background: url(../images/r-gg-3.png) right no-repeat; height:405px; margin-bottom:23px;}
.newspr-r03 .tit1{ text-align:center; color:#fff;font-family: 'impact'; font-size:28px; margin-bottom:10px; letter-spacing:0.5px; padding-top:70%}
.an01{ text-align:center}
.newspr-r04{background: url(../images/r-gg-4.png) right no-repeat; height:405px; margin-bottom:23px;}
.newspr-r04 .tit1{ text-align:center; color:#fff;font-family: 'impact'; font-size:28px; margin-bottom:10px; letter-spacing:0.5px; padding-top:70%}
.an01{ text-align:center}
.newspr-r05{background: url(../images/r-gg-5.png) right no-repeat; height:405px; margin-bottom:23px;}
.newspr-r05 .tit1{ text-align:center; color:#fff;font-family: 'impact'; font-size:28px; margin-bottom:10px; letter-spacing:0.5px; padding-top:70%}
.an01{ text-align:center}
.prlie li{ list-style-type:none; width:23.4%; float:left; border:1px solid #eaeaea; margin-right:20px; margin-bottom:30px; }
.prlie li a{ font-family: 'Roboto'; font-size:15px;}
.prlie li img{     padding: 15px;}
.prname{ text-align:center; font-weight:bold; line-height:22px; color:#000000; font-size:16px; letter-spacing:1px;}
.prjiage{background: url(../images/jiage.png) center no-repeat; margin: 15px;     display: flex
;padding: 10px;margin: 0px 12px 15px;}

.prjiage .jg{  color:#fdd108;font-family: 'Roboto'; font-weight:bold;     margin-top: 2px;    width: 2px;}
.prjiage .prname01{ width:71%; font-size:18px; color:#000; font-family: 'RobotoLight'; font-weight:lighter;margin-right: 10px;}
.prlie li:nth-child(4n) { margin-right:0px;}

.newsfooter{ background:#222222; float:left; width:100%; padding-top:75px; padding-bottom:100px;}
.newsfooter h1{ color:#fff;font-family: 'impact'; font-size:18px; font-weight:lighter; margin-bottom:10px;}
.newsfooter dl dd a{ color:#fff; font-size:14px; line-height:30px;}
.newsfooter dl{ float:left; width:20%}

.dibuanniu input{ height:48px; line-height:48px; float:left}
.newsfooter .dibuanniu a{ background: #fdd108;
    padding: 10px;
    font-family: 'impact';
    color: #000;
    font-size: 16px;
    float:left; margin-left:10px;}
.dibuanniu{ margin-top:20px;}
.newsfooter .dibulx a{     text-decoration: underline; color:#fdd108; }
.newsfooter .dibulx{margin-top:50px; margin-bottom:20px;}
.newsfooter dl:last-child h1{ padding-left:15px;}
.newsfooter dl:last-child dd{ padding-left:15px;}


<!--手机导航开始代码-->
.menu-btn {
            position: fixed;
            top: 20px;
            right: 20px;
            z-index: 100;
            width: 30px;
            height: 22px;
            cursor: pointer;
        }
        
        .menu-btn span {
            display: block;
            width: 100%;
            height: 3px;
            background: #333;
            margin-bottom: 5px;
            transition: all 0.3s ease;
            float: right;
        }
        
        .sidebar {
            position: fixed;
            top: 0;
            right: -280px;
            width: 280px;
            height: 100%;
            background: #2c3e50;
            z-index: 90;
            transition: right 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            padding-top: 70px;
            box-shadow: -2px 0 10px rgba(0,0,0,0.2);
            overflow-y: auto;
        }
        
        .sidebar ul {
            list-style: none;
        }
        
        .sidebar > ul > li {
            position: relative;
        }
        
        .sidebar li a {
            display: block;
            padding: 15px 25px;
            color: #ecf0f1;
            text-decoration: none;
            border-bottom: 1px solid #34495e;
            transition: all 0.3s;
        }
        
        .sidebar li.has-submenu > a::after {
            content: "›";
            float: right;
            transform: rotate(90deg);
            transition: transform 0.3s;
        }
        
        .sidebar li.has-submenu.open > a::after {
            transform: rotate(-90deg);
        }
        
        .submenu {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease;
            background: #34495e;
        }
        
        .sidebar li.open .submenu {
            max-height: 500px;
        }
        
        .submenu li a {
            padding-left: 40px;
        }
        
        .content {
         
            transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        
        body.nav-open {
            /*transform: translateX(-280px);*/
        }
        
        body.nav-open .sidebar {
            right: 0;
        }
        
        body.nav-open .menu-btn span:nth-child(1) {
            transform: rotate(-45deg) translate(-5px, 5px);
			background: #fff;
        }
        
        body.nav-open .menu-btn span:nth-child(2) {
            opacity: 0;
        }
        
        body.nav-open .menu-btn span:nth-child(3) {
            transform: rotate(45deg) translate(-7px, -6px);
			background: #fff;
        }
        
        .overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.5);
            z-index: 80;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s;
        }
        
        body.nav-open .overlay {
            opacity: 1;
            visibility: visible;
        }
		.menu-btn{ display:none}
<!--手机导航结束-->