@charset "utf-8";



body{ overflow-x:hidden}



/* banner */







.banner{width:100%; margin:0 auto; position:relative; height:620px;}







.fullSlide{width:100%;position:relative;height:100%;background:transparent}







.fullSlide .bd{margin:0 auto;height:100%;position:relative;z-index:0;overflow:hidden;}







.fullSlide .bd ul{height:100%;width: 100%;}







.fullSlide .bd li{height:100%;overflow:hidden;text-align:center;background-position:center;background-repeat:no-repeat;width: 100%;}







.fullSlide .bd li a{display:block;height:100%;width: 100%;}







.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0}







.fullSlide .hd ul{text-align:center;margin-bottom:10px}







.fullSlide .hd ul li{background: rgba(255,255,255,0.8);cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;*filter:alpha(opacity=50);*opacity:.5;line-height:999px}







.fullSlide .hd ul .on{background: #1871cb;}







.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;*filter:alpha(opacity=50);*opacity:.5;display:none}







.fullSlide .next{left:auto;right:15%;background-position:-6px -137px}























.title {height: 44px; }







.title h3 {width: 125px;height: 44px; float:left;line-height: 44px;text-align: center;font-size: 16px; border:1px solid #006bd5; margin-right:10px;}







.title h3 a {color: #006bd5;}







.title .active{background: #006bd5;}







.title .active a{ color:#fff;}







.title .more {font-size: 14px;color: #2e2e2e;float: right;margin-right: 10px;line-height: 52px;}























.title1 {height: 44px; background-color: #f2f2f2;}







.title1 h3 {width: 125px;height: 44px;background: #006bd5; float:left;line-height: 44px;text-align: center;font-size: 18px;  margin-right:10px;}







.title1 h3 a {color: #fff;}







.title1 .active{background: #006bd5;}







.title1 .active a{ color:#fff;}







.title1 .more {font-size: 14px;color: #2e2e2e;float: right;margin-right: 10px;line-height: 44px;}































.title2 {height: 44px; background-color: #f2f2f2;}







.title2 h3 {width: 125px;height: 44px; float:left;line-height: 44px;text-align: center;font-size: 18px;  margin-right:10px;}







.title12 h3 a {color: #fff;}







.title2 .active{background: #006bd5;}







.title2 .active a{ color:#fff;}







.title2 .more {font-size: 14px;color: #2e2e2e;float: right;margin-right: 10px;line-height: 44px;}































.lefts ,.rights {display: block;width: 31px;height: 55px; position: absolute;top:60px; background: url(../images/p_n.gif) no-repeat;}







.lefts {background-position: 0 0;left: 10px;}







.rights {background-position: -31px 0;right: 10px;}















.span4 {margin: 20px auto;}







.span4 ul li {float: left;width: 25%;background: url(../images/bg6.jpg) repeat-y left center;}







.span4 ul li:first-child {background:none;}







.span4 ul li i {color: #c8c8c8;text-transform: uppercase;line-height: 20px;}







.span4 ul li img {







  -webkit-transition: all .2s;







  -moz-transition: all .2s;







  -o-transition: all .2s;







  -ms-transition: all .2s;







  transition: all .2s;







}







.span4 ul li:hover img {







  transform: translateY(-10px);







  -ms-transform: translateY(-10px);  







  -moz-transform: translateY(-10px);   







  -webkit-transform: translateY(-10px);  







  -o-transform: translateY(-10px);







}















.search {overflow: hidden;height: 49px;line-height: 49px;}







.search .hotkey span {font-size: 12px;font-weight: bold;color:#666;}







.search .hotkey a {font-size: 12px;padding-right: 13px;}







.search .form { float: right; height: 28px; line-height: 28px;color: #666; margin-top: 10px; margin-bottom: 3px;border:1px solid #CCC; padding-left:5px;background: url(../images/search.jpg) no-repeat 6px; center;}







.search .search-t {float: left;width: 160px;height: 28px;line-height: 28px; color: #ccc; padding-left: 36px; margin-bottom: 4px; outline: 0; font-size: 12px; background: none;}







.search .search-s {float: left;width: 46px;height: 28px;color: #fff;font-size: 12px;cursor: pointer;background: #167ce6;border: none;}















.lefts ,.rights {display: block;width: 15px;height: 65px;margin-top:-32px; position: absolute;top:50%; background: url(../images/p_n.gif) no-repeat;}







.lefts {background-position: 0 0;left: 10px;}







.rights {background-position: -15px 0;right: 10px;}























.product .wrap {padding-top: 35px; }







.product .pro-l {width: 270px; height:754px;background: #e9eef2;padding-bottom: 5px;}







.product .pro-l .pro-l-tit {height: 123px; }







.product .pro-l .pro-l-tit h2 a {color: #004e9b;height: 107px; font-size: 41px;padding-top: 35px;}







.product .pro-l .pro-l-tit i {color: #004e9b;font-family: 'Times New Roman'; display:block; line-height: 25px;}







.product .pro-r {width: 890px; position:relative;}







.product dl dt{ width:270px; height:43px; line-height:43px; background:#006bd5; font-size:18px; color:#fff; text-align:center;}







.product dl dt a{ color:#fff;}







.product dl dd{ background: url(../images/ico1.png) no-repeat 72px center; color:#333; height: 48px; line-height: 48px; padding-left:85px;font-size:16px;}







.product .pro-r .major-list{margin-top:20px;width: 924px; height: 520px;}







.product .pro-r .major-list li{float:left;width: 214px;  background:#e9eef2; margin-right: 15px;margin-bottom: 15px;overflow:hidden}


.product .pro-r .major-list li span a{ transition:all 0.3s; display:block; height:42px; line-height:42px; font-size:14px; background:#e9eef2; text-align:center;}
.product .pro-r .major-list li span a:hover{ background:#006bd5; color:#fff;}










.tell{ height: 144px;color:#fff; font-size:18px; text-align:center; margin-top: 18px;}







.tell p{ color: #006bd5; font-size:30px; font-weight:bold;margin-top: 117px;}







.tell a{ display:block; width: 208px; height: 52px; line-height: 52px;text-align:center; font-size:24px; color: #f0ff00;background: #006bd5; border-radius:30px; margin: 17px auto;}







.product ul li .product1_tp img{width: 100%;
    height: 100%;
    cursor: pointer;
    object-fit: cover;}
.product1_tp{ display:block; width:214px; height:200px; overflow:hidden;}










.product .pro-r .animated{-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;animation-fill-mode:both}























.xjbwhy{ background:url(../images/ico7.png) no-repeat center center; height: 660px;}







.xjbwhy p{ text-align:center; font-size: 47px; font-weight:bold; color: #2f2f43; padding-top: 61px;}







.xjbwhy p span{ display:block; font-size: 18px; font-weight:100;padding-top: 9px;}







.xjbwhy p em{ color:#006bd5; font-weight:bold; }







.ysxjb{ /* height: 322px; */width: 985px;margin: auto;}







.ysxjb  dl{ width: 186px; float:left; margin-right: 80px; margin-top: 72px;margin-bottom: 43px;}







.ysxjb  dl dd{ text-align:center; color:#666; line-height:30px;margin-top: 27px;font-size: 16px;}







.ysxjb  dl dt{width: 186px; height: 186px; font-size:48px; font-weight:bold; text-align:center; line-height:244px; color:#fff;}







.ysxjb  dl dt span{background:url(../images/ico6bg.png) no-repeat center center; position:absolute;    display: block; width: 186px;height: 186px;}







.ysxjb  dl dt  img{width: 161px;height: 161px; margin-top: 10px; border-radius:50%;}







.xjbwhy h6{ text-align:center; margin:auto; width: 342px; font-size:16px; color: #414042;}







.xjbwhy h6 em{ font-size:30px; font-weight:bold;}







.xjbwhy h6 a{ display:block; background:#ffc000; width:175px; height:40px; text-align:center; line-height:40px; color:#fff; font-size:18px; margin: 20px auto; }







































































.kk{ height: 561px; width:100%;}







.kk .bt h3{ background: url(../images/ico10.png) no-repeat center 12px;   height: 104px;text-align:center;font-weight:bold;}















.kk .bt h3 span{ display:block; font-size: 36px; font-weight: bold; color: #272636; padding-top: 53px;text-align:center;}







.kk .bt h3 span em{ font-weight: bold; color:#006bd5;}







.kk_bottom { margin-top: 30px;}







.kk_bottom .fl img{ width:575px; height:427px; border:5px solid #e5e5e5;}







.kk_bottom .fr dl{ width:580px; height:135px; margin-bottom: 14px;border-bottom:1px dashed #cfcfcf;}











.kk_bottom .fr dl dt {width:149px; }







.kk_bottom .fr dl dt img{ float:left; width:149px; height:117px; border:3px solid #e5e5e5;}







.kk_bottom .fr dl dd{ font-size:24px; color:#006bd5; float: right;width: 410px;margin-top: 8px;font-weight:bold; }







.kk_bottom .fr dl dd p{ font-size:16px; color:#333333; font-weight:100;line-height: 30px;margin-top: 14px;}







































.pk{ background:#eff0f4; height:705px;}







.pk .wrap p{ font-size:30px; font-weight:bold; color:#272636; text-align:center; padding-top:45px;}







.pk .wrap p em{ color:#006bd5;font-weight:bold;}







.pk .pkb{ width: 1130px; margin:auto; height:648px;}







.pk .pkb .fl{  width: 564px;height:548px;}







.pk .pkb .fr{ width: 564px;height:548px;}







.pk .pkb span{ position:relative; z-index:888;top: 117px;    margin-top: -89px;left: 498px; background:url(../images/ico15.png) no-repeat center center; width:108px; height:138px; display:block;}







.pk .pkb div p{ height:73px; background:#fff;line-height:73px;font-size:30px; font-weight:bold; color:#272636; text-align:center;}







.pk .pkb div p em{color:#006bd5;font-weight:bold;}







.pk .pkb div img{ width:564px; height:256px; margin-top:2px; margin-bottom:2px;}







.pk .pkb div ul{ background:#fff; padding-top: 23px;padding-bottom: 36px;}







.pk .pkb  .fl ul li{ background: url(../images/yes.png) no-repeat  2px center; height:44px; line-height:44px;border-bottom:1px dashed #dfdfdf; padding-left: 33px; width: 450px; color: #393939;font-size: 14px;margin:auto;}







.pk .pkb  .fr ul li{ background: url(../images/no.png) no-repeat  2px center; height:44px; line-height:44px;border-bottom:1px dashed #dfdfdf; padding-left: 33px; width: 450px; color: #393939;font-size: 14px;margin:auto;}























.shebei li a {display:block; color:#242424; font-weight:bold; margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:25px;font-size:14px;}







.shebei {width:1180px;margin:20px auto;padding:10px;position:relative;}







.shebei ul {margin:0 auto;}







.shebei li {float:left;width: 280px;margin-right:20px;text-align:center; }







.shebei li img {width: 280px;height: 191px;}















.zhanshi{ width: 270px; height:70px; margin: 50px 550px 0px;}







.zhanshi h3 { float:left;}







.zhanshi .active a{background:url(../images/ico37.png) center center no-repeat;color:#fff; }







.zhanshi h3 a{display:block; width: 135px; height: 81px; background:url(../images/ico38.png) center center no-repeat;line-height: 81px; text-align:center;  color:#5b5b5b; font-size:16px; }







































.why .ly{ margin:auto;  width:876px; height:138px; margin-bottom:25px;}







.why .ys{background:url(../images/icobg.jpg) top center no-repeat; width:1193px; height: 923px; margin:auto; margin-top:55px;}







.why .ys dl {position: absolute; }







.why .ys .ys01{left: 79px;  top: 164px;}







.why .ys .ys02{left: 79px;   top: 382px;}







.why .ys .ys03{right: 100px;  top: 545px;}







.why .ys .ys04{right: 145px;  bottom: 11px;}







.why .ys .ys05{left: 278px;   bottom: 14px;}







.why .ys dl dt{ color: #2b2b2b; font-size: 18px; font-weight:bold; margin-bottom: 21px;}







.why .ys dl dt em{font-weight:bold; color:#0068d1; }







.why .ys dl dd{ color: #000; font-size: 14px; line-height: 35px;}







.why .ys dl dt p{ font-size: 40px; font-weight:bold; line-height:30px; color: #0068d1;}







.why .ys dl dt a{ display:block; background:url(../images/abq.png) no-repeat center center; width:153px; height:52px; margin-top: 15px;line-height: 38px; text-align:center; font-size:20px; color:#fff;}















.gg1 {height: 214px; background: url(../images/gg1.jpg) no-repeat center center; width:902px;}







.gg1 .tel {color: #fff;bottom: 76px;right: 0px;}







.gg1 .tel a {width: 176px;height: 40px;line-height: 40px;margin-top: 10px; background: #ffc000; color: #fff;}















.gg2 {height: 240px;background: url(../images/gg2.jpg) no-repeat center center;}







.gg2 .tel {color: #fff;right: 0px;top: 100px;}







.gg2 .tel a {width: 176px;height: 40px;line-height: 40px;margin-top: 10px; background: #ffc000; color: #fff;}















.gg3 {height: 228px;background: url(../images/gg3.jpg) no-repeat center center;}







.gg3 .tel {color: #fff;right: 2px;top: 79px;}







.gg3 .tel a {width: 176px;height: 40px;line-height: 40px;margin-top: 10px; background: #ffc000; color: #fff;}















.partner .content {padding-top: 20px;}







.partner li {float: left;width:258px;margin-right: 40px;}







.partner li img {width: 256px;height: 110px;border:1px solid #ccc;}







.partner li a {line-height: 30px;}























.customer .content {padding-top: 20px;}







.customer .content dl{ width:277px; float:left; margin-right:18px; margin-bottom: 30px;}







.customer .content dl dt img{ width:276px; height:207px;}







.customer .content dl dd{ background:#e5e5e5; border-bottom:2px solid #bababa; height:160px;}







.customer .content dl dd h4{width:255px; padding-top:20px; font-size:14px; margin-left:10px; font-weight:bold;color:#5c5c5c;}







.customer .content dl dd p{ line-height:22px; display:block; color:#646464;width: 254px; margin: auto; overflow: hidden; height: 60px;text-overflow: ellipsis; padding:10px 0;}







.customer .content dl dd a{ width:47px; height:22px; display:block; float:right; margin-right:10px; color:#676767;text-align:center;line-height:22px; margin-top: 9px;border:1px solid #b1b1b1;}







.customer .content dl:hover dd{ background:#006bd5;border-bottom:2px solid #004589; height:160px;}







.customer .content dl:hover h4{width:255px; padding-top:20px; font-size:14px; margin-left:10px; font-weight:bold;color:#fff;}







.customer .content dl:hover p{line-height:22px; color:#fff;width:255px; margin: auto; padding:10px 0;}







.customer .content dl:hover a{ width:47px; height:22px; display:block; float:right; margin-right:10px; color:#fff;text-align:center;line-height:22px; border:1px solid #fff;}







.honor li{ margin:auto; width:314px; text-align:center; float:left;}







.honor li a{ display:block; margin-top: 16px; margin-bottom:5px;}







.honor li a img{ width:248px; height:176px;}







.honor {width:347px;margin:20px auto;padding:10px;position:relative;}







.lefts ,.rights {display: block;width: 15px;height: 65px;margin-top:-32px; position: absolute;top:50%; background: url(../images/p_n.gif) no-repeat;}







.lefts {background-position: 0 0;left: 10px;}







.rights {background-position: -15px 0;right: 10px;}







































.about {width: 750px;}







.about .content {padding-top: 20px;}







.about .content img {width: 304px;height: 231px;padding: 5px;margin-bottom: 7px;background: url(../images/bg18.gif);}







.about .content .info {width: 420px; background: url(../images/img10.jpg) no-repeat 0px 11px;}







.about .content .info p {height: 150px;line-height: 26px;overflow: hidden;text-indent: 2em;margin-bottom: 10px;padding-top: 45px;}























.news { width: 790px;}







.news h3 a { color: #888;}







.news .img { float: left; margin-right: 10px;  width: 162px; height: 104px;}







.news .img img {width: 100%;
    height: 100%;
    cursor: pointer;
    object-fit: cover;}







.news .info { float: left; width: 609px;}







.news .info a { font-size: 12px; display:block;line-height:26px;}







.news .info .boodp{ overflow: hidden; height:45px; margin-top: 4px;}







.news .info .bood{ color:#5f5f5f; font-size:14px; font-weight:bold;}







.news .info:hover .bood{color:#0359a7; font-size:14px; font-weight:bold;}







.news .info .more {color: #646464;float: left; margin-top: 10px;border:1px solid #ccc; width:40px; height:18px; text-align:center; line-height:18px;}







.news dl dd {clear: both;padding-top: 10px;}







.news ul { width: 750px;}







.news li {float: left;line-height: 35px;width: 780px; background: url(../images/ico1.png) no-repeat left center;}







.news li a {font-size: 12px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left:10px;}







.news li span {float: right;}























.faq .content {height: 260px;position: relative;overflow: hidden;margin-top:30px;}







.contanta{margin-top:20px;}







.faq .faq-c .faq-l { margin-bottom: 20px; clear: both ; overflow: hidden;}







.faq .faq-c .faq-l .faq-w span { width: 22px;height: 22px; line-height: 20px; text-align: center; float: left; margin-right: 5px; margin-bottom: 10px; background: url(../images/wd.png) no-repeat center top;}







.faq .faq-c .faq-l .faq-d span { clear: both; color: #fff; width: 22px; height: 22px; line-height: 20px; text-align: center; float: left; margin-right: 5px; margin-bottom: 10px;







  background: url(../images/wd.png) no-repeat center -33px;}







.faq .faq-c .faq-l .faq-w p { float: right;  line-height: 20px;  width: 320px;  margin: 0;  color: #333;  font-size: 14px;  font-weight: bold;white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}







.faq .faq-c .faq-l .faq-d p { float: right; width: 320px; line-height: 25px; margin: 0; height:80px; color: #333; overflow: hidden; padding-bottom: 22px;}







.faq .left dl{ height:30px; line-height:30px;}







.faq .left dl a{ height:30px; display:block; width:280px; overflow:hidden; line-height:30px; color:#000; }







.faq .left dl a em{ padding-right:5px;}







.fpp{ width:355px; float:right; margin-right:55px;}







.fpp .left p{ margin-top:15px;}







.fpp .left li{  line-height:28px;}







.fpp .left li img{ margin-right:10px;}







.fpp .left li  a{ color:#666;}























.lianjie{ height:40px; line-height:40px;background:#f5f5f5; margin-top: 31px; margin-bottom:30px; }







.lianjie .fl{ font-size:16px; font-weight:bold; color:#fff; background: #006bd5; width:116px; text-align:center}







.lianjie .fr{font-size:14px;color:#353535; float:left;  }







.lianjie .fr a{ padding-left:40px; display:block;float:left; font-weight:100;}