@charset "utf-8";
@font-face{font-family: "HelveticaLTStd-Bold"; src:url(/Html/css/font/HelveticaLTStd-Bold.ttf)}
@font-face{font-family: "HelveticaLTStd-BoldCond"; src:url(/Html/css/font/HelveticaLTStd-BoldCond.ttf)}
@font-face{font-family: "HelveticaLTStd-Cond"; src:url(/Html/css/font/HelveticaLTStd-Cond.ttf)}
@font-face{font-family: "HelveticaLTStd-Light"; src:url(/Html/css/font/HelveticaLTStd-Light.ttf)}

@font-face{font-family:"Poppins"; src:url(/Html/css/font/Poppins-Regular.ttf)}
@font-face{font-family:"Poppinsb"; src:url(/Html/css/font/Poppins-Bold.ttf)}

*{ margin:0; padding:0;}
/*body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,blockquote,p{padding:0; margin:0; font-size:100%; background:transparent; outline:0; border:0;}*/
li{list-style-type:none;}img{vertical-align:top;border:0; margin:0; overflow:hidden}ol,ul {list-style:none;}   
.blank1 {clear:both; height:1px; font-size:0; overflow:hidden; display:block;}
.blank10 {clear:both; height:10px; overflow:hidden; display:block;}
.blank12 {clear:both; height:12px; overflow:hidden; display:block;}
.blank15 {clear:both; height:15px; overflow:hidden; display:block;}
.blank5 {clear:both; height:5px; overflow:hidden; display:block;}
.blank30 {clear:both; height:30px; overflow:hidden; display:block;}
.blank20 {clear:both; height:20px; overflow:hidden; display:block;}
.blank40 {clear:both; height:40px; overflow:hidden; display:block;}
.blank50 {clear:both; height:50px; overflow:hidden; display:block;}
.blank60 {clear:both; height:60px; overflow:hidden; display:block;}
.blank80 {clear:both; height:80px; overflow:hidden; display:block;}
.blank360 {clear:both; height:360px; overflow:hidden; display:block;}
.cb{ clear:both;}.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}
a{color: #323232; text-decoration: none; outline:none;}a:hover {color: #f9a015; text-decoration: underline}
body {background:#fff;font-size:18px;color: #3a3a3a;line-height:28px;font-family:Arial; -webkit-text-size-adjust:none;}

.mainbody { width:90%; margin:0 5%;overflow:hidden;}

.m_nav,.m_img{ display:none;}
.top{width:100%; top:0;left:0; z-index:889; position:absolute;}

/*导航栏部门*/
.navs11 { width:100%;height:100px; background-color:rgba(0,0,0,.4);}
.logo { height:75px; float:left; margin-top:13px; margin-left:5%;}

/*导航栏变异部门*/

.navs22 { width:100%;height: 100px;background:#fff;-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 2px 2px 2px;}
.fixnav {position: fixed;top: 0px;left: 0px;z-index:888;}

.header{width:100%; top:0;left:0; z-index:889; position:absolute;}

.menu11{ height:100px; overflow:hidden; padding-right:5%;}
.dh { float:right; text-align:right; color:#fff; font-size:14px; padding-top:5px; width:100%;}
.dh a { display:inline-block; margin-left:10px; padding:0 10px; text-align:center; text-decoration:none; color:#fff; background:#f9a015;}
.nav0 { height:50px; float:right; padding-top:5px;}
.nav0 ul li { height:50px; text-align:center; line-height:50px; font-size:16px; float:left; text-transform:uppercase;}
.nav0 ul li a,.nav0 ul li a:visited{color:#fff; margin:0 15px; padding:0 3px;height:50px;display:block; text-decoration:none;}
.dh2 a { color:#3a3a3a;}

.menu12 { padding-right:2%;height:100px; overflow:hidden; padding-right:5%;}
.menu12 .dh { color:#828282; width:70%;}
.menu12 .nav0 ul li a,.menu12 .nav0 ul li a:visited{color:#444;}
.m_banner{ display:none;}

.flash { clear:both; width:100%;}
.flash2 { clear:both; width:100%; height:350px; background-repeat:no-repeat; background-position:center; overflow:hidden;}
.sybg { clear:both; width:94%; overflow:hidden; padding:0 3%;}

.hdbg { clear:both; height:60px; background:#f7f7f7;}
.hdbg p { color:#999; line-height:60px; background:url(/Html/images/aa-1.png) no-repeat left center; padding-left:20px;}

.abtit { clear:both; text-align:center; padding-bottom:40px; overflow:hidden; width:100%; line-height:50px;}
.abtit h3 { font-size:36px; color:#000; font-weight:bold; margin-top:-30px;}
.abtit p { font-size:64px; color:#edf0f6; text-transform:uppercase; font-weight:bold;}

.abtit2 { clear:both; text-align:center; padding-bottom:40px; overflow:hidden; width:100%; line-height:45px;}
.abtit2 h3 { font-size:38px; color:#000; font-weight:bold;text-transform:uppercase;}
.abtit2 p { font-size:16px; color:#ababab; }

.tt { padding-bottom:15px; overflow:hidden; color:#2c2c2c;}
.tt p { text-transform:uppercase; padding-bottom:10px;}
.tt b { display:inline-block; width:45px; height:2px; background:#fbb03b; font-size:0; overflow:hidden; vertical-align:middle; margin-right:5px;}
.tt h3 { font-size:32px; padding:10px 0;}

.syabout { width:50%; float:left; font-size:16px; color:#2c2c2c;}
.aimg { width:45%; float:right;}
.aimg img { max-width:100%; height:auto !important; height:100%;}
.sytex { padding-bottom:25px;}
.syab { width:90%; background:url(/Html/images/tt.png) no-repeat left top; padding-left:10%;}
.syab p { padding:5px 0;}
.more33 { padding-top:30px; line-height:24px; clear:both; text-align:center;}
.more33 a { display:inline-block;font-size:16px; padding:10px 50px; border-radius:25px; color:#fff;background-color: #f9a015;text-decoration: none;}

.sybg2 { clear:both; width:100%; background:#fbb03b; overflow:hidden; border-bottom:#fff 1px solid;display:-webkit-box;}
.sybg2 .text { width:50%; float:left; color:#fff;}
.sybg2 .text .tex { width:80%; float:right; padding:80px 0; padding-right:10%;font-size:0.9em;}
.sybg2 .text .tex h1 {font-family: "Poppinsb"; font-size:30px; text-transform:uppercase; padding-bottom:15px;}
.sybg2 .bg { width:50%; padding:55px 0; float:right; background:url(/Html/images/bg2.jpg) no-repeat center; background-size:cover; overflow:hidden;}
.sybg2 .bg .tex {padding-left:10%; color:#fff; font-size:16px;}
.sybg2 .bg .more { padding-top:25px;}
.sybg2 .bg .more a { display:inline-block; padding:5px 25px; border:#fbb03b 2px solid; color:#fbb03b; text-decoration:none;}

.row { padding-top:30px;}
.row li { margin:20px 0; width:45%; float:left; display:inline-block; color:#fff;}
.row li:nth-last-child(1),.row li:nth-last-child(2) { margin-bottom:0;}
.row li:last-child { border:0;}
.row li img { float:left; padding-right:10%; border-right:#fff 1px solid; margin-right:10%;}
.row li p {font-size:40px;font-weight: 700;display:inline-block;font-family: HelveticaLTStd-Bold;}
.row li h3 {font-size: 1em;font-weight:400;}
.row li span { width:20px; height:20px; line-height:20px; display:inline-block; text-align:center;font-size: 14px;color: #fbb03b; margin-left:6px; background:#fff; border-radius:100%; vertical-align:middle;}
.row li b { width:20px; height:10px; line-height:10px; display:inline-block; text-align:center;font-size: 18px;margin-left:-15px; vertical-align:top; font-weight:400;}

.synews li { width:23%; float:left; margin:1%; padding-bottom:15px; overflow:hidden; background:#fff;-moz-box-shadow: 0px 0px 10px #ccc;-webkit-box-shadow: 0px 0px 10px #ccc;box-shadow:0px 0px 10px #ccc;}
.synews li .nimg { width:100%;}
.synews li .nimg img{ max-width:100%; height:auto !important; height:100%;}
.synews li h3 { font-size:16px; font-weight:bold; padding:8px 15px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.synews li h3 a {color:#f9a015;}
.synews li p { color:#b8b8b8; font-size:12px; padding:0 15px;}
.synews li p img { height:16px; vertical-align:middle; margin-right:6px;}

.sybg4 { clear:both; width:100%; background:#f7f7f7; overflow:hidden;}
.sybg4 .text { width:30%; float:left;}
.sybg4 .text .tex { width:75%; padding:60px 0; float:right; padding-right:10%;}
.sybg4 .text .tex .tt img { margin-bottom:10px;}
.sybg4 .text .tex .tt h3 { font-size:32px; color:#fbb03b; padding:25px 0;}
.sybg4 .text .tex .tt p { padding-top:10px;}
.sybg4 .text .tex .more { padding-top:55px;}
.sybg4 .text .tex .more a { display:inline-block; padding:5px 30px; background:#fbb03b; border-radius:10px; text-decoration:none; color:#fff; font-size:0.9em;}
.sybg4 .text .tex .more img { vertical-align:middle;}
.sybg4 .syfl { float:left; width:60%; padding-left:5%; border-left:#dfdfdf 2px solid;}
.sybg4 .syfl li { width:45%; float:left; padding:50px 0; padding-right:5%;}
.sybg4 .syfl li b { display:block; font-size:1.4em; color:#ee9915;font-family: "HelveticaLTStd-Bold"; font-weight:600; padding-bottom:15px;}
.sybg4 .syfl li h3 { font-size:1.4em; color:#000; font-weight:bold; padding-bottom:15px;}
.sybg4 .syfl li p { font-size:0.9em; color:#626262; font-family:"HelveticaLTStd-Light";}
.sybg4 .syfl li .img { width:100%; padding:5px; background:#fff; overflow:hidden;}
.sybg4 .syfl li .img img { max-width:100%; height:auto !important; height:100%;transition:all 1s;}
.sybg4 .syfl li .img:hover img{ transform:scale(1.1,1.1);transform-origin:center center}
.sybg4 .syfl li .more { padding-top:40px;}
.sybg4 .syfl li .more a{color:#ee9915; font-size:0.8em; display:inline-block;}

.footer2{ clear:both;width:90%; border-top:#fbb03b 7px solid; background:#053636; padding:0 5%; padding-top:50px; color:#fff; font-size:0.8em;}
.footer2 h3 { font-size:18px; font-weight:bold; padding-bottom:10px; color:#fff;}
.footer2 h3 span { display:block; text-transform:uppercase; font-family:Arial; font-weight:400;-moz-opacity:0.7; filter:alpha(opacity=70); opacity:0.7;}
.footer2 .ftnav,.footer2 .ftew,.footer2 .ftlx { width:18%; float:left;}
.footer2 .ftnav a { display:block; color:#809999;}
.footer2 .ftew img { width:150px; margin-top:5px;}
.footer2 .ftlx { width:28%;}
.footer2 .ftlx .tex { color:#809999;}
.footer2 .ftlx .tex a { color:#809999;}

.footer { clear:both; color:#fff; line-height:50px; text-align:center; border-top:#2d5656 1px solid;}
.footer a,.footer a.zzb07link { color:#fff;}

.iw_poi_title { font-size:15px;}
.iw_poi_content { font-size:13px; line-height:20px;}

.pnpage { clear:both; text-align:center; margin-top:15px; padding-top:15px; font-size:0.9em;}
.pnpage a { padding:3px 25px; font-weight:400; border:1px solid rgba(0,0,0,0.5); color:#666; margin:0 20px; border-radius:25px;}
.pnpage a:hover { background:#fbb03b; border:#fbb03b 1px solid; color:#fff; text-decoration:none;} 

.close { clear:both; color:#f60; text-align:center; padding-top:10px;}
.close a{color:#f60; }

.txtc { clear:both; text-align:center; padding-right:25px; padding-top:10px; font-size:12px}
span.current,a.num { display:inline-block; margin:0 5px; padding:0 12px; height:30px; line-height:30px; border:#ddd 1px solid; vertical-align:middle;}
span.current,a.num:hover { background:#fbfef6; border:#dee6d2 1px solid; color:#6aaf08;}
a.next,a.prev { text-decoration:none; text-indent:-9999px; margin:0 5px; width:32px; height:32px; display:inline-block; vertical-align:middle;}
a.prev { background:#6aaf08 url(../images/a2.png) no-repeat center;}
a.next{ background:#6aaf08 url(../images/a1.png) no-repeat center;}

.newlist li { width:100%; padding:15px 0; float:left;border-bottom:#d4d4d4 1px solid;}
.newlist li .time { width:10%; background:#fff; color:#666;font-size:1.2em; text-align:center; float:left;}
.newlist li .time span { font-size:3em; display:block; padding:20px 0; line-height:35px; font-family:"HelveticaLTStd-Bold";}
.newlist li .nimg { width:20%; float:left;}
.newlist li .nimg img { max-width:100%; height:auto !important; height:100%;}
.newlist li .text { width:65%; background:url(/Html/images/line3.png) no-repeat left center; float:right;}
.newlist li .text h3 { font-size:1.2em; margin-bottom:10px;overflow:hidden;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.newlist li .text h3 a { color:#000;}
.newlist li .text .tex { color:#878787; line-height:20px;min-height: 60px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.newlist li .more3 { height:30px; padding-top:10px;}
.newlist li .more3 a{height:30px; line-height:30px;background:url(/Html/images/yd.png) no-repeat left center; padding-left:23px; display:block;transition:all 500ms; font-size:14px; text-transform:uppercase; color:#999;}
.newlist li .more3 a:hover {transition:all 500ms; margin-left:15px;background:url(/Html/images/yd11.png) no-repeat left center;}
.newlist li:hover .time span,.newlist li:hover .text h3 a { color:#f9a015;}

.news h1,.product h1 { font-size:2em; text-align:center; width:85%; margin:0 auto; font-weight:bold; line-height:1.2em;}


.news p { padding:5px 0; color:#777;}
.news a {color:#777;}
.news img{ max-width:100%; height:auto !important; height:100%;}

.news .p2 {display:-webkit-box;}
.news .p2 li { width:21%; margin:0 2%; text-align:center; float:left;}
.news .p2 li img{ max-width:100%; height:auto !important; height:100%;}
.news .p2 li:last-child img {max-width:60%; height:auto !important; height:100%;}

.time0 { text-align:center; padding-top:10px; font-size:0.9em; color:#999;}

.sousou { width:80%; height:50px; margin:20px auto; border:#f9a015 3px solid; border-radius:5px;}
.sousou input { font-size:16px; color:#999;padding:0; height:50px; line-height:50px; margin:0; border:0; background:none; outline:none;}
.sousou input.search1 { width:73%; background:url(/Html/images/ss1.png) no-repeat 15px center;padding:0 15px 0 45px; float:left;}
.sousou input.searchimg1 { width:15%; background:#f9a015; color:#fff; border:0; text-align:center; float:right; cursor:pointer;}

.about,.news,.contact { font-size:1.1em;}
.about p,.news p { padding:5px 0; }

.img2 li { float:left; width:25%; text-align:center;}
.img2 li img { max-width:90%; height:auto !important; height:100%;}

.list table { border-left:#eed5c8 1px solid;border-top:#eed5c8 3px solid; width:100%;border-bottom:#eed5c8 2px solid;}
.list td,.list th { text-align:center; padding:5px 10px;border-right:#eed5c8 1px solid;border-bottom:#eed5c8 1px solid;font-size:1em;}
.list th { line-height:30px; font-weight:bold; background:#ffecd1; }
.list td.pro { background:#f9a015; color:#fff;font-size:1.2em; font-weight:bold;}
.list tr:nth-child(odd){background:#fff;}
.list tr:nth-child(even){background:#fffcf8;}

.contact { width:35%; float:left;}
.contact p { padding:5px 0; border-bottom:#999 1px dotted;}
.contact img { height:25px; vertical-align:middle; margin-right:10px;}
.contact strong { font-size:1.3em;}
.contmap { width:60%; float:right; border:#ddd 1px solid; height:400px; overflow:hidden;}

.product { font-size:1em}
.product .pimg { width:50%; float:left;}
.product .pimg img {width:100%; }

.product .text { float:right; width:45%;}
.product .text h1 { text-align:left; font-weight:400; width:100%; padding-bottom:1em;}
.product .text .tex { font-size:1.1em; color:#666;}
.product .text .tex p { margin-bottom:5px; width:50%; float:left;}

.hl_main5_content2{ width:100%;height:150px; overflow:hidden; position:relative; margin-top:10px;}
.hl_main5_content12 ul{width:2000%;height:150px; overflow:hidden; padding-left:12px;}
.hl_main5_content12 ul li {float: left;width:220px; margin:0 15px;}
.hl_main5_content12 ul li .pimg {width:220px;height:150px; overflow:hidden;}
.hl_main5_content12 ul li .pimg img{width:100%; transition:all 1s;}
.hl_main5_content12 ul li .pimg:hover img{ transform:scale(1.04,1.04);transform-origin:center center}

.hl_main5_content2 span { width:100%; height:49px; position:absolute; left:0; bottom:0; z-index:5; background:url(/Html/images/ocnext_bg.png) repeat; overflow:hidden;}
.hl_scrool_leftbtn2,.hl_scrool_rightbtn2{width:36px;height:36px; cursor:pointer; background-repeat:no-repeat; background-position: center;top:50%; margin-top:-18px;position:absolute; z-index:9;}
.hl_scrool_leftbtn2 {left:0; background-image:url(/Html/images/ocnext_l.png);}
.hl_scrool_rightbtn2{right:0; background-image:url(/Html/images/ocnext_r.png);}

.synav1 a {display: block; text-align:center;height: 43px;line-height: 43px;text-decoration: none; background:#fbb03b; color:#fff; font-size:1.1em;}
.synav1 a:hover {transition: all 1s;background:#666;}
.synav1 li {position: relative;}
.synav1 {width: 160px;}
.li1:hover {background:url(/Html/css/images/in_18.jpg) no-repeat;}
.synav1 ul {position: absolute;left: 160px;top: 0;display: none;background:#fff; z-index:99999}
.li1:hover .synav2 {display: block;}
.li2>a{width: 180px; background:none; color:#666; border:#ddd 1px solid; border-top:none;}
.synav2 {border-top:#ddd 1px solid;}
.li2 a:hover { background:#666; color:#fff;}

.product .pnpage { padding-top:0;}
.product .pnpage a { margin:0; margin-right:20px;}

.ablist { text-align:center;}
.ablist a { display:inline-block; padding:5px 20px; margin:10px; border:#ddd 1px solid; text-decoration:none;}
.ablist a:hover { background:#6aaf08; color:#fff;}

table.bak { width:100%; margin:10px 0; border-bottom:#ddd 1px solid;}
.bak td,.bak th { padding:6px 10px; border-right:#fff 5px solid;}
.bak tr:nth-child(odd){background:#f7f7f7;}
.bak tr:nth-child(even){background:#fff;}
.bak img {max-width:80%; height:auto !important; height:100%;}
.sjcp { display:none;}

.pro3 ul { margin:0 -20px;}
.pro3 li { display:inline-block; width:calc(21% - 25px); padding:15px 25px 15px 25px; overflow:hidden; color:#444; margin:15px 20px; border:#ddd 1px solid;-moz-box-shadow: 0px 0px 10px #d5d5d5;-webkit-box-shadow: 0px 0px 10px #d5d5d5;box-shadow:0px 0px 10px #d5d5d5; background:#fff;}
.pro3 li .pimg { width:100%;}
.pro3 li .pimg img { max-width:100%; height:auto !important; height:100%;transition: transform 2s;
-ms-transition: transform 2s;
-o-transition: transform 2s;
-webkit-transition: transform 2s;
-moz-transition: transform 2s;border:#f5e3c7 1px solid;}
.pro3 li:hover .pimg img{ transform: scale(0.94);
-ms-transform: scale(0.94);
-o-transform: scale(0.94);
-webkit-transform: scale(0.94);
-moz-transform: scale(0.94);}
.pro3 li h3 { font-size:18px; font-weight:400; text-align:center; padding:10px 0;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.pro3 li h3 a { color:#444;}
.pro3 li h3 a:hover,.pro3 li:hover h3 a { color:#fbb03b; font-weight:bold;}
.pro3 li .tex {min-height: 44px;color: #999;line-height: 22px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.pro3 li .more { padding:10px 0; text-align:center; margin-top:15px;}
.pro3 li .more a { display:inline-block; padding:0 35px; background:#fff; border-radius:30px; text-decoration:none;}
.pro3 li .more a span { display:none;}
.pro3 li:hover .more a,.pro3 li .more a:hover { background:#fbb03b; color:#fff;}
.pro3 li .more a:hover span,.pro3 li:hover .more a span { display:inline-block; padding-left:10px; transition:all 500ms;}
.pro3 li:hover .tex { color:#000;}
.sypro li:hover {-moz-box-shadow: 0px 0px 10px #adadad;-webkit-box-shadow: 0px 0px 10px #adadad;box-shadow:0px 0px 10px #adadad;}

.skfl ul { margin:0 -20px;}
.skfl li { float:left; width:calc(21% - 25px); padding:15px 25px 15px 25px; overflow:hidden; color:#444; margin:15px 20px; border:#ddd 1px solid;-moz-box-shadow: 0px 0px 10px #d5d5d5;-webkit-box-shadow: 0px 0px 10px #d5d5d5;box-shadow:0px 0px 10px #d5d5d5; background:#fff;}
.skfl li .pimg { width:100%;}
.skfl li .pimg img { max-width:100%; height:auto !important; height:100%;transition: transform 2s;
-ms-transition: transform 2s;
-o-transition: transform 2s;
-webkit-transition: transform 2s;
-moz-transition: transform 2s;border:#f5e3c7 1px solid;}
.skfl li:hover .pimg img{ transform: scale(0.94);
-ms-transform: scale(0.94);
-o-transform: scale(0.94);
-webkit-transform: scale(0.94);
-moz-transform: scale(0.94);}
.skfl li h3 { font-size:18px; font-weight:400; text-align:center; padding:10px 0;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.skfl li h3 a { color:#444;}
.skfl li h3 a:hover,.pro3 li:hover h3 a { color:#fbb03b; font-weight:bold;}

.wrapper {position:relative; height:502px;width: 100%;overflow: hidden;margin:0 auto;}
.wrapper .scroller {position:absolute;}
.wrapper .scroller li {border:#ddd 1px solid; width:369px; height:500px; overflow:hidden;float: left;position: relative;text-align:center;}
.wrapper .scroller li .pimg { width:100%;}
.wrapper .scroller li .pimg img {width:100%;}

.pro4 li { float:left; width:31%; padding:5px 0; margin:1%; text-align:center;}
.pro4 li .pimg img { max-width:90%; height:auto !important; height:100%;transition:all 1s;}
.pro4 li .pimg:hover img{ transform:scale(1.1,1.1);transform-origin:center center;-moz-box-shadow: 0px 0px 10px #ccc;-webkit-box-shadow: 0px 0px 10px #ccc;box-shadow:0px 0px 10px #ccc;}

.nyleft2 { width:20%; float:left;}
.nyright2 { width:75%; float:right;}
.nyleft2 h3 { line-height:60px; color:#fff; background:#068e42; text-align:center; font-size:1.6em;}

.dingdan { padding:0 2%; overflow:hidden;}
.dingdan p { padding:5px 0;}
.dingdan input,.dingdan textarea { height:40px; line-height:40px; padding:0 1%; border:#ddd 1px solid; border-radius:5px; background:#fff; width:46%;font-family:Microsoft YaHei; color:#999; font-size:14px;}
.dingdan span { padding:0 5px; color:#f00; font-size:16px;}
.dingdan input.s1 { width:96%; color:#f9a015; font-weight:bold;}
.dingdan input.s2 { width:120px;}
.dingdan input.aak { width:120px; background:#000; color:#fff;}
.dingdan textarea { padding:5px 1%; line-height:20px; height:100px; width:96%;}
.dingdan img { margin:0 10px; height:45px;}
.dingdan input:focus,.dingdan textarea:focus {outline:#cc0b09 2px solid;}

.wap_down{ position:fixed; left:0px; bottom:0px; z-index:99999; width:100%; height:60px; background:#f8f8f7; display:flex; justify-content:space-between; align-items:center; padding: px 2%; display:none; border-top:#ddd 2px solid;}
.wap_downa{ width:100%; display:flex; justify-content:center; align-items:center;}
.wap_downa img{ width:30px; height:30px; }
.wap_downb{ width:20%; float:left; padding-top:8px;}
.wap_downb a { text-decoration:none;}
.wap_downba{width:100%;  display:flex; justify-content:center; align-items:center;}
.wap_downba img{ width:20px; height:20px;  }
.wap_downbb{ text-align:center; font-size:13px; line-height:13px; color:#535353; padding-top:5px;   }
.wap_downbba{ width:80px; height:80px;}

#go_top {position: fixed;right:10px; bottom:60px;z-index:99;width:60px; height:220px;}
#go_top a.t1 {background:#b3b3b3 url(../images/top1.png) no-repeat center; text-decoration:none; display:block;height:60px;border-radius:2px; margin-bottom:2px;}
#go_top a.t1:hover {background:#f9a015 url(../images/top1.png) no-repeat center;}
#go_top a.t2 {background:#b3b3b3 url(../images/ft1.png) no-repeat center; text-decoration:none; display:block;height:60px;border-radius:2px;}
#go_top a.t2:hover {background:#f9a015 url(../images/ft1.png) no-repeat center;}

@media screen and (max-width: 1640px)and (min-width: 1400px){
  .synews li .text { width:73%;}
}
@media screen and (max-width: 1400px)and (min-width: 1200px){
  .synews li .text { width:68%;}
  .row li img { height:50px; padding-right:6%; margin-right:6%;}
}
@media screen and (max-width: 1200px)and (min-width: 1024px){
  .synews li .text { width:63%;}
  .sybg2 .text .tex { padding-right:0;}
  .row li { width:50%;}
  .row li img { height:50px; padding-right:6%; margin-right:6%;}
  .row li p{ font-size:3.2em;}
}
@media screen and (max-width: 1024px) and (min-width: 0){
  .mainbody { margin:0 3%;}
  .top { display:none;}
  .flash { display:none;}
  .t_top { padding:0 3%;}
   .head{display:none}
   .m_img{display:block;height:60px;background:#fff;-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 5px 5px 5px;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd;overflow: hidden;}
   .m_img .headlf{padding-top:2px;padding-left:5px;float: left;}
   .m_img .headlf .m_logo{height:45px;display: block; margin:6px 0 0 15px;}
   .m_img .headrg{padding-right:4%;padding-top:20px;float: right;}
   .m_img .headrg a .m_menuimg{height:16px;vertical-align:top;display: block}
   .m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
   .m_nav .closecover{position:absolute;width:100%;height:100%;-moz-opacity:0; filter:alpha(opacity=0); opacity:0;left:0px;top:60px;z-index:1}
   .m_nav .closeicon{position:absolute;width:10%;right:3%;top:72px;z-index:1000;text-align:center;filter:alpha(opacity=0);opacity:0}
   .m_nav .m_navList{position:absolute;width:60%;right:0px;top:60px;background:#333;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
   .m_nav .m_navList ul{padding-left:5%;padding-right:5%}
   .m_nav .m_navList ul li{border-bottom:1px solid #ccc}
   .m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
   .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%; color:#fff;}
   .m_nav .m_navList ul li .m_f_a a{flex: 1;}
   .m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
   .icon{ background:url(/Html/images/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .icon_on{background:url(/Html/images/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
   .m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis; background:#2663bb; border-top:#fff 1px dotted;}   

  .synews li .text { width:60%;}
  .syabout { width:100%;font-size:18px;}
  .syab { width:85%; padding-left:15%;}
  .tt h3 { font-size:24px;}
  .aimg { width:100%; padding-top:15px;}
  .sybg2 .text,.sybg2 .bg { width:100%;}
  .sybg2 .text .tex { width:94%; padding:30px 3%;}
  .row  { padding-top:15px;}
  .row li { width:50%; margin:10px 0;}
  .row li p { font-size:2em;}
  .row li h3 { font-size:0.9em;}
  .row li img { height:40px; padding-right:8%; margin-right:8%;}
  .sybg2 .text, .sybg2 .bg { font-size:1.2em;}
  .wap_down { display:block;}
  .sybg4 .text { width:94%; padding:0 3%;}
  .sybg4 .text .tex .tt { padding-bottom:0;}
  .sybg4 .text .tex .tt img { display:inline-block; vertical-align:middle; height:40px; margin-right:10px;}
  .sybg4 .text .tex .tt h3 { display:inline-block;}
  .sybg4 .text .tex .more { padding-top:10px;}
  .sybg4 .text .tex { width:100%; padding:15px 0;}
  .sybg4 .syfl { width:100%; padding:0; border-left:none; border-top:#dfdfdf 2px solid;}
  .sybg4 .syfl li { width:88%; padding:20px 5% 5px 5%;}
  .sybg4 .syfl li .more { padding-top:20px;}
  .sybg4 .syfl li .more a { font-size:1em;}
  .hdbg p { font-size:0.9em;}
  .product .pimg { width:100%;}
  .product .text { width:100%; border-top:#ddd 1px solid; padding-top:20px; margin-top:20px; overflow:hidden;}
  .product .text h1 { padding-bottom:0.6em; font-size:1.4em;}
  .product .text .tex { font-size:1em;}
  .product .text .tex p { width:100%;}
  .hl_main5_content12 ul{padding-left:0; margin:0 -10px;}
  .synav1 a {font-size:1em;}
  .pro3 li { width:78%;}
  .skfl li { width:78%;}
  .sousou input.search1 { width:62%}
  .news .p2 {display: block;}
  .news .p2 ul { margin:0;}
  .news .p2 li { width:100%; margin:10px 0;}
  .dingdan p { padding:0;}
  .dingdan input, .dingdan textarea { margin-bottom:10px; width:92%;}
  .dingdan input.s1 { width:92%;}
  .dingdan textarea { margin:0;}
}
@media screen and (max-width: 768px) and (min-width: 0px){
  body { font-size:20px;}
  .mainbody { margin:0 3%; width:94%;}
  .blank60 { height:20px;}
  .blank10 { height:10px;}
  .abtit2 { padding-bottom:20px; line-height:26px;}
  .abtit2 h3 { font-size:1.6em;}
  .flash { display:none;}
  .sybg2 { display:block;}
  .sybg2 .text,.sybg2 .bg { width:100%;}
  .synews li { width:100%; margin:10px 0;}
  .synews li .text { width:73%;}
  .ab2 p { text-indent:0;}
  .ab2 img { max-width:100%; height:auto !important; height:100%;}
  .img2 li { width:50%; margin:10px 0;}
  .footer2 { margin-bottom:60px; width:94%; padding:0 3%; font-size:1em; padding-top:25px;}
  .footer { font-size:1em;}
  .footer2 .ftnav,.footer2 .ftew { width:50%;}
  .footer2 .ftew {display:none;}
  .footer2 .ftlx { width:100%; padding-top:10px;}
  .footer { padding:10px 3%; line-height:22px;}
  #go_top {bottom:60px;width:50px; height:150px;}
  #go_top a.t1 {height:50px;}
  #go_top a.t2 {height:50px;}
  .list td,.list th { padding:3px; font-size:0.8em; line-height:22px;}
  .pro4 li { width:48%;}
  .newlist li .time { display:none;}
  .newlist li .nimg { width:35%;}
  .newlist li .text { width:60%;}
  .contact { width:100%;}
  .contmap { width:100%; margin-top:10px;}
  .pnpage a {padding:3px 15px; margin:0 10px;}
  .row li { width:90%;}
}
<!--耗时1779970644.8103秒-->