@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微软雅黑;color:#444;}
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
a { text-decoration: none; outline: none; color: #666; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li { list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;}
img { border: 0; vertical-align: top; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}
.content{width: 1200px;margin:0 auto;}
/*banner*/
.flexslider{margin:0 auto 0;position:relative;width:100%;height:600px;overflow:hidden;zoom:1}
.flexslider .slides li{width:100%;height:100%}
.flex-direction-nav a{width:70px;height:70px;line-height:99em;overflow:hidden;margin:-35px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;-webkit-transition:all .3s ease;border-radius:35px}
.flex-direction-nav .flex-next{background-position:0 -70px;right:0}
.flex-direction-nav .flex-prev{left:0}
.flexslider:hover .flex-next{opacity:.8}
.flexslider:hover .flex-prev{opacity:.8}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center}
.flex-control-nav li{margin:0 2px;display:inline-block;zoom:1}
.flex-control-paging li a{background:#dfdfdf;display:block;height:10px;overflow:hidden;text-indent:-99em;width:10px;cursor:pointer;-webkit-transition:all 0s ease;border-radius:10px}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a{background:#ffa23b}
.flexslider .slides a img{width:100%;height:600px;display:block}
/*头部*/
.content,.header{width:1200px;margin:0 auto;font-family:"Microsoft Yahei"}
.h_top{position:relative;z-index:2;font-family:"Microsoft Yahei";/*overflow:hidden*/line-height: 50px;}
.t_top{height: 50px; color: #fff;font-size: 16px;/*overflow: hidden;*/ background: #0061a6;}
.t_top p{float:right;}
.t_top p a{display:block;padding:0 14px;color:#fff;line-height: 50px;float: left}
.t_top p span{background:url(../images/t_ico1.gif) no-repeat 16px center #f39700;padding:0 14px 0 39px;display:block;float: right;line-height: 50px; height: 50px;}
.t_con{height:87px;padding:32px 0 22px 0;/*overflow:hidden*/}
.t_logo,.t_logo img{width:534px;display:block;height:86px}
.header b{font-size:26px;}
/*导航栏*/
.menu {height: 86px;position: relative;z-index: 1000;}
.menu li em{display:block;width:29px;height:24px;margin:0 auto;background-position:center 0;background-repeat:no-repeat}
.menu li a:hover em,.menu li.cur em{background-position:center bottom}
.menu .daohang {width: 650px;margin: 0 auto;line-height: 53px;margin-top: 10px;}
.menu ul li {font-size: 16px;width:91px;height:100px;float: left;text-align: center;position: relative}
.menu ul li.last {background: 0 0}
.menu ul li>a {display: block;color: #333}
.menu ul li:hover>a,.menu ul li.cur>a {text-decoration: none;color: #0061a6;}
/*统一使用的标题*/
.tytit{margin:0 auto;}
.tytit {height: 105px; position: relative;}
.tytit  span{   color: #666;line-height: 125px; font-size:35px; display: block; text-align: center;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;}
.tytit :hover span{color: #1ab073;}
.tytit p{ text-align: center; font-family: "ariel";content: "01"; position: absolute; width: 100%;height: 47px;color: rgba(102, 102, 102, 0.09);font-size:80px; left: 0; top: 0;overflow: hidden;line-height: 80px;}
.tytit :hover p{color: #1ab073;  }
.tytit1{margin:0 auto;}
.tytit1 {height: 105px; position: relative;}
.tytit1 p{ text-align: center; font-family: "ariel";content: "01"; position: absolute; width: 100%;height: 47px;color: rgba(102, 102, 102, 0.16);font-size:80px; left: 0; top: 0;/*overflow: hidden;*/line-height: 80px;}
/*产品中心*/
/*一排三个产品*/
.pro{margin-top: 60px;}
.pro-line ul{}
.pro-line ul li{width: 360px;height: 365px;padding:10px 10px 0px 10px;float: left;border: 1px solid #ccc;margin-right: 18px;background-color: #ccc;}
.pro-line ul li:hover{border: 1px solid #0061a6;margin-right: 18px;background-color: #0061a6;color: }
.pro-line ul li img{width:360px;height: 270px;   }
.pro-line ul li p{line-height: 45px;font-size: 17px;color: #454545;text-align: center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pro-line ul li span{line-height: 20px; font-size: 15px; color: #666;height: 40px;overflow: hidden; text-overflow:-o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.pro-line ul li:hover p{color: #fff;}
.pro-line ul li:hover  span{color: #ccc;}
.pro-line ul li:nth-child(3){float: right; }
/*下一排产品列表*/
.prolist{margin-top:30px;}
.prolist ul{}
.prolist ul li{width:360px;height: 320px;float:left; border: 1px solid #ccc; margin-bottom: 15px;  margin-right: 28px;margin-left: 10px;}
.prolist ul li a{ display: block;}
.prolist ul li img{width:360px;height: 270px;   }
.prolist ul li p{line-height: 50px;font-size: 16px;color: #454545;text-align: center;background: rgba(204, 204, 204, 0.41);;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding: 0px 5px;}
.prolist ul li:nth-child(3){float: right; }
.prolist ul li:hover{border: 1px solid #0061a6;}
.prolist ul li:hover p{color: #fff;background:#0061a6;}
/*新闻*/
em{font-style: normal;}
.news{ overflow: hidden;    margin-top: 60px;    margin-bottom: 40px;}
.news_qie{ border: 1px solid #eee; padding: 0 19px; height: auto;}
.news_qie ul li{ width:562px;display:inline-block; overflow:hidden; float: left; padding: 37px 0; border-bottom: 1px dashed #ccc; height: 140px;}
.news_qie ul li:nth-child(2){ float: right;}
.news li:nth-child(3),.news li:nth-child(4){ border-bottom: none;}
.news .newsimg{float:left;}
.news .newsimg img{ width:100%; height:auto; display: inline-block;}
.news .newsimg em{ display: inline-block; padding: 0 10px;float: left; color: #999999; font-family: Verdana; font-size: 14px; text-align: center;}
.news .newsimg em strong{ display: block; font-family: Verdana; font-size: 30px; font-weight: bold; color: #333; padding-bottom: 12px; border-bottom: 1px solid #ccc; margin-bottom:7px;}
.news .newsimg a{ display: inline-block; float: left;margin-left: 16px; width:188px; height:140px; overflow: hidden;box-shadow: 0px 0px 5px rgba(204, 204, 204, 0.84);}
.news .wz{ float:right; overflow:hidden; width:260px;}
.news .wz a.newstit{ font-size:16px; color:#333333; line-height:35px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;display: block;}
.news .wz a.newstit:hover,.news_m ul li a:hover{ color:#f39800;}
.news .news_desc{ font-size:14px; color:#666; height:105px; line-height:27px;overflow: hidden; padding:10px 0 0;}
.news .wz span{ display:block;width: 130px;}
.news .wz span a{display: block;font-size: 14px;color: #fff; width:60px; height:23px;background: #f59e01;text-align: center;line-height: 23px;overflow: hidden;}

.news .newsimg1{ width:100px; height:159px;float:left;overflow: hidden;}
.news .newsimg1 em{ display: inline-block;padding: 0 10px; float: left; color: #999999; font-family: Verdana; font-size: 14px; text-align: center;}
.news .newsimg1 em strong{ display: block; font-family: Verdana; font-size: 30px; font-weight: bold; color: #333; padding-bottom: 12px; border-bottom: 1px solid #ccc; margin-bottom:7px;}
.news .newsimg1 a{ display: inline-block; float: left;margin-left: 16px; width:188px; height:140px; overflow: hidden;box-shadow: 1px 3px 10px 1px rgba(204, 204, 204, 0.84);}
.news_qie ul li:nth-child(3),.news_qie ul li:nth-child(4),.news_qie ul li:nth-child(5),.news_qie ul li:nth-child(6){ width:360px;display:inline-block;  border-bottom: none;overflow:hidden; float: left; padding: 37px 13px 0px 13px; height:auto;}

/*底部*/
.footer{height: auto;background:url(../images/ftbg.jpg) no-repeat center ;}
.footer .nav{height: 40px;border-bottom: 1px solid rgba(204, 204, 204, 0.2);margin-bottom: 30px;}
.footer .logo{height: 100px;width: 200px;margin:0 auto;}
.footer .logo img{height: 100px;width: 200px;}
.footer .content{padding-top:50px;}
.footer .nav ul li{width: 171px;float: left;}
.footer ul li a{display: block;text-align: center;line-height: 30px;color: #fff;font-size: 17px;}
.footer ul li a:hover{font-weight: bold;font-size: 19px;}
.lianxi p{ text-align: center; font-weight: 700;font-size: 23px; line-height: 100px;color: #ccc;}
.lianxi  ul{background-color:rgba(238, 238, 238, 0.12);    padding: 20px 2px 20px 2px;    border-radius: 6px;}
.lianxi  ul li{ padding-left: 53px; padding-right: 25px;float:left;background:url(../images/fi1.png) no-repeat left ;height: 40px; font-size: 15px; color: #eee;}
.lianxi  ul li span{color: #ccc;font-size: 15px;line-height: 25px;display: block;   }
.lianxi  ul li:nth-child(2){background:url(../images/fi2.png) no-repeat left ;}
.lianxi  ul li:nth-child(3){background:url(../images/fi3.png) no-repeat left ;}
.lianxi  ul li:nth-child(4){background:url(../images/fi4.png) no-repeat left ;}
.lianxi  ul li:nth-child(5){background:url(../images/fi5.png) no-repeat left ;}
.lianxi  ul li:nth-child(6){background:url(../images/fi6.png) no-repeat left ;float: right;padding-right: 0}
.banquan{margin-top: 40px;padding-bottom: 20px;}
.banquan p{text-align: center;font-size: 15px;color: #ccc;line-height: 35px;}
.banquan p a{font-size: 15px;color: #ccc;}
/*优势*/
.ys{padding-top:60px;background:url(../images/ysbg.jpg) no-repeat center 0;    margin-top: 60px;}
.team{height: 450px;background:url(../images/ys1.jpg) no-repeat;}
.team span{float: left;width: 195px;height: 68px;padding-top: 103px;background:url(../images/one.jpg) no-repeat;font-size: 28px;color: #fff;text-align: center;line-height: 68px;display: block;}
.team ul{float: right;width: 570px;margin-top: 110px;}
.team li{float: right;width: 340px;margin-bottom: 60px;    margin-right: 20px;}
.team li b{display:block;font-size: 20px;color: #454545;line-height: 20px;margin-bottom: 14px;}
.team li p{font-size: 14px;color: #666;line-height: 24px;position: relative;}
.team li p:after{position: absolute;content: "-";left: -10px;top: 0;}
.pz{padding: 30px 50px;background-color: #fff;}
.pz span{padding:15px 0 0;height: 98px;font-size: 0;display: block;}
.pz span b{display:block;font-size: 28px;color: #333;line-height: 36px;}
.pz_con{height: 144px;}
.pz_con li{float: left;width: 320px;}
.pz_con li b{display:block;font-size: 18px;color: #454545;line-height: 18px;margin-bottom: 22px;}
.pz_con li p{font-size: 15px;color: #666;line-height: 24px;height: 65px;position: relative;}
.pz_con li p:after{position: absolute;width: 68px;height: 2px;background: #0060b1;content: "";left: 0;bottom: 0;}
.pz_list li{float: left;width: 265px;margin-right: 10px;}
.pz_list li:last-child{margin-right: 0;}
.pz_list li i{display:block;height: 195px;overflow:hidden;}
.pz_list li img{width: 260px;height: 195px;transition:all 0.5s;}
.pz_list li i:hover img{transform:scale(1.05);}
.pz_list li span{display:block;font-size: 14px;color: #333;text-align: center;line-height: 24px;padding-top: 18px;height:24px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pz_list li:hover span{color: #0060b1;}
.yx{height: 439px;padding:30px 50px;background: #fff; overflow: hidden;}
.ys .content{ box-shadow: 1px 7px 12px rgba(204, 204, 204, 0.52); }
.yx span{height: 84px;font-size: 0;display: block;}
.yx span b{display:block;font-size: 28px;color: #454545;line-height: 36px;}
.yx li{float: left;width: 202px;height: 269px;border:6px solid transparent;position: relative;}
.yx li img{display:block;margin:25px auto 0;}
.yx li b{display:block;font-size: 24px;color: #454545;text-align: center;line-height: 24px;padding:18px 0 14px;}
.yx li p{font-size: 14px;color: #666;line-height: 24px;padding:0 20px;}
.yx li:hover,.yx li.cur{border-color: #0060b1;}
.yx li:hover:after,.yx li.cur:after{position: absolute;width: 6px;height: 6px;background:#0060b1;border:15px solid #f39700;border-top: 0;border-bottom: 0;content: "";left: -21px;top: 58px;}
/*流程*/
/*应用领域*/
.wrap{width:1134px;height:450px;position:relative;overflow:hidden;}
.pic{width:600px;height:450px;cursor:pointer;}
.pic1{position:absolute;top:0;left:0;z-index:1;}
.pic2{position:absolute;top:0;left:600px;z-index:3;}
.pic3{position:absolute;top:0;left:670px;z-index:5;}
.pic4{position:absolute;top:0;left:800px;z-index:7;}
.pic5{position:absolute;top:0;left:952px;z-index:9;}
.pic6{position:absolute;top:0;left:1043px;z-index:11;}
.pz p{font-size: 16px;color: #666;line-height: 30px;}
/*营销范围*/
.bz p{font-size:16px;line-height: 30px;color: #666;}
.yxfwwz{width: 675px;}
.yxfwwz p{font-size:16px;line-height: 30px;}
.yxfwimg{width: 400px;height: 300px;}
.yxfwimg img{width: 400px;height: 300px;}
/* 走进 */
.about{height: 472px;padding-top: 117px;background:url(../images/zjbg.jpg) no-repeat center top;}
.about .tit{   top: 0;font-size: 34px;line-height: 38px; color: #fff; font-weight: bold;float: right; margin-right: 16px;}
.about .tit a{color: #fff;}
.about .tit i{color: rgba(238, 238, 238, 0.53);display: block; font-family: "ariel"; font-style: normal;line-height: 46px; margin-bottom: 50px;}
.about .tit em{display: block; font-size: 15px;color: #fff;line-height: 50px;margin-top: 16px;background:url(../images/wh2-1.png) no-repeat left;    padding-left: 55px;}
.about .tit em:hover{color: #f39700;font-weight: bold;background:url(../images/wh2-1.png) no-repeat left;}
.about .tit em:nth-child(2){background:url(../images/wh1.png) no-repeat left; }
.about .tit em:nth-child(2):hover{background:url(../images/wh1-1.png) no-repeat left; }
.about .tit em:nth-child(3){background:url(../images/wh3-1.png) no-repeat left; }
.about .tit em:nth-child(3):hover{background:url(../images/wh3-2.png) no-repeat left; }
.about .ab{padding: 0 0 0 78px;width: 700px;}
.about .ab a.abimg{width:364px;height: 78px;display: block;}
.about .ab a.abimg img{width:364px;height:56px;}
.about .ab span{line-height: 40px; overflow: hidden; font-size: 18px;color: #000000;font-weight: bold;margin-bottom: 10px;display: block;}
.about .ab span a{color: #333;text-decoration: none;}
.about .wz{position: relative;overflow: hidden;}
.about .wz a.more{width: 100px;display: block;text-align: center;line-height: 30px; border-radius: 8px;border: 1px solid #ccc; margin-top: 10px;}
.about .wz a.more:hover{border:1px solid #0060b1;background-color: #0060b1;color: #fff;}
.about p{font-size: 15px;line-height: 35px; color: #333333;text-indent: 2rem;}