@charset "utf-8";*{margin:0px;padding:0px;}
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}
.main{ width:1200px}
.over{ overflow:hidden}
.tcenter{ text-align:center}
.tright{ text-align:right}
.posr{ position:relative}
.posa{ position:absolute}
.wd100{ width:100%}
.mgt80{ margin-top:80px}
.mgt75{ margin-top:75px}
.mgt60{ margin-top:60px}
.mgt50{ margin-top:50px}
.mgt40{ margin-top:40px}
.mgt35{ margin-top:35px}
.mgt30{ margin-top:30px}
.mgt25{ margin-top:25px}
.mgt20{ margin-top:20px}
.mgt15{ margin-top:15px}
.mgt10{ margin-top:10px}
.pdb50{ padding-bottom:50px}

.topic{ height:100px; float:left; display:block}
.topic .logo{ width:auto; height:50px; margin-top:25px; display:inline}
.topic .logo img{ width:auto; height:50px; float:left}
.topic .tel{ height:50px; background:url(../images/tel.jpg) no-repeat left center; padding-left:65px; margin-top:25px; display:inline; font:14px/20px "微软雅黑"; color:#333}
.topic .tel strong{ font-size:24px; line-height:30px; color:#e70205}

.topindex-maxpic{background-color:#fff; min-width:1200px;  margin:0px auto;z-index:0; position:relative;overflow:hidden;}

.mgr20{ margin-right:24px}
.topic .wz{ font:12px/22px "微软雅黑"; color:#fff}
.topic .line{ width:1px; height:14px; margin:4px 10px 0; display:inline}
.topic a.wz:hover{ text-decoration:underline}

.bgfff{ background:#fff}
.bgf8f{ background:#f8f8f8}
.bgd90{ background:#d90000}

.topmeau{height:50px; background:#a50200}
.topmeau li{ width:calc(100%/7); height:50px;  float:left; position:relative}
.topmeau li .wz{width:100%;height:50px; display:inline; float:left; font:16px/50px "微软雅黑"; color:#fff; text-align:center}
.topmeau .li_Select,.topmeau li:hover .wz,.topmeau .li_Select .wz,.topmeau .li_Select .wz:hover,.topmeau .li_Select:hover .wz:hover{ background:#000}

.topmeau li dl{ width:130%; height:0; background:#d9000099; position:absolute; left:-15%; top:100px; opacity:0; filter:alpha(opacity=0); overflow:hidden}
.topmeau li:hover dl{ height:auto;opacity:1; filter:alpha(opacity=100)}
.topmeau li dl .mz{ width:100%; font:14px/42px "微软雅黑"; color:#fff}
.topmeau li dl .mz:hover{background:#d90000}

.title{}
.title .wz_en{font:75px/60px "微软雅黑"; color:#f7f7f7; font-weight:bold; text-transform:uppercase; letter-spacing:-1px}
.title .wz{font:32px/60px "微软雅黑"; color:#000; font-weight:bold; left:0; top:0}
.title .wz_s{ font:18px/20px "微软雅黑"; color:#666}
.title .line{ width:60px; height:5px; background:#be2422; display:inline-block; margin-top:16px}

.aleft{ width:535px}
.aleft .aline{ width:254px; height:5px; background:#be2422; right:-65px; top:27.5px}
.aleft .apic{ width:100%; height:360px; box-shadow:0 0 6px 3px #eee; margin:20px 0; display:inline}
.aleft .apic img{ width:100%; height:100%; object-fit:cover; display:inline-block}

.aright{ width:554px; padding-right:46px; height:440px; background:url(../images/aright.png) no-repeat center right}
.aright .bt{ height:40px; font:30px/40px "微软雅黑"; color:#be2422; font-weight:bold; margin-top:54px; display:inline}
.aright .wz{ font:16px/35px "微软雅黑"; color:#333; margin-top:24px; display:inline}
.aright .btn{ width:200px; height:50px; background:#be2422; font:18px/50px "微软雅黑"; color:#fff}
.aright .btn:hover{ background:#8b0200}

.shb{ height:114px; background:url(../images/shb.png) no-repeat center center}
.shb .wz1{ font:28px/45px "微软雅黑"; color:#fff; margin-top:12px; display:inline}
.shb .wz1 strong{ font-size:30px; color:#ffd616}
.shb .wz2{ font:30px/45px "微软雅黑"; color:#fff; margin-top:36px; display:inline}

.pro_bg{ height:790px; background:url(../images/probg.jpg) no-repeat center center; padding-top:30px; display:inline}
.plist1{}
.plist1 li{ width:380px; border:solid 1px #eee; box-sizing:border-box !important; margin:40px 30px 0 0; display:inline}
.plist1 li:nth-child(3n+0){margin:40px 0 0 0}
.plist1 li .pic{ height:320px}
.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 .cp_wz{ height:60px; left:0; bottom:0; background:#00000099; font:18px/60px "微软雅黑"; color:#fff}


.n_list{ width:565px}
.n_list li{ width:100%; height:100px;margin-top:10px;display: inline; float:left}
.n_list li a{ width:100%; height:100px; background:#fafafa}
.n_list li a:hover{ background:#f8f8f8}
.n_list li .data{width:90px; height:100px; text-align:center; background:#eee; color:#000}
.n_list li:hover .data{ background:#be2422}
.n_list li .data .d1{ width:100%; font:30px/36px "微软雅黑"; font-weight:bold; margin-top:22px; display:inline}
.n_list li .data .d2{ width:100%; font:14px/20px "微软雅黑"}
.n_list li .nr{ width:420px; margin:12px 28px 0 0; display:inline}
.n_list li .bt{ width:100%;height:26px;font:16px/26px "微软雅黑";color:#333}
.n_list li .vwz{ width:100%;height:48px;font:14px/24px "微软雅黑";color:#777}
.n_list li:hover .bt{ color:#be2422}
.n_list li:hover .vwz{ color:#333}
.n_list li:hover .data .d1,.n_list li:hover .data .d2{ color:#fff}

.npic{ width:565px; height:430px}
.npic img{ width:100%; height:100%; object-fit:cover; display:inline-block}

.proclass1{ width:275px; margin-top:35px; display:inline;box-shadow:1px 1px 5px 2px #eee}
.proclass1 .bt{ height:63px; background:#be2422; font:24px/63px "微软雅黑"; color:#fff; font-weight:bold}
.proclass1 .list{ min-height:615px; border:solid 1px #ccc; background:#fafafa; border-top:none; box-sizing:border-box !important}
.proclass1 .list a{ height:40px; font:14px/40px "微软雅黑"; color:#444;border-bottom:solid 1px #ccc}
.proclass1 .list a:last-child{ border-bottom:none}
.proclass1 .list a:hover{ background:#006ecb; color:#fff}

.bgfaf{ background:#fafafa}

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

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

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

.leftarea{ width:23%; margin-top:30px;  display:inline}
.leftclass{ width:100%}
.leftclass .bt{ width:100%; height:62px; padding-top:30px; font:22px/62px "微软雅黑"; color:#fff; font-weight:bold; background:#000; text-align:center}
.leftclass .clwz{width:100%; height:48px; margin-top:15px; background:#efefef; font:16px/48px "微软雅黑"; color:#000; text-align:center}
.leftclass .clwz:hover,.leftclass .wb{ background:#be2422; color:#fff}

.leftarea .l_dh{ width:100%; margin-top:10px; display:inline; border-top:solid 1px #ccc; background:#fcfcfc}
.leftarea .l_dh li{ width:100%; float:left}
.leftarea .l_dh li.mb .wz,.leftarea .l_dh li .wz:hover,.leftarea .l_dh li:hover .wz{ background:#be2422; color:#fff}
.leftarea .l_dh li.mb .wz{ color:#fff}
.leftarea .l_dh li .wz{ width:90%; height:44px; padding:0 5%; display:inline; border-bottom:solid 1px #ccc; font:16px/44px "微软雅黑"; color:#321; overflow:hidden}
.leftarea .l_dh li .clwz3{font:14px/40px "微软雅黑"; color:#999; margin-right:25px; display:inline}
.leftarea .l_dh li .clwz3:hover{ color:#be2422}

.leftarea .l_dh dl{ width:100%; padding:0 5%; background:#f8f8f8; box-sizing:border-box !important}
.leftarea .l_dh dl a.mz{ width:100%; height:44px;font:15px/44px "微软雅黑"; color:#666; border-bottom:dashed 1px #ccc}
.leftarea .l_dh dl a.mz:hover,.ny_left .l_dh dl .mzb{ color:#be2422; border-bottom:dashed 1px #be2422}


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

.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:#be2422; color:#fff}

.plist{ width:100%}
.plist li{ width:32%;margin:20px 2% 0 0; display:inline;float:left}
.plist li:nth-child(3n+0){margin:20px 0 0 0}
.plist li a{ width:100%}
.plist li .pic{ width:100%; height:220px; border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-webkit-border-radius:15px; overflow:hidden; box-shadow:0 0 5px 2px #f1f1f1 !important}
.plist li .pic img{width:100%; height:100%; 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:16px/40px "微软雅黑"; color:#000; font-weight:bold; text-indent:10px; overflow:hidden}
.plist li a:hover .wz{ color:#be2422}

.view_title{ width:100%; height:50px; text-align:center; font:18px/50px "微软雅黑"; color:#be2422; 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:#be2422}

.c_list{ width:100%}
.c_list li{ width:32%; border:solid 1px #ccc; margin:30px 2% 0 0; display:inline; float:left}
.c_list li:nth-child(3n+0){ margin:30px 0 0 0}
.c_list li a{ width:100%; position:relative}
.c_list li .pic,.c_list li .pic img{ width:100%; float:left}
.c_list li:hover .pic img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);}
.c_list li a .wz{ width:100%; height:30px; background:#00000099; text-align:center; font:16px/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%; margin-top:10px; display:inline}
.news_list li{width:100%;height:45px; border-bottom:dashed 1px #ccc; float:left}
.news_list li a{ width:100%}
.news_list li .wz{width:80%; height:45px;font:14px/45px "微软雅黑"; color:#333; overflow:hidden}
.news_list li .data{ width:15%;font:12px/45px "微软雅黑"; color:#999}
.news_list li a:hover .wz{ color:#be2422}

.view_nr{ width:74%; min-height:400px;margin-top:30px; display:inline}
.view_nr img{}
.view_wz{ width:100%; font:15px/35px "微软雅黑"; color:#555}
.nytitle{ width:100%; height:50px; font:14px/50px "微软雅黑"; border-bottom:dashed 1px #ccc}
.nytitle span{ color:#e62129}

.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:#be2422}

.pro_pic{ width:100%; max-height:500px; margin-top:20px; display:inline; text-align:center}
.pro_pic img{width:auto; max-width:100%; 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{ background:url(../images/foot_bg.jpg) no-repeat; background-size:auto 100%; min-height:336px}
.foot .fdh{ border-bottom:solid 1px #cc6160; padding:40px 0 20px 0; display:inline}
.foot .fdh a{ font:18px/30px "微软雅黑"; color:#fff; margin:0 36px; display:inline}
.foot .fdh a:hover{ text-decoration:underline}
.foot .ftr{ margin:25px 0 0 0; display:inline}
.foot .ftr .icon{ width:32px; height:auto; margin:15px 15px 0 0; display:inline}
.foot .ftr .wz{ font:16px/30px "微软雅黑"; color:#ccc}
.foot .ftr .wz span{ font-size:20px; color:#fff}
.foot .line{ width:1px; height:130px; background:#cc6160; margin:60px 0 0 60px; display:inline}
.foot .qrcode{ width:160px; margin-top:56px; display:inline}
.foot .bt{ font:22px/45px "微软雅黑"; color:#fff; font-weight:bold}
.foot .fwz{ font:14px/36px "微软雅黑"; color:#fff}
.foot a.fwz:hover{ text-decoration:underline}
.foot .fwz a{color:#fff}

.foot_d{ background:#a50200; font:16px/55px "微软雅黑"; color:#fff}
.foot_d a{ color:#fff; font-size:16px}
.foot_d a:hover{ text-decoration:underline}

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

.nav{ width:100%; padding:12px 0; background:#fff; border-bottom:solid 1px #eee; position:fixed; left:0; top:0; display:none}
.nav .logo{ height:40px; margin-left:2%}
.nav .logo img{ width:auto; height:40px}
.nav .nav_icon{ height:30px; margin:5px 2% 0 0}
.nav .nav_icon img{ width:auto; height:30px}

.nav_menu{ width:100%;height:100%; position:fixed; right:0; top:0; z-index:999}
.nav_menu .left{ width:42%; min-height:100%; float:left; background:#000; opacity:0.5; filter:alpha(opacity=40); margin:0;}
.nav_menu .right{ width:58%; max-height:100%; min-height:100%; float:right; background:#be2422; overflow:scroll}
.nav_menu .right .list{ width:100%; margin-top:20px; padding-bottom:50px; display:inline}
.nav_menu .right .list li{ width:92%; margin:0 4%; float:left; position:relative}
.nav_menu .right .list li .mz{ width:100%; font:14px/40px "微软雅黑"; color:#fff; text-indent:10px; border-bottom:solid 1px #fff}
.nav_menu .right .list li dl{ width:100%; float:right}
.nav_menu .right .list li dl dd{ width:100%; float:left; border-bottom:dashed 1px #fff;}
.nav_menu .right .list li dl dd a{ width:100%; font:12px/40px "微软雅黑"; color:#fff; text-indent:12px}

.kong{ width:100%; height:85px; display:none; clear:both; float:left}
.footer{ width:100%; padding:6px 0;  background:#be2422; position:fixed; left:0; bottom:0; display:none}
.footer a{ width:25%}
.footer a .icon,.footer a .icon img{ width:auto; height:30px}
.footer a .wz{ width:100%; margin-top:3px; font:12px/18px "微软雅黑"; color:#fff; text-align:center}

@media screen and (max-width: 1200px)
{
.fd,.topindex-maxpic,.main,.title,.p_list,.foot,.ny_banner{ width:100%; min-width:100%}
.aleft{ width:46%}
.aright{ width:50%; box-sizing:border-box !important}
.plist1 li{ width:32%; margin:40px 2% 0 0}
.shb .wz1,.shb .wz2{ font-size:22px}
.shb .wz1 strong{ font-size:26px}
.npic,.n_list{ width:48%}
.n_list li .data{ width:20%}
.n_list li .nr{ width:72%; margin:12px 2% 0 0}


}

@media screen and (max-width: 1024px)
{
.title .wz_en{ font-size:50px}
.title .wz{ font-size:26px}
.aleft .aline{ width:50%; right:-5%}
.aright .wz{ line-height:28px; font-size:14px}
.shb .wz1, .shb .wz2{ font-size:18px}
.foot .fdh a{ margin:0 25px}
.foot_d{ font-size:14px}
.foot .qrcode{ display:none}

}

@media screen and (max-width: 767px)
{
.nav,.kong,.footer{ display:block}
.topic,.topmeau,.foot,.shb .wz2,.foot_d,.leftarea{ display:none}
.aleft,.aright, .n_list{ width:94%; margin:0 3%}
.aleft .aline{ width:30%; right:0}
.aleft .apic{ height:280px}
.aright{padding-right:5%}
.aright .bt{ font-size:20px; line-height:30px; margin-top:30px; height:30px}
.aright .btn{ width:150px; font-size:16px}
.shb .wz1{ font-size:16px; padding-left:3%; box-sizing:border-box !important}
.title .wz_en{ font-size:35px}
.title .wz{ font-size:20px}
.title .wz_s{ font-size:14px; margin-top:0}
.pro_bg{ height:auto; padding-top:15px; padding-bottom:30px; background-size:auto 100%}
.plist1 li,.plist1 li:nth-child(3n+0){ width:44%; margin:15px 0 0 4%; display:inline}
.plist1 li .pic{ height:180px}
.plist1 li .cp_wz{ height:42px; font-size:15px; line-height:42px}
.npic{ height:300px;width:94%; margin:15px 3% 0}
.ny_banner{ height:120px; margin-top:65px; background-size:auto 100%}
.view_nr{ width:94%; margin:15px 3% 0; display:inline}
.view_wz{ font-size:14px; line-height:30px; margin-top:15px; display:inline}
.plist li,.plist li:nth-child(3n+0){ width:48%; margin:10px 4% 0 0}
.plist li:nth-child(2n+0){margin:10px 0 0 0}
.plist li .pic{ height:180px}
.plist li .wz{ font-size:14px}
.view_title{ font-size:16px; height:auto}
.news_sxy{ height:auto}
.news_sxy a, .news_sxy div{ width:100%; font-size:14px; text-align:left;}
.c_list{width:94%; margin:0 3%}
.c_list li,.c_list li:nth-child(3n+0){ width:48%; margin:15px 4% 0 0; display:inline}
.c_list li:nth-child(2n+0){ margin:15px 0 0 0}

}