@charset "UTF-8";

/*header-start*/

.header {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height:60px;

  z-index: 500;

  background: white;

  -webkit-box-shadow: 3px 0 7px 0 rgba(0,0,0,.1);

          box-shadow: 3px 0 7px 0 rgba(0,0,0,.1);

  -webkit-transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);

  -o-transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);

  transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);

}

.header.open-menu {

  height: 100%;

  background: #fff;

  -webkit-transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);

  -o-transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);

  transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);

}

.navbar{

  position: relative;

  background:rgba(0,0,0,0);

  height:60px;

  text-align: center;

  -webkit-box-shadow: 0px 2px 13px 0 rgba(0,0,0,.15);

          box-shadow: 0px 2px 13px 0 rgba(0,0,0,.15);

          z-index: 3;

}

.navbar .logo{

  float: left;	

  height:60px;

  background: #f00000;



/*  margin:0 auto;*/

  padding:20px 15px;

}

.navbar .logo img{height:20px; display: block;}

.navbar-togger {

  background:transparent;

  border: none;

  padding: 22px 15px;

  padding-right: 15px;

  float: right;

  visibility: visible;

  -webkit-transition:all .5s;

  -o-transition:all .5s;

  transition:all .5s;

}

.navbar-togger .icon_bar {

  width: 24px;

  height: 2px;

  background-color: #f00000;

  opacity: 1;

  -webkit-transition: all .3s;

  -o-transition: all .3s;

  transition: all .3s;

}

.navbar-togger .icon_bar:nth-of-type(2) {

  margin:5px auto;

  width: 24px;

}

.open-menu .navbar-togger .icon_bar:nth-of-type(1) {

	width: 24px;

  -webkit-transform: translate3d(0px,7px,0) rotate(45deg);

  transform: translate3d(0px,7px,0) rotate(45deg);

}

.open-menu .navbar-togger .icon_bar:nth-of-type(2) {

  opacity: 0;

  -webkit-transform: translateX(20px);

      -ms-transform: translateX(20px);

          transform: translateX(20px);

}

.open-menu .navbar-togger .icon_bar:nth-of-type(3) {

	width: 24px;

  -webkit-transform: translate3d(0,-7px,0) rotate(-45deg);

  transform: translate3d(0,-7px,0) rotate(-45deg);

}

.language {float: right;position: relative;padding: 14px 0;}

