@charset "utf-8";

/* 产品 */

p,div, ul, li{ box-sizing:border-box;}
.flo{ float:left;}
.cle{
	clear:both;
	height:0px;}

.clearfix,.cb{ clear:both;}

.mainbody { overflow:hidden;padding:10px;}
.mainbody2 { clear:both; background:#f7f7f7; overflow:hidden;}

.abimg { clear:both; overflow:hidden; text-align:center; height:150px; margin-top:50px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.abimg img { max-width:100%; height:auto !important; height:100%;}
.abimg p { font-size:1.6em; font-weight:bold; text-align:center; line-height:1.3em; color:#fff; padding:10px 20px; padding-top:40px;font-family:Alibaba-PuHuiTi-Bold;src: url(../fonts/Alibaba-PuHuiTi-Bold.ttf);}
.abimge p { font-size:1.3em; padding-top:30px;}

.abimg2 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:20px;overflow:hidden;}
.abtit h3 { font-size:1.4em; color:#fff; font-weight:700; line-height:1em; padding-bottom:15px;text-transform:uppercase;}

.abtit2 { clear:both;padding-bottom:20px; overflow:hidden; width:100%; line-height:24px;}
.abtit2 p { font-size:0.8em; color:#0859b5; text-transform:uppercase; font-family:Arial;}
.abtit2 h3 { font-size:1.4em; color:#0859b5; font-weight:500; background:url(../images/line.jpg) no-repeat left bottom; padding-bottom:5px;}
.abtit2 img.aa { margin-right:15px;max-width:14%; height:auto !important; height:100%; float:left;}
.abtit2 img.bb { max-width:60%; height:auto !important; height:100%;}

.abtit3 { width:100%; padding-bottom:20px; overflow:hidden; text-align:center;}
.abtit3 h3 { color:#0859b5; font-size:1.4em; font-weight:400; line-height:1.4em;}
.abtit3 h3 b { font-weight:bold; color:#1253a7;}
.abtit3 p { font-size:0.8em; color:#0859b5; text-transform:uppercase;}
.abtit3 img { vertical-align:middle; height:20px;}

.tit { clear:both; overflow:hidden; background:linear-gradient(to right,#013781,#0098e2); border-left:5px solid #e6e5e5;border-right:5px solid #e6e5e5; border-radius:9px; padding:7px 15px; color:#fff;}
.tit p { border-left:5px solid #32b555;font-size:0.8em; padding-left:10px;}
.tit h3 { font-size:1.2em; padding-bottom:10px;}

.abg2 { clear:both; width:100%; background-repeat:no-repeat; background-size:cover; background-position: bottom center; overflow:hidden;}
.about { line-height:1.5em;overflow:hidden; font-size:1em;}
.about p {  padding:5px 0; text-indent:2em;}

.bottom-top { background:url(../images/bottom-top.jpg) no-repeat no-repeat; background-size:cover; overflow:hidden;}
.bottom-top p { padding:15px; color:#fff;}

.about img,.imgab img { max-width:100%; height:auto !important; height:100%;}
.about .img { padding-top:15px;}
.about .img img{ border-radius:20px 0;}
.ab img { margin-bottom:10px;}

.probg { clear:both; padding:10px; overflow:hidden;}
.sypro { width:100%; padding:20px 5px; clear:both; border-bottom:#999 1px dotted; overflow:hidden;}
.sypro .pimg { width:40%; float:left;}
.sypro .pimg img { max-width:100%; height:auto !important; height:100%;}
.sypro .text { width:55%; float:right;}
.sypro .text h3 { font-size:1em; padding-bottom:10px;}
.sypro .text li { width:100%; float:left; padding:3px 0;}
.sypro .text li a { color:#999; font-size:0.8em;}
.sypro .more { clear:both; padding-top:10px;}
.sypro .more a { font-weight:bold; color:#013781; font-size:0.8em;}

.product h1,.news h1 { text-align:center; font-size:1.2em; line-height:1.4em}
.product {line-height:1.6em; min-height:200px; overflow:hidden; padding-top:15px;}

.protext { font-size:16px; line-height:30px;}
.protext li { padding:7px 10px; line-height:20px;}
.protext li:nth-child(odd){background:#f7f7f7;}
.protext li:nth-child(even){background:#fff;}

table.bak { width:100%; margin:0 auto;border-top:#98bac3 1px solid;border-left:#98bac3 1px solid;}
.bak td,.bak th { font-size:16px; line-height:20px; padding:5px 3px;border-bottom:#98bac3 1px solid;border-right:#98bac3 1px solid;}
.bak th { font-weight:bold; text-align:center; line-height:35px;}
.bak tr:nth-child(odd){background:#eff4fa;}
.bak tr:nth-child(even){background:#fff;}

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:57%; 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 {overflow:hidden; line-height:1.5em; font-size:1em;}
.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%;}

.news .yichu {padding:10px 10px; border:#004ea2 1px solid; border-radius:10px; height:400px;}
.news .yichu .tex {padding:10px; overflow-y:auto; height:380px; }
.news .bt { font-weight:bold; margin:10px auto; text-align:center;}
.news .bt strong{ padding:2px 25px; display:inline-block; background:#004ea2; color:#fff; font-weight:bold; border-radius:30px;}
.news img { margin:5px 0; max-width:100%; height:auto !important; height:100%;}

.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:47%;margin:1.5%; background:#fff;-moz-box-shadow: 0px 0px 10px #ccc;-webkit-box-shadow: 0px 0px 10px #ccc;box-shadow:0px 0px 10px #ccc;-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;}
.pro5 li .pimg {position: relative; text-align:center;display: inline-block;width:100%; height:90px;line-height:90px;vertical-align: middle; overflow:hidden;}
.pro5 li .pimg img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-width:100%; max-height:100%;}
.pro5 li:hover {-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);-moz-box-shadow: 0px 0px 15px #000;-webkit-box-shadow: 0px 0px 15px #000;box-shadow:0px 0px 15px #000;}
	
.jobbg { clear:both; padding:25px 10px; background:#e5e5e5; overflow:hidden;}
.jobbg img { max-width:100%; height:auto !important; height:100%;}

/*新闻*/

.synews { padding-top:10px;}
.synews li { float:left; padding:5px 0; width:100%; border-bottom:#ddd 1px dotted; font-size:0.8em;}

/*底部*/

.downb{ background:#374862; background-size:cover; width:100%; padding:10px 0; color:#fff; font-size:0.8em; margin-bottom:60px; clear:both;}
.downb a{color:#fff;}

.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:20px 10px;background-image:url(../images/about-background.jpg); background-repeat:no-repeat; background-position:center bottom; background-size:100%; overflow:hidden;}
.ttt { background:#004e9c; color:#fff; padding:0 15px 15px 15px; overflow:hidden;}
.ttt h3 { border-bottom:#fff 1px solid; padding:15px 0; font-size:1.2em;}
.ttt h4 {padding:15px 0; font-size:1.1em; font-weight:400;}
.ttt h4 p { float:left;}
.ttt h4 img { vertical-align:middle; height:40px; margin-left:10px;}
.ttt h4 a { display: inline-block; float:right; color:#fff; text-decoration:none; margin:10px; padding:3px 15px; border:#fff 1px solid; font-size:0.8em;}

.syabout { font-size:1em; line-height:1.6em; color:#333; overflow:hidden; padding-top:15px;}
.syabout a { color:#333;}
.syabout h3 { font-size:1.2em; color:#004e9c; padding-bottom:15px;}
.syabout h3 span { display:block; color:#83c436; font-size:0.7em; font-weight:400; font-family:Arial; text-transform:uppercase;}

.more33 { padding-top:5px;}
.more33 a { display:inline-block; padding:5px 25px; border-radius:10px; background:#0859b5; color:#fff; text-decoration:none; font-size:16px;}

.probg2 { clear:both; padding:30px 15px;background:#f7f7f7; overflow:hidden;}

.flimg li { width:100%; position:relative; float:left; margin:2% 0; cursor:pointer; background:#f3f3f3; overflow:hidden; text-align:center;}
.flimg li .pimg { padding:5px;}
.flimg li img { max-width:94%; height:auto !important; height:100%; display:inline-block;}
.flimg li p { padding-bottom:10px;}

.flimg2 li { float:left;width:46%;margin:2%; overflow:hidden; border-bottom:#ddd 2px solid;}
.flimg2 li .pimg { width:100%; height:120px; line-height:120px; position:relative; vertical-align:middle; overflow:hidden;}
.flimg2 li .pimg img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-width:100%; max-height:100%;transition:all 1s;}
.flimg2 li .pimg:hover img{ transform:scale(1.2,1.2);transform-origin:center center}
.flimg2 li p {min-height: 40px;font-size: 16px;color: #999;line-height: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.dingdan { padding:0 10px;}

.flimg3 li {text-align:left;}
.flimg3 li h3 { font-size:1em; padding:8px; padding-top:0;}
.flimg3 li p { padding:8px; padding-top:0; font-size:0.9em;}
.flimg3 li .more a{ display:inline-block; padding:5px 15px; background:#d7d7d7; color:#444; font-size:0.8em; margin-left:8px;}
.flimg3 li .more a:hover { background:#2673bc; color:#fff;}

.yybg { clear:both; padding:25px 10px; overflow:hidden; background:#f3f3f4;}
.yybg .flimg2 li { background:#fff;}

.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.6em; font-size:0.9em;}
.contact li { color:#333; float:left; width:100%; border-bottom:1px solid #f1f1f1; margin:5px 0;}
.contact li img { height:28px; margin-right:10px; vertical-align:middle; float:left; margin-bottom:10px;}

.newbg { clear:both; padding:30px 10px; background-image:url(../images/bg_03.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; overflow:hidden;}

.newlist ul {overflow:hidden;}
.newlist li { width:95%; padding:5%; margin:2% 2%; line-height:22px; float:left;-moz-box-shadow: 0px 0px 10px #ccc;-webkit-box-shadow: 0px 0px 10px #ccc;box-shadow:0px 0px 10px #ccc; background:#fff url(../images/news-bg.jpg) no-repeat right bottom; border-radius:15px;}
.newlist li .pimg { width:100%; margin-bottom:5px; border-radius:10px;}
.newlist li .pimg img{ width:100%;border-radius:10px;}
.newlist li h3 { font-size:1em; padding-bottom:10px;overflow:hidden; font-weight:500;white-space: nowrap;text-overflow: ellipsis;}
.newlist li h3 a { color:#3d3d3d;}
.newlist li h3 a:hover { color:#1253a7; font-weight:bold;}
.newlist li h3 span { color:#1b68cf; padding-right:5px;}
.newlist li .time { color:#aeaeae; font-size:0.8em; margin-bottom:5px; width:100%;}
.newlist li .time img { width:15px; vertical-align:middle;}
.newlist li .text { color:#7a7a7a; line-height:20px; font-size:14px;}

.ablist { clear:both; text-align:center;border-left:1px solid #ddd;border-top:1px solid #ddd; margin:5px; overflow:hidden;}
.ablist a { display:block; float:left; text-align:center; width:calc(50% - 1px); border-right:1px solid #ddd;border-bottom:1px solid #ddd; color:#666; font-size:0.9em; padding:5px 0;}
.ablist a:hover { color:#444; background:#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,#kk9 a.kk9,#kk10 a.kk10,#kk11 a.kk11,#kk12 a.kk12,#kk13 a.kk13,#kk22 a.kk22 {background:#cb252b; color:#fff;}

.nypro li { width:98%; float:left; margin:2px 0;overflow:hidden; padding:10px;}
.nypro li:nth-child(odd){background:#f3dec9;}
.nypro li:nth-child(even){background:#f6f1ea;}
.nypro li:hover { background:#f3d1b0;}

table.bakp { width:100%; border:0;}
.bakp td,bakp th { font-size:14px; padding:5px 3px; line-height:20px;}
.bakp th { background:#1253a7; text-align:center; color:#fff; font-size:16px; padding:10px 3px;}
.bakp tr:nth-child(odd){background:#fff;}
.bakp tr:nth-child(even){background:#f7f7f7;}

.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;}

.sybg2 { clear:both; overflow:hidden; padding:25px 10px; background-image:url(../images/index_07.jpg); background-repeat:no-repeat; background-position:center; background-size:cover;}

.pro_img td { padding:0 8px; text-align:center;}
.pro_img img { height:200px;}
.pro_img p { color:#333; line-height:28px;font-size:14px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}

.sybg3{ clear:both; overflow:hidden; padding:25px 10px; background-image:url(../images/spbj.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; text-align:center;}
.sybg3 img { max-width:96%; height:auto !important; height:100%;}

.pro3 li { float:left; width:100%;position:relative; border-bottom:#999 1px dotted; padding:10px 0;}
.pro3 li .pimg { width:40%; float:left; text-align:center;}
.pro3 li .pimg img {max-width:98%; height:auto !important; height:100%;}
.pro3 li .tex {width:58%; float:right;}
.pro3 li .tex h3 { font-size:1em; font-weight:400;white-space: nowrap;text-overflow: ellipsis;}
.pro3 li .tex h3 a { color:#666; display:block; text-decoration:none;overflow:hidden;}
.pro3 li .tex p{ padding:10px 0 0 0; font-size:0.8em; color:#777;}

.ab22 p { text-indent:0; line-height:1.2em;}