@charset "utf-8";
/* CSS Document */
BODY {
	FONT-SIZE: 14px;
	margin:0px;
	padding: 0px;
    font-family:"微软雅黑";
	color:#666;
	margin:0px;
	padding:0px; background-color:#fff;
	overflow-x: hidden;
	box-sizing: border-box;
	}
a{text-decoration:none;}
ul li{list-style:none}
ul{padding-left:0;margin:0 0}
a{color:#666}
.container{width:1200px;margin:0 auto}
.container1{width:1252px;margin:0 auto}
.container2{width:1300px;margin:0 auto}
.container3{width:92.5%;margin:0 auto}
h1,h2,h3,h4,h5,p{margin:0 0;padding:0 0;font-weight:500}
.ctrl span{ float:left; cursor:pointer;}
input,textarea{outline:none;font-family:"微软雅黑";}
img{border:none}
.banner span{ cursor:pointer; float:left;}
@font-face {
  font-family: "HelveticaNeueLTStd-XBlkCn";
  src: url("HelveticaNeueLTStd-XBlkCn.woff2") format("woff2"),
       url("HelveticaNeueLTStd-XBlkCn.woff") format("woff"),
       url("HelveticaNeueLTStd-XBlkCn.ttf") format("truetype"),
       url("HelveticaNeueLTStd-XBlkCn.eot") format("embedded-opentype"),
       url("HelveticaNeueLTStd-XBlkCn.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

.clear{clear:both}

/*banner*/
.fullSlide{ float:left;width:100%;  position:relative;  height:592px; background:#000;  }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:606px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:592px; }

.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:10px; left:0; height:30px; line-height:30px; text-align:center;display:none
	
}
.fullSlide .hd ul{ text-align:center;   }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; width:11px; height:11px; border-radius:50%; background:#fff; margin-left:10px; margin-right:10px;overflow:hidden;line-height:9999px;
	
}
.fullSlide .hd ul .on{width:11px; height:11px; border-radius:50%; background:#147bd7;  }

.fullSlide .pnBtn{  position:absolute; z-index:1;   cursor:pointer;   }
.fullSlide .prev{ left:5%;top:250px; width:60px;height:60px ;background:url(../images/left.png) center top no-repeat }
.fullSlide .prev:hover{background:url(../images/left-1.png) center top no-repeat }
.fullSlide .next{ right:5%;top:250px;   width:60px;height:60px ;background:url(../images/right.png) center top no-repeat }
.fullSlide .next:hover{background:url(../images/right-1.png) center top no-repeat }
.fullSlide .pnBtn .arrow{ display:none;   position:absolute; top:0; z-index:1; width:60px; height:335px;  }
.fullSlide .pnBtn .arrow:hover{ filter:alpha(opacity=60);opacity:0.6; }
.fullSlide .prev .arrow{ right:0; background:url(../images/slider-arrow.png) -120px 0 no-repeat;   }
.fullSlide .next .arrow{ left:0; background:url(../images/slider-arrow.png) 0 0 no-repeat;  }

<!--返回顶部-->
#fanhui{ float:left;width:60px; height:60px; left:50%; top:80%; } 
#fanhui h3{ position:fixed;  left:100%; margin-left:-60px; top:80%; background-image:url(../images/top_01.png); width:60px; height:60px; background-repeat:no-repeat;}
#fanhui h3:hover{ background-image:url(../images/top_02.png); }



.head-logo{width:100%;height:131px;background:url(../images/logo.png) center bottom no-repeat}



/*导航*/
.head-menu{width:100%;height:60px;position:relative;background:url(../images/head-menu.png) center top no-repeat;z-index:2}
.head-menu ul {}
.head-menu ul li{float:left;box-sizing:border-box;width:150px;height:60px;line-height:60px;text-align:center;position:relative}
.head-menu ul li a{display:inline-block;font-size:16px;color:#fff;position:relative;z-index:2}
.head-menu ul li:after{position:absolute;content:'';width:0;height:100%;margin:0 auto;left:0;right:0;top:0;background:#ffba00;transition:all ease-in-out 0.3s}
.head-menu ul li:hover:after{width:100%;transition:all ease-in-out 0.3s}
.head-menu ul li.on:after{width:100%;transition:all ease-in-out 0.3s}



.resou{width:100%;transition:all ease-in-out 0.6s;}
.resou1{width:100%;height:120px;padding:20px 0;box-sizing:border-box;box-shadow: 0px 5px 15px 0px rgba(6, 0, 1, 0.13);background:#fff;margin-top:-60px;position:relative;z-index:9999}
.resoul{float:left;width:600px;overflow:hidden;box-sizing:border-box;margin-top:-30px}
.resoul h2{font-size:25px;color:#333333;margin-bottom:10px}
.resoul h3{font-size:16px;color:#666;}

.resour{float:right;width:570px;margin-top:-40px}
.resour h2{font-size:16px;color:#666666;font-weight:bolder}

.sousuo1{width:100%;height:36px;border:1px solid #e7e7e7;float:right;margin-top:25px;position:relative}
.ss1l{float:left;width:370px;height:36px}
.ss1r{right:0;top:-1px;width:45px;height:38px;position:absolute}
.ss1l input{width:525px;height:34px;border:none;color:#666;text-indent:15px;font-size:14px;vertical-align:top;background:none}

.xuanzhuan{transform:rotateX(90deg);transition:all ease-in-out 0.6s;}


/*首页产品展示*/
.product1{width:100%;margin:40px 0 50px 0}
.title{width:100%;text-align:center}
.title h2{font-size:35px;color:#333333;margin-bottom:10px}
.title  img{display:block;margin:0 auto;margin-bottom:10px}
.title h3{font-size:16px;color:#666666;}
.title h1{font-size:16px;color:#666666;}

.pro1-list{margin-top:60px}

.pro1-list ul li img{width:400px;display:block;max-width:100%;height:auto;transition:all ease-in-out 0.3s; height:265px}
.pro1-block{width:106%;height:106%;left:-3%;top:-3%;background:#009dfb;box-shadow: 0px 5px 6px 0px rgba(6, 0, 1, 0.15);position:absolute;box-sizing:border-box;padding:55px 35px 40px 35px;color:#fff;opacity:0;transform:scale(0);transition:all ease-in-out 0.3s;}
.pro1-block h2{font-size:28px;text-align:center;padding-bottom:20px;margin-bottom:15px;height:41px;overflow:hidden;position:relative}

.pro1-block p{font-size:16px;line-height:30px;height:60px;overflow:hidden}
.pro1-block a{display:block;width:158px;height:43px;border:1px solid #fff;font-size:14px;color:#fff;text-align:center;line-height:45px;margin:0 auto;margin-top:25px;position:relative;transition:all ease-in-out 0.3s}
.pro1-block a:after{position:absolute;content:'';width:0;height:100%;margin:0 auto;left:0;right:0;top:0;background:#ffba00;transition:all ease-in-out 0.3s}
.pro1-block a:hover:after{width:100%;transition:all ease-in-out 0.3s}
.pro1-block a span{display:block;z-index:2;position:relative}
.pro1-list ul li:hover .pro1-block{transition:all ease-in-out 0.3s;transform:scale(1);opacity:1}
.pro1-list ul li:hover .pro1-block h2:after{opacity:1;transition:all ease-in-out 0.6s}
.pro1-block a:hover{border:1px solid #ffba00;transition:all ease-in-out 0.3s}

.product2{width:100%;margin:10px 0 80px 0}

@media(min-width:1500px){
.pro1-list ul li{float:left;width:23.2%;margin-right:2.4%;margin-bottom:45px;position:relative;transition:all ease-in-out 0.3s;cursor:pointer}
.pro1-list ul li:nth-child(4n){margin-right:0}	
.pro1-block h2:after{width:30px;height:1px;background:#58c0ff;position:absolute;content:'';bottom:0;left:170px;opacity:0;transition:all ease-in-out 0.6s}
.pro-da{display:block}
.pro-xiao{}
}
@media(max-width:1499px){
.pro1-list ul li{float:left;width:32%;margin-right:2%;margin-bottom:45px;position:relative;transition:all ease-in-out 0.3s;cursor:pointer}
.pro1-list ul li:nth-child(3n){margin-right:0}	
.pro1-block h2:after{width:30px;height:1px;background:#58c0ff;position:absolute;content:'';bottom:0;left:145px;opacity:0;transition:all ease-in-out 0.6s}
.pro-da{display:none}
.pro-xiao{display:block}
}

/*首页简介*/
.jianjie{width:100%;height:604px;background:url(../images/jianjie-bg1.jpg) center 00px no-repeat fixed;box-sizing:border-box;padding-top:105px}
.jianjiel{float:left;width:600px;box-sizing:border-box;padding-right:70px;/* margin-top:45px */}
.jianjier{float:right;width:600px}
.jianjiel h2{font-size:35px;color:#333333;margin-bottom:35px}
.jianjiel h2 span{color:#ff7c00}

.jjl-con{width:100%;line-height:30px;font-size:16px;color:#666666;/* height:120px; */overflow:hidden;margin-bottom: 10px;}

.jianjiel a{display:inline-block;width:158px;height:43px;border:1px solid #fff;font-size:14px;color:#fff;text-align:center;line-height:45px;margin:0 auto;margin-top:25px;position:relative;font-size:16px;margin-right:20px;transition:all ease-in-out 0.3s}
.jianjiel a:after{position:absolute;content:'';width:0;height:100%;margin:0 auto;left:0;right:0;top:0;background:#ffba00;transition:all ease-in-out 0.3s}
.jianjiel a:hover:after{width:100%;transition:all ease-in-out 0.3s}
.jianjiel a span{display:block;z-index:2;position:relative}
.jianjiel a:hover{border:1px solid #ffba00 !important;transition:all ease-in-out 0.3s;}
.jianjiel a:hover span{color:#fff !important;transition:all ease-in-out 0.3s;}

.jianjier .picScroll-top{ margin:0 auto;  width:600px;  overflow:hidden; position:relative;  }
.jianjier .picScroll-top .hd{  height:0px; position:relative;z-index:3}
.jianjier .picScroll-top .hd .prev{ position:absolute;width:66px;height:66px;background:url(../images/top.png) no-repeat;right:0;top:125px;cursor:pointer}
.jianjier .picScroll-top .hd .next{ position:absolute;width:66px;height:66px;background:url(../images/bot.png) no-repeat;right:0;top:205px ;cursor:pointer}
.jianjier .picScroll-top .hd .prev:hover{ background:url(../images/top1.png) no-repeat;  }
.jianjier .picScroll-top .hd .next:hover{ background:url(../images/bot1.png) no-repeat; }
.jianjier .picScroll-top .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.jianjier .picScroll-top .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
.jianjier .picScroll-top .hd ul li.on{ background-position:0 0; }

.jianjier .picScroll-top .bd{   }
.jianjier .picScroll-top .bd ul{ overflow:hidden; zoom:1; }
.jianjier .picScroll-top .bd ul li{ }

.jianjier .picScroll-top .bd ul li  img{ width:600px; height:400px; display:block; }

/*内部链接*/
.lianjie{width:100%;padding:80px 0 100px 0}
.lianjie ul li{float:left;width:400px;height:185px;position:relative}
.lianjie-block{position:absolute;width:100%;height:100%;left:0;top:0;background:#009dfb;box-shadow: 0px 5px 6px 0px rgba(6, 0, 1, 0.15);transition:all ease-in-out 0.3s;box-sizing:border-box;padding:30px 30px;;transform:perspective( 400px ) rotateX(90deg);z-index:2}
.lianjie-block h2{font-size:28px;color:#fff;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #fff}
.lianjie-block h2 span{font-size:14px;margin-left:5px}
.lianjie-block p{font-size:16px;color:#fff;line-height:30px;height:60px;overflow:hidden}
.lianjie ul li:hover .lianjie-block{transition:all ease-in-out 0.3s;transform:perspective( 400px ) rotateX(0deg)}

/*客户现场*/
.xianchang{width:100%;padding:0px 0 40px 0 ;margin-top: 40px;}
.xianchang ul{}
.xianchang ul li{float:left;width:25%;position:relative;cursor:pointer}
.xianchang ul li:hover:after{background:rgba(0,107,171,0.7);transition:all ease 0.1s}
.xc-img{width:97%;overflow:hidden;height:auto;}
.xc-img img{width: 100%;height:auto;transition:all ease 0.3s;display:block;}


.xc-des h2{text-align:center;font-size:22px;color:#fff;margin-bottom:10px }
.xc-des h3{text-align:center;font-size:22px;color:#fff;border-top:1px solid #fff;border-bottom:1px solid #fff;height:42px;overflow:hidden}
.xianchang ul li:hover .xc-img img{transform:scale(1.1);transition:all ease 0.3s}

.xc-v{position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.7);z-index:99;display:none}
.xc-video{width:640px;height:525px;background:#fff;margin:0 auto;margin-top:10%;box-sizing:border-box;padding:20px 20px;position:relative}
.xc-video h2{font-size:16px;color:#666666;margin-top:30px}
.guanbi1{position:absolute;right:40px;bottom:20px;width:37px;height:37px;cursor:pointer}

@media(min-width:1500px){
.xc-des{position:absolute;z-index:2;overflow:hidden;box-sizing:border-box;left:0;top:0;width:100%;height:100%;padding:135px 70px;line-height:40px;}
.ysr1{margin-top:50px;margin-bottom:50px}
.ysr1 h2{font-size:35px;color:#333333;margin-bottom:40px}
}
@media(max-width:1499px){
.xc-des{position:absolute;z-index:2;overflow:hidden;box-sizing:border-box;left:0;top:0;width:100%;height:100%;padding:60px 30px;line-height:40px;}
.ysr1{margin-top:0px;margin-bottom:0px}
.ysr1 h2{font-size:35px;color:#333333;margin-bottom:20px}
}

/*首页优势*/
.youshi{width:100%;position:relative;margin-bottom:130px}
.youshil{position:absolute;width:50%;left:0;top:0}
.youshil img{max-width:100%;height:auto}
.youshir{float:right;width:534px}


.ysr1 h2 span{color:#ff7c00}
.ysr1 p{font-size:16px;color:#666;line-height:30px;height:150px;overflow:hidden}

.ysr2 li{float:left;width:178px;border-right:1px solid #f7f4f8;padding:20px 0;cursor:pointer;box-sizing:border-box}
.ysr2 li:nth-child(3n){border-right:none}
.ysr2 li:nth-child(1){border-bottom:1px solid #f7f4f8}
.ysr2 li:nth-child(2){border-bottom:1px solid #f7f4f8}
.ysr2 li:nth-child(3){border-bottom:1px solid #f7f4f8}
.ysr2 li h2{text-align:center;font-size:16px;color:#666666;margin-top:10px}
.ysr2 li:hover h2{color:#008fe4}
.ys-icon1{width:100%;height:53px;background:url(../images/ys1.png) center center no-repeat;transition:all ease-in-out 0.3s}
.ysr2 li:hover  .ys-icon1{background:url(../images/ys1-1.png) center center no-repeat;transition:all ease-in-out 0.3s}
.ys-icon2{width:100%;height:53px;background:url(../images/ys2.png) center center no-repeat;transition:all ease-in-out 0.3s}
.ysr2 li:hover  .ys-icon2{background:url(../images/ys2-1.png) center center no-repeat;transition:all ease-in-out 0.3s}
.ys-icon3{width:100%;height:53px;background:url(../images/ys3.png) center center no-repeat;transition:all ease-in-out 0.3s}
.ysr2 li:hover  .ys-icon3{background:url(../images/ys3-1.png) center center no-repeat;transition:all ease-in-out 0.3s}
.ys-icon4{width:100%;height:53px;background:url(../images/ys4.png) center center no-repeat;transition:all ease-in-out 0.3s}
.ysr2 li:hover  .ys-icon4{background:url(../images/ys4-1.png) center center no-repeat;transition:all ease-in-out 0.3s}
.ys-icon5{width:100%;height:53px;background:url(../images/ys5.png) center center no-repeat;transition:all ease-in-out 0.3s}
.ysr2 li:hover  .ys-icon5{background:url(../images/ys5-1.png) center center no-repeat;transition:all ease-in-out 0.3s}

/*新闻资讯*/
.news{width:100%;margin-bottom:60px;margin-top: 60px;}
.news-gun{width:100%;margin-top:65px}

.news-gun .picScroll-left{ width:100%;  overflow:hidden; position:relative;  }
.news-gun .picScroll-left .hd{ overflow:hidden;  height:30px; margin-top:50px }


.news-gun .picScroll-left .hd ul{ float:left; overflow:hidden; zoom:1; margin-top:10px; zoom:1; margin-left:32%}
.news-gun .picScroll-left .hd ul li{ float:left;  width:60px; height:5px; overflow:hidden; margin-right:12px; text-indent:-999px; cursor:pointer; background:#cbcbcb }
.news-gun .picScroll-left .hd ul li.on{ background:#009dfb}

.news-gun .picScroll-left .bd{  }
.news-gun .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.news-gun .picScroll-left .bd ul li{float:left;width:370px;margin-right: 28px;display:inline;overflow:hidden;margin-bottom: 40px;/* border: 1px solid #ddd; */}

.gun-img{overflow:hidden;position:relative;border: 1px solid #ddd;}
.gun-img img{width:370px;height:240px;display:block;transition:all ease-in-out 0.5s;}
.gun-des{width:100%;height:150px;overflow:hidden}
.gun-des h2{height:60px;line-height:60px;font-size:18px;color:#333333;overflow:hidden;transition:all ease 0.1s;border-bottom:1px solid #fff}
.gun-des p{box-sizing:border-box;padding:10px 0px 20px 0px;line-height:25px;color:#666;overflow:hidden;transition:all ease 0.1s}
.time{position:absolute;width:139px;height:41px;background:url(../images/time1.png) no-repeat;line-height:41px;text-indent:10px;color:#fff;right:0;bottom:0}
.time a{display:block;color:#fff}
.news-gun .picScroll-left .bd ul li:hover .gun-img img{transition:all ease-in-out 0.5s;transform:scale(1.2)}
.news-gun .picScroll-left .bd ul li:hover .gun-des{background:#009dfb}
.news-gun .picScroll-left .bd ul li:hover .time{background:url(../images/time2.png) no-repeat;transition:all ease-in-out 0.3s }
.news-gun .picScroll-left .bd ul li:hover .gun-des p{padding:10px 20px 20px 20px;transition:all ease 0.1s;color:#fff}
.news-gun .picScroll-left .bd ul li:hover .gun-des h2{padding:0 20px;transition:all ease 0.1s;color:#fff}
.news-gun .picScroll-left .bd ul li:hover .gun-des h2{border-bottom:1px solid #58c0ff}

/*首页联系我们*/

.lxl{width:50%;    height: 578px;position:absolute;left:0;top:0;}
.lxl img{width:100%;display:block;    height: 578px;}
.lxr{width:50%;    height: 578px;position:absolute;right:0;top:0;}
.lxr img{width:100%;display:block;    height: 578px;}
.title1{margin-bottom:60px;text-align:center;position:relative;z-index:2}
.title1 img{display:block;margin:0 auto}
.title1 h2{font-size:35px;color:#ffffff;margin-top:60px}
.lxl1{float:left;width:600px;position:relative;z-index:2;font-size:16px;color:#fff;line-height:40px}
.lxr1{float:right;width:525px;position:relative;z-index:2}
.lxr1 p input{width:250px;height:40px;border:1px solid #fff;text-indent:15px;font-size:16px;color:#fff;background:none;box-sizing:border-box}
.lxr1 p{margin-bottom:20px}
.lxr1 p input:-ms-input-placeholder,
.lxr1 p textarea:-ms-input-placeholder {
    color: #fff;
}

.lxr1 p input::-webkit-input-placeholder,
.lxr1 p textarea::-webkit-input-placeholder {
    color: #fff;
}
.lxr1 p textarea{width:525px;height:125px;border:1px solid #fff;text-indent:13px;font-size:16px;color:#fff;background:none;box-sizing:border-box;padding-top:10px}
.lxr1 h2 input{width:280px;height:40px;font-size:16px;color:#fff;background:#29afff;box-sizing:border-box;border:none;cursor:pointer;transition:all ease-in-out 0.2s}
.lxr1 h2 input:hover{background:#ffb400;transition:all ease-in-out 0.2s}


.lianxi{width:100%;position:relative;padding-top:15px;    height: 578px;}



.footer{width:100%;height:50px;line-height:50px;background:#333333;text-align:center;color:#fff}
.footer a{color:#fff}

/*新闻列表*/
.jiaodian{width:100%;height:421px;background:url(../images/jiaodian1.jpg) center top no-repeat;text-align:center}
.jiaodian h2{font-size:35px;color:#fff;padding-top:115px;margin-bottom:25px}
.jiaodian h3{font-size:35px;color:#fff}
.jiaodian img{display:block;margin:0 auto;margin-top:95px}

@-webkit-keyframes ball {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@keyframes ball {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
.dong{animation: ball .6s infinite alternate;cursor:pointer}

/*新闻列表*/
.xinwen{width:100%;margin:120px 0}
.title2{text-align:center;font-size:32px;color:#333333;background:url(../images/hengxian1.png) center bottom no-repeat;padding-bottom:15px;margin-bottom:80px}
.xinwenl{float:left;width:945px;box-sizing:border-box;border-right:1px solid #e2e2e2;padding:0 85px 0 100px}
.xinwenr{float:right;width:255px;box-sizing:border-box;padding:0px 0 0 40px}
.xinwenl ul li{position:relative;margin-bottom:60px}
.xinwenl ul li:after{position:absolute;content:'';width:60px;height:60px;background:url(../images/bi.png) no-repeat;left:-100px;top:0}
.xinwenl ul li h2{font-size:25px;color:#333333;margin-bottom:10px}
.xinwenl ul li h3{font-size:16px;color:#666666;margin-bottom:20px}
.xinwenl ul li p{font-size:16px;color:#666666;line-height:30px;height:60px;overflow:hidden}
.xinwenl ul li:hover h2{color:#ffc600}

.xwr1 h2{font-size:25px;color:#333333;margin:15px 0}
.xwr1 h2 a{color:#333}
.xwr1 p{font-size:25px;color:#333333;line-height:30px}
.xwr1 p a{color:#666;font-size:16px}
.xwr1 a:hover{color:#ffc600}
.xwr1 h3{font-size:16px;color:#666;line-height:35px}
.xwr1 h3 span{font-size:16px;color:#ff0000;}

.yeshu{width:100%;margin-top:30px}
.yeshul{float:left;}
.yeshur{float:right;}
.yeshul a{width:48px;height:48px;border:1px solid #fff;line-height:48px;text-align:center;font-size:16px;color:#666666;display:inline-block;margin-right:1px;}
.yeshul a:hover{color:#008fe4;border:1px solid #b8b8b8}
.yeshul a.on{color:#008fe4;border:1px solid #b8b8b8}
.yeshur a{width:198px;height:48px;border:1px solid #b8b8b8;line-height:48px;text-indent:32px;font-size:16px;color:#666666;display:inline-block;position:relative;overflow:hidden}
.yeshur a:hover{color:#008fe4}

@-webkit-keyframes gunleft {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}
@-webkit-keyframes gunright {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}
.dh1{transition:all ease-in-out 0.3s;animation-fill-mode : forwards;animation-iteration-count:1;position:absolute;left:0px;top:0}
.yeshur a:hover .dh1{animation:gunleft .6s infinite alternate;transition:all ease-in-out 0.3s;animation-fill-mode : forwards ;animation-iteration-count:1}
.dh2{transition:all ease-in-out 0.3s;animation-fill-mode : forwards;animation-iteration-count:1;width:40px;height:12px;left:95px;top:0px;position:absolute;display:block}
.yeshur a:hover .dh2{animation:gunright .6s infinite alternate;transition:all ease-in-out 0.3s;animation-fill-mode : forwards ;animation-iteration-count:1}

.jiathis_style_32x32{margin-top:40px}
/*
.jiathis_style_32x32 .jtico_weixin{background:url(../images/weixin.png) no-repeat !important;width:61px;height:61px !important}
.jiathis_style_32x32  span{height:61px !important;}
*/

/*新闻详情*/
.xinwen-conl{float:left;width:945px;box-sizing:border-box;border-right:1px solid #e2e2e2;padding:0 85px 0 100px;padding-bottom:60px}
.xinwen-title{margin-bottom:25px}
.xinwen-title h2{font-size:25px;color:#333333;text-align:center;margin-bottom:25px}
.xinwen-title h3{font-size:16px;color:#666;text-align:center}

.xinwen-text{line-height:30px;color:#666666;font-size:16px;}

.xwr2{margin-top:100px}
.xwr2 p{font-size:16px;color:#666;line-height:30px;margin-bottom:20px}
.xwr2 p a{color:#666}
.xwr2 p a:hover{color:#ffc600}
.xwr2 h2{margin-top:40px}
.xwr2 h2 a{color:#666;width:158px;height:48px;border:1px solid #b8b8b8;font-size:16px;color:#666;display:inline-block;text-align:center;line-height:48px;position:relative}
.xwr2 h2 a span{position:relative;z-index:2}
.xwr2 h2 a:hover{color:#ffc600}
.xwr2 h2 a:hover{border:1px solid #008fe4;color:#fff}
.xwr2 h2 a:after {
    position: absolute;
    content: '';
    width: 0;
    height: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 0;
    background: #008fe4;
    transition: all ease-in-out 0.3s;
}
.xwr2 h2 a:hover:after{width:100%;transition: all ease-in-out 0.3s;}



/*产品列表*/
.pro{    text-align: center;}
.pro a{    display: inline-block;
    width: 188px;
   }
.pro a:after{position:absolute;content:'';width:0;height:100%;margin:0 auto;left:0;right:0;top:0;background:#ffba00;transition:all ease-in-out 0.3s}
.pro a:hover:after{width:100%;transition:all ease-in-out 0.3s}
.pro a span{display:block;z-index:2;position:relative}
.pro a:hover{border:1px solid #ffba00 !important;transition:all ease-in-out 0.3s;}
.pro a:hover span{color:#fff !important;transition:all ease-in-out 0.3s;}


.product-class{width:100%;text-align:center;margin-top:-40px;margin-bottom:75px}
.product-class a{display:inline-block;width:158px;height:48px;border:1px solid #b8b8b8;font-size:16px;color:#666666;line-height:48px;text-align:center;margin:0 10px;position:relative}
.product-class a span{position:relative;z-index:2}
.product-class a:hover{border:1px solid #008fe4;color:#fff}
.product-class a:after {
    position: absolute;
    content: '';
    width: 0;
    height: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 0;
    background: #008fe4;
    transition: all ease-in-out 0.3s;
}
.product-class a:hover:after{width:100%;transition: all ease-in-out 0.3s;}

/*产品详情*/
.pro-img{width:100%;margin-bottom:110px}
.pro-img1{width:573px;height:430px;margin:0 auto;position:relative}
.pro-img1 img{width:573px;height:430px}
.pro-img-name{position:absolute;width:100%;height:55px;line-height:55px;text-align:center;left:0;bottom:0;background:rgba(0,0,0,0.6);font-size:30px;color:#fefefe}
.pro-text{font-size:16px;color:#pro-text;line-height:30px}

.pingjia{padding:65px 0 110px 0;background:#f9f9f9}
.pingjia img{display:block;margin:0 auto;margin-bottom:20px}
.pingjia h2{font-size:25px;color:#333333;margin-bottom:40px;text-align:center}
.pingjia-text{font-size:16px;color:#666666;line-height:30px;text-align:center;margin-bottom:35px}
.pingjia h3{font-size:16px;text-align:center}
.pingjia h3 a{display:inline-block;width:158px;height:48px;text-align:center;line-height:48px;border:1px solid #989898;margin:0 15px;position:relative}
.pingjia h3 a:hover{color:#fff;border:1px solid #008fe4}
.pingjia h3 a span{position:relative;z-index:2}
.pingjia h3 a:after {
    position: absolute;
    content: '';
    width: 0;
    height: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 0;
    background:#008fe4;
    transition: all ease-in-out 0.3s;
}
.pingjia h3 a:hover:after{width:100%;transition: all ease-in-out 0.3s;}


/*关于我们*/
.single1{width:100%;padding:115px 0 120px 0}
.single1-text{line-height:30px;font-size:16px;color:#666;text-align:center;margin-top:-40px}
.shuzi{margin-top:90px}
.shuzi ul li{float:left;width:25%;text-align:center}
.shuzi ul li h2{font-size:60px;color:#f3981b;font-weight:bold;margin-bottom:15px}
.shuzi ul li p{font-size:16px;color:#666;}

.single2{padding-bottom:150px}
.single2-a{text-align:center;margin-top:40px;}
.single2-a a{width:158px;height:48px;background:#008fe4;display:inline-block;text-align:center;line-height:48px;font-size:16px;color:#fff;position:relative}
.single2-a a span{position:relative;z-index:2}
.single2-a a:after {
    position: absolute;
    content: '';
    width: 0;
    height: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 0;
    background: #ffba00;
    transition: all ease-in-out 0.3s;
}
.single2-a a:hover:after{width:100%;transition: all ease-in-out 0.3s;}

.single3{padding-top:195px;height:640px;box-sizing:border-box;background:url(../images/culture1.jpg) center top no-repeat fixed;margin-bottom:70px}
.single3-con{background:#fff;box-sizing:border-box;padding:55px 25px 60px 25px}

.single4{margin-bottom:70px}
.single4-con{width:100%}
.flip-item img{width:470px;height:400px}
.rongyu-name{position:absolute;width:100%;height:50px;line-height:50px;text-align:center;background:rgba(0,0,0,0.6);color:#fff;left:0;bottom:0}

.single5{margin-bottom:80px}
.single5-text{margin-top:-30px;text-align:center; line-height:30px; font-size:16px;}

.single5-gun{box-sizing:border-box;margin-top:50px}
.single5-gun .picMarquee-left{ width:750px;  overflow:hidden; position:relative;  margin:0 auto  }
.single5-gun .picMarquee-left .hd{ overflow:hidden;   display:none }



.single5-gun .picMarquee-left .bd{  }
.single5-gun .picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.single5-gun .picMarquee-left .bd ul li{ margin:0 15px; float:left; display:inline; overflow:hidden; text-align:center;cursor:pointer  }
.single5-gun .picMarquee-left .bd ul li  img{ width:213px; height:85px; display:block;border:1px solid #e4e4e4; }

/*联系我们*/
.contact{padding:115px 0 160px 0;background:url(../images/lianxi-bg.png) center 240px no-repeat}
.contact-text{text-align:center;font-size:16px;color:#666666;line-height:30px;margin-top:-40px}
.ditu{margin-top:50px}
.contact-text1{text-align:center;font-size:16px;color:#666666;line-height:40px;margin-top:90px}
.dianhua{margin-top:45px}
.dianhua span{display:block;width:280px;height:60px;line-height:60px;font-size:22px;color:#fff;background:url(../images/tel.png) 20px center no-repeat #008fe4;text-indent:53px;margin:0 auto}

/*留言*/
.liuyan{padding:115px 0 160px 0;}
.liuyan-text{text-align:center;font-size:16px;color:#666666;line-height:30px;margin-top:-40px}
.liuyan-kuang{box-sizing:border-box;padding:0 340px;margin-top:70px}
.liuyan-kuang p{position:relative;margin-bottom:20px}
.liuyan-kuang p input{width:505px;height:48px;border:1px solid #f0f0f0;text-indent:30px;font-size:16px;color:#666666;}
.liuyan-kuang p:after{position:absolute;content:'*';color:#ff7c00;left:12px;top:19px}
.liuyan-kuang p input:-ms-input-placeholder,
.liuyan-kuang p textarea:-ms-input-placeholder {
    color: #666;
}

.liuyan-kuang p input::-webkit-input-placeholder,
.liuyan-kuang p textarea::-webkit-input-placeholder {
    color: #666;
}
.liuyan-kuang p textarea{width:505px;height:210px;border:1px solid #f0f0f0;box-sizing:border-box;text-indent:28px;font-size:16px;color:#666666;padding-top:15px}

.liuyan-kuang p input[type=text]:focus{
   
    border: 1px solid #008fe4; 
}
.liuyan-kuang p textarea:focus{
   
    border: 1px solid #008fe4; 
}
.liuyan-kuang  h2 input{width:200px;height:50px;text-align:center;font-size:16px;color:#fff;background:#008fe4;border:none;cursor:pointer}
.liuyan-kuang  h2 span{font-size:16px;color:#666666;margin-left:30px}

.fixednav {
    position: fixed;
    top: 5%;
    right:18.5%;
    width:215px;
    z-index: 9999;
    
}
.fixednav1 {
    position: fixed;
    top: 5%;
    right:1.5%;
    width:215px;
    z-index: 9999;
    
}

.xc-des1{position:absolute;width:100%;left:0;top:40%;text-align:center;}
.xc-des1 h4{font-size:22px !important;color:#fff;margin-bottom:10px}
.zuihou:after{display:none}

.head-top{width:100%;height:45px;line-height:45px;background:#fff;font-size:14px;color:#555555;border-bottom:1px solid #f1f1f1}
.head-top span{float:right}
.head-top span p{display:inline-block;vertical-align:top;font-size:18px;color:#333333}
.head-top span a{text-align:center;border-left:1px solid #f1f1f1;overflow:hidden;position:relative;color:#fff;display:inline-block;width:80px;font-size:14px;color:#555555;    height: 45px;}
.head-top span a:hover{color:#d8323d}




.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
.clear{ clear:both; display:block}
.main{ width:1200px; height:auto; margin:0px auto;}
.lf{ float:left; display:block} 
/* 内页左边 */
.ny_left{ width:240px; float:left; height:auto; margin:10px 0px; }
.ny_left_title{ width:100%; height:43px;line-height:43px;   border: 2px solid #b70000;}
.ny_left_title p{ font-size:18px;font-weight:bold;color:#333;text-align:left; height:43px; padding-left:10px; float: left; }
.ny_left_title span{ padding-left: 10px; font-size: 15px; color: #333;}
.nyl{ width:240px; color:#333; margin-top:20px;}
.nylc{ width: 242px;border:1px solid #D6D6D6;}
.nylc p{ line-height:28px; width:90%; margin:0 auto; padding:15px 0px; color: #555; height:auto;font-size: 14px;}

.ny_list{ width:242px; height:auto;  margin:0 auto;}
.ny_list li{ width:100%; margin:0 auto; height:35px; line-height:35px; text-align:left; border:1px solid #D6D6D6; margin: 5px 0px;}
.ny_list li a{ display:block; color:#222; padding-left:15px; font-size: 14px;}
.ny_list li a:hover{ color:#4d7abd;}
.ny_list li .submenuon{ color: #660B10; font-weight:bold;}
/*热门新闻列表*/
.nynlist{ width:242px; height:auto; margin:0 auto; padding:10px 0px; border:1px solid #DFDFDF; background: #fff; }
.nynlist li{ width:95%; margin:0 auto; height:35px; line-height:35px; text-align:left;background:url(../images/dd.png) no-repeat left center;}
.nynlist li a{ display:block; color:#333; padding-left: 10px; }
.nynlist li a:hover{ color:#FF6600;}

.nybanbot{ width: 100%; height: 50px; line-height: 50px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede;}
.nybanbotleft{ width: 500px; height: auto; float: left;}
.nybanbotleft p{ font-size: 15px; font-weight: bold; color: #333; display: inline-block;}
.nybanbotleft a{ color: #989898; font-size: 13px; padding: 0px 10px;}
.nybanbotright{ width: 260px; height: 30px; line-height: 30px; margin-top: 10px; float: right; border:1px solid #f63604;}
.keytext{ width: 200px; padding: 0px 0px 0px 10px; height: 29px; line-height: 29px; border: 0px; margin: 0px;}
.keysubmit{ width:45px; height: 31px; float: right; background:url(../images/news_05.jpg) repeat center center; border: 0px; padding: 0px; margin: 0px;}
/* 内页右边 */
.ny_right{ width:920px; float:right; height:auto;margin:10px 0px; padding-bottom:20px;  background-color:#fff;}
.ny_right_title{ width:100%; height:46px; line-height:46px; color:#000; background-image:url(../images/main_06.jpg); background-repeat:no-repeat; background-position:left center; border-bottom:1px solid #6e2200;}
.ny_right_title p{float:left;font-size:18px;font-weight:bold;width:auto; color:#000;}
.ny_right_title span{ float:right;}
.ny_right_title a{ color:#454545; padding:0px 5px;}
.ny_right_title a:hover{ color:#F00; }
.ny_right_content{width:890px; height:auto; line-height:24px; padding:10px 15px; color:#666;}


/*内页新闻*/
.nynewslist{ width:100%; height: auto;}
.nynewslist li{ width:100%; height:auto; margin:0 auto; border-bottom: 1px solid #d7d7d7; padding: 20px 0px 10px 0px;}

.nynewslist li p{ width:100%;  display:block; color:#8f8f8f; font-size:14px;}
.nynewslist li p a{ font-size:16px; color:#333; height:35px; line-height:35px; font-weight:bold;}
.nynewslist li p a:hover{ text-decoration:none; color: #FF6600;}
.nynewslist li span{ font-size:13px; color:#333; line-height:23px;}

/*
.nynews_list{ width:100%;}
.nynews_list li{ width:100%;line-height:35px; border-bottom:1px dashed #dedede; height:35px; background-image:url(../images/dd.jpg); background-repeat:no-repeat; background-position:left center;}
.nynews_list li a{ float:left; color:#333;}
.nynews_list li a:hover{ color:#06C; }
.nynews_list li span{ float:right;}
*/

/*内页产品*/
.procontent{ width: 898px; border: 1px solid #B8B8B8; background: #FBFCFF; height: auto; margin-top: 20px; line-height: 24px; padding: 15px 10px;}
.nypro-list{ width:918px; height:auto; margin-top: 10px;border-left: 1px solid #B8B8B8;border-top: 1px solid #B8B8B8; }
.nypro-list li{ width:285px; height:auto;float:left; padding: 10px; list-style:none;background: #FBFCFF;border-right: 1px solid #B8B8B8;border-bottom: 1px solid #B8B8B8; height:285px}
.nypro-list li .a1{width:280px; height:238px; border:1px solid #dedede; text-align:center; vertical-align:middle; display:table-cell}
.nypro-list li .a1 img{max-width:280px; max-height:238px;  }
.nypro-list li p{ width:100%; line-height:35px; height:35px; font-size:15px; font-weight: bold;}
.nypro-list li p a{color:#222;}
.nypro-list li p a:hover{    color: #346307;text-decoration:none;}
.nypro-list li span{ line-height: 23px; height: 50px; display: block; overflow: hidden;}

/*分页*/
.page{ width:100%;height:35px;padding-top:15px; text-align:center;}
.page a{display:inline-block; color:#333; border:1px solid #dedede; padding: 5px 8px; margin:0px 3px; border-radius:2px;}
.page a:hover{background-color:#6e2200;color:#fff; text-decoration:none;}
.page .current{display:inline-block; padding: 5px 8px; color:#6e2200; font-weight:bold;}

/*详情页*/
.article_title{ text-align:center; width:100%; font-size:16px; line-height:40px;}
.newsin-c{width:100%; height:auto; margin:0px auto; padding-top:20px;}
.newsnext{ width: 100%; padding: 30px 0px;}
.newsnext li{ width: 100%; height: 30px; line-height: 30px;}
.newsnext li a{ color: #333; line-height: 30px;}
.newsnext li a:hover{ color: #FF6600; cursor: pointer; text-decoration: none;}
.artdet{ width: 100%; height: 40px; line-height: 40px; text-align: center;}
/*在线留言*/
.zxlyinp{ width:300px; height:28px; line-height:28px; margin:5px 0px; padding-left:10px; border:1px solid #dedede; border-radius:4px;}
.zxlyyzm{width:100px; height:30px; line-height:30px; margin:5px 0px; font-size:14px; padding-left:10px; border:1px solid #dedede; border-radius:4px;}
.zxlysub{ width:120px; height:30px; line-height:30px; color:#fff; text-align:center; border-radius:4px; background-color:#188FE1; border:0px; font-size:15px;}
.zxlysub:hover{ cursor:pointer;}

/*更多新闻，产品*/
.ny_xg_title{ width: 100%; height: 35px; line-height: 35px; border-bottom: 1px solid #e0e0e3;}
.ny_xg_title p{color:#333; background: url(../images/productshow_06.jpg) no-repeat left bottom; font-size: 15px; }
.morearticle{ width:100%; padding:15px 0px;}
.morearticle li{ width:48%; height:35px; line-height:35px; float:left; margin: 0px 1%; border-bottom: 1px dashed #dedede;}
.morearticle li a{ color:#333; background:url(../images/productshow_14.jpg) no-repeat left center; padding-left: 10px;}
.morearticle li a:hover{ color:#000}
.moreproducts{ width:100%; padding:15px 0px;}
.moreproducts li{ width:280px; height:auto;float:left; background: #DEDEDE; margin: 10px 13px; text-align: center;}
.moreproducts li img{ width:100%; height: 220px;}
.moreproducts li a{ color:#333; line-height:30px;}
.moreproducts li a:hover{ color:#000}



.nyproleft{ display:table-cell; width: 410px; height: 340px;  vertical-align:middle; text-align:center; border:1px solid #ddd}
#tbody {width:405px;margin:0px auto;}
#mainbody {width:405px;border:1px solid #dedede; margin-bottom: 10px;}
#mainphoto {cursor:pointer;display:block;}
#goleft {float:left;clear:left;}
#goright {float:right;clear:right;}
#photos {width:370px;height:62px;overflow:hidden; float: left; margin: 0px 5px;}
#showArea img {display:block;float:left;margin:0px 6px;cursor:pointer;border:1px solid #dedede}
#showArea img:hover{ border: 1px solid #cc0000;}


.nyproright{ width: 420px; height: auto; float: right;}
.pro_title{ text-align:left; width:100%; font-size:22px; line-height:40px; }
.nyproright p{ margin: 10px 0px; line-height: 28px; height: 40px; overflow: hidden; color: #616161; font-size:15px; padding-top: 20px;}
.nyproright span{ font-size: 18px; color: #464646; height: 45px;}
.nyproright span b{ color: #e60012; font-size: 26px;}
.nyproright a{ display:block; background: #f63604 url(../images/productshow_03.jpg) no-repeat 130px center; height: 40px;line-height: 40px; font-size: 16px; color: #fff; text-align: center;  width: 160px; margin-top: 20px;float: left;}
.nyproright a:hover{ text-align: center;}
.pofont1{ float: left; color: #616161; font-size: 16px; padding-top: 25px;}
.probody{ border-top:1px dashed #dedede; padding: 15px 0px; font-size: 13px; line-height: 23px; margin-top: 40px;}
.probody img{ max-width:890px}
.probodytitle{ width: 139px; height: 42px; line-height: 30px; text-align: center; color: #fff; background: url(../images/productshow_03.png) no-repeat center center; font-size: 14px; margin-bottom: 10px;}



.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:12px;margin-top:20px; margin-bottom:10px; clear:both}
.page_list li {display:inline-block;color:#898989;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list li a{}
.page_list li a:hover{color:#fff;background:#898989;}
.page_list li a.on{color:#333;background:#E5EDF2;}


.msgtitle{display:block;padding-bottom:5px;font-size:14px;font-weight:bold;}
.message_block{color:#666;}
.message_block p{padding:12px;}
.msg_input{}
.msg_input_on{width:400px;border:1px solid #8cd1ff;background:#f1f9ff;padding:8px 9px;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;font-size:13px;color:#888;}
.message_labes{font-size:14px;}
.message_title{height:34px;line-height:34px;background:#f6f9fb;padding:0 12px;}
.message_title h2{color:#376b88;font-size:14px;float:left;}
.message_title span{float:right;font-weight:bold;color:#999;}
.message_info{color:#8ea6b6;text-align:right;}
.message_replay{background:#f5f5f5;padding:0 12px;}
.msg_btn_area{margin:16px 0;text-align:left;}
.msg_btn_area a{display:inline-block;padding:5px 15px;background:#09F;color:#fff;text-align:center;font-family:"宋体";font-size:14px;overflow:hidden;cursor:pointer;font-weight:bold;}
.msg_btn_area a:hover{text-decoration:none;}
.msgflag{margin-left:4px;font-size:12px;color:#900;}

.yema { margin:30px auto; }
.yema a { padding: 0 10px; height: 26px; display: block; float: left; margin: 0 4px; font-size: 16px; color: #6d6d6d; line-height: 26px; text-align: center; border: 1px solid #d2d2d2; background: #f0f0f0; }
.yema span { padding: 0 10px; height: 26px; display: block; float: left; margin: 0 4px; font-size: 16px; color: #6d6d6d; line-height: 26px; text-align: center; border: 1px solid #d2d2d2; background: #f0f0f0; }
.yema a:hover { color: #b12923; background: #FFF; }
.yema a.yenn { color: #b12923; background: #FFF; }
