@charset "utf-8";
/*style*/
body {
    width: 100%;
    min-width: 1100px;
    max-width: 1920px;
    margin: 0 auto;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, em, p, font, img, small, strong, center, dl, dt, dd, ol, ul, li, form, label, table, caption,
 tbody, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:14px; font-family: "Microsoft YaHei";} 
ol, ul {list-style:none} :focus {outline:none; } 
a{font:14px  "Microsoft YaHei";text-decoration:none;color:#666;cursor:pointer;} 
a:hover{color: #2a6ad6}
.clear{clear: both;}
.w1100{width: 1100px; margin:0 auto;}
.w1240{width: 1240px; margin:0 auto;}
/*hearder*/
.header{height: 150px;}
.header .w1100{position: relative;height: 150px;}
.header h1 {float: left;margin-top: 40px;padding-right: 15px;}
.header .ding{float: left;margin-left:15px;}
.header .ding h2{margin-top: 45px;color: #2a6ad6;font-size:24px;font-weight: bold;}
.header .ding h3{color: #3d3d3d;font-size:18px;font-weight: normal; line-height:30px;}
.header .ding h3 b { color:#81d808;}
.header .call{float: right;background: url(../png/tell.webp) no-repeat left center;padding-left: 50px;margin-top: 50px;}
.header .call p{color: #2a6ad6;font-size:24px;font-weight:bold;}
.top_contact { float:left; color:#5a5a5a; margin:60px 0 0 80px; }
.top_contact a { color:#5a5a5a; display: inline-block; padding:10px;}
.top_contact a:hover { color:#2a6ad6;}
.nav{height: 50px;line-height:50px;background: #2a6ad6;}
.nav li{float: left;}
.nav li a{display: block;height: 50px;line-height: 50px;color: #fff;padding:0 30px;}
.nav li a:hover{color:#fff;background: #81d808;}
.nav li a.first{color: #fff;background: #81d808;}
/*banner*/
.active{ background: #2a6ad6;}
.flickerplate .dot-navigation .dot.active { background: #81d808; height: 2px;width: 60px; }
.flickerplate .dot-navigation .dot.active:hover{ background:#81d808;}
.flickerplate .dot-navigation .dot {background: #2a6ad6;}
.flickerplate .dot-navigation .dot:hover{background: #2a6ad6;}
/*search*/
.search{position:relative;background: url(../jpg/ssuo.webp) no-repeat center;}
.search_div{height:70px;line-height: 70px;background:#2a6ad6;}
.search{ float: right;width:330px}
.sea_key{float: left;}
.sea_cal{float: right;}
.search_tow{ border: none; background: none; width:215px; color: #ccc;font-size: 14px;padding-left: 10px;  height: 70px;}
.search_button{    cursor: pointer;width: 70px;height: 70px; position: absolute; right: 2px; border: none; background: none;color: #fff;font-size: 16px;}
.sea_key a{font-size: 13px;color:#fff; margin:0 10px; }
.sea_key a:hover{text-decoration:underline;}
.sea_key span{font-size: 14px; color:#fff; margin-left: 15px;font-weight:normal;}
.sea_cal span{ font-size: 14px; color:#fff; margin-right: 10px;}
.sea_cal a{ font-size: 33px; color:#fff; float: right;margin-top: 23px;}
/*pordcut*/
.porduct{background: #fff;padding-top: 30px; margin:0 auto 20px; }
.porleft{width: 300px;float: left;}
.porleft h3{height: 82px;background: #2a6ad6;padding-top: 40px;}
.porleft h3 img{float: left;margin-left: 15px;}
.porleft p i{font-size:26px;color: #fff;font-style:normal;}
.porleft p strong{font-size: 26px;color: #fff600;font-style:normal;}
.porleft p span{display: block;text-transform:uppercase; color: #fff;font-weight: normal;font-size:12px;}
.porleft ul li{background:#2a6ad6;border-top:solid 1px #fff;}
.porleft ul li a{width: 185px;display: block;height: 65px;line-height: 65px;float: left;padding-left: 30px;   
  overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color:#fff;}
.porleft ul li a:hover { color:#fff;}
.porleft ul li span{cursor:pointer;line-height: 65px;width: 25px;height: 25px;display:block;
background: url(../png/x3.webp) no-repeat center center;float:right;margin:20px 30px 0 0;}
.porleft ul li .plip{background: #333333;clear: both;}
.porleft ul li span.porspan{cursor:pointer;line-height: 65px;width: 25px;height: 25px;display:block;
background: url(../png/x2.webp) no-repeat center center;float:right;margin:20px 30px 0 0;}
.porleft ul li span.porspan2{cursor:pointer;line-height: 65px;width: 25px;height: 25px;display:block;
background: url(../png/x3.webp) no-repeat center center;float:right;margin:20px 30px 0 0;}
.porleft ul li .plip p a:hover{text-decoration:underline;}
.porleft ul li h4{height: 65px;}
.porleft ul li .plip p{height: 54px;line-height: 54px;border-bottom:solid 1px #ccc}
.porleft ul li .plip p a{color: #fff;line-height: 50px;height: 50px;width: 227px}
.porleft .plip{display: none}
.porleft .ploshow{display: block;}
.porright{width: 800px;float: right;}
.porright .portit{height: 40px; line-height: 40px; margin: 0 0 14px 18px; background:url(../line.html) no-repeat bottom; }
.porright .portit strong{color: #2a6ad6;font-style: normal; line-height:30px; font-weight: bold;padding-right: 10px;}
.porright .portit span{color: #2a6ad6;font-size:14px;font-weight: normal;text-transform:uppercase; }
.porright .portit a{float: right;line-height: 40px; color: #ccc;}
.porright .portit a:hover { color: #2a6ad6;}
.porright ul li{float:right; width: 250px;  margin:10px 0 0 16px;}
.porright ul li:nth-child(3n){margin-right: 0px;}
.porright ul li img{width: 248px;height: 153px;border:solid 1px #dfdfdf;display:block;}
.porright ul li p{ height: 40px;line-height: 40px;padding-left: 20px;
padding-right: 45px;color: #111;     overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.porright ul li:hover  p{ color: #2a6ad6}
.porright ul li:hover img{border:solid 1px #2a6ad6;display:block;}
/*yous*/
.yous{background: url(../jpg/ysbj.webp) no-repeat center bottom;height: 942px; margin-top:25px;  position: relative; z-index: 2;}
.yous img{display:block;}
.yous .w1100{height: 766px;position: relative;}
.ys1{text-align: center;padding-top: 40px;}
.ys1 h3{color: #2a6ad6;font-size: 32px;text-align: center;font-weight:normal;}
.ys1 h3 span{color:#81d808;font-size:32px; }
.ys1 h3 span i { margin:0 2px; font-size:36px; font-weight:bold;}
.ys1 h4{color: #2a6ad6;font-size:16px; letter-spacing:3px; text-align: center;font-weight:normal;}
.ys_con { width:1100px; height:772px; overflow:hidden; margin-top:50px; position:relative;}
.ys_con dl { width:515px; float:left; height:200px; line-height:28px;}
.ys_con dl dt { font-size:16px; color:#2a6ad6; font-weight:bold; margin-bottom:5px;}
.ys_con dl dt p { color:#d3daeb; font-size:32px;}
.ys_con dl dd { color:#484848;}
.ys_con p img { border:6px solid #fff; width:546px; height:348px; float:right;}
.ys_tel {float: right;background: url(../png/tell2.webp) no-repeat 10px center #2a6ad6; width:210px; height:40px; padding:25px 0 30px 90px;margin-top: 50px; color:#fff;}
.ys_tel p{color: #fff;font-size:24px;font-weight:bold;}
.ys_logo { position:absolute; margin:85px 460px;}
/*about*/
.about{height:485px;background:url(../png/aboutbg.webp) no-repeat center 40px ;}
.about .w1100{height: 478px;position: relative;}
.about .ableft{float: left;margin-top: 30px;width: 593px;height: 400px;}
.about .ableft img { margin:40px 0 0 15px; border:5px solid #2a6ad6;}
.about .abright{float:right;width: 490px; margin-top:130px;}
.about .abright h2 { font-size:21px; color:#2a6ad6; line-height:30px; padding-bottom:10px; background:url(../jpg/about-bg.webp) no-repeat 0px 36px;}
.about .abright a img{margin-top: 40px; }
.about .abright p{color: #6a6a6a;line-height: 30px; margin-top: 15px; height:180px; overflow:hidden; }
.about .abright .more a {background: #2a6ad6; width:100px; height:32px; display:inline-block; margin-top:25px; text-align:center; line-height:32px; color: #fff;}
.about .abright .more a:hover { background:#81d808;}
/*news*/
.news{background: #f0f0f0;height: 440px; padding-top:40px;}
.news strong a{text-align: center;font-size: 22px;color: #333333;display: block;}
.news h4 a{color: #2a6ad6;font-size: 30px;font-weight:normal;text-align: center;display: block;
  text-transform:uppercase; padding-top: 60px;}
.inxnewstitle { height: 60px;  line-height: 60px; }
.inxnewstitle a { display:inline-block; border-radius:30px; line-height:50px; width:150px; height:50px; text-align:center;  margin-right:30px; color:#fff; background:#515151;}
.news_on {color: #fff; overflow:hidden;}
.news_on a { background:#2a6ad6; float:left; margin-right:30px;}
.news_on p a,.news_cont p a { color:#2e2e2e; position:absolute; right:0; top:-60px;}
.inxnewstitle ul { height:40px; line-height:40px;}
.inxnewstitle ul li { float:left;}
.inxnewstitle ul li p { float:right;}
.news_cont { margin-top:20px;  position:relative; }
.news_cont a { color:#2e2e2e; }
.news_cont a:hover { color:#005dac; }
.news_cont dl { float:left; width:385px; height:325px; overflow:hidden; line-height:32px;}
.news_cont dl dt { float:left; height:255px; margin-bottom:15px;}
.news_cont dl dd { border-bottom:1px solid #c7c7c7; }
.news_cont dl dd a { display:inline-block; width:290px;line-height:34px; background:url(../png/li.webp) no-repeat 0px center;  text-indent:1em; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news_cont span { float:right; line-height:32px;}
.news_cont dl dd:hover a{color:#005dac }
.news_cont dl dd:hover span{color:#005dac}
.news_cont ul {width:715px; float:left; }
.news_cont ul .first_n { line-height:32px; padding-bottom:10px; margin-bottom:20px; margin-left:42px; border-bottom:1px solid #c7c7c7;}
.news_cont ul .first_n a {display:inline-block; width:580px; font-size:18px; line-height:30px;font-weight:bold; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news_cont ul .first_n span { float:right; color:#d1d1d1; font-weight:bold;  font-size:18px; }
.news_cont ul li { float:right; margin:0 0px 20px 39px; border-bottom:1px solid #c7c7c7; padding-bottom:10px;}
.news_cont ul li a { display:inline-block; width:240px;line-height:32px; background:url(../png/li.webp) no-repeat 0px center;  text-indent:1em; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news_cont ul li:hover a{color:#005dac }
.news_cont ul li:hover span{color:#005dac}
.news_cont ul .first_n p{color: #666;    display: -webkit-box;
    overflow: hidden;height: 64px;line-height: 32px;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.news_cont ul li:nth-child(2n){float:left; }
/*link*/
.link{line-height:65px;background: #528ae8;}
.link span{color: #fff;font-size: 16px;}
.link span img{margin-top:20px;display:block;float: left;}
.link a{color: #fff;margin-left:20px;line-height: 50px;}
.link a:hover{text-decoration:underline;}
/*foot*/
.foot{height: 360px;background:#2a6ad6;}
.fnav{width: 210px;float: left;}
.fnav h4{color: #fff;font-size: 16px;padding-top: 40px;font-weight:normal;border-bottom: solid 1px #5f8fe0;padding-bottom: 18px;}
.fnav ul li{float: left;width: 50%;margin-top: 30px;}
.fnav ul li a{color: #fff;}
.fcon{width: 420px;float: left;margin-left:100px;}
.fcon h4{color: #fff;font-size: 16px;padding-top: 40px;font-weight:normal;border-bottom: solid 1px #5f8fe0;padding-bottom: 18px;
margin-bottom: 30px;}
.fcon span{color: #fff;display: block;font-size: 14px;}
.fcon em{font-weight: bold;display: block;color: #fff;font-style: normal;font-size:24px;margin-bottom: 20px}
.fcon em a{font-weight: bold;display: block;color: #fff;font-style: normal;font-size:24px;margin-bottom: 20px}
.fcon  p{color: #fff;display: block;font-size: 14px;margin-bottom: 20px}
.gzhu{width:300px;float: right;}
.gzhu h4{color: #fff;font-size: 16px;padding-top: 40px;font-weight:normal;border-bottom: solid 1px #5f8fe0;padding-bottom: 18px;}
.gzhu img{margin-top:40px;}
.gzhu p{text-align: center;color: #fff;width: 145px; line-height:34px;}
.gzhu li{float: left;}
.gzhu li:nth-child(1){margin-right:10px;}
.fend{height: 50px;line-height: 50px;background: #2a6ad6;border-top:solid 1px #5f8fe0;color: #fff;}
.fend a{color: #fff;}
.fend a:hover{text-decoration:underline;}
.foot a:hover{text-decoration:underline;}
/*返回顶部*/
/*返回顶部*/
.cd-top { z-index:999;
  display: inline-block;
  height: 50px;
  width: 50px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  cursor:pointer;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background:#000 url(../png/cd-top-arrow.webp) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
   border-radius:8px;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1; cursor:pointer;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: .9;
}
.no-touch .cd-top:hover {
  background-color: #9dc92b;
  opacity: 1;}
.por_conend .por_con_div h4 a:hover{color: #316DC3}