@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed:300,400,500,600,700');
/* 产品 */

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:25px; overflow:hidden; text-align:center;}
.abtit h3 { font-size:1.4em; color:#000; font-weight:bold; text-transform:uppercase; line-height:40px; padding-bottom:5px;}
.abtit span { color:#1764ae;}
.abtit p { color:#333; font-size:0.8em; padding-top:8px; text-transform:uppercase;}
.abtit b { background:#2a8043; display:block; margin:0 auto; width:40px; height:3px; font-size:0; overflow:hidden;}

.abtit2 { clear:both; width:100%; text-align:center;padding-bottom:30px;}
.abtit2 h3 { font-size:1.4em; color:#2e7e43; font-weight:100;line-height:40px; font-weight:bold;}
.abtit2 h3 span { font-size:14px; padding:0 10px; vertical-align:middle;}
.abtit2 p {font-size:16px; color:#6d6d6d; font-weight:400;}

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

.hdbg {clear:both; width:100%;height:45px;line-height:45px; margin-bottom:15px; background:#f2f2f2; text-align:center; overflow:hidden;}
.hdbg ul { font-size:0;}
.hdbg li { display:inline-block; height:45px; font-size:16px;}
.hdbg a { display:block; padding:0 10px; border-left:#ccc 1px solid; text-decoration:none;}
.hdbg li a.kk1 { border-left:0;}
#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:#2a8043; color:#fff;}

.about { line-height:1.4em;overflow:hidden;}
.about p {  padding:5px 0; text-indent:2em;}
.ab p { text-indent:0;}
.ab img { margin-bottom:10px;}
.quality { font-size:16px; line-height:1.4em;overflow:hidden;}
.quality p {  padding:5px 0; }
.quality li h3 { margin:8px 0; font-size:18px;}
.quality li table { width:100%; margin:5px auto;border-top:#fff 1px solid;border-left:#fff 1px solid;}
.quality li td,.quality li th { font-size:14px; line-height:30px;border-bottom:#fff 1px solid; padding:3px;border-right:#fff 1px solid; text-align:center;}
.quality li th { background:#64b17a; color:#fff; font-weight:bold;}
.quality li tr:nth-child(odd){background:#e0ebea;}
.quality li tr:nth-child(even){background:#f0f7f7;}
.quality td img{ max-width:100%; height:auto !important; height:100%;}
.quality .zlbz td img.pro {max-width:30%; height:auto !important; height:100%; margin:0 5px;}
.quality table.zlbz { clear:both;border-top:#e0ebea 1px solid;border-left:#e0ebea 1px solid; width:100%;}
.quality .zlbz td {border-bottom:#e0ebea 1px solid;border-right:#e0ebea 1px solid; padding:3px; text-align:center; font-size:14px;}

.hezuo li { width:46%; height:100px; text-align:center; border:#ddd 1px solid; float:left; margin:5px 2%;}
.hezuo li .pimg {position: relative;display: inline-block; width: 100%;height: 100px;line-height: 100px;vertical-align: middle; overflow:hidden;}
.hezuo li .pimg img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-width:85%; max-height:85%;transition:all 1s;}
.hezuo li .pimg:hover img{ transform:scale(1.1,1.1);transform-origin:center center}

.culture li { float:left; width:30%; margin:2% 0 2% 3%; padding:1.4%; text-align:center}
.culture li img { margin:10px 0; height:55px;-moz-opacity:0.4; filter:alpha(opacity=40); opacity:0.4;transition: width 1s, height 1s;-moz-transition: width 1s, height 1s, -moz-transform 1s;-webkit-transition: width 1s, height 1s, -webkit-transform 1s;-o-transition: width 1s, height 1s, -o-transform 1s;}
.culture li:hover img{transform:rotate(-360deg);
-moz-transform:rotate(360deg); /* Firefox 4 */
-webkit-transform:rotate(360deg); /* Safari and Chrome */
-o-transform:rotate(360deg); /* Opera */}
.culture li.s1 { margin-left:0;border:#1ea838 3px solid;}
.culture li.s2 { border:#16558a 3px solid;}
.culture li.s3 { border:#0494dd 3px solid;}
.culture li h3 { font-size:16px; margin-bottom:5px; padding:5px 0; color:#fff;}
.culture li.s1 h3 { background:#1ea838;}
.culture li.s2 h3{ background:#16558a;}
.culture li.s3 h3{ background:#0494dd;}
.culture li p { text-indent:0; font-size:14px; line-height:20px;min-height:90px;}

.ab04 { clear:both; background:#efefef; padding:30px 10px; overflow:hidden; font-size:16px;}
.ls li {float: left;
width: 100%;
padding-bottom: 10px;
background: url(../images/wap_50.png) no-repeat 0 0;}
.ab04 .ls li .tex,.ab04 .ls li h4 { padding-left:20px;}

.honor li { width:96%; margin:10px 2%; padding:10px; line-height:20px; font-size:16px; float:left;-moz-box-shadow: 0px 0px 5px #ccc;-webkit-box-shadow: 0px 0px 5px #ccc;box-shadow:0px 0px 5px #ccc;}
.honor li p { background:#efefef; padding:5px 10px;}
.honor li img { max-width:100%; height:auto !important; height:100%; margin-top:5px;}
.honor li:hover p { color:#fff; background:#2a8043;}

.ab2 { font-size:14px;}
.ab2 img,.ab3 img { max-width:100%; height:auto !important; height:100%;}
.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 h2 { margin:10px 0; padding:5px 20px; font-size:18px; color:#fff; background:#2a8043;}

.product .tt { text-align:center; line-height:40px; background:#1375d9;}
.product .tt h3 { font-size:20px; color:#fff; font-weight:400;}

.product table { width:98%; margin:0 auto;border-bottom:#6199d4 1px solid;border-right:#6199d4 1px solid;}
.product td,.product th {padding:5px; font-size:14px; line-height:22px;border-top:#6199d4 1px solid;border-left:#6199d4 1px solid; font-family:Arial;}
.product th { background:#005aba; color:#fff; font-weight:bold; line-height:30px;}
.product .pro { width:22%; text-align:center;}
.product tr:nth-child(odd){background:#f4f8fc;}
.product tr:nth-child(even){background:#fff;}

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:100%; margin:5px auto;border-top:#fff 1px solid;border-left:#fff 1px solid;}
.bak2 td,.bak2 th { font-size:14px; line-height:22px;border-bottom:#fff 1px solid; padding:3px;border-right:#fff 1px solid;}
.bak2 th { background:#64b17a; color:#fff; font-weight:bold;}
.bak2 tr:nth-child(odd){background:#e0ebea;}
.bak2 tr:nth-child(even){background:#f0f7f7;}
.bak2 .pro { width:22%; text-align:center;}

.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:23%; 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; text-indent:2em;}
.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;}
.bak2 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:#222; 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; text-align:center;}
.tit2 h3 {color: #0f0f0f;font-size:24px;font-weight:bold; text-transform:uppercase;}
.tit2 h3 span { font-size:12px; vertical-align:middle;}
.tit2 p { color:#777;font-weight: 400; font-size:16px; font-family:Arial; padding-top:5px;}

.syabout .aaimg { padding:10px; background:#f5f5f5; overflow:hidden;}
.syabout .sytex { clear:both; overflow:hidden; line-height:24px; font-size:16px; text-indent:2em;}
.syabout .more { padding-top:15px; overflow:hidden; font-size:14px;}
.syabout .more a { display:inline-block; padding:5px 20px; color:#fff; text-decoration:none; background:#2e7e43;border-radius:5px;}
.syabout .more a:hover { background:#0054a3; transition:all 0.5s;}
.abimg2 { width:100%; height:300px;background:#a3a3a3; overflow:hidden;}
.pro_img {OVERFLOW: hidden; WIDTH:98%; height:280px; margin:10px auto;}
.pro_img td { padding:0 6px;}
.pro_img img { height:265px; border:#fff 5px solid;}

.row2 li { padding:0 10px; float:left;color: #303030; border-right:#ddd 1px solid;}
.row2 li.s1 { padding-left:0;}
.row2 li.ss { padding-right:0; border-right:none;}
.row2 li p {font-size:2.4em;font-weight: 700;line-height:50px; display:inline-block;font-family: 'Barlow Condensed', sans-serif;}
.row2 li h4 {font-weight:400; text-align:left;-moz-opacity:0.7; filter:alpha(opacity=70); opacity:0.7; font-size:14px;}
.row2 li span {color: #058feb; padding-left:5px; font-weight:400; font-size:18px;}

.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;}
.contact strong { font-size:18px;}

.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;}
.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;margin-bottom:10px; color:#565656; overflow:hidden;}
.newlist2 li .time { width:20%; float:left; text-align:center; background:#f5f5f5; padding:10px 0; overflow:hidden;}
.newlist2 li .time span { font-size:24px; display:block;}
.newlist2 li .text { width:75%; float:right;}
.newlist2 li .text h3 { font-size:18px; padding-bottom:10px;overflow:hidden;}
.newlist2 li .text h3 a { color:#000;}
.newlist2 li .text .tex { height:40px; overflow:hidden; color:#4a4a4a; line-height:20px;}

.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 { line-height:35px;}

.pro2 li {border:#ddd 1px solid; width:100%; background:#f7f7f7; padding:15px; float:left; margin:10px 0;float: left;position: relative;}
.pro2 li .pimg { width:100%; height:184px;line-height: 184px; 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:94%; max-height:94%;transition:all 1s;}
.pro2 li .pimg:hover img{ transform:scale(1.1,1.1);transform-origin:center center}
.pro2 li h3 { color:#4b4b4b; font-size:18px; font-weight:bold; padding-top:10px;}
.pro2 li h3 a{ color:#4b4b4b;}
.pro2 li:hover h3 a{ color:#fff;}
.pro2 li p { color:#4b4b4b; line-height:22px;}
.pro2 li:hover p { color:#fff;-moz-opacity:0.7; filter:alpha(opacity=70); opacity:0.7;}
.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;}


.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;}
.wrap{min-width: 320px;max-width:768px;margin:0 auto;overflow:hidden;position:relative;}
.wrapper {position:relative;height: 306px;width: 100%;overflow: hidden;margin:0 auto;}
.wrapper .scroller {position:absolute;}
.wrapper .scroller li { width:242px; height:279px; float:left; margin:10px 0 10px 20px;text-align:center; overflow:hidden;position: relative;}
.wrapper .scroller li.ss { margin-left:0;}
.wrapper .scroller li .pimg {width:242px; height:279px;line-height:279px;vertical-align:middle; position:relative; overflow:hidden;display: inline-block;}
.wrapper .scroller li .pimg img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-width:88%; max-height:88%; z-index:9;transition:all 1s;}
.wrapper .scroller li .pimg:hover img{ transform:scale(1.1,1.1);transform-origin:center center}
.wrapper .scroller li .pimg span {width:242px; height:279px; display:block; position:absolute; left:0; top:0; z-index:99; background:url(../images/pbg1.png) no-repeat;}
.wrapper .scroller li .pimg b {width:118px; height:34px; display:block; position:absolute; left:62px; bottom:0; z-index:101; background:url(../images/pbg3.png) no-repeat;}
.wrapper .scroller li .text {width:242px; height:279px; background:url(../images/pbg21.png) no-repeat 0 0; transition:all 500ms;}
.wrapper .scroller li .text h3 { font-size:24px; font-weight:400; color:#fff; background:url(../images/yl.png) no-repeat center 80px; padding-top:156px;transition:all 500ms;}
.wrapper .scroller li .text h3 a { color:#fff;}
.wrapper .scroller li:hover .text {width:242px; height:279px; background:url(../images/pbg2.png) no-repeat 0 0;transition:all 500ms;}
.wrapper .scroller li:hover .text h3 { background:url(../images/yl.png) no-repeat center 70px; padding-top:146px;transition:all 500ms;}

.sydt { clear:both; background:#f5f5f5; padding:30px 10px; overflow:hidden; font-size:16px;}
.sydt img { max-width:100%; height:auto !important; height:100%;}
.sydt h3 { font-size:28px; line-height:35px; font-weight:400; padding-bottom:10px;}
.sydt .text p { padding:5px 0;}
.sydt .text img { vertical-align:middle; margin-right:10px;}

.probg .more2 { text-align:center; padding-top:20px; clear:both; overflow:hidden;}
.probg .more2 a{ display:inline-block; padding:5px 30px; border-radius:25px; color:#fff; background:#2a8043; text-decoration:none; font-size:16px;}
.probg .more2 a:hover{ background:#1b68cf;}
.probg .more2 img { vertical-align:middle;}

.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 6px;}
.pro_img2 img { height:200px; border:#fff 4px solid;}

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

/* Bounce To Top */
.hvr-bounce-to-top {
  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-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #1b68cf;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -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-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
  color: white;
}
.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(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);
}

.joblist li { width:95%; float:left; margin:10px;position:relative;-moz-box-shadow: 0px 0px 5px #ccc;-webkit-box-shadow: 0px 0px 5px #ccc;box-shadow:0px 0px 5px #ccc; padding:10px; overflow:hidden; font-size:16px;}
.joblist li .more { padding-top:23px; text-align:center;}
.joblist li .more a { display:inline-block; background:#2a8043; width:100px; line-height:30px; color:#fff; text-decoration:none; margin-right:15px;}
.joblist li .more a:hover { background:#16558a;}

.joblist li h3 { margin-top:10px; line-height:24px;color:#333; font-size:20px;}
.joblist li h3 span { font-size:14px; font-weight:400; padding-left:10px}
.joblist li .tex { overflow:hidden;padding-top:10px; color:#999;}
.joblist li .tex b { font-size:16px; color:#fa0; padding-right:10px;}
.joblist li .tex span { padding:0 10px;}

.abbg2 { width:100%; padding:20px 10px; overflow:hidden; background-repeat:no-repeat; background-position:center; background-image:url(../images/abbg.jpg); background-size:cover;}
.aabb li { width:100%; float:left; margin:2px 0;}
.aabb li img { max-width:100%; height:auto !important; height:100%;}
.aabb li .text {background:#f9f9f9; padding:20px; overflow:hidden;}
.aabb li .text h3 { font-size:24px; color:#2e2e2e; padding-bottom:25px;}
.aabb li .text h3 b { display:block; width:38px; height:3px; background:#2e7e43; overflow:hidden; font-size:0; margin-top:10px;}
.aabb li .text p { line-height:24px; color:#5e5e5e;}
.aabb li .text a { display:inline-block; padding:3px 25px; background:#2e7e43; color:#fff; text-align:center; text-decoration:none; margin-top:20px; border-radius:25px; font-size:14px;}