@charset "utf-8";
/* 产品 */

p,div, ul, li{ box-sizing:border-box; font-size:100%;}
.flo{ float:left;}
.cle{
	clear:both;
	height:0px;}

.clearfix,.cb{ clear:both;}

.mainbody { width:96%; margin:0 auto; overflow:hidden;}
.mainbody2 { width:96%; margin:0 auto; overflow:hidden; background:#fff; padding:2%;}

.abimg { clear:both; overflow:hidden; text-align:center; margin-top:50px;}
.abimg img { max-width:100%; height:auto !important; height:100%;}

.sybg { clear:both; padding:10px; overflow:hidden;}
/*关于我们*/
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;}
.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2758a7;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: white;}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}

.abtit { clear:both; width:100%; padding-bottom:15px; overflow:hidden; text-align:center;}
.abtit h3 { font-size:1.4em; color:#000; font-weight:bold; text-transform:uppercase; line-height:40px;}
.abtit span { color:#1764ae;}
.abtit p { color:#333; font-size:0.8em; padding-top:8px; text-transform:uppercase;}

.abtit2 { clear:both; width:100%; padding-bottom:15px; overflow:hidden; text-align:center;}
.abtit2 h3 { font-size:1.4em; color:#0071be; font-weight:bold; text-transform:uppercase; line-height:40px;}
.abtit2 span { color:#757575;}
.abtit2 p { color:#999; font-size:0.8em;padding:8px 15px 0 15px;}
.abtit2 img { width:15%; margin:0 10px; vertical-align:middle;}

.abtit3 { clear:both; width:100%; padding-bottom:15px; line-height:40px; overflow:hidden; text-align:center;}
.abtit3 p {font-size:1.6em; color:#333; padding-top:8px; font-weight:bold; text-transform:uppercase;}
.abtit3 h3 { font-size:1.2em; color:#0071be;}

.tit {clear:both; width:100%;height:45px;line-height:45px; margin-bottom:15px; background:#f2f2f2;}
.tit p { font-size:14px; color:#666; margin:0 6px; font-family:Arial; background:url(../images/wap_aa.png) no-repeat 5px center; padding-left:25px;}

.about { line-height:1.4em;overflow:hidden;}
.about p {  padding:5px 0; }
.about img { max-width:100%; height:auto !important; height:100%;}
.ab img { margin-bottom:10px;}

.culture .tex { background:#eee; padding:20px; overflow:hidden;font-size:18px;}
.culture .bt{text-align:center;padding-top:70px;}
.culture .bt h1{font-size:30px;font-weight:bold;color:#000;padding-bottom:22px;}
.culture .bt img { display:inline-block;}

.ab2 { font-size:14px;}
.ab2 img,.ab3 img { max-width:100%; height:auto !important; height:100%; margin-left:10px;}
.ab3 p { text-indent:2em;}

.product h1,.news h1 { text-align:center; font-size:1.4em; line-height:1.4em}
.product {line-height:1.6em;}
.product p { margin:3px 0;}
.product img { max-width:100%; height:auto !important; height:100%;}

.product .tt { text-align:center; line-height:40px; background:#1375d9;}
.product .tt h3 { font-size:20px; color:#fff; font-weight:400;}

.product table{ width:100%; margin:10px auto;}
.product td,.product th {padding:3px 5px; font-size:14px; line-height:20px;}
.product th { background:#ccc; color:#fff; font-weight:bold; text-align:center;}

table.bak { width:100%; margin:0 auto;border-top:#d0dde9 1px solid;border-left:#d0dde9 1px solid;}
.bak td,.bak th { font-size:14px; line-height:20px; padding:3px;border-bottom:#d0dde9 1px solid;border-right:#d0dde9 1px solid;}
.bak th { background:#0660bb; color:#fff; font-weight:bold; text-align:center; line-height:35px;}

table.bak2 { width:98%; margin:0 auto;border-bottom:#98bac3 1px solid;border-right:#98bac3 1px solid;}
.bak2 td,.bak2 th {padding:3px 10px; text-align:center; font-size:14px; line-height:20px;border-top:#98bac3 1px solid;border-left:#98bac3 1px solid; font-family:Verdana}
.bak2 th { background:#1c599d; color:#fff; font-weight:bold; line-height:30px;}

.ssou5 { width:100%; height:40px; margin:10px auto; border:#666 2px solid; border-radius:5px;overflow:hidden;}
.ssou5 input { font-size:14px; color:#666;padding:0; height:40px; line-height:40px; margin:0; border:0; background:none; outline:none;}
.ssou5 input.search1 { width:58%; background:url(../images/ss1.png) no-repeat 10px center;padding:0 15px 0 40px;}
.ssou5 input.searchimg1 { width:25%; background:#666; color:#fff; border:0; text-align:center; float:right; cursor:pointer; overflow:hidden;}


.news {padding:0 10px; overflow:hidden; line-height:1.4em;}
.news p { padding:5px 0; }
.news a { color:#444;}
.time0 { text-align:center; font-size:12px; color:#999; padding:10px 0; border-bottom:#ddd 1px dashed;}
.news img { max-width:100%; height:auto !important; height:100%;}
.ab22 p { text-indent:0;}

.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 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;}

.pnpage { font-size:14px; text-align:center; clear:both; padding-top:15px;}
.pnpage a { padding:0 15px;}

/*新闻*/

.pro5 li { float:left; width:100%; padding:15px 0; border-bottom:#ddd 1px solid; line-height:1em;}
.pro5 li .pimg { width:100%;}
.pro5 li .pimg img{ max-width:100%; height:auto !important; height:100%; border-radius:10px;}
.pro5 li .text { width:100%; padding-top:10px;}
.pro5 li .text h3 { font-size:1.2em; padding-bottom:10px;}
.pro5 li .text p { font-size:0.8em; color:#999;}
.pro5 li .text a { padding-top:10px; display:block; color:#024e8a; font-size:0.8em;}

.synews { padding-top:10px;}
.synews li { float:left; padding:5px 0; width:100%; border-bottom:#ddd 1px dotted; font-size:0.8em;}

/*底部*/

.downb{ background:#0054a3; width:100%; padding:10px 0; margin-bottom:60px; clear:both;}
.downb .foot_p2{ font-size:14px; color:#fff; text-align:center;}
.downb .foot_p2 a{color:#fff;}
.downb img { vertical-align:middle;}

.pppp { padding-left:10px;}
.pppp li { display:inline-block; width:33%; padding:0 1.5%; float:left;}
.pppp li h2 { font-size:24px; color:#ff9100; font-weight:100; padding:15px 0; font-family:Arial;}
.pppp li p { color:#666; font-size:14px; text-align:left;}
.aaaa li h2 { font-size:20px;}

.pppp2 { padding-left:10px;}
.pppp2 li { display:inline-block; width:46%; text-align:center; margin:1%; border:#ddd 1px solid; float:left; font-family:Arial; overflow:hidden;}
.pppp2 li .pimg { padding:3px; height:120px; overflow:hidden;}
.pppp2 li .pimg img { max-width:100%; height:auto !important; height:100%;}
.pppp2 li h2 { font-size:16px; color:#ff9100; font-weight:500;}
.pppp2 li p { color:#666; font-size:14px; padding:5px 0;}

.abbg { clear:both; padding:10px; overflow:hidden; background:url(../images/index_01.jpg) no-repeat; background-repeat:no-repeat; background-position:center bottom; background-size:cover}

.tit2 {overflow:hidden; margin-bottom:20px;}
.tit2 h3 {color: #0f0f0f;font-size:24px;font-weight:bold; text-transform:uppercase;}
.tit2 p { color:#0054a3;font-weight: 300; font-size:16px; font-family:Arial;}

.syabout img { max-width:100%; height:auto !important; height:100%;}
.syabout .sytex { clear:both; overflow:hidden; line-height:24px; font-size:16px;}
.syabout .sytex p { padding:5px 0;}
.syabout .more { padding-top:15px; overflow:hidden; font-size:14px;}
.syabout .more a { display:inline-block; padding:5px 30px; color:#fff; text-decoration:none; background:#0054a3;}
.syabout .more a:hover { background:#f19e10; transition:all 0.5s;}
 
.more22 { width: 120px;height:30px;line-height:30px;text-align: center; clear:both; margin-top:15px;}
.more22 a{ display:block; color:#fff; font-size:14px;background: #e1671e; text-decoration:none; border-radius:25px;}
.more22 a:hover {background: #fff;transition: all 500ms; color:#e1671e;}

.blank5 { clear:both; height:5px; display:block; overflow:hidden;}
.blank10 { clear:both; height:10px; display:block; overflow:hidden;}
.blank15 { clear:both; height:15px; display:block; overflow:hidden;}
.blank20 { clear:both; height:20px; display:block; overflow:hidden;}
.blank30 { clear:both; height:30px; display:block; overflow:hidden;}
.blank40 { clear:both; height:40px; display:block; overflow:hidden;}
.blank50 { clear:both; height:50px; display:block; overflow:hidden;}
.blank60 { clear:both; height:60px; display:block; overflow:hidden;}

.ssou { width:96%; height:50px; margin:10px auto; border:#136fbf 3px solid; border-radius:5px; background:#fff; overflow:hidden;}
.ssou input { font-size:16px; color:#666;padding:0; height:50px; line-height:50px; margin:0; border:0; background:none; outline:none;}
.ssou input.button1 { width:62%; background:url(../images/ss1.png) no-repeat 15px center;padding:0 5% 0 13%;}
.ssou input.button2 { width:20%; background:#0f7dcb; color:#fff; border:0;height:44px; text-align:center; float:right; cursor:pointer;}

.contact {overflow:hidden;line-height:1.4em;}
.contact h3 { font-size:1.2em; font-weight:700; padding:15px 0 5px 0;}
.contact p { font-size:16px; padding:5px 0;}


.newlist ul {overflow:hidden;}
.newlist li { width:99%; margin:10px 5px; padding:10px; line-height:22px; font-size:14px; float:left;-moz-box-shadow: 0px 0px 5px #ccc;-webkit-box-shadow: 0px 0px 5px #ccc;box-shadow:0px 0px 5px #ccc;}
.newlist li h3 { font-size:16px; padding-bottom:10px;overflow:hidden;}
.newlist li h3 a { color:#000;}
.newlist li h3 span { color:#1b68cf; padding-right:5px;}
.newlist li .time { color:#c3c3c3; font-size:12px; padding-bottom:5px; width:100%;}
.newlist li .text { color:#7a7a7a; line-height:20px;}

.newbg { clear:both; padding:20px 10px; overflow:hidden;}
.newop ul {overflow:hidden;}
.newop li { width:99%; margin:10px 0; padding:10px; line-height:22px; font-size:14px; float:left;-moz-box-shadow: 0px 0px 5px #ccc;-webkit-box-shadow: 0px 0px 5px #ccc;box-shadow:0px 0px 5px #ccc;}
.newop li .pimg { margin-bottom:6px; overflow:hidden;}
.newop li .pimg img { max-width:100%; height:auto !important; height:100%;}
.newop li h3 { font-size:16px; padding-bottom:10px;overflow:hidden;}
.newop li h3 a { color:#000;}
.newop li h3 span { color:#1b68cf; padding-right:5px;}
.newop li .time { color:#666; font-size:12px; padding-top:5px; width:40%; float:left;}
.newop li .more { width:40%; float:right;font-size:12px; text-align:right;}

.newlist2 li { width:100%; padding:10px 0; line-height:22px; font-size:14px; float:left; border-bottom:#999 1px dotted;}
.newlist2 li .time { width:25%; color:#fff;font-size:14px; float:left; text-align:center; background:url(../images/index_10.jpg) no-repeat; background-size:cover; padding-bottom:8px;}
.newlist2 li .time span { font-size:28px; display:block;line-height:35px;}
.newlist2 li .text { width:70%;float:right; padding-right:10px;}
.newlist2 li .text h3 { font-size:16px; padding-bottom:10px;overflow:hidden;}
.newlist2 li .text h3 a { color:#000;}
.newlist2 li .text .tex { height:40px; overflow:hidden; color:#878787; line-height:20px;}
.newlist2 li:hover .time { background:#0b68b2; color:#fff;}


.prolist ul { padding:0 10px;}
.prolist li { width:98%; margin:10px 0; line-height:22px; font-size:14px; float:left;-moz-box-shadow: 0px 0px 5px #ccc;-webkit-box-shadow: 0px 0px 5px #ccc;box-shadow:0px 0px 5px #ccc; padding:10px;}
.prolist li .pimg { width:40%;overflow:hidden; float:left;}
.prolist li .pimg img { max-width:100%; height:auto !important; height:100%;}
.prolist li .text { width:55%; float:right;}
.prolist li .text h3 { font-size:18px; font-weight:600; padding:20px 0;}
.prolist li .more { width:120px; text-align:center; line-height:30px; text-align:center;}
.prolist li .more a { display:block; background:#005aab; color:#fff; border-radius:5px; text-decoration:none;}
.prolist li .more a:hover {background:#034683;}

.prolist2 li { width:100%; margin:10px 0; line-height:22px; font-size:14px; float:left;border-radius:10px; background:#eee;}
.prolist2 li .title { text-align:center; color:#fff; background:#2486d4; border-radius:10px 10px 0 0; padding:10px 0;}
.prolist2 li .title h3 { font-size:20px;}
.prolist2 li .title p { font-size:14px;}
.prolist2 li .text { padding:15px; overflow:hidden;}
.prolist2 li .pimg { width:100%;overflow:hidden; margin-bottom:5px;}
.prolist2 li .pimg img { max-width:100%; height:auto !important; height:100%;}
.prolist2 li .txt { font-size:16px; line-height:24px; padding:5px;}
.prolist2 li:hover { background:#0b68b2; color:#fff;}

.flimg2 li { width:100%; position:relative; float:left; margin:2% 0; cursor:pointer; background:#eee; overflow:hidden; text-align:center;}
.flimg2 li img { max-width:94%; height:auto !important; height:100%; margin:3%; display:inline-block;}
.flimg2 li p { padding-bottom:10px;}

.ablist { text-align:center; padding-bottom:15px;}
.ablist a { display:inline-block; margin:5px; padding:5px 10px; background:#e8e8e8; color:#444; font-size:0.8em; border-radius:5px;}
.ablist a:hover { background:#0b68b2; color:#fff;}

#k1 a.k1,#k2 a.k2,#k3 a.k3,#k4 a.k4,#k5 a.k5,#k6 a.k6,#k7 a.k7,#k8 a.k8,#k9 a.k9,#k10 a.k10,#k11 a.k11,#k12 a.k12,#k13 a.k13,#k14 a.k14,#k15 a.k15,#k16 a.k16,#k17 a.k17,#k18 a.k18 {background:#0b68b2; color:#fff;}

.nypro h2 { font-size:1.4em; padding:15px 0; text-align:center; color:#1f63ac;}
.nypro li {width:100%; padding:5px 0; float:left; font-size:0.8em; line-height:1.4em; border-bottom:#999 1px dotted;}
.nypro li span { color:#f60; padding-right:8px;}

.iw_poi_title { font-size:16px;}
.iw_poi_content { font-size:14px;}

.ssou2 { width:98%; margin:10px auto; border:#2784ca 3px solid; border-radius:5px; background:#fff;}
.ssou2 input { font-size:16px; color:#666;padding:0; height:40px; line-height:0px; margin:0; border:0; background:none; outline:none;}
.ssou2 input.search1 { width:62%; background:url(../images/ss.png) no-repeat 15px center;padding:0 15px 0 45px;font-family:Microsoft YaHei;}
.ssou2 input.searchimg1 { width:20%; background:#2784ca; color:#fff; border:0; text-align:center; float:right; cursor:pointer;font-family:Microsoft YaHei;}

.syfl li { width:50%; line-height:32px; float:left;}
.syfl li a { padding-left:25px; font-size:16px; height:32px;background:url(../images/wap_p04.jpg) no-repeat left center; display:block;}
.syfl li a:hover {background:url(../images/wap_p05.jpg) no-repeat left center; color:#0057a1;}
.probg { clear:both; padding:20px 10px; overflow:hidden; background-image:url(../images/wap_b03.jpg); background-repeat:no-repeat; background-position:center; background-size:cover;}
.probg .abtit2 h3,.probg .abtit2 p { color:#fff;}
.pro_img td { padding:0 5px;}
.pro_img .sypro { width:239px;overflow:hidden;text-align:center; background:#c0dfff;}
.pro_img .pimg { width:227px; height:169px; overflow:hidden;position: relative; margin:6px; margin-bottom:2px;}
.pro_img .pimg img {width:227px; height:169px;}
.pro_img .sypro .text { overflow:hidden; padding:5px 0;}
.pro_img .sypro h3 { font-size:18px; font-weight:400; padding:5px 0; height:30px; line-height:30px; overflow:hidden;}
.pro_img .sypro h3 a { color:#3d3d3d;}

.zyyw li { width:100%; float:left; margin:10px 0;}
.zyyw li img { max-width:100%; height:auto !important; height:100%;border-radius:8px;}
.zyyw li .tex { width:100%; height:60px;}
.zyyw li .tex h3 { font-size:24px; padding-bottom:5px;}
.zyyw li .tex p { font-size:16px; padding:0 5px; line-height:20px;}

.more33 { clear:both;overflow:hidden; text-align:center;}
.more33 a {display:inline-block; padding:0 35px;height: 30px;line-height: 30px;color: #3d3d3d;text-decoration: none;border:#ddd 1px solid; font-size:14px; background:#fff;}
.more33 a:hover { color:#0883d3;}

.sybg2 { clear:both;overflow:hidden; text-align:center; padding:20px 10px; background:#0883d3; color:#fff; line-height:1.4em;}
.sybg2 h2 { font-size:1.2em;}
.sybg2 h3 { font-size:0.8em; font-weight:400; line-height:24px; padding:10px 0;}
.sybg2 .gg_r ul li{width:25%;text-align:center;float:left;}
.sybg2 .gg_r ul li .gg_img{width:50px;height:50px;overflow:hidden;margin:0 auto;}
.sybg2 .gg_r ul li .gg_txt{font-size:16px;color:#fff;padding-top:10px;}
.sybg2 .gg_r ul li:hover .gg_img img{margin-top:-50px; transition:all 1s;}
.sybg2 .gg_r ul li:hover .gg_txt{color:#f7d51a;font-weight:bold;}

.pro_img2 td { padding:0 5px;}
.pro_img2 .syzs { background:#fff; padding:7px; overflow:hidden;}
.pro_img2 .pimg { width:260px; height:184px;text-align:center; margin-bottom:6px; overflow:hidden;}
.pro_img2 .pimg img {width:260px; height:184px;}
.pro_img2 p { margin:0 15px; text-align:center;}
.pro_img2 p a { height:38px; line-height:38px;display:block; color:#333; text-decoration:none; font-size:16px;}

.sybg3 { clear:both; padding:20px 10px;width:100%; background-image:url(../images/index_07.jpg); background-repeat:no-repeat; background-position:center right; background-size:cover; overflow:hidden; color:#fff;}
.sybg3 h3 { font-size:16px; text-align:center; padding-bottom:10px;}
.sybg3 p { margin:0 10px; border-radius:5px; background:#317cc3; line-height:20px; font-size:14px; padding:5px 45px; overflow:hidden;}
.sybg3 a { color:#fff;}
.sybg3 img { vertical-align:middle; margin-right:10px; max-height:30px; width:auto !important; width:100%; float:left;}
