@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;}
.border{border:1px solid #DFDFDF;}
a { text-decoration: none; outline: none; color: #000; 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;
    border: 0;
    vertical-align: top;
    -webkit-filter: blur(6px);
    filter: blur(6px);
}
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}
.content{width: 1200px;margin:0 auto;}
em , i{font-style: normal;}

/*欢迎*/
.wel{height: 30px;background-color: #eee;width: 100%;}
.wel p{color: #666;line-height: 30px;letter-spacing: 2px;}
.wel p a{color: #666;padding-right: 15px;}

/*头部*/
.header{height: 170px;}
.header .head_top .tel_box{height: 80px;color: #fff}
.header .head_top .tel_box > a{color:#fff;padding: 0 8px;line-height: 36px;}
.header .head_top .tel_box .tel{margin-top:18px;text-align: right; background: url(../images/tel_bg.png) no-repeat left center;padding-left: 14px;}
.header .head_top .tel_box .tel p{display: block; color: #696969; text-align: left;line-height: 30px; padding-left:54px;font-size: 16px;}
.header .head_top .tel_box .tel b{padding-left: 50px;font-size:32px;color: #f0a20f;font-weight: bold;font-family: "impact";letter-spacing: 2px;}
.header .head_top .logo{width: 520px;height: 84px;padding-top: 16px;}
.header .head_top .logo img{width: 520px;height: 84px;}
.head_nav .content{margin-top:17px;}
.header .head_nav{background:url(../images/navbg.jpg) no-repeat;border-top: 3px solid #fff;}
.header .head_nav ul li{width:171px;float: left;height: 50px;line-height: 50px;font-size: 17px;text-align: center;position: relative;}
.header .head_nav ul li a{color: #fff;display: block;width: 100%;}
.header .head_nav ul li:hover{background: #eee;}
.header .head_nav ul li:hover a{color: #f0a20f;border-top: 3px solid #f0a20f;position: absolute;top: -3px}
.header .head_nav ul li.on{background: #eee;}
.header .head_nav ul li.on a{color: #f0a20f;border-top: 3px solid #f0a20f;position: absolute;top: -3px}

/*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}

/*标题*/
.pubtit{text-align: center;height: 120px;font-size: 38px;color: #f0a20f;font-weight: 600;}
.pubtit em{color: #3FA5ED;}
.pubtit span{display: block;font-size: 18px;color: #666;font-weight: normal;}
.pubtit i{display: block;height: 2px;  background: #f0a20f; width: 94px; margin: 5px auto;}

/*介绍4个*/
.intr{padding:40px 0;background-color: #3FA5ED}
.intr ul li{float:left;width:300px;border-right:1px solid #dadada;box-sizing: border-box;}
.intr ul li span{display: block;height:40px;text-align: center}
.intr ul li:nth-child(4){float: right;margin-right: 0;border-right:none;}
.intr ul li span em{display: block; font-size:28px; line-height:42px;color:#fff;text-align: center}
.intr ul li span i{font-size: 18px;   color: #444;    margin-top: 17px;    display: block;    float: left;}
.intr ul li p{ font-size: 16px;text-align: center; margin-top: 12px; color:#eee;}
.intr ul li:hover span em{color:#f0a20f;}

/*产品*/
.pro{padding: 80px  0  0;}
.p_list{width: 280px;}
.ptit{background: url(../images/ptitbg.jpg) no-repeat 0 center;width: 100%;height: 100px;margin-bottom:5px;}
.ptit p{text-align: center;color: #eee;font-size: 40px;font-weight:600;line-height: 100px;}
.p_list ul li{ overflow: hidden; margin-bottom:16px;line-height:52px;padding-left: 50px; background: url(../images/picon1.png) no-repeat  #3FA5ED left  7px center;  white-space:nowrap;text-overflow:ellipsis;    }
.p_list ul li a{  color: #fff;font-size:16px;}
.p_list ul li:hover{background-color: #f0a20f;}
/*右侧*/
.p_on{width:880px;}
.p_on ul li{ float: left; width: 265px; height:235px;background: #e6e6e6; margin:0 0 12px 15px; padding: 17px 0 0 13px; position: relative;}
.p_on ul li img{ width: 250px; height: 187.5px; box-sizing:border-box;}
.p_on ul li em{ display: block;line-height:42px; color: #616161; font-size: 16px; text-align: center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.p_on ul li:hover{ background: #3FA5ED;box-shadow:  0 0 6px #969696;}
.p_on ul li:hover em{color:#f0a20f;background: url(../images/pr_ico1.png) no-repeat center 0; top: 206px; padding-top:15px;}

/*应用领域*/
.yyly{padding:80px 0;}
.yyly ul li{width:200px; height:300px;float:left; padding-top:145px;position: relative;}
.yyly ul li.yy1{background:url(../images/yy1.jpg) no-repeat center}
.yyly ul li.yy2{background:url(../images/yy2.jpg) no-repeat center}
.yyly ul li.yy3{background:url(../images/yy3.jpg) no-repeat center}
.yyly ul li.yy4{background:url(../images/yy4.jpg) no-repeat center}
.yyly ul li.yy5{background:url(../images/yy5.jpg) no-repeat center}
.yyly ul li.yy6{background:url(../images/yy6.jpg) no-repeat center}
/*图标*/
.yyly ul li span{display: block;height:123px; margin-bottom: 13px;    text-align: center;}
.yyly ul li span i{display: block;margin: 0 auto; width:68px; height:64px; padding-bottom:16px; border-bottom:2px solid #FFF; margin-bottom: 23px;}
.yyly ul li span .f1{background:url(../images/ft1.png) no-repeat top center;}
.yyly ul li span .f2{background:url(../images/ft2.png) no-repeat top center;}
.yyly ul li span .f3{background:url(../images/ft3.png) no-repeat top center;}
.yyly ul li span .f4{background:url(../images/ft4.png) no-repeat top center;}
.yyly ul li span .f5{background:url(../images/ft5.png) no-repeat top center;}
.yyly ul li span .f6{background:url(../images/ft6.png) no-repeat top center;}
.yyly ul li span em{display: block;font-size: 20px; color:#FFF; line-height: 20px; font-weight: bold;}
.yyly ul li p{color:#FFF;text-align: center; width: 158px; margin: 0 auto;}
.yyly ul li b{display: block; width:200px;height:445px; background-color:rgb(51 51 51 / 20%);  position: absolute;top:0; left:0;}
.yyly ul li:hover span .f1{background:url(../images/ft1_h.png) no-repeat top center;}
.yyly ul li:hover span .f2{background:url(../images/ft2_h.png) no-repeat top center;}
.yyly ul li:hover span .f3{background:url(../images/ft3_h.png) no-repeat top center;}
.yyly ul li:hover span .f4{background:url(../images/ft4_h.png) no-repeat top center;}
.yyly ul li:hover span .f5{background:url(../images/ft5_h.png) no-repeat top center;}
.yyly ul li:hover span .f6{background:url(../images/ft6_h.png) no-repeat top center;}
.yyly ul li:hover span i{ border-bottom:2px solid #f0a20f; }
.yyly ul li:hover span em{color:#f0a20f;}
.yyly ul li:hover p{color:#f0a20f; opacity:1;}
.yyly ul li:hover b{display: none;}

/*关于我们*/
.about{background: url(../images/abbg.jpg) no-repeat center;height:559px;margin-bottom:145px;}
.about p{background-color: rgb(63 165 237 / 85%); margin-top: 400px; height: 134px; overflow: hidden;font-size: 15px; text-indent: 2rem;  line-height: 30px; color: #fff; padding: 30px 120px 20px 120px;}
.about p a{display: block; margin: 10px auto; text-align: center; border: 1px solid #f0a20f; width: 120px; line-height: 30px; font-size: 15px;color: #fff;background: #f0a20f;  text-indent: 0; border-radius: 20px; }

/*优势*/
.edge{background:url(../images/bg.jpg) no-repeat center bottom;font-size:15px;background-color: #fff;color: #555;position: relative;line-height:23px;z-index: 1; padding:80px 0;}
.edge .nr{background:url(../images/edgebg1.png) no-repeat center 0;}
.edge .titimg{height:203px;text-align: center;padding:30px 0 ;}
.edge_w{width:603px;}
.edge_wc{background:url(../images/edge_tbg.png) no-repeat 0 0; padding: 7px 0 38px; margin-top: 25px;}
.edge_wc p{height:82px;line-height: 90px; font-size: 30px; color: #454545;margin-bottom:30px;}
.edge_wc p span{width:99px;float: left;    padding-right: 18px; color: #fff;   font-weight: 600;  font-family: impact;  font-size: 52px;  text-align: center; letter-spacing: 2px;}
.edge_wc li{background: url(../images/ico03.png) no-repeat left center;padding-left: 25px;line-height: 35px;}
.edge_wc p i{font-family:"times new roman"; margin-left: 15px;padding-left: 15px;font-size:25px;color: #999;font-style: normal;text-transform: uppercase;border-left: 5px solid #f0a20f;}


/*中间隔断*/
.hzlc{height: 200px;box-shadow: 0 3px 10px 3px #d0d0d0;    margin-top: 80px;    background: url(../images/ban02.jpg) no-repeat 0 0;}
.hzlc p.bantit{font-size: 24px;color: #fff;height: 65px;line-height: 65px; padding:0 0 0 30px;margin: 0;    letter-spacing: 4px;}
.hzlc .iflow{width: 1000px; background:url(../images/ban_line.png) no-repeat 190px 33px;float: left;}
.hzlc .iflow .item{float:left;width:74px;text-align:center;margin:0 0 0 80px;color:#fff;font-size: 14px;}
.hzlc .iflow .item .icon{display:block;width:74px;height:74px;margin:0 auto 12px;position:relative;}
.hzlc .iflow .item .icon i:before{content:'';}
.hzlc .iflow .item .icon i,.iflow .item .icon i:before{position:absolute;width:100%;height:100%;top:0;left:0; background:url(../images/iflow_icon.png)}
.hzlc .iflow .item .icon i.default{background-position:0 0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}
.hzlc .iflow .item .icon i.hover{background-position:0 -74px;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}
.hzlc .iflow .item.i1 .icon i:before{background-position:0 -148px;}
.hzlc .iflow .item.i2 .icon i:before{background-position:0 -222px;}
.hzlc .iflow .item.i3 .icon i:before{background-position:0 -296px;}
.hzlc .iflow .item.i4 .icon i:before{background-position:0 -370px;}
.hzlc .iflow .item.i5 .icon i:before{background-position:0 -444px;}
.hzlc .iflow .item.i6 .icon i:before{background-position:0 -518px;}
.hzlc .iflow .item.i7 .icon i:before{background-position:0 -592px;}
.hzlc .iflow .item:hover .icon i.default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.hzlc .iflow .item:hover .icon i.hover{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.hzlc .ban_tel{width: 275px;margin-top: -15px;float: left;margin-left: 26px;}
.hzlc .ban_tel p{font-size: 14px;color: #fff;font-weight: bold;background: url(../images/ban_tel.png) no-repeat 0 center; padding: 0 0 0 80px; line-height: 57px; margin: 0;}
.hzlc .ban_tel p b{display: block;font-size: 35px;}
.hzlc .ban_tel span{display: block;width: 140px; padding:15px 0 0;}
.hzlc .ban_tel span a{ display: block;font-size: 16px;color: #fff;width: 150px;text-align: center; height: 40px;line-height: 40px;background: #46af33;border-radius: 5px;margin-left: 80px;}

/*news*/
.news{overflow: hidden;padding:80px 0;}
.news .tit{text-align: left;border-bottom: 1px dashed #ccc;}
.news .tit p{height:48px;font-size:30px;color: #333;}
.news .tit i{font-size: 20px;color: #999;font-family: "times new roman";text-transform: uppercase;    border-left: 5px solid #f0a20f; margin-left: 15px; padding-left: 15px;}
.new-left{float: left;width: 650px;}
.news .con .f_cb{height: 194px; background: #fff; padding: 20px 0;  margin-bottom: 20px;}
.news .con .nimg{float: left;width: 320px;height:195px;overflow: hidden;}
.news .con .nimg img{width: 320px;height:195px;display: block;transition: all 0.3s linear 0s;}
.news .con .nimg:hover img{transform: scale(1.1);}
.news .con .wz{float: right;width:304px;}
.news .con a.ntit1{display: block;color: #333333;font-weight: normal;overflow: hidden;line-height: 22px;    font-size: 16px; white-space: nowrap; text-overflow: ellipsis;}
.news .con p{line-height: 28px;height: 84px; overflow: hidden; color: #999;margin-top: 15px;}
.news .con a.more{display: block;margin-top: 26px;width: 120px;line-height:30px;background-color: #f0a20f;color: #fff;text-align: center;border-radius: 20px;}
.news .con a.more:hover{background: #3FA5ED;}
/*news-right*/
.n1{background: url(../images/dtbg1.jpg) no-repeat right center; width: 649px;height: 64px;margin-bottom: 22px;padding-top: 10px;}
.n1 .ntime{float: left;width: 115px;border-right: 1px solid #ebebeb;font-family: "Arial";text-align: center;}
.n1 .ntime span{display: block;font-size: 24px;color: #fff;line-height: 30px;font-weight: normal;}
.n1 .ntime em{display: block;font-size: 16px;color: #eee;line-height: 24px;font-weight: normal;}
.n1 a{float: right;width: 435px;margin-right: 20px;color: #fff;padding-right: 40px;line-height: 54px;    font-size: 16px;}
.n1:hover{background: url(../images/dtbg2.jpg) no-repeat right center;}
.new-right{float: right;width: 475px;}
.new-right .nimg{width: 475px;height: 140px; padding: 20px 0;}
.new-right-title{position: relative; height: 58px;border-top: 1px solid #cecece;border-bottom: 1px solid #cecece; margin-bottom: 30px;}
.new-right-title {line-height: 58px;font-size: 16px;color: #666;font-weight: normal;}
.new-right-text{padding: 0px 0 23px 45px; border-bottom: 1px dashed #cecece; background: url(../images/wen.jpg) no-repeat left 0;margin-bottom:39px;}
.new-right-text a.ntit{display: block;line-height: 26px;color: #333;font-size: 16px;overflow: hidden;   white-space: nowrap; text-overflow: ellipsis;}
.new-right-text p{line-height: 26px;color: #999;overflow: hidden; text-overflow:-o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.new-right .none{border-bottom: 0;}
.new-right-text a.ntit:hover{color:#3FA5ED}


/*底部*/
.footer{padding:80px 0;background: url(../images/ftbg.jpg) no-repeat center;  }
.footer .nav{background-color: #fff;height: 50px;}
.footer .nav li{float: left;line-height: 50px;width: 171px;}
.footer .nav li a{color: #3fa5ed;display: block;text-align: center;font-size: 17px;}
.footer .con{margin:0 auto;padding:40px 0 20px 0;}
.footer .con p{font-size: 20px;color: #fff;text-align: center;line-height: 32px;}
.footer .con p.p2{font-size:15px;color: #fff;text-align: center;line-height: 32px;}
.footer .con em{font-family: impact;font-size:35px;color: #f0a20f}
.footer .ewm{width:200px;margin:0 auto;}
.footer .ewm img{width: 150px;height: 150px;display:block;margin:0 auto;}
.footer .ewm p{line-height: 30px;color: #fff;font-size: 15px;text-align: center;}
.footer .iconlist{padding-top: 40px;}
.footer .iconlist img{display: block;padding-right:10px;}
.footer .iconlist li{margin-right:58px;width: 256px;float: left;}
.footer .iconlist li:nth-child(4){margin-right: 0;float: right;}
.footer .iconlist li p{color:#fff;line-height:34px;font-size:18px;font-weight: 600;text-align: left;}
.footer .iconlist li span{display: block;text-align: left;font-size: 15px;color: #eee}

/*版权*/
.copyright{background-color: #eaeaea;}
.copyright p{color:#666;line-height:45px;}
.copyright p a{color:#666;line-height:45px;}