@charset "utf-8";*{margin:0px;padding:0px;}
body{}
html,body,b,div,ul,li,h1,h2,h3,h4,h5,h6,img,pre,form,p,input,td,div{margin:0px auto;padding:0;}
ul{list-style-type:none;}
a:link,a:visited{text-decoration:none;}
a:hover{text-decoration:none;border:0;}
img{ border:0;}
input,select,button{

     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	 border:none; outline:none;}

.time1{transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s;}
.time2{transition:all ease-out .2s 0s;-webkit-transition:all ease-out .2s 0s;-moz-transition:all ease-out .2s 0s;-o-transition:all ease-out .2s 0s;}

.l{ float:left}
.r{ float:right}
.cur{ cursor:pointer}
.fd{ width:100%; min-width:1200px; float:left; display:block}
.jz{ display:table; margin:0 auto}
.main1{ width:86%; min-width:1200px; max-width:1720px}
.main{width:1200px; }
.over{ overflow:hidden}
.tcenter{ text-align:center}
.tright{ text-align:right}
.posr{ position:relative}
.posa{ position:absolute}
.wd100{ width:100%}
.wd100 img{ width:100%}
.mgt70{ margin-top:70px}
.mgt100{ margin-top:100px}
.mgt50{ margin-top:50px}
.mgt60{ margin-top:60px}
.mgt35{ margin-top:35px}
.mgt30{ margin-top:30px}
.mgt20{ margin-top:20px}
.mgt15{ margin-top:15px}
.mgt10{ margin-top:10px}
.pdb50{ padding-bottom:50px}
.w100{ width:100%;}
.jz{ margin:0px auto; display:table}


 
input,button,textarea{ outline:none; }
input:focus{ outline:none; }
input,button{ outline:none; border:0; }



input,select,button,textarea{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	 border:none;}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#8e8e8e;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#8e8e8e;}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#8e8e8e;}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#8e8e8e;}



