@charset "utf-8";
/* CSS Document */
@font-face {
    /* font-properties */
    font-family: pictos;
    src:url(../arial.ttf)
     /* IE9 */
}

*{
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body{min-width:1200px;}
body,html{font-family:"arial";font-size:14px;}
img{border:none;width: 100%;}
ul,li,p,a,span{text-decoration:none;padding:0px;margin:0px;list-style-type: none;}
h3 a{color:#e73b39;}
i {
    margin: 0px;
    padding: 0px;
	font-style: normal;font-size:18px;color:#333;font-family:"arial";}


/*头部开始*/
.top{width:100%;height:auto;background:rgba(255,255,255,0.8);z-index: 100;position: absolute;}
.nav{width:1200px;height:100px;margin:0 auto;z-index: 100;}
.nav ul{width:900px;height:50px;float:right;margin-top: 0px;z-index: 100;}
.nav ul li{float:left;text-align: right;margin-left: 50px;position: relative;z-index: 999;}
.nav .sub{position: absolute;top:-250px;width:150px;background:#999;left:-40px;text-align: center;opacity: 1;transition: all 0.3s;z-index: -1;}
.nav ul li:hover .sub{opacity: 1;top:50px;}
.sub ul ol a{line-height:0px;border-bottom: none;}


.yuyan01 {
    margin-top: 5px;
    margin-left: 85px;
}
.nav ol img {
    width: 25px;
    height: 25px;
    margin-top: 10px;
}
.nav ol img {
    width: 25px;
    height: 25px;
    margin-top: 12.5px;
}


@font-face {
  font-family: 'iconfont';
    src:url('../font/iconfont.eot?qradjf');
    src:url('../font/iconfont.eot?qradjf#iefix') format('embedded-opentype'),
        url('../font/iconfont.ttf?qradjf') format('truetype'),
        url('../font/iconfont.woff?qradjf') format('woff'),
        url('../font/iconfont.svg?qradjf#iconfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

.iconfont{
  font-family:"iconfont";
  font-style:normal;
  font-weight:normal;
  speak:none;
  display:inline-block;
  text-decoration:inherit;
  text-align:center;
  font-variant:normal;
  text-transform:none;
  font-size:22px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:40px;
  margin-left:5px;
  float:right;
  color:#999; 
}
.nav ul li a{font-size:18px;color:#111;line-height:40px;transition: all 0.3s;border-bottom: 0px #0c6eb7 solid;}
.nav ul li a:hover{color:#000000;border-bottom: 2px #0c6eb7 solid;padding-bottom: 5px;}
#kk{border-bottom: 2px #0c6eb7 solid;padding-bottom: 5px;}
.logo{width:270px;height:65;margin:0 auto;float:left;}
.logo img{height:40px;width:265px;margin-top:30px;}
.nav ul img{float:right;margin-right:20px;margin-top:7px;}
.nav h3{float:right;margin-top: 10px;font-weight: inherit;margin-right:40px;line-height: 14px;}
.nav h3 p{float:left;line-height: 41px;}
.nav h3 a img{width:25px;margin-right: 15px;padding-top: 10px;float:right;}



/*轮播开始*/
/*banner开始*/
.banner {width:100%;height:100%;font-size: 40px;text-align: center;margin: auto;background-color: #464576;position:relative;top:0px;}
.carousel-item{line-height: 336px;color: #fff;font-family:  Arial Black}
/*banner结束*/
/*轮播结束*/
/*业务*/
.yw{display:inline-block; width: 50px;height: 50px;background: url(../img/yw.png) no-repeat center center;background-size: cover;float: left;margin-right: 10px;}
.nl{display:inline-block; width: 50px;height: 50px;background: url(../img/sjyf.png) no-repeat center center;background-size: cover;float: left;margin-right: 10px;}
.lc{display:inline-block; width: 50px;height: 50px;background: url(../img/sjlc.png) no-repeat center center;background-size: cover;float: left;margin-right: 10px;}
.sb{display:inline-block; width: 50px;height: 50px;background: url(../img/sb.png) no-repeat center center;background-size: cover;float: left;margin-right: 10px;}
.zs{display:inline-block; width: 50px;height: 50px;background: url(../img/zs.png) no-repeat center center;background-size: cover;float: left;margin-right: 10px;}
.zl{display:inline-block; width: 50px;height: 50px;background: url(../img/zl1.png) no-repeat center center;background-size: cover;float: left;margin-right: 10px;}
.clear{clear: both;}





.provide{width:1200px;height:723px;margin:0 auto;}
.provide h3{width:1200px;text-align: center;margin:0 auto;font-size:30px;margin-top:50px;color:#333;transition: all 0.9s;}
.provide h3 p{width:50px;height:3px;background:#0c6eb7;margin:0 auto;margin-top: 30px;}
.provide ul{width:1200px;margin-top: 30px;}
.provide ul li{position:relative;}
.li_1{width:1200px;height:300px;margin-bottom: 20px;}
.li_1 h4{width:1200px;height:300px;background:rgba(0,0,0,0.5);position: absolute;top:0px;transition: all 0.3s}
.li_1 h4:hover{background:rgba(0,0,0,0.6);cursor: pointer;}
.li_1 h4 span img{width:100px;left:50%;position: absolute;margin-left: -50px;top:50px;}
.li_1 h4 a{color:aliceblue;font-weight: bold;font-size:30px;position: absolute;margin-left:-65px;width:130px;text-align: center;left:50%;top:180px;transition: all 0.3s;border-bottom:2px solid #fff;}
.li_1 h4:hover a{padding-bottom: 15px; border-bottom:2px solid #fff;}
.li_2{width:590px;float:left;}
.li_2 h4{width:590px;height:300px;background:rgba(0,0,0,0.5);position: absolute;top:0px;transition: all 0.3s}
.li_2 h4:hover{background:rgba(0,0,0,0.6);cursor: pointer;}
.li_2 h4 span img{width:100px;left:50%;position: absolute;margin-left: -50px;top:50px;}
.li_2 h4 a{color:aliceblue;font-weight: bold;font-size:30px;position: absolute;margin-left: -65px;width:130px;text-align: center;left:50%;top:180px;transition: all 0.3s;border-bottom:2px solid #fff;}
.li_2 h4:hover a{padding-bottom: 15px; border-bottom:2px solid #fff;}
.li_3{width:590px;float:right;}
.li_3 h4{width:590px;height:300px;background:rgba(0,0,0,0.5);position: absolute;top:0px;transition: all 0.3s}
.li_3 h4:hover{background:rgba(0,0,0,0.6);cursor: pointer;}
.li_3 h4 span img{width:100px;left:50%;position: absolute;margin-left: -50px;top:50px;}
.li_3 h4 a{color:aliceblue;font-weight: bold;font-size:30px;position: absolute;margin-left: -65px;width:130px;text-align: center;left:50%;top:180px;transition: all 0.3s;border-bottom:2px solid #fff;}
.li_3 h4:hover a{padding-bottom: 15px; border-bottom:2px solid #fff;}



/*.provide ul{width:1200px;height:auto;margin:0 auto;}
.provide ul li{width:30%;height:350px;background:#000000;float:left;margin-left:5%;margin-top:50px;position: relative;transition: all 0.9s;overflow: hidden;}
.provide ul li h4{position:absolute;top:0px;width:100%;text-align: center;top:70px;margin-left: 10px;}
.provide ul li h4 span img{width:80px;height:105px;float:left;margin-left:36%;transition: all 0.5s;padding-bottom: 25px; border-bottom:2px #fff solid;}
.provide ul li h4 a{color:aliceblue;font-size:30px;margin-top:120px;padding-top:30px;z-index: 20;position: absolute;transition: all 0.9s;width:100px;text-align: center;margin-left:-165px;}
.provide ul li h1{width:100%;position: absolute;text-align: center;background:rgba(12,110,183,0.5);height:360px;font-weight: 100;line-height: 150px;padding-top:160px;top:360px;transition: all 0.9s;color:aliceblue;font-size:16px;}
.provide ul li:hover h1{top:0px;line-height: 35px;cursor:pointer;}
.provide ul li:hover a{margin-top:0px;border-bottom:2px #fff solid;padding-bottom: 10px;}
.provide ul li:hover h4 span img{opacity:0;margin-top:-20px;}*/






/**产品分类开始**/
.industry{width:100%;height:990px;background-color:#eeeeee;margin-top:50px;padding-top:20px;}

.fl_1{width:1200px;margin:0 auto;background-color:#eeeeee;height:800px;margin-left: -40px;}
.fl_1 ul{width:1200px;margin:0 auto;}
.fl_1 ul li{width:250px;height:320px;float:left;text-align: center;margin-top: 55px;margin-left:66px;}
.fl_1 ul li img{;transition: all 0.3s;;width:250px;height:344px;}
fl ul li:hover img{transform: scale(1.2);}
.fl_1 ul li p{font-size:20px;line-height: 30px;color:#333;}



.industry h2{font-weight:100;font-size:16px;color:#666666;width:1060px;margin:0 auto;text-align: center;margin-top:25px;}

.wrapper h3{
  
  font-size:30px;
  color:#222;
  text-align: center;
  margin: 2rem 0;
}
.wrapper h3 p{width:50px;height:3px;background:#0c6eb7;margin:0 auto;margin-top: 30px;}

.wrapper{
  width:1200px;
  margin: 0 auto;
  max-width: 80rem;
	;
}

.cols{
	margin-top:50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  
}

.col{
  width: calc(17% - 2rem);
  margin: 5px;
  cursor: pointer;
}

.container{
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	        perspective: 1000px;
}

.front,
.back{
  background-size: cover;
	background-position: center;
	-webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	-o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
	text-align: center;
	
	min-height: 220px;
	height: auto;
	border-radius: 10px;
	color: #fff;
	font-size: 1.5rem;
}

.back{
  background:#2F2F2F;
  background: -webkit-linear-gradient(45deg,  #7eadd2 0%,#0c6eb7 100%);
  background: -o-linear-gradient(45deg,  #7eadd2 0%,#0c6eb7 100%);
  background: linear-gradient(45deg,  #7eadd2 0%,#0c6eb7 100%);
}

.front:after{
	position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    
    background:rgba(1,1,1,0.6);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    border-radius: 10px;
}
.container:hover .front,
.container:hover .back{
    background: #0c6eb7;
}

.back{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.inner{
    -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
            transform: translateY(-50%) translateZ(60px) scale(0.94);
    top: 50%;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 2rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
            perspective: inherit;
    z-index: 2;
}

.container .back{
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.container .front{
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.container:hover .back{
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.container:hover .front{
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.front .inner p{
  font-size: 2rem;
  margin-bottom: 2rem;
  position: relative;
	color: rgba(255,255,255,1)
}

.front .inner p:after{
  content: '';
  width: 4rem;
  height: 2px;
  position: absolute;
  background: #C6D4DF;
  display: block;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -.75rem;
}

.front .inner span{
  color: rgba(255,255,255,1);
  font-weight: 160;
	z-index: 10px;
	
}

@media screen and (max-width: 64rem){
  .col{
    width: calc(33.333333% - 2rem);
  }
}

@media screen and (max-width: 48rem){
  .col{
    width: calc(50% - 2rem);
  }
}

@media screen and (max-width: 32rem){
  .col{
    width: 100%;
    margin: 0 0 2rem 0;
  }
}

/**产品分类结束**/
.gsjs{width:1200px;height:674px;margin:0 auto;text-align: center;}
.gsjs h3{font-size:30px;color:#333;margin-top:50px;margin-bottom: 50px;}
.gsjs h3 p{width:50px;height:3px;background:#0c6eb7;margin:0 auto;margin-top: 30px;}
.gsjs img{width:550px;float:left;}
.gsjs ul{width:600px;float:right;}
.gsjs ul li{text-align:left;text-indent: 36px;font-size:18px;line-height: 25px;font-weight:100;color:#555;}



.pzbz{width:1200px;height:450px;margin:0 auto;text-align: center;}
.pzbz h3{font-size:30px;color:#333;margin-top:50px;}
.pzbz h3 p{width:50px;height:3px;background:#0c6eb7;margin:0 auto;margin-top: 30px;}
.pzbz ol{margin-top:30px;font-size:16px;color:#444;}
.pzbz ul{width:1200px;margin:0 auto;}
.pzbz ul li{width:25%;height:250px;float:left;text-align: center;}
.pzbz ul li h2{color:aliceblue;font-weight: 100;font-size:60px;margin-top:30px;}
.pzbz ul li h2 span{font-size:18px;font-weight: 100;}


.partner{width:100%;height:auto;margin-top: 50px;}
.partner h3{width:1200px;text-align: center;margin:0 auto;font-size:30px;margin-top:50px;color:#333;transition: all 0.9s;}
.partner     h3 p{width:50px;height:3px;background:#0c6eb7;margin:0 auto;margin-top: 30px;}
.partner .bd{ width:1200px;margin:10px;margin:0 auto;margin-top:50px;margin-bottom: 50px;}
.partner .bd ul{ overflow:hidden; zoom:1; }
.partner .bd ul li{ margin-left:9px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.partner .bd ul li .pic{ text-align:center; }
.partner .bd ul li .pic img{ width:160px; height:80px; display:block; padding:0px; border:1px solid #ccc; }
.partner .bd ul li .pic a:hover img{ border-color:#999;  }
.partner .bd ul li .title{ line-height:24px;   }

/*版权开始*/
.fooner{width:100%;height:150px;background:rgba(1,1,1,0.9)}
.fooner_1{width:1200px;margin:0 auto;}
.fooner_1 ul{;height:100%;padding-top:10px;text-align: center;float:left;margin-left: 127px;}
.fooner_1 ul li
.fooner_1 .jc a{color:#fff;}
.fooner_1 ul li a{color:#B8B8B8;font-size:15px;}
.fooner h3{width:100%;height:30px;background:#000000;margin-top:10px;float:left;text-align: center;color:#A4A4A4;font-weight: inherit;font-size:14px;line-height: 30px;}


/*版权结束*/

/*右侧悬浮*/
/*new right*/
i{margin:0px;padding:0px;font-style:normal;}
.cndns-right{position:fixed;right:1px;top:28%;margin-top:70px;z-index: 87;}
.cndns-right-meau{position:relative;}
.cndns-right-btn{width:48px;height:48px;border:1px solid #ddd;text-align:center;display:block;margin-bottom:6px;position:relative;background-color:#0c6eb7;}
.cndns-right-btn span{color:#848484;font-size:26px;line-height:48px;}
.cndns-right-btn sup{display:block;min-width:24px;height:24px;text-align:center;line-height:24px;color:#fff;border-radius: 50%;background-color:#e73b39;position:absolute;left:-12px;top:-12px;}
.cndns-right-btn p{color:#e73b39;font-size:14px;line-height:18px;padding-top:5px;display:none;}
.cndns-right-meau:hover .cndns-right-btn span{display:none}
.cndns-right-meau:hover .cndns-right-btn p{display:block;}
.meau-car .cndns-right-btn {border-color:#e73b39;margin-bottom:20px;}
.meau-car.cndns-right-meau:hover .cndns-right-btn{background-color:#e73b39;}
.meau-car.cndns-right-meau:hover .cndns-right-btn span{color:#fff;display:block;}
.meau-car .cndns-right-btn span{color:#e73b39;}
.meau-sev .cndns-right-btn{;background:url(../img/ti.png) no-repeat #fff center;border: 1px #6b6b6b solid;} 
.meau-sev .cndns-right-btn p{color:#fff}
.meau-sev .cndns-right-btn span{color:#fff}
.meau-top .cndns-right-btn span{font-size:12px;line-height:12px;padding-top:0px;display:block}
.meau-top .cndns-right-btn i{display:block;color:#fff;font-style:normal;}
.meau-top.cndns-right-meau:hover .cndns-right-btn{background-color:#6b6b6b}
.meau-top.cndns-right-meau:hover .cndns-right-btn span{display:block;color:#fff} 
.meau-top.cndns-right-meau:hover .cndns-right-btn i{color:#fff;}
.cndns-right-box{position:absolute;top:-15px;right:48px;padding-right:25px;display:none;}
.cndns-right-box .box-border{border:1px solid #ccc;border-top:4px solid #4a8835;padding:20px;display: inline-block;background-color:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative}
.cndns-right-box .box-border .arrow-right{display:block;width:13px;height:16px;background:url(../img/arrow.png) no-repeat;position:absolute;right:-13px;top:26px;}
.cndns-right-box .box-border .sev-t span{font-size:42px;float:left;display:block;line-height:56px;margin-right:20px;color:#d3d3d3}
.cndns-right-box .box-border .sev-t p{float:left;color:#4a8835;font-size:24px;line-height:15px;}
.cndns-right-box .box-border .sev-t p i{display:block;font-size:14px;color:#aaa;}
.cndns-right-box .box-border .sev-b{padding-top:15px;margin-top:15px;border-top:1px solid #e4e4e4;    display: inline-block;}
.cndns-right-box .box-border .sev-b h4{color:#666;font-size:14px;font-weight:normal;padding-bottom:15px;}
.cndns-right-box .box-border .sev-b li{float:left;width:50%}
.cndns-right-box .box-border .sev-b li a{display:inline-block;color:#999;font-size:13px;padding-left:43px;background:url(../img/q1.gif) no-repeat left 3px;line-height:36px;}
.cndns-right-box .box-border .sev-b li a:hover{color:#e73b39}
.meau-sev .cndns-right-box .box-border{width:160px;}
.meau-contact .cndns-right-box .box-border{width:230px;}
.cndns-right-meau:hover .cndns-right-box{display:block}
.meau-code .cndns-right-box{top:inherit;bottom:-35px;}
.meau-code .cndns-right-box .box-border{width:156px;text-align:center;border-top:1px solid #ccc;}
.meau-code .cndns-right-box .box-border i{display:block;color:#e73b39;font-size:16px;line-height:16px;}
.meau-code .cndns-right-box .box-border .arrow-right{top:inherit;bottom:50px;}
.meau-sev .cndns-right-btn .demo-icon{display:none;}
.meau-sev:hover .cndns-right-btn{background:#6b6b6b}
.meau-zs .cndns-right-btn{background-color:#6b6b6b;color:#fff;margin-top:80px;border-color:#e73b39}
.meau-zs .cndns-right-btn span{color:#fff}
.meau-zs .cndns-right-btn p{color:#fff}






.hz{width:1200px;margin:0 auto;height:210px;}
.hz ul{width:1200px;height:auto;float:left;}
.hz ul li{width:100px;height:50px;border: 1px solid #e9e9e9;float:left;margin-left:37px;margin-top:5px;border-right:  1px solid #e9e9e9 }
.hz ul li img{width:98px;height:48px;}
.hz ul p{font-size:18px;font-weight: bold;color:#333;margin-bottom: 10px;margin-left: 17px}

.fwys{width:100%;height:510px;margin:0 auto;background:#eeeeee;margin-top:50px;padding-top:1px;}
.fwys_1{width:1200px;height:510px;margin:0 auto;}
.fwys_1 h3{font-size:30px;color:#333;margin-top:50px;width:1200px;text-align: center;}
.fwys_1 h3 p{width:50px;height:3px;background:#0c6eb7;margin:0 auto;margin-top: 30px;}
.fwys_1 ul{width:335px;float:left;text-align: center;margin-top:30px;border: 2px solid #467dc0;margin-left: 97px;margin-bottom: 30px;height:331px;}
.fwys_1 ul p{font-size:20px;font-weight:bold;color:#555;margin-top:10px;margin-bottom: 10px;}
.fwys_1 ul li{width:200px;margin-left: 68px;}
.fwys_1 ul ol{font-size:14px;margin-bottom: 10px;margin-top:10px;color:#555;}



.toolbar {
  position: fixed;
  right: 0px;
  bottom: 50px;
  z-index: 999999;
}
.toolbar .toolbar-item {
  display: block;
  width: 56px;
  height: 56px;
  margin-top: 1px;
  position: relative;
  transition: background-position 1s;
  background-position: 0 0;
}
.toolbar .toolbar-item .toolbar-layer {
  position: absolute;
  right: 50px;
  bottom: -9px;
  height: 197px;
  width: 170px;
  opacity: 0;
  filter: alpha(opacity=0);
  transform-origin: 95% 95%;
  transform: scale(0.01);
  transition: all 1s;
}
.toolbar .toolbar-item:hover {
  background-position: 0 -66px;
}
.toolbar .toolbar-item:hover .toolbar-layer {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: scale(1);
}
.toolbar .toolbar-item-erweima {
  background: url(../img/icon-ewm.png) no-repeat;
}
.toolbar .toolbar-item-erweima .toolbar-layer {
  background: url(../img/ewm-bg.png) no-repeat;
}
.toolbar .toolbar-item-erweima .toolbar-layer .ewm {
  width: 100px;
  height: 100px;
  position: relative;
  margin: 70px auto 0;
}
.toolbar .toolbar-item-qq {
  cursor: pointer;
  background: url(../img/icon-qq.png) no-repeat;
}
.toolbar .toolbar-item-qq .toolbar-layer {
  background: url(../img/qq-bg.png) no-repeat;
}
.toolbar .toolbar-item-qq .toolbar-layer a {
  display: block;
  height: 40px;
  width: 106px;
  margin: auto;
  background: url(../img/qq.jpg) no-repeat left center;
  font-size: 14px;
  color: #0da27a;
  line-height: 40px;
  padding-left: 50px;
  margin-bottom: 20px;
}
.toolbar .toolbar-item-qq .toolbar-layer a.qq {
  margin-top: 76px;
}
.toolbar .toolbar-item-zhao {
  background: url(../img/icon-recruit.png) no-repeat;
}
.toolbar .toolbar-item-ditu {
  background: url(../img/icon-contact.png) no-repeat;
}
.toolbar .toolbar-item-top {
  background: url(../img/icon-top.png) no-repeat;
}