/* 首页searching */
.searching{
  display: none;
  height: 50px;
  background-color: #fff;
  width: 100%;
  border-bottom: 1px solid #ccc;
}
.searching .container{
  padding: 0px;
  position: relative;
  
}
.searching .container>i{
  font-size: 30px;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
}
.searching .container form i{
  font-size: 30px;
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
}
.searching .container button{
  width: 40px;
  height: 40px;
  background-color: #fff;
  border:none;
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
}
.searching input{
  padding-left: 49px;
  line-height: 49px;
  font-size: 20px;
  width: 100%;
}


.mobile-foot {
  background: #2ca9e8;
  padding: 8px 0;
  position: fixed!important;
  bottom: 0!important;
  left: 0!important;
  width: 100%;
  z-index: 9999;
display:none;
}
.mobile-foot a {
  color: #fff;
  height: 35px;
  line-height: 33px;
  border: 1px solid #fff;
  border-radius: 4px;
  text-align: center;
 width:22%;
  padding: 0 10px;
  margin:0 4px;
  transition: .3s;
  -o-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  padding: 0px;
}
.pull-left {
  float: left!important;
}
.pull-right {
  float: right!important;
}
.btn {
  display: inline-block; 
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400; 
  text-align: center;
  white-space: nowrap;
  vertical-align: middle; 
  cursor: pointer;  
  border: 1px solid transparent;
  border-radius: 4px;
}

@media(max-width:480px){    .mobile-foot { display:block;}     }

/* 百度地图css */
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
/* 插件中的样式 */
.navbar-default .navbar-nav > li > a {
    color: #777;
    font-size: 14px;
}
.navcon{
  padding: 0px;
}
.navbar{
  margin-bottom: 0px;
}
.navbar-header.clearfix{
  padding: 10px 0px;
  position: relative;
  background: #fff;
}
.navbar-header img{
  position: absolute;
  width: 40%;
  left: 15px;
  top:50%;
  -webkit-transform: translateY( -50%);
  -moz-transform: translateY( -50%);
  -ms-transform: translateY( -50%);
  -o-transform: translateY( -50%);
  height: 80%;
}
@charset "utf-8";

/* 这个css是初始化的css，在任何项目里面都可以使用 */

/* 禁用iPhone中Safari的字号自动调整 */
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /* 解决IOS默认滑动很卡的情况 */
  -webkit-overflow-scrolling : touch;
}

/* 禁止缩放表单 */
input[type="submit"], input[type="reset"], input[type="button"], input {
  resize: none;
  border: none;
}

/* 取消链接高亮  */
a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* 设置HTML5元素为块 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

/* 图片自适应 */
// img {
//  width: 100%;
//  height: auto;
//  width: auto\9; /* ie8 */
//  display: block;
//  -ms-interpolation-mode: bicubic;/*为了照顾ie图片缩放失真*/
// }

/* 初始化 */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  margin: 0;
  padding: 0;
}
body {
  font: 12px/1.5 'Microsoft YaHei','宋体', Tahoma, Arial, sans-serif;
  color: #555;
  background-color: #fff;
}
em, i {
  font-style: normal;
}
ul,li{
  list-style-type: none;
}
/*strong {
  font-weight: normal;
}*/
.clearfix:after {
  content: "";
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
}
.clearfix {
  zoom: 1;
}
a {
  text-decoration: none;
  color: #969696;
  font-family: 'Microsoft YaHei', Tahoma, Arial, sans-serif;
}
a:hover {
  text-decoration: none;
}
ul, ol {
  list-style: none;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-family: 'Microsoft YaHei';
}
img {
  border: none;
}
input{
  font-family: 'Microsoft YaHei';
}