.language-text { display: block;color: #333; line-height: 30px; font-size: 14px; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s;transition: all .3s; padding-left: 26px; background: url(../images/lanu.png) no-repeat left center;background-size: 18px;}

.language-text i { display: inline-block;vertical-align: middle; font-size: 14px; font-weight: bold; margin-left: 3px;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}

.language-list { position: absolute; top: 100%;right: 0; z-index: 10; background: #fff; padding: 0px 0; -webkit-box-shadow: 0 2px 4px 2px rgba(0,0,0,.05); box-shadow: 0 2px 4px 2px rgba(0,0,0,.05); opacity: 0; visibility: hidden; -webkit-transition: all .6s;-o-transition: all .6s;transition: all .6s;}

.language-list a { display: block; padding: 10px 20px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;}

.language:hover .language-text {color: #6699ff;}

.language:hover .language-text i {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg); transform: rotate(180deg);}

.language:hover .language-list {opacity: 1;visibility: visible;}

.language-list a:hover {color: #fff; background: #6699ff;}



.search{float: right;line-height: 60px;color: white;margin-right: 4px;}

.search-box{

	display: none;

	position: fixed;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,0.5);

	top: 0;left: 0;z-index: 3333;

}

.search-top{height: 60px;background: white;padding: 10px 15px;}

.search-top input{float: left; width: 83%;border: solid 1px #eeeeee;padding: 0 10px;height: 40px;line-height: 40px;color: #d9d9d9;font-size: 14px;border-radius: 5px;}

.search-top button{float: left;color: #333;height: 40px;line-height: 40px;width: 10%;text-align: center;font-size: 20px;}

.search-top .close{float: right;width: 7%;height: 40px;color: #333;text-align: center;line-height: 40px;font-size: 20px;}

.nav-menu{

  position: absolute;

  top: 60px;

  left: 0;

  bottom: 0;

  right: 0;

  width: 100%;

  z-index: 2;

  background: #f2f6fa;

  overflow-x: hidden;

  overflow-y: auto;

  visibility: hidden;

  -webkit-transition: visibility 0s linear 1s;

  -o-transition: visibility 0s linear 1s;

  transition: visibility 0s linear 1s;

}

.header.open-menu .nav-menu{

  visibility: visible;

  -webkit-transition-delay: 0s;

  -o-transition-delay: 0s;

     transition-delay: 0s;

}

.nav-list{padding:0 15px}

.nav-item {

  border-bottom: 1px solid #dcdcdc;

}

.nav-tit{position: relative;}

.nav-tit a {

  font-size: 16px;

  color: #333;

  font-family:'Arial', 'regular';

  line-height: 50px;

  margin-right: 60px;

  display: block;

}

.nav-tig{

  font-size: 14px;

  color: #333;

  text-align: center;

  line-height: 50px;

  width: 50px;

  height: 50px;

  position: absolute;

  right: -17px;

  top: 0;

  z-index: 2;

  font-weight: bold;

  transition: all .5s;

}

.nav-tit.open .nav-tig{

  transform: rotate(90deg);color: #5695fc;

}

.nav-tit.open .nav-a{color: #5695fc;}

.nav-tit.open + .nav-cont{display: block;}

.nav-tit.open .active{color: #5695fc;}

.nav-cont a.hover{color: #5695fc;}

.nav-cont{display: none; border-top: 1px solid #dcdcdc;}

.nav-pad {

 padding: 0 15px;

}

.nav-cont a{

	font-family:'Arial', 'regular';

  line-height: 45px;

  color: #333;

  font-size: 14px;

  display:block;

}

.nav-cont a:last-child{border-bottom: none;}

.nav-cont a.active{

	color: #5695fc;

}

.nav-two:last-child .two-tit {border-bottom: none;}

.nav-two:last-child .two-cont {border-bottom: none;border-top: 1px dashed #dcdcdc;}

.two-tit {

    position: relative;border-bottom: 1px dashed #dcdcdc;

}

.two-tit a {

  font-size: 14px;

  color: #333;

  font-family:'Arial', 'regular';

  line-height: 50px;

  margin-right: 50px;

  display: block;

}

.two-tit.open .two-a{color: #5695fc;}

.two-tit.open + .two-cont {

    display: block;

}

.two-tig{

  font-size: 14px !important;

  color: #333;

  text-align: center;

  line-height: 50px;

  width: 50px;

  height: 50px;

  position: absolute;

  right: -17px;

  top: 0;

  z-index: 2;

  font-weight: bold;

  transition: all .5s;

}

.two-tit.open .two-tig{

  transform: rotate(90deg);color: #5695fc;

}

.two-pad{padding: 3px 10px;}

.two-cont{display: none;border-bottom: 1px dashed #dcdcdc;}

.two-cont a{    font-family: 'Arial', 'regular';

    line-height: 30px;

    color: #666666;

    font-size: 13px;

    display: block;}

.nav-bot {

    font-family: 'Arial Regular','regular';

    height: 70px;

    font-size: 14px;

    color: #666;

    text-align: center;

    line-height: 25px;

    padding: 10px 0;

}

.nav-bot span {

    font-size: 16px;

    font-weight: bold;

}

/*shouji */

.wrap2{ display: none;  width: 57px;  height: 57px;  position: fixed;  right: 10px;  bottom:20px;  z-index: 1111;}

.icon_menu{width:57px;height:57px;position:absolute;bottom:2px;right:2px;z-index:10;cursor:pointer;}

.icon_menu span{diplay:none;}

.btnss{width:52px;height:57px;background:url(../images/bg1.png) no-repeat -78px -6px;z-index:1;position:absolute;bottom:0;right:0;margin:0 5px 2px 0;cursor:pointer;}

.btnss span{display:block;width:22px;height:24px;font-size:0;position:absolute;top:50%;left:50%;margin-top:-12px;margin-left:-11px;overflow:hidden;background:url(../images/bg1.png) no-repeat;}

.btn4 span{background-position:-176px -20px;}

.btn2 span{background-position:-198px -18px;}

.btn3 span{background-position:-221px -18px;}

.btn1 span{background-position:-243px -19px;}

.btn5 span{background-position:-267px -20px;}

.btnss{-webkit-transition:bottom .2s,right .2s;-moz-transition:bottom .2s,right .2s;-o-transition:bottom .2s,right .2s;-ms-transition:bottom .2s,right .2s;transition:bottom .2s,right .2s;}

.btn1.close1, .btn2.close1, .btn3.close1, .btn4.close1{bottom:0;right:0;}

.btn1.open1{bottom: 125px;right:0;}

.btn2.open1{bottom: 100px;right: 55px;}

.btn3.open1{bottom: 58px;right: 98px;}

.btn4.open1{bottom: 0px;right: 117px;}



.icon_menu2 {

    /* css3 animation */

    -webkit-animation: anim4 5s linear infinite;

    -moz-animation: anim4 5s linear infinite;

    -ms-animation: anim4 5s linear infinite;

    -o-animation: anim4 5s linear infinite;

    animation: anim4 5s linear infinite;

}



.page_list .first

{

    display:none

}



/* css3 keyframes - animation 4 */

@-webkit-keyframes anim4 {

    from { -webkit-transform: rotateZ(0deg); }

    50% { -webkit-transform: rotateZ(180deg); }

    to { -webkit-transform: rotateZ(360deg); }

}

@-moz-keyframes anim4 {

    from { -moz-transform: rotateZ(0deg); }

    50% { -moz-transform: rotateZ(180deg); }

    to { -moz-transform: rotateZ(360deg); }

}

@-ms-keyframes anim4 {

    from { -ms-transform: rotateZ(0deg); }

    50% { -ms-transform: rotateZ(180deg); }

    to { -ms-transform: rotateZ(360deg); }

}

@-o-keyframes anim4 {

    from { -o-transform: rotateZ(0deg); }

    50% { -o-transform: rotateZ(180deg); }

    to { -o-transform: rotateZ(360deg); }

}

@keyframes anim4 {

    from { transform: rotateZ(0deg); }

    50% { transform: rotateZ(180deg); }

    to { transform: rotateZ(360deg); }

}



/*app-底部*/

.foot-app{width:100%;background: #222222;padding: 0 15px 35px;}

.footer-tit{position: relative;border-bottom:2px solid  #4e4e4e;}

.footer-tit a{font-family: 'Arial Regular','regular';text-transform: uppercase; font-size:16px;color: rgba(255,255,255,1);line-height:48px;margin-right: 48px;display: block;}

.footer-tig {font-weight: bold; font-size: 14px; color: #888; text-align: center; line-height: 48px; width:48px;height: 48px;position: absolute;right: -16px;top: 0;z-index: 2;transition: all .5s;}

.footer-item.open .footer-tig{transform: rotate(90deg);color: white;}

.footer-cont{display: none;border-bottom:2px solid  #4e4e4e;}

.footer-cont a{font-family: 'Arial Regular','regular';text-transform: uppercase;padding: 0 15px; line-height: 40px;color: #9f9f9f;display: block; font-size: 14px;border-bottom: solid 1px  #4e4e4e;}

.footer-cont a:last-child{border:none;}

.footer-item.open .footer-cont a.active{color: #0088dd;}

.foot-share{margin-top: 25px;display: none;}

.foot-share a{ width: 30px !important;height: 30px !important;padding: 0 !important;margin: 0  3px !important;border-radius: 50%;border: solid 1px #6d6d6d;line-height: 28px !important;opacity: 1 !important; text-align: center;color: #6d6d6d !important;font-size: 20px !important;background: none !important;}

.foot-share a:last-child{margin-right: 0 !important;}

.foot-share a:hover{text-decoration:none !important; border-color: #ddd;background: #ddd !important;color: #222 !important;}

.foot-share i{font-family: 'Arial Regular','regular';font-style: normal; float: left;font-size: 14px;color: #818085;line-height: 30px;}

.footer-bot{padding:15px 0;}

.footer-bot p,.footer-bot p a{font-size: 14px;color:#818085;line-height: 22px;}

.footer-bot p a:hover{color: white;}

.foot-top{padding: 25px 0 25px;border-bottom: solid 1px #333333;}

.foot-bt{width: 65%;float: left;}

.foot-bl{padding-left:50px;background: url(../images/foot-tel.png) no-repeat left center;background-size: 40px;}

.foot-bl h3{font-family:'Arial','regular';font-weight: bold;font-size: 20px;color: white;line-height: 24px;margin-bottom: 2px;}

.foot-bl p{font-family:'Arial','regular';font-size: 14px;color: #818085;line-height: 14px;}

.foot-br{margin-top: 25px; padding-left: 50px;background: url(../images/foot-email.png) no-repeat left center;background-size: 40px 26px;}

.foot-br h3{font-family:'Arial','regular';font-size: 16px;color: white;line-height: 26px;}

.foot-ewm{width: 30%;float: right;}

.foot-ewm img{display: block;width: 100%;}

.foot-ewm p{margin-top: 5px; line-height: 20px;font-size: 14px;color: #666;text-align: center;}

.bd_weixin_popup{width: 250px !important;height: 315px !important;}

@media  (max-width:320px) {

	.foot-bl{padding-left: 40px;background-size: 30px;}

	.foot-bl p{font-size: 12px;}

	.foot-br{padding-left: 40px;background-size: 30px 20px;}

	.foot-ewm p{font-size: 12px;}

}



.gotop{float: left; width: 50px;height: 50px;background: rgba(0,0,0,0.5);line-height: 50px;text-align: center;color: white;margin: 0 1px;}

.kefu{height: 50px; position: fixed;right: 0;bottom: 0;z-index: 33;}

.kefu a{display: none; float: left; width: 50px;background: rgba(0,0,0,0.5);line-height: 50px;text-align: center;color: white;font-size: 24px;margin: 0px 1px;}

.kefu a i,.gotop i{font-size: 20px;}

.kf-act{float: left; position: relative; width: 50px;height: 50px;background: rgba(0,0,0,0.5);margin: 0px 1px;}

.kf-act::after{position: absolute;content: '';width: 15px;height: 2px;background: white;left: 17.5px;top: 24px;}

.kf-act::before{position: absolute;content: '';width: 2px;height: 15px;background: white;top: 17.5px;left: 24px;}

.kf-act.on::before{display: none;}













/**/

.banner img{display: block;width: 100%;}

.swiper-pagination-bullet{margin: 0 5px; width: 10px;height: 10px;background: #4d4d4d;opacity: 1;}

.swiper-pagination-bullet-active{background: white;}

.banner-font{position: absolute;width: 100%;height: 100%;top: 0;left: 0;padding: .4rem 20px;}

.banner-font h3{opacity: 0;transform:translateY(10px);transition: all .5s .4s; font-family:'Arial','regular';font-weight: bold; font-size: 34px;color: white;line-height: .9rem;}

.banner-font h4{opacity: 0;transform:translateY(10px);transition: all .5s .6s;margin-bottom: 7px; font-family:'segoepr'; font-size: 28px;color: white;line-height: 34px;}

.banner-font p{opacity: 0;transform:translateY(10px);transition: all .5s .8s; font-family:arial; font-size: 14px;color: white;line-height: 20px;}

.banner .swiper-slide.swiper-slide-active h3,

.banner .swiper-slide.swiper-slide-active h4,

.banner .swiper-slide.swiper-slide-active p{opacity: 1;transform:translateY(0px);}

@media  (max-width: 320px) {

	.banner-font h3{font-size: 28px;}

	.banner-font h4{font-size: 24px;}

}

/**/

.index{background: #f2f6fa;padding: 0 15px;}

.index-one{padding-top: 30px;overflow: hidden;}

.ino-left{width: 100%;margin-bottom: 15px;}

.ino-more{position: relative; display: block;width: 100%;height: 100%;}

.ino-pic{width: 100%;height: 100%;}

.ino-pic img{display: block;width: 100%;height: 100%;}

.ino-ltit{font-family:'Arial Regular','regular';font-weight: lighter; position: absolute;width: 100%;left: 0;text-align: center;color: white;font-size: 20px;line-height: .4rem;bottom: .98rem;}

.ino-ldec{font-family:'Arial Regular','regular';font-weight: lighter; position: absolute;width: 100%;left: 0;text-align: center;color: white;font-size: 14px;line-height: .3rem;bottom: .61rem;}

.ino-left .swiper-pagination{width: auto !important;position: absolute;left: 50% !important;transform: translateX(-50%);}

.ino-left .swiper-pagination-bullet{opacity: 1;width: 10px;height: 10px;background: #4d4d4d;margin:0 4px !important;float: left;}

.ino-left .swiper-pagination-bullet-active{background: white;}

.ino-right{width: 100%;overflow: hidden;float: right;}

.ino-list{display: block; width: 100%;height: 3.25rem;background: white;padding: .36rem .35rem .36rem .3rem;}

.ino-rpic{float: right;width: 2.83rem;height: 2.53rem;}

.ino-rpic img{display: block;width: 100%;transition: all .5s;}

.ino-top{background: url(../images/ino-bg.png) no-repeat center;background-size: cover; margin-bottom: 20px;}

.ino-rfont{float: left;padding-top: 0.7rem;width: 2.3rem;}

.ino-rfont h3{font-size: 20px;color: #333;font-family:'Arial','regular';}

.ino-rfont p{font-weight: lighter; font-size: 14px;color: #666666;line-height: .3rem; font-family:'Arial Light','regular';}

.ino-list:hover .ino-rpic img{transform: scale(1.05);}

.ino-top .ino-rfont h3{color: white;}

.ino-top .ino-rfont p{color: rgba(255,255,255,0.6);}

.index-two{padding: 22.5px 0 40px;}

.index-tit{font-family:'Arial','regular';font-size: 18px;color: #333;}

.int-news{display: block;padding: 12px 0 13px;border-bottom: solid 1px #dcdcdc;}

.int-news h3{max-height: 40px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;font-size: 14px;color: #666666;line-height: 20px;margin-bottom: 5px;}

.int-news .int-time{font-size: 13px;color: #666666;line-height:18px;font-weight: lighter;}

.int-news:hover h3{color: #1c86f3;}



/**/

.ny-banner{position: relative;}

.ny-banner img{display: block;width: 100%;}

.ny-font{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 0 30px;}

.ny-font h3{font-size: 22px;font-weight: bold;color: white;}

.ny-font h4{font-size: 12px;font-weight: lighter;color: white;}

.ny-tit{font-weight: 800; font-size: 20px;color: #222222;text-align: center;margin-top: 15px;}

.ny-dec{font-weight: bold; font-size: 15px;color: #e60012;text-align: center;}



.crumb{padding: 18px 15px;font-size: 12px;color: #666;}

.crumb a{font-size: 12px;color: #666;}



/**/

.background{background: #f2f6fa;}

.product{padding:0 15px 10px;}

.pro-list{overflow: hidden;transition: all .5s;margin-bottom: 30px; display: block;width: 100%;background: white;}

.pro-font{width: 100%;padding: 0 15px; padding-top: 20px;padding-bottom: 30px;}

.pro-font h3{margin-bottom: 3px; font-family:'Arial','regular';font-weight: bold;font-size: 17px;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.pro-font h4{margin-bottom: 10px;font-family:'Arial Medium','regular';font-size: 14px;color: #6699ff;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.pro-font p{font-size: 13px;color: #666;line-height: 24px;    text-align: justify;}

.pro-pic{height: 3.18rem;text-align: center;}

.pro-pic img{display: inline-block;height: 100%;transition: all .5s;}

.pro-list:hover{box-shadow: 0 2px 15px rgba(0,0,0,0.1);}

.pro-list:hover .pro-pic img{transform: scale(1.05);}



/**/

.protwo{height: 40px;padding-right: 15px;}

.filter{height: 40px;width: 90px;float: right;padding-left: 13px;background: #018fd7 url(../images/flite.png) no-repeat right 15px center;background-size: 15px;line-height: 40px;color: white;font-size: 15px;}

.second-nav{position: relative;margin-right: 95px;}

.bot{position: absolute;top: 100%;background: #fff;z-index: 10;border-top: solid 1px #e5e5e5;}

.se-top1{background: #fff;padding: 0px 15px;}

.seb-list{padding: 0px 25px;}

.se-top{height: 40px;line-height: 40px;position: relative;}

.se-top .se-a{color: #333;font-size: 14px;text-transform: uppercase;}

.se-tig.P_tig {transition: all .5s; font-size: 14px;color: #333; text-align: right;line-height: 40px;height:40px;float: right;}

.se-bot{width: 100%;display: none;}

.se-tig.P_tig.open,.se-tig1.P_tig.open{transform: rotate(90deg);}

.se-btop{height: 40px;line-height: 40px;border-bottom: dashed 1px #e5e5e5;}

.se-tig1{height: 40px;line-height: 40px;float: right;position: relative;text-align: center;font-size: 14px !important;}

.se-tig2{height: 40px;line-height: 40px;float: right;position: relative;text-align: center;}

.se-a1{color: #333;font-size: 14px;text-transform: uppercase;}

.se-bbot{padding-left: 5px;display: none;border-bottom: dashed 1px #e5e5e5;}

.se-a2{color: #666;font-size: 13px;display: block;line-height: 35px;}

.se-a2.hover{color: #018fd7;}

.se-btop.open + .se-bbot{display: block;}

.se-btop.open .se-tig1{transform: rotate(90deg);}



/*筛选*/

.filter-box{display: none; position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: #ffffff;padding: 80px 15px 0px;z-index: 33;}

.fil-search{height: 35px;border: solid 1px #d2d2d2;border-radius: 3px;}

.fil-search .submit{width: 35px; background: #eeeeef url(../images/search.png) no-repeat center;border-left: solid 1px #d2d2d2;float: right;height: 33px;}

.fil-search .text{/* margin-right: 35px; */height: 33px;padding: 0 10px;font-size: 14px;color: #999;width: 85%;}

.fil-over{overflow: hidden;margin-top: 25px;padding-bottom: 7px;border-bottom: solid 1px #dcdcdc;}

.fil-over h3{float: left;line-height: 30px;color: #333;font-size: 15px;}

.fil-over .submit{background: #018fd7; width:100px;text-align: center;line-height: 30px;color: white;font-size: 14px; float: right;height: 30px;}

.nav-top{padding-top:20px;overflow: hidden;border-bottom: solid 1px #dcdcdc;}

.nav-top h4{float: left;font-size: 14px;line-height: 40px;}

.pro-tig{float: right;font-size: 14px !important;line-height: 40px;transition: all .4s;color: #333;font-weight: bold;}

.filter-box li.on .pro-tig{transform: rotate(90deg);}

.nav-check{position: relative; margin-top: 15px;margin-right: 15px;border-radius: 5px; float: left; background: #eeeeee;font-size: 13px;color: #333;line-height: 22px;}

.nav-check input{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}

.nav-check label{padding: 0 12px;display: block;}

.nav-check input:checked+label{color: white;background: #018fd7;border-radius: 5px;}

.pro-bot{overflow: hidden;}

.filter-close{position: absolute;width: 50px;height: 50px;border-radius: 50%;background: #eee;text-align: center;line-height: 50px;left: 50%;margin-left: -25px;bottom: 10px;}





/**/

.pro-box{padding: 0 15px 50px ;}

.pro-item{display: block;padding: 20px 5px 10px; border-bottom: dashed 1px #dcdcdc;transition: all .5s;overflow: hidden;}

.pro-img{width: 30%;float: right;}

.pro-img img{display: block;width: 100%;height: 100%;transition: all .5s;}

.pro-dec{width: 65%;float: left;}

.pro-tit{height: 30px;overflow: hidden;}

.pro-tit h3{ font-family:'Arial Medium','regular';float: left;line-height: 30px; max-width: 80%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 16px;color: #333;}

.pro-tit span{display: block;float: left;margin-left: 10px;line-height: 30px; font-family:'Arial','regular';font-size: 12px;color: #6a9cff;}

.pro-dec p{ font-family:'Arial','regular';font-size: 13px;color: #666;max-height: 40px;line-height: 20px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;}

.pro-item:hover .pro-img img{transform: scale(1.05);}

.pro-item:hover{background: white;}

.pro-big{padding-bottom: 20px;}

/*分页*/







/*售后维修*/

.service-tit{height: 56px;background: #f7f8f9;padding: 20px 15px;}

.service-tit h3{line-height: 16px; font-family:'Arial','regular';font-size:16px;color: #333333;}

.service-tit h3 span{color: #F00000;padding-left:13px ;}

.foun-dec{ font-family:'Arial','regular';text-align: center;line-height: 26px;padding-top: 30px; font-size: 18px;color: #333;border-bottom: solid 1px #dcdcdc;padding-bottom: 15px;}

.foun-obox h3{ font-family:'Arial','regular';text-align: center;line-height: 20px;margin: 18px 0 18px; font-size: 18px;color: #1c86f3;}

.foun-ocen{position:relative;padding-top: 85px;}

.foun-opic{width: 50%;margin:0px auto 0;position: relative;}

.foun-img{width: 100%;}

.foun-img img{display: block;width: 100%;}

.foun-otit{position: absolute;width: 100%;top: 0;left: 0;height: 100%;padding: 19px;padding-top: 25%;}

.foun-opic h5{font-family:'Arial','regular';font-size: 13px;color: white;line-height: 20px;text-align: center;}

.foun-ofont h4{font-family:'Arial','regular';margin-bottom: 9px;text-align: center;line-height: 18px;font-size: 16px;color: #1c86f3;}

.foun-ofont p{margin-bottom: 16px; text-align: center;line-height: 20px;font-size: 14px;color: #666666;}

.foun-ofont{position: absolute;}

.foun-ofont1{top: 0;left: 50%;transform: translateX(-50%);width: 235px;}

.foun-ofont2{bottom: -134px;left:5px;}

.foun-ofont3{bottom: -130px;right:5px;}

.foun-one{padding-bottom: 130px;}

.foun-tswiper{padding: 0 15px 20px;}

.foun-tdec{ font-family:'Arial','regular';text-align: center;line-height: 26px; font-size: 18px;color: #333;padding: 30px 0 15px;}

.foun-tpic{width: 100%;overflow: hidden;}

.foun-tpic img{display: block;width: 100%;height: 100%;transition: all .5s;}

.foun-tfont{transition: all .5s;font-family:'Arial','regular';margin-top:5px; font-size: 14px;color: #666666;text-align: center;line-height: 28px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.foun-tli:hover img{transform: scale(1.05);}

.foun-tli:hover .foun-tfont{color: #1c86f3;}

.foun-tswiper .swiper-container{padding-bottom: 35px;}

.foun-tswiper .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 4px !important; background: #bfbfbf;opacity: 1;}

.foun-tswiper .swiper-pagination-bullet-active{background: #1c86f3;}

.foun-edec {font-family: 'Arial','regular';text-align: center;line-height: 20px;font-size: 14px;color: #666666;margin: 15px 0 30px;}

.foun-three{padding-bottom: 15px;}

.foun-three li{width:50%;float: left;padding: 0 5px;margin-bottom: 20px;}

.foun-icon{width: 80px;height: 80px;margin: 0 auto;border-radius: 50%;overflow: hidden;background: #1c86f3;transition: all .5s;}

.foun-icon img{display: block;width: 100%;height: 100%;}

.foun-three li h3{ font-family:'Arial','regular';margin-top: 15px;margin-bottom: 9px; font-size: 18px;color: #282828;line-height: 18px;text-align: center;}

.foun-three li p{text-align: justify; font-family:'Arial','regular';font-size: 12px;color: #666;line-height: 18px;text-align: center;}

.foun-four ul{}

.foun-four li{margin-bottom: 40px; position: relative; width: 25%;float: left;}

.foun-ficon{width: 50px;height: 34px;margin: 0 auto;overflow: hidden;transition: all .5s;}

.foun-ficon img{display: block;width: 100%;height: 100%;}

.foun-four li p{ font-family:'Arial','regular';line-height: 20px;text-align: center;margin-top:8px; font-size: 13px;color: #333;}

.foun-four li::after{position: absolute;content: '';width:25px ;height:13px;top: 10.5px;right: -12.5px; background: url(../images/foun-icon.png) no-repeat center;background-size: 100%;}

.foun-four li:last-child::after{display: none;}

.foun-four li.li-right{float: right;}

.foun-four li.li-right::after{right: auto;left: -12.5px;transform: rotate(180deg);}

.foun-four li:nth-child(4)::after{top: auto; bottom: -25.5px;transform: rotate(90deg);right: 50%;margin-right: -12.5px;}

@media  (max-width: 320px) {

	.foun-four li p{font-size: 12px;}

	.foun-opic h5{font-size: 12px;}

	.foun-ofont2{bottom: -80px;left: 0;}

	.foun-ofont3{bottom: -80px;right: 0;}

	.foun-otit{padding-top: 30%;}

}



/**/

.solu-box{padding-top: 35px;}

.solu-pic{width: 100%;overflow: hidden;}

.solu-pic img{display: block;width: 100%;}

.solu-sjx{width:60px;height: 30px;margin: 10px auto 0;}

.solu-sjx img{display: block;width: 100%;}

.solu-box ul{margin-top: 30px;padding-bottom: 5px;}

.solu-box li{width: 100%;overflow: hidden;margin-bottom: 30px;}

.solu-box h3{ font-family:'Arial','regular';font-size: 18px;color: #333;line-height:20px;}

.solu-box h4{ font-family:'Arial','regular';font-size: 14px;color: #666666;line-height: 20px;margin: 14px 0 7px;}

.solu-box p{/*width: 50%;float: left;*/ line-height:26px;font-size: 14px;color: #666;padding-left: 14px;background: url(../images/solu-dot.png) no-repeat left top 11px;}

.prb-big{width: 100%;margin-bottom:30px;}

.prb-tit{ font-family:'Arial','regular';line-height: 18px;margin-bottom:15px; font-size: 18px;color: #333333;}

.prb-li{position: relative; display: block;margin-bottom: 10px;}

.prb-right{margin-right: 50px;}

.prb-right p{text-overflow: ellipsis;white-space: nowrap;overflow: hidden; margin-bottom: 3px; font-family:'Arial','regular'; font-size: 14px;color: #1897f2;}

.prb-right span{display: block; line-height: 13px; font-size: 12px;color: #999999;}

.prb-btn{position: absolute;top: 0;right: 0; width: 40px;height: 20px;border: solid 1px #505355;font-size: 12px;color: #666;line-height:18px;text-align: center;}

.prb-li:hover .prb-btn{color: white;background: #1897f2;}

.inner-down{padding: 30px 15px 5px;}



/**/

.sinfo-font{padding:30px 0;}

.sinfo-font p{font-size: 13px;color: #666;line-height: 21px;text-align: justify;}

.sinfo-three ul{padding: 25px 0 40px;}

.sinfo-three li{background: url(../images/sinfo-dot.png) no-repeat left center; padding:0 0px 0 15px;height: 41px;line-height: 40px;border-bottom: solid 1px #d6d6d6;}

.sinfo-three li a{display: block;font-size: 14px;color: #666;line-height: 40px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.sinfo-three li:hover a{color: #1897f2  ;}

.sinfo-four{background: #6699ff;padding: 51px 0 52px;display: block;}

.sinfo-four h3{font-family:'Arial','regular';font-weight: bold;margin-bottom: 7px; font-size: 30px;color: white;text-align: center;}

.sinfo-four h4{font-family:'Arial','regular';font-size:16px;color: white;text-align: center;}

.sinfo-slide{display: block; transition: all .5s;width: 100%;border: solid 1px transparent;overflow: hidden;}

.sinfo-pic{overflow: hidden;float: left; width: 40%;height: 100%;background: #f7f8f9;}

.sinfo-pic img{display: block;width: 100%;height: 100%;transition: all .5s;}

.sinfo-right{margin-left:  40%;padding: 10px 5px 0 10px;height: 100%;}

.sinfo-right h3{ font-family:'Arial','regular';font-size: 16px;color: #333;margin-bottom: 3px;}

.sinfo-right p{font-size: 12px;color: #666;line-height: 16px;}

.sinfo-two .sinfo-slide:hover {border-color: #e6e6e6;}

.sinfo-two .sinfo-slide:hover img{transform: scale(1.05);}

.sinfo-two .sinfo-slide:hover .sinfo-right h3{color: #1897f2;}

.sinfo-swiper{padding: 35px 15px 15px;}

.sinfo-p{ height: 64px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;}

.sinfo-swiper .swiper-container{padding-bottom: 45px;}

.sinfo-swiper .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 4px !important; background: #bfbfbf;opacity: 1;}

.sinfo-swiper .swiper-pagination-bullet-active{background: #1c86f3;}

.sinfo-four{background: #6699ff;padding: 25px 0 ;display: block;}

.sinfo-four h3{font-family:'Arial','regular';font-weight: bold;margin-bottom: 0px; font-size: 20px;color: white;text-align: center;}

.sinfo-four h4{font-family:'Arial','regular';font-size:14px;color: white;text-align: center;}





/**/

.about .service-tit h3 span {padding-left: 0;}

.abo{padding: 30px 0 40px;}

.abo-p p{ font-family:'Arial','regular';font-size: 13px;color: #666;line-height: 22px;text-align: justify}

.abo-p p.abo-hide{display: none;}

.read-more{cursor: pointer; line-height: 24px;margin-top:10px;margin-bottom:20px; font-family:'Arial','regular';text-align: center; font-size: 13px;color: #666666;}

.read-more img{padding-left: 5px;transition: all .5s;width: 20px;height: 11px;}

.abo ul{margin: 0 -15px;}

.abo li{width: 33.3%;text-align: center;float: left;padding: 0 15px;}

.abo li span{font-family: 'hel'; font-size: 34px;color: #333;line-height: 24px;}

.abo li i{font-style: normal;font-size: 16px;color: #333;}

.abo li p{ font-family:'Arial','regular';font-size: 14px;color: #666;line-height: 16px;}

.abo li:hover span,.abo li:hover i,.abo li:hover p{color: #018fd7;}

.abt ul{padding: 30px 0 10px ;}

.abt li{float: left; width: 50%;text-align: center;padding: 0 15px;margin-bottom: 20px;}

.abt-icon{transition: all .5s;width: 100px;height: 100px;border-radius: 50%;background: #e6e6e6;margin: 0 auto;padding: 25px 0;}

.abt-icon img{width: 50px;}

.abt li h3{font-family:'Arial','regular';font-size: 18px;color: #333;line-height: 28px;margin: 10px 0 5px;}

.abt li p{font-family:'Arial','regular';font-size: 13px;color: #666;line-height: 18px;}

.abt-p{padding: 30px 0 ;border-top: solid 1px #e5e5e5;}

.abt-p h3{font-family:'Arial','regular';font-size: 18px;line-height: 18px;color: #333;margin-bottom: 10px;}

.abt-p p{margin-top: 10px; font-family:'Arial','regular';font-size: 13px;line-height: 22px;color: #666;    text-align: justify;padding-left: 12px;background: url(../images/abt-dot.png) no-repeat left top 8px;}

.abe-swiper{padding: 30px 0 20px;}

.abe-swiper .swiper-container{padding-bottom: 45px;}

.abe-swiper .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 5px !important; background: #bfbfbf;opacity: 1;}

.abe-swiper .swiper-pagination-bullet-active{background: #1c86f3;}

.abe-pic{width: 100%;overflow: hidden;}

.abe-pic img{display: block;width: 100%;height: 100%;transition: all .5s;}

.abe-font{transition: all .5s;font-family:'Arial','regular';margin-top: 10px; font-size: 14px;color: #666666;text-align: center;line-height: 22px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.abe-li:hover img{transform: scale(1.05);}

.abe-li:hover .abe-font{color: #1c86f3;}

@media  (max-width: 360px) {

	.abo li{padding: 0 10px;}

}



/**/

.history{background: #f2f6fa;padding-bottom: 40px;}

.his-tit{font-family:'Arial','regular';font-weight: 500; font-size: 24px;color: #333;line-height: 24px;padding-bottom: 15px;}

.his-top {padding: 120px 0 40px;background: white;overflow-x: auto;}

.his-auto{overflow-x: auto;padding: 120px 0 40px;}

.his-auto::-webkit-scrollbar {

  width: 3px;

  background: url(../images/scroll.jpg) repeat-x center;

}

.his-auto::-webkit-scrollbar-thumb {

  background: url(../images/scrollbar.jpg) repeat-x center;

  border-radius: 10px;

}

.his-top ul{width: 200%;background: url(../images/his-line1.png) no-repeat center bottom;background-size: 100%;height: 134px;position: relative;}

.his-year{font-family:'Arial','regular';line-height: 14px; font-size: 14px;color: #333;text-align: center;}

.his-name{font-family:'Arial','regular';line-height: 18px; font-size: 12px;color: #e62129;text-align: center;margin: 0px 0 10px;}

.his-cir{width: 7px;height: 7px;border: solid 1px #e70618;border-radius: 50%;margin: 0 auto;}

.his-line{width: 1px;height:40px;background: #e70618;margin: 0 auto;}

.his-top li{max-width: 75px;position: absolute;}

.his-icon {text-align: center;}

.his-icon img{width: 20px;}

.his-top li.li1{left: 4.5%;bottom: 32px;}

.his-top li.li2{left: 11.5%;bottom: 36px;}

.his-top li.li3{left: 20.3%;bottom: 10px;}

.his-top li.li4{left: 26%;bottom: 55px;}

.his-top li.li5{left: 34%;bottom: 57px;}

.his-top li.li6{left: 43%;bottom: 69px;}

.his-top li.li7{right: 47.5%;bottom: 60px;}

.his-top li.li8{right: 41%;bottom: 55px;}

.his-top li.li9{right: 30%;bottom: 35px;}

.his-top li.li9 img{width: 30px;}

.his-top li.li10{right: 20%;bottom: 68px;}

.his-top li.li11{right: 145px;bottom: 70px;}
.his-top li.li12{right: -5px;bottom: 58px;}

.his-bot{padding: 20px 15px 30px;background: white;margin-top: 20px;}

.his-day{line-height:22px; width: 50px;float: left;font-size: 13px;color: #666;font-family:'Arial','regular';}

.his-dec{margin-left: 50px;}

.his-dec p{text-align: justify; line-height: 22px;font-family:'Arial','regular';font-size: 13px;color: #666;}

@media  (max-width:420px) {

    .sinfo-font h3 { font-size: 26px !important;

        text-align: center

    }

    .his-top li.li1 {

bottom: 23px;

left: 24px;

}

	.his-top li.li2{bottom: 24px;left: 8.5%;}

	.his-top li.li3{bottom: 9px;left: 19.9%;}

	.his-top li.li4{bottom: 36px;left: 23.5%;}

	.his-top li.li5{bottom: 37px;left: 32.3%;}

	.his-top li.li6{bottom: 44px;left: 42.4%;}

	.his-top li.li7{bottom: 30px;right: 46%;}

	.his-top li.li8{bottom: 36px;right: 40%;}

	.his-top li.li9{bottom: 23px;right: 28.5%;}

	.his-top li.li10{bottom: 43px;right: 17.5%;}

	.his-top li.li11{bottom: 95px;right: 1%;}	
    .his-top li.li11{bottom: 45px;right: 10%;}	
}

@media  (max-width:375px) {

	.his-top li.li1{bottom:19px;}

	.his-top li.li2{bottom: 20px;left: 8.5%;}

	.his-top li.li3{bottom: 4px;left: 19.5%;}

	.his-top li.li4{bottom: 32px;left: 23%;}

	.his-top li.li5{bottom: 33px;left: 32%;}

	.his-top li.li6{bottom: 53px;left: 42.2%;}

	.his-top li.li7{bottom: 40px;right: 44.5%;}

	.his-top li.li8{bottom: 29px;right: 39%;}

	.his-top li.li9{bottom: 21px;right: 27%;}

	.his-top li.li10{bottom: 35px;right: 18%;}

	.his-top li.li11{bottom: 46px;right: 10%;}	

}

@media  (max-width:360px) {

	.his-top li.li1{bottom:14px;}

	.his-top li.li2{bottom: 16px;left: 12%;}

	.his-top li.li3{bottom: 1px;left: 19.4%;}

	.his-top li.li4{bottom: 31px;left: 27.9%;}

	.his-top li.li5{bottom: 32px;left: 37%;}

	.his-top li.li6{bottom: 34px;left: 46.1%;}

	.his-top li.li7{bottom:23px;right: 40.5%;}

	.his-top li.li8{bottom: 27px;right: 33%;}

	.his-top li.li9{bottom: 46px;right: 20%;}

	.his-top li.li10{bottom: 75px;right: 10%;}

	.his-top li.li11{bottom: 80px;right: 0%;}	

}

@media  (max-width:320px) {

	.his-top li.li1{bottom:14px;left: 4%;}

	.his-top li.li2{bottom: 16px;left: 11.5%;}

	.his-top li.li3{bottom: 3px;left: 18.8%;}

	.his-top li.li4{bottom: 27px;left: 27.4%;}

	.his-top li.li5{bottom: 28px;left: 36.2%;}

	.his-top li.li6{bottom: 32px;left: 45.7%;}

	.his-top li.li7{bottom:23px;right: 40%;}

	.his-top li.li8{bottom: 25px;right: 32.5%;}

	.his-top li.li9{bottom: 44px;right:18.7%;}

	.his-top li.li10{bottom: 68px;right: 9%;}

	.his-top li.li11{bottom: 72px;right: 0%;}	

}

/**/

.ind-box{padding-bottom: 15px;}

.ind-list{transition: all .5s; overflow: hidden; margin-bottom: 30px;background: white;display: block;}

.ind-pic{width: 100%;overflow: hidden;}

.ind-pic img{display: block;width: 100%;height: 100%;transition: all .5s;}

.ind-font{width: 100%;padding:17px 15px 20px;}

.ind-font h3{font-family:'Arial','regular';font-size:18px;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.ind-font h4{margin: 2px 0 14px; font-family:'Arial','regular';font-size: 13px;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.ind-p{height: 72px;overflow: hidden;   display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}

.ind-font p{text-align: justify; font-family:'Arial','regular';font-size: 13px;color: #666;line-height: 18px;height: 36px;overflow: hidden;   display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.ind-list:hover img{transform: scale(1.05);}

.ind-list:hover{box-shadow: 0 2px 15px rgba(0,0,0,0.1);}



/**/

.ind-top{padding: 25px 0 30px;}

.ind-top p{text-align: justify;font-family:'Arial','regular';font-size: 13px;color: #666;line-height: 22px;}

.ind-tit{font-family:'Arial','regular';border-bottom: solid 2px #6699ff;padding-bottom: 12px; line-height: 18px;font-size: 18px;color: #333;text-align: center;}

.ind-nav{padding:10px 0 6px;overflow: hidden;}

.ind-nav span{font-family:'Arial','regular';font-size: 13px;line-height: 22px; float: left;margin-right: 20px;color: #69f;}

.ind-mid p{font-family:'Arial','regular';font-size: 13px;color: #666;line-height: 22px;    word-break: break-all;text-align: justify;}

.ind-mid{margin-bottom: 30px;}

.ind-bot{padding-bottom: 10px;}

@media  (max-width:320px) {

	.ind-nav span{margin-right: 12px;font-size: 12px;}

	.ind-mid p{font-size: 12px;}

}



/*环保预案*/

.plan h3{font-family:'Arial','regular';font-weight: 500;margin:; font-size: 22px;color: #333;}

.plan-box h4{font-family:'Arial','regular';font-size: 18px;line-height: 28px;margin-bottom: 0px;margin-top: 5px; color: #018fd7;}

.plan-box{margin-bottom: 20px;}

.plan{padding-bottom: 20px;}

.plan-box li{overflow: hidden;}

.plan-left{font-family:'Arial','regular';font-size: 16px;color: #333;line-height: 30px;margin-top: 5px;}

.plan-right{font-family:'Arial','regular';font-size: 14px;color: #666;line-height:22px;text-align: justify;}

.plan-right p.plan-dot{text-indent: 1em;  background: url(../images/plan-dot.png) no-repeat left top 7px;background-size: 6px;}





/**/

.con-one ul{padding:30px 0 20px;}

.con-one li{margin-bottom: 25px;}

.con-one li h3{font-family:'Arial','regular';font-size:18px;color: #666;line-height: 28px;}

.con-line{width: 30px;height: 2px;background: #888888;margin: 10px 0 7px;}

.con-one .con-li{ overflow: hidden; font-family:'Arial','regular';font-size: 14px;color: #333;line-height:25px;padding:7px 0 7px 40px;}

.con-one .con-li.phone{background: url(../images/phone.png) no-repeat left top 7px;background-size: 25px;}

.con-one .con-li.email{background: url(../images/email.png) no-repeat left top 7px;background-size: 25px;}

.con-one .con-li.fax{background: url(../images/fax.png) no-repeat left top 7px;background-size: 25px;}

.con-one .con-li.add{min-height:50px; background: url(../images/add.png) no-repeat left top 7px;background-size: 25px;}

.con-one .con-li.code{background: url(../images/code.png) no-repeat left top 7px;background-size: 25px;}

.con-one .con-li.person{ background: url(../images/person.png) no-repeat left top 7px;background-size: 25px;}

.con-one .con-li span{float: left;width: 45px;}

.con-one .con-li p{margin-left: 45px;}

.con-one li a{display: block;font-family:'Arial','regular';font-size: 15px;line-height: 15px;color: #018fd7;}

.con-form{padding: 35px 15px;}

.form .text{ position: relative; width: 100%;height: 40px;margin-bottom: 15px;}

.form .text input{padding-left: 65px;width: 100%;height: 100%;border: solid 1px #d9d9d9;}

.form .text label{position: absolute;height: 100%;line-height: 40px;color: #666666;font-size: 13px;left: 10px;top: 0;}

.form select {margin-bottom: 15px;position: relative;border: solid 1px #d9d9d9;color: #666666;font-size: 13px;padding-left: 10px; width: 100%;height: 40px;background: url(../images/select.png) no-repeat right 10px center;background-size: 10px 6px;}

.area{position: relative; width: 100%;height:170px;margin-bottom:15px;}

.area textarea{width: 100%;height: 100%;border: solid 1px #d9d9d9;resize: none;padding-left: 75px;padding-top: 10px;}

.area label{position: absolute;height: 100%;line-height: 40px;color: #666666;font-size: 13px;left: 10px;top: 0;}

.form .text input:focus,.area textarea:focus{border-color: #018fd7;}

.form .text input:focus+label,.area textarea:focus+label{color: #018fd7;}

.con-sub{height: 30px;}

.con-sub .submit{height: 30px;width: 100px;text-align: center;line-height: 30px;float: right;background: #018fd7;color: white;font-size: 13px;}

.yzm{margin-right: 10px; width: 150px;height: 30px;float: right;border: solid 1px #d2d2d2;}

.yzm .text1{float: left; width: 60%;height: 28px;font-size: 12px;color: #d2d2d2;padding: 0 10px;}

.yzm img{float: left;width: 40%;height: 28px;}

.con-box{padding: 35px 15px 20px;}

.con-list{overflow: hidden; padding: 10px 15px;border: solid 1px #dcdcdc;margin-bottom: 15px;}

.con-list h5{font-size: 14px;color: #018fd7;margin-bottom: 3px;}

.con-list p{font-size: 13px;color: #666666;line-height: 20px;}

.con-list p span{float: left;margin-right: 15px;}

.con-list p span:last-child{margin-right: 0;}



/**/

.proi-top{padding: 35px 15px 0;}

.proi-top img{display: block;width: 100%;}

.proi-pic{padding: 20px 30px;background: white;}

.proi-top .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 3px !important; background: #dcdcdc;opacity: 1;}

.proi-top .swiper-pagination-bullet-active{background: #018fd7;}

.pro_right{ width: 100%;position: relative;overflow: hidden;margin: 25px 0 0;padding-bottom: 30px;}

.pror-tit{padding-right: 95px; font-family:'Arial','regular';font-size: 18px;color: #333;line-height:18px;margin-bottom: 5px;}

.pror-dec{padding-right: 95px; font-family:'Arial','regular';margin-bottom: 8px;padding-bottom: 10px;border-bottom: solid 1px #eeeeee; font-size: 14px;color: #219bf3;}

.pro_right p{ font-family:'Arial','regular';font-size: 13px;color: #666;line-height: 22px;padding-left: 12px;background: url(../images/pror.png) no-repeat left top 8.5px;}

.pro_right a.info-more{ font-family:'Arial','regular';border-radius: 3px;position: absolute;right: 0;top: 10px; display: block;width: 90px;height: 30px;line-height: 30px;text-align: center;font-size: 12px;color: white;background: #1897f2;}

.pro_right a.info-more:hover{background: #0c6fdb;}

.proi-bot{padding: 0 15px 10px;}

.proi-tit{font-family:'Arial','regular';margin-bottom: 20px; font-size: 24px;color: #333;text-align: center;line-height: 24px;padding-bottom: 10px;border-bottom: solid 1px #eeeeee;}

.proi-mid{padding:0 15px 10px;}

.prm-left{width: 100%;}

.prm-tit{ font-family:'Arial','regular';line-height:18px;margin-bottom: 10px; font-size:18px;color: #666;}

.prm-left span,.prm-right span{line-height: 20px; width: 75px;float: left;font-size: 12px;color: #209bf3;}

.prm-left p,.prm-right p{line-height: 20px;margin-left: 90px; font-size: 12px;color: #999;}

.prm-big{margin-bottom: 25px;}

.prm-right{width: 100%;}

/*锚点*/

.nei_anchor1 {position: static; overflow: hidden; text-align: center;margin: 0 -7.5px 10px;}

.nei_anchor1 span {display: block;float: left;width: 33.3333%;padding: 0 7.5px;margin-bottom: 15px;}

.nei_anchor1 span a {display: block;width: 100%;border: solid 1px #d2d2d2; text-align: center; text-transform: uppercase; font-family: arial;height: 30px; font-size: 13px;color: #333;line-height:28px;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;position: relative;}

.nei_anchor1 span.on a {color: #fff;background: #018fd7;border-color: #018fd7;}

.nei_anchor {display: none; background: white;padding: 10px 7.5px 0; margin: 0; position: fixed;left: 0;top: 0;font-size:0;width: 100%;z-index: 1001;box-shadow: 0px 0px 8px 0px #d6d6d6;}

.nei_anchor span {display: block;float: left;width: 33.3333%;padding: 0 7.5px;margin-bottom: 10px;}

.nei_anchor span a {display: block;width: 100%;border: solid 1px #d2d2d2; text-align: center; text-transform: uppercase; font-family: arial;height: 30px; font-size: 13px;color: #333;line-height:28px;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;position: relative;}

.nei_anchor span.on a {color: #fff;background: #018fd7;border-color: #018fd7;}



/**/

.act-tit{padding: 0 15px;margin-bottom: 15px; font-family:'Arial','regular';font-weight: 500; font-size: 24px;color: #333;line-height: 24px;}

.act-nav{position: relative;}

.act-top{height: 40px;padding: 0 0px 0 15px;background: #eaeaea;}

.act-top a{padding-left: 30px; display: block;float: left;font-size: 14px;color: #333333;line-height: 40px;background-position: left center !important;}

.act-tig{float: right;line-height: 40px;width: 40px;transition: all .5s;text-align: center;}

.act-pad{background: #eaeaea;border-top: solid 1px white;}

.act-pad a{padding: 0px 15px 0 45px;display: block;line-height: 40px;border-bottom: solid 1px white;}

.act-pad a:last-child{border-bottom: none;}

.act-bot{display: none; position: absolute;top: 100%;width: 100%;left: 0;z-index: 3;}

.act-nav a{background-size: 20px;}

.act-nav a.on{color: white;}

.act-nav a.a1{background: url(../images/act-icon1.png) no-repeat left 15px center;background-size: 20px 18px;}

.act-nav a.a2{background: url(../images/act-icon2.png) no-repeat left 15px center;background-size: 16px 17px;}

.act-nav a.a3{background: url(../images/act-icon3.png) no-repeat left 15px center;background-size: 18px 16px;}

.act-nav a.a4{background: url(../images/download.png) no-repeat left 15px center;background-size: 18px;}

.act-nav .appli-item.on .a1{background:#018fd7 url(../images/act-icon1H.png) no-repeat left 15px center;background-size: 20px 18px;}

.act-nav .appli-item.on .a2{background:#018fd7 url(../images/act-icon2H.png) no-repeat left 15px center;background-size: 16px 17px;}

.act-nav .appli-item.on .a3{background:#018fd7 url(../images/act-icon3H.png) no-repeat left 15px center;background-size: 18px 16px;}

.act-nav a.a4.on{background:#018fd7 url(../images/dolwnloadH.png) no-repeat left 15px center;background-size: 18px;}



.act-nav.on .act-bot{display: block; }

.act-nav.on .act-tig{transform: rotate(90deg);}

.act-box{padding:35px 14px 20px;}

.act-head{height: 40px;background: #e5e5e5;}

.act-head span{font-family:'Arial','regular';padding-left: 10px;border-right: solid 1px white; float: left;line-height: 40px;font-size: 14px;color: #333;}

.act-box span.span1{width: 57%;}

.act-box span.span2{width: 26%;text-align: center;padding-left: 0;}

.act-box span.span3{width: 17%;text-align: center;padding-left: 0;}

.act-list span{text-overflow:ellipsis;white-space: nowrap;overflow: hidden; font-family:'Arial','regular';padding-left: 10px; float: left;line-height: 44px;font-size: 12px;color: #666;}

.act-list{border-bottom: solid 1px #e5e5e5;height: 45px;display: block;}

.act-list:hover span{color: #018fd7;}

.act-big{padding-bottom: 50px;}

/*分页*/

.page{height: 30px;text-align: center;}

.page a{position: relative; font-family:'Arial','regular';margin-right: 7px; display: inline-block;width: 30px;height: 30px;border: solid 1px #dcdcdc; text-align: center;line-height: 28px;background: #fff;font-size: 13px;color: #666;}

.page a.on,.page a:hover{color: white;background: #018fd7;border-color: #018fd7;}

.page a.page-prev::after{position: absolute;content: '上一页';background: white;font-size: 12px;width: 100%;height: 100%;top: 0px;left: 0;border: solid 1px #e5e5e5;}

.page a.page-next::after{position: absolute;content: '下一页';background: white;font-size: 12px;width: 100%;height: 100%;top: 0px;left: 0;border: solid 1px #e5e5e5;}

.page a.page-prev,.page a.page-next{width: 60px;border: none;background: none;}

/*新增*/

.page-right{

    display: inline-block;

    vertical-align: middle;

    margin-left: 3px;

    color: #888888;

}

.page-right  span{font-size: 14px;}

.page-input{

    width: 50px;

    height: 30px;

    border: 1px solid #dddddd;

    text-align: center;

    line-height: 30px;

    background: white;

    color: #888888;

    margin: 0 5px;

}

.page-right .btn-go{

    display: inline-block;

    font-size: 14px;

    height: 30px;

    width: auto;

    border: 1px solid #b2b2b2;

    text-align: center;

    line-height: 30px;

    background: #398dea !important;

    color: #fff;

    padding: 0 8px;

    margin: 0 0 0 3px;

    float: right;

}



/*培训视频*/

.video-box{padding: 35px 7.5px 0;overflow: hidden;}

.video-list{margin-bottom:10px; width: 50%;float: left;padding: 0 7.5px;}

.video-pic{position: relative;width: 100%;overflow: hidden;}

.video-pic img{display: block;width: 100%;height: 100%;}

.video-pic::after{position: absolute;content: '';width: 100%;height: 100%;background: rgba(0,0,0,0.6) url(../images/pause.png) no-repeat center;background-size: 35px; top: 0;left: 0;}

.video-par{font-family:'Arial','regular';font-size: 13px;color: #333;line-height: 30px;margin-top: 5px;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;}

.video-list:hover .video-par{color: #018fd7;}

/*视频弹窗*/

.msg-box-bg {width: 100%;height: 100%;position: fixed;left: 0;top: 0;display: none;z-index: 10001;background: rgba(0,0,0,0.5);}

.msg-box {width: 90%;height: 400px;padding: 15px;background-color: #F3F3F3;position: absolute;left: 5%;top: 0;margin-top: -200px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);}

.msg-box .close-box {width: 35px;height: 35px;font-size: 30px;color: #666; cursor: pointer;position: absolute;right: 10px;top: 10px;-webkit-transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-o-transition: .5s;transition: .5s;}

.msg-box .close-box:hover {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}



/*学习资料*/

.study{padding: 35px 15px 20px;}

.study table{width: 100%;}

.study thead{background: #e5e5e5;}

.study thead th{font-family:'Arial','regular';border-right: solid 1px white; text-align: left; height: 40px;padding-left: 10px; font-size: 14px;color: #333;font-weight: normal;}

.study thead th.th1{width: 57%;}

.study thead th.th4{width: 26%;text-align: center;padding-left: 0;}

.study thead th.th5{width: 17%;text-align: center;padding-left: 0;}

.study tbody td{text-align: center; font-family:'Arial','regular';line-height: 45px;border-bottom: solid 1px #e5e5e5;font-size: 13px;color: #666;}

.study tbody td:first-child{padding-left: 10px;text-align: left;}

.study tbody td a{font-size: 20px;color: #666;font-weight: bold;}

.study tbody td h5{font-family:'Arial','regular';font-size: 13px;color: #666;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.study tbody tr:hover a,.study tbody tr:hover h5,.study tbody tr:hover td{color: #018fd7;}



/*资料下载*/

.download{padding:35px 7.5px 5px;overflow: hidden;}

.down-list{transition: all .5s; width: 50%;padding:0 7.5px; margin-bottom: 15px;float: left;}

.down-box{ width: 100%;padding:20px 10px; border: solid 1px #dedede;}

.down-tit{font-family:'Arial','regular';transition: all .5s;font-size: 14px;color: #444;line-height: 20px;height: 40px;    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.down-line{transition: all .5s;width: 13px;height: 2px;background: #018fd7;margin: 13px 0 5px;}

.down-time{transition: all .5s;font-family:'Arial','regular';font-size: 13px;color: #999;line-height: 30px;}

.down-more{transition: all .5s;margin-top:10px;padding-left: 35px; font-family:'Arial','regular';display: block;width: 100px;height: 30px;line-height:28px;border: solid 1px #e6e6e6;border-radius: 3px;background: url(../images/down.png) no-repeat left 12px center;background-size: 15px; font-size: 12px;color: #666666;}

.down-list:hover .down-box{background: #018fd7;border-color: #018fd7;}

.down-list:hover .down-tit{color: white;}

.down-list:hover .down-line{background: rgba(255,255,255,0.8);}

.down-list:hover .down-time{color:rgba(255,255,255,0.8);}

.down-list:hover .down-more{background: white url(../images/downH.png) no-repeat left 12px center;background-size: 15px; color: #018fd7;}



/**/

.news{padding: 10px 15px 50px;}

.news-list{transition: all .5s;display: block;width: 100%;margin-bottom: 30px; background: white;overflow: hidden;}

.news-pic{width: 100%;overflow: hidden;}

.news-pic img{display: block;width: 100%;height: 100%;transition: all .5s;}

.news-mid{float: left;width: 75px;}

.news-data{font-family:'Arial','regular'; font-weight: lighter;line-height: 40px; font-size: 26px;color: #333;}

.news-year{font-family:'Arial','regular';line-height: 17px; font-size: 13px;color: #333;padding-left: 3px;}

.news-font{margin-left: 80px;}

.news-font h3{font-family:'Arial','regular';font-size: 14px;color: #333;height: 44px;margin-bottom: 4px;    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 22px;}

.news-font p{font-size: 12px;color: #666;line-height: 18px; height:54px;    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.news-list:hover{box-shadow: 0 2px 15px rgba(0,0,0,0.1);}

.news-list:hover img{transform: scale(1.05);}

.news-cle{padding: 15px 10px;}

.news-list:last-child{margin-bottom: 20px;}



/**/

.newsinfo{padding:10px 15px 40px;}

.newsinfo h1{font-size:18px;line-height:24px;}

.news-mar{margin:15px 0;}

.news-share{margin-left: 85px; height: 26px;position: relative;}

.news-share i{float: left;font-size: 14px;color: #666666;line-height: 22px;font-style: normal;}

/*.news-share .bdsharebuttonbox{background: white; position: absolute;width: 162px;height: 26px;top: 0;left: 50%;margin-left: -81px;z-index: 3;padding: 0 9px;}*/

.news-share a{color: white !important;border-radius: 50%;font-size: 14px !important; text-align: center;line-height: 22px !important; width: 22px;height: 22px !important;background:none !important;margin: 0 5px !important;padding: 0 !important;}

.news-share a.bds_tsina{background: #da3c3c !important;}

.news-share a.bds_weixin{background: #21ba41 !important;}

.news-share a.bds_sqq{background: #3e91ee !important;}

.news-share a.bds_qzone{background: #f4c50b !important;}

.bd_weixin_popup{width: 250px !important;height: 315px !important;}

.news-time{float: left; font-size: 14px;color: #666;text-align: center;line-height: 22px;}

.newsinfo p,.newsinfo span{font-family:'Arial','regular';font-size: 14px;color: #666;line-height: 24px;}

.news-back{height: 35px;position: relative;border: solid 1px #e5e5e5;}

.news-back a{text-align: center; position: absolute;font-size: 14px;color: #666;line-height: 33px;}

.news-back a.back{width: 60%;left: 20%;}

.news-back a.back-next{right: 0;width: 20%;height: 33px;border-left: solid 1px #e5e5e5;}

.news-back a.back-prev{left: 0;width: 20%;height: 33px;border-right: solid 1px #e5e5e5;}

.news-back a:hover{color: #fff;background: #1897f2;}

.fenye{padding: 0px 15px 40px;}

.newsinfo p img{display: block;width: 100%;}



/*人才招聘*/

.join-s{padding:10px 15px 25px;}

.job-item{margin-bottom:20px;}

.job-item.open .job-le{background:#018fd7;}

.job-item.open .job-le:after{opacity: 0;}

.job-hea{width: 100%;height:40px;line-height: 40px;cursor: pointer;}

.job-le{float: left;width:40px;height:40px;position: relative;background: #999999;}

.job-le:before{content: '';width: 15px;height:2px;position: absolute;top:50%;left: 50%;margin-left:-7.5px;margin-top:-1px;background: #fff;}

.job-le:after{content: '';height: 15px;width:2px;position: absolute;top:50%;left: 50%;margin-left:-1px;margin-top:-7.5px;background: #fff;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}

.job-ri { padding-left: 40px; background: #e6e6e6; font-size: 20px; line-height: 40px;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}

.job-z {float: left; padding: 0 15px;font-size: 13px;color: #333;font-family:'Arial','regular';}

.job-d { float: right;padding: 0 15px; font-size: 12px;font-family:'Arial','regular'; color: #666; -webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}

.job-d span{padding-left: 8px;}

.job-cont{display: none;background: #f5f5f5;}

.job-pad{padding:30px 0;}

.job-b {position: relative;margin-bottom:5px;}

.job-c-z{width: 100%;padding:0 15px;margin-bottom: 15px;}

.job-c-z p{font-family:'Arial','regular';font-size: 14px;color: #333; line-height: 28px;}

.job-c-z li{list-style: none; font-family:'Arial','regular';font-size: 13px;color: #666;line-height: 24px;}

.rec-con{margin:0 15px;overflow: hidden;border-top: solid 1px #d5d5d5;padding-top: 20px;}

.rec-con span{font-family:'Arial','regular';float: left;margin-right: 20px;font-size: 13px;color: #666666;}

.job-item.open .job-ri{background: #999999;color:#fff;}

.job-item.open .job-d,.job-item.open .job-z{color: #fff;}



@media  (max-width:320px) {

	.job-z,.job-d{padding: 0 10px;}

	.job-d span{padding-left: 3px;}

}





/*售后维修*/ 

.service{padding-bottom: 20px;}

.ser-tit{ font-family:'Arial','regular';font-weight: 500; font-size:24px;color: #333;line-height: 24px;}

.ser-top h3{ font-family:'Arial','regular';margin-top: 15px; font-size: 18px;line-height: 30px;color: #018fd7;}

.ser-top p{font-size: 13px;color: #666;line-height:24px;word-break: break-all;text-align: justify;}

.ser-hide{display: none;}

.ser-top .read-more{margin-bottom: 35px;}

.ser-bot.con-one ul{padding: 0;padding-top: 8px;}

.ser-bot.con-one .con-li.add{min-height: auto;}

.ser-bot.con-one li{margin-bottom: 25px;}

.ser-bot.con-one .con-li span{width: auto;}

a.zz {display:none;}

/*新增*/

.appli-item{ position: relative;}

.appli-top{display: block;border-bottom: solid 1px white;position: relative;}

.act-nav .appli-category{border-bottom: none; margin-right: 40px; background: url(../images/download.png) no-repeat left 15px center;background-size: 18px;padding: 0px 15px 0 45px; display: block;font-size: 14px;line-height: 40px;color: #333; -webkit-transition: all .6s;-o-transition: all .6s;transition: all .6s;position: relative;}

.appli-tig{position: absolute;top: 0;right: 0; line-height: 39px;width: 40px;transition: all .5s;text-align: center;}

.appli-item.on .appli-top,.appli-item.on .appli-category{background-color: #018fd7;}

.appli-dropdown {width: 100%;left: 0%;display: none;}

.appli-pad a{background: white; display: block;border-bottom: solid 1px #eee;padding:8px 55px;line-height: 24px;font-size: 14px;}

.appli-pad a.a4{background-position: left 27px center;}

.appli-item.on .appli-dropdown{display: block;}

.appli-pad a:hover{color: #018fd7;}

.appli-item.on .appli-category{color: white;background-image: url(../images/dolwnloadH.png);}

.appli-item.on .appli-tig{color: white;transform: rotate(90deg);}

.appli-pad{border-bottom: solid 1px white;}

.form #address{padding-left: 132px;}
.form #company{padding-left: 125px;}