﻿
*{ margin:0; padding:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,td,tr,table,input,textarea,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;}   
.left{float:left;}.right{float:right;}
.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;}
.cb{ clear:both;}.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}
a{color: #565656; text-decoration: none; outline:none;}a:hover {color: #4b4c4c; text-decoration: underline}
body {background:#fff;font-size:14px;color: #565656;line-height:28px;font-family:Verdana; -webkit-text-size-adjust:none;}

.mainbody { width:1140px; margin:0 auto;font-family:Microsoft YaHei;}
.main { width:900px; margin:0 auto;font-family:Microsoft YaHei;}

.header { width:100%; height:107px; border-top:#2b4e82 6px solid; overflow:hidden;}
.head {width:1140px; height:107px; margin:0 auto;}
.head .logo { width:476px; height:67px; float:left; margin-top:20px;}
.head .tel { width:339px; height:41px; float:right; margin-top:33px;}

.navbg { clear:both; width:100%; height:60px; padding-top:1px; background:url(../image/in_11.jpg) no-repeat; overflow:hidden;}
.nav { width:1140px; margin:0 auto; height:60px; overflow:hidden;}
.nav ul li {height:60px;  text-align:center; float:left; font-size:18px;font-family:Microsoft YaHei; background:url(../image/line.jpg) no-repeat right center; padding:0 1px;}
.nav ul li a,.nav ul li a:visited{color:#171717; padding:5px 5px 0 5px; margin:0 25px 0 26px; height:56px;line-height:50px; display:block;}
.nav ul li a:hover{color:#171717; text-decoration:none; border-top:#ff0101 5px solid;padding:0 5px 0 5px;}

#nav1 .nav1 a,#nav2 .nav2 a,#nav3 .nav3 a,#nav4 .nav4 a,#nav5 .nav5 a,#nav6 .nav6 a,#nav7 .nav7 a,#nav8 .nav8 a,#nav9 .nav9 a,#nav10 .nav10 a,#nav11 .nav11 a{color:#171717; text-decoration:none; border-top:#ff0101 5px solid;padding:0 5px 0 5px;}

h1 { width:85%; text-align:center; font-size:22px; font-weight:bold; line-height:30px; color:#333; padding-bottom:20px; margin:0 auto;}

.flash { clear:both; width:100%; height:360px; overflow:hidden; text-align:center; position:relative;}

.tit { width:100%; border-bottom:#ddd 2px solid; line-height:45px; overflow:hidden; margin-bottom:20px;}
.tit h3 {color:#e30010; font-size:20px;}
.tit h3 span {text-transform:uppercase; color:#999;font-family:Verdana; font-size:16px; padding-left:10px; font-weight:100;}

.tit2 { width:240px; background:#01c5f9; height:110px; overflow:hidden;}
.tit2 h3 {color:#fff; font-size:24px; font-weight:100; padding-top:30px; padding-left:40px;}
.tit2 h3 span {color:#fff;font-family:Verdana; font-size:18px; display:block;}

.nav_left { width:254px; background:url(../image/h2.png) no-repeat bottom left; padding-bottom:1px;overflow:hidden;}
.nav_left li {width:254px; float:left; height:83px; font-size:18px; line-height:83px; background:url(../image/yh2.png) no-repeat left center;}
.nav_left li a { display:block; color:#797979; text-decoration:none; padding-left:64px;background:url(../image/h1.png) no-repeat 40px center;}
.nav_left li a:hover {background:url(../image/yh3.png) no-repeat left center; color:#fff;}
.nav_left li:hover {background:url(../image/yh3.png) no-repeat left center; color:#fff;}
.nav_left li:hover a:hover {background:url(../image/h11.png) no-repeat 40px center; color:#fff;}

.abtit { clear:both; width:100%; line-height:48px; overflow:hidden; margin-bottom:20px;}
.abtit h3 {color:#171717; font-size:39px; font-weight:bold; float:left;}
.abtit h3 b{ color:#ff0101;}
.abtit h3 span {text-transform:uppercase; color:#d4d4d4; font-size:26px; padding-left:10px;}
.abtit a { font-size:16px; width:124px; text-align:center; height:38px; float:right;display:block; line-height:38px; background:#00c4ff; color:#fff; margin-top:5px;}

.nyleft { width:254px; float:left;}
.nyright { width:830px; float:right; font-size:15px; line-height:32px;}

.sypro .abtit { background:url(../image/in_14.jpg) no-repeat left center;}
.sypro .abtit h3 { padding-left:57px;}
.sypro li { float:left; width:360px; margin:10px 0 15px 24px; overflow:hidden; text-align:center; border:#fff 2px solid;}
.sypro li.k1,.sypro li.k4 { margin-left:0;}
.sypro li:hover { border:#00c4ff 2px solid;}
.sypro li .pimg { width:360px; height:240px; overflow:hidden;}
.sypro li .pimg img { width:360px; height:240px; transition:all 0.2s;}
.sypro li .pimg:hover img{ transform:scale(1.1,1.1);transform-origin:center center}
.sypro li .pro { width:100%; height:45px; line-height:40px; overflow:hidden; font-size:16px;}

.sybg { width:100%; padding:50px 0; background:#fafafa; overflow:hidden;}
img.abimg { float:right; margin-top:10px;}
.sytex { float:left; width:530px; overflow:hidden; color:#353535; font-size:15px; line-height:34px;}
.sytex .abtit { background:url(../image/he.jpg) no-repeat center bottom; text-align:center; padding-bottom:20px;}
.sytex .abtit h3 { float:none;}
.syab { width:100%; height:200px; overflow:hidden; padding-top:15px;}
.syab p { text-indent:2em;}
.sytex a.more { font-size:16px; width:124px; text-align:center; display:block; height:46px; line-height:46px; background:#00c4ff; color:#fff; margin-top:27px;}

.synews { width:621px; float:left; background:url(../image/in_37.jpg) no-repeat bottom; overflow:hidden; padding-bottom:21px;}
.new_bg { width:571px; background:url(../image/in_34.jpg) repeat-y; overflow:hidden; padding:20px 25px;}
.tit3 { width:100%; line-height:68px; background:url(../image/in_28.jpg) no-repeat; overflow:hidden;}
.tit3 h3 { font-size:24px; color:#2b4e82; padding-left:80px;}
.tit3 h3 span { font-size:19px; color:#a8a8a8; padding-left:10px;}
.new_img { width:240px; height:157px; background:url(../image/nbg.jpg) no-repeat; float:left; overflow:hidden;}
.new_img img { width:220px; height:139px; margin:9px 10px;}
.new_tex { width:300px; float:right;}
.new_tex h3 { font-size:16px; font-weight:bold; padding-bottom:5px;}
.new_tex .tex { width:100%; line-height:22px; color:#898989; height:44px; overflow:hidden; margin-bottom:2px;}
.new_tex .sytime { background:url(../image/dda.jpg) no-repeat left center; padding-left:22px; font-size:12px; color:#a8a8a8;}
.new_tex a.more2 { display:block; margin-top:15px; width:97px; height:31x; background:#6d6d6d; line-height:31px; color:#fff; text-align:center;}
.new_bd { clear:both; padding-top:30px; background:url(../image/a1.jpg) repeat-x top; overflow:hidden;}
.new_bd li { width:100%; background:url(../image/dian.jpg) repeat-x bottom; height:35px; line-height:35px; overflow:hidden;}
.new_bd li a { display:block; background:url(../image/03.png) no-repeat 8px center; color:#4b4b4b; padding-left:20px; width:380px; height:35px; float:left;}
.new_bd li span { display:block; float:right; text-align:right; height:35px; color:#949494; padding-right:5px;}

.sypro2 { width:498px; float:right; background:url(../image/in_38.jpg) no-repeat bottom; overflow:hidden; padding-bottom:21px;}
.pp_bg { width:428px; height:257px; background:url(../image/in_36.jpg) repeat-y; overflow:hidden; padding:20px 35px;}
.sypro2 .tit3 {background:url(../image/in_30.jpg) no-repeat;}
.pp_bd li { width:100%; background:url(../image/dian.jpg) repeat-x bottom; height:35px; line-height:35px; overflow:hidden;}
.pp_bd li a { color:#4b4b4b;}

.lxbg { width:982px; margin:0 auto; background:url(404.png) repeat; overflow:hidden; padding:30px;}
.ly_left { width:485px; float:left; height:160px; overflow:hidden;}
.ly_right { width:485px; float:right; height:160px; overflow:hidden;}
.ly_left p,.ly_right p{ margin-bottom:11px; font-size:16px;font-family:Microsoft YaHei;}
.ly_left input,.ly_right textarea { width:463px; border:#6c6c6c 1px solid; font-size:15px; line-height:44px; color:#9e9e9e; padding:0 10px;font-family:Microsoft YaHei; height:44px;}
.ly_right textarea { height:158px;}
.lxbg input.ss3 { border:0; width:110px; line-height:35px; background:#b20000; color:#fff; text-align:center; margin:0 20px;}

.pro2 li { float:left; width:250px; margin:10px 10px 20px 15px; overflow:hidden; text-align:center;}
.pro2 li .pimg { width:250px; height:167px; overflow:hidden;}
.pro2 li .pimg img { width:250px; height:167px; transition:all 0.2s;}
.pro2 li .pimg:hover img{ transform:scale(1.1,1.1);transform-origin:center center}

.pro3 li { float:left;width:350px; margin:10px 8px 20px 8px; text-align:center;}
.pro3 li a { text-decoration:none;}
.pro3 li .pimg { width:350px; height:263px; overflow:hidden;}
.pro3 li .pimg img{ width:350px; height:263px; transition:all 0.2s;}
.pro3 li .pimg:hover img{ transform:scale(1.1,1.1);transform-origin:center center}
.pro3 li p { width:350px; height:35px; line-height:35px; background:#333; color:#fff; border-top:#fff 1px solid;}

.footer3 { width:100%; padding-top:40px; background:#e1e1e1; overflow:hidden;font-family:Microsoft YaHei; color:#737373;}
.footer3 .ftbq,.footer3 .ftlx { height:214px; float:left; background:url(../image/in_42.jpg) no-repeat left top; padding-left:30px; overflow:hidden;}
.footer3 h3 { font-size:24px; color:#000; padding-bottom:10px;}
.footer3 .ftbq { width:245px; font-size:15px; line-height:35px; margin-left:40px;}
.footer3 .ftbq a { float:left; width:49%; display:block;}
.footer3 .ftlx { width:460px; line-height:35px;}
.footer3 .ftew { float:right; text-align:center; padding-right:65px;}
.footer3 .ftew img { border:#c1c1c1 9px solid; display:block; margin-bottom:5px;}

.footer2 { clear:both; width:100%; background:#6d6d6d; height:52px; line-height:52px; font-family:Microsoft YaHei;color:#fff; overflow:hidden; text-align:center;}
.footer2 span.zzb07tail a,.footer2 a{ color:#fff;}

.about { padding:0 25px;}
.about p {padding:5px 0; text-indent:2em;}

.product { padding:0 25px;}
.product h3 { clear:both; font-size:18px; font-weight:bold; background:url(../image/01.gif) no-repeat left center; padding:10px 0 5px 20px;}

.product .pimg { width:240px; height:160px; float:right; overflow:hidden; margin:8px 0 10px 15px;}
.product .pimg img { width:240px; height:160px; transition:all 0.2s;}
.product .pimg:hover img{ transform:scale(1.1,1.1);transform-origin:center center}
.product a.more { display:block; width:100px; height:28px; line-height:28px; margin:10px auto; background:#f60; border-radius:10px; color:#fff; text-align:center; text-decoration:none;}

.product table { width:98%; margin:10px auto; border-left:#ccc 1px solid;border-top:#ccc 1px solid;}
.product td,.product th {border-right:#ccc 1px solid;border-bottom:#ccc 1px solid; padding:5px 10px;text-align:center; font-size:14px; line-height:22px;}
.product th { color:#000; font-weight:bold;  background:#efefef; line-height:30px;font-size:16px;}
.product tr:nth-child(odd){background:#f2fcff;}
.product tr:nth-child(even){background:#ecf5ff;}

ul.newlist{widht:760px; overflow:hidden; padding-left:35px;}
ul.newlist li { width:760px; float:left; line-height:35px; background:url(../image/dian.jpg) repeat-x bottom;}
ul.newlist li a{ width:80%;heigth:35px; display:block; overflow:hidden; float:left; color:#666; background:url(../image/aa3.jpg) no-repeat left center; padding-left:25px;}
ul.newlist li span{ width:15%;heigth:35px; display:block; overflow:hidden; float:right; overflow:hidden; text-align:right; font-size:13px}

.news { padding:0 25px;min-height:200px; height:auto !important;height:200px; overflow:auto;zoom:1;}
.ny_time { font-size:12px; text-align:center; width:100%;}
.ny_time span { padding:0 20px;}
.news p {padding:3px 0; text-indent:2em;}
.news img { max-width:600px; height:auto !important; height:100%; margin:5px 0;}
.news table { width:96%; margin:10px auto; border-left:#999 1px solid;border-top:#999 1px solid;}
.news td,.news th {border-right:#999 1px solid;border-bottom:#999 1px solid; padding:3px 5px; font-size:12px; line-height:20px;}

.contact {overflow:hidden; padding:0 25px;}
.contact strong { font-size:16px; display:block; padding-bottom:13px; line-height:25px;}
.contact p { line-height:35px; background:url(../image/dian.jpg) repeat-x bottom; overflow:hidden; padding-left:2em;}

table.bak { width:96%; margin:10px auto; border-left:#ccc 1px solid;border-top:#ccc 1px solid;}
.bak td,.bak th {border-right:#ccc 1px solid;border-bottom:#ccc 1px solid; padding:5px 10px; font-size:14px; line-height:22px;}
.bak th { color:#000; font-weight:bold; text-align:center; background:#efefef; line-height:35px;}
.bak .pro { background:#f8f8f8; width:20%; text-align:center;}
.bak a.more { display:block; width:100px; height:28px; line-height:28px; background:#f60; border-radius:10px; color:#fff; text-align:center; text-decoration:none;}

.pnpage { clear:both; text-align:center; padding-top:10px; font-size:14px;}
.pnpage a { padding:0 10px; font-weight:300; color:#f60;}

.close { clear:both; text-align:center; padding-top:15px;}

table.yy { width:780px; margin:0 auto;}
.yy td {padding:3px 0; font-size:14px;}
.yy input { border:#b2b5b5 1px solid;height:25px;line-height: 25px; margin:0 3px; color: #222;}
.yy textarea {border:#b2b5b5 1px solid; line-height:25px;margin:0 3px;color: #222;}
input.aak { background:#000; color:#fff; line-height:25px; padding:0 10px; cursor:pointer;}

.txtc { clear:both; text-align:center; font-size:12px}
span.current,a.num { display:inline-block; margin:0 5px; padding:0 8px; height:23px; line-height:23px;}
span.current,a.num:hover { background:#fbeded; border:#ff5203 1px solid; color:#ff5203;}
a.num,a.end,a.next,a.prev { border:#cdcdcd 1px solid; color:#333; background:#fff; text-decoration:none;}
a.end,a.next,a.prev { display:inline-block; padding:0 8px;height:23px; line-height:23px;}
a.prev { margin:0 5px;}

.iw_poi_content { line-height:22px;}
.iw_poi_title { font-size:16px; color:#d13626;}

.right-btn-group {position: fixed;bottom: 20%;right: 10px;width:34px;height: 70px;z-index: 200}
.right-btn-group .show-wechat,.right-btn-group .show-ew, .right-btn-group .to-top {border-radius: 2px;background-color: #686868}
.right-btn-group .show-wechat a:hover span, .right-btn-group .show-ew a:hover span, .right-btn-group .to-top a:hover span {display: block}

.right-btn-group .show-ew {position: absolute;bottom:36;right: 0;width: 34px;height: 34px}
.right-btn-group .show-ew a {border-radius: 2px;display: block;width: 34px;height: 34px;background: url(../image/common1.png) no-repeat center}
.right-btn-group .show-ew a span {display: none;position: absolute;width: 140px;height: 165px;top: 0;left: -140px;background-color: #fff;-webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.22);box-shadow: 0 2px 8px 0 rgba(0,0,0,.22);text-align: center}
.right-btn-group .show-ew a span em {font-size: 14px;font-weight: 700;color: #666}

.right-btn-group .to-top {position: absolute;bottom:0;right: 0;width: 34px;height: 34px}
.right-btn-group .to-top a {border-radius: 2px;display: block;width: 34px;height: 34px;background: url(../image/common2.png) no-repeat center}
.right-btn-group .to-top a:hover {background-color: #10c55b}
.right-btn-group .to-top span {display: none;position: absolute;width: 70px;height: 34px;font-size: 12px;text-align: center;line-height: 34px;top: 0;left: -70px;z-index: 5;color: #fff;background-color: #686868}
.right-btn-group .to-top span:after {content: ' ';top: 11px;right: -10px;width: 1px;height: 1px;display: block;position: absolute;z-index: 5;border-bottom: 5px transparent dashed;border-left: 5px #686868 solid;border-right: 5px transparent dashed;border-top: 5px transparent dashed}

.syeq { width:1132px; border:#2b4e82 3px solid; border-bottom:none; overflow:hidden;}
.abtit2 { width:100%; background:url(../image/in_22.jpg) no-repeat left center; height:46px; line-height:46px; overflow:hidden}
.abtit2 h3 { font-size:24px; color:#fff; font-weight:bold; padding-left:45px; float:left;}
.abtit2 a { font-size:14px; width:90px; text-align:center; height:28px; line-height:28px; float:right;display:block; background:#00c4ff; color:#fff; margin-top:5px;}
.line2 { clear:both; height:88px; overflow:hidden; background:url(../image/in_25.jpg) no-repeat;}
.pro_img td { padding:0 10px; text-align:center;}
.pro_img img{ height:240px; display:block; margin-bottom:5px;}