input,button,select,textarea{outline:none}
textarea{resize:none}
/*单行溢出*/
.one-txt-cut{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/*多行溢出 手机端使用*/
.txt-cut{
  overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    /* -webkit-line-clamp: 2; */
    -webkit-box-orient: vertical;
}
.w50{
  width: 50%;
}
.w25{
  width: 25%;
}
.w20{
  width: 20%;
}
.w60{
  width:60%;
}
.w75{
  width: 75%;
}
.w80{
  width:80%;
}
.w90{
  width: 90%;
}
.w95{
  width:95%;
}
.w100{
  width:100%;
}
.w30{
  width: 30%;
}
.w33{
  width: 33.333333%;
}
.fl{
  float: left;
}
.fr{
  float: right;
}
.db{
  display: block !important;
}
.dn{
  display: none;
}



/* index.html */
.navs{

}
.navs>.top{
  height: 38px;
  line-height: 38px;
  background: #008cd6;
}
.navs>.top .container{
  padding:0px;
}
.navs>.top .left{
  float: left;
  font-size: 12px;
  color: rgb( 255, 255, 255 );
}
.navs>.top .left a{
  color: #fff;
}
.navs>.top .right{
  float: right;
  height: 38px;
}
.navs>.top .right a:nth-child(1){
  border-left: none;
}
.navs>.top .right a{
  line-height: 1;
  display: inline-block;
  padding: 0px 22px;
  color: #fff;
  border-right: 1px solid #fff;
}
.navs>.top .right i{
  color: #fff;
  margin-left: 20px;
}
.navs>.bottom{
  background: #fff;
}
.navs>.bottom .container{
  padding: 0px;
  height: 80px;
  position: relative;
}

.navs>.bottom .container .left{
  position: absolute;
  left: 0px;
  top: 50%;
  -webkit-transform: translateY( -50%);
  -moz-transform: translateY( -50%);
  -ms-transform: translateY( -50%);
  -o-transform: translateY( -50%);
}
.navs>.bottom ul{
  float: right;
}
.navs>.bottom ul li{
  line-height: 80px;
  margin-left: 45px;
  float: left;
}
.navs>.bottom ul li a{
  font-size: 16px;
  color: rgb( 90, 90, 90 );
}
.navs>.bottom ul li a:hover{
  color:#008cd6;
}

.banner img{
  width: 100%;
}
.banner .swiper-container{
  width: 100%;
}
.title{
  text-align: center;
}
.title p.fir{
  font-size: 28px;
  color: rgb( 63, 63, 63 );
  /* margin-bottom: 15px; */
}
.title p.sec{
  font-size: 35px;
  color: rgb( 63, 63, 63 );
  margin-bottom: 15px;
}
.title .border span{
  display: inline-block;
  width: 55px;
  height: 2px;
  background: #6d6d6d;
}
.title .border{
  margin-bottom: 30px;
}
.title p.four{
  font-size: 16px;
  color: rgb( 63, 63, 63 );
  line-height: 2;
}
.title p.four a{
  float: right;
  font-size: 14px;
  color: #3f3f3f;
}
.title p.four a:hover{
  color: #008cd6;
}

.title .cate{
  margin-top: 30px;
  text-align: center;
  position: relative;
}
.title .cate>a{
  position: absolute;
  right: 0px;
  top: 50%;
  -webkit-transform: translateY( -50%);
  -moz-transform: translateY( -50%);
  -ms-transform: translateY( -50%);
  -o-transform: translateY( -50%);
  font-size: 14px;
  color: #3f3f3f;
}
.title .cate>a:hover{
  color: #008cd6;
}
.title .cate span{
  display: inline-block;
  padding: 0px 35px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  border: 1px solid #959595;
  color: rgb( 90, 90, 90 );
  font-size: 16px;
  margin: 0px 25px;
}
.title .cate span a{
  color: rgb( 90, 90, 90 );
}
.title .cate span.active{
  background: #008cd6;
  border: 1px solid transparent;
}
.title .cate span.active a{
  color: #fff;
}



.aboutus{
  padding: 80px 0px 0px;
}
.aboutus .title{
  margin-bottom: 60px;
}
.aboutus .bottom{
  position: relative;
}
.aboutus .bottom>img{
  width: 100%;
  height: 600px;
}
.aboutus .bottom .container{
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.aboutus .bottom .container>div{
  height: 100%;
}
.aboutus .bottom .container>.left{
  position: relative;
}
.aboutus .bottom .container>.left img{
  position: absolute;
  left: 0%;
  top: 50%;
  -webkit-transform: translateY( -50%);
  -moz-transform: translateY( -50%);
  -ms-transform: translateY( -50%);
  -o-transform: translateY( -50%);
}
.aboutus .bottom .container>.right{
  padding-top: 50px;
  /* background-image: url(../img/blue.png); */
}

.aboutus .bottom .container>.right p.ff {
  font-size: 32px;
  color: rgb( 255, 255, 255 );
  line-height: 1.978;
}
.aboutus .bottom .container>.right .bb{
  padding-left: 8px;
}
.aboutus .bottom .container>.right .bb span{
  display: inline-block;
  width: 120px;
  height: 3px;
  background: #fff;
}
.aboutus .bottom .container>.right p.ss{
  font-size: 20px;
  color: rgb( 255, 255, 255 );
  line-height: 2.288;
}

.aboutus .bottom .container>.right p.det{
  font-size: 14px;
  color: rgb( 255, 255, 255 );
  line-height: 2;
}
 
.aboutus .bottom .container>.right a{
  display: inline-block;
  width: 130px;
  height: 45px;
  border: 1px solid #fff;
  text-align: center;
  line-height: 45px;
  color: #fff;
  font-size: 14px;
  float: right;
  margin-top: 65px;
}


.indexpro{
  padding-top: 90px;
}

.indexpro .swiper-containerL{
  overflow: hidden;
}
.indexpro .swiper-containerL .swiper-slide{
  position: relative;
}
.indexpro .swiper-containerL .swiper-slide img{
  width: 100%;
}
.indexpro .swiper-containerL .swiper-slide:hover>a{
  display: block;
}
.indexpro .swiper-containerL .swiper-slide>a{
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
}

.indexpro .swiper-containerL .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%…19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E);
  left: -45px;
  right: auto;
}

.indexpro .swiper-containerL .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%…2L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E);
  right: -45px;
  left: auto;
}

