@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}
em , i{font-style: normal;}
.content{width: 1200px;margin:0 auto;}
/*banner*/
.flexslider{margin:0 auto 0;position:relative;width:100%;height:750px;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:#1e87d2}
.flexslider .slides a img{width:100%;height:750px;display:block}

/*统一使用的标点*/
.pubtit{text-align: center;height: 120px;font-size: 38px;color: #666;background:url(../images/titbg.png) no-repeat top -11px  center;line-height: 65px;}
.pubtit span{display: block;font-size:17px;color: #999;font-weight: normal;line-height: 7px;}
.pubtit1{text-align: center;height: 120px;font-size: 38px;color: #fff;background:url(../images/titbg.png) no-repeat top -11px center;line-height: 65px;}
.pubtit1 span{display: block;font-size: 17px;color: #e2e2e2;font-weight: normal;    line-height: 7px;}

/*头部*/
.header{ width: 100%;}
.header .wel{ width: inherit; background: #eee;line-height: 36px;}
.header .header_top .left,.header .header_top .right a{ color: #333; font-size: 14px;}
.header .header_top .right a{    display: block;float: left; margin-right: 25px;}
.header .header_top .right a:last-child{ margin-right: 0;}
.header .nr{overflow: hidden;}
.header .nr .logo{width: 600px;height: 80px;padding: 10px 0; }
.header .nr .logo img{width: 600px;height: 80px;}
.header .nr .right{ margin:20px 0 0;width: 265px;}
.header .nr .right .icon{ margin: 0 18px 0 0;float: left;}
.header .nr .right .dz-rx em{ display: block; color: #444; font-size: 18px;line-height: 22px; margin-bottom: 10px;}
.header .nr .right .dz-rx p{ font-size: 26px; color: #1e87d2;font-weight: bold; line-height: 26px;}

/*栏目*/
.head_nav{width: 100%;background-color: #1e87d2}
.head_nav .first_ul > li{width: 150px;float: left;position:relative;}
.head_nav .first_ul > li > a{color: #fff;display: block;text-align: center;font-size: 16px;line-height:55px}
.head_nav .first_ul > li:hover > a{font-weight: bold;}
.head_nav .second_ul {display: none;position: absolute;top:55px;z-index: 999;width: 100%;}
.head_nav .second_ul::before{ position: absolute;content: "";display: inline-block;width: 0;height: 0;border-width: 0px 6px 6px 6px;border-style: solid;border-color:  transparent transparent rgba(188, 188, 188, 0.8) transparent;top: -6px;left: 50%;margin-left:-6px;color: #fff;}
.head_nav .first_ul > li:hover .second_ul{display: block;}
.head_nav .first_ul > li > .second_ul > li{background: rgba(51, 51, 51, 0.8);height: 35px;line-height: 35px;text-align: center;position: relative;}
.head_nav .first_ul > li > .second_ul > li > a{display: block;color: #c0c0c0}
.head_nav .second_ul > li:hover > a{background: #1e87d2;}



/*产品中心*/
.pro{margin:60px 0  60px 0;overflow:hidden; }
.pro .tit{background:url(../images/pro_h.png) no-repeat center top;}
.fen{ width:225px;overflow:hidden;}
.fen a.first_tit{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;line-height: 40px; padding-left: 50px; background: url(../images/pi1.png) no-repeat #e0e0e0 left   15px center;border-bottom: 1px solid #fff;  font-size:17px;  border-left:3px solid #1e87d2; color:#666;}
.fen a.first_tit:hover{ background-color: #1e87d2;color: #fff}
.fen li{ margin: 6px 0 0  0;line-height:25px; overflow:hidden;}
.fen li a{ display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color: #999; padding-left:20px; font-size:15px;border-bottom: 1px dashed #b0b0b0;}
.fen li a.none{border-bottom:none; }
.fen li a:hover,.fen li a:hover em{ color:#1e87d2;}
.fen ul li:last-child a{border-bottom:none !important;}
/*右侧*/
.pimglist{width: 920px;}
.pimglist li{float:left;width:280px;margin-bottom:24px;margin-right:20px;border:1px solid #e0e0e0;}
.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:#1e87d2}
.pimglist li img{display:block;width:280px;height:210px}
.pimglist li a:hover span{color:#fff}
.pimglist .item_mask{width:280px;height:210px;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:rgb(4 107 180 / 62%);}
.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}

/*关于我们*/
.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;}
.about{height: 620px;background-color:rgb(153 153 153 / 70%);padding: 60px 0}
.about .des{}
.about .des span{display: block;color: #fff;font-size:25px;font-weight: 600;text-align: center;line-height: 70px;}
.about .des p{line-height: 30px;text-indent: 2rem;color: #f5f5f5;font-size: 15px;}
.about .des a.more{display: inline-block; background-color: #1e87d2;text-indent: 0; width: 80px; line-height:30px;color: #fff; font-size:15px; text-align: center;margin-left: 20px;}
.about .iconlist{width: 900px; margin: 30px  auto  0;}
.about .iconlist li{float: left;width:168px;margin: 0 28px 0 29px;height: 160px;position: relative;    background:url(../images/icon1.png) no-repeat  top center;}
.about .iconlist li:nth-child(2){ background:url(../images/icon2.png) no-repeat  top center;}
.about .iconlist li:nth-child(3){ background:url(../images/icon3.png) no-repeat  top center;}
.about .iconlist li:nth-child(4){ background:url(../images/icon4.png) no-repeat  top center;}
.about .iconlist li:hover{float: left;width:168px;margin: 0 28px 0 29px;height: 160px;position: relative;    background:url(../images/icon1-1.png) no-repeat  top center;}
.about .iconlist li:nth-child(2):hover{ background:url(../images/icon2-1.png) no-repeat  top center;}
.about .iconlist li:nth-child(3):hover{ background:url(../images/icon3-1.png) no-repeat  top center;}
.about .iconlist li:nth-child(4):hover{ background:url(../images/icon4-1.png) no-repeat  top center;}
.about .iconlist li a{color: #fff;position: absolute;bottom: 0}
.about .iconlist li p{line-height: 45px;color: #fff;font-size: 16px;text-align: center;width:168px;}

/*栏目*/
.navlist{height: 50px;}
.navlist li{line-height: 50px;float: left;color: #fff;}
.navlist li a{color:#fff;font-size:16px;padding: 0 38px;}

/*优势*/
.ys{background-color: #fff;padding: 60px 0}
.ys li{width: 550px;float: left; margin: 30px 100px 30px 0px;}
.ys li:nth-child(2n){float: right;margin-right: 0}
.ys img{display: block;float: left;width: 105px; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
.ys img:hover{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg); }
.ys .wz{float: right;width: 405px;padding-top: 10px;}
.ys .wz p{line-height: 50px;font-size:26px;color: #666}
.ys .wz span{line-height: 35px;font-size: 15px;color: #999; display: block;border-top:1px solid rgb(204 204 204 / 50%);}

/*产品特点*/
.td{background-color: #1e87d2;padding:30px 0;}
.td  li{margin-right:160px;width:180px;float: left;position: relative;height: 175px;}
.td  li:nth-child(4){margin-right: 0;float: right;}
.td  li p{color:#fff;line-height:40px;font-size:18px;font-weight: 600;text-align: center;position: absolute;width: 180px;bottom:16px}
.td  li span{display: block;text-align: center;font-size: 16px;color: #eee;position: absolute;width: 180px;bottom: 0}
.td  li img{display: block;margin:0 auto;width: 105px; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
.td  li img:hover{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg); }

/*新闻*/
.bg{background:url(../images/bg.jpg) no-repeat  top center;height: 550px;}
.newsdt{padding:60px 0 0  0; box-sizing: border-box;}
.newsdt .part1{margin-bottom:20px;overflow: hidden;background:rgb(255 255 255 / 65%);border: 1px solid #dedede;padding: 10px;}
.newsdt .part1 .nimg{width:360px; height:270px;float:left; overflow:hidden;}
.newsdt .part1 .nimg img{width:360px; height:270px; transition:.5s;}
.newsdt .part1 .nimg:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.newsdt .part1 .wz{float:left; width:660px;padding: 45px;box-sizing: border-box;}
.newsdt .part1 .wz a.tit {display: block;margin-bottom: 22px;font-size: 17px; line-height: 20px; color: #333;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.newsdt .part1 .wz a.tit:hover{color: #1e87d2;} 
.newsdt .part1 .wz p{height:66px; color:#888; margin-bottom: 20px;}
.newsdt .part1 .wz i{display: block; font-size: 14px;color:#333333; line-height: 14px; text-align: right;font-style: normal;}
.newsdt ul li{float:left;width:355px;margin-right: 37px;height:90px;background:rgb(245 245 245 / 58%) url(../images/jt1.png) no-repeat 90%; margin-bottom: 10px; box-sizing: border-box;padding-top:28px; padding-left:21px;transition: .3s;}
.newsdt ul li:nth-child(3n){float:right;margin-right: 0}
.newsdt ul li a{display: block;font-size: 16px; color:#333;  line-height: 16px; margin-bottom: 14px;width: 260px; overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.newsdt ul li i{display: block;font-size: 12px; color:#808080; line-height: 12px;font-style: normal;}
.newsdt ul li:hover  a{color:#fff;}
.newsdt ul li:hover  i{color:#ccc;}
.newsdt ul li:hover{background:#1e87d2 url(../images/jt1_h.png) no-repeat 90%;}

/*联系我们部分*/
.cont{padding:195px 0 0 0;}
.cont .iconlist{padding-top: 50px;}
.cont .iconlist li{width: 170px; float: left;height: 240px; padding: 0 15px 0 15px;height: 240px;border-radius: 15px;}
.cont .iconlist li img{display: block;margin:30px auto 0;width: 100px;height: 100px;border: 1px solid rgb(255 255 255 / 40%);border-radius: 50px;}
.cont .iconlist li:nth-child(5){margin-right: 0;float: right;}
.cont .iconlist li p{color:#fff;line-height:50px;font-size:18px;font-weight: 600;text-align: center}
.cont .iconlist li span{display: block;font-size: 16px;color: #eee;text-align: center}
.cont .iconlist ul{width: 1000px;}
.cont .ewm{width:150px;height: 150px;padding-top: 40px;}
.cont .ewm img{width:150px;height: 150px;}
.cont .ewm  p{font-size: 15px;color: #eee;text-align: center;line-height: 35px;}



/*行业应用*/
.hyyy{padding: 60px 0 0 0;}
.hyyy ul li{float: left; width: 340px;margin-bottom: 30px; margin-right: 26px;border: 1px solid #e6e6e6; padding: 20px 20px 0 20px;}
.hyyy  li:nth-child(3n){float: right;margin-right: 0}
.hyyy .hy-img{width:340px; height: 255px; position: relative; overflow: hidden}
.hyyy .hy-img img{display:block;width:340px;height: 255px;transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.hy-ceng{width:100%; height: 100%; position: absolute; top:0px; left:0; background:rgb(30 135 210 / 70%); text-align: center; padding-top: 20%; opacity: 0}
.hyyy ul li p{width:100%; height: 45px;line-height: 45px; text-align: center;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 18px; color: #666666;}
.hy-ceng i{width:60px; height: 60px; background: url(../images/links.png) no-repeat; display: block; margin: 10px auto }
.hy-ceng span{font-size: 14px; color: #fff; text-align: center}
.hy-ceng:after{content:" ";  background: url(../images/p_bjs.png) no-repeat; background-size: 100%  85%; width: 92%; height: 85%; position: absolute; top:12px; left:12px;}
.hyyy li:hover .hy-ceng{opacity: 1; transition: .6s}
.hyyy li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.hyyy  li p{width:100%;line-height:35px; text-align: center;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size:16px; color: #666666;}

/*copyright*/
.cop{line-height:35px;color:#888;background:#ccc}
.cop p{color:#888;text-align: center}
.cop p a{color:#888;text-align: center}
.cop em{padding:0 5px}