body {color: #444;	font-size: 14px;	line-height: 1.75em;	background: #fff;	font-family: Arial,  "Malgun Gothic", Calibri, "微软雅黑","Microsoft YaHei", simsun, sans-serif ;	-webkit-font-smoothing: antialiased; }
.fl{ float: left; } .fr{ float: right;} 
.cl:after{display:block;clear:both;content:"";visibility:hidden;height:0} .cl{zoom:1} 
/***************
"宋体","SimSun","黑体","SimHei","微软雅黑","Microsoft YaHei","微软正黑体","Microsoft JhengHei","新宋体","NSimSun","楷体","KaiTi","
**************/
.w120{ width:1200px; clear:both; margin:0 auto;   }
.w150{ width:100%;min-width:1200px;max-width:1500px; clear:both; margin:0 auto;    }
.w100{ width:100%;min-width:1200px; clear:both; margin:0 auto;   }
.shenglue1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.shenglue3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;line-height:1.75;max-height:5.25em}
.tpjz{max-width: 100%;max-height: 100%;position: absolute;display: block;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.bantouming{filter:alpha(opacity=50);opacity:0.5;}
.fangda{transform: scale(1.1); -webkit-transform: scale(1.1);-webkit-transform: all 1s ease 0s;transition: all 1s ease 0s;}

a { color:#444;}
a:hover{ color:#07f;}
/********* top *****************/
header .ding{ border-bottom:1px solid #ddd;}
header .logo{ max-height:80px; max-width:400px; margin:10px 0;}
header .logo img{ display:block; max-width:100%; max-height:80px;    }
header .daohang{ width:900px; padding-top:30px;  }


.topNav{position:relative;  height: 40px; line-height:40px; font-size:16px;  z-index:999; }
.topNav-width{ margin:0 auto; width:100%;   }
.topNav h3{ font-weight:normal; font-size:100%; }
.topNav dl{ zoom:1; }	
.topNav dd{ float:left; position:relative; z-index:9999; width:20%; }
.topNav dd h3{  }
.topNav dd h3 a{ display:block;  zoom:1; height:40px; line-height:40px;  color:#111; text-align:center; font-size:18px;  }
.topNav dd h3 a i{ display:inline-block; width:12px; height:12px; margin:0 0 0 8px; overflow:hidden; vertical-align:middle; font-size:12px; line-height:13px; background: url(img/icon2.png) 0 0 no-repeat;   }
.topNav dd:hover  h3 a i{ background: url(img/icon2.png) 0 -112px no-repeat;  }
.topNav dd:hover  h3 a,	.topNav dd.ion h3 a{ color:#f00;    }



.topNav dd ul{ display:none; /*默认隐藏*/ position:absolute; width:100%;  top:40px; left:0; background:#fff; padding:10px 0;
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, .3); -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .3);box-shadow: 1px 1px 3px rgba(0, 0, 0, .3); border-radius:0 0 5px 5px;}

.topNav dd ul li a{ display: block; color: #333; padding: 8px 15px; line-height:1.3; font-size:14px; text-align: left;  }
.topNav dd ul li a:hover{  color:#f00; background:#fff;      }


/*********************/

.ppt-index .swiper-slide{ position:relative; width:100%; height:auto; overflow:hidden; z-index:-1;}
.ppt-index .swiper-slide img{ display:block;  width:100%; height:auto;}
.ppt-index .swiper-slide img.pptapp{ display:none}
.ppt-index .swiper-slide .shangceng{ position:absolute; width:100%; height: auto; top:50%; -webkit-transform: translate(0,-50%); transform: translate(0,-50%);  }
.ppt-index .miaoshu{  min-width:1200px;max-width:1500px; margin:0  auto;; }
.ppt-index  .miaoshu h1{  line-height:1.5em;margin:0 ; color:#fff; text-shadow:2px 2px 5px rgba(0,0,0,.5); max-width:600px;}

.ppt-index  .miaoshu .wen{ font-size:14px; line-height:1.6em; padding:10px 0; color:#fff;  max-width:600px;}

.ppt-index  .miaoshu  a.more{ display:block; float:left; margin-top:20px; padding:0 20px; line-height:40px; border:1px solid #fff; border-radius:5px; overflow:hidden; color:#fff;font-size:16px; }

.ppt-index    .xiaotu{ max-width:50%; height:80%;  position:absolute;left: 55%; top:10%;   }
.ppt-index    .xiaotu img{ max-width:100%; max-height:100%; display:block; margin:0;}


.ppt-index  .swiper-pagination-bullet{ width:16px; height:8px;   opacity:1;  ;background:#fff;; border-radius:0; -webkit-transform: all 1s ease 0s;transition: all 1s ease 0s;  }
.ppt-index  .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#4F81BD; width:35px;}
/****************/
.titindex{ padding:80px 0 30px; text-align:center; font-size:30px; font-weight:bold; color:#4F81BD; }
.titindex p{ display:inline-block; padding:0 25px ; line-height:50px; height:50px; position:relative; width:auto; }

.titindex p span{ display:block;  width:26px; height:50px; margin:-1px auto; overflow:hidden; position:absolute; top:0;  }
.titindex  span.l{ left:-25px;}
.titindex  span.r{ right:-25px;}
.titindex  i{ display:block; background: url(img/24gl-gear4-b.png) center center no-repeat; margin:0 auto; width:50px; height:50px; margin-left:-25px; margin-right:0; float:right }
.titindex  span.l i{ margin-right:-25px; margin-left:0; }



@keyframes rotate {
from {transform: rotate(0deg);}
to {transform: rotate(360deg);}
}

.rotating-icon {  animation: rotate 2s linear infinite;
}

/*****************/
.p25{ padding:25px; }
.xiangxineirong{ overflow:hidden ; line-height:1.75em; font-size:18px;  }
.xiangxineirong table{ width:100%; border-collapse:collapse}
.xiangxineirong img{ max-width:100%; height:auto; vertical-align:bottom}
.xiangxineirong h1,.xiangxineirong h2{ color:#4F81BD; margin:0.5em 0;}

ul.caselist li{ margin:10px 1%; width:23%; float:left; text-align:center; position:relative; background:#4F81BD; }
ul.caselist li .tu{ width:100%; height:0; padding-bottom:75%; overflow:hidden;}
ul.caselist li .tu img{ width:100%; height:auto; display:block;}
ul.caselist li .wen{ position:absolute; bottom:0; left:0; background:rgba(80,130,190,.4); width:100%; padding:5px; box-sizing:border-box;}
ul.caselist li .wen p{ font-size:16px; line-height:2em; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;  color:#fff; }
ul.caselist li:hover .tu img{transform: scale(1.1); -webkit-transform: scale(1.1);-webkit-transform: all 1s ease 0s;transition: all 1s ease 0s;}
ul.caselist li:hover .wen{ background:rgba(80,130,190,.9);}

/********************/
.gsjjindex {  padding:100px 0 ; margin:80px auto 0; background:#f2f5f9 url(img/index_video_cover.jpg) center center ; background-size:cover ;/* background-blend-mode:lighten; */ min-height:400px;  }
.gsjjindex .tit_indexb{  margin-bottom:30px;}
.gsjjindex .dw{position:relative;}
.gsjjindex .hdp{ width:40%; float:left    }
.gsjjindex .hdp .focusBox  { position: relative; width: 100%; padding-bottom:75%; height:0; overflow: hidden;  text-align: left; }
.gsjjindex .hdp .focusBox  .pic img { display:block; width:100%; margin:0 }

.gsjjindex .hdp .focusBox  .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: rgba(80, 130, 190, .8); overflow: hidden; }
.gsjjindex .hdp .focusBox  .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
.gsjjindex .hdp .focusBox  .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}
.gsjjindex .hdp .focusBox  .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 14px; line-height:36px; font-weight: bold; text-decoration: none; }
.gsjjindex .hdp .focusBox  .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
.gsjjindex .hdp .focusBox  .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
.gsjjindex .hdp .focusBox  .num li a,.gsjjindex .hdp .focusBox  .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.gsjjindex .hdp .focusBox  .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
.gsjjindex .hdp .focusBox  .num li.on a,.gsjjindex .hdp .focusBox  .num a:hover{ background:#248;  }





.gsjjindex .gsnr{ width:55%; padding-left:5%; float:left   min-height:330px; }
.gsjjindex .gsnr h1{ margin:0 0 10px;; line-height:50px; border-bottom:1px dotted #ccc; height:50px;   padding-bottom:5px; color:#4F81BD; font-size:30px; }
.gsjjindex .gsnr h1 i{ display:block; background: url(img/24gl-gear4-b.png) center center no-repeat; ; width:50px; height:50px;; float:left;  }

.gsjjindex .gsnr .neirong{ text-align:justify; margin:20px 0; font-size:16px; line-height:1.6em;  }

.gsjjindex .gsnr a.ckanniu{ width:150px; height:36px; display:block; background:#666;  text-align:center; line-height:36px; font-size:16px; border-radius:5px; color:#fff;      }
.gsjjindex .gsnr a.ckanniu:hover{ background:#4F81BD; color:#fff; }

/******************/
.appindex{ }
.appindex ul li{ float:left; overflow:hidden; background:#fff; width:280px;  margin-left:25px; margin-bottom:25px;    }
.appindex ul li:hover{transform: scale(1.05); -webkit-transform: scale(1.05);-webkit-transform: all 0.5s ease 0s;transition: all 0.5s ease 0s; box-shadow:0 0 5px #bbb; }
.appindex ul li:nth-child(4n+1){ margin-left:0;} 
.appindex ul li .tu{ width:280px; height:0; padding-bottom:75%; overflow:hidden;}
.appindex ul li .tu img{ width:100%; height: auto; display:block;}
.appindex ul li .bt { line-height:40px; font-size:16px; text-align:center; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; padding-top:10px;}


/***************/
/********************/
.Solutionindex{ padding:50px 0; } 
.Solutionindex ul li.xm{ margin:10px 0 10px 30px; width:350px; overflow:hidden; float:left; padding:15px; box-shadow:0 0 4px #ccc;}
.Solutionindex ul li.xm:hover{ box-shadow: 0 0 20px #ccc;}
.Solutionindex ul li.xm:nth-child(3n+1){ margin-left:0;}
.Solutionindex ul li.xm .tu{ width:350px; height:200px ; overflow:hidden; background:#333; }
.Solutionindex ul li.xm .tu img{ width:350px;  height:200px  display:block;}
.Solutionindex ul li.xm:hover .tu img{ filter:alpha(opacity=60); -moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6; }
.Solutionindex ul li.xm  .bt{ font-size:18px;  color:#333; line-height:30px; padding:5px 0;  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.Solutionindex ul li.xm:hover  .bt{ color:#4eb2fd;}
.Solutionindex ul li.xm .nr{ text-align:justify; line-height:1.8em; color:#888;}
.Solutionindex ul li.xm span.more{ display:block; margin:10px 0;font-size:14px;  color:#999; text-align:center; width:100px; height:30px; line-height:30px; border:1px solid #ccc; border-radius:30px; }
.Solutionindex ul li.xm:hover span.more{ color:#fff; background:#4eb2fd;; border-color:#4eb2fd;;}

/***********分页*******************/

.pagination{list-style:none;margin:20px auto; text-align:center; display: block; width:100%;}
.pagination li{display:inline-block; margin:0; text-align:center;}
.pagination a{color:#444;padding:6px 15px;line-height:24px;display:block;border:solid 1px #ddd; border-left:none; background:#f2f5f9; }
.pagination li:first-child a{  border-left:solid 1px #ddd; border-radius:20px 0 0 20px; }
.pagination li:last-child a{   border-radius:0 20px   20px 0 ;}
.pagination a:hover ,.pagination li.thisclass a{ background:#08e; color:#fff;border-color:#08e;}

/********cp**************/
footer .foot{ padding:80px 0 ; background:#4F81BD  url(img/foot.jpg) center top ; background-size:cover ;/* background-blend-mode:lighten; */ ; color:#ddd;  }
footer .foot a{ color:#ddd;}
footer .foot ul.footnav{ width:15%; float:left; margin-right:2%; }
footer .foot ul.footnav li{ line-height:40px;}
footer .foot ul.footnav li a{ display:block; line-height:40px; }
footer .foot ul.footnav li a strong{ font-size:18px; text-transform:uppercase; font-family:Arial;}
footer .foot .lxwmfoot{ width:40%; float:right;  }
footer .foot .lxwmfoot .tit{ font-size:18px; text-transform:uppercase; font-family:Arial; line-height:40px;}
footer .foot .lxwmfoot .xm{line-height:40px; padding-left:35px; background:url(img/lxfoot.png) no-repeat;}
footer .foot .lxwmfoot .tel{ background-position: left 10px;}
footer .foot .lxwmfoot .fax{ background-position: left -50px;}
footer .foot .lxwmfoot .email{ background-position: left -105px;}
footer .foot .lxwmfoot .add{ background-position: left -160px; font-size:14px;}


footer .foot .lxwmfoot .copy{   line-height:40px;}
footer .foot .lxwmfoot .copy span{ font-size:26px; padding-right:10px; padding-left:8px;line-height:40px; display:block; float:left;}


footer .foot  .copyright{ margin-top:50px; padding-top:10px; border-top:1px solid #373B56; text-align:center;}
footer .foot  .copyright img{ vertical-align:bottom;}
 
 
 /******************/
.lxwm-zxly{ padding:0 0 100px 0; margin:0 auto ; background:#f5f5f5;; }
.lxwm-zxly  .zxly-tit{  font-size:30px; line-height:1.2em; color:#333; text-align:center;    }
.lxwm-zxly  .zxly-tit span{ display:block; margin:0 auto; height:20px; border-bottom:2px solid #2B9BF2; width:60px;}
.lxwm-zxly  .zxly-tit p{ font-size:16px; margin-top:20px; line-height:1em;}

.lx_zxly{ font-size:18px; margin:0px auto; padding:0 20px;  }
.lx_zxly li{ margin:20px 0;  }
.lx_zxly li.xm3{ width:31.33%; float:left; margin-right:3%; }
.lx_zxly li.mr0{ margin-right:0 !important; }

.lx_zxly li.xm2{ width:48%; float:left; margin-right:4%;  }
.lx_zxly li input ,.lx_zxly li textarea{ display:block; border: none;  width:100%; line-height:40px; padding:10px; box-sizing:border-box; outline:none;color:#444; border:1px solid #ccc;  }
.lx_zxly li input.lx1{ background:url(img/lx1.png) 8px center no-repeat #fff;; padding-left:40px;}
.lx_zxly li input.lx2{ background:url(img/lx2.png) 8px center no-repeat #fff;; padding-left:40px;}
.lx_zxly li input.lx3{ background:url(img/lx3.png) 8px center no-repeat #fff;; padding-left:40px;}
.lx_zxly li input.lx4{ background:url(img/lx4.png) 8px center no-repeat #fff;; padding-left:40px;}
.lx_zxly li input.lx5{ background:url(img/lx5.png) 8px center no-repeat #fff;; padding-left:40px;}


.lx_zxly li .yzm_img{ height:20px; padding:20px 20px;  background:#fff; display:block; float:left; }
.lx_zxly li  .sxyzm{ line-height:40px; padding:10px 20px; display:block; float:left; }


.lx_zxly  input.tijiao{ background:#299DF3; color:#fff; font-size:24px;   transition:all 0.5s;  }
.lx_zxly  input.tijiao:hover{ background:#289FF3 linear-gradient(to right,#3A76FF,#289FF3);}
.lx_zxly li:hover input , .lx_zxly li:hover textarea{ border-color:#299DF3;}
/******************/