@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;}

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;}

.w1400{width: 1400px;margin:0 auto;}

dl,dt,dd{padding: 0;margin: 0px}



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



/*欢迎*/

.header{width: 100%;background-color: #fff;height: 90px;}

.header .logo{width:565px;height: 90px;}

.header .logo img{width:565px;height: 90px; }

.head_tel{width: 565px;}

.tel_box{width: 260px;height: 80px;color: #fff}

.tel_box > a{color:#fff;padding: 0 8px;line-height: 36px;}

.tel_box .tel{margin: 8px 0;width: 320px;text-align: center; background: url(../images/tel_bg.png) no-repeat left center;padding-left: 14px;}

.tel_box .tel p{display: block; color: #696969; text-align: left;line-height: 30px; padding-left:60px;font-size: 16px;}

.tel_box .tel b{font-size:36px;color: #018fd7;font-family: impact;font-weight: bold;}



/*导航*/

.nav{height:50px;background: #fff;z-index: 99999999;width: 100%;border-top: 1px solid #e6e6e6;position: relative;}

.nav .content .head_tel{color: #333}

.nav .content .head_tel p{display: block;font-size: 15px;line-height: 27px;padding-top: 20px}

.nav .content .head_tel b{font-size: 25px;font-family: Arial;}

.nav .content > ul > li{float: left;line-height: 50px;font-size:16px;padding: 0 43px;position: relative;}

.nav .content > ul > li > a{display: block;color: #333}

.nav .content > ul > li:hover {background: #018fd7;}

.nav .content > ul > li:hover  a{color: #fff;}

.nav .content > ul > li .sub{position: absolute;top: 60px;left:0px;width: 100%;display: none;}

.nav .content > ul > li .sub li{height: 45px;line-height:45px;background: rgba(0,0,0,0.6);width: 100%;text-align: center;}

.nav .content > ul > li .sub li a{color: #fff;font-size: 14px;}

.nav .content > ul > li .sub li:hover {background: #018fd7}

.nav .content > ul > li:hover .sub{display: block;}

.nav .content > ul > li.on{background: #018fd7;}

.nav .content > ul > li.on a{color: #fff;}



/*产品中心*/

.pro{background:url(../images/pro_bg.jpg) no-repeat center 0; overflow:hidden;   }

.ptit{height: 120px;margin: 40px auto 0;}

.ptit p{color: #333;line-height: 60px;font-weight: bold; font-size:48px; text-align: center;}

.ptit span{color: #666; font-size:18px;text-align: center;display: block;text-transform: uppercase;}

.fen{ width:250px; margin-top:63px;overflow:hidden;}

.fen span{ display: block;color: #fff;height: 80px;padding-bottom: 10px;font-size: 25px; line-height: 40px;overflow: hidden; padding-left: 25px;}



.fen li.li1{ margin-top:16px;line-height:57px; overflow:hidden;}

.fen li.li1 a{ display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  padding-left: 20px; background:#777; font-size:16px; border:1px solid #b0b0b0; border-left:3px solid #018fd7; color:#fff;}

.fen li.li1 a:hover,.fen li.li1 a:hover em{ font-weight:bold;}



.fen dl dt{ margin-top:10px;line-height:46px; overflow:hidden;}

.fen dl dt a{ display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  padding-left: 10px;   font-size:15px; border:1px solid #b0b0b0; color:#666;font-weight: bold;}

.fen dl dt a:hover,.fen dl dt a:hover em{ color:#018fd7; font-weight:bold;}



.fen dl dd{ margin-top:5px;line-height:41px; overflow:hidden;}

.fen dl dd a{ display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  font-size:15px;padding-left: 10px;color: #666}

.fen dl dd a:hover,.fen dl dd a:hover em{ font-weight:bold;}



/*右侧*/

.pimglist{width:1120px;}

.pimglist li{float:left;width:360px;margin-bottom:14px;margin-right:11px;border:1px solid #e0e0e0;}

.pimglist li:nth-child(3n){float: right;margin-right: 0}

.pimglist li span{width:100%;font-size: 16px;color:#555;text-align:center;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;line-height:45px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}

.pimglist li a{display:block;width:100%;overflow:hidden;position:relative;background:#efefef}

.pimglist li a:hover{background:#018fd7}

.pimglist li img{display:block;width:360px;height:270px}

.pimglist li a:hover span{color:#fff}

.pimglist .item_mask{width:360px;height:270px;background:rgba(0,0,0,0);position:absolute;left:1px;top:1px;opacity:0;filter:Alpha(opacity=0);-webkit-transform:rotateX(180deg) scale(.5,.5);transform:rotateX(180deg) scale(.2,.2);transition:all ease-out .5s}

.pimglist .item_link_icon{display:block;width:45px;height:45px;text-align:center;background-position:0 -105px;line-height:38px;position:absolute;left:50%;top:50%;margin-left:-22px;opacity:0;filter:Alpha(opacity=0)}

.pimglist li:hover {border:1px solid #fff;}

.pimglist li:hover .item_mask{  opacity:1;filter:Alpha(opacity=100);-webkit-transform:rotateX(0) scale(1,1);transform:rotateX(0) scale(1,1);transition:all 1s cubic-bezier(.23,1,.38,1) 0s;background:rgba(0,0,0,.3)}

.pimglist li:hover .item_link_icon{transform:translateY(-21px);opacity:1;filter:Alpha(opacity=100)}

.pimglist .item_link_icon{display:block;width:45px;height:45px;text-align:center;background-position:0 -105px;line-height:38px;position:absolute;left:50%;top:50%;margin-left:-22px;opacity:0;filter:Alpha(opacity=0)}

.pimglist .list li:hover .item_mask{opacity:1;filter:Alpha(opacity=100);-webkit-transform:rotateX(0) scale(1,1);transform:rotateX(0) scale(1,1);transition:all 1s cubic-bezier(.23,1,.38,1) 0s;background:rgba(0,0,0,.3)}

.pimglist .list li:hover .item_link_icon{transform:translateY(-21px);opacity:1;filter:Alpha(opacity=100)}

.ico{background:url(../images/icon.png) no-repeat;display:inline-block;vertical-align:middle}



/*关于*/

.about{background: url(../images/abbg.jpg) no-repeat center;height:570px;}

.about .con{width: 370px;padding-top: 200px;}

.about .con span{display: block;line-height: 50px;background-color: #018fd7;color: #fff;font-size: 28px;text-align: center;}

.about .con p{color: #fff;color: #035aa1;text-align: center;font-size: 45px;padding-top: 20px; font-family: impact;}

.about .con p.tel{background: url(../images/fttel.png) no-repeat left center;padding-left: 20px}

.about .wz{width: 700px;margin-top: 45px;}

.about .wz .tit i{font-size:48px;color: #333;text-align: left;font-weight: bold;font-style: normal;}

.about .wz .tit span{display: block;line-height:35px;font-size: 20px;color: #666;text-align: left;letter-spacing:5px;}

.about .wz .tit em{display: block;border-bottom: 3px solid #ccc;width: 100px;height:20px; margin-bottom: 20px;font-style: normal;}

.about .wz p{font-size: 15px;line-height: 30px;text-indent: 2rem;}

.about .wz a.more{display: block;border:1px solid #ccc;line-height: 45px;width: 120px;text-align: center;    margin: 10px 0;}

.about .iconlist{margin-top: 20px;}

.about .iconlist li{float: left;line-height:40px; width:118px;font-size: 15px;   border:1px solid #333;background-color: #333;text-align: center;margin-right:20px;}

.about .iconlist li a{color: #fff}

.about .iconlist li:hover{background-color: #018fd7; border:1px solid #018fd7;}

.about .iconlist li:hover a{color: #fff}



/*优势*/

/*.advtit{background: url(../images/advtitbg.png) no-repeat center;height: 277px;}

.advtit img{display: block;float: right;padding-top: 80px;padding-right: 80px;}

.adv{height: 1200px;background: url(../images/advbg.png) #f0f3fa no-repeat center;}

.adv_body .adv_con{width: 525px;height: 250px}

.adv_body .adv_con b{font-size: 34px;color: #018fd7}

.adv_body .adv_con b a{font-size: 34px;color: #018fd7}

.adv_body .adv_con i{display: block;font-size: 16px;color: #aaa;font-style: normal;text-transform: uppercase;font-family: Arial;line-height: 180%;padding-bottom:10px}

.adv_body .adv_con p{line-height: 300%;font-size: 16px;}

.adv_body .adv_con.con2{padding-top: 170px;padding-left:30px;width: 450px}

.adv_body .adv_con.con3{padding-top: 140px; }

.adv_body .more {width: 130px;height: 40px;background: url(../images/more.jpg)  no-repeat  center ;display: block;margin-top: 20px;line-height: 40px;color: #fff;padding-left: 20px;letter-spacing: 2px;}

.adv_body .adv_r{display: block;margin-top: 50px}

.adv_body .adv_con.con3 img{width: 50px;height: 50px;}

.adv_body .adv_con.con3 p{margin-bottom: 10px;}

.adv_body .adv_con.con3 p span{padding-left: 10px;display: inline-block;}

.ban{width:500px;height:300px;position:relative;overflow:hidden;margin:40px auto 0 auto;}

.ban2{width:400px;height:300px;position:relative;overflow:hidden;float:left;}

.ban2 ul{position:absolute;left:0;top:0;}

.ban2 ul li{width:400px;height:300px;}

.ban2 ul li img{width:400px;height:300px;}

.prev{float:left;cursor:pointer;}

.num{height:272px;overflow:hidden;width:82px;position:relative;padding: 14px 0;}

.ban2 .prev1 img{width: 28px;height: 51px;}

.ban2 .next1 img{width: 28px;height: 51px;}

.min_pic{width:82px;float:right;height: 272px;padding: 14px 0;}

.min_pic ul li img{width: 80px;height: 60px;}

.num ul{position:absolute;left:0;top:0;}

.num ul li{width:80px;height:60px;margin-top:5px; padding:1px;}

.num ul li.on{border:1px solid #f18101;padding:0;}

.prev_btn1{width:82px;text-align:center;height:14px;cursor:pointer;position: absolute;top: 0px}

.next_btn1{width:82px;text-align:center;height:14px;cursor:pointer;position: absolute;bottom: 0px}

.prev1{position:absolute;top:115px;left:20px;width:28px;height:51px;z-index:9;cursor:pointer;}

.next1{position:absolute;top:115px;right:20px;width:28px;height:51px;z-index:9;cursor:pointer;}*/



/*合作伙伴*/

/*.scroll_bg{width: 100%;height: 100%;background-image: url(../images/scroll_bg.jpg);background-attachment: fixed;background-position: 50% 0%;background-repeat: no-repeat;position: absolute;z-index: -1;}

.hz{height: 350px;padding: 100px 0;background-color: rgb(34 34 34 / 89%);}

.hz  .tit{height: 120px;width:230px;margin: 0 auto;}

.hz  .tit p{color: #fff;line-height: 60px;font-weight: bold; font-size:48px; text-align: center;}

.hz  .tit span{color: #eee; font-size:18px;text-align: center;display: block;text-transform: uppercase;}

.hz  li{float: left;margin-right: 20px;width: 200px;height: 200px;}

.hz  li:hover{margin-top:-10px;}*/



/*应用领域*/

.case{background-color: #fff;padding: 50px 0;}

.case  .tit{height: 120px;margin: 0 auto;}

.case  .tit p{color: #333;line-height: 60px;font-weight: bold; font-size:48px; text-align: center;}

.case  .tit span{color: #666; font-size:18px;text-align: center;display: block;text-transform: uppercase;}



/*应用领域轮播版块*/

.case{min-width:1400px;width: 100%;overflow: hidden;}

.case ul{overflow:hidden;height:295px;overflow: hidden;}

.case ul li{float:left;width:350px;margin-left:13px;margin-right:16px;background:#fff;  position: relative;  padding:8px;position: relative;    box-shadow: 4px 3px 5px rgb(204 204 204 / 59%);overflow: hidden;}

.case ul li a{display: block;position: relative;}

.case ul li img{width:350px;height: 262.5px;}

.case ul li p.p1{display: block; width: 100%;position: absolute;bottom: 110px;text-align:center;white-space:nowrap; text-overflow:ellipsis;overflow:hidden;line-height:40px;font-size:20px;color:#42a2ce; font-weight:600; background: rgb(255 255 255 / 43%)    }

.case ul li:hover p.p1{display: none;}

.case li .ceng{background:rgb(4 90 160 / 85%);position: absolute;bottom: 0;left: 0;height: 0;overflow: hidden;width: 80%;padding: 0 10%;text-align:left;transition:height .5s;-moz-transition:height .5s; -webkit-transition:height .5s; -o-transition:height .5s;}

.case li .ceng a.tit{font-size: 16px;height: 50px;line-height: 50px; text-align:center;overflow: hidden;padding: 110px 0 0;color: #fff;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width:100%;}

.case li .ceng p{font-size: 14px;color: #fff;line-height:25px;height: 120px;overflow: hidden;padding: 5px 0 0;text-align: left;}

.case li:hover .ceng{height: 100%;}



/*新闻*/

.news{padding:60px 0 50px  0;overflow: hidden;background-color:#f0f3fa}

.news  .tit{height: 120px;width:230px;padding-top:200px;}

.news  .tit p{color: #333;line-height: 60px;font-weight: bold; font-size:48px; text-align: center;}

.news  .tit span{color: #666; font-size:18px;text-align: center;display: block;text-transform: uppercase;}

.news  .tit a.more{display: block;width:160px;line-height: 50px;background-color: #018fd7;text-align: center;color: #fff;font-size: 16px;margin:10px auto  0;}

.news .right{width:1150px; }

.news .n-three li{width:376px;float: left;height: 400px; overflow: hidden;background:url(../images/n1bg.jpg) no-repeat center; margin-right: 8px;border: 1px solid #fff;}

.news .n-three li:nth-child(2){background:url(../images/n2bg.jpg) no-repeat center;}

.news .n-three li:nth-child(3){background:url(../images/n3bg.jpg) no-repeat center;}

.news .n-three li:nth-child(3n){  float:right;margin-right: 0}

.news .n-three li .wz{width: 120px;height: 120px;background-color: #fff;display: block;margin:0 auto 20px;}

.news .n-three li .wz span{display: block;text-align: center;line-height: 50px;color: #333;padding-top: 15px;    font-size: 20px;font-family: impact;}

.news .n-three li .wz  em{display: block;height: 2px;width: 50px;margin:0 auto;background-color: #018fd7 }

.news .n-three li .wz  p{color: #333;line-height: 30px;font-size:22px;text-align:center;font-family: impact;line-height: 45px;}

.news .n-three li a.ntitle{display:block;padding: 0 50px;text-align:center;line-height: 55px;color: #fff; font-size: 16px;          white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} 

.news .n-three li p.jj{padding:0  30px;color: rgb(220 220 220 / 79%);line-height: 20px;height: 80px;}

.news .n-three li a.more{display: block;text-align: center;line-height:35px;border: 1px solid #b5b5b5;background-color: #eee;width: 100px;color: #666;margin:30px auto 0;}

.news .n-three li:hover{background:url(../images/n1bg-1.jpg) no-repeat center;    }

.news .n-three li:nth-child(2):hover{background:url(../images/n2bg-1.jpg) no-repeat center;    }

.news .n-three li:nth-child(3):hover{background:url(../images/n3bg-1.jpg) no-repeat center;    }

.news .n-three li:hover .wz{background-color: #018fd7;}

.news .n-three li:hover .wz span{color: #fff;}

.news .n-three li:hover .wz  em{background-color: #fff}

.news .n-three li:hover .wz  p{color: #fff;}

.news .n-three li a.ntitle:hover {line-height: 40px;} 

.news .n-three li:hover a.more{background-color: #018fd7;color: #fff;border: 1px solid #018fd7}

.news .n-three li:hover p.jj{color: #999;}

/*下方列表*/

.nlist{margin-top:20px;}

.nlist ul li{float:left;width:376px;background: #fff;margin-right:11px;height:auto;margin-bottom: 10px; box-sizing: border-box;transition: .3s; padding: 28px 20px;}

.nlist ul li:nth-child(3n){float:right;margin-right: 0}

.nlist ul li a{display: block;font-size: 16px; color:#333;  line-height: 16px; margin-bottom: 14px;width: 100%; overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}

.nlist ul li i{display: block;font-size: 12px; color:#808080; line-height: 12px;font-style: normal;}

.nlist ul li:hover  a{color:#fff;}

.nlist ul li:hover  i{color:#ccc;}

.nlist ul li:hover{background:#018fd7 }



.nlistx{margin-top:20px;}

.nlistx ul li{float:left;width:430px;background: #f1f1f1;margin-right:11px;height:auto;margin-bottom: 10px; box-sizing: border-box;transition: .3s; padding: 28px 20px;}

.nlistx ul li:nth-child(2n){float:right;margin-right: 0}

.nlistx ul li a{display: block;font-size: 16px; color:#333;  line-height: 16px; margin-bottom: 14px;width: 100%; overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}

.nlistx ul li i{display: block;font-size: 12px; color:#808080; line-height: 12px;font-style: normal;}

.nlistx ul li:hover  a{color:#fff;}

.nlistx ul li:hover  i{color:#ccc;}

.nlistx ul li:hover{background:#018fd7 }





/*底部*/

.footWrap{box-sizing:border-box;overflow:hidden;background-color: #222}

.footWrap .footer{padding: 60px 0 60px 0;}

.footWrap span{display: block;line-height:30px;color:#e8e8e8; font-size: 26px;font-weight: 700;margin-bottom: 20px;font-family: arial; text-transform: uppercase;}

.fnav{overflow:hidden;width:430px;float:left;height:250px;border-right:1px solid #3a3a3a;padding-left: 90px}

.fnavv a{font-size:16px;color:#ccc;line-height:42px;}

.fnav  em  ,  .fcontact  em{display: block;width: 100px;height: 2px;background-color: #e8e8e8;margin: 4px 0 12px 0;}

.fnavv li{float: left;margin-right:35px;width:100px;}

.fcontact {float:left;overflow:hidden;height:250px;box-sizing:border-box;padding-left:90px}

.fcontact p{height:42px;line-height:42px;padding-left:55px;background:url(../images/fttel.png) no-repeat left center;font-size:26px;color:#018fd7;font-weight:700;margin-bottom:15px}

.fcontact li , .fcontact1 li{line-height:27px;color:#ccc;font-weight:400;font-size:15px;}

.fcontact li em , .fcontact1 li em{padding:0 10px}

.fcontact li a , .fcontact1 li a{color: #ccc}

.fcontact1{overflow:hidden;box-sizing:border-box;width:250px;padding-top: 30px; border-right: 1px solid #3a3a3a;height:250px;}

.fcontact1 p{text-align: center;font-size:15px;color:#ccc;}

.fcontact1 li{float: left;margin-right: 30px;width:160px;height:100px;}

.fcontact1 img{width:220px;height:110px;display:block;padding-top: 20px;}



/*copyright*/

.footWrap2{height:40px;line-height:40px;color:#666;background:#018fd7}

.footWrap2 p{ color: #f5f5f5;text-align: center}

.footWrap2 p a{ color: #f5f5f5;text-align: center}

.footWrap2 em{padding:0 5px}