@charset "utf-8";*{margin:0px;padding:0px; font-family:"微软雅黑"}
html,body,b,div,ul,li,h1,h2,h3,h4,h5,h6,img,pre,form,p,input,td{margin:0px auto;padding:0;}
body{ overflow-x:hidden}
ul{list-style-type:none;}
img{ border:0;}
body{ overflow-x:hidden}
input,select,button{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none; outline:none;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0); border: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}
.tright{ text-align:right}
.tcenter{ text-align:center}
.cur{ cursor:pointer}
.jz{ display:table; margin:0 auto}
.fd{ width:100%; min-width:1400px}
.main{ width:1400px}
.over{ overflow:hidden}
.pdb50{ padding-bottom:50px; display:inline}
.mgt25{ margin-top:25px}
.mgt30{ margin-top:30px}
.mgt35{ margin-top:35px}
.mgt50{ margin-top:50px}
.mgt80{ margin-top:80px}
.mgt120{ margin-top:120px}
.mgt55{ margin-top:55px}
.wd100{ width:100%}
.posr{ position:relative}
.posa{ position:absolute}
.hlong *{display:inline-block;vertical-align:middle}

.bgf5f{ background:#f5f5f5}


#top_float{ z-index:99999}
.topic{ width:100%; height:98px; float:left; background:#fff; display:block;box-shadow: 0px 10px 8px -8px rgba(169,169,169,0.75);-webkit-box-shadow: 0px 10px 8px -8px rgba(169,169,169,0.75);-moz-box-shadow: 0px 10px 8px -8px rgba(169,169,169,0.75);}
.topic .logo{ width:auto; margin:15px 0 0 4%; display:inline}
.topic .logo img{ width:auto; height:70px; float:left}
.topic .tel{ height:21px; background:url(../images/tel.png) no-repeat center left; margin:43px 2% 0 0; display:inline; padding-left:28px; font:22px/21px "微软雅黑"; color:#ec1c12; font-weight:bold; font-style:oblique}
.topic .rnk{ height:21px; margin:43px 4% 0 0; display:inline; border-left:solid 1px #000; padding-left:30px}
.topic .rnk .icon{ width:20px; margin-left:28px; display:inline}
.topic .rnk .icon img{ width:20px; height:21px; display:inline-block}
.topic .rnk .wz{ font:18px/21px "微软雅黑"; color:#000; text-transform:uppercase !important}
.topic .rnk .wz:hover{ color:#ec1c12}

.topic .search{ width:400px; height:50px; border-radius:25px; overflow:hidden; border:solid 1px #ddd; background:#fff; top:98px; right:2%}
.topic .search input[type=text]{ width:310px; height:50px; display:inline; font:14px/50px "微软雅黑"; color:#666; text-indent:20px}
.topic .search ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#ccc;}
.topic .search :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#ccc;}
.topic .search ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#ccc;}
.topic .search :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#ccc;}
.topic .search .btn{ width:80px; height:50px; background:#ccc; font:16px/50px "微软雅黑"; color:#fff}
.topic .search .btn:hover{ background:#ec1c12}

.topmeau{ width:auto; height:auto; margin-top:36px; margin-right:3%; display:inline}
.topmeau li{ width:auto; height:62px; margin-right:45px; float:left; position:relative}
.topmeau li:last-child{ margin-right:0}
.topmeau li .wz{width:auto;height:36px; display:inline; float:left; font:16px/36px "微软雅黑"; color:#000; border-bottom:solid 3px #fff}
.topmeau li:hover .wz,.topmeau .li_Select .wz,.topmeau .li_Select .wz:hover,.topmeau .li_Select:hover .wz:hover{ color:#ec1c12; border-bottom:solid 3px #ec1c12}

.topmeau li:hover .xldhk{height:338px;}

.xldhk{ width:100%; height:0; left:0; top:98px; background:#fff; z-index:999; position:fixed;box-shadow: 0px 10px 8px -8px rgba(169,169,169,0.75) inset;-webkit-box-shadow: 0px 10px 8px -8px rgba(169,169,169,0.75) inset;-moz-box-shadow: 0px 10px 8px -8px rgba(169,169,169,0.75) inset;}
.xldhk .lnr{ width:15%; height:338px; padding:0 1.5%; background:#f7f7f7; border-right:solid 2px #e3e3e3; box-sizing:border-box !important;}
.xldhk .lnr .fk{ width:6px; height:7%; background:#c32228; right:-4px; top:52%}
.xldhk .lnr .nrk{display: table-cell;vertical-align: middle;}
.xldhk .lnr .bt{ font:34px/46px "微软雅黑"; color:#000; margin-top:75px; display:inline}
.xldhk .lnr .en{ font:10px/16px "微软雅黑"; color:#b0b0b0; text-transform:uppercase !important; letter-spacing:1px}
.xldhk .lnr .view{ font:14px/26px "微软雅黑"; color:#b0b0b0; margin-top:30px; display:inline}

.xldhk .rnr{ width:82%;height:338px; overflow:hidden}
.xldhk .rnr dd{ width:14%; margin:50px 3% 0 0; display:inline}
.xldhk .rnr dd:last-child{ margin:50px 0 0 0}
.xldhk .rnr dd .pic{ width:100%; height:206px; border:solid 1px #e7e7e7; box-sizing:border-box !important; overflow:hidden}
.xldhk .rnr dd .pic img{ width:100%; height:100%; object-fit:cover; display:inline-block}
.xldhk .rnr dd:hover .pic img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);}
.xldhk .rnr dd .bt{ font:24px/40px "微软雅黑"; color:#626262; margin-top:10px; display:inline}
.xldhk .rnr dd:hover .bt{ color:#ec1c12}

.bannerk{ height:1250px; background:url(../images/bannerbg.png) no-repeat center center}

.hdbg{ background:#f3f4f5; padding:85px 0; display:inline}

.plist1{}
.plist1 li{ width:100%}
.plist1 li .pic{ height:482px}
.plist1 li:hover .pic{ height:440px}
.plist1 li .pic img{ width:100%; height:100%; object-fit:cover; display:inline-block}
.plist1 li .wzk{ background:#fff; height:154px; display:table}
.plist1 li:hover .wzk{ background:#292f3c; height:196px}
.plist1 li .wzk span{ display:table-cell; vertical-align:middle}
.plist1 li .wzk .bt{ font:32px/45px "微软雅黑"; color:#292f3c}
.plist1 li .wzk .ewz{ font:16px/36px "微软雅黑"; color:#292f3c; letter-spacing:1px; text-indent:1px}

.plist1 li:hover .wzk .bt,.plist1 li:hover .wzk .ewz{ color:#fff}

.flhb{ }
.flhb.bg1{ height:425px; background:url(../images/flhb1.jpg) no-repeat center center}
.flhb.bg2{ height:526px; background:url(../images/flhb2.jpg) no-repeat center center}
.flhb .flnr{ width:100%; display:table}
.flhb.bg1 .flnr{ height:425px }
.flhb.bg2 .flnr{ height:526px }
.flhb .flnr span{ display:table-cell; vertical-align:middle}
.flhb .flnr .flbt{ font:65px/85px "微软雅黑"; color:#fff; text-shadow: 2px 2px 0 #333 !important;}
.flhb .flnr .flbt font{ font-size:40px; color:#ec1c12}
.flhb .flnr .flwz{ font:22px/42px "微软雅黑"; color:#fff; text-shadow: 2px 2px 0 #333 !important; margin-top:28px; display:inline; word-break:break-all !important}
.flhb .flnr .fbtn{ width:auto; height:40px; padding:0 20px; margin-top:38px; display:inline; border:solid 1px #fff; border-radius:5px; overflow:hidden; font:22px/38px "微软雅黑"; color:#fff;text-shadow: 2px 2px 0 #333 !important; box-shadow:2px 2px 0 #333 !important}
.flhb .flnr .fbtn:hover{ background:#ec1c12; border:solid 1px #ec1c12}

.flcplist{ padding:20px 0 40px 0; display:inline}
.flcplist li{ width:30%; margin:30px 0 0 2.5%; display:inline}
.flcplist li .pic{ width:100%; height:254px; border:solid 2px #e7e7e7; background:#ededed; box-sizing:border-box !important; border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-webkit-border-radius:5px; overflow:hidden}
.flcplist li .pic img{ width:100%; height:100%; object-fit:cover; display:inline}
.flcplist li .bigpic{ width:0; height:auto; opacity:0; filter:alpha(opacity=0); display:none; z-index:999}
.flcplist li .bigpic img{ width:100%; float:left}
.flcplist li .pic:hover .bigpic{ width:130%;opacity:100; filter:alpha(opacity=100)}
.flcplist li .wz{ font:26px/38px "微软雅黑"; color:#484848; margin-top:37px; display:inline}
.flcplist li:hover .wz{ color:#ec1c12}

.insortlist{}
.insortlist li{ width:calc(100%/3); height:auto}
.insortlist li .pic{ width:100%; height:720px}
.insortlist li .pic img{ width:100%; height:100%; object-fit:cover; display:inline-block}
.insortlist li:hover .pic img{ transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);}
.insortlist li .sk{ width:100%; height:100%; background:url(../images/instm.png); left:0; top:0; display:table}
.insortlist li .sk span{ display:table-cell; vertical-align:middle}
.insortlist li .sk .bt{ font:44px/60px "微软雅黑"; color:#fff; letter-spacing:2px; text-indent:2px}
.insortlist li:hover .sk .bt{ font-size:50px}
.insortlist li .sk .line{ width:24%; height:3px; background:#ec1c12; display:inline-block; margin:12px 0}
.insortlist li:hover .sk .line{ width:28%}
.insortlist li .sk .ewz{ font:22px/44px "微软雅黑"; color:#fff; letter-spacing:1px; text-indent:1px; text-transform:uppercase !important}
.insortlist li:hover .sk .ewz{ font-size:26px}

.inline{ height:12px; background:#0f1724}

.insxcp{ padding:45px 0}
.insxcp.bg{ background:#efefef}

.insxcp .pic{ width:50%; height:448px; display:flex; align-items:center;}
.insxcp .pic img{ max-width:100%;}

.insxcp .lnr{ width:40%}
.insxcp .lnr .bt{ font:34px/40px "微软雅黑"; color:#004081; font-weight:bold}
.insxcp .lnr .vwz{ font:16px/20px "微软雅黑"; color:#6d6d6d; margin-top:22px; display:inline}
.insxcp .lnr .cstr{ min-height:20px; padding-left:36px; box-sizing:border-box !important; font:16px/20px "微软雅黑"; color:#6d6d6d}
.insxcp .lnr .cstr font{ color:#373737}
.insxcp .lnr .cstr.c1{ background:url(../images/csicon1.png) no-repeat left center}
.insxcp .lnr .cstr.c2{ background:url(../images/csicon2.png) no-repeat left center}
.insxcp .lnr .cstr.c3{ background:url(../images/csicon3.png) no-repeat left center}
.insxcp .lnr .cstr.c4{ background:url(../images/csicon4.png) no-repeat left center}
.insxcp .lnr .cstr.c5{ background:url(../images/csicon5.png) no-repeat left center}
.insxcp .lnr .cstr.c6{ background:url(../images/csicon6.png) no-repeat left center}

.insxcp .lnr .btn{ width:200px; height:45px; background:#dd3333; font:14px/45px "微软雅黑"; color:#fff; text-transform:uppercase !important; margin-top:50px; display:inline}
.insxcp .lnr .btn:hover{ background:#b30000}

.nycontent{ padding:50px 0 120px 0; display:inline; background:#f5f5f5}

.atitle{ font:42px/50px "微软雅黑"; color:#000 }
.ntitle{ font:38px/50px "微软雅黑"; color:#000 }
.entitle{ font:22px/40px "微软雅黑"; color:#000 }
.atitles{ font-size:21px; line-height:40px; color:#02396c; margin-top:52px; display:inline}
.atitleline{ width:40px; height:2px; background:#ec1c12; margin-top:14px; display:inline-block}

.aboutnr{ width:40%; margin-top:70px; display:inline}
.aboutnr .bt {font-size: 24px;font-weight: bold; color: #003369;}
.aboutnr .bt::after {content: '';width: 20px; height: 2px; background-color: #cccccc; margin: 12px 0; display: block;}
.aboutnr .swz { font-size: 18px;line-height: 24px; color: #444444; word-break:break-all !important}
.aboutnr .view{ margin-top: 42px;font-size: 14px; line-height: 24px; min-height:120px; color: #888888;}
.aboutnr .img{ margin-top: 42px; height:auto; position: relative;}
.aboutnr .img img{ width:100%; height:100%; object-fit:cover; display:inline-block}
.aboutnr .img::after { content:''; position:absolute; top:0;left:0; border:10px solid rgba(255, 255, 255, 0.3); width: 100%; height: 100%;}

.leftfw{ height:50px; background:#02396c}
.leftfw .lwz,.leftfw .lwz a{ font-size:14px; color:#8cadd2; line-height:50px;}
.leftfw .lwz a.cfff{ color:#fff}
.leftfw .lwz font,.leftfw .lwz a:hover{ color:#fff}
.leftfw .lwz a:hover{ text-decoration:underline}
.leftfw .flist{}
.leftfw .flist .wz{ font-size:14px; color:#8cadd2; line-height:50px; margin-right:60px; display:inline}
.leftfw .flist .wz:last-child{ margin-right:0}
.leftfw .flist .wz:hover{ color:#fff}
.leftfw .flist .wz .line{ width:40%; height:2px; background:#fff; bottom:0; left:30%; opacity:0; filter:alpha(opacity=0)}
.leftfw .flist .wz.wb{ color:#fff}
.leftfw .flist .wz.wb .line,.leftfw .flist .wz:hover .line{opacity:1; filter:alpha(opacity=100)}

.kdlist{}
.kdlist li{ width:18%;  margin:30px 2% 0 0; display:inline-block; }
.kdlist li:nth-child(5n){ margin:30px 0 0 0}
.kdlist li .pic{height:152px;border:solid 1px #e1e1e1; background:#fff; overflow:hidden; box-sizing:border-box !important; display:flex; align-items: center; border-radius:15px}
.kdlist li .pic img{ max-width:100%; max-height:100%}
.kdlist li .wz{ font-size:18px; line-height:46px; color:#535353}
.kdlist li:hover .wz{ color:#ec1c12}

.news_list{ width:100%}
.news_list li{ width:32%; height:auto; background:#fff; margin:40px 2% 0 0; display:inline; float:left}
.news_list li:nth-child(3n){ margin:40px 0 0 0}
.news_list li .pic{ width:100%; height:270px; float:left}
.news_list li .pic img{ width:100%; height:100%; object-fit:cover; display:inline-block}
.news_list li:hover .pic img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);}
.news_list li .nrk{ width:80%; height:195px; padding-top:35px; margin:0 10%; display:inline}
.news_list li .nrk .n_data{ width:100%; font-size:14px; line-height:24px; color:#9e9e9e}
.news_list li .nrk .n_data b{ color:#02396c}
.news_list li .nrk .n_title{ width:100%; height:42px; font-size:18px; line-height:42px; color:#444; overflow:hidden; font-weight:bold}
.news_list li .nrk .n_view{ width:100%; max-height:72px; margin-top:10px; display:inline; font-size:14px; line-height:24px; color:#626262; overflow:hidden; word-break:break-all !important}
.news_list li .nrk .n_title:hover{ color:#02396c}

.view_wz{ width:100%; min-height:200px; margin-top:20px; display:inline;font-size:15px; line-height:36px; color:#666}
.view_wz *{ font-size:15px; line-height:36px; color:#666}
.view_wz img{ line-height:0}

.contewm,.contsk{border:solid 1px #e1e1e1; box-sizing:border-box !important; border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-webkit-border-radius:5px;}
.contewm{width:37%}
.contewm .tbox,.contsk .tbox{ height:198px; border-bottom:solid 1px #e1e1e1; display:table}
.contewm .tbox span,.contewm .bbox span,.contsk .tbox span,.contsk .bbox span{ display:table-cell; vertical-align:middle}
.contewm .tbox .ewmpic{ width:130px; height:130px; padding:2px; margin:0 13px; background:#fff; background:#fff;border:solid 1px #e1e1e1;}
.contewm .bbox,.contsk .bbox{ height:88px; display:table}
.contewm .bbox .wz{ font-size:14px; color:#848484}

.contsk{ width:18%; margin-left:3%}
.contsk img{ max-height:100%}
.contsk .bbox .bt{ font-size:18px; line-height:30px; color:#000}
.contsk .bbox .swz{ font-size:14px; line-height:20px; color:#848484}
.contsk .bbox .swz:hover,.contlist li .crb .wz1:hover{ color:#ec1c12; text-decoration:underline}

.contlist{}
.contlist li{ width:23.5%; height:160px; margin-right:2%; display:inline; border:solid 1px #e1e1e1; box-sizing:border-box !important;}
.contlist li:last-child{ margin-right:0}
.contlist li .czb{ width:40%; height:160px; display:table}
.contlist li .czb .line{ width:1px; height:52px; background:#dcdcdc; right:0; top:53px}
.contlist li .czb .img{ max-height:100%; max-width:100%}
.contlist li .czb span,.contlist li .crb span{ display:table-cell; vertical-align:middle}
.contlist li .crb{ width:60%; height:160px; display:table}
.contlist li .crb .wz1{ font-size:16px; color:#888}
.contlist li .crb .wz2{ font-size:18px; line-height:30px; color:#000;}
.contlist li .crb .wz2 strong{ font-size:20px; color:#c70303}

.fliconlist{ padding:35px 0 }
.fliconlist li{ width:14%; border-right:solid 2px #eaeaea; display:inline-block}
.fliconlist li:last-child{ border:none}
.fliconlist li .pic{ width:100%; height:115px;display: flex;align-items: center;}
.fliconlist li .pic img{ max-width:100%; max-height:100%}
.fliconlist li:hover .pic img{-webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);}

.fliconlist li .wz{ font-size:18px; line-height:30px; color:#636363}
.fliconlist li.mb .wz,.fliconlist li:hover .wz{ color:#ec1c12}

.plist{ width:100%}
.plist li{ width:23.5%; margin:35px 2% 0 0; display:inline; background:#fff}
.plist li:nth-child(4n){margin:35px 0 0 0}
.plist li .pic{width:100%; height:320px; float:left; display: flex;align-items: center;}
.plist li .pic img{ max-width:100%; max-height:100%}
.plist li:hover .pic img,.azlist a:hover .pic img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);}
.plist li .tmc{ width:100%;height:36px; font-size:19px; line-height:36px; color:#000; padding-bottom:14px; border-bottom:solid 1px #eaeaea}
.plist li:hover .tmc{ color:#02396c}
.plist li .btn{ width:40%; height:32px; background:#02396c; color:#fff; font-size:14px; line-height:32px; margin:12px 30% 16px; display:inline}
.plist li .btn:hover{ background:#ec1c12}

.nyarea{ width:100%; padding:50px 5%; display:inline; background:#fff; box-sizing:border-box !important; margin-top:40px}
.nyarea .abt{ font-size:32px; line-height:60px; padding-bottom:20px; border-bottom:solid 1px #ccc}

.azlist{}
.azlist a{width:23.5%;background:#fff; margin:30px 2% 0 0; display:inline;}
.azlist a:nth-child(4n){ margin:30px 0 0 0}
.azlist .pic{ height:260px}
.azlist .pic1{ height:185px}
.azlist .pic1 video{ display:none}
.azlist .pic1:hover video{ display:block}
.azlist .pic img,.azlist .pic1 img{ width:100%; height:100%; object-fit:cover; display:inline-block}
.azlist .wz{ font-size:16px; height:50px; line-height:50px}
.azlist a:hover .wz{ background:#02396c; color:#fff}

.fwlist{}
.fwlist li{width:23.5%; border:solid 1px #ccc; padding:8px 8px 15px 8px; margin:60px 2% 0 0; display:inline; box-sizing:border-box !important}
.fwlist li:hover{ border-color:#02396c}
.fwlist li:nth-child(4n){ margin:60px 0 0 0}
.fwlist li .pic{ height:240px}
.fwlist li .pic img{ width:100%; height:100%; object-fit:cover; display:inline-block}
.fwlist li:hover .pic img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);}
.fwlist li .bt{ font-size:18px; line-height:40px; color:#000; margin-top:8px; display:inline}
.fwlist li .swz{ font-size:14px; line-height:20px; color:#848484;}
.fwlist li .swz:hover{ color:#ec1c12; text-decoration:underline !important}

#hlist2{ display:none}
.hlist{}
.hlist li{ width:23.5%; margin:25px 2% 0 0; display:inline}
.hlist li:nth-child(4n+0){margin:25px 0 0 0}
.hlist li .pic{padding:10px; height:260px; overflow:hidden; border:solid 1px #ccc; border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-webkit-border-radius:10px; box-sizing:border-box !important}
.hlist li .pic img{ width:100%; height:100%; object-fit:cover; display:inline-block;border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-webkit-border-radius:10px}
.hlist li .t_mc{ font:16px/30px "微软雅黑"; color:#666; margin-top:10px; display:inline}

.wtlist{}
.wtlist li{ height:60px; background:#fff; margin-top:12px; display:inline}
.wtlist li .wz::before{ content: 'q'; text-transform: uppercase; font-family: gotham; font-weight: bold; font-size: 14px; line-height: 30px; text-align: center;    color: #fff; width: 30px; height: 30px; background: #02396c; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;position: absolute;left: 50px; top: 0; bottom: 0;margin: auto;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.wtlist li .wz{ height:60px; background:#fff; font-size:14px; color:#333;padding: 0 50px 0 100px; line-height:60px; box-sizing:border-box !important;overflow: hidden;
text-overflow: ellipsis;white-space: nowrap;}
.wtlist li .wz:hover{ color:#02396c}

.msgbox{ width:60%; margin:35px 20% 0; background:#fff; padding:30px 0; display:inline}
.msgbox form,.msgbox *{ font-family:"微软雅黑"}
.msgbox .tdwz{ width:30%; font-size:20px; line-height:44px; color:#000}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#999;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#999;}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#999;}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#999;}
.msgbox .tr{ font-size:18px; line-height:44px;color:#666; margin-right:20px; display:inline}
.msgbox .tr input[type=radio]{ -webkit-appearance: none; float:left; width:14px; height:14px; border:solid 2px #003369; margin:15px 10px 0 0; display:inline}
.msgbox .tr input[type=radio]:checked{ background:#003369}
.msgbox form .c1 {width:40%; height:42px; line-height:42px; border:1px solid #CCCCCC; text-indent:20px }
.msgbox form .c1.bg{background:url(../images/selecticon.png) no-repeat right center}
.msgbox form .c2 {width:100px; height:42px; line-height:42px; border:1px solid #CCCCCC}
.msgbox form .c3 {width:538px; height:42px; line-height:42px; border:1px solid #CCCCCC;text-indent:14px;}
.msgbox form .submit{background:#003369; width:260px; height:60px; font-size:24px; line-height:60px;color:#fff; cursor:pointer}
.msgbox form .submit:hover{ background:#ec1c12}
.msgbox form select{width:402px; height:42px; line-height:42px; border:1px solid #CCCCCC; text-indent:20px; background:url(../images/selecticon.png) no-repeat right center;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.msgbox form select option{ height:42px; width:100%; display:block; line-height:42px; text-indent:20px;}
.red {color:red}
.msgbox form textarea{width:50%;height:120px; border:1px solid #CCCCCC; font-size:14px; line-height:30px; color:#333; padding:10px 20px; display:inline;outline:none}
.msgbox form textarea:placeholder{ color:#999}
.msgbox form input[type=date]{-webkit-appearance:none;-moz-appearance:none;appearance:none; text-indent:10px;padding-right: 10px; display:inline; width: 390px;}

.feedbt{ font-size:32px; line-height:52px;font-family:"微软雅黑"; color:#999}
.feedwz{ font-size:16px; line-height:40px;font-family:"微软雅黑"; color:#999; padding:0 16px; display:inline; box-sizing:border-box !important}

.zsbt{ margin-top: 20px;font-size: 24px; line-height:36px;color: #4f4e4e; border-left:solid 6px #02396c; text-indent:15px; font-weight:normal}
.zsyslist{}
.zsyslist li{ width:19%;height: 390px;padding: 54px 48px; margin:30px 1.25% 0 0; display:inline-block; background:#fff; box-sizing:border-box !important}
.zsyslist li:last-child{ margin:30px 0 0 0}
.zsyslist li img {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  display: block;
  margin: auto;
}
.zsyslist li:hover img {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.zsyslist li .bt { font-size: 20px; color: #444444; margin-top: 28px; text-align: center;}
.zsyslist li .vwz {font-size: 14px; line-height: 24px; color: #999999; text-align: center; margin-top: 20px; word-break:break-all}

.zspicbg{ min-height:655px; background:url(../images/zsbg.jpg) no-repeat center top; margin-top:100px; display:inline}
.zspicbg .zspicnr{ padding:72px 50px; background:#fff; margin-top:290px; display:inline; box-sizing:border-box !important}
.zspiclist{}
.zspiclist li{ width:32%; margin:30px 2% 0 0; display:inline;border:solid 1px #eee; box-sizing:border-box !important}
.zspiclist li:nth-child(3n){ margin:30px 0 0 0}
.zspiclist li .pic{ height:270px;}
.zspiclist li .pic img{ width:100%; height:100%; object-fit:cover; display:inline-block}
.zspiclist li .wz{ font-size:18px; line-height:70px; color:#666; }

.view_title{ width:100%; margin-top:10px; display:inline; font:18px/45px "微软雅黑"; color:#018d8c; text-align:center}
.news_title_s{width:100%; text-align:center; font:12px/25px "微软雅黑"; color:#999; line-height:22px}

.news_sxy{ width:100%; margin-top:50px; display:inline}
.news_sxy a,.news_sxy div{ width:49%; height:40px; font:16px/40px "微软雅黑"; color:#666; line-height:40px; overflow:hidden}
.news_sxy a:hover{ color:#ffaa42}

.prev{ width:100%; margin-top:10px; display:inline}
.prev .pa,.prev .pb{ width:49%;height:50px;margin-top:8px;display:inline; font-size:15px; line-height:50px; text-indent:10px; color:#fff; overflow:hidden}
.prev .pa{background:#aaa}
.prev a:hover,.prev .pb{ background:#02396c}

.pview_t{ width:100%; border-bottom:solid 1px #ccc; margin-top:60px; padding-bottom:20px; display:inline;font:35px/60px "微软雅黑"; color:#666; position:relative}
.pro_view{ width:100%; margin-top:10px; display:inline;font:14px/30px "微软雅黑"; color:#666}

.page{ width:100%; height:30px; margin:10px 0; display:inline}
.page a,.page a.pb{height:30px;margin:0 1px; padding:0 10px;display:inline; font-size:14px; line-height:30px; color:#333; float:left; line-height:32px}
.page a:hover,.page a.pb{ background:#02396c; color:#fff;}
.page span{ font-size:14px; line-height:30px; color:#fff; margin:0 1px; display:inline; background:#02396c; padding:0 10px; float:left; border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-webkit-border-radius:50%; overflow:hidden}

.foot{width:100%;min-width:96%; height:409px; background:url(../images/footbg.jpg) no-repeat center center; padding-top:63px; box-sizing:border-box !important}
.foot img{ max-width:100%}
.foot section,.foot a{height:300px; display:table; color:#fff}
.foot span{ display:table-cell; vertical-align:middle}
.foot .fsk1{ width:17%;  background:#1e2836}
.foot .fsk2{ width:27%;  background:#1b1b1b; padding:0 34px; box-sizing:border-box !important}
.foot .fsk3{ width:14.6%}
.foot .fsk3.b1{ background:#41454b}
.foot .fsk3.b2{ background:#192b3c}
.foot .fsk3.b3{ background:#223546}
.foot .fsk4{ width:12.2%; background:#1e2836}

.foot .fsk1 .wz{width:24px;font:24px/30px "微软雅黑"; color:#fff;margin: 90px 90px 0 0;}
.foot .fsk1 .ewz{font-family: Arial; font-size:18px;color:#ffffff;-webkit-transform:rotateZ(90deg) translateY(75%);-moz-transform:rotateZ(90deg) translateY(75%);   -ms-transform:rotateZ(90deg) translateY(75%);-o-transform:rotateZ(90deg) translateY(75%);transform:rotateZ(90deg) translateY(75%); text-transform:uppercase !important;margin: 140px -55px 0 0;}

.foot .fsk2 .flogo{ width:auto; height:43px}
.foot .fsk2 .wz{ width:90%; padding-left:10%; min-height:30px; font:15px/30px "微软雅黑"}
.foot .fsk2 .wz.i1{ background:url(../images/fcicon1.png) no-repeat left center}
.foot .fsk2 .wz.i2{ background:url(../images/fcicon2.png) no-repeat left center}
.foot .fsk2 .wz.i3{ background:url(../images/fcicon3.png) no-repeat left center}
.foot .fsk2 .wz.i4{ background:url(../images/fcicon4.png) no-repeat left center}


.mgt5{ margin-top:5px}
.mgt15{ margin-top:15px}

.foot .fsk3 .ticon{ max-width:54px; display:flex}
.foot .fsk3:hover .ticon {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.foot .fsk3 .bt{ font:21px/32px "微软雅黑"; margin-top:28px; display:inline; letter-spacing:1px; text-indent:1px}
.foot .fsk3 .swz{ font:10px/16px "微软雅黑"; text-transform:uppercase !important; color:#efefef}

.foot .fsk4 .ewm{ width:74px; height:75px; padding:2px; background:#fff; border:solid 1px #39424e; display:flex }
.foot .fsk4 .mz{ font:13px/25px "微软雅黑"}



.nav{ width:100%; padding:10px 0; background:#fff; border-bottom:solid 1px #eee; position:fixed; left:0; top:0; display:none; z-index:99}
.nav .tpic{ height:38px; margin-left:2%}
.nav .tpic img{ width:auto; height:38px}
.nav .nav_icon{ height:auto; margin:7px 2% 0 0}
.nav .nav_icon img{ width:auto; height:25px}

.navk{ width:100%;height:100%;position:fixed; right:-100%; top:0; z-index:99999;}
.navk .navleft{ width:38%; height:100%;}
.nav_menu{ width:62%;height:100%; background:#004081}
.nav_menu .list{ width:94%; margin:20px 0 0 0; padding-bottom:50px; display:inline}
.nav_menu .list li{ width:100%; margin-top:10px; display:inline; line-height:50px; float:left; position:relative}
.nav_menu .list li .mz{ width:100%; font:16px/50px "微软雅黑"; color:#fff; border-bottom:solid 1px #fff}
.hlong *{display:inline-block;vertical-align:middle}
.nav_menu .list li .mz .icon{ max-height:22px; margin:13px 8px 0 0; display:inline}
.nav_menu .list li dl{ width:100%; float:right; margin-bottom:0}
.nav_menu .list li dl dd{ width:100%; float:left;border-bottom:dashed 1px #ccc}
.nav_menu .list li dl dd a{ width:100%; font:12px/40px "微软雅黑"; color:#fff; text-indent:8px}
.nav_menu .closebtn{ width:30px; height:30px; background:url(../images/close.png) no-repeat; background-size:100% 100%; right:5%; top:40px; position:absolute}


.kong{ width:100%; height:67px; display:none; clear:both; float:left}
.footer{ width:100%; padding:6px 0; background:#fff; border-top:solid 1px #eee; position:fixed; left:0; bottom:0; display:none}
.footer a{ width:25%; border-right:solid 1px #eee; box-sizing:border-box !important}
.footer a:last-child{ border:none}
.footer a .icon,.footer a .icon img{ width:auto; height:34px}
.footer a .wz{ width:100%; margin-top:3px; font:14px/18px "微软雅黑"; color:#0f1724; text-align:center}

.feed_wz{ width:100%; font:14px/30px "微软雅黑"; color:#666;}
#article{ margin-top:30px}
#mob_tab{ display:none}

.big_title{ width:100%; height:70px; font:30px/50px "微软雅黑"; color:#ffaa42; text-align:center; margin-top:5px; display:inline; border-bottom:dashed 1px #ccc}
.big_title span{ font-size:18px; color:#999}
.sp_wz{ width:100%; margin-top:35px; display:inline; font:16px/32px "微软雅黑"; color:#666}

.clear{ clear:both; display:block}

@media screen and (max-width: 1560px)
{
.topmeau li{ margin-right:25px}
.topmeau li .wz{ font-size:16px}
}

@media screen and (max-width: 1400px)
{
.fd{ min-width:96%}
.main{ width:96%}
.topic .tel{ font-size:18px}
.topmeau li{ margin-right:15px}
.xldhk .lnr .bt{ font-size:30px; line-height:40px;}
.xldhk .rnr dd .pic{ height:170px}
.xldhk .rnr dd .bt{ font-size:20px}
.plist1 li .pic{ height:420px}
.plist1 li:hover .pic{ height:380px}
.plist1 li .wzk{ height:120px}
.plist1 li:hover .wzk{ background:#292f3c; height:162px}
.plist1 li .wzk .bt{ font-size:26px}
.plist1 li .wzk .ewz{ font-size:14px}
.flhb .flnr .flbt{ font-size:50px}
.flhb .flnr .flbt font{ font-size:42px}
.flhb .flnr .flwz,.insortlist li .sk .ewz{ font-size:18px}
.flcplist li .wz{ font-size:22px}
.insortlist li .pic{ height:650px}
.insortlist li .sk .bt{ font-size:40px}
.insortlist li:hover .sk .bt{ font-size:45px}
.insortlist li:hover .sk .ewz{ font-size:24px}
.insxcp .lnr{ width:48%}
.foot .fsk2 .wz{ font-size:14px}

.aboutnr{ width:45%}
.atitle{ font-size:38px}
.zsyslist li{padding:50px 30px 0}

.plist li .pic{ height:300px}
.kdlist li .pic{ height:140px}
.msgbox .tdwz,.foot .fsk3 .bt{ font-size:18px}
.nyarea .abt{ font-size:28px}
.view_wz *{ line-height:32px}
.azlist .pic{ height:240px}
.news_list li .nrk .n_title{ font-size:17px;}
.ntitle{ font-size:30px}
.contlist li .czb{ width:35%}
.contlist li .crb{ width:65%}
}
@media screen and (max-width: 1280px)
{
.topic .logo{margin: 15px 0 0 2%;}
.topic .rnk{margin: 43px 2% 0 0;}
.topic .rnk .icon{ margin-left:15px}
.xldhk .lnr{ width:18%}
.xldhk .lnr .view{ font-size:12px}
.xldhk .rnr{ width:80%}
.xldhk .rnr dd .bt{ font-size:18px}
.topmeau{ margin-right:2%}
.topmeau li{margin-right:12px}
.topmeau li .wz{ font-size:15px}
.flcplist li .pic{ height:220px}
.insortlist li .pic{ height:600px}
.flhb .flnr .flbt{ font-size:44px}
.flhb .flnr .flbt font{ font-size:32px}
.flhb .flnr .flwz{ line-height:36px;}
.foot .fsk2{ padding:0 30px}

.plist li .pic{ height:280px}
.foot .fsk1 .wz{margin: 90px 70px 0 0;}
.ntitle{ font-size:28px}
.contsk .bbox .bt,.contlist li .crb .wz2{ font-size:17px}
.news_list li .pic{ height:250px}
.hlist li .pic{ height:200px}

}

@media screen and (max-width: 1200px)
{
.topic .logo{ margin:20px 0 0 1%}
.topic .logo img{ height:60px}
.topic .rnk{margin: 43px 1% 0 0;}
.topic .rnk .icon{ margin-left:8px}
.topic .tel{ font-size:16px}
.insortlist li .pic{ height:520px}
.flcplist li .pic{ height:200px}

}
@media screen and (max-width: 1100px)
{
.topmeau li{margin-right:10px}
.topmeau li .wz{ font-size:14px}
.topic .tel{ font-size:15px}
}
@media screen and (max-width: 1024px)
{
.topic .rnk .icon{ margin-left:5px}
.bannerk{ height:auto; background-size:auto 100%; padding:10px 0}
.flcplist li .pic{ height:190px}
.insortlist li .pic{ height:500px}
.foot .fsk2 {padding: 0 15px}
.zsyslist li{ height:450px}
.zspiclist li .pic{ height:240px}
.fwlist li .pic{ height:180px}

.nycontent{padding: 50px 0 70px 0;}

}


@media screen and (max-width: 1023px)
{

.fd,.banner{ width:100%; min-width:auto}
.foot{ height:auto; background-size:auto 100%; padding-bottom:40px}

}

@media screen and (max-width: 768px)
{
.topic{ display:none}
.nav{ display:block}

.hdbg{ padding:0 0 50px 0}
.flcplist li .pic{ height:150px}
.flcplist li .wz{ font-size:18px}
.insortlist li .pic{ height:420px}
.insortlist li .sk .bt{ font-size:34px}
.plist1 li .pic{ height:320px}
.fliconlist li .pic img{ max-width:92%}
.plist li .pic{ height:220px}
.leftfw .flist .wz{ margin-right:25px;}
.news_list li .pic{ height:200px}
.contewm .tbox .ewmpic{ width:100px; height:auto}
.contsk{ width:20%; margin-left:1%}
.contlist li{ width:49%; margin:20px 1% 0 0}
.contlist li:nth-child(2n){ margin:20px 0 0 0}
.azlist a,.azlist a:nth-child(4n){ width:32%; margin:20px 2% 0 0}
.azlist a:nth-child(3n){ margin:20px 0 0 0}
.azlist .pic1{ height:132px}
.nyarea .abt{ font-size:25px}
.kdlist li .pic{ height:100px}
.zsyslist li{ width:32%; height:400px;margin: 30px 2% 0 0;}
.zsyslist li:nth-child(3n){ margin:30px 0 0 0}
.zspicbg .zspicnr{ padding:50px 30px}
.zspiclist li .pic{ height:200px}
.zspiclist li .wz{ line-height:50px}
.fwlist li .pic{ height:140px}
.fwlist li{ padding:5px 5px 10px 5px}
.fwlist li .bt{ font-size:16px}
.hlist li,.hlist li:nth-child(4n){ width:32%; margin:25px 2% 0 0}
.hlist li:nth-child(3n){ margin:25px 0 0 0}
.hlist li .pic{ padding:6px}

.foot .fsk1,.foot .fsk3,.foot .fsk4{ width:25%}
.foot .fsk1 .wz { margin:90px 60px 0 0}
.foot .fsk1 .ewz{ margin:140px -55px 0 0}
.foot .fsk2{ width:75%}
}

@media screen and (max-width: 520px)
{
.main{ width:100%}
.kong,.nav,.footer{ display:block}
.plist1 li .pic{ height:380px}
.plist1 li .wzk .bt{ font-size:20px}
.flhb.bg1,.flhb.bg2{ height:auto; padding:0}
.flhb .flnr .flbt{ font-size:30px; line-height:40px}
.flhb .flnr .flbt font{ font-size:22px}
.flhb .flnr .flwz{ font-size:16px; line-height:30px; width:96%; margin:28px 2% 0}
.flhb .flnr .fbtn{ font-size:18px}
.flcplist li{ width:96%;margin:20px 2% 0;}
.flcplist li .wz{ font-size:18px; margin-top:10px}
.insortlist li{ width:100%}
.insortlist li .pic{ height:400px}
.insortlist li .sk .bt{ font-size:32px}
.insxcp{ padding:30px 2%}
.insxcp .lnr,.insxcp .pic{ width:100%}
.insxcp .pic{ height:350px}
.insxcp .lnr .bt{ font-size:26px}	
.flcplist li .pic{ height:180px}
.nycontent{padding: 50px 0}
.atitle{ font-size:24px}
.atitleline{ margin-top:0}
.aboutnr{ width:96%; margin:20px 2% 0}
.aboutnr .view{ height:auto; min-height:auto}
.aboutnr .img,.aboutnr .view,.aboutnr .bt{ margin-top:20px}
.aboutnr .bt{ font-size:20px}
.aboutnr .swz{ font-size:16px}
.fliconlist li{ width:30%; margin:5px 0}
.fliconlist li:nth-child(3n){ border:none}
.fliconlist li .wz{ font-size:16px}
.fliconlist li .pic{ height:90px}
.fliconlist li .pic img{ max-width:94%}
.plist li,.plist li:nth-child(4n){ width:47%; margin:20px 0 0 2%}
.plist li .pic{ height:180px}
.plist li .tmc{ font-size:16px}
.prev .pa, .prev .pb{ width:100%}

.news_sxy a,.news_sxy div{ width:100%; text-align:left}

.leftfw{ height:auto}
.leftfw .flist{ width:100%; border-top:solid 1px #aaa}
.leftfw .flist .wz{ margin:3px 0 0 2.5%}

.atitles{ font-size:16px; margin-top:15px}
.kdlist li,.kdlist li:nth-child(5n){ width:32%; margin:10px 2% 0 0}
.kdlist li:nth-child(3n){ margin:10px 0 0 0}
.kdlist li .pic{ height:90px}
.kdlist li .wz{ font-size:15px; line-height:35px}
.msgbox{ width:96%; margin:35px 2% 0;}
.msgbox .tdwz,.msgbox .tr{ font-size:15px}
.msgbox form .submit{ font-size:18px}
.wtlist{ width:96%; margin:0 2%}
.wtlist li .wz{padding: 0 50px 0 50px;}
.wtlist li .wz::before{ left:10px}

.zsyslist li{ width:80%;}
.zsbt{ font-size:20px}
.zspicbg .zspicnr{ margin:150px 3% 0; width:94%}
.zspiclist li,.zspiclist li:nth-child(3n){ width:100%}

.nyarea .abt{ font-size:18px; line-height:30px}
.view_wz *{ font-size:14px; line-height:26px}

.azlist a,.azlist a:nth-child(3n),.azlist a:nth-child(4n){ width:94%; margin:20px 0 0 3%}
.azlist .pic1{ height:198px}

.fwlist li,.fwlist li:nth-child(4n){ width:47%; margin:30px 0 0 2%;}

.contewm{ width:96%; margin:0 2%}
.contewm .bbox, .contsk .bbox{ height:68px}
.contsk{ width:30%; margin:20px 0 0 2.5%}
.contsk .tbox{ height:100px}
.contsk img{ max-width:50%}
.contsk .bbox .bt{ font-size:15px}
.contsk .bbox .swz{ font-size:12px}
.contlist li{ width:47%; margin:0 0 20px 2%}
.contlist li,.contlist li .czb,.contlist li .crb{ height:100px}
.contlist li .czb{ width:32%}
.contlist li .crb{ width:68%}
.contlist li .czb .img{ max-width:70%; max-height:40px}
.contlist li .czb .line{ top:23px}
.contsk .bbox .bt, .contlist li .crb .wz2,.contlist li .crb .wz1{ font-size:14px}
.contlist li .crb .wz2{ line-height:24px}
.contlist li .crb .wz2 strong{ font-size:15px}

.news_list li{ width:96%; margin:20px 2% 0}
.news_list li .nrk{ width:86%; margin:0 7%}
.news_list li .pic{ height:220px}
.news_list li .nrk .n_title{ font-size:15px}
.ntitle{ font-size:18px}
.view_wz{ width:96%; margin:20px 2% 0; line-height:26px; font-size:14px}

.news_sxy a, .news_sxy div{ font-size:16px; text-indent:15px}
.leftfw .lwz{ text-indent:15px}




#hlist1{ display:none}
#hlist2{ display:block}
.hlist li,.hlist li:nth-child(3n),.hlist li:nth-child(4n){ width:49%; margin:20px 2% 0 0}
.hlist li:nth-child(2n){ margin:20px 0 0 0}
.hlist li .pic{ padding:5px; height:150px}

.foot .fsk1 .wz { margin:90px 15px 0 0}
.foot .fsk1 .ewz{ margin:140px -65px 0 0}
.foot .fsk2 .wz{ font-size:15px}
.foot .fsk3{ width:calc(100%/3)}
.foot a{ height:220px}
.foot .fsk3 .bt{ font-size:16px}
.foot .fsk4{ width:100%; height:200px}
.foot .fsk4 .mz{ display:none}
.foot .fsk4 .ewm{ width:120px; height:auto; display:inline-block}

}