@charset "utf-8";
/* 产品 */

p,div, ul, li{ box-sizing:border-box; font-size:100%;}
.flo{ float:left;}
.cle{
	clear:both;
	height:0px;
}

.clearfix{ clear:both;}

.mainbody { width:96%; margin:0 auto; overflow:hidden;}
.mainbody2 { width:98%; margin:0 auto; 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%; line-height:30px; padding-bottom:20px; text-align:center;}
.abtit h3 { font-size:30px; color:#161616; font-weight:bold;text-transform:uppercase;}
.abtit h3 span { color:#2758a7;}
.abtit h3 img { max-width:60%; height:auto !important; height:100%; margin-top:10px;}
.abtit p { width:85%; margin:0 auto; font-size:14px; line-height:22px; color:#727272; font-weight:400; padding-top:10px; line-height:18px; font-family:Arial;}
.abtit b { background:#2b70bb; width:20px; display:inline-block; height:2px; overflow:hidden;}

.tit {clear:both; height:40px; margin-bottom:20px; line-height:40px; background:url(../images/index_09.jpg) no-repeat left bottom; font-family:Arial;}
.tit h3 {color: #004098;font-size:1.1em;padding-left: 5px;font-weight: 500; float:left;}
.tit p { font-size:14px; float:right; color:#666; text-align:right; padding-right:5px;}

.about { line-height:1.4em; padding:0 5px;}
.about p {  padding:5px 0; text-indent:2em;}
.about img { max-width:100%; height:auto !important; height:100%;}
.cont p { text-indent:0;}
.ab2 img { max-width:45%; height:auto !important; height:100%; float:right; margin:10px 0 0 15px;}
.ab2 strong { font-size:18px;}
.ab22 p { text-indent:0;}

.zyyw li { width:100%; float:left; margin-bottom:15px; }
.zyyw li .txt { width:100%; color:#fff; padding:20px;background:#a21111;font-size:16px;}
.zyyw li .txt h3 { font-size:20px; padding-bottom:10px;}
.zyyw li .pimg { width:100%;}
.zyyw img { max-width:100%; height:auto !important; height:100%;}
.zyyw h1,.news h1 { width:85%; margin:0 auto; font-size:21px; text-align:center; padding:10px 0;}

.a5 a { padding:0 20px;}
.a6 a { padding:0 10px;}
.a7 a { padding:0 7px; margin:5px 2px;}

.mainbody2 h1 { text-align:center; font-size:21px;}

.product {font-size:16px; line-height:30px;}
.product img{ max-width:100%; height:auto !important; height:100%;}
.product h1 { text-align:center; font-size:21px; padding-bottom:10px;}
.product .ss { background:url(../images/wap_13.png) no-repeat 0 10px; line-height:24px; padding:5px 0 5px 20px; border-bottom:#999 1px dotted;}
.product .ss img { vertical-align: top;}

.more3 { width:90px; height:26px; line-height:26px; font-size:14px; text-align:center;}
.more3 a { display:block; height:26px; background:#eb5200; color:#fff; border-radius:25px; text-decoration:none; margin-top:15px;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}
.more3 a:hover {transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);}

.product table { width:100%; margin:10px auto;border-top:#98bac3 1px solid;border-left:#98bac3 1px solid;}
.product td,.product th {padding:5px; font-size:14px; line-height:20px;color:#3a3a3a;border-bottom:#98bac3 1px solid;border-right:#98bac3 1px solid;}
.product th { font-weight:bold; color:#000; text-align:center;}
.product tr:nth-child(odd){background:#f4fcff;}
.product tr:nth-child(even){background:#fff;}
.product .pro { text-align:center; width:20%;}
.product .pro2 { text-align:center; width:33%;}
.product .order { margin-top:10px;}
.product .order a{ display:inline-block; padding:4px 25px; font-size:16px; background:#4ea24d; color:#fff; line-height:24px; text-decoration:none; border-radius:25px; margin:5px; text-align:center;}

table.bak { width:100%; margin:10px auto;border-top:#98bac3 1px dotted;border-left:#98bac3 1px dotted;}
.bak td,.bak th {padding:3px 5px; font-size:14px; line-height:20px;color:#3a3a3a;border-bottom:#98bac3 1px dotted;border-right:#98bac3 1px dotted;}
.bak th { font-weight:bold; background:#004098; color:#fff; text-align:center; line-height:22px;}

.bak .more a { height:20px;display:inline-block; padding:0 10px; font-size:0.8em; border:1px solid #0f7dcb; color:#0f7dcb; text-decoration:none;border-radius:25px;}

.news { color:#444; font-size:16px; line-height:24px;}
.news p { padding:5px 0; text-indent:2em;}
.news a { color:#444;}
.time0 { text-align:center; font-size:12px; color:#999;}
.news img { max-width:100%; height:auto !important; height:100%;}
.aabb p { text-indent:0;}
.news-3 p { padding:5px 0; 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;}

.pro3 li { width:46%; margin:1% 1.8%; float:left; text-align:center; font-size:14px;}
.pro3 li .pimg { width:100%; height:120px; overflow:hidden; margin-bottom:10px;}
.pro3 li .pimg img { max-width:100%; height:auto !important; height:100%;}

.pnpage { font-size:14px; text-align:center; clear:both; padding-top:15px;}
.pnpage a { padding:0 15px;}

/*新闻*/
.tit2 { border-bottom:#ddd 1px solid; padding-bottom:5px; overflow:hidden; margin:0 10px; line-height:28px;}
.tit2 h3 {color: #3d3d3d;font-size:18px;font-weight:bold; float:left;}
.tit2 h3 span { color:#104895;}
.tit2 p { color:#333;font-weight: 300; font-size:14px; padding-left:10px; float:left;}
.tit2 a { float:right; display:block; font-size:14px; padding-right:10px;}

.newbg { clear:both; padding:0 10px 25px 10px; overflow:hidden; background-image:url(../images/index_11.jpg); background-repeat: no-repeat; background-position:center bottom; background-size:cover;}
.synews { clear:both; width:100%; background:#f1f1f1; padding:15px 0; overflow:hidden; margin-bottom:10px;}
.synews img.nimg {max-width:100%; height:auto !important; height:100%; margin-bottom:10px;}
.synews ul { padding:0 10px; overflow:hidden;}
.synews li { padding:5px 0; float:left; border-bottom:#ddd 1px solid; width:100%;}
.synews li .tex { color:#fff; background:#2486d4; padding:10px;}
.synews li h4 { padding-top:5px; font-size:18px; font-weight:500;}
.synews li h3 { padding-top:5px; font-size:16px; font-weight:500;}
.synews li h3 a { color:#333;}
.synews li .time { font-size:14px; opacity:0.6; padding-top:10px;}
.synews li .tex h3 a { color:#fff;}

.synews2 { clear:both; overflow:hidden; padding:15px; color:#333; background:#fff;}
.synews2 h2 { padding-bottom:10px; font-size:1.2em; font-weight:500;}
.synews2 h2 img { vertical-align:middle; margin-right:10px;}
.synews2 li { padding:5px 0; float:left; border-bottom:#ddd 1px solid; width:100%;}
.synews2 img.nimg {max-width:100%; height:auto !important; height:100%; margin-bottom:10px;}
.synews2 li h3 { padding-top:5px; font-size:16px; font-weight:500;}
.synews2 li .time { font-size:14px; opacity:0.4;}

/*底部*/

.downb{ background:#4a4a4a; width:100%; padding:10px; margin-bottom:60px; clear:both;}
.downb .foot_p2{ font-size:14px; color:#b5b5b5; text-align:center;}
.downb .foot_p2 a{color:#ccc;}

.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;}

.sytex2 {color:#444; font-size:16px; line-height:26px; overflow:hidden;}
.sytex2 p { padding:5px 0;}
.sytex2 a { color:#444;}

.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;}
.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:#0f7dcb 3px solid; border-radius:5px; background:#fff;}
.ssou input { font-size:16px; color:#666;padding:0; height:50px; line-height:50px; margin:0; border:0; background:none; outline:none;}
.ssou input.search1 { width:62%; background:url(../images/ss.png) no-repeat 15px center;padding:0 5% 0 13%;}
.ssou input.searchimg1 { width:20%; background:#0f7dcb; color:#fff; border:0;height:44px; text-align:center; float:right; cursor:pointer;}

.mv2 { width:100%;height:auto;overflow: hidden;}

.contact { line-height:26px; color:#444; padding:10px 5px; overflow:hidden;}
.contact h2 { color:#004098; font-size:1.2em; padding:10px 0;}
.contact p { font-size:16px;}
.contact a { color:#444;}
.contact img { vertical-align:middle; margin-right:8px;}
.contact span { padding-left:70px;}
.contact2 h2 { font-size:1.1em;}
.contact2 span { padding-left:53px;}
.contact2 p { padding-left:20px; text-indent:-20px;}

.liuyan { line-height:30px;}
.liuyan p { padding:2px 0;}
.liuyan input { width:90%; padding:5px 3%;color:#8a8a8a; border:#ccc 1px solid;}
.liuyan input.aak { width:25%; display:inline-block; margin-right:10px; background:#2758a7; color:#fff;}
.liuyan p img { height:50px; vertical-align:middle; margin-left:10px;}

.newlist { width:100%; margin:0 auto; background:#fff; overflow:hidden; border-radius:5px;}
.newlist ul { padding:2%;}
.newlist li { float:left; width:100%; margin:10px 0;border:#efefef 1px solid; -moz-box-shadow: 0px 0px 10px #ccc;-webkit-box-shadow: 0px 0px 10px #ccc;box-shadow:0px 0px 10px #ccc;}
.newlist li .nwimg { padding:10px 10px 0 10px;}
.newlist li .nwimg img { max-width:100%; height:auto !important; height:100%;}
.newlist li h3 { font-size:18px; color:#030303; font-weight:bold; padding:10px 10px 0 10px;}
.newlist li .tex { padding:10px; color:#666; font-size:16px;}
.newlist li .time { padding:0 10px 10px 10px; color:#999; font-size:14px;}

.list5{ text-align:center;}
.list5 a { margin:5px; display:inline-block; background:#f7f7f7; border:#ccc 1px dotted;color:#666; font-size:16px; text-decoration:none; line-height:30px; height:30px; padding:0 15px; white-space:nowrap;}

.list2 { text-align:center;}
.list2 a { display:inline-block; padding:0 25px; border-radius:10px; border:#999 1px dotted; color:#999; margin:0 15px; background:#f9f9f9; line-height:28px;}
.list2 a:hover { background:#104895; color:#fff;}
#kk1 a.kk1,#kk2 a.kk2,#kk3 a.kk3,#kk4 a.kk4,#kk5 a.kk5,#kk6 a.kk6,#kk7 a.kk7,#kk8 a.kk8 { background:#104895; color:#fff;}

.list22 a { padding:0 15px; margin:0 8px; font-family:Arial;}

.abbg { clear:both; padding:25px 15px; background-image:url(../images/index_01.jpg); overflow:hidden; background-repeat:no-repeat; background-position:center; background-size:cover;}
.abbg h3 { font-size:1.4em; color:#fff; font-weight:500;text-transform:uppercase; padding-bottom:15px;}
.abbg h3 span { -moz-opacity:0.4; filter:alpha(opacity=40); opacity:0.4; font-family:"Times New Roman";}
.abbg .syimg { width:40%; float:right;}
.abbg .sytex { font-size:16px; line-height:24px; color:#fff;}
.abbg .sytex a { color:#fff;}
.abbg .more { clear:both; padding-top:20px;}
.abbg .more a { display:inline-block; color:#fff; font-size:14px; border:#fff 2px solid; padding:5px 35px;}

.sybg { clear:both; padding:25px 15px; background-image:url(../images/wap_1.jpg); overflow:hidden; background-repeat:no-repeat; background-position:center; background-size:cover;}
.sybg h3 { font-size:1.2em; color:#fff; padding-bottom:15px;}
.sybg p { font-size:16px; color:#fff; width:90%;}
.sybg2 { clear:both; width:100%; overflow:hidden; padding-top:10px;}
.sybg2 li { width:16%; float:left; padding-left:5%; font-size:14px; text-align:center;}
.sybg2 li img { max-width:80%; height:auto !important; height:100%; margin-bottom:10px; display:inline-block;}

.symap { clear:both; padding:25px 	15px;background-image:url(../images/wap_mapbg.jpg); overflow:hidden; background-repeat:no-repeat; background-position:center; background-size:cover;}
.symap h3 {font-size:20px; color:#fff; font-weight:500;text-transform:uppercase; padding-bottom:15px;}
.symap p { font-size:16px; line-height:24px; color:#fff;}

.abimg { clear:both; overflow:hidden; text-align:center; margin-top:50px;}
.abimg img { max-width:100%; height:auto !important; height:100%;}

.flimg li { width:46%; float:left; margin:2%; text-align:center; overflow:hidden;}
.flimg li .pimg { width:100%; overflow:hidden;}
.flimg li .pimg img { max-width:100%; height:auto !important; height:100%;}
.flimg li h3 { width:100%; height:30px; line-height:30px; color:#fff; font-size:1em; margin-top:2px;background:#2758a7;-moz-opacity:0.7; filter:alpha(opacity=70); opacity:0.7;}

.flimg2 li { width:90%; float:left; margin:0 5%; padding:3% 0; border-bottom:#999 1px dotted; text-align:center; overflow:hidden;}
.flimg2 li .pimg { width:100%; overflow:hidden; float:left;}
.flimg2 li .pimg img { max-width:100%; height:auto !important; height:100%;}
.flimg2 li h3 { width:40%; height:30px; line-height:30px; color:#666; font-size:0.8em; float:right;}

.pro_img td { padding:0 10px;}

.prolist { text-align:center; padding:10px 0; clear:both;}
.prolist a { display:inline-block; margin:0 5px; padding:5px 10px; text-decoration:none; font-size:0.8em;}
.prolist a.aa {background:#ececec;margin:0 10px;padding:5px 20px;}
.prolist a.aa:hover { background:#004098; color:#fff;}

.sy_pro{width:250px;height:210px;text-align:center;}
.sy_pro .sy_pro_img{width:248px;height:130px;background:#fff;border:1px solid #ddd; border-bottom:none;overflow:hidden;position: relative;}
.sy_pro .sy_pro_img img{position: absolute;top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    transition: .5s ease-in-out;
    text-align: center;
    vertical-align: middle;}
.sy_pro .text { padding:10px; line-height:24px;font-size:14px;color:#333; background:#f3f3f3; overflow:hidden;}
.sy_pro:hover .text { background:#004098; color:#fff;}

.ny_pro{width:98%;background:#ffffff;text-align:center;margin:6px;padding:10px;border:2px solid #2858aa; overflow:hidden;}
.ny_pro .ny_pro_img{width:100%;height:110px;background:#fff;overflow:hidden;position: relative;}
.ny_pro .ny_pro_img img{position: absolute;top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    transition: .5s ease-in-out;
    text-align: center;
    vertical-align: middle;}
.ny_pro h3{font-size:18px;color:#2558a7;padding-top:5px;padding-bottom:12px;}
.ny_pro:hover h3{color:#fff;}
.ny_pro p{font-size:16px;color:#414141;line-height:24px;text-align:left;padding:10px 0;}
.ny_pro:hover p{color:#fff;}
.ny_pro .ny_pro_more{width:108px;font-size:14px;height:30px;line-height:30px;text-align:center;border:1px solid #111111;margin:0 auto;}
.ny_pro:hover .ny_pro_more{color:#fff;border:1px solid #fff;}


/* Sweep To Bottom */
.hvr-sweep-to-bottom {
  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.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2558a7;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
  color: white;
}
.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/* Shutter In Horizontal */
.hvr-shutter-in-horizontal {
	width:292px;height:46px;line-height:46px;text-align:center;color:#fff;font-size:20px;
  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;
  background: #2098d1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-in-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background:#2558a7;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
  color: white;
}
.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

.jsfw .text li { float:left; width:100%; padding-top:10px;}
.jsfw .text li .tex { width:100%; font-size:14px; color:#666; line-height:22px;}
.jsfw .text li .tex h3 { width:100%; background:#004098; height:35px; line-height:35px; color:#fff; text-align:center; font-size:20px; font-weight:100; margin-bottom:10px;}
.jsfw .text li .img { width:100%; }
.jsfw .text li .img2 { width:100%;}
.jsfw .text li .img img,.jsfw .text li .img2 img { max-width:100%; height:auto !important; height:100%;}

.probg { padding:0 10px; clear:both;}
.probg .syfw li { width:100%; float:left; padding-bottom:10px;}
.probg .syfw li img { max-width:100%; height:auto !important; height:100%;}
.probg .syfw li .fw_txt { padding:10px; width:92%; margin:0 10px; font-size:16px; color:#7c7c7c; line-height:24px; border-bottom:2px solid #004098; overflow:hidden;}
.probg .syfw li .fw_txt h3 { font-size:20px; font-weight:bold; padding-bottom:10px; color:#000;}