body,p,ul,li,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,i{margin: 0;padding: 0;}
body {color:#555;font:14px/1.5 "Microsoft Yahei", Tahoma, Helvetica, SimSun, sans-serif;overflow-x:hidden;}
img{border:none;vertical-align:middle;}
a{ color: #555; cursor: pointer;text-decoration: none;}
a:hover{text-decoration:none;}
a:focus, a:hover {color: #399deb; text-decoration: none;}
li, p, ul{list-style:outside none none;}
.none{ display:none}
a.keylink{ color: #555!important;}
.w{ margin: 0 auto;width: 1200px; display:block;}
.fr {float: right;}
.fl {float: left;}
.clearfix{ clear:both}
.w:after,.clearfix:after{content:'.';display:block;height:0;clear:both;overflow:hidden}
.mt20{ margin-top: 20px;}.pb1{ padding-bottom: 60px;}
.fixer{position:fixed; right:0px; top:0;_position:absolute;_top:e-xpression(documentElement.scrollTop+10 + "px"); z-index:100;}
.a-more a{width: 264px;height:34px;line-height: 34px ;background: #ff6624; display: block; color: #fff; margin: 0 auto;text-align: center;}

.headTop{background:#303848; height:40px; line-height:40px; color: #fff;}
header{ }
.logo{ float:left; margin-top:5px;}
nav{ float: right; text-align: center;}
nav li{float: left; font-size: 16px; height: 92px;border-bottom: 4px solid #fff;border-top: 4px solid #fff;}
nav li.hov,nav li:hover{border-bottom: 4px solid #3366ee;border-top: 4px solid #3366ee;background:#f7f7f7;}
nav li.hov span a{color:#1c7ec1;}
nav li span a{width: 97px; height:92px; line-height: 92px; display: block;}

nav li p{display:none;position:absolute;z-index:9;width:250px;}
nav li p a{font-size:14px;display: block;height:26px;line-height:26px;padding: 8px 5px;color:#fff;background-color:#f7f7f7;color: #4e4e4e;}
nav li p a:hover {background:#fff;opacity:1;}
nav li:hover p{display:block}

.crumbs{background: #e5e5e5; font-size:12px;line-height:35px;height:35px;}
.crumbs em{ height:25px; display:inline-block;background:url(404.png) 0 -4px no-repeat; padding-left:35px; margin-top:5px; float:left;}

.banner{height:420px; overflow:hidden}
.banner .KMSPrefix_banner_frbtn{width:14px;margin:0px auto;padding:0px;position:absolute;z-index:99; bottom:20px; left:0; width:100%; text-align:center;}
.syslidefr_an{margin:0 auto; text-align:center; position:relative;  left:0; opacity: 0; top:0; width:100%} 
.syslidefr_an img{display:inline-block}
.syslidefr_an a{width:158px; height:43px; display:inline-block; background:#75ca2a; line-height:43px; color:#fff; font-size:16px; text-align:center;-moz-border-radius: 3px;-webkit-border-radius: 3px; border-radius:3px;}
.syslidefr_an a:hover{color:#fff; background:#5ba31b}


.ititle{text-align: center; padding: 20px 0;}
.ititle h2{font-size:28px; margin:20px 0 5px 0 ;font-weight: normal;}
.ititle p{font-size: 16px;}

.Box_con {position:relative;height:300px;overflow:hidden; margin-bottom:50px;}
.Box_con em {display: block;width: 20px;height: 32px;position: absolute;top: 135px;cursor: pointer;background: url(../image/arrows.png) no-repeat;}
.Box_con #btnl {left:-1px;}
.Box_con #btnr {background-position:0 -90px ;right:-1px;}
.Box_con .conbox {position: relative;overflow: hidden;width:1155px; margin:0 auto;}
.Box_con .conbox ul {position: relative; padding-top:25px ;}
.Box_con .conbox ul li:first-child {margin-left: 0;}

.fangan li:hover{border: 1px solid #ff6624;}
.fangan li:hover .f_ico,.fangan li:hover a{background-color:#ff6624}
.fangan li,.fangan li .f_ico{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;}
.fangan li{width:262px;height: 273px; border: 1px solid #E4E4E4;float: left; margin-left: 32px;}
.fangan li .f_ico{width: 60px;height: 60px;background-image:url(../image/f_ico.png);background-position: 15px 9px;background-repeat:no-repeat;background-color: #3366ee;margin: 0 auto;position: relative;top:-25px;}
.fangan li .ico2{background-position:-32px 9px ;}
.fangan li .ico3{background-position:-80px 9px ;}
.fangan li .ico4{background-position:-125px 9px ;}
.fangan li .ico5{background-position:-172px 9px ;}
.fangan li .ico6{background-position:-220px 9px ;}
.fangan li h2{text-align: center; margin-bottom: 10px;position: relative;top:-12px}
.fangan li h2 span{border-bottom: 2px solid #dddddd; padding: 0 10px 10px 10px;}
.fangan li p{ line-height:28px;padding: 0 20px; height: 110px;text-align:justify; text-justify:distribute-all-lines; color: #999;}
.fangan li a{width: 100px;height: 25px;line-height:25px;background: #3366ee; text-align: center;display: block;margin: 0 auto;color: #fff;}

.pr-product{ margin:-50px 0 100px 0;}
.pr-product li{ margin-top: 100px;}

.threebg{height:524px;background:url(../image/ys_bg.jpg) center;}
.iyous{padding-top:23px; color: #fff;}
.iyous li{width:300px; height: 370px; float:left;background: url(../image/ys_q.png) no-repeat; text-align: center;}
.iyous li.l2{background: url(../image/ys_s.png) no-repeat;}
.iyous li:hover span{transform: rotate(360deg);  transition: 0.2s;}
.iyous span{width:125px; height:105px;background:url(../image/ys_ico.png) no-repeat; display: block; margin:54px auto 0 auto;}
.iyous span.s1{ background-position: -164px 0;}
.iyous span.s2{ background-position:-329px 0 ;}
.iyous span.s3{ background-position:-493px 0 ;}
.iyous h3{ margin: 50px 0 25px 0;}
.iyous p{ padding: 0 45px; line-height: 30px;}

.hhr{ width:1000px;overflow:hidden;margin:20px auto 90px auto;}
.hhr ol{overflow:hidden;}
.hhr ol:after{content: ""; display:block;width:100%;border-bottom: 1px solid #d4d4d4; top:60px;position: relative; z-index: 1;}
.hhr li{position: relative;width: 119px;margin-left:101px; float: left; text-align: center;background: #fff; z-index: 99;}
.hhr li:first-child {margin-left: 0;}
.hhr li p{content:"";width:117px; height:117px; border:1px solid #d4d4d4; display:block; margin-bottom: 10px; border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;}
.hhr li p i{width:47px; height:47px; display: block;background:url(../image/hhr_ico.png) 3px 0 no-repeat; margin:35px auto ;}
.hhr p i.i1{background-position:-65px 0;}
.hhr p i.i2{background-position:-138px 0;}
.hhr p i.i3{background-position:-209px 0;}
.hhr p i.i4{background-position:-280px 0;}

.anli-list{margin-bottom: 50px;}
.anli-list ul{ margin-left: -30px;}
.anli-list li{ float: left; padding:0 0 37px 28px;}


.towbg{background: #f7f7f7; border-top:1px solid #dddddd; padding-bottom: 20px;}
.news_fl h3,.news_fr h3{height: 28px; line-height: 28px; padding:0 0 10px 30px;border-bottom: 1px solid #bbbbbb;margin-bottom: 30px;}
.news_fl h3:after,.news_fr h3:after{content: "";border-bottom: 3px solid #316be7;width: 100px;display: block; margin:9px 0 0 -30px; }
.news_fl h3{background: url(../image/wz01.png) no-repeat; }
.news_fr h3{background: url(../image/wz02.png) no-repeat; }

.news_fl{width: 570px;float: left;}
.news_fl li{ margin-bottom:20px; padding:10px 5px; line-height: 24px;}
.news_fl li a{ height:24px;line-height:24px;font-size: 16px;background: url(../image/li_ico.png) no-repeat 0 3px; padding-left: 25px;}
.news_fl .time{font-size: 12px;color: #cccccb;}
.news_fl .iDes{font-size: 14px;}

.news_fr{width: 556px;float: right;}
.news_fr li{width:263px;height:175px;float: left;overflow: hidden; }
.news_fr li:last-child{float: right;}
.news_fr li:first-child{margin-bottom: 44px;}
.news_fr li img{ width: 100%;}
.news_fr .title{ height:50px; line-height:50px;background: rgba(0,0,0,0.6);position: relative;top:-50px;text-align: center; font-size: 14px;}
.news_fr a{color: #fff; font-size: 16px;}
.news_fr li.ipic{width: 100%; height: 180px;}
.news_fr p.img{height:180px;overflow: hidden;}

.artCon{width:830px; float:right; margin-bottom:50px;}

.listBox{color:#858585; overflow:hidden}
.listBox li{border-bottom: 1px solid #eaeaea;padding: 20px;overflow: hidden;}
.listBox li:hover{background-color: #f9f9f9;}
.listBox p{overflow:hidden;display:block; color:#999;font-size:12px}
.listBox h2 a{font-size: 18px; color:#555; font-weight: bold}
.listBox .iPic{float:left;margin-right:20px;}
.listBox .iPic img:hover{filter:Alpha(Opacity=80);opacity:0.8;-moz-transition:opacity 0.5s ease;-webkit-transition:opacity 0.5s ease;-o-transition:opacity 0.5s ease;transition:opacity 0.5s ease;}
.listBox .iDes{padding:10px 0;}
.listBox li span{ margin-right:20px}

.pages{width:100%;margin:30px 0;height:30px;line-height:26px;}
.pages a,.pages span{font-size:15px;font-weight:400;color:#999;padding:7px 12px;margin-left:5px;border: 1px solid #DFDFDF;}
.pages span,.pages a:hover{border:1px solid #085a8a;background:#085a8a;color:#141414; color:#fff}

.share_2{ padding: 20px 0; overflow: hidden;}

.links{font-size:12px; padding-top:10px}
.links a{margin-right:10px}

footer{padding-top:35px;background: #303848;color: #fff;}
footer a{color: #fff;}
footer h3{ margin-bottom:10px;}
.fo_about{ width:320px; float: left;line-height:36px;background:url(../image/footer_bg.jpg) no-repeat;}
.fo_nav{width:340px;float: right; margin-right:120px;}
.fo_nav li{height: 32px;line-height:32px;}
.fo_lx{width:260px; float: right; }
.fo_lx p{margin-bottom: 5px;}

.copyright{font-size: 12px;text-align: center;margin: 35px 0 20px;border-top: 1px solid #4C5461; padding-top: 20px;}

.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
@-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
.fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}
.bottom-line{border-bottom: 1px solid #e5e5e5; margin:80px 0 30px 0;}
.page-js{width:45%; color: #888; padding-bottom: 20px;}
.page-js p{font-size: 14px;line-height:32px;text-align:justify; text-justify:distribute-all-lines;}
.page-js p a{ color: #00A0DE;}

.jzg{height:500px;background:url(../image/jzg_bg.jpg) center no-repeat; margin-top:30px;}
.jzg ol{margin-top:30px;}
.jzg li{width:180px; margin-left:5%; height:100px; padding-top:30px; float: left; font-size: 40px; color: #fff; text-align: center;
background: url(../image/blue_bg.png);}
.jzg li:first-child{margin-left: 0;}

.img1 li:last-child,.img2 li:last-child{ margin-right: 0;}
.img1 img,.img2 img{width: 100%;}

.img1{ margin-left:-77px;}
.img1 li{width:240px;height:205px; overflow: hidden; float: left; margin-left:77px;text-align: center;  margin-bottom: 10px;}
.img1 img{height:175px; margin-bottom: 5px;}

.img2 li{width:15%;height:239px; overflow:hidden;float: left; margin-right:5%; text-align: center; margin-bottom:60px;}
.img2 img{min-height: 208px;}

.img3{ padding-bottom: 35px; overflow: hidden;}
.img3 li{width:15%;float: left; margin-right:5%; text-align: center; margin-bottom: 10px;}

.img4 li{width:350px;margin-left:72px;position: relative; float: left; text-align: center;border:1px solid #fff; overflow: hidden;}
.img4 li:first-child {margin-left: 0;}
.img4 li h3{ height:50px; line-height:50px;font-weight: normal;}
.img4 li:hover img{transform: scale(1.01);}
.img4 li:hover{position:relative;border:1px solid #ddd;-moz-box-shadow:0 0 8px #ddd;-webkit-box-shadow:0 0 8px #DDD;box-shadow:0 0 8px #ddd;}
.img4 .desc{width:100%; height:120px; padding-top:110px;position:absolute;top:0px;background:rgba(0,0,0,0.3); display: none; font-size: 16px;}
.img4 .desc a{border: 1px solid #fff;color: #fff;  padding:8px 25px;}
.img4 li:hover .desc{ display: block;}

.about_img{text-align: center;}
.about_img img{ margin: 0 50px;}


.ibanner{ height:450px;background:#176df6 url(../image/pr_banner.jpg) center no-repeat; }
.ibanner h2{color: #fff; font-size: 40px; text-align:  center;padding-top:100px;}
.ibanner p{color: #fff;font-size: 14px;line-height: 1.8;margin: 15px auto 25px;width: 580px;max-height: 7.2em;overflow: hidden;text-align: center;}
.ibanner a{border: 1px solid #fff;color: #fff;line-height: 40px;padding: 0 20px;font-size: 16px;display: inline-block;font-weight: 700;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease; margin: 0 20px;}
.ibanner a:hover{background-color:#fff;color:#000}


.zbanner{height:260px;background:#176df6 url(../image/all_banner.jpg) center no-repeat;}
.zbanner h2{color: #fff; font-size: 40px; text-align:  center;padding-top:100px;}
.z-case{background:#176df6 url(../image/case.jpg) center no-repeat; }
.z-job{background:#176df6 url(../image/job.jpg) center no-repeat; }
.z-about{background:#176df6 url(../image/about.jpg) center no-repeat; }

.pr-right{width: 830px;float: right;}
.pr-sidebar{width: 300px;float: left; margin-top: 20px;}
.pr-box{ padding:10px;border: 1px solid #e7e7e7; margin-bottom: 20px;}
.pr-box h2{font-size: 18px;font-weight: normal; text-align: center; padding:10px 0 1px 0}
.pr-box h2:after {content: ""; border-bottom: 2px solid #316be7; width:50px; display: block; margin: 10px auto;}

.pr-cat{ padding: 10px}
.pr-cat li{ height:40px; line-height:40px; text-align: center; background:#efefef ; margin-top: 10px;-moz-border-radius: 3px;-webkit-border-radius: 3px; border-radius:3px;}
.pr-cat li a{width: 100%; display: block;}
.pr-cat li.hov,.pr-cat li:hover{ background: #316be7;}
.pr-cat li.hov a,.pr-cat li:hover a{color: #fff;}
.pr-box img,.zizhi img{width: 100%;}

.zizhi{background: #f5f5f5; padding:10px 20px 20px 20px}
.zizhi p{ line-height: 28px;margin-bottom:50px;}
.pr-tit{ margin:40px 0;text-align: center;}
.pr-tit h2{font-size: 28px;color: #333;font-weight: 400;text-align: center;}

.pr-nav {width: 100%; background: #fff;  border-bottom: 1px solid #e5e5e5; overflow: hidden; }
.pr-nav ul{text-align: center;}
.pr-nav li{margin: 0 20px;display: inline-block;line-height: 60px;font-size: 14px;}

.pr-con{font-size: 14px;line-height: 1.8;font-weight: 400;color: #333;margin:0 auto 60px auto;}
.pr-con p,.pr-con h3{margin-bottom: 10px;}
.pr-con h3{font-size:18px; padding: 10px 0;font-weight:500;}
.pr-con .p-1{ padding: 20px; font-size: 14px; color: #9a9a9a;}
.pr-con .p-1 b{ height:110px; display: block; float: left;}

.pr-lx{text-align: center;font-size: 14px;font-weight: 700; margin-bottom: 80px;}
.pr-lx span{padding: 0 20px;}
.vido{ background:#f6f6f6 url(../image/pr_bg.jpg) center no-repeat; height:340px;}

.pr-news{list-style:disc}
.pr-news li{ height:32px; line-height:32px; overflow: hidden; font-size: 12px;}
.pr-news li:before{content:'路'; font-size: 26px; padding-right:6px; top:3px;position:relative}

#allmap { width:100%;height:500px;overflow: hidden; margin:25px 0 35px 0;}
#result {width:100%;font-size:12px;}

.mesWindow{position:fixed; width:910px; height:402px;z-index:100;left:50%;top:50%;margin-left:-455px;margin-top:-189px;}
.close{display:block; float:right; color:#fff;font-size:14px; padding:0 8px; background:#0086e7;cursor: pointer;}
.mesWindowTop{ color:#fff}

.floatBox{position:fixed; right:0; top:50%; margin-top:-190px; background:#fff; width:74px; z-index:100; -webkit-box-shadow: 3px 3px 3px;  -moz-box-shadow: 3px 3px 3px;  box-shadow: -1px 1px 20px rgba(0, 0, 0, .13);}
.floatBox li a{color:#666666; font-size:12px; text-align:center; width:100%; display:block; padding:50px 0 5px 0; border:1px solid #ededed; border-top:0; background-image:url(../image/floatbox.png); background-position:center 8px; background-repeat:no-repeat;}
.floatBox li a:hover{color:#ff6800}
.floatBox li.li_o a{border-color:#9cb8e2; background-color:#9cb8e2; color:#fff; background-position:16px 9px; cursor:default; padding-top:35px; padding-bottom:0px;}
.floatBox li.li_t a{background-image:url(../image/q-o.gif)}
.floatBox li.li_s a{background-image:url(../image/q-t.gif)}
.floatBox li.li_f a{background-image:url(../image/q-s.gif)}
.floatBox li.li_w a{background-image:url(../image/q-f.gif)}
.floatBox .top{display: none;}
.floatBox li.top a{background:none; padding: 10px 0;}
.fixer{position:fixed; right:0px; top:0;_position:absolute;_top:e-xpression(documentElement.scrollTop+10 + "px"); z-index:100;}
.floatBox.fixer{top:150px}

#f_box{width:350px;position:fixed !Important;bottom:0;right:0px;position:absolute;z-index:1000;display:block;}
*html #f_box{top:expression(offsetParent.scrollTop+20);}

.f_boxm{clear:both;height:30px;font-size:14px;color:#FFFFFF;font-weight:bold;line-height:30px;background:#ff6624;}
.f_boxm strong{float:left;padding-left:10px;}

.f_boxm .f_more{float:right;cursor:pointer;}
#f_boxb{font-size:12px;clear:both;}
.f_boxnar{color:#f00;display:block;width:40px;height:30px;background:url(../image/f_off.gif) no-repeat center center;}
.f_boxnarove{color:#00f;width:40px;height:30px;background:url(../image/f_on.gif) no-repeat center center;display:block;}