/*-------------------------------------
author: UI_group        
time:20180718
-------------------------------------*/
/*reset*/
ul, ol,body, p, dl, dd, pre, h1, h2, h3, h4, h5, h6{margin: 0;padding: 0;list-style: none;}
/*form*/
a{text-decoration: none; color:inherit;}
img{border:none;}
:focus{outline:none;}
.clearfix:after { content: '\200B'; display: block; height: 0; clear: both;}
.clearfix{*zoom: 1;}
/*排版*/
body  { color:#333; font:14px/1.7 "\5FAE\8F6F\96C5\9ED1"; }
.wrap{width: 1200px;margin:0 auto;}
body,dd,dl,h1,h2,h3,h4,h5,h6,ol,p,pre,ul{margin:0;padding:0;list-style:none}
a{text-decoration:none;color:inherit}
img{border:none}
:focus{outline:0}
.clearfix:after{content:'\200B';display:block;height:0;clear:both}

.fl{float:left; overflow:hidden}
.fr{float:right; overflow:hidden}

.pagination { margin:30px 0 20px; clear:both; font-size:13px; }

/*.pagination span, .pagination a { display:inline-block; padding:1px 14px; height:34px; line-height:34px; margin:0 1px; *zoom:1; color:#808080; background-color:transparent; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}

.pagination a:hover { background:#ea5503; color:#fff; text-decoration:none; }

.pagination a:active { color:#808080; }

.pagination .disabled { cursor:default; color:#ccc; }

.pagination .current { background:#ea5503; color:#fff; }*/

.pagination-default { text-align:center;  }

.pagination-right { text-align:right; }

.pagination-left  { text-align:left; }
.pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}
.pagess ul li:hover{ background:#999; color:#fff;border: 1px solid #999}
.pagess ul li:hover a{color:#fff;}
.pagess ul li.thisclass {display: inline-block;border: 1px solid #999;padding: 2px 9px;margin: 0 3px;background: #999;color: #fff;}
.pagess ul li.thisclass a {color: #fff;}
.pagess ul li a{ display:block;color:#999}
.pagess ul li a:hover {color: #fff;}

.liuyanmain{width: 98%;margin: 40px auto 0 auto; clear:both;}
.liuyanmain h1{font-size:24px; font-weight:normal; line-height:75px; height:75px; color:#333;}
.liuy_nr{padding: 120px 0px;}
.lianxi_gp input{border: 1px solid #dedede;width: 98%;height: 35px;padding: 5px 10px;line-height: 25px;font-size: 18px;border-radius: 5px;background: none;}
.lianxi_gp{margin-bottom: 20px; float:left; width:80%; margin-right:5%;}
.lianxi_gp textarea{border: 1px solid #dedede;width: 98%;height: 68px;padding: 5px 10px;line-height: 25px;font-size: 18px;border-radius: 5px;resize: none;overflow: auto;background: none;}

.lianxi_gp1{margin-bottom: 10px; width:86%;}
.lianxi_gp1 textarea{border: 1px solid #dedede;width: 98%;height: 68px;padding: 5px 10px;line-height: 25px;font-size: 18px;border-radius: 5px;resize: none;overflow: auto;background: none;}


.btn_yellow{background: #313131;border-radius: 5px;color: #fff;}
.btn_yellow:hover{background: #313131;color: #fff;}
.tijiao{font-size: 18px;border: none;height: 45px;width: 185px;line-height: 45px;text-align: center; cursor:pointer}


a:hover{color:#4d7fd0}
body{color:#333;font:14px/1.7 "\5FAE\8F6F\96C5\9ED1"}
.wrap{width:1200px;margin:0 auto}
.logo-2 img,a.logo-1 img{max-height:64px;display:inline-block}
.head-tel{color:red;font-size:18px;float:right;margin-top:21px}
.logo-1{float:left}
.head{text-align:center;padding:25px 0 20px}
.head .wrap{overflow:hidden}
.nav{height:60px;background:#000;color:#fff}
.n-li{display:inline-block;vertical-align:top;position:relative}
.cur{color:#fff;background:#d14b02}
.n-a span{display:block}
.n-a{font-size:15px;text-align:center;display:block;padding:9px 18px;line-height:1.4}
.nav-z{position:absolute;background:#d14b02;visibility:hidden;transition:.3s}
.nav-z .n-a{font-size:14px;white-space:nowrap;text-align:left}
.n-li:hover .nav-z{visibility:visible}
.n-a:hover{color:#fff;background:#d14b02}
.banner{height:350px;margin-bottom:30px;background:url(../images/banner.jpg) no-repeat center}
.sidenav{float:left;width:90px;text-align:center;margin-right:35px}
.s-a{display:inline-block;padding:1px 7px;color:#262626;border-radius:1px;font-weight:500;line-height:36px;font-size:16px;margin-bottom:10px}
.s-a.cur,a.s-a:hover{background:#4285f4;color:#fff}
.con-banner{float:left;width:65%;margin-right:4%;position:relative;}
.con-top{margin-bottom: 30px;overflow:hidden;}
.slide p{font-size:20px;color:#fff;position:absolute;bottom:25px;padding:10px 20px}
.slide{height: 318px;} 
.slide img{max-width: 100%; min-height: 318px}
.bx-pager-link{width:30px;height:2px;margin-right:8px;border-radius:.5px;background:hsla(0,0%,100%,.5);display:block}
.bx-pager-link.active,a.bx-pager-link:hover{background:#4285f4}
.bx-pager-item{font-size:0;display:inline-block}
.bx-pager.bx-default-pager{position:absolute;bottom:13px;left:0;right:0;padding:0 20px}
.bx-controls-direction{position:absolute;top:50%;z-index:10;position:absolute;left:0;right:0}
.bx-next,.bx-prev{position:absolute;width:28px;height:40px;font-size:0;background:url(../images/spire.png) no-repeat}
.bx-prev{left:0}
.bx-next{right:0;background:url(../images/spire.png) no-repeat 0 -42px}
.bx-controls-auto{display:none}
.img-box{float:left;position:relative;height: 154px;width: 154px;overflow:hidden;border-radius:2px;margin:0 0 10px 10px;}
.img-box img{width:100%;height:100%}
.img-p{font-size:13px;line-height:18px;color:#fff;text-align:justify;padding:0 10px;position:absolute;bottom:6px;overflow:hidden;transition:bottom .5s;word-break:break-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.img-box:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background-image:linear-gradient(-180deg,hsla(0,0%,74.9%,0),rgba(0,0,0,.78) 97%);transition:all .5s}
.img-p:hover{-webkit-line-clamp:5;bottom:20px}
.con{overflow:hidden;padding:0 7px}

.desc-ht{font-size:30px;line-height:33px;color:#262626;padding-bottom:14px;font-weight:400}
.desc-date{font-size:13px; color:#a7a7a7; margin-bottom:30px; font-weight:normal}
.desc-desc{font-size:16px; line-height:30px; color:#262626;}
.desc-desc p{margin-bottom:26px;}

.list-ht{font-size:24px;line-height:33px;color:#262626;padding-bottom:14px;font-weight:400}
.list-ul li{position:relative;margin-bottom:30px;overflow:hidden;padding:10px 20px 10px 10px}
.list-ul li:hover{box-shadow:0 0 7px 0 rgba(0,0,0,.15)}
.list-img-box{position:relative;width:216px;height:144px;float:left;margin-right:20px;overflow:hidden}
.list-img-box:hover img{transform:scale(1.2)}
.list-img{width:216px;height:144px;transition:.3s}
.list-bage{position:absolute;top:4px;left:4px;z-index:103;border-radius:1px;padding:0 10px;text-align:center;height:20px;line-height:20px;font-size:13px;color:#fff;background:#373737}
.list-con{overflow:hidden}
.list-t{font-size:18px;color:#262626;text-align:justify;line-height:1.4;word-break:break-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.list-p{margin-top:10px;font-size:13px;color:#787878;line-height:20px;letter-spacing:0;text-align:justify;overflow:hidden}
.list-con-b{font-size:12px;line-height:18px;color:#a7a7a7;overflow:hidden;position:absolute;bottom:10px;right:20px;left:246px}
.c-blue{color:#4285f4}
.list-time{float:right}
.list-cgt:before{content:"";display:inline-block;width:2px;height:12px;background:#d8d4d4;vertical-align:middle;margin:-1px 7px 0 4px}
.list-l{width:65%;float:left}
.list-r{float:right;width:30%}
.ads-r img{max-width:100%}
.ads-r{display:block;margin-bottom:30px;border-radius:2px}
.list-rt{font-size:20px;color:#262626;padding-left:4px;margin-bottom:20px}
.list-rt:before{content:"";display:inline-block;width:5px;height:15px;border-left:3px solid #b3ccf4;border-right:3px solid #b3ccf4;vertical-align:middle;margin:-5px 5px 0 0;transform:skewX(-10deg)}
.list-time-line{position:relative;margin-left:8px}
.time-line-m{margin:0 0 18px 15px;position:relative}
.time-p{padding-top:7px;font-size:12px;color:#b3ccf4}
.time-line-m:before{content:"";display:inline-block;width:5px;height:5px;background:#fff;border:4px solid #b3ccf4;border-radius:50%;position:absolute;left:-21px;top:5px}
.list-time-line:before{content:"";position:absolute;top:5px;bottom:0;width:1px;background:#f3f3f3}
.more-a{border:1px solid #4285f4;border-radius:1px;font-size:14px;color:#4285f4;text-align:center;height:36px;line-height:36px;display:block;transition:.3s}
.more-a:hover{color:#fff;background:#b3ccf4;border-color:#b3ccf4}
.footer-p{background:#18191a;color:#ccc;padding-top:15px;padding-bottom:15px;font-size:13px; overflow:hidden}
.footer{margin-top:50px;overflow:hidden;background-color:#252526;color:#ccc;font-size:13px;padding-top:40px;padding-bottom:35px}
.footer-dl{display:inline-block;vertical-align:top;width:25%;box-sizing:border-box;padding-right:36px}
.footer-dd{padding:4px 0;line-height:1.5}
.footer-dt{line-height:20px;font-size:16px;margin-bottom:15px}
.footer-erwei img{width:120px;height:120px}
.footer-erwei{text-align:center}
.footer-r{float:right}
.n-a-btn{display:none}
@media (max-width:1199px){.n-a-btn{display:block;position:absolute;right:10px;width:25px;height:25px;padding:0!important;top:14px;background:#000;border:1px solid #fff!important;border-radius:4px}
.n-a-btn:before{content:"";display:block;width:75%;height:1px;margin:6px auto;background:#fff;box-shadow:0 6px #fff,0 12px #fff}
.br,.n-li{display:block}
.nav .wrap,.nav-z{display:none}
.head,.nav{min-width:1px}
.wrap{width:auto}
.sidenav{margin-right:0;width:80px}
.slide{height:250px} 
.slide img{min-height: 250px}
.con-banner{margin:0;width:100%;margin-bottom:20px;}
.img-box{float:none;display:inline-block;width:calc(50% - 10px);margin:0 0 10px;margin-right:15px}
.img-box:nth-child(odd){margin-right:0}
.desc-box{display:none;}
.desc-ht{font-size:24px; line-height:32px;padding:0 5px 15px 5px;}
.desc-desc{font-size:16px; line-height:28px; padding:0 10px;}
.yl_logo{margin:0 auto; height:80px;}
.yl_logo img{height:80px;}
.list-img-box{width:120px;height:125px;margin-right:10px}
.list-img{width:120px;height:95px}
.list-con-b{left:10px}
}
@media only screen and (max-width:768px){
.wrap{width:auto}
.head{padding:10px;text-align:left}
.head .wrap{overflow:visible}
.head-tel{float:none;font-size:14px;display:inline-block;vertical-align:top;margin:0;line-height:1.4}
.nav{height:auto}
.nav .wrap{width:200px;position:absolute;right:0;background:#000;z-index:1}
.nav-z{z-index:1}
.nav-z .n-a{white-space:normal}
.logo-1{display:inline-block;float:none;vertical-align:top;margin-right:10px}
.logo-2 img,.logo-1 img{max-height:32px}
.logo-2{display:inline-block;margin-right:10px}
.banner{height:150px;margin-bottom:10px}
.slide p{font-size:14px;bottom:10px}
.con-banner{float:none;width:auto}
.img-box{margin-right:15px}
/* .slide{height:150px} */
.sidenav{float:none;width:auto;margin:0}
.more-a{display:block;width:auto}
.list-l,.list-r{float:none;width:auto}
.list-ht{padding:0 10px 5px;font-size:20px}
.list-t{font-size:16px}
.list-ul li{margin-bottom:10px}
.con-top{margin-bottom:15px}
.ads-r{width:auto;margin-top:20px;height:auto;margin-bottom:10px}
.footer-dl{width:auto;margin:0 0 30px 20px}
.footer-r{float:none}
.footer-p{padding:10px 20px}
.list-p{max-height:40px;}
}