@charset "utf-8";*{margin:0px;padding:0px;}
body{ background:#fff}
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; overflow:hidden}
.jz{ display:table; margin:0 auto}
.main{ width:87.5%; min-width:1200px; max-width:1680px}
.over{ overflow:hidden}
.tcenter{ text-align:center}
.tright{ text-align:right}
.posr{ position:relative}
.posa{ position:absolute}
.wd100{ width:100%}
.wd51{ width:50%}
.wd50{ width:50%}
.wd50 img{ width:100%; height:100%; display:inline-block; object-fit:cover}
.wd100 img{ max-width:100%}
.mgt80{ margin-top:80px}
.mgt65{ margin-top:65px}
.mgt50{ margin-top:50px}
.mgt35{ margin-top:35px}
.mgt30{ margin-top:30px}
.mgt20{ margin-top:20px}
.mgt15{ margin-top:15px}
.mgt10{ margin-top:10px}
.pdb50{ padding-bottom:50px}

.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:18.5%; }
.tr{ width:60.5%;}
.guanggao{ float: left; margin-top: 45px; padding-left: 15px;}
.guanggao span{ font: bold 21px/21px "微软雅黑"; color:#313131}
.guanggao span em{ font-style:normal; font-weight: bold; color: #0d4b96;}
.guanggao p{ font: normal 16px/18px "微软雅黑"; color: #7c7c7c; padding-top: 2px;}
.tr .rx{ width:100%; margin-top:10px;text-align:right; font:14px/30px "微软雅黑"; color:#6d6d6d}
.tr .rx span{ font:24px/30px "微软雅黑"; color:#8f0f10}
.logo{ width:100%; height:auto; margin:45px 0; display:inline}
.logo img{ width:100%; height:auto; max-height:40px; float:left}

.mgr24{ margin-right:24px}

.cblue{ color:#0d4b96}
.bgfff{ background:#fff}
.bgf8f{ background:#f8f8f8}
.bgd90{ background:#1a4499}

.topmeau{ width:100%; height:126px; display:inline}
.topmeau li{ width:calc(100%/6);  float:left; position:relative; padding:48px 0}
.topmeau li .wz:last-child{ border-right:1px solid #e5e5e5;}
.topmeau li .wz{width:100%; text-align:center; display:inline;border-left:1px solid #e5e5e5; box-sizing:border-box;  float:left; font:18px/30px "微软雅黑"; color:#000}
/*.topmeau li:hover .wz,.topmeau .li_Select .wz,.topmeau .li_Select .wz:hover,.topmeau .li_Select:hover .wz:hover{ color:#8f0f10; background:url(../images/nav_bg.png) no-repeat bottom center; text-decoration:none}*/
.topmeau .li_Select,.topmeau li:hover{background:url(../images/nav_bg.png) no-repeat bottom center; text-decoration:none}
.topmeau li dl{ width:100%; height:0; background:url(../images/tm_b60.png); position:absolute; left:0; top:126px; opacity:0; filter:alpha(opacity=0); overflow:hidden; z-index:999}
.topmeau li:hover dl{ height:auto; padding:20px 0;opacity:1; filter:alpha(opacity=100)}
.topmeau li dl .mz{ width:100%; height:42px; overflow:hidden; font:15px/42px "微软雅黑"; color:#fff}
.topmeau li dl .mz:hover{background:#0d4b96}

.in_title{ width:100%; color:#313131; text-align:center}
.in_title p{ font:18px/30px "微软雅黑";}
.in_title b{font: bold 39px/50px "微软雅黑";}

/**应用领域**/
.in_yy{ width:100%;}
.in_yy li{ width:24%; float:left; margin-right:1.33333333333%}
.in_yy li:last-child{ margin-right:0}
.in_yy li .pic{ width:100%; height:475px; float:left; position:relative; overflow:hidden}
.in_yy li .pic img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.in_yy li:hover .pic 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);}
.in_yy li .wz{ position:absolute; left:30px; bottom:30px; font:24px/30px "微软雅黑"; color:#fff }
.inmore{ width:190px; font:16px/55px "微软雅黑"; color:#fff; background:#0d4b96; display:table; margin:0px auto; text-align:center}
.inmore:hover{ background:#032260}

/**解决方案**/
.jjdiv{ width:100%;  min-width: 1200px; padding:75px 0; box-sizing:border-box;height:745px; background: url(../images/bg_jj.jpg) no-repeat top center; margin-top:55px;}
.jjdiv .jjbt{ width:100%; float:left; font:45px/50px "微软雅黑"; color:#313131}
.jjdiv .jjbt p{ font: bold 36px/40px "微软雅黑"; color:#dddddd}
.jjdiv .jjwz{ width:100%; font:16px/30px "微软雅黑"; color:#000; margin-top:50px}
.jjdiv .jj{ width:100%;}
.jjdiv .jj li{ width:50%; height:150px; overflow:hidden;float:left; box-sizing:border-box; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:30px 0}
.jjdiv .jj li:nth-child(2n+0){ border-right:none}
.jjdiv .jj li:nth-child(3),.jjdiv .jj li:nth-child(4){ border-bottom:none}
.jjdiv .jj li:nth-child(2) .pic,.jjdiv .jj li:nth-child(4) .pic{ margin-left:5%;}
.jjdiv .jj li .pic{ width:19%.5; height:73px; float:left; margin-top:5px;}
.jjdiv .jj li .pic img{ width:100%; height:100%; display:inline-block; object-fit:cover}
.jjdiv .jj li .wz{ width:65%; min-height:85px; float:left; margin-left:4%; font:bold 20px/30px "微软雅黑"}
.jjdiv .jj li .wz p{ font:15px/28px "微软雅黑";}



/**优势**/
.bg1{ background:#e0eeff;}
.adv{ width:100%; min-width:1200px; margin-top:45px;}
.adv li{ width:100%; height:431px; float:left; position:relative}
.adv li .xdivr{ width:50%; height:315px; position: absolute;top: 60px; left: 40%;background: url(../images/advbg.png) no-repeat right bottom; padding:40px 150px 0 192px; box-sizing:border-box}
.adv li .xdivl{ width:50%; height:315px; position: absolute;top: 60px; right: 40%;background: url(../images/advbg1.png) no-repeat left bottom; padding:40px 150px 0 192px; box-sizing:border-box}
.adv li .advbt{ width:100%;}
.adv li .advbt i{ width:71px; height:71px; margin-right:15px; border-radius:50%; background:#dedede; float:left; font:36px/71px "微软雅黑"; color:#fff; text-align:center}
.adv li .advbt .btwz{ width:65%; float:left; font:16px/20px "微软雅黑"; color:#9a9a9a}
.adv li .advbt .btwz p{ font:36px/40px "微软雅黑"; color:#444444}
.adv li .advwz{ width:100%; font:16px/30px "微软雅黑"; color:#444; margin-top:25px;}
.advzx{ width:145px; font:16px/45px "微软雅黑"; color:#fff; background:#0d4b96; text-align:center; margin-top:40px;}
.advzx:hover{ background:#032260}


/**产品展示**/
.in_pro{ width:100%;}
.in_pro li{ width:32.5%; float:left; margin-right:1.25%; }
.in_pro li:last-child{ margin-right:0}
.in_pro li .pic{ width:100%; height:340px; float:left; overflow:hidden;border-top-left-radius:15px; border-top-right-radius:15px;}
.in_pro li .pic img{ width:100%; height:100%;display:inline-block; object-fit:cover;}
.in_pro li:hover .pic 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);}
.in_pro li .wz{ width:100%; float:left;border-bottom-left-radius:15px; border-bottom-right-radius:15px; font:21px/55px "微软雅黑"; color:#1a1a1a; background:#eeeeee; padding:20px 20px 30px 20px; box-sizing:border-box }
.in_pro li .wz p{ border-bottom:1px solid #d3d3d3}
.in_pro li .wz span{ width:100%; float:left; font:16px/35px "微软雅黑"; color:#6e6e6e; margin-top:20px; text-transform:uppercase;}
.in_pro li .wz span i{ margin-top:15px; background:url(../images/pmore.png) no-repeat; width:26px; height:11px;}
.in_pro li:hover .wz{ background:#1a4499; color:#fff}
.in_pro li:hover .wz p{ border-bottom:1px solid #fff;}
.in_pro li:hover .wz span{ color:#fff}
.in_pro li:hover .wz span i{background:url(../images/pmore1.png) no-repeat;}

/**公司简介**/

.abt{ width:100%; float:left; font: bold 34px/40px "微软雅黑"; color:#343434}
.abt p{ font: normal 20px/25px "微软雅黑"; text-transform:uppercase}
.abt i{ width:71px; height:3px; float:left; background:#0d4b96; margin-top:15px;}
.awz{ width:100%; font:16px/36px "微软雅黑"; color:#000; margin-top:20px;}
.aboutr{ width:50%; text-align:right}
/*--数字---*/
section {display: block;clear: left; float:left; position: relative;width: 100%; margin-top:60px;}
.count{width:calc(100%/3); float:left; height:auto;text-align:center; font: 21px/21px "微软雅黑"; color:#000; position:relative }
h1.jumbo {font-size: 30px;margin: 0;text-align:center; font: bold 48px/60px "微软雅黑"; color:#0d4b96;display:inline-block}
.count span{font-size: 21px; position:absolute; top:10px}
.count p{font:18px/40px "微软雅黑"; color:#343434;}

/**新闻**/
.newdiv{ width:100%; min-width:1200px; height: 474px; background: url(../images/nbg.jpg) no-repeat left top; float:left; display:block; margin-top:85px; padding-top:100px; box-sizing:border-box;}
.newdiv .newbt{ width:14.5%; font:36px/45px "微软雅黑"; color:#fff; text-align: right}
.newdiv .newbt b{ float:left; width:100%; font:24px/30px "微软雅黑"; text-transform:uppercase}
.newdiv .newbt p{ font:14px/30px "微软雅黑"; color:#6db4ff; margin-top:30px; float:left}
.nmore{ width:145px; font:14px/45px "微软雅黑"; color:#fff; background:url(../images/nm.png) #1a4499 no-repeat 20px 18px; position:absolute; top:-120px; right:0; padding-left:55px; box-sizing:border-box}
.nmore:hover{ background:#1a4499; padding-left:0; text-align:center}
.company {width:77%; height: auto;}
.company li{ width:30.5%; float:left; margin-right:4.25%; float:left; overflow:hidden; }
.company li:nth-child(3){ margin-right:0%;}

.company li .npic{ width:100%; height:178px;position:relative}
.company li .npic img{ width:100%; height:100%; display:inline-block; object-fit:cover;}

.company li .date{ width:57px; float:left; color:#fff; text-align:center; text-align:left; position:absolute; top:0; right:0}
.company li .date span.d1{ width:100%;font: 18px/37px "微软雅黑" ; background:rgba(13,75,150,0.8); text-align:center; }
.company li .date span.d2{ width:100%; font: 14px/37px "微软雅黑"; background:rgba(13,75,150,0.8); text-align:center; margin-top:2px;}

.company li .nrnr{ width:100%; height:125px; overflow:hidden; background:#fff; padding:18px 25px; box-sizing:border-box;  }
.company li .nrnr font{ width:100%; float: left; text-align:center; font:bold 18px/30px "微软雅黑"; color:#000; height:30px; overflow:hidden}
.company li .nrnr p{ font:14px/20px "微软雅黑"; color:#5a5a5a; text-align:center; margin-top:12px; float:left; height:40px; overflow:hidden}





/*底部*/

.foot{ background: #232323; overflow: hidden; padding: 90px 0 60px 0; border-bottom: 1px solid #4f4f4f; float:left; width:100%; min-width:1200px;}
.foot .foot_l ul li{ width:16.6666666%; float:left}
.foot .foot_l ul li h2{font-size: 16px; color: #fff;} 
.foot .foot_l ul li a{ width:100%; float:left;color: #afafaf; font-size: 14px; line-height: 30px;}
.foot .foot_l ul li .foot_nav_li{ padding-top: 30px;}
.foot .tel{ border-bottom: 1px solid #4f4f4f; padding-bottom: 30px;}
.foot .tel .foot_logo{ width:33.33333%}
.foot .tel .foot_add{ width:50%;}
.foot .tel .foot_add em{ font-style:normal; color: #fff; background: url(../images/add_bg.png) no-repeat left; padding-left: 24px;}
.foot .tel .foot_add{ padding: 0;}
.foot .tel .foot_add p{ color: #fff; padding-left: 24px;}
.foot .foot_tel{}
.foot .foot_tel em{ color: #fff; font-size: 14px; font-style:normal;}
.foot .foot_tel p{ font-size:30px; color: #fff; font-weight: bold;}
.foot .foot_tel span{ width: 124px; height: 36px; display: block; text-align: center; line-height: 36px; color: #fff; background: #0d4b96 ; font-size: 16px; margin-top: 10px;}
.foot .foot_tel_ewm{ padding-top: 40px;}
.foot_ewm{ padding: 0;}
.foot_ewm_li{ float: right; padding-right: 20px; text-align: center;}
.foot_ewm_li img{ width: 98px;}
.foot_ewm_li p{ line-height: 30px; color: #fff;}

.fbt{ width:100%; min-width:1200px; background:#232323; font:14px/65px "微软雅黑"; color:#afafaf; text-align:center}
.fbt a{ font:14px/65px "微软雅黑"; color:#afafaf}
.fbt a:hover{ color:#0d4b96}

.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 #fff; 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:#fff; text-align:center; margin-top:15px;}





.inpic1,.inpic2{ height:440px; text-align:center; overflow:hidden; position:relative}
.inpic1{ width:45%}
.inpic2{ width:25%}
.mgl25p{ margin-left:2.5%}
.inpic1 img,.inpic2 img{ width:100%; height:100%; object-fit:cover; display:inline-block}
.inpic1:hover img,.inpic2:hover img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1)}
.inwz{ width:100%; height:70px; font:20px/70px "微软雅黑"; color:#fff; bottom:0; left:0}
.inwz span{ font-size:18px}
.inpic1:hover .inwz,.inpic2:hover .inwz{ bottom:180px; background:url(../images/tmw70.png); color:#c20000}

.title{ height:52px;font:35px/52px "微软雅黑"; color:#c20000}

.nleft{ width:72%; height:500px; border:solid 1px #ccc; background:#f8f8f8; box-sizing:border-box !important}
.nleft .n1{ width:95%; margin:30px 2.5% 0; display:inline}
.nleft .n1 .pic{ width:35%; height:300px; text-align:center}
.nleft .n1 .pic img,.lslist li a .pic img{ width:100%; height:100%; object-fit:cover; display:inline-block}
.nleft .n1 .nr{ width:60%}
.nleft .n1 .nr .bt{ height:60px; font:20px/60px "微软雅黑"; color:#c20000; overflow:hidden}
.nleft .n1 .nr .bt:hover{ text-decoration:underline}
.nleft .n1 .nr .vwz{ height:168px; font:15px/42px "微软雅黑"; color:#999; overflow:hidden}
.nleft .n1 .nr .nmore{ width:200px; height:56px; border:solid 1px #c20000; font:16px/54px "微软雅黑"; color:#c20000}
.nleft .n1 .nr .nmore:hover{ background:#c20000; color:#fff}
.nleft .nlist{ width:100%}
.nleft .nlist li{ width:46%; height:38px; margin-left:2.5%; display:inline}
.nleft .nlist li .wz{ font:15px/38px "微软雅黑"; color:#666}
.nleft .nlist li:hover .wz,.nright .nlist1 li:hover .wz{ color:#c20000; text-decoration:underline}

.nright{ width:25%; height:500px; border:solid 1px #ccc; box-sizing:border-box !important}
.nright .nbt{ height:60px; background:#f8f8f8; text-indent:18px; font:18px/60px "微软雅黑"; color:#444}
.nright .nlist1{ width:92%; margin-left:4%;margin-right:4%; display:inline}
.nright .nlist1 li{ width:100%; height:40px}
.nright .nlist1 li .wz{font:15px/40px "微软雅黑"; color:#333}

.prolist{ width:100%}
.prolist li{ width:25%; height:300px; border:solid 1px #ccc; margin-top:-1px; display:inline; position:relative; background:#f8f8f8; box-sizing:border-box !important}
.prolist li:hover{ background:#c2000012}
.prolist li a{ width:100%}
.prolist li .pic{ width:auto; height:80px; margin-top:42px; display:inline-block}
.prolist li .pbt{ font:20px/40px "微软雅黑"; color:#121212; margin-top:28px; display:inline}
.prolist li .pen{ font:16px/30px "微软雅黑"; color:#999; text-transform:uppercase}
.prolist li .icon{ width:50px; height:12px; background:url(../images/icon1.png) no-repeat; margin-top:px; display:inline-block}

.lslist{ width:100%; list-style-type:none}
.lslist li{ width:270px; margin:0 10px; display:inline; float:left}
.lslist li a{}
.lslist li a .pic{ height:380px; overflow:hidden}
.lslist li a:hover .pic img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1)}
.lslist li a .wz{ width:100%; height:50px; background:#fff; font:15px/50px "微软雅黑"; color:#666}
.lslist li a:hover .wz{ background:#c20000; color:#fff}

.more_a,.more_b{width:200px; height:50px; font:16px/50px "微软雅黑"; box-sizing:border-box !important}
.more_a{ background:#d2d2d2;color:#fff; border:solid 1px #d2d2d2}
.more_b{ background:#c20000;color:#fff; border:solid 1px #c20000}

.ny_banner{ width:100%; min-width:1200px; height:400px; background:url(../images/ny_banner.jpg) no-repeat center center; margin-top:105px;}

.leftarea{ width:100%; background:#f1f1f1; }
.leftclass{ width: auto; display:table; margin:0px auto;}
.leftclass .clwz{width:150px; float:left;margin-right:25px;  font:16px/60px "微软雅黑"; color:#333; text-align:center}
.leftclass .clwz:hover,.leftclass .wb{ border-bottom:solid 2px #1a4499; box-sizing:border-box; float:left;font:16px/60px "微软雅黑"; color:#333;width:150px;margin-right:25px; text-align:center}

.leftcont{ width:100%; padding-bottom:15px;margin-top:15px; display:inline}
.leftcont .lbt{ width:100%; font:18px/52px "微软雅黑"; color:#fff; padding-top:15px; border-bottom:solid 1px #ccc; text-align:center; background:#333}
.leftcont .lbt span{ font-size:12px; color:#fff}
.leftcont .cwz{ width:100%; padding:20px 5%; display:inline; font:14px/32px "微软雅黑"; color:#333;border:solid 1px #ccc; border-top:none; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

.proclass{ width:100%; margin-top:20px; display:inline}
.proclass .wz{ margin:15px 20px 0 0; padding:0 50px; display:inline; background:#eee; font:15px/42px "微软雅黑"; color:#333}
.proclass .wb,.proclass .wz:hover{ background:#c90600; color:#fff}

.view_nr{ width:100%; min-height:550px; padding-bottom:30px; display:inline}
.view_nr img{}
.view_wz{ width:100%; min-width:1200px; float:left; margin-top:20px; display:inline; font:16px/38px "微软雅黑"; color:#333; overflow:hidden; margin-bottom:20px; display:table}
.view_page{width:750px; text-align:center; display:table}
.view_page a{ color:#1a4499}
.view_page a:hover{ text-decoration:underline}
.nytitle{ width:100%; font:14px/60px "微软雅黑"; border-bottom: 1px solid #dedede; z-index:99; color:#000}
.nytitle span{ color:#1a4499}
.nytitle a{ color:#666}
.nytitle a:hover{ color:#1a4499}

.joblist{ width:100%; margin-bottom:35px; display:inline; float:left}
.joblist li{ width:32%; height:60px; background:#f8f8f8; margin:15px 1.3% 0 0; display:inline; float:left}
.joblist li span,.joblist li a{ font:15px/60px "微软雅黑"}
.joblist li a{ color:#333; text-indent:15px; float:left}
.joblist li a:hover{ color:#b20000; text-decoration:underline}
.joblist li span{ color:#999; float:right; margin-right:5px; display:inline}

.plist{ width:100%}
.plist li{ width:24%;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 #b20000}
.plist li .pic img{width:100%; height:400px; 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:#fff; text-align:center; overflow:hidden}
.plist li a:hover .wz{ color:#c90600}


@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}
	.adv li .xdivr,.adv li .xdivl{ padding:50px}
	.advzx{ margin-top:15px;}
	
}



@media screen and (max-width: 1200px)
{
	.topmeau li .wz{ font-size:14px; padding:0 8px}	
	.adv li .xdivr,.adv li .xdivl{ padding:25px}
	.advzx{ margin-top:15px;}
	.awz{ height:100px; overflow:hidden}
}




.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:#1a4499; 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}

.link a{ color:#333}
.link a:hover{ color:#c9242b; text-decoration:underline}

.view_title{ width:100%; height:50px; text-align:center; font:22px/50px "微软雅黑"; color:#1a4499; 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%; height:400px; border:1px solid #dedede; padding:10px; box-sizing:border-box; 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:325px; overflow:hidden; box-sizing:border-box; border-bottom:1px solid #dedede;}
.c_list li .pic img{ width:100%; height:100%; display:inline-block; object-fit:cover}
.c_list li a .wz{ width:100%;text-align:center; font:18px/60px "微软雅黑"; color:#333; overflow:hidden}
.c_list li:hover a .wz{ color:#1a4499}
.c_list li:hover{ border:1px solid #1a4499}
.c_list li:hover .pic{ border-bottom:1px solid #1a4499;}
.c_list li:hover .pic 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);}
.img-responsive{
    display: block;
    max-width: 100%;
    height: auto;
}


.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%;background: #f8f8f8; padding: 40px; margin-top: 30px; overflow: hidden; box-shadow: 0px 5px 5px #dedede; position: relative; box-sizing: border-box;float:left;}
.news_list ul li span {font:14px/40px "微软雅黑"; color:#000;box-sizing: border-box;}
.news_list p{font-size: 13px;margin:2.5% 0;color:#777;line-height:25px;}
.news_list h2 { font: normal 22px/60px "微软雅黑"; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_list b { width:110px; float:left; font:15px/35px "微软雅黑"; background:#ddd; text-align:center; color:#333; text-transform:uppercase; margin-top:30px;}

.news_list li .date{ width: 8%; float:left; text-align:center; background:#1a4499; color:#fff; padding:15px}
.news_list li .date span .d1{ width:100%;font:36px/48px "微软雅黑" ; }
.news_list li .date span .d2{ width:100%; font: 16px/30px "微软雅黑"; margin-top:5px;}
.news_list li .cnr{ width:60%; margin-left: 3.5%; padding:0 55px 0 0; box-sizing:border-box;}
.news_list li .pic{ width:25%; height:230px}
.news_list li .pic img{ width:100%; height:100%; display:inline-block; object-fit:cover;}

.news_list li::before{content: ''; position: absolute; bottom: 0; width: 0; height: 2px; }
.news_list li:hover::before{ width: 100%; height: 2px; background: #1a4499; left: 0; transition:all 1s;}
.news_list li:hover h2{ color:#1a4499}
.news_list li:hover b{ background:#1a4499; color:#Fff}




.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}





.clear{ clear:both; display:block}
.hen{ width:100%; min-width:1200px; height:50px; display:block; clear:both; float:left}