@charset "utf-8";*{margin:0;padding:0}
ul{list-style-type:none}
li{list-style:none}
img{border:0;max-width: 100%}
a{text-decoration:none;color:#262525}
.left{float:left}
.truncate {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.right{float:right}
body{width:750px;background:#fff;font-size:26px;line-height: 2; font-family:"微软雅黑", 'Microsoft YaHei'; color:#262525;margin:0 auto}
/*header*/
.header{width:750px;height:auto;margin:0 auto;position:relative}
.header .toptel{display: block;}
.header .toplogo{display: block;padding: 20px;max-width: 40%;}
.header .topbox{position: relative;}
.header .banner0{width: 100%;height: 314px;background: url(../images/banner.jpg) no-repeat;}
.header .banner{height:auto;width: 100%;line-height: 78px; background:#fff;position: relative;overflow: hidden;}
.header .banner i{padding: 0 15px;color: #4377e0}
.header .banner .right{color:#4377e0;padding-right: 10px}
.header .banner .right i{font-size: 30px;padding-left: 8px}
.header .flashbox{width: 100%;height:450px; background:url(../images/flash.jpg) no-repeat #ddd;overflow: hidden;position: relative;}
.subtype{display: none;padding: 0 50px;background: #fff}
.subtype li{height: 78px;line-height: 78px;border-bottom: 1px #ddd dotted}
.clear{clear: both;}

/* Navigation Defaults */
.nav {
  position: absolute;
  z-index: 100;
  opacity: 0;
  height: 100vh;
  left: 0;top: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.nav--active .nav {
  opacity: 1;
  height: 130vh;
  background-color:rgba(0,0,0,0.9);
}
.nav__list {
  margin: 0;
  padding:30px 30px 30px 100px;
}
.nav__item {
  list-style-type: none;
  text-align: left;
}
.nav__link {
  font-size:1.2em;
  line-height:2.5;
  text-transform: uppercase;
  text-decoration: none;
  color: #FFFFFF;
  opacity: 1;
  -webkit-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out;
}
.selected3 {
  font-size:1.2em;
  line-height:2.5;
  text-transform: uppercase;
  text-decoration: none;
  color:#ffac00;
  opacity: 1;
  -webkit-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out;
}
/* Default navigation icon */
.nav__trigger {
  display: block;
  position: absolute;
  width: 47px;
  right: 30px;
  top:18px;
  z-index: 200;
}
.nav--active .nav__trigger {opacity: 0.5;}
.nav__icon {
  display: inline-block;
  position: relative;
  width: 47px;
  height: 8px;
  border-radius: 4px;
  background-color: #0797f8;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  transition-property: background-color, transform;
  transition-property: background-color, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.nav__icon:before,
.nav__icon:after {
  content: '';
  display: block;
  width: 47px;
  height: 8px;
  border-radius: 4px;
  position: absolute;
  background: #0797f8;
  -webkit-transition-property: margin, -webkit-transform;
  transition-property: margin, -webkit-transform;
  transition-property: margin, transform;
  transition-property: margin, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.nav__icon:before {margin-top: -13px;}
.nav__icon:after {margin-top: 13px;}


/* Don't nest if you don't have to. */
/* Style #1 */
.nav {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  width: 100%;
  /*height:100vh;*/
}
.nav__link {
  opacity: 0;
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
}
.nav--active .nav__link {
  opacity: 1;
}
.nav--active .nav {
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.nav--active .nav__icon {
  background: rgba(0, 0, 0, 0);
}
.nav--active .nav__icon:before {
  background: #f2f2f2;
  margin-top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.nav--active .nav__icon:after {
  background:#f2f2f2;
  margin-top: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/*index*/
.wrap{padding:10px 0;}
.mid{padding: 0 30px}
.page01{padding: 1.9rem 0 3.5rem;}
.page01 .chanpin01{width: 100%;height: auto;overflow: hidden; margin-top: 30px;position: relative;}
.page01 .chanpin01 .left{width:65%;height:100%;}
.page01 .chanpin01 .left img{width: 100%;}
.page01 .chanpin01 .right{width:32%;}
.page01 .chanpin01 .right img{width: 100%;}
.page01 .chanpin01 .right .rt01{width:100%;height:50%;display:block}
.page01 .chanpin01 .right .rt02{width:100%;height:50%;display:block}

.page01 img{display: block;margin: 0;padding: 0;}
.page01 .chanpin02{width: 100%;height: auto;overflow: hidden;margin-top:20px;position: relative;}
.page01 .chanpin02 .left{width:32%;height:100%;}
.page01 .chanpin02 .right{width:65%;height:100%;}
.page01 .chanpin03{width: 100%;height: auto;overflow: hidden;margin-top:20px;position: relative;}
.page01 .chanpin03 .cpt{width:50%;padding: 5px;box-sizing: border-box;position: relative;float: left;}
.page01 .chanpin03 .cpt p{width: 100%; position: absolute;font-weight: bold;text-align: center; left: 0;top:40%; color: #fff;}
.intit{width:100%;height: 70px;line-height: 70px;position: relative;}
.intit span{font-size: 2em;color: #000000;font-weight: bold;text-align: center;display: block;}
.page02{padding: 3rem 0 0.6rem;background: #0797f8;}
.page02 .intit span{color: #fff;}
.page02 .xinwen1{width:100%;padding: 2rem 0;}
.page02 .xinwen1 li{width:100%;background: #fff;padding-bottom: 40px;}
.page02 .xinwen1 li .imgbox{width: 100%;height: auto;overflow: hidden;}
.page02 .xinwen1 li .imgbox img{width: 100%;height: auto;display: block;}
.page02 .xinwen1 li .intxt{width: 100%;height: auto;box-sizing: border-box;padding: 30px 50px;}
.page02 .xinwen1 li .ntit{color: #1c5de1;font-size: 1.4em;}
.page02 .xinwen1 li .ntxt{color: #666666;line-height: 46px;padding-top: 10px;}
.page02 .xinwen1 li .ntime{color: #666666;padding-top: 35px;display: block;}
.page02 .xinwen2{width:100%;}
.page02 .xinwen2 li{width:100%;height: auto;background: #fff;box-sizing: border-box; padding: 2rem 4rem;margin-bottom:34px;}
.page02 .xinwen2 li .p01{font-size: 1.4em;color: #333333;}
.page02 .xinwen2 li .p02{color: #666666;}
.page03{padding: 5rem 0 3.5rem;}
.page03 .intro{padding-top: 42px;color: #303030;line-height: 46px;}
.page03 .intro p{padding:0;text-indent: 2em}
.page03 .inmenu{padding-top: 40px;}
.page03 .inmenu a{width:31%;height:60px;line-height: 60px;text-align: center;color: #fff;font-size: 23px; background: #9d9d9d; display: inline-block;margin-right:2%;transition: 0.4s all;float: left;}
.page03 .inmenu a:hover{background: #1c5de1}
#demo01{padding: 35px 0 20px;position:relative}
#demo01 li{}
#demo01 li a{display: block;}
#demo01 li img{width: 100%;height: auto;height: 518px;background: rgba(0, 0, 0, 0.1); display: block;}
.page04{padding:4.2rem 0 0;}
.page04 img{display: block;}
.page05{ background: url(../images/page05.jpg) top center repeat-y;background-size: 100% auto;padding: 0px 0 40px; }
.page05 ul{width: 100%;margin-top: -145px;box-sizing:border-box;padding-left:30px;padding-right: 30px;}
.page05 li{line-height:37px;font-size:0.9em;color: #333333;padding-left: 55px;padding-bottom: 45px;box-sizing:border-box}
.page05 li b{font-size: 1.1em;display: block;}
.page05 li:nth-child(1){background: url(../images/add01.png) left 2px no-repeat;}
.page05 li:nth-child(2){background: url(../images/add02.png) left top no-repeat}
.page05 li:nth-child(3){background: url(../images/add03.png) left top no-repeat}
.page05 li:nth-child(4){background: url(../images/add04.png) left top no-repeat}
.page05 li:nth-child(5){background: url(../images/add05.png) left top no-repeat;}
.page05 li:nth-child(6){background: url(../images/add02.png) left top no-repeat}
.page05 li:nth-child(7){background: url(../images/add01.png) left top no-repeat;padding-bottom: 15px;}


.mui-ellipsis-2{display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.mui-ellipsis-3{display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.mui-ellipsis-4{display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.mui-ellipsis-5{display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp:5;-webkit-box-orient:vertical;}
.mui-ellipsis-6{display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp:6;-webkit-box-orient:vertical;}
.mui-ellipsis-7{display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp:7;-webkit-box-orient:vertical;}

#allmap{width: 100%;height: 400px;margin: 0 auto;overflow: hidden;}
#newTitle{font-weight: bold;line-height:60px;font-size: 1.4em}
#newsInfo{color: #888;font-size:0.9em;line-height:70px; border-bottom: 1px #ddd dashed}
#newsInfo span{padding-left: 20px}

/*innerpage*/
.news01{width: 710px;height: auto;overflow: hidden;padding-top:33px;margin: 0 auto}
.news01 li{width: 100%;height: auto;line-height: 2; color: #222222; overflow: hidden;padding:15px 0 25px;border-bottom: 1px #ddd dashed}
.news01 li .tit{font-size:1.2em;font-weight: bold; display: block;line-height:60px;}
.intitle {height:88px;font-size:24px;line-height:88px;overflow: hidden;padding: 0 24px;border-bottom: 1px #f2f2f2 solid;background: #dedede;display: block;}
.intitle span{font-weight:bold;color:#000;font-size: 30px;}
.piclist{height:auto;overflow: hidden;padding: 20px 20px 0;}
.piclist li{width: 47%;height: 330px;text-align: center;line-height: 56px;font-size:28px;margin: 1.5%;float: left;}
.piclist li img{width: 100%;height: 250px;border: 1px #ddd solid;display: block;}
#newsContent{width:100%;margin: 0 auto;font-size: 1.1em; overflow: hidden;height: auto;padding:10px 0}
#newsContent p{padding-top: 10px;}
.pro_txt{font-size: 1.1em;padding: 20px 0}
#infoImage{width:100%;margin:0 auto;padding:15px 0}
#infoImage img{display:block;margin:0 auto}
.page{text-align: center;font-size: 16px;padding: 50px}
.page a{min-width: 30px;height: 40px;line-height: 40px;border: 1px #ddd solid;padding: 0 5px;text-align: center;display: inline-block;}
.page .current{min-width: 40px;height: 40px;line-height: 40px;border:1px #029740 solid;background: #029740;color: #fff; text-align: center;display: inline-block;}
.page_num{min-width: 30px;height: 40px;line-height: 40px;border: 1px #ddd solid;padding: 0 5px;text-align: center;display: inline-block;}
.borderLi{width:100%;height:auto;position:relative}
.formys{width:680px;height:auto;margin:0 auto}
.cpmcys{width:280px;height:34px;border:1px solid#dedede}
.formbz{float:left}
.G_InputText{width:400px;height:40px;color:#494949;border:1px solid#d2d4d6}
.sub{background:#154909;width:107px;height:42px;border:none;color:#fff}
.G_textarea{width:400px;height:100px;border:1px solid#dedede}
.G_ul{width:100%;padding:30px 0;margin:0 auto}

/*product info*/
#right_content{padding: 35px}
#cpbox01{width: 100%;height: auto;padding-bottom: 30px;overflow: hidden;}
#cpbox01 .cp_img{width: 100%;height: 510px;background: #e5e5e5;}
#cpbox01 .cp_img img{width: 100%;height: 510px;display: block;}
#cpbox01 .cp_detail{width: 100%;height:auto;padding-top: 35px}
#cpbox01 .cp_txt{}
#cpbox01 .cp_txt span{font-weight: bold;font-size:35px;line-height: 82px; display: block;color: #292929;border-top: 1px #969696 dotted;border-bottom: 1px #969696 dotted}
#cpbox01 .cp_txt p{color: #666;padding: 15px 0}
#cpbox01 .cp_lx{height: 60px;padding: 25px 0 12px;font-size: 20px;color: #333333;position: relative;}
#cpbox01 .cp_lx b{font-weight: bold;font-size:30px;color: #e23411;}
#cpbox01 .cp_lx .btn01{width: 194px;height: 48px;line-height: 48px;background: #dd1212;text-align: center;color: #fff;display: inline-block;right: 210px;top: 35px;position: absolute;}
#cpbox01 .cp_lx .btn02{width: 194px;height: 48px;line-height: 48px;font-size: 26px;background: #ffa200;text-align: center;color: #fff;display: inline-block;right: 0;top: 35px;position: absolute;}
.pro_t{width: 100%;height: 60px;line-height: 60px;background: #f5f5f5;border-radius:5px;overflow:hidden; color: #fff;}
.pro_t span{width: 170px;height: 60px;background:#2260e5;color: #fff;text-align: center;display: block;}
.pageul{padding: 20px 0}
.pageul li{margin: 10px 0;line-height: 80px;border-radius: 5px;background: #eee;padding: 0 15px;}
.pageul li i{color:#4276e0;padding-right: 8px}
.plist{width: 100%;height: auto;padding:25px 0; overflow: hidden;}
.plist li{width: 50%;height: 240px;overflow: hidden; float: left;padding: 15px 7px;box-sizing: border-box;}
.plist li img{width: 100%;height:240px;display: block;}

/*footer*/
.ft_contact{font-size: 1.1em;line-height: 58px;color: #000000;padding: 10px 0 40px;border-bottom: 1px #e5e5e5 solid}
.ft_menu{width: 100%;height: auto;overflow: hidden;padding: 18px 0}
.ft_menu li{width: 25%;height: 60px;line-height: 60px;text-align: center;float: left;}
.ft_menu li a{font-size: 1.2em;color: #535876}
.ft_menu li:hover a{color: #3288e5}
.ft_icp{color: #888888;text-align: center;font-size: 0.85em;padding: 15px;line-height: 36px}
.ft_icp a{color: #888888;}
#btn{width:750px;height:112px; background:#ffffff; border-top: 1px #e7e7e7 solid;left:50%;margin-left: -375px;position:fixed;padding: 0 10px;box-sizing: border-box;bottom:0;}
#btn .btnbox1{width: 18%;height: 112px;font-size:20px;line-height: 24px;color: #333333;text-align: center;float:left;position: relative;}
#btn .btnbox1 img{width: 58px;height: 58px;display:block;margin:0 auto;padding-bottom:2px;padding-top: 10px;}
#btn .btnbox1 a{color: #333333;}
#btn .btnbox2{width:32%;height: 112px;box-sizing: border-box;color: #333333;text-align: center;float:left;position: relative;padding-top: 14px;}
#btn .d1{width: 90%;height: 78px;line-height: 78px;font-size:1em;border-radius: 39px;text-align: center;color: #fff;background: #f63208;display: block;margin: 0 auto;}
#btn .d2{width: 90%;height: 78px;line-height: 78px;font-size:1em;border-radius: 39px;text-align: center;color: #fff;background: #ffac00;display: block;margin: 0 auto;}

#indexNews1{ overflow: hidden; margin:0 auto;padding-top: 15px; width: 720px;}
#indexNews1 a{width: 100%;height: auto;overflow: hidden; padding:15px 0; background: #fff;display: block;}
.indexNews1_img{ width: 240px; height: 180px;border: 1px #ddd solid; margin-top:10px; float: left; overflow:hidden;}
.indexNews1_img img{ width: 100%; height: 180px;transition: all 0.3s;}
.indexNews1_txt{ width: 420px; float: left; margin-left: 30px;}
.indexNews1_p1{ height: 50px; line-height: 50px; overflow: hidden; font-size:1.2em;color: #000; font-weight: bold;}
.indexNews1_p2{ line-height:40px;display: -webkit-box;overflow: hidden;white-space: normal!important; text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical; margin-top:5px; color: #888; overflow: hidden;}
.mui-ellipsis-2{display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.indexNews1_p4{ color: #888;}
.indexNews1_p4 span{ margin-right: 15px; }
.indexNews1_p4 span i{ margin-right: 8px; }
#indexNews1 a:hover .indexNews1_img img{ transform:scale(1.05); }
#indexNews1 a:hover .indexNews1_p1{ color:#4276e0; }
#ms{ margin-top: 50px;  }
#list-more{width: 300px;height: 80px;line-height: 80px;cursor: pointer;text-align: center;border-radius: 20px;background:#2060e8;color: #fff;margin: 0 auto}
#list-more span{display: inline-block;}
#list-more b{ float: right; margin-right: 200px; }
#list-loding{width: 300px;height: 80px;line-height: 80px;cursor: pointer; background:#2060e8;border-radius: 20px; color: #fff; text-align: center;position: relative;margin: 0 auto}
#list-loding img{ display: inline-block; width:60px; height:60px;float: left;padding-left: 50px; padding-top: 10px;}
#list-loding span{height: 80px; line-height:80px;padding-left: 20px;float: left; color: #fff;display: inline;}