.topbg{width:100%; min-width:1200px; background:url(../images/topbg.png) no-repeat left center #fff; float:left; display:block}
.top_d{ height:40px; background:#000}
.top_d .icon{ width:26px; height:21px; margin:10px 0 0 15px; display:inline}
.top_d .icon .wxewm{ width:86px; height:0; overflow:hidden; right:0; top:25px; z-index:999}
.top_d .icon:hover .wxewm{ height:86px}
.top_d .icon .wxewm img{ width:80px; height:80px; border:solid 3px #fff;}
.top_d .wz{ font:13px/40px "微软雅黑"; color:#fff}
.top_d .wz:hover{ text-decoration:underline}
.top_d .line{ width:1px; height:14px; background:#fff; margin:13px 14px 0; display:inline}
.mgr10{ margin-right:10px}

.topline{ width:100%; min-width:1200px; height:105px; float:left; display:block;}
.tl{ width:19.75%; height:93px}
.tr{ width:55%; height:93px; margin-left:7%;}
.tr .rx{ width:100%; margin-top:10px;text-align:right; font:14px/30px "微软雅黑"; color:#6d6d6d}
.tr .rx span{ font:24px/30px "微软雅黑"; color:#0e75d2}

.mgr24{ margin-right:24px}

.cfff{ color:#fff}
.cbule{ color:#2037aa}
.bgfff{ background:#fff}
.bgf8f{ background:#f8f8f8}
.bgd90{ background:#d90000}

.top_div { width: 100%; min-width:1200px; position: relative; overflow: hidden; background:#363b41; border-top:6px solid #298cff;}

.top_ads {
	width:100%;
	font: 14px/50px "微软雅黑";
	color: #6f6f6f;

}

.top_ads p{font: 14px/35px "微软雅黑";color: #868686;}

.top { width:100%; float:left; }
.toplogo{  float:left; text-align:left; }
.toplogo img{ width:100%; height:100%;}

.logo { width:414px; height:70px; margin-top:26px;}
.t_rx{ width: auto;margin:36px 0 36px 30px;}
.t_rx img{ float:left; margin-right:15px;}
.t_rx span{ float:left; font: bold 20px/24px "微软雅黑"; color:#298cff}




.topmeau{  list-style:none; background:#272b34; border:none; margin:0px auto;  width: 100%; }   
.topmeau li{ float:left; width:calc(100%/7);  height:100%; color:#fff; box-sizing:border-box;} 
.topmeau li:last-child{ background:none}
.topmeau li h2{  text-align:center; } 
.topmeau li h2 a{ display:block; color:#fff; font:18px/52px "微软雅黑";} 
.topmeau li:hover a { color: #298cff;}
.topmeau li.lihover { color:#298cff }
.topmeau li.lihover h2 a { color: #298cff;}
 
/*标题*/

.title { width: 100%; margin: 10px auto 0px 0; color:#fcc802;text-align:left;text-transform:uppercase; }
.title b { width: 100%; float:left; font: bold 42px/42px "微软雅黑"; }
.title span{font: normal 42px/42px "微软雅黑"; color:#000; }


.title1 { width: 100%; margin: 10px auto 30px 0; text-align: center ; color:#000;text-transform:uppercase; }
.title1 p { width: 100%; float:left; font: bold 48px/60px "微软雅黑"; color:#000}
.title1 b { width: 100%; float:left; font: normal 18px/36px "微软雅黑"; letter-spacing:8px }
.title1 span{width: 100%; float:left; font: bold 30px/30px "微软雅黑"; margin-top:10px;  }


.title2 { width: 100%; margin: 10px auto 30px 0;  color:#000;text-transform:uppercase; position:relative }
.title2 p { float:left; font: 30px/55px "微软雅黑"; width:100%}
.title2 span{  float:left; width:44px; height:4px; background:#298cff; }


.title3 { width: 100%; margin: 45px auto 30px 0; color:#000;text-transform:uppercase; }
.title3 p { float:left; font: bold 30px/47px "微软雅黑";color:#434343;}
.title3 span{ font: bold 14px/14px "微软雅黑"; color:#969696; float:left; margin-left:5px; text-align:left; padding-top:13px }

.product {width:100%; height: 1050px; min-width:1200px; }
.pmore{ width:122px; height:40px; font:18px/40px "微软雅黑"; color:#fff; text-align:center; background:#298cff}
.pmore:hover{background:  #fcc802}


.inpfl{ width:100%; position:relative}
.inpfl li{}
.inpfl li.p1{ width:52.7%; height: auto;}
.inpfl li.p2{ width:44%; height: auto;}

.inpfl .pbt{ width:19.5%; position:absolute; right:0; top:0}
.inpfl .pbt img{ max-width:100%;}
.mt75{ margin-top:75px;}
.mt50{ margin-top:50px;}
.mt35{ margin-top:35px;}
.mt175{ margin-top:175px;}
.mgt150{ margin-top:150px;}


.cproducts{width:100%; height:805px; overflow:hidden; position:relative;  }
.cproducts ul{ width:100%; height:100%;}
.cproducts ul li{ float:left;width:285px; height:380px; margin-right:20px; text-align:center; overflow:hidden; margin-bottom:45px; border-bottom:5px solid #298cff; box-sizing:border-box }
.cproducts ul li:hover{}
.cproducts ul li .pimg{ width:100%; height:300px; }
.cproducts ul li .pimg img{width:100%;height:100%; display:inline-block; object-fit:cover; margin:0px auto;}
.cproducts ul li a{font-size:14px; text-align:center;color:#333; line-height:30px;}
.cproducts ul li a:hover{color:red}
.cproducts ul li .atitle{display:block; width:100%; font:18px/80px "微软雅黑";background-color:#fff;color:#000; }
.cproducts ul li:hover .atitle{background-color:#298cff; color:#fff}
.cproducts ul li :hover .pimg{  }


.hanlan{width: 100%;overflow: hidden; margin-top:3%}
.conr_rit{float: right;width: 100%;height: 452px;overflow: hidden;}
.mrzao{width: 100%;}
.mrzao li{position:relative;float: left;
	height:235.5px;
	display: block;
	overflow:hidden;
	background-repeat:no-repeat ;
	background-position:center ;
	transition: transform 0.5s,margin-left 1s;
}

.mrzao .tempWrap{overflow:hidden; position:relative; height:405px;}
.mrzao li img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.mrzao li:hover img{transform:scale(1.02);}

.mrzao .first{ width:525px;height: 471px;float: left;overflow: hidden;}
.mrzao .first li {width:525px;height: 471px; position:relative}
.mrzao .first li img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.mrzao .first li:hover img,.mrzao li:hover img{transform:scale(1.02);filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;}
.mrzao .first li:hover{ background:ragb(0,0,0,0.5)}
.mrzao .first li p{ display:none; width:60%; position:absolute; top:40%; left:20%; text-align: center; font:24px/50px "微软雅黑"; color:#fff; border-bottom:1px solid #fff;}
.mrzao li p{ display:none;width:60%; position:absolute; top:40%; left:20%; text-align: center; font:18px/50px "微软雅黑"; color:#fff; border-bottom:1px solid #fff;}
.mrzao li:hover p,.mrzao .first li:hover p{ display: block}
.mrzao .tabBox {
    overflow: hidden;
    zoom: 1;
    width: 375px;
	height: 235.5px;
    float: left;
		
}

.mrzao .tabBox img {
width:100%; height:100%; display:inline-block; object-fit:cover;
}


.mrzao .tabBox p {
	text-align: center;
	
}
 .anw{
 	opacity: 0;
 	display: block;
 	width: 187px;
 	height: 48px;
 	text-align: center;
 	line-height: 48px;
 	margin: 179px auto;
 	background-color: #0ab155;
 	color: #FFFFFF;
 	font-weight: bold;
 	font-size: 18px;
 		transition: opacity 0.5s ;
 }
 .mrzao li:hover>.anw{
 		opacity: 1;
 }
 
.mant{
	float: right;
	overflow: hidden;
	width: 100%;
}

.cone_left{ width:auto; display:table; margin:0px auto 45px;}

.cone_left>div{
	float:left;
	text-align:center;
	font:18px/60px "微软雅黑";
	color: #000;
	width: auto;
	box-sizing:border-box; border:1px solid #dbdbdb;
	transition: width 0.5s;
 margin:0 20px; padding:0 40px;
	
}
.cone_left>div:last-child{}
.cone_left>div:hover{ background:#2038ab; border:1px solid #2038ab; color:#fff}
.cone_left>div>i{ display:table; margin:0px auto;}

.mrzao>a:hover{
	transform:scale(1.05);
}


.fudon{
	float: right;
	width: 385px;
 
}

.casediv{ width:100%; min-width:1200px; height:830px; background:url(../images/casebg.jpg) no-repeat center bottom}
.case{ width:100%;}
.case .casel{ width:600px; height:452px}
.case .caser{ width:600px; height:452px; background:#fff; padding:80px 65px; box-sizing:border-box}
.case .caser p{ width:100%; float:left; font: bold 22px/30px "微软雅黑"; color:#2b2b2b}
.case .caser b{ width:100%; float:left; font: bold 18px/25px "微软雅黑"; color:#000; text-transform:uppercase;}
.case .caser i{ width:85px; height:2px; background:#000; display:inline-block; float:left; margin-top:5px;}
.case .caser h3{width:100%; float:left; font: normal 14px/24px "微软雅黑"; color:#000; margin-top:35px; height:80px; overflow:hidden}
.case .caser em{ width:195px; font:18px/52px "微软雅黑"; color:#fff; background:#2038ab; text-align:center; text-transform:uppercase;  display:inline-block; float:left; margin-top:45px;}
.case .caser:hover em{background:#ded20a; }

.aboutdiv{ width:100%; min-width:1200px;}
.aboutdiv .aboutl{ width:552px; height:377px}
.aboutdiv .aboutr{ width:582px;}
.aboutdiv .aboutr .cname{ width:100%; font:30px/65px "微软雅黑"; color:#000; float:left; margin-top:5px; }
.aboutdiv .aboutr .cname b{width:100%;font:14px/25px "微软雅黑"; float:left }
.aboutdiv .aboutr .awz1{ width:96%; height:170px; overflow:hidden; float:left; font:14px/28px "微软雅黑";color:#3b3b3b; margin-top:10px; }
.aboutdiv .aboutr .awz1 a{color:#3b3b3b; }

.atb{width:100%; height:auto; }
.atb li{ width:calc(100%/3); height:auto; float:left;text-align:center;}
.atb li:last-child{ margin-right:0px;}

.atb li .sz{ font: bold 38px/38px "微软雅黑";  margin-top:15px; color:#251b19}
.atb li .sz span{  font: normal 30px/38px "微软雅黑";}
.atb li .awz{ font: normal 15px/30px "微软雅黑"; color:#000}


.gdmin{ width:100%; height:216px; min-width:1200px; background: url(../images/minbg.jpg) no-repeat center top; text-align:center;  box-sizing:border-box; padding:45px 0}
.gdmin .gdleft{ width:420px;}
.gdmin .gdleft .lone{ width:100px; font:18px/30px "微软雅黑"; color:#298cff; border-radius:15px; background:#fcc802; display: table-cell}
.gdmin .gdleft .ltwo{ font:bold 30px/60px "微软雅黑"; color:#fff; box-sizing:border-box; border-bottom:4px solid #fcc802;}
.gdmin .gdleft p{ width:100%; float:left; font:24px/24px "微软雅黑"; color:#fff; text-align:left; margin-top:10px;}

.gdmin .gdrig{ width:520px; margin-top:30px;}
.gdmin .gdrig i{ width:41px; height:41px; float:left; margin:10px 15px 0 0}
.gdmin .gdrig span{ width:280px; color:#fff; font-size:24px; text-align:left; float:left;}
.gdmin .gdrig span p{ width:100%; font:bold 30px/35px "微软雅黑";}
.gdmin .gdrig font{ width:173px; height:53px; float:right; background:url(../images/advmore.png) no-repeat; font:16px/53px "微软雅黑"; color:#fff; text-align:left; text-indent:35px;}
.gdmin .gdrig font:hover{ background:url(../images/advmore1.png) no-repeat;}


.newcon{ width:333px; margin-right:45px;}
.newcon li{ float:left; width:100%; position:relative; }
.newcon li .cnr{ width:100%; background:#fff; box-sizing:border-box}
.newcon li .cnr b{ width:100%; float:left;font: bold 16px/30px "微软雅黑"; color:#298cff;  box-sizing:border-box}
.newcon li .cnr span{ width:100%; float:left; font:14px/18px "微软雅黑"; color:#6f6f6f; margin-top:10px;}
.newcon li .npic{ width:100%; height:220px; overflow:hidden}
.newcon li .npic img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.newcon li:hover .npic img{transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);-webkit-transform: scale(1.1);}
.newcon li p{ width:100%; font: bold 14px/35px "微软雅黑"; color:#a9a9a9; float:left; margin-top:5px;}

.newjs{ width:444px;}
.newjs li{ width:100%; float:left; margin-bottom:55px;}
.newjs li .ndate{ width:65px; float:left}
.newjs li .ndate span.d1{ font:bold 20px/20px "微软雅黑"; color:#a9a9a9}
.newjs li .ndate span.d2{ font:14px/25px "微软雅黑"; color:#a9a9a9}
.newjs li .jsnr{ width:350px; float:right}
.newjs li .jsnr b{ font:bold 16px/16px "微软雅黑"; color:#000; width:100%; float:left; margin-bottom:10px; border-left:3px solid #a9a9a9; text-indent:20px}
.newjs li .jsnr span{ font:14px/18px "微软雅黑"; color:#6f6f6f; padding-left:23px;width:100%; float:left; box-sizing:border-box}
.newjs li:hover .jsnr b{ color:#298cff}

.mat57{ margin-top:57px;}
.mal75{ margin-left:75px;}
.mar75{ margin-right:75px;}
.mal30{ margin-left:30px;}
.mar30{ margin-right:30px;}
.mal35{ margin-left:35px;}
.mar35{ margin-right:35px;}

.adv{ width:100%; min-width:1200px;  background: url(../images/advbg.jpg) no-repeat top center; height: 777px; margin-top:90px; position:relative}

.adv .advbt{ width:100%; margin-top:70px;}
.adv ul{ width:590px; float: left; margin-top:40px;}
.adv li{ width:100%; height: auto; float:left; padding:20px; box-sizing:border-box; margin-bottom:20px;}
.adv li:last-child{ border-right:none}
.adv li em{ width:100%; float:left; text-align:left;font:bold 36px/65px "微软雅黑"; color:#298cff}

.adv li i{ width:74px; height:74px;}
.adv li .i1{ background: url(../images/a1.png) no-repeat center center}
.adv li:hover .i1{background: url(../images/a1_1.png) no-repeat center center}
.adv li .i2{ background: url(../images/a2.png) no-repeat center center}
.adv li:hover .i2{background: url(../images/a2_1.png) no-repeat center center}
.adv li .i3{ background: url(../images/a3.png) no-repeat center center}
.adv li:hover .i3{background: url(../images/a3_1.png) no-repeat center center}
.adv li .i4{ background: url(../images/a4.png) no-repeat center center}
.adv li:hover .i4{background: url(../images/a4_1.png) no-repeat center center}

.adv li:hover{ background:#3074ff}
.adv li p{ width:450px; float:right; font:bold 21px/21px "微软雅黑"; color:#fff; margin-top:15px; }
.adv li:hover p{ color:#fcc802}
.adv li p b{ width:100%; min-height:26px; float:left; font: normal 14px/26px "微软雅黑"; color:#fff;margin-top:5px;  }

.adv .cur { background:#0e75d2}
.adv li a:hover img,.adv .cur img{ border:3px solid #fff; width:294px; height:96px;}
.adv .nones a{ border:0;}




.nylx{ width:100%; margin:0 0 35px 0}
.nylx li{ width:25%; float:left}
.nylx li .lximg{ width:100px; height:100px; box-sizing:border-box; border:1px solid #ddd; border-radius:10px; display:table; margin:0px auto;}
.nylx li .lximg img{ display:table; margin:10px auto;}
.nylx li p{ width:100%; font:18px/40px "微软雅黑"; color:#333; text-align:center; margin-top:15px;}


.ny_banner{ width:100%; min-width:1200px; height:400px; background:url(../images/ny_banner.jpg) no-repeat center center; margin-top:93px;}

.leftarea{width: 285px; }
.leftclass{ width:100%; float:left;}
.leftarea .leftbt{ width:100%; height: auto; background:#298cff; padding:30px 0;}
.leftarea .leftbt h2{ width:100%; float:left;font:36px/36px "微软雅黑"; color:#fff; text-align:center; text-transform:uppercase;}
.leftarea .leftbt h3{ width:100%; float:left; font:24px/30px "微软雅黑"; color:#fff; text-align:center; text-transform:uppercase;}
.leftclass .clwz{width:100%; float:left;font:16px/63px "微软雅黑"; background:#fff; color:#000; text-align:left; border-bottom:1px solid #eee; text-indent:15px;}
.leftclass .clwz:hover,.leftclass .wb{ background: #fcc802; color:#fff;}

.leftlx{height:auto; width:100%; background:#298cff; padding:25px 0; color:#fff}
.leftlx h2{ width:100%; float:left; font:16px/36px "微软雅黑";}
.leftlx h2 i{ width:36px; height:36px; display: block; margin-left:70px;margin-right:10px; float:left}
.leftlx h3{ font:bold 30px/50px "微软雅黑"; text-align:center;}


.proclass{ width:100%; margin-top:20px; display:inline}
.proclass .wz{ margin:15px 5px 0 0; padding:0 25px; border-top-left-radius:12px; border-top-right-radius:12px;display:inline; background:#fff; font:18px/40px "微软雅黑"; color:#818181}
.proclass .wb,.proclass .wz:hover{ background:#298cff; color:#fff}
.proclass .wz:nth-child(8n+0){margin:15px 0px 0 0;}

.view_nr{ width:885px; min-height:550px; padding-bottom:30px; display:inline}
.view_nr img{}
.view_wz{ width:100%; margin-top:20px; display:inline; font:15px/38px "微软雅黑"; color:#333; overflow:hidden; text-align:left}
.nytitle{ width:100%; height:85px;  font:16px/85px "微软雅黑"; border-bottom:dashed 1px #d2d2d2; z-index:99; color:#000}
.nytitle span{ color:#e62129}

.pdiv{ width:100%; padding:0 2.8%; box-sizing:border-box}
.plist1{}
.plist1 li{ width:288px; height: auto; margin:10px 5.5px 0; display:inline}
.plist1 li:nth-child(6n+0){ margin-right:0}
.plist1 li .pic{ width:100%;height:293px; box-sizing:border-box; border:1px solid #cecece;}
.plist1 li .pic img{ width:100%; height:100%; object-fit:cover; display:inline-block}
.plist1 li:hover .pic img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);}
.plist1 li .wz{ font:18px/92px "微软雅黑"; color:#fff; height:92px; overflow:hidden; background:#363b41 url(../images/pi.png) no-repeat 240px 40px; text-align:left; text-indent:12px;}
.plist1 li:hover .wz{ background:#298cff}

.plist{ width:100%}
.plist li{ width:32%;margin:30px 1% 0 0; display:inline;float:left}
.plist li a{ width:100%}
.plist li .pic{ width:100%;display:inline; border:solid 1px #ccc; box-sizing:border-box !important; text-align:center}
.plist li a:hover .pic{ border:solid 1px #0e75d2}
.plist li .pic img{width:100%; height:288px; object-fit:cover; display:inline-block}
.plist li:hover .pic img{ transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);}
.plist li .wz{ width:100%; height:40px; font:14px/40px "微软雅黑"; color:#333; text-align:center; overflow:hidden}
.plist li a:hover .wz{ color:#0e75d2}


@media screen and (max-width: 1680px)
{
	.topline .logo{ margin-top:20px}
	.topmeau li .wz{ font-size:15px; padding:0 16px}
    .topmeau li a,.topmeau li a:hover,.topmeau .li_Select a,.topmeau .li_Select a:hover,.topmeau .li_Select:hover a:hover{font-size:15px}
	.a_wr .aw1 .wz1 .m2{ height:140px; font:15px/28px "微软雅黑"}
	.a_wr .aw1 .wz1 .m3{ font-size:15px; line-height:50px}
	.a_wr .aw2{ height:50px}
	.a_wr .aw2 .wz{ font:18px/50px "微软雅黑"; color:#fff}
	.a_wr .aw2 .icon1{ height:24px; margin:13px 15px 0 0}
	.a_wr .aw2 .icon2{ height:30px; margin:10px 0 0 15px}
	.a_wr .aw2 .p2{ bottom:50px}
	.jscarousal .jscarousal-left{left:650px}
.jscarousal .jscarousal-right{right:650px}
	
}

@media screen and (max-width: 1380px)
{
	.jscarousal .jscarousal-left{left:650px}
.jscarousal .jscarousal-right{right:650px}
	.topmeau li .wz{ font-size:14px; padding:0 8px}	
}

.pclass_list{ width:223px; margin-top:40px; display:inline}
.pclass_list .pro_title{ width:223px; height:95px; overflow:hidden;background:url(../images/pro_title.png) no-repeat center; font:24px/120px "微软雅黑"; color:#fff; text-align:center}
.pclass{ width:100%; background:#d90000; padding-bottom:5px; display:inline}
.pclass .list{ width:213px; margin:0 5px; display:inline; background:#fff}
.pclass .list .clwz{ width:100%; height:40px; background:#f5f5f5;font:16px/40px "微软雅黑"; color:#0065b1; text-indent:15px}
.pclass .list .clwz .w1{ width:160px}
.pclass .list .clwz .w2{ margin-right:15px; display:inline}
.pclass .list .clwz:hover{ color:#fff; background:#e62129}
.pclass .list .area{ width:181px; margin:10px 15px; display:inline}
.pclass .list .area .wz{ width:100%; height:35px; border-bottom:dashed 1px #ccc; font:14px/35px "微软雅黑"; color:#666; text-align:center; overflow:hidden}
.pclass .list .area .wz:hover{ color:#e62129}


.view_title{ width:100%; height:50px; text-align:center; font:22px/50px "微软雅黑"; color:#d90000; line-height:50px; margin-top:25px; display:inline}
.news_title_s{width:100%; height:25px; text-align:center; font:12px/25px "微软雅黑"; color:#999; line-height:25px}
.news_sxy{ width:100%; height:40px; margin-top:30px; display:inline}
.news_sxy a,.news_sxy div{ width:50%; font:16px/40px "微软雅黑"; color:#000; line-height:40px; overflow:hidden}
.news_sxy a:hover{ color:#bf0000}

.c_list{ width:100%}
.c_list li{ width:30%; border:solid 1px #ccc; margin:30px 0 0 2.5%; display:inline; float:left}
.c_list li a{ width:100%; position:relative}
.c_list li .pic{ width:100%; height:220px; float:left}
.c_list li .pic img{ width:100%; height:100%;object-fit:cover; display:inline-block}
.c_list li a .wz{ width:100%; height:30px; background:rgba(252,200,2,0.65); text-align:center; font:14px/30px "微软雅黑"; color:#fff; position:absolute; left:0; bottom:0; overflow:hidden}
.c_list li a:hover .wz{ height:50px; line-height:50px}


.news_list {width:100%; height: auto; margin-top:30px;}
.news_list .nbt{ width:19.1%; margin-right:13%}
.news_list .nbt img{width:100%;}
.news_list li{ width:100%;padding:2%;box-sizing: border-box; height:calc(100%/3);float:left; border-bottom:1px solid #ddd; overflow:hidden; }
.news_list li:nth-child(3){ border-bottom:1px solid #636363;}
.news_list ul li span {font:14px/40px "微软雅黑"; color:#000;box-sizing: border-box;}
.news_list p{font-size: 14px;color:#666;line-height:25px;}
.news_list h2 {font-size: 16px;font-weight: normal; color:#333}
.news_list b { width:110px; float:left; font:18px/35px "微软雅黑"; background:#fcc802; text-align:center; color:#fff; text-transform:uppercase; margin-top:30px;}

.news_list li .date{ width: 8%; float:left; color:#000; text-align:center; border-right:1px solid #c8c8c8; box-sizing:border-box; text-align:left; color:#ccc;}
.news_list li .date span .d1{ width:100%;font: bold 20px/22px "微软雅黑" ; }
.news_list li .date span .d2{ width:100%; font: 16px/30px "微软雅黑"; margin-top:5px;}
.news_list li .cnr{ width:58%; margin-left: 3.5%}
.news_list li .pic{ width:29%; height:200px}
.news_list li .pic img{ width:100%; height:100%; display:inline-block; object-fit:cover;}

.news_list li:hover{ background:#298cff}
.news_list li:hover span,.news_list li:hover p,.news_list li:hover h2{ color:#fff}

.jszl_list{ width:100%; margin-top:10px; display:inline}
.jszl_list li{width:100%;height:40px; border-bottom: solid 1px #ddd; float:left}
.jszl_list li a{ width:100%; height:148px;}
.jszl_list li .wz{width:80%; height:40px;font:15px/40px "微软雅黑"; color:#333; overflow:hidden}
.jszl_list li .data{ width:100px; height:40px;font:15px/40px "微软雅黑"; color:#999; text-align:center}
.jszl_list li a:hover .wz{ color:#0b73d3}



.pro_list{ width:1230px}
.pro_list li{ width:380px; margin:35px 30px 0 0;display:inline;float:left}
.pro_list li a{ width:100%}
.pro_list li .pic,.pro_list li .pic img{ width:380px; height:252px; float:left; overflow:hidden}
.pro_list li:hover .pic img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1)}
.pro_list li .wz{ width:100%; height:40px;text-align:center; font:14px/40px "微软雅黑"; color:#666; background:#efefef; overflow:hidden}
.pro_list li a:hover .wz{ color:#fff; background:#c90600}

.pro_pic{ width:100%; max-height:500px; margin-top:20px; display:inline; text-align:center}
.pro_pic img{width:auto; max-height:500px; display:inline-block}

.page{ width:100%; height:32px; margin-top:45px; display:inline}
.page a.pa,.page a.pb{height:32px;padding:0 20px;margin:0 8px;display:inline;font:14px/32px "微软雅黑"; color:#fff; line-height:32px; border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;-webkit-border-radius:8px}
.page a.pa{background:#aaa}
.page a:hover,.page a.pb{ background:#c6142c}

.foot{ width:100%; display:inline}
.foot .wz{ font:20px/110px "微软雅黑"; color:#fff; margin:0 26px; display:inline}
.foot a.wz:hover{ text-decoration: none; color:#0e75d2}

.footb{ width:100%; height: 550px; min-width:1200px;background: url(../images/fbg.jpg) no-repeat center bottom fixed;  padding:45px 0 0 0; box-sizing:border-box; display:inline}

.footb .fcent{ width:375px;  }
.footb .fcent a{ font:16px/30px "微软雅黑"; color:#fff;  margin-right:30px; float:left}
.footb .fcent dl { width:calc(100%/2); float: left; text-align: left; }
.footb .fcent dl p{ width:100%; font:14px/30px "微软雅黑"; text-align:center;}
.footb .fcent dl dt { font:bold 20px/30px "微软雅黑";color: #fff; padding-bottom: 5%; position: relative;  }
.footb .fcent dl dt::after { }
.footb .fcent dl dd { width: 100%; float:left}
.footb .fcent dl dd a { color: #fff; font:14px/30px "微软雅黑"; color:#a8a8a8;display: block; }
.footb .fcent dl dd:hover a{ text-decoration:underline;}

.footb .flogo{ width:447px; height:92px;}
.footb .fewm{ width:179px;}
.footb .fewm p{ width:100%; float:left; text-align:center; font:18px/55px "微软雅黑"; color:#fff}

.flx{ width:100%; margin-top:35px;}
.flx li{ width:calc(100%/4); float:left; font:16px/24px "微软雅黑"; color:#fff; margin-bottom:35px; text-align:center}
.flx li i{ display:table; margin:15px auto;}

.footb .whdiv .fright{ width:655px; height:100%; box-sizing:border-box; }


.foot_d{ width:100%; font:16px/55px '微软雅黑'; text-align: center; color:#999; border-top:1px solid #505050; box-sizing:border-box;}
.foot_d a{ color:#999;}
.foot_d a:hover{ text-decoration:underline; color:#fff}

.clear{ clear:both; display:block}
.hen{ width:100%; min-width:1200px; height:50px; display:block; clear:both; float:left}