@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; max-width:100%}
input,select,button,textarea{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     -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:1400px; float:left; display:block}
.jz{ display:table; margin:0 auto}
.main{ width:1400px}
.tright{ text-align:right}
.tcenter{ text-align:center}
.posa{ position:absolute}
.posr{ position:relative}
.over{ overflow:hidden}
.cur{ cursor:pointer}
.wd100{ width:100%}
.mgt30{ margin-top:30px}
.mgt40{ margin-top:40px}
.mgt100{ margin-top:100px}

.footh{ width:100%; margin-top:80px}
.hlong *{display:inline-block;vertical-align:middle}
.top_d{ width:100%; min-width:1400px; height:48px; background:#014f8f; line-height:48px; color:#fff}
.top_d .icon{ width:auto; margin:11.5px 0 0 20px; display:inline-block}
.top_d .icon .ewm{ width:128px; height:0; background:#fff; left:-50px; top:30px; z-index:9999}
.top_d .icon:hover .ewm{ height:128px}
.top_d .icon .ewm img{ width:120px; border:solid 4px #fff}

.topic{ width:100%; min-width:1400px; background:#fff; z-index:999}
.topic .logo{ width:337px; height:65px; margin:25px 0; display:inline}
.topic .logo img{ max-width:100%}
.topic .logo_en{ width:470px; height:60px; margin:26px 0 0 405px; display:inline}
.topic .logo_en img{width:470px; height:60px; float:left}

.search{ width:520px;height:50px;  background:#f3f3f3; margin:32.5px 0 0 0; display:inline;}
.search input[type=text]{ width:440px; height:50px; text-indent:12px; display:inline; font:14px/50px "微软雅黑"; color:#a0a0a0; background:#f3f3f3}
.search .submit{ width:76px; height:50px; background: url(../images/ss.png) no-repeat center center #014f8f; right:-1px; top:-1px;font:14px/50px "微软雅黑"; color:#fff}

.topic .trnr{ margin-top:24px; display:inline}
.topic .trnr .wz{ width:135px; height:37px; font:14px/37px "微软雅黑"; color:#fff; background:#014f8f; border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-webkit-border-radius:6px;}
.topic .trnr .wz:hover{}
.lanwz{ font:16px/48px "微软雅黑"; color:#fff; display:inline; margin-left:50px }
.lanwz a{ font:16px/48px "微软雅黑"; color:#fff;}
.lanwz a:hover{ color:#e6e6e6; text-decoration:underline}


.menu{ width:100%; min-width:1400px; height:52px; display:inline; background:#f1f1f0}
.topmeau{ width:100%; height:52px}
.topmeau li{ width:auto; height:52px; margin-right:120px;display:inline; float:left; position:relative}
.topmeau li.wen{ margin-right:130px}
.topmeau li:last-child{ margin-right:0}
.topmeau li .wz{width:auto;height:52px; float:left; font:16px/52px "微软雅黑"; color:#323232; text-transform:uppercase !important}
.topmeau .li_Select,.topmeau .li_Select .wz:hover,.topmeau .li_Select:hover .wz:hover{color:#000;text-decoration:underline}
.topmeau li:hover .wz,.topmeau .li_Select .wz{ color:#014f8f}
.topmeau li dl{ width:320%; height:0; background:#fff; position:absolute; left:-15%; top:52px; opacity:0; filter:alpha(opacity=0); overflow:hidden; z-index:999999}
.topmeau li:hover dl{ height:auto; padding:8px 0;opacity:0; filter:alpha(opacity=0);box-shadow: 0 -1px 10px 4px #e4e4e4;-moz-box-shadow: 0 -1px 10px 4px #e4e4e4;-ms-box-shadow: 0 -1px 10px 4px #e4e4e4;-webkit-box-shadow: 0 -1px 10px 4px #e4e4e4; border:solid 1px #ddd; border-top:none}
.topmeau li dl .mz{ width:100%; border-bottom:dashed 1px #ddd; font:14px/30px "微软雅黑"; color:#000; text-indent:12px}
.topmeau li dl .mz:last-child{ border-bottom:none}
.topmeau li dl .mz:hover{background:#014f8f; color:#fff}

.title{ width:100%; line-height:36px; margin-top:42px; position:relative; font:bold 39px/39px "微软雅黑"; color:#000; padding:30px 0 20px; border-bottom:1px solid #bdbdbd}
.title a{ color:#000}
.title:before{ content:""; width:134px; height:92px; float:left; background:url(../images/titley.png) no-repeat left top; position:absolute; left:0; top:0; z-index:-1}
.title span{ width:auto; font:18px/18px "微软雅黑"; color:#565656; letter-spacing:7px; margin-left:20px}
.title .tmore{ width: auto; height:42px; position: absolute; right:0; bottom:20px;}
.title .tmore span{ width:auto; float:left; font:20px/42px "微软雅黑"; margin-right:10px;}
.title .tmore img{ max-width:100%}


.inpleft{ width:22%; margin-top:32px; background:#f1f1f1; border-top-right-radius:10px;}
.inpleft b{ width:100%; float:left; background:#014f8f; color:#fff; padding:20px; font:bold 24px/30px "微软雅黑"; box-sizing:border-box;border-top-right-radius:10px;}
.inpleft ul{ width:100%; float:left}
.inpleft ul li{ width:100%; float:left;  padding-left:20px; box-sizing:border-box; color:#333; border-bottom:1px solid #fff; }
.inpleft ul li a{font:16px/55px "微软雅黑";color:#333}
.inplist{ width:75%;margin-top:32px}
.inplist li{ padding:25px; box-sizing:border-box; width:32%; margin:0px 2% 32px 0; background:#f4f4f4; display:inline; border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-webkit-border-radius:5px;}
.inplist li:hover{background:#014f8f; box-shadow: 0 -1px 16px 6px #e4e4e4;-moz-box-shadow: 0 -1px 16px 6px #e4e4e4;-ms-box-shadow: 0 -1px 16px 6px #e4e4e4;-webkit-box-shadow: 0 -1px 16px 6px #e4e4e4;}
.inplist li:nth-child(3n+0){ margin:0 0 32px 0}
.inplist li .pic{ width:100%; height:280px}
.inplist li .pic img{ width:100%; height:100%; object-fit:cover; display:inline-block}
.inplist li:hover .pic img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1)}
.inplist li .nr{ width:100%; margin:65px 0 0; display:inline; position:relative}
.inplist li .nr .wz{ width:100%; height:30px; font:18px/30px "微软雅黑"; color:#000; overflow:hidden}
.inplist li .nr .star{ width:17px; height:16px; background:url(../images/star.png) no-repeat; margin:4px 3px 0 0; display:inline}
.inplist li .nr .line{ width:100%; height:1px; background:#cfcfcf; margin-top:14px; display:block; clear:both}
.inplist li .nr .btn{ width:122px; height:40px; line-height:40px; margin-top:18px; display:inline; border:1px solid #cfcfcf; box-sizing:border-box; font:16px/40px "微软雅黑"; color:#da1010; position:relative}
.inplist li .nr .btn:after{ content:""; width:27px; height:1px; background:#d2d2d2; position:absolute; bottom:18px; right:-15px}
.inplist li:hover .nr .btn{ color:#fff;border:1px solid #fff}
.inplist li .nr .btn span{}
.inplist li .nr .yjia{ width:73px; height:73px; border-radius:50%; background:#fff; position:absolute; right:0; top:0; box-shadow: 0 -1px 16px 6px #e4e4e4;-moz-box-shadow: 0 -1px 16px 6px #e4e4e4;-ms-box-shadow: 0 -1px 16px 6px #e4e4e4;-webkit-box-shadow: 0 -1px 16px 6px #e4e4e4;}
.inplist li .nr .yjia i{width:54px; height:54px; margin:9.5px; border-radius:50%; background: url(../images/jia.png) no-repeat center center #f2f2f2; float:left}
.inplist li:hover .nr .yjia i{ background: url(../images/jia1.png) no-repeat center center #003159;}
.inplist li .nr .icon{ width:38px; height:38px; border:solid 1px #cfcfcf; margin:18px 0 0 3px; display:inline}
.inplist li:hover .nr .wz{ color:#fff}
.inplist li:hover .nr .line{background:#fff;}
.inplist li .nr .icon.b1{ background:url(../images/inpicon2.png) no-repeat center center #fff}
.inplist li .nr .icon.b2{ background:url(../images/inpicon3.png) no-repeat center center #fff}
.inplist li .nr .icon.b1:hover{ background:url(../images/inpicon2.png) no-repeat center center #e6e6e6}
.inplist li .nr .icon.b2:hover{ background:url(../images/inpicon3.png) no-repeat center center #e6e6e6}

.shb{ width:100%; margin-top:80px; display:inline}

.chancase{ width:100%; float:left; padding-top:60px}
.caseTab{ width:100%; background:#f4f4f4; padding:70px 90px 250px 0; box-sizing:border-box; margin-top:40px;}
.caseTab span{ float:left; width: 100%;  cursor:pointer;text-align:left; color:#565656;  margin-bottom:20px; padding-left:50%; padding-right:50px;box-sizing:border-box; background:#f4f4f4; border-top-right-radius:40px;border-bottom-right-radius:40px;}
.caseTab span b{ width:100%; float:left;font:22px/50px "微软雅黑"; border-bottom:1px solid #565656 }
.caseTab span p{ width:100%; float:left;font:14px/30px "微软雅黑"; margin-bottom:5px }
.caseTab span.cur2 , .caseTab span:hover{color:#0d4194;}
.caseTab span.cur2 { background:#014f8f }
.caseTab span.cur2 b,.caseTab span.cur2 p{ color:#fff}
.caseTab span.cur2 b{ border-bottom:1px solid #fff}

.caseCont{width:65%; padding-right:13%; box-sizing:border-box;display:none;position:relative; margin-top:30px}
.caseCont li.one{ width:100% ; float:left;  overflow:hidden;  box-sizing:border-box; border:1px solid #d2d2d2; padding:35px ; margin-bottom:30px}
.caseCont li:nth-child(5){ margin-right:0px}
.caseCont li{ width:30%; float:left; margin-right:5%}
.caseCont li .ghimg{ width:30%; height:205px; position:relative}
.caseCont li .ghimg img{ width:100%; height:100%; display:inline-block; object-fit:cover}
.caseCont li.one .nr{ width:65%}
.caseCont li .nr{ width:100%}
.caseCont li .nr .bt{ width:100%; float:left; font:18px/20px "微软雅黑"; overflow:hidden; color:#000; margin-bottom:25px; height:20px}
.caseCont li .nr .vwz{width:100%; float:left; font:15px/20px "微软雅黑"; color:#4d4d4d; height:60px; overflow:hidden; margin-bottom:45px}
.caseCont li .ndate{width:100%; float:left; font-size:15px; color:#4d4d4d}
.caseCont li .ndate span{ float:right; color:#4d4d4d}
.caseCont li:hover .ndate span,.caseCont li:hover .nr .bt{ color:#014f8f}

.innew{ width:100%}
.innew .ineleft{ width:32%; }
.innew .ineleft .inbt{ width:100%; padding-left:39%; box-sizing:border-box}
.innew .ineleft .inbt p{ width:100%; font:16px/30px "微软雅黑"; color:#565656; letter-spacing:20px; text-transform:uppercase}

.content{ width:100%; min-width:1400px; float:left; display:inline}
.nypost{ font:14px/40px "微软雅黑"; color:#000; line-height:40px; text-shadow: 0 1px #fff; width:100%; background:#f1f1f0}
.nypost a{ color:#000}
.nypost a:hover{color:#014f8f}
.nypost span{ color:#014f8f}
.ny_view,.pnyview{ width:100%; margin-top:20px; display:inline; font:16px/32px "微软雅黑"; color:#666; line-height:32px}
.pnyview{ border:solid 1px #ddd; padding:30px; box-sizing:border-box !important}
.pnyview img{ max-width:100%}

.pnyview .pnyleft{ width:56%}
.pnyview .pnyleft .xqbt{ background:#2e2e2e; padding:12px 20px; display:inline; font:28px/38px "微软雅黑"; color:#fff; letter-spacing:2px}
.pnyview .pnyleft .cpmc{ font:32px/36px "微软雅黑"; color:#014f8f}
.pnyview .pnyleft .line{ width:46px; height:3px; background:#014f8f; margin-top:15px; display:inline; clear:both}
.pnyview .pnyleft .line1{width:100%; height:5px; border-top:dashed 1px #014f8f; margin-top:18px; display:inline; clear:both}
.pnyview .tdwz{ font:24px/24px "微软雅黑"; color:#000; margin-top:15px; display:inline; font-weight:bold}
.pnyview .tdwz1{font:16px/24px "微软雅黑"; color:#000}
.pnyview .pnyleft .btn{ width:auto; max-width:100%}
.pnyview .pnyright{ width:42%}
.pnyview .pnyright img{ width:auto; max-width:100%; display:inline-block}
.pnyview .pnynr{ font:16px/32px "微软雅黑"; color:#666}

.pnyview .fcbt{ padding:15px 0; background:#2e2e2e; color:#fff; margin-top:70px; display:inline}
.pnyview .fcbt .enwz{ font:18px/20px "微软雅黑"; text-transform:uppercase !important}
.pnyview .fcbt .cnwz{ font:28px/32px "微软雅黑"}
.pnyview .fcbt .icon{ width:57px; height:23px; background:url(../images/fcbt_icon.png) no-repeat center center; left:6%; top:82px}

.pnyview .fclist{}
.pnyview .fclist a{ width:23.8%; margin:35px 1.6% 0 0; display:inline}
.pnyview .fclist a:nth-child(4n+0){margin:35px 0 0 0}
.pnyview .fclist a .pic{ height:204px; border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-webkit-border-radius:5px}
.pnyview .fclist a .pic img{ width:100%; height:100%; object-fit:cover; display:inline-block}
.pnyview .fclist a:hover .pic img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);}
.pnyview .fclist a .wz{ font:20px/30px "微软雅黑"; color:#fff; margin-top:2px; padding:12px 0; text-transform:uppercase !important; border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-webkit-border-radius:5px}
.pnyview .fclist a:hover .wz.b1,.pnyview .fclist a:hover .wz.b2{ background:#014f8f}
.pnyview .fclist a .wz span{ font-size:18px; line-height:24px}
.pnyview .fclist a .wz.b1{ background:#2e2e2e}
.pnyview .fclist a .wz.b2{ background:#5f5f5f}


.cont_bt{ font:20px/30px "微软雅黑"; color:#000;margin-top:10px; display:inline; font-weight:bold}
.contact_nr{ width:100%; margin-top:15px; padding:15px;border: 1px solid #ddd; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);box-shadow: 0 1px 1px rgba(0, 0, 0, .05);border-radius: 5px;overflow: hidden; box-sizing:border-box !important}
.contact_nr .logo{ width:25%}
.contact_nr .logo img{ width:auto; max-width:100%; height:auto; display:inline-block; margin-top:50px}
.contact_nr .nrwz{ width:75%}
.contact_nr .nrwz div{ width:calc(100%/3); padding:10px; display:inline; box-sizing:border-box !important}
.contact_nr .nrwz .bt{ font:16px/30px "微软雅黑"; color:#000; font-weight:bold}
.contact_nr .nrwz .vwz{ font:14px/24px "微软雅黑"; height:48px; color:#666}
.contact_nr .zswz{font:16px/30px "微软雅黑"; color:#444}


.contact_msg{ width:100%; margin-top:15px; display:inline}
.msgbox{ border-top:solid 1px #ddd; margin-top:15px; padding-top:20px; display:inline}
.mgt20{ margin-top:20px}
.msgbox .mwz{ width:18%; margin-right:2%; display:inline; font:16px/40px "微软雅黑"; color:#000; font-weight:bold}
.msgbox .mwz b{ color:#f00}
.msgbox .c1,.msgbox .c2{ width:80%; border:solid 1px #ddd; font:16px/38px "微软雅黑"; color:#999; text-indent:20px; box-sizing:border-box !important}
.msgbox .c1{ height:40px}
.msgbox .c2{ height:180px; padding:10px}
.msgbox .c3{ width:20%;border:solid 1px #ddd; font:16px/38px "微软雅黑"; color:#999; text-indent:20px; box-sizing:border-box !important; margin-right:2%; display:inline}
.msgbox .submit{ font:15px/40px "微软雅黑"; color:#fff; background:#014f8f; padding:0 25px; display:inline}

.ny_left{ width:280px; margin-top:30px; display:inline}
.ny_bt{ width:100%; font:20px/40px "微软雅黑"; color:#ffbd2f}
.leftclass{width:278px; padding-bottom:20px; display:inline; border:solid 1px #ccc}
.leftclass .bt,.leftcon .bt{width:230px; padding:10px 24px;border-bottom:solid 1px #ca9c55; display:inline; font:16px/40px "微软雅黑"; color:#ca9c55}
.leftclass .bt span{ font-size:14px; color:#999}
.leftclass .clwz,.leftclass .clwz1{width:230px; height:32px; border-bottom:dashed 1px #ccc; margin:10px 24px 0; display:inline; font:14px/32px "微软雅黑"; word-break:break-all; overflow:hidden}
.leftclass .clwz{ font-weight:bold;color:#231a15}
.leftclass .clwz1{text-indent:15px;color:#666}
.leftclass .clwz:hover,.leftclass .clwz1:hover{ color:#ffbd2f; border-color:#ffbd2f}

li.neiyeDownMeun1{ list-style-type:none}
.view_nr{ width:980px; min-height:520px; margin-top:30px; display:inline}
.view_nr img{ max-width:100%}

.nytitle{ width:100%; display:inline; height:50px; font:18px/50px "微软雅黑"; border-bottom:solid 2px #ddd}
.nytitle span{ color:#014f8f}

.leftcon{width:278px; padding-bottom:20px; margin-top:30px; display:inline; border:solid 1px #ccc; background:url(../images/Teln.gif) no-repeat top right;background-position: 220px 15px}
.leftcon .lcwz{ width:230px; margin:20px 25px 0; display:inline; font:14px/32px "微软雅黑"; color:#555; line-height:32px}

.plist{ width:100%}
.plist li{ width:300px; margin:30px 0 0 20px; display:inline;float:left}
.plist li .pic{ position:relative; overflow:hidden}
.plist li .pic,.plist li .pic img{width:300px; height:300px; float:left}
.plist li .pic .sk{width:300px; height:300px; background:url(../images/tm_y60.png); position:absolute; left:0; top:300px; overflow:hidden}
.plist li:hover .sk{ top:0}
.plist li .pic .sk .icon{ width:100px; height:100px; background:url(../images/icon_fdj.png) no-repeat; margin:100px; display:inline}
.plist2 li .cp_more:hover,.plist li .cp_more:hover{ background:#231a15}

.nlist{ width:100%; margin:25px 0 0 0; display:inline; border-top:solid 1px #ddd}
.nlist li{width:100%;height:auto; padding-bottom:15px; margin-top:10px; display:inline; float:left; border-bottom:dashed 1px #ddd}
.nlist li .ntitle{ width:100%; height:40px; font:18px/40px "微软雅黑"; color:#000; overflow:hidden}
.nlist li .ntitle span{ font-weight:bold}
.nlist li .nview{ width:100%; font:14px/26px "微软雅黑"; color:#999; overflow:hidden}
.nlist li .ntitle:hover{ color:#014f8f}

.view_title{ width:100%; height:50px; text-align:center; font:20px/50px "微软雅黑"; color:#333; line-height:50px; margin-top:10px; display:inline}
.news_title_s{width:100%; height:25px; text-align:center; font:14px/25px "微软雅黑"; color:#999; line-height:25px}
.news_sxy{ width:100%; height:40px; margin:30px 0 0; display:inline}
.news_sxy a,.news_sxy div{ font:16px/40px "微软雅黑"; color:#000; line-height:40px; overflow:hidden}
.news_sxy a:hover{ color:#014f8f}

.pro_pic{ width:450px;border:solid 1px #ccc; margin-top:30px; display:inline}
.pro_pic img{width:450px; height:450px; float:left}
.pro_nr{ width:880px; margin-top:20px; display:inline; position:relative}
.pro_nr .pro_title{ width:100%; font:20px/50px "微软雅黑"; color:#000}
.pro_nr .pro_p{ width:100%; margin-top:10px; display:inline; font:16px/34px "微软雅黑"; color:#999}
.pro_nr .line{ width:100%; height:1px; background:#ddd; margin-top:20px; display:inline}
.pro_nr .pro_p span{ font-size:20px; color:#014f8f; font-weight:bold}
.pro_nr .pro_cont{ width:100%; font:14px/30px "微软雅黑"; color:#666; margin-top:15px; display:inline}
.pro_nr .msgbtn{ padding:0 20px; display:inline; height:42px; background:#ffbd2f; font:14px/42px "微软雅黑"; text-align:center; color:#fff; position:absolute; right:0; top:0}
.pro_nr .star{ width:17px; height:16px; background:url(../images/star.png) no-repeat; margin:4px 3px 0 0; display:inline}

.cpfy{}
.cpfy .ys1,.cpfy .ys2{ width:49%; font:16px/46px "微软雅黑"; text-indent:20px}
.cpfy .ys1{ background:#ddd; color:#000}
.cpfy .ys2{ background:#014f8f; color:#fff}
.case_pic img{ width:auto; height:auto; max-width:100%; display:inline-block}

.pclass{ border-top:solid 1px #ddd;border-bottom:dashed 1px #ddd; padding-bottom:8px; display:inline}
.pclass div{ width:calc(100%/5); height:40px; margin-top:8px; display:inline}
.pclass .pcwz{ font:15px/40px "微软雅黑"; color:#000}
.pclass .pcwz:hover,.pclass .pcwz.pb{ color:#014f8f}

.link{ width:100%; margin-top:30px; display:inline}
.link .wz{ font:14px/32px "微软雅黑"; color:#000}
.link a{ font:14px/30px "微软雅黑"; color:#666; margin:0 20px 0 10px; display:inline}
.link a:hover{ text-decoration:underline; color:#000}

.c_list{ width:100%}
.c_list li{ width:23.5%; margin:30px 2% 0 0; display:inline; float:left; overflow:hidden; border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-webkit-border-radius:5px;}

.c_list li:nth-child(4n+0){ margin:30px 0 0 0}
.c_list li .pic{ width:100%; height:250px; text-align:center;  margin:0}
.c_list li .pic img{ height:100%; width:100%; object-fit:cover; display:inline-block}
.c_list li a .wz{ width:100%; height:45px; text-align:center; font:16px/45px "微软雅黑"; color:#000; overflow:hidden}
.c_list li a:hover .wz{ color:#014f8f}

.cdh{}
.cdh .wz{ width:auto; font:16px/42px "微软雅黑"; color:#000; margin-right:18%; display:inline}
.cdh .wz:last-child{ margin-right:0}
.cdh .wz.wb{ color:#014f8f}


.c_list2{ width:930px; margin-left:38px; display:inline}
.c_list2 li{ width:200px; margin:25px 0 0 15px; display:inline; float:left}
.c_list2 li .pic,.c_list2 li .pic img{ width:200px; float:left}

.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%; min-width:1400px; padding:105px 0; background:url(../images/footbg.jpg) no-repeat center center;background-attachment: fixed;
    background-size: cover;}
.foot .fleft1{ width:350px; margin-right:300px}
.foot .fleft1 .flogo{ max-width:100%}
.foot .fleft1 .flogo img{ max-width:100%}
.foot .fleft1 .wz1{ font:18px/40px "微软雅黑"; color:#fff; margin-top:20px; display:inline}
.foot .fleft1 .wz1 strong{ font-size:30px; letter-spacing:-2px}
.foot .fleft1 .wz2{ margin-top:35px }
.foot .fleft1 .wz2 li{ width:100%; float:left; list-style:none; margin-bottom:25px }
.foot .fleft1 .wz2 li b{ width:100%; float:left; font:18px/30px "微软雅黑"; color:#fff}
.foot .fleft1 .wz2 li b i{ float:left; margin-right:10px}
.foot .fleft1 .wz2 li b i img{ max-width:100%}
.foot .fleft1 .wz2 li p{padding-left:40px; box-sizing:border-box;font:14px/30px "微软雅黑"; color:#fff}
.foot .fleft2{ width:360px; display:inline}
.foot .fleft2 .bt1{ font:18px/22px "微软雅黑"; color:#fff; font-weight:bold; margin-top:50px}
.foot .fleft2 .lblist{ margin-top:8px; display:inline}
.foot .fleft2 .lblist .fwz{ font:17px/30px "微软雅黑"; color:#a4a4a4; letter-spacing:-1px; display:block; clear:both}
.foot .fleft2 .bt2{ font:21px/22px "微软雅黑"; color:#fff; font-weight:bold; margin-top:85px; display:inline}
.foot .fleft2 .lblist a.fwz:hover{ color:#fff; text-decoration:underline; text-indent:10px}

.foot .fmsg{ width:478px; padding:18px 32px 20px; display:inline; background:#fcfaff; border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-webkit-border-radius:5px}
.foot .fmsg .bt{ font:21px/42px "微软雅黑"; color:#000}
.foot .fmsg input[type=text]{ width:100%; height:48px; background:#fff; font:17px/48px "微软雅黑"; color:#929292; margin-bottom:8px; display:inline; text-indent:20px; border:solid 1px #e2e2e2; box-sizing:border-box !important;border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-webkit-border-radius:5px}
.foot .fmsg .button{ width:236px; height:50px; background:#014f8f;font:18px/50px "微软雅黑"; color:#fff;border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-webkit-border-radius:5px}

.fbq{ width:100%; font:16px/50px "微软雅黑"; color:#fff; background:#014f8f; display:inline}
.fbq a{ color:#fff}

.float{ position:fixed; right:10px; bottom:5%; width:60px; z-index:9999}
.float .icon{ width:60px; height:60px; margin-bottom:6px; display:inline; font:30px/60px Arial, Helvetica, sans-serif; color:#fff; border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-webkit-border-radius:5px}
.float .icon.b1{ background:url(../images/tb_icon1.png) no-repeat center center #014f8f}
.float .icon.b2{ background:url(../images/tb_icon2.png) no-repeat center center #014f8f}
.float .icon.b3{ background:url(../images/tb_icon3.png) no-repeat center center #014f8f}
.float .icon.b4{ background:url(../images/top.png) no-repeat center center #014f8f}
.float .twz{ width:0; font:18px/60px "微软雅黑"; background:#014f8f;color:#fff; display:inline; position:absolute; right:56px; bottom:0; opacity:0; filter:alpha(opacity=0); border-top-left-radius:5px; border-bottom-left-radius:5px; overflow:hidden}
.float .icon:hover .twz{ width:auto; padding:0 20px;opacity:1; filter:alpha(opacity=100);word-break:keep-all;white-space:nowrap;}
.float .qrcode{ width:0; background:#014f8f; padding:10px; display:inline; right:56px; bottom:0; opacity:0; filter:alpha(opacity=0); border-radius:5px; border-bottom-right-radius:none; overflow:hidden}
.float .icon:hover .qrcode{ width:136px;opacity:1; filter:alpha(opacity=100)}

.clear{ clear:both; display:block}
.hen{ width:100%; min-width:1400px; height:20px; display:block; clear:both; float:left}

.nav{ width:100%; padding:10px 0; background:#fff; border-bottom:solid 1px #eee; position:fixed; left:0; top:0; z-index:999; display:none}
.nav .logo{ height:65px; margin-left:3%}
.nav .logo img{ width:auto; height:65px}
.nav .nav_icon{ height:40px; margin:5px 3% 0 0}
.nav .nav_icon img{ width:auto; height:40px}

.nav_menu{ width:100%;height:100%; position:fixed; right:0; top:0; z-index:9999}
.nav_menu .left{ width:35%; min-height:100%; float:left; background:#000; opacity:0.5; filter:alpha(opacity=40); margin:0;}
.nav_menu .right{ width:65%; max-height:100%; min-height:100%; float:right; background:#121212; 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,.nav_menu .right .list li .wz{ width:100%; font:14px/40px "微软雅黑"; color:#fff; text-indent:10px; word-break:break-all}
.nav_menu .right .list li .mz{border-top:solid 1px #fff}
.nav_menu .right .list li dl{ width:100%; float:right;border-top:solid 1px #fff}
.nav_menu .right .list li dl dd{ width:100%; float:left; border-bottom:dashed 1px #ccc; display:none}
.nav_menu .right .list li dl dd:last-child{ border-bottom:none}
.nav_menu .right .list li dl dd a{ width:100%; font:12px/40px "微软雅黑"; color:#fff; text-indent:8px}
.nav_menu .right .list li .clwz3{font:12px/35px "微软雅黑"; color:#fff; margin-right:10px; display:inline}

.kong{ width:100%; height:30px; display:none; clear:both; float:left}
.footer{ width:100%; padding:6px 0;  background:#014f8f; position:fixed; left:0; bottom:0; display:none}
.footer a{ width:25%}
.footer a .icon,.footer a .icon img{ width:auto; height:34px}
.footer a .wz{ width:100%; margin-top:3px; font:12px/18px "微软雅黑"; color:#fff; text-align:center}
@media screen and (max-width: 1580px)
{
.innew .ineleft .inbt{ padding-left:10%}
.caseCont{ padding-right:1%}
.main{ width:100%; padding:0 1%; box-sizing:border-box}
}
@media screen and (max-width: 1400px)
{
.top_d,.topic,.menu,.fd,.foot,.content{ min-width:100%}

.topmeau li .wz{ width:100%}
.topmeau li{ width:calc(100%/8); margin-right:0; text-align:center}
.topmeau li dl{ width:100%; left:0}
.inplist li{ width:23.5%; margin:30px 2% 0 0; box-sizing:border-box !important}
.inplist li:nth-child(4n+0){ margin:30px 0 0 0}
.foot .fleft1{ margin-right:200px}
.ny_view{ width:96%; padding:0 2%}
.cont_bt{ margin:10px 0 0 2%}
.nlist,.news_sxy{ width:96%; margin:25px 2% 0}
.pnyview{ width:96%; margin:20px 2% 0}
.nytitle{ text-indent:2%}
.caseCont li .ghimg{ height:180px}
.caseTab {padding: 70px 90px 150px 0;}
.caseTab span{ padding-left:40%}
}
@media screen and (max-width: 1350px)
{
.pro_nr{ width:810px}
}
@media screen and (max-width: 1280px)
{
.search{margin: 24px 70px 0 0}
.topmeau li dl{ width:120%; left:-10%}
.topmeau li:first-child dl{ left:0}
.topmeau li:last-child dl{ left:-25%}
.topmeau li dl .mz{ height:30px; overflow:hidden}
.inplist li .pic{ height: auto}
.inplist li .nr .wz {font: 14px/30px "微软雅黑";}
.inplist li .nr .btn{ font-size:14px; width:auto; padding:0 10px}
.c_list li .pic{ height:300px}

.foot .fleft2 .bt1,.foot .fleft2 .bt2{ font-size:16px}
.foot .fleft2 .lblist .fwz {font: 14px/24px "微软雅黑";}
.foot .fleft2{ width:280px}
.fbq {font: 14px/50px "微软雅黑";}
.pro_nr{ width:750px}
.float,.float .icon{ width:50px}
.float .icon{ height:50px}
.caseTab span {
    padding-left: 10%;
}
}
@media screen and (max-width: 1230px)
{
.pro_nr{ width:55%}
}
@media screen and (max-width: 1200px)
{
.search{ margin:24px 40px 0 0;}

.foot .fleft1{ margin-right:150px}
.foot .fleft2{ width:200px}
.foot .fleft1 .wz2 li b {font: 16px/30px "微软雅黑";}
.caseTab span b {font: 18px/40px "微软雅黑";}
.caseTab span p {  font: 12px/24px "微软雅黑";}
.title { font: bold 30px/30px "微软雅黑";}
.title .tmore{ width: auto; height: auto}
.innew .ineleft .inbt p { font: 14px/30px "微软雅黑"; letter-spacing: 15px;}
.title span { font: 16px/16px "微软雅黑"; letter-spacing: 5px;}
.caseCont li.one{ padding:25px}
.caseCont li .nr .bt {font: 16px/20px "微软雅黑"; margin-bottom:15px}
.caseCont li .nr .vwz {font: 13px/20px "微软雅黑";}
.caseCont li .ndate{ font-size:13px}
}
@media screen and (max-width: 1080px)
{

.pro_nr{ width:52%}
.foot .fmsg{ width:350px;padding:18px 15px 20px;}
.pnyview .fclist a .wz{ font-size:18px}
.pnyview .fclist a .wz span{ font-size:14px}
.inplist li .nr{ margin:30px 0 0}
.foot .fleft1{ margin-right:80px}
.foot .fleft2{ width:150px}
}
@media screen and (max-width: 1010px)
{
.search{ width:450px}
}
@media screen and (max-width: 900px){
.inplist li,.inplist li:nth-child(4n+0){ width:47%; margin:0px 0 15px 2% !important; padding-bottom:12px}
.inplist li:nth-child(3n+0) {
    margin: 0 0 15px 0;
}
.inplist li{ padding:10px}
.inplist li .nr .wz{ font-size:15px}
.innew .ineleft,.caseCont{ width:100%}
.caseCont{ padding:0 1%; margin-bottom:50px}
.innew .ineleft .inbt{ padding:0 1%}
.chancase{ padding-top:30px}
.caseTab {
    padding: 30px; text-align:center
}
.caseTab span{ width:200px; padding:0 10px; float:none; display: inline-block; margin:0 10px}
.search{ width:350px}
}


@media screen and (max-width: 768px)
{
.nav .logo,.nav .logo img{ height:45px;}
.nav .logo img{ margin-top:2px}
.fbq{ display: none}
.caseTab span{ width: 150px;}
.caseTab span b {font: 16px/40px "微软雅黑";}
.nav,.footer{ display:block}
.top_d,.topic,.inpleft{ display:none}
.topic .logo{ margin:10px 0 0 2%}
.topic .trnr{display:none}
.search{ width:96%; margin:10px 2% 0}
.search input[type=text]{ width:70%}
.menu,.topmeau{ height:auto}
.inplist{ width:100%}
.topmeau li{ width:calc(100%/4); height:auto}
.topmeau li .wz{ font:15px/36px "微软雅黑"; height:auto}
.top_d .icon{ margin:8px 5px 0 15px}
.topic .logo{ margin-top:45px}
.topic .trnr{ margin-right:5px}
.topmeau li dl{ display:none}
.search{ margin:24px 5px 0 0}
.shb{ margin-top:50px}
.chancase{ padding:0}
.inplist li .nr .yjia { width: 60px; height: 60px;}
.inplist li .nr .yjia i {width: 45px;height: 45px;margin: 7.5px;}
.inplist li .nr .btn span{ display:none}
.inplist li .nr .btn img{ margin-top:12.5px}
.pro_nr{ width:96%; margin:15px 2% 0}
.c_list li .pic{ height:150px}
.contact_nr .nrwz .vwz{ min-height:48px}
.foot{ height:auto; min-height:auto; background-size:auto 100%; margin-bottom:67px; padding:80px 0}
.foot .fleft1{ margin-left:5%}
.foot .fleft2{ margin-left:70px}
.foot .fmsg {width: 90%;padding: 18px 15px 20px;margin: 15px 5% 0; box-sizing: border-box;}
.pnyview .pnyright,.pnyview .pnyleft{ width:100%}
.pnyview .fcbt{ margin-top:35px}
.pnyview .fcbt .icon{ top:80px}
.pnyview .fclist a .pic{ height:120px; padding:8px 0}
.pnyview .fclist a .wz{ line-height:24px}
.pnyview .fclist a .wz span{ font-size:12px}


}
@media screen and (max-width: 480px)
{
.title .tmore{ width:25px; bottom:15px}
.title:before { width: 100px; background-size:100%}
.title {
    font: bold 24px/24px "微软雅黑"; margin-top:20px
}

.title span { font: 14px/14px "微软雅黑";}
.title .wz{ font-size:24px}


.caseTab span{ width:auto}
.caseTab span p{ display:none}
.caseCont li .ghimg{ width:100%;} 
.caseCont li.one{ padding:10px;}
.caseCont li.one .nr{ width:100%; margin-top:15px;}
.caseCont li{ width:100%; margin-bottom:20px; padding:0 2%;}
.caseCont li .nr .bt {
    font: 14px/20px "微软雅黑"; margin-bottom:10px}
.caseCont li .nr .vwz {
    font: 12px/20px "微软雅黑"; margin-bottom:25px
}
.pclass div{ width:calc(100%/3)}
.pclass .pcwz{ width:100%; text-align:center; height:40px; overflow:hidden; font-size:14px}

.inplist li .nr .yjia {
    width: 40px;
    height: 40px;
}
.inplist li .nr .yjia i {
    width: 30px;
    height: 30px;
    margin: 5px;
}
.caseTab span b {
    font: 14px/40px "微软雅黑";
}
.inplist li .nr .wz{ font-size:14px}
.cpfy .ys1, .cpfy .ys2{ width:100%; margin-bottom:10px; font-size:14px; line-height:34px}
.nytitle,.nlist li .ntitle{ font-size:16px}
.title .wz{ font-size:20px}
.cont_bt{ font-size:18px}
.contact_nr .logo,.contact_nr .nrwz{ width:100%}
.contact_nr .nrwz div{ width:50%}
.msgbox .mwz{ width:20%; font-size:14px}
.msgbox .c1,.msgbox .c2{ width:96%; margin:0 2%}
.msgbox .mwz{ width:auto}
.msgbox .submit{ float:left; margin:10px 0 0 2%}
.content{ margin-top:70px}
.c_list li,.c_list li:nth-child(4n+0){ width:47%;margin: 30px 0 0 2%;}
.ny_view, .pnyview{ font-size:14px}
.news_sxy a, .news_sxy div{ width:100%; text-align:left}

.foot{ padding-bottom:70px}
.foot .fleft1{ width:96%; margin:10px 2% 0}
.foot .fleft2{ width:30%; margin:20px 0 0 2.5%}
.foot .fleft2 .bt2{ margin-top:20px}
.foot .fmsg .button{ width:100%}
.foot .fbq{ font-size:14px; line-height:24px; padding:0 2% 10px; box-sizing:border-box !important}
.float{ bottom:12%}
.float, .float .icon{ width:40px}
.float .icon{ height:40px}

.pnyview{ padding:15px}
.pnyview .pnyleft .xqbt{ margin-top:10px; font-size:20px; line-height:24px}
.pnyview .pnyleft .cpmc{ font-size:24px; line-height:30px}
.pnyview .pnyleft .tdwz,.pnyview .pnynr{ font-size:14px}
.pnyview .pnynr{ line-height:28px}

.title .line{ width:40px}

.pnyview .fclist a,.pnyview .fclist a:nth-child(4n+0){ width:49%; margin:35px 1% 0 0; display:inline}
.pnyview .fclist a:nth-child(2n+0){ margin:35px 0 0 0}

}