@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed:300,400,500,600,700');
*{ 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: #1b68cf; text-decoration: underline}
body {background:#fff;font-size:14px;color: #3a3a3a;line-height:28px;font-family:Microsoft YaHei,Verdana; -webkit-text-size-adjust:none; min-width:1300px;}

.mainbody { width:1300px; margin:0 auto;font-family:Microsoft YaHei;}

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

/*导航栏部分*/
.navs11 { width:100%;height:90px; border-bottom:rgba(255,255,255,.2) 1px solid; background-color:transparent;}
.logo { height:54px; float:left; margin-top:16px;}

/*导航栏变异部分*/

.navs22 { width:100%;height: 90px;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;}
.sous { width:27px; float:right; margin-top:30px;}

.menu{ height:90px; float:right; overflow:hidden; padding-right:20px;}

.nav { height:90px; float:right;}
.nav ul li { height:90px; text-align:center; line-height:90px; font-size:16px; float:left; text-transform:uppercase;}
.nav ul li a,.nav ul li a:visited{color:#fff; margin:0 25px;height:90px;display:block; text-decoration:none;}

.menu2 { padding-right:20px;height:100px; overflow:hidden; float:right;}
.menu2 .dh { color:#828282; width:70%;}
.menu2 .nav ul li a,.menu2 .nav ul li a:visited{color:#444;}


.flash { clear:both; width:100%; height:678px;overflow:hidden; position:relative;}
.flash2 { clear:both; width:100%; height:518px;overflow:hidden; position:relative;}

.abtit { clear:both; width:100%; text-align:center;padding-bottom:30px;line-height:35px;}
.abtit p {font-size:14px; color:#a2a2a2; text-transform:uppercase;font-weight:400;}
.abtit h3 { font-size:36px; color:#2f2f2f; font-weight:700; padding-bottom:10px;}

.abtit2 { clear:both; width:100%; text-align:center;padding-bottom:40px;}
.abtit2 span { display:block; letter-spacing:8px; color:#fff; font-family:Arial; font-size:16px;text-transform:uppercase;-moz-opacity:0.7; filter:alpha(opacity=70); opacity:0.7;}
.abtit2 h3 { font-size:36px; color:#333; font-weight:600;line-height:40px; padding-bottom:15px;}
.abtit2 p {color:#999; text-transform:uppercase; padding-top:5px;-moz-opacity:0.7; filter:alpha(opacity=70); opacity:0.7;}
.abtit2 b { display:block; background:#0f5cb2; height:2px; width:40px; margin:0 auto; font-size:0; overflow:hidden;}

.hdbg { width:100%; height:60px; line-height:60px; border-bottom:#ddd 1px solid; overflow:hidden;}
.hdbg p { margin:0 30px; background:url(../images/h.jpg) no-repeat left center; padding-left:20px; color:#b0b0b0;}
.hdbg img { vertical-align:middle;}
.hdbg a {color:#b0b0b0;}

.probg { clear:both; padding:50px 0; background:#f4f4f4; width:100%; overflow:hidden; min-width:1300px;}
.sypro li { float:left; width:300px; height:321px;overflow:hidden; margin:15px 0 20px 32px; background:#fff; text-align:center;-moz-box-shadow: 0px 0px 5px #ddd;-webkit-box-shadow: 0px 0px 5px #ddd;box-shadow:0px 0px 5px #ddd;}
.sypro li:first-child,.sypro li:nth-last-child(4) { margin-left:0;}
.sypro li:hover {-moz-box-shadow: 0px 0px 10px #666;-webkit-box-shadow: 0px 0px 10px #666;box-shadow:0px 0px 5px #666; margin-top:0;transition:all 500ms;}
.sypro li:nth-last-child(4) { clear:both;}
.sypro li .pimg { width:100%; height:250px; overflow:hidden;text-align:center;position: relative;line-height: 250px;vertical-align: middle; background:#fff;}
.sypro li .pimg img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-width:94%; max-height:94%;transition:all 1s;}
.sypro li .pimg:hover img{ transform:scale(1.2,1.2);transform-origin:center center}
.sypro li h3 { font-size:16px; font-weight:bold; height:70px; line-height:70px; border-top:#ececec 1px solid;}
.sypro li h3 a { color:#2c2c2c; display:block; padding:0 15px; text-decoration:none;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.sypro li:hover h3 a { color:#fff;}

.abbg { width:100; padding-bottom:70px;background:url(../images/bg.jpg) no-repeat center bottom; overflow:hidden; min-width:1300px;}

.syabout { width:725px; float:left;}
.syabout .sytex { color:#424242; height:125px; overflow:hidden; font-size:16px; line-height:32px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.syabout .sytex p { text-indent:2em; padding:5px 0;}
.syabout .sytex a { color:#424242;}
.syabout .more { padding-top:30px;}
.syabout .more a { display:inline-block; color:#fff; padding:5px 20px; text-decoration:none; background:#02529b; margin-top:15px;}
.syabout .more a:hover { margin-left:15px; transition:all 500ms;}
.syabout .more img { vertical-align:middle;}
.abimg { width:512px; height:290px; background:url(../images/abg.png) no-repeat left bottom; float:right;}
.abimg img { float:right;}

.more23 { margin-top:30px;}
.more23 a { display:inline-block; background:#6cba55; color:#fff; text-decoration:none; padding:2px 30px;}

.tit { width:100%; padding-bottom:40px; overflow:hidden;}
.tit h3 { float:left; color:#1d1f24; font-size:24px; font-weight:bold; line-height:28px;}
.tit h3 b { width:35px; height:2px; font-size:0; vertical-align:middle; display:inline-block; background:#02529b; margin-left:10px;}
.tit h3 span { display:block; color:#02529b; font-size:42px; font-family:"Times New Roman"; padding-top:15px;}
.tit a.ss { display:block; float:right; color:#fff; padding:5px 20px; text-decoration:none; background:#cacaca; margin-top:15px;}
.tit a.ss:hover { background:#02529b;}
.tit img { vertical-align:middle;}
.tit .fl { float:right; padding-top:20px;}
.tit .fl a { display:inline-block; margin-left:15px; padding:0 20px; background:#fff; color:#747474;text-decoration:none;}
.tit .fl a:hover,.tit .fl a.aa { background:#02529b; color:#fff;}

.synews li { width:336px; padding:40px 35px; margin-left:35px; float:left; border:#efefef 1px solid;}
.synews li:first-child { margin-left:0;}
.synews li:hover { border-bottom:#0060a7 2px solid;}
.synews li .time {color:#9999a1;font-size:16px;}
.synews li .time span { display:block; font-size:32px; font-weight:400;font-family: din_n_;src: url(../fonts/din_n_.ttf);}
.synews li h3 { font-size:18px; font-weight:400; padding:15px 0;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.synews li h3 a { color:#000;}
.synews li:hover h3 a,.synews li h3 a:hover { color:#02529b;}
.synews li .tex {height: 60px;color: #9d9f9e;line-height: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.synews li .nimg { width:336px; height:134px; padding-top:15px;}
.synews li .nimg img {width:336px; height:134px;}
@font-face {
  font-family: din_n_;
  font-weight: 400;
  src: url(../fonts/din_n_.ttf);
}

.footer { clear:both; width:100%; padding-top:50px; background:#343539; min-width:1300px; color:#c3c3c3; overflow:hidden;}
.footer a{ color:#c3c3c3;}
.footer h3 { color:#fff; font-size:16px; padding-bottom:10px;}
.footer .ftlogo { float:left;}
.footer .ftbq { float:left; margin-bottom:50px; overflow:hidden; border-left:#5d5d61 1px solid; margin-left:80px;}
.footer .ftbq li { float:left; width:150px; padding:0 60px; border-right:#5d5d61 1px solid;}
.footer .ftbq li.ss { width:120px;}
.footer .ftbq li.s1 { width:200px;}
.footer .ftbq li a { white-space:nowrap; padding-right:15px;}
.footer .ew { float:right;}

.footer .ftlx { float:right; width:320px; padding-right:35px; overflow:hidden;}
.footer .ftlx .tt {overflow:hidden; background:url(../images/add.png) no-repeat 0 9px; margin-top:10px; padding-left:30px; line-height:34px;}

.footer2 { clear:both; width:100%; height:70px; line-height:70px; border-top:#747474 1px solid;color:#c3c3c3;}
.footer2 .fl { float:left;}.footer2 .fr { float:right;}

.about {padding:0 2%; font-size:16px; line-height:30px; overflow:hidden;}
.about p { padding:5px 0; text-indent:2em;}
.about img { margin-top:10px;}

.team li { width:96%; padding:20px; border:#ddd 3px solid; margin:15px 0; border-radius:15px; float:left;}
.team li:hover { border:#95c9ee 3px solid;}
.team li .pimg { width:20%; text-align:center; float:left;}
.team li .pimg img { height:280px; border-radius:10px;}
.team li .text { width:75%; float:right;}
.team li .text h3 { margin-bottom:15px; padding:5px 15px; font-size:20px; background:#004ea2; color:#fff; font-weight:bold;}
.team li .text h3 span { font-weight:400; padding-left:10px;-moz-opacity:0.7; filter:alpha(opacity=70); opacity:0.7; display:inline-block; font-size:16px;}
.team li .text .tex { padding:0 15px;}

.servic li { float:left; width:16.5%; padding:20px 3%; margin:10px 15px; border:#ddd 1px solid; min-height:250px;}
.servic li h3 { font-size:18px; font-weight:bold; padding-bottom:15px;}

.pro2 li {border:#ddd 1px solid; width:46%; background:#f7f7f7; padding:14px; margin:10px 10px 10px 9px; float:left; float: left;position: relative;}
.pro2 li .pimg { width:248px; float:left; height:200px;line-height: 200px; border:#ddd 1px solid; overflow:hidden; margin:0 auto; background:#fff; text-align:center;vertical-align: middle;position: relative;}
.pro2 li .pimg img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-width:100%; max-height:100%;transition:all 1s;}
.pro2 li .pimg:hover img{ transform:scale(1.2,1.2);transform-origin:center center}
.pro2 li .text { float:right; width:288px;}
.pro2 li h3 { color:#4b4b4b; font-size:18px; font-weight:bold; padding:10px 0;}
.pro2 li h3 a{ color:#4b4b4b;}
.pro2 li:hover h3 a{ color:#fff;}
.pro2 li p { color:#4b4b4b; line-height:24px;-moz-opacity:0.7; filter:alpha(opacity=70); opacity:0.7;}
.pro2 li:hover p { color:#fff;}
.pro2 li .more { padding-top:10px; height:28px; display:block;width:88px; margin:0 auto; text-align:center;}
.pro2 li .more a{ height:28px; width:88px;transition:all 500ms; color:#fff; background:#b7b7b7; text-decoration:none; font-size:12px; display:block;}
.pro2 li .more a:hover,.pro2 li:hover .more a { transition:all 500ms; color:#1b68cf; background:#fff;}

.pro3 li { float:left; width:370px; padding:15px 15px 5px 15px; overflow:hidden; color:#444; margin:15px; border:#ddd 1px solid;}
.pro3 li .pimg { width:100%; height:250px; overflow:hidden;text-align:center;position: relative;line-height: 250px;vertical-align: middle; background:#fff;}
.pro3 li .pimg img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-width:94%; max-height:94%;transition:all 1s;}
.pro3 li .pimg:hover img{ transform:scale(1.2,1.2);transform-origin:center center}
.pro3 li h3 { font-size:16px; font-weight:bold; height:70px; line-height:70px; border-top:#ececec 1px solid;}
.pro3 li h3 a { color:#2c2c2c; display:block; padding:0 15px; text-decoration:none;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.pro3 li:hover h3 a { color:#fff;}

.pro22 li {border:#ddd 1px solid; width:500px; background:#f7f7f7; padding:15px; float:left; margin:30px 34px;float: left;position: relative;}
.pro22 li .pimg { width:500px; height:333px;line-height: 333px; overflow:hidden; margin:0 auto; background:#fff; text-align:center;vertical-align: middle;position: relative;}
.pro22 li .pimg img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-width:100%; max-height:100%;transition:all 1s;}
.pro22 li .pimg:hover img{ transform:scale(1.2,1.2);transform-origin:center center}

.pro23 li {border:#ddd 1px solid; width:500px; background:#f7f7f7; padding:15px; float:left; margin:30px 34px;float: left;position: relative;}
.pro23 li .pimg { width:500px; height:281px;line-height: 281px; overflow:hidden; margin:0 auto; background:#fff; text-align:center;vertical-align: middle;position: relative;}
.pro23 li .pimg img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-width:100%; max-height:100%;transition:all 1s;}
.pro23 li .pimg:hover img{ transform:scale(1.2,1.2);transform-origin:center center}

.product .pimg { width:600px; height:450px; line-height:450px; text-align:center; float:left; border:#d4e3f5 10px solid;display: flex;align-items:center;justify-content:center;}
.product .pimg img { max-width:100%; height:auto !important; height:100%; margin:10px; vertical-align:middle;transition:all 1s;}
.product .pimg:hover img{ transform:scale(1.1,1.1);transform-origin:center center;border:#d4e3f5 1px solid;}
.product table { width:98%; margin:10px auto;border-bottom:#ccc 1px solid;border-right:#ccc 1px solid;}
.product td,.product th {padding:10px; font-size:14px; line-height:22px;border-top:#ccc 1px solid;border-left:#ccc 1px solid; font-family:Arial; text-align:center;}
.product th { background:#ddd; color:#333; font-weight:bold;}
.product .pro { width:20%; text-align:center;}
.product tr:nth-child(odd){background:#f7f7f7;}
.product tr:nth-child(even){background:#fff;}
.product td img { max-width:100%; height:auto !important; height:100%;}

.product .text2 { float:right; width:600px;}
.product .text2 h1 { text-align:left; width:100%; padding-bottom:15px;}
.product .text2 strong { display:inline-block; font-size:16px; color:#4e8cb8;}
.product .text2 p { padding:8px 0; border-bottom:#999 1px dotted; line-height:22px;}
.product .text2 p img { vertical-align:middle;}
.product .text2 img {max-width:100%; height:auto !important; height:100%;}

.othpro { clear:both;}
.othpro li { width:24%; float:left; margin-right:1%;}
.othpro li a { background:url(../images/01.gif) no-repeat 10px center; border-bottom:#999 1px dotted; padding-left:30px; display:block;}

.product .order { padding-top:25px;}
.mainbody h4 { margin:10px 0; background:#0f5cb2; color:#fff; padding:5px 15px; font-size:16px;}

.pro_img td { padding:0 5px; text-align:center;}
.pro_img .pro { background:#efefef; padding:10px;}
.pro_img .img { width:310px; height:200px; text-align:center; overflow:hidden; background:#fff;position: relative;line-height: 200px;vertical-align: middle;}
.pro_img .img img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-width:100%; max-height:100%;}
.pro_img p {overflow:hidden;white-space: nowrap;text-overflow: ellipsis; padding-top:5px; text-align:center;}

.news { padding:0 2%;font-size:16px; line-height:32px;}
.time0 { text-align:center; padding-top:10px; color:#999; font-size:14px;}
.news h1,.product h1 { width:85%; text-align:center; font-size:30px; font-weight:bold; line-height:35px; color:#333;margin:0 auto;}
.news p {padding:5px 0; text-indent:2em;}
.news img { margin:5px 0; max-width:100%; height:auto !important; height:100%;}
.news table { width:100%; margin:5px auto;border-bottom:#666 1px solid;border-right:#666 1px solid;}
.news td,.news th {padding:5px 10px; font-size:14px; line-height:22px;border-top:#666 1px solid;border-left:#666 1px solid;}
.news th { background:#f5f5f5; color:#666; font-weight:bold; line-height:35px; text-align:center;}

.news .ppimg { text-align:center; width:100%; margin:0 auto;}
.news .ppimg li { display:inline-block; margin:10px;}
.news ul.ppimg2 { width:80%; padding:0 10%;}

.contact { padding:0 2%; font-size:16px; line-height:30px;}
.contact strong { text-align:center; font-size:20px; color:#02529b; display:block;}

.contact li { float:left; padding:2%; width:27.8%; margin:2%; margin-right:0; border:#ddd 1px solid;-moz-box-shadow: 0px 0px 10px #ccc;-webkit-box-shadow: 0px 0px 10px #ccc;box-shadow:0px 0px 10px #ccc;}
.contact li:first-child { margin-left:0;}

.iw_poi_title { font-size:14px;}
.iw_poi_content { font-size:12px;}

.pnpage { clear:both; text-align:center;padding-top:25px; font-size:14px;}
.pnpage a { padding:2px 10px; font-weight:bold; margin:0 6px; border-radius:35px; text-decoration:none;}

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

.yy td {padding:3px 0; font-size:14px;}
.yy input { border:#b2b5b5 1px solid;height:25px;line-height: 25px; margin:0 3px; color: #222; padding:0 10px; outline:none;}
.yy textarea {border:#b2b5b5 1px solid; line-height:25px;margin:0 3px;color: #222; padding:0 10px; outline:none; width:70%;}
.yy input.aak { background:#000; color:#fff; line-height:25px; padding:0 10px; cursor:pointer;}
.yy input.s1 { width:70%;}
.yy input.s2 { width:10%;}

.sousou { width:1000px; height:50px; margin:10px auto; border:#0f5cb2 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:80%; background:url(../images/ss1.png) no-repeat 15px center;padding:0 15px 0 45px;}
.sousou input.searchimg1 { width:130px; background:#0f5cb2; color:#fff; border:0; text-align:center; float:right; cursor:pointer;}

.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:#ebf5fe; border:#adcae3 1px solid; color:#075da1;}
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:#075da1 url(../images/a2.png) no-repeat center;}
a.next{ background:#075da1 url(../images/a1.png) no-repeat center;}

.hzbg { width:100%; background:#f8f8f8; padding:15px 0; overflow:hidden; }
.hzbg .left { margin-top:20px;}

.ablist { padding-bottom:40px; overflow:hidden; text-align:center; font-size:16px;}
.ablist a { display:inline-block; padding:8px 60px; background:#efefef; color:#666; margin:0 20px; text-decoration:none; border-radius:40px;}
#kk1 a.kk1,#kk2 a.kk2,#kk3 a.kk3,#kk4 a.kk4,#kk5 a.kk5,#kk6 a.kk6,#kk7 a.kk7,#kk8 a.kk8,#kk22 a.kk22{background:#09509e; color:#fff;}

.ablist p { color:#999; text-align:left; padding-left:23px; font-size:14px; background:url(../images/h.jpg) no-repeat left center;}
.ablist p a { padding:0; background:none; color:#999; margin:0;}

.newlist li { width:96%; padding:30px 2%; margin:5px 0; float:left; border-bottom:#ddd 1px solid; line-height:24px;}
.newlist li .time { width:10%; color:#666;font-size:14px; float:left; border-right:#ddd 1px solid; padding:10px 0; text-align:center;}
.newlist li .time span { display:block; font-size:40px; font-weight:bold; padding:8px 0;}
.newlist li h3 { font-size:16px; padding-bottom:10px;overflow:hidden; float:left; width:24%; padding-left:2%;}
.newlist li h3 a { color:#005aba;}
.newlist li .text { width:60%;float:right;}
.newlist li .text .tex { overflow:hidden; color:#878787; line-height:20px;min-height: 40px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.joblist li { float:left; width:100%; padding:15px 0;}
.joblist li h3 { background:#ddd; padding:6px 15px; font-size:18px; font-weight:bold; border-radius:3px;}
.joblist li h3 span { display:inline-block; margin-left:15px; background:#f7f7f7; padding:0 15px; border-radius:30px; font-size:12px; font-weight:400; line-height:20px;}
.joblist li .tex { padding:10px 15px; border:#ddd 1px solid;}

.dingdan { padding:1% 2%; background:#f9f9f9; 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:#09509e; 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;}

.ssou5 { width:1240px; height:50px; margin:10px auto; border:#666 3px solid; border-radius:5px;}
.ssou5 input { font-size:16px; color:#666;padding:0; height:50px; line-height:50px; margin:0; border:0; background:none; outline:none;}
.ssou5 input.search1 { width:855px; background:url(../images/ss1.png) no-repeat 15px center;padding:0 15px 0 45px;}
.ssou5 form select {appearance:none;-moz-appearance:none;-weblit-appearance:none;}
.ssou5 select { width:185px; height:50px;position:relative; background:none; border:0; font-size:16px; line-height:50px; padding:0 25px 0 10px; margin:0; border-right:#ddd 1px solid;background: url(../images/arrow-down.png) no-repeat 158px center; cursor:pointer; color:#666;}
.ssou5 input.searchimg1 { width:130px; background:#666; color:#fff; border:0; text-align:center; float:right; cursor:pointer;}

@media screen and (min-width: 750px) and (max-width: 1300px) {
	.dingdan input,.dingdan textarea { width:44%;}
	.dingdan input.s1,.dingdan textarea { width:93.5%;}
}
@media screen and (min-width: 550px) and (max-width: 750px) {
	.dingdan input,.dingdan textarea { width:45.5%;}
	.dingdan input.s1,.dingdan textarea { width:95.5%;}
	.contact li { width:90%; margin:2% 0; padding:2% 5%;}
}
@media screen and (min-width: 300px) and (max-width: 750px) {
	.dingdan input,.dingdan textarea { width:93%; margin-top:5px;}
	.dingdan p { padding:0;}
	.dingdan input.s1,.dingdan textarea { width:93%;}
	.contact li { width:90%; margin:2% 0; padding:2% 5%;}
}