.indexpro .container{
  padding: 0px;
}
.indexpro>.bottom{
  margin-top: 50px;
  position: relative;
}
.indexpro>.bottom>img{
  width: 100%;
  height: 800px;
}
.indexpro>.bottom .container{
  font-size: 0px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.indexpro>.bottom .container .w25{
  display: inline-block;
  /* width: 25%; */
  width: 260px;
  height: 800px;
  background: #fff;
  /*transform: skew(-9deg);*/

  position: relative;
  left: 65px;
}

.indexpro>.bottom .container .w25 .inner{

  width: 90%;

  /*transform: skew(9deg);*/
  display: none;
  position: absolute;
  /* left: 50%; */
  left: 70%;
  top: 50%;
  -webkit-transform: skew(0deg) translate(-57%, -50%);
  -moz-transform: skew(0deg) translate(-57%, -50%);
  -ms-transform: skew(0deg) translate(-57%, -50%);
  -o-transform: skew(0deg) translate(-57%, -50%);
}
.indexpro>.bottom .container .w25 .box{
  /* display: none; */
  position: absolute;
  /* left: 50%; */
  left: 60%;
  top: 50%;
  -webkit-transform: skew(0deg) translate(-57%, -50%);
  -moz-transform: skew(0deg) translate(-57%, -50%);
  -ms-transform: skew(0deg) translate(-57%, -50%);
  -o-transform: skew(0deg) translate(-57%, -50%);
}
.indexpro>.bottom .container .w25 .tt{
  margin-bottom: 50px;

  margin-left: 10px;

}
.indexpro>.bottom .container .w25 .tt img{
  /* transform: skew(9deg); */
}


.indexpro>.bottom .container .w25 dl{

}
.indexpro>.bottom .container .w25 dl dd{
  font-size: 16px;
  line-height: 2.681;
}
.indexpro>.bottom .container .w25 dl dd a{
  color: #fff;
}
.indexpro>.bottom .container .w25 dl dd a:hover{
  color: rgb( 255, 178, 212 );
}

.indexpro>.bottom .container .w25 .box>a{
  font-size: 38px;
  color: rgb( 255, 255, 255 );
  line-height: 1.129;
  display: block;
  padding-bottom: 20px;
}
.indexpro>.bottom .container .w25 .box:hover>a{
  color: rgb( 255, 178, 212 );
}

.indexpro>.bottom .container .w25:nth-child(1){
  background:url(../img/yellow.png) right top no-repeat;
}
.indexpro>.bottom .container .w25:nth-child(1):hover{
  background:url(../img/lo1.png) right top no-repeat;

}
.indexpro>.bottom .container .w25:hover .inner{
  display: block;
}
.indexpro>.bottom .container .w25:nth-child(2){
  background:url(../img/lot1.png) right top no-repeat;
}
.indexpro>.bottom .container .w25:nth-child(2):hover{
  background:url(../img/lot2.png) right top no-repeat;
}
.indexpro>.bottom .container .w25:nth-child(3){
  background:url(../img/lor1.png) right top no-repeat;
}
.indexpro>.bottom .container .w25:nth-child(3):hover{
  background:url(../img/lor2.png) right top no-repeat;
}
.indexpro>.bottom .container .w25:nth-child(4){
  background:url(../img/hand0.png) right top no-repeat;
}
/* .indexpro>.bottom .container .w25:nth-child(4):hover{
  background:url(../img/hand.png) right top no-repeat;
} */



.indexnews{
  padding: 30px 0px 30px;
}
.indexnews .container{
  padding: 0px;
}

.indexnews .container ul.clearfix:last-child{
  display: none;
}

.indexnews .container ul{
  margin-top: 40px;
}
.indexnews .container ul li{
  width: 360px;
  float: left;
  margin-right: 45px;
  margin-bottom: 50px;
}
.indexnews .container ul li:nth-child(3),
.indexnews .container ul li:nth-child(6){
  margin-right: 0px;
}
.indexnews .container ul li .top{
  
}
.indexnews .container ul li .top a{
  display: inline-block;
}
.indexnews .container ul li .top a img{
  width: 100%;
}
.indexnews .container ul li:hover .bottom{
  color: #fff;
  background: #008cd6;
  padding-left: 15px;
  border-bottom: none;
}
.indexnews .container ul li:hover .bottom p.fi{
  color: #fff;
}
.indexnews .container ul li:hover .bottom p.fi a{
  color: #fff;
}
.indexnews .container ul li:hover .bottom p.se{
  color: #fff;
}
.indexnews .container ul li .bottom{
  padding: 15px 0px;
  border-bottom: 1px solid #a5a5a5;
}
.indexnews .container ul li .bottom p.fi{
  font-size: 14px;
  color: rgb( 112, 112, 112 );

}
.indexnews .container ul li .bottom p.fi a{
  color: rgb( 112, 112, 112 );  
}
/* .indexnews .container ul li .bottom p.fi a:hover{
  color: #008cd6;
} */
.indexnews .container ul li .bottom p.se{
  color: #707070;
  font-size: 12px;
}



footer{
  background: #008cd6;
}
footer .container{
  padding: 0px;
}
footer .top{
  padding-top: 50px;
  padding-bottom: 30px;
}
footer .top .ll{
  display: inline-block;
  vertical-align: top;
}
footer .top .ll:nth-child(1){
  /* margin-right: 105px; */
  margin-right: 60px;
}
footer .top .ll:nth-child(2){
  /* margin-right: 105px; */
  margin-right: 60px;
}

footer .top .ll:nth-child(2) dl:nth-child(1){
  /* height: 185px; */
  height: 200px;
}

footer .top .ll:nth-child(3){
  /* margin-right: 95px; */
  margin-right: 75px;
}
footer .top .ll dl:nth-child(1){
  margin-bottom: 20px;
}
footer .top .ll dl dt{
  font-weight: bold;
  font-size: 15px;
  color: rgb( 255, 255, 255 );
  margin-bottom: 20px;
}
footer .top .ll dl dd{
  margin-bottom: 15px;
}
footer .top .ll dl dd a{
  font-size: 14px;
  color: rgb( 255, 255, 255 );
}
footer .top .ll dl dd a:hover{
  color: #acce22;
}



footer .top .mm{
  /* padding-top: 30px; */
  margin-left: 80px;
  display: inline-block;
}
footer .top .mm p{
  margin-top:15px;
  text-align: center;
  font-size: 14px;
  color: rgb( 255, 255, 255 );
}

footer .top .rr{
  /* margin-top: 30px; */
  float: right;
  border-left: 1px solid #fff;
  padding-left: 45px;
}

footer .top .rr .mid{
  margin: 20px 0px;
}
footer .top .rr .mid>div{
  display: inline-block;
  vertical-align: middle;
}
footer .top .rr .mid> .right{

}
footer .top .rr .mid> .right p{
  font-size: 28px;
  color: rgb( 255, 255, 255 );
  line-height: 1.162;
  padding-left: 10px;
}
footer .top .rr .mid> .right p.oo{

}
footer .top .rr .mid> .right p.tw{

}


footer .top .rr .mid span{
  display: inline-block;
  height: 50px;
  width: 50px;
  border-radius: 100%;
  border: 2px solid #fff;
  position: relative;
}
footer .top .rr .mid span i{
  color: #fff;
  font-size: 24px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

footer .top .rr .bb{
  font-size: 14px;
  color: rgb( 255, 255, 255 );
  line-height: 2.286;
}


footer .bottom{
  height: 60px;
  line-height: 60px;
  font-size: 14px;
  color: #fff;
  border-top: 1px solid #fff;
}


.ban{

}
.ban img{
  width: 100%;
}


.innertitle{
  height: 42px;
  line-height: 42px;
  border-bottom: 1px dashed #ededed;
}
.innertitle .container{
  padding-left: 15px;
  font-size: 14px;
  color: rgb( 112, 112, 112 );
}
.innertitle .container span{
  vertical-align: middle;
  display: inline-block;
  width: 3px;
  height: 15px;
  background: #008cd6;
  margin-right: 10px;
}
.innertitle .container a{
  font-size: 14px;
  color: rgb( 112, 112, 112 );
}
.innertitle .container a:hover{
  color: #008cd6;
}


.innertop{
  text-align: center;
  
}
.innertop .container{
  font-size: 0px;
  padding: 35px 0px;
  border-bottom: 1px solid #eaeaea;
}
.innertop .container span{
  display: inline-block;
  height: 43px;
  line-height: 43px;
  font-size: 16px;
  color: rgb( 112, 112, 112 );
  padding: 0px 15px;
  border: 1px solid #bababa;
  margin: 0px 10px;
}
.innertop .container span a{
  font-size: 16px;
  color: rgb( 112, 112, 112 );
}
.innertop .container span.active{
  background: #008cd6;
  border: 1px solid transparent;
}
.innertop .container span.active a{
  color: #fff;
}

.product{

}
.product .container{
  padding: 0px;
}
.product .container .topic{
  padding: 43px 0px 55px;
  /* position: relative; */
  /* height: 182px; */
}
.product .container .topic ul{
  text-align: center;
  /* position: absolute;
  left: 50%;
  -webkit-transform: translateX( -50%);
  -moz-transform: translateX( -50%);
  -ms-transform: translateX( -50%);
  -o-transform: translateX( -50%); */
}
.product .container .topic ul li{
  /* width: 277px; */
  width: 213px;
  /* height: 84px; */
  /* float: left; */
  display: inline-block;
  margin-right: 20px;
  text-align: center;
  /* line-height: 84px;  */
  position: relative;
}
.product .container .topic ul li img{
  width: 100%;
}
.product .container .topic ul li a{
  color: #fff;
  font-size: 17px;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  line-height: 64px;
}
.product .container .topic ul li:last-child{
  margin-right: 0px;
}

/* .product .container .topic ul li:nth-child(1){
  background-image: url(../img/fadeone.png);
} */
/* .product .container .topic ul li:nth-child(2){
  background-image: url(../img/fadeone.png);
}
.product .container .topic ul li:nth-child(3){
  background-image: url(../img/fadeone.png);
}
.product .container .topic ul li:nth-child(4){
  background-image: url(../img/fadeone.png);
} */

.product .container .bottom{
  padding: 40px;
  border: 1px solid #eaeaea;
  margin-bottom: 37px;
}

.product .container .bottom img{
  max-width: 100%;
}

.problem{

}
.problem .container{
  padding: 20px 0px;
}



.about{
  margin-bottom: 30px;
}
.about .container{
  padding: 20px 0px;
}

.about .container img{
  max-width: 100%;
}

.proshow{

}
.proshow .container{
  padding: 0px;
}

.proshow .container ul{
  padding-top: 35px;
}
.proshow .container ul li{
  margin-bottom: 35px;
  width: 369px;
  margin-right: 27px;
  display: inline-block;
}
.proshow .container ul li:nth-child(3n+3){
  margin-right: 0px;
}
.proshow .container ul li .top{
  
}
.proshow .container ul li .top a{
  display: block;
  overflow: hidden;
}
.proshow .container ul li .top a img{
  width: 100%;
  transition: 1.2s;
}
.proshow .container ul li .top a img:hover{
  transition: 1.2s;
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
/* .proshow .container ul li:hover p{
  background: #008cd6;
} */
.proshow .container ul li:hover p a{
  /* color: #fff; */
  color: #008cd6;
}
.proshow .container ul li p{
  padding: 0px 10px;
  height: 66px;
  /* color: rgb( 112, 112, 112 ); */
  font-size: 14px;
  text-align: center;
  /* height: 50px; */
  line-height: 32px;
  /* border: 1px solid #eaeaea; */
  border-top: none;
}
.proshow .container ul li p a{
  color: rgb( 112, 112, 112 );
  font-size: 16px;
}


.proshowin{
  padding: 55px 0px 70px;
}
.proshowin .container{
  font-size: 0px;
  padding: 0px;
}
.proshowin .container>div{
  display: inline-block;
  vertical-align: top;
}
.proshowin .container>.right{
  padding-left: 28px;
  padding-top: 138px;
}
.proshowin .container>.right p.fir{
  font-size: 27.732px;
  color: rgb( 0, 140, 214 );
  line-height: 1.547;
}
.proshowin .container>.right p.detail{
  font-size: 14px;
  color: rgb( 112, 112, 112 );
  line-height: 2.906;
}
.proshowin .container>.right .hot{
  font-size: 16px;
  color: #008cd6;
  margin-top: 10px;
}
.proshowin .container>.right .hot span{
  vertical-align: middle;
  display: inline-block;
  width: 32px;
  height: 32px;
  border: 1px solid #008cd6;
  border-radius: 100%;
  position: relative;
}
.proshowin .container>.right .hot span i{
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  color: #008cd6;
  font-size: 18px;
}

#hot{
  /* width: 42px; */
  height: 42px;
  line-height: 42px;
  padding: 0px 18px;
  color: #fff;
  font-size: 14px;
  display: inline-block;
  background: #008cd6;
}
#hot i{
  color: #fff;
  font-size: 20px;
  vertical-align: middle;
  margin-right: 8px;
}

.link{
  padding: 25px 0px 40px;
}
.link .container{
  padding: 0px;
}
.link .container .maple{

}
.link .container .maple img{
  width: 100%;
}
.link .container .submit{
  margin-top: 45px; 
}
.link .container .submit .online{
  font-size: 32px;
  color: rgb( 90, 90, 90 );
  line-height: 1.341;
}
.link .container .submit .star{
  font-size: 16px;
  color: rgb( 112, 112, 112 );
  line-height: 2.681;
} 

.link .container .submit form{

}
.link .container .submit form .top{
  margin-top: 15px;
}
.link .container .submit form .top p{
  font-size: 16px;
  color: rgb( 122, 122, 122 );
  margin-bottom: 20px;
}
.link .container .submit form .top .left{
  padding: 0px;
}
.link .container .submit form .top .right{
  padding: 0px;
}
.link .container .submit form .top input{
  height: 45px;
  border: 1px solid #f3f3f3;
  width: 100%;
  padding-left: 15px;
  font-size: 15px;
  color: rgb( 112, 112, 112 );
  background: transparent;
}
.link .container .submit form .top p{
  
}
.link .container .submit form .mid{
  margin-top: 15px;
}
.link .container .submit form .mid p{
  font-size: 16px;
  color: rgb( 122, 122, 122 );
  margin-bottom: 15px;
}
.link .container .submit form .mid textarea{
  width: 100%;
  height: 113px;
  border: 1px solid #f3f3f3;
  padding: 10px;
  font-size: 16px;
  color: rgb( 122, 122, 122 );
}
.link .container .submit form .bottom{
  margin-top: 35px;
  text-align: center;
  font-size: 0px;
}
.link .container .submit form .bottom button{
  width: 115px;
  height: 45px;
  background: #313131;
  border: none;
  font-size: 18px;
  color: rgb( 255, 255, 255 );
  margin: 0px 42px;
}



.article{

}
.article .container{
  padding: 0px;
  margin-bottom: 30px;
}
.article .container>ul{
  padding-top: 50px;
}
.article .container>ul>li{
  width: 358px;
  display: inline-block;
  vertical-align: top;
  border-bottom: 1px solid #b7b7b7;
  margin-right: 44px;
  margin-bottom: 50px;
}
.article .container>ul>li:hover{
  border-bottom: 1px solid transparent;
}
.article .container>ul>li:nth-child(3),
.article .container>ul>li:nth-child(6){
  margin-right: 0px;
}
.article .container>ul>li .top{
  
}
.article .container>ul>li .top a{
  display: block;
  overflow: hidden;
}
.article .container>ul>li .top a img{
  width: 100%;
  transition: 1.2s;
}
.article .container>ul>li .top a img:hover{
  transition: 1.2s;
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.article .container>ul>li:hover .bottom{
  background: #008cd6;
  padding-left: 15px;
}
.article .container>ul>li .bottom{
  padding: 15px 0px;
}
.article .container>ul>li .bottom p.fir{
  font-size: 14px;
  color: #707070;
}
.article .container>ul>li:hover .bottom p.fir a{
  color: #fff;
}
.article .container>ul>li .bottom p.fir a{
  font-size: 14px;
  color: #707070;
}
.article .container>ul>li:hover .bottom p.sec{
  color: #fff;
}
.article .container>ul>li .bottom p.sec{
  color: #707070;
  font-size: 12px;
  margin-top: 5px;
}

.teling{
  margin-bottom: 15px;
}
.teling{
  font-size: 15px;
  color: #000;
}
.teling i{
  font-size: 17px;
  color: #008cd6;
}
.teling span{
  display: inline-block;  
  width: 30px;
  height: 30px;
  vertical-align: middle;
  position: relative;
  border: 1px solid #008cd6;
  border-radius: 100%;
  margin-right: 10px;
}
.teling span i{
  vertical-align: middle;
  color: #008cd6;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.articlein{

}
.articlein .container{
  padding: 50px 0px 33px;
}
.articlein .container p.tp{
  text-align: center;
  font-size: 18px;
  color: #5a5a5a;
}
.articlein .container p.time{
  text-align: right;
  font-size: 14px;
  color: rgb( 90, 90, 90 );
  /* margin-bottom: 20px; */
}

.articlein .container .sumary{
  padding-left: 24px;
  background: #f7f7f7;
  height: 45px;
  line-height: 45px;
  border: 1px solid #e6e6e6;
  color: #707070;
  font-size: 14px;
  margin-top: 25px;
}
.articlein .container .sumary span{
  color: #337fe5;
  font-size: 14px;
}
.articlein .container .detail{
  padding: 30px 0px;
  font-size: 14px;
  color: rgb( 90, 90, 90 );
  line-height: 2;
}

.articlein .container .detail img{
  max-width: 100%;
}

.articlein .container .prevnext{
  padding-top: 20px;
  border-top: 1px solid #eaeaea;

  font-size: 14px;
  color: rgb( 144, 144, 144 );
  line-height: 2;

}
.articlein .container .prevnext img{
  vertical-align: middle;
  margin-top: -5px;
}
.articlein .container .prevnext a{
  font-size: 14px;
  color: rgb( 144, 144, 144 );
  line-height: 2;
}
.articlein .container .prevnext a:hover{
  color: #337fe5;
}
.articlein .container .prevnext .left{
  float: left;
}
.articlein .container .prevnext .left img{
  margin-right: 5px;
}
.articlein .container .prevnext .right{
  float: right;
}
.articlein .container .prevnext .right img{
  margin-left: 5px;
}


.download{
  margin-bottom: 30px;
  padding-bottom: 30px;
}
.download .container{
  padding: 0px;
}
.download .container .clearfix{
  height: 45px;
  line-height: 45px;
  border-bottom: 1px dashed #dbdbdb;
}
.download .container .clearfix span{
  font-size: 14px;
  color: rgb( 132, 132, 132 );
}
.download .container .clearfix a{
  float: right;
  font-size: 14px;
  color: rgb( 170, 170, 170 );
}
.download .container .clearfix a:hover{
  color: #337fe5;
}


.beautiful{

}
.beautiful .container{
  padding: 37px 30px;
}
.beautiful .container ul{

}
.beautiful .container ul li{
  
}
.beautiful .container ul li:nth-child(odd){
  float: left;
}
.beautiful .container ul li:nth-child(even){
  float: right;
}
.beautiful .container ul li {
  width: 534px;
  position: relative;
  margin-bottom: 40px;
} 
.beautiful .container ul li a{
  display: block;
} 
.beautiful .container ul li a img{
  width: 100%;
}
.beautiful .container ul li p{
  width: 100%;
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 45px;
  line-height: 45px;
  background: rgba(0, 0, 0, .1);
  padding-left: 20px;
  font-size: 16px;
  color: rgb( 255, 255, 255 );
}
.beautiful .container ul li p a{
  font-size: 16px;
  color: rgb( 255, 255, 255 );
}
.beautiful .container ul li p a:hover{
  color: #008cd6;
}

.newscommon{
  background: #fff;
  padding-bottom: 75px;
}
.newscommon .container{
  padding: 0px;
}
.newscommon ul{

}
.newscommon ul li{
  height: 56px;
  line-height: 56px;
  border-bottom: 1px solid #e6e6e6;
}
.newscommon ul li a{
  font-size: 17px;
  color: rgb( 92, 92, 92 );
}
.newscommon ul li a:hover{
  color: #2ca9e8;
}
.newscommon ul li span{
  float: right;
  font-size: 14px;
  color: rgb( 122, 122, 122 );
}


.proshow{

}
.proshow .container{
  padding: 0px;
}

.proshow .container ul{
  padding-top: 35px;
}
.proshow .container ul li{
  margin-bottom: 35px;
  /* width: 369px;
  margin-right: 27px; */
  /*width: 33%;*/
  margin-right: 0.3%;
  display: inline-block;
}
.proshow .container ul li:nth-child(3n+3){
  /* margin-right: 0px; */
  margin-right: 0%;
}
.proshow .container ul li .top{
  
}
.proshow .container ul li .top a{
  display: block;
  overflow: hidden;
}
.proshow .container ul li .top a img{
  width: 100%;
  transition: 1.2s;
}
.proshow .container ul li .top a img:hover{
  transition: 1.2s;
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
/* .proshow .container ul li:hover p{
  background: #008cd6;
} */
/* .proshow .container ul li:hover p a{
  color: #fff;
} */
/* .proshow .container ul li p{
  color: rgb( 112, 112, 112 );
  font-size: 14px;
  text-align: center;
  height: 50px;
  line-height: 50px;
  border: 1px solid #eaeaea;
  border-top: none;
} */
/* .proshow .container ul li p a{
  color: rgb( 112, 112, 112 );
  font-size: 14px;
} */


.proshowin{
  padding: 55px 0px 40px;
}
.proshowin .container{
  font-size: 0px;
  padding: 0px;
}
.proshowin .container>div{
  display: inline-block;
  vertical-align: top;
}
.proshowin .container>.right{
  padding-left: 28px;
  padding-top: 100px;
}
.proshowin .container>.right p.fir{
  font-size: 20px;
  /* color: rgb( 0, 140, 214 ); */
  color: #000;
  line-height: 1.547;
}
/* .proshowin .container>.right p.detail{
  font-size: 14px;
  color: rgb( 112, 112, 112 );
  line-height: 2.906;
} */


.proshowin .container>.right p.detail{
  font-size: 14px;
  color: rgb( 131, 131, 131 );
  line-height: 2;

  margin: 15px 0px;

}



/* .proshowin .container>.right .hot{
  font-size: 16px;
  color: #008cd6;
  margin-top: 10px;
} */



/* .proshowin .container>.right .hot span{
  vertical-align: middle;
  display: inline-block;
  width: 32px;
  height: 32px;
  border: 1px solid #008cd6;
  border-radius: 100%;
  position: relative;
}
.proshowin .container>.right .hot span i{
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  color: #008cd6;
  font-size: 18px;
} */


.prodetail{

}
.prodetail .container{
  padding: 0px;
}
.prodetail .container img{
  max-width: 100%;
}
.prodetail .container>p{
  
}
.prodetail .container>p span{
  display: inline-block;
  text-align: center;
  line-height: 48px;
  width: 122px;
  height: 48px;
  background: #008dd4;
  font-size: 16px;
  color: rgb( 255, 255, 255 );
}
.prodetail .container .bb{
  border-top: 1px solid #eaeaea;
  font-size: 14px;
  color: rgb( 131, 131, 131 );
  line-height: 2;
  padding: 30px 20px;
}

.prodetail .container .prne{
  padding: 25px 0px;
  font-size: 14px;
  color: rgb( 144, 144, 144 );
  line-height: 2;
}

.prodetail .container .prne .left{
  float: left;
}
.prodetail .container .prne .right{
  float: right;
}


@media (max-width: 768px){

  .proshowin .container>div{
    width: 100%;
  }

  .prodetail .container {
    padding: 0px 15px; 
  }
  .proshowin .container>.right p.fir {
    font-size: 20px;
    /* color: rgb( 0, 140, 214 ); */
    line-height: 1.5;
  }
  .proshowin .container>.right p.detail {
    font-size: 14px;
    color: rgb( 131, 131, 131 );
    line-height: 2;
    margin: 10px 0px;
  }
  #hot {
    /* width: 42px; */
    height: 35px;
    line-height: 35px;
    padding: 0px 15px;
    color: #fff;
    font-size: 13px;
    display: inline-block;
    background: #008cd6;
}




  footer .top {
    padding-top: 20px;
    padding-bottom: 30px;
  }

  .newscommon .container{
    padding: 0px 15px;
  }
  .newscommon ul li a {
    font-size: 13px;
    color: rgb( 92, 92, 92 );
  }
  .newscommon ul li span {
    float: right;
    font-size: 12px;
    color: rgb( 122, 122, 122 );
  }

  /* .indexpro{
    display: none;
  } */
  .aboutus .bottom .container>.right {
    padding-top: 0px;
    /* background-image: url(../img/blue.png); */
  }
  .aboutus .bottom .container {
    margin-bottom: 20px;
    height: 100%;
    position: static;
    left: 50%;
    top: 50%;
    /* -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%); */
    transform: none;
  }
  .aboutus .bottom>img{
    display: none;
  }
  .aboutus .bottom .container>div{
    height: 260px;
  }
  .aboutus .bottom .container>.right a {
    display: inline-block;
    width: 130px;
    height: 45px;
    border: 1px solid #000;
    text-align: center;
    line-height: 45px;
    color: #000;
    font-size: 14px;
    float: left;
    margin-top: 15px;
  }
  .aboutus .title {
    margin-bottom: 0px;
  }
  .aboutus .bottom .container>.left{
    display: none;
  }
  .aboutus .bottom .container>.left img{
    width: 100%;
  }
  .aboutus .bottom .container>.right p{
    color: #000 !important;
  }
  .indexnews {
    margin-top: 20px;
    padding: 0px 0px 20px;
  }
  .title .cate span {
    display: inline-block;
    padding: 0px 15px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border: 1px solid #959595;
    color: rgb( 90, 90, 90 );
    font-size: 14px;
    margin: 0px 10px;
  }
  .title .cate>a {
    position: absolute;
    right: 5px;
    top: 50%;
    -webkit-transform: translateY( -50%);
    -moz-transform: translateY( -50%);
    -ms-transform: translateY( -50%);
    -o-transform: translateY( -50%);
    font-size: 14px;
    color: #3f3f3f;
  }
  .indexnews .container{
    padding: 0px 15px;
  }
  .indexnews .container ul li {
    /* width: 360px; */
    width: 100%;
    float: left;
    margin-right: 45px;
    margin-bottom: 50px;
  }
  .indexnews .container ul li .top a{
    width: 100%;
  }
  .aboutus {
    padding: 20px 0px 0px;
  }
  .title p.fir {
    font-size: 22px;
    color: rgb( 63, 63, 63 );
    margin-bottom: 5px;
  }
  .title p.sec {
    font-size: 25px;
    color: rgb( 63, 63, 63 );
    margin-bottom: 5px;
  }
  .title .border {
    margin-bottom: 10px;
  }
  .title p.four {
    font-size: 14px;
    color: rgb( 63, 63, 63 );
    line-height: 2;
  }
  footer .container {
    padding: 0px 15px 30px;
  }
  .indexpro>.bottom>img {
    width: 100%;
    height: auto;
    display: none;
  }
  .indexpro>.bottom .container {
    width: 100%;
    font-size: 0px;
    position: static;
    left: 50%;
    top: 50%;

    padding: 0px 15px;

    /* -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%); */
    transform: none;
  }
  .indexpro>.bottom .container .w25 {
    display: inline-block;
    /* width: 25%; */
    /* width: 260px; */
    width: 64%;
    /* height: 800px; */
    height: 300px;
    background: #fff;
    transform: skew(-9deg);
    position: relative;
    /* left: 0px; */
    left: 64px;
  }
  .indexpro>.bottom .container .w25 dl dd {
    font-size: 14px;
    line-height: 2;
  }
  footer .bottom {
    float: left;
    /* height: 60px; */
    height: auto;
    /* line-height: 60px; */
    line-height: 2;
    font-size: 14px;
    color: #fff;
    border-top: 1px solid #fff;
    padding-bottom: 50px;
  }
  footer .top .rr {

    display: none;
    margin-top: 30px;
    float: left;
    border-left: none;
    padding-left: 0px;
  }
  footer .top .ll {
    margin-right: 25px !important;
  }
  footer .top .mm {
    padding-top: 30px;
    margin-left: 0px;
    display: inline-block;
  }
  footer .top .ll dl dt {
    font-size: 14px;
    color: rgb( 255, 255, 255 );
    margin-bottom: 10px;
  }
  footer .top .ll dl dd a {
    font-size: 12px;
    color: rgb( 255, 255, 255 );
  }
  footer .top .ll dl:nth-child(1) {
    margin-bottom: 20px;
  }
  .indexpro {
    padding-top: 0px;
  }
  .innertop .container {
    font-size: 0px;
    padding: 15px 0px;
    border-bottom: 1px solid #eaeaea;
  }
  .innertop .container span {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: rgb( 112, 112, 112 );
    padding: 0px 10px;
    border: 1px solid #bababa;
    margin: 3px 7px;
  }
  .innertop .container span a {
    font-size: 14px;
    color: rgb( 112, 112, 112 );
  }
  .about .container {
    padding: 20px 15px;
  }
  .articlein .container .sumary {
    padding-left: 24px;
    background: #f7f7f7;
    height: 45px;
    line-height: 45px;
    border: 1px solid #e6e6e6;
    color: #707070;
    font-size: 14px;
    margin-top: 25px;
    overflow: hidden;
  }
  .articlein .container .detail {
    padding: 30px 15px;
    font-size: 14px;
    color: rgb( 90, 90, 90 );
    line-height: 2;
  }
  .articlein .container .prevnext .left {
    float: none;
  }
  .articlein .container .prevnext .right {
    float: none;
  }
  .articlein .container .prevnext {
    padding-left: 15px;
    padding-top: 20px;
    border-top: 1px solid #eaeaea;
  }
  .articlein .container {
    padding: 20px 0px 23px;
  }
  .articlein .container p.time {
    text-align: right;
    font-size: 13px;
    padding-right: 15px;
    color: rgb( 90, 90, 90 );
    /* margin-bottom: 20px; */
  }
  .article .container {
    padding: 0px 15px;
  }
  .article .container>ul>li {
    /* width: 358px; */
    width: 100%;
    display: inline-block;
    vertical-align: top;
    border-bottom: 1px solid #b7b7b7;
    /* margin-right: 44px; */
    margin-right:0px;
    margin-bottom: 50px;
  }
  .article .container>ul {
    padding-top: 35px;
  }
  .download .container {
    padding: 15px;
  }
  .link .container .submit {
    margin-top: 25px;
  }
  .link .container {
    padding: 0px 15px;
  }
  .link .container .submit .star {
    font-size: 13px;
    color: rgb( 112, 112, 112 );
    line-height: 2.681;
  }
  .link .container .submit .online {
    font-size: 28px;
    color: rgb( 90, 90, 90 );
    line-height: 1.341;
  }
  .link .container .submit form .top .middle{
    padding: 0px;
  }
  .link .container .submit form .top p {
    font-size: 14px;
    color: rgb( 122, 122, 122 );
    margin-bottom: 10px;
  }
  .link .container .submit form .mid p {
    font-size: 14px;
    color: rgb( 122, 122, 122 );
    margin-bottom: 10px;
  }
  .link .container .submit form .bottom {
    margin-top: 15px;
    text-align: center;
    font-size: 0px;
  }
  .link .container .submit form .bottom button {
    width: 115px;
    height: 45px;
    background: #313131;
    border: none;
    font-size: 16px;
    color: rgb( 255, 255, 255 );
    margin: 0px 22px;
  }
  .problem .container {
    padding: 20px 15px;
  }

  /* .product .container .topic ul li {
    width: 100%;
    height: 84px;
    float: left;
    margin-right: 20px;
    text-align: center;
    line-height: 84px;
  } */

  .product .container .topic ul li {
    /* width: 277px; */
    width: 213px;
    /* height: 84px; */
    /* float: left; */
    display: inline-block;
    margin-right: 0px;
    margin-bottom: 10px;
    text-align: center;
    /* line-height: 84px; */
    position: relative;
  }

  .product .container .topic {
    /* padding: 43px 0px 55px; */
    padding: 20px 0px;
    /* position: relative; */
    /* height: 182px; */
  }

  .product .container .topic ul {
    padding: 0px 15px;
  }
  .product .container {
    padding: 0px 15px;
  }
  .proshow .container ul {
    padding-top: 15px;
  }
  .proshow .container {
    padding: 0px 15px;
  }
  .proshow .container ul li {
    margin-bottom: 35px;
    /* width: 369px; */
    /* width: 48%; */
    width: 100%;
    /* margin-right: 27px; */
    margin-right: 0px !important;

    display: inline-block;
  }

  .proshow .container ul li p a {
    color: rgb( 112, 112, 112 );
    font-size: 13px;
  }

  .proshow .container ul li:nth-child(odd){
    float: left;
  }
  .proshow .container ul li:nth-child(even){
    float: right;
  }
  .proshow .container ul li p {
    color: rgb( 112, 112, 112 );
    font-size: 13px;
    text-align: center;
    /* height: 40px;
    line-height: 40px; */
    height: auto;
    line-height: 2;
    border: 1px solid #eaeaea;
    border-top: none;
  }
  .proshowin .container {
    font-size: 0px;
    padding: 0px 15px;
  }
  .w75 {
    width: 100%;
  }
  .proshowin .container>.right {
    padding-left: 0px;
    padding-top: 38px;
  }
  .w25 {
    width: 100%;
  }
  .beautiful .container {
    padding: 30px 15px;
  }
  .beautiful .container ul li {
    /* width: 534px; */
    width: 100%;
    position: relative;
    margin-bottom: 20px;
  }
  .indexpro>.bottom .container .w25 .tt{
    display: none;
  }
  footer .top .ll:nth-child(2) dl:nth-child(1){
    height: auto;
  }
  .indexpro>.bottom .container .w25 .inner{
    width: 100%;
  }

}



#page{ clear:both; height:40px; margin:0 auto; text-align:center; display: table; margin-bottom: 30px;}
#page li{ float:left; padding:5px 14px; border:1px solid #CCCCCC; margin-right:6px; color:#666; font-size:12px; list-style:none;}
#page li:hover{border:1px solid #0060ad;}
#page li:hover a{color:#0060ad}
#page li a{ color:#666}
#page li.active{border:1px solid #0060ad; background-color:#0060ad; color:#FFFFFF}
#page li.active a{ color:#fff}