html,body{min-width: 1300px;}
*{margin:0;padding:0;font-family:"微软雅黑";font-size: 16px;}
li{list-style:none;}
a{color:black;text-decoration:none;}
input{border:none;outline:none;}
h1,h2,h3,h4,h5,h6{font-size:16px;font-weight:normal;}
.clearfix{clear: both;}
i,em{font-style:normal;}
.width12{width: 1200px;margin: 0 auto;}
.width13{width: 1300px;margin: 0 auto;}
.swiper-pagination-bullet{margin: 0 1%;}
.swiper-slide img{width: 100%;}
.fl{float: left;}
.fr{float: right;}
.i_big{text-transform:uppercase;}
.top_A{width: 52px;height: 52px;position: fixed;right: 20px;bottom: 100px;cursor: pointer;z-index: 99;background: #1441be;}
.sf{display: none;}
.active{background: #2c82e8;color: #fff;}
/*.top_box:hover::before, .top_box:hover::after{position: absolute;}
.top_box:hover::before { content: ""; left: -20px; top: 11px;left: -5px;width: 10px;height: 3px;background: #1441be;}
.top_box:hover::after { content: ""; right: -20px; top: 11px;right: -5px;width: 10px;height: 3px;background: #1441be;}*/
/*内页*/
.box_box{width:600px;height:140px;padding-top:20px;background-color:rgba(255,255,255,0.85);position: absolute;bottom:100px;left:50%;margin-left:-300px;text-align: center;}
.box_box h3{font-size:30px;font-weight:bold;color:#1441be;height:36px;line-height:36px;text-align: center;}
.box_box h3 i{display: inline-block;width:80px;height:1px;vertical-align: middle;background-color:#1441be;margin:0 10px;}
.box_box .bb_call{font-size:20px;font-weight:bold;color:#1441be;font-family:impact;margin-top:20px;text-align: center;}
#box_box_img{height:26px;display: inline-block;margin-right: 10px;
-webkit-animation:box_img 2s ease-in infinite both;
animation:box_img 2s ease-in infinite both;
}
@-webkit-keyframes box_img{
0%,100%{
-webkit-transform:scale(1);
transform:scale(1);
}
50%{
-webkit-transform:scale(1.2);
transform:scale(1.2);
}
}
@keyframes box_img{
0%,100%{
-webkit-transform:scale(1);
transform:scale(1);
}
50%{
-webkit-transform:scale(1.2);
transform:scale(1.2);
}
}
.box_box p{color:#707070;margin-top:10px;text-align: center;}
.box_box p a{display: inline-block;color:#707070;padding-top:6px;font-size:14px;}
.box_box p a:hover{color:#1441be;}
#nyba{position: relative;}
img {
border: 0;
vertical-align: middle;
/*max-width: 100%;*/
}
/*下拉*/
.pro_lest{position: absolute;left: 0;top: 122px;width: 100%;background: rgba(0,0,0,.8);border-radius: 4px;box-shadow: 0 0 10px #333;display: block;z-index: 9999;padding-top: 20px;padding-bottom: 20px;
display: none;
}
#hi_li:hover .pro_lest{}
.ttt{width: calc(100%/6);float: left;padding: 20px;box-sizing: border-box;}
.pro_lest .ttt i{color: #fff;line-height: 30px;text-align: center;display: inline-block;font-size: 16px;}
.ttt:hover{background: #1441be;border-radius: 6px;}
.tttpro_typeIMG img{width: 100%;border-radius: 6px;border: 4px solid #fff;box-sizing: border-box;transition: all .5s;}
.pro_lest .ttt a{line-height: 30px!important;display: block;text-align: center;}
.ttt:hover img{transform:scale(1.1);}
.ttt:hover i{opacity: 0;}
/*头部*/
.header{width: 100%;position: fixed;height: 123px;background: #fff;text-align: right;z-index: 999;}
.logo{top: 32px;left: 30px;position: absolute;}
.nav{display: inline-block;width: 56%;margin-left: 70px;}
.nav li{float: left;width: 12%;height: 123px;position: relative;}
.nav li:hover a{color: #fff;background: #2c82e8;}
.nav a{text-align: center;line-height: 123px;transition: all .3s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;}
.nav li p{text-align: center;line-height: 123px;line-height: 123px;width: 100%;position: absolute;top: 0;left: 0;z-index: 1;background: #1441be;color: #fff;z-index: -2;}
.top_tab{position: absolute;right: 22px;top: 26px;}
/*当前*/
.n_readType_bj{width: 100%;height: 80px;background: #fafafa;}
.n_readLeft{width: 860px;float: left;}
.n_readRight{float: right;}
.n_readRightBig{width: 300px;background: #fafafa;padding: 15px 0 30px;margin-bottom: 30px;}
.n_readType li{float: left;}
.n_readType li a{height: 100%;width: 100px;text-align: center;line-height: 80px;display: block;color: #707070;font-size: 14px;transition: all .2s;}
.n_readType .O_01{background: #e74c3c;color: #fff;}
.nAll_wz{height: 100%;}
.nAll_wz p{line-height: 80px;font-size: 14px;color: #707070;font-family: "Microsoft JhengHei";}
.nAll_wz p a{font-size: 14px;color: #707070;font-family: "Microsoft JhengHei";}
.nAll_wz img{height: 20px;margin-top: -4px;margin-right: 8px;}
/*title*/
.title{text-align: center;margin-bottom: 30px;width: 100%;}
.title img{display: block;width: 100%;}
/*产品分类*/
.pro_type ul{text-align: center;padding-top: 40px;}
.pro_type ul li{display: inline-block;margin: 0 15px;width: 20%;margin-bottom: 16px;}
.pro_type ul li a{display: block;width: 100%;height: 46px;text-align: center;line-height: 46px;background: #2a81e8;color: #fff;transition: all .2s;border-radius: 3px;}
.pro_type ul li a:hover{background: #666;}
/*合作客户*/
.hezuo_title{width: 100%;}
.hezuo{width: 100%;position: relative;height: 650px;margin-top: 110px;margin-bottom: 50px;}
.he_titBox{display: block;text-align: center;}
.hezuo_left{width: 32%;float: left;height: 650px;}
.hezuo_left a{width: 100%;display: block;height: 100%;background: url("/images/86e205bd.jpg")no-repeat right center;}
.hezuo_right{width: 65%;float: right;}
.hezuo_left a img{width: 100%;}
.hezuo_All{width: 100%;overflow: hidden;}
.hezuo_box{width: 200%;}
.hezuo_box ul{float: left;width: 50%;}
.hezuo_box li{float: left;width: 31%;margin-right: 15px;}
.hezuo_box li img{width: 100%;}
.hezuo_box p{text-align: center;margin-top: 16px;}
/*优势*/
.ys_bj{width: 100%;height: 946px;background: url("/images/4ebc935f.jpg")no-repeat center center;}
.ys_liB{width: 54px;height: 189px;background: url("/images/53944266.png")no-repeat center center;float: left;}
.ys li{float: left;margin: 0 20px;}
.ys li:nth-child(2){margin-top: -100px;}
.ys li img{display: block;margin-bottom: 10px;}
.ys_liB span{color: #fff;font-size: 28px;font-family: impact;width: 54px;text-align: center;display: block;margin-top: 8px;}
.ys_text{margin-left: 10px;float: left;}
.ys_text h3{font-size: 20px;font-weight: bold;color: #fff;margin-bottom: 20px;text-align: center;}
.ys_text p{color: #FFF;line-height: 26px;text-align: center;width: 220px;}
.ys ul{float: right;padding-top: 350px;box-sizing: border-box;}
#case_but02 p{display: inline-block;vertical-align: middle;font-size: 28px;font-family: impact;margin-left: 6px;}
#case_but02{margin: 0 auto;}
/*title_yss*/
.title_yss{text-align: center;margin-top: 70px;margin-bottom: 50px;}
.title_yss p{text-align: center;margin-top: 8px;}
.title_yss img{display: inline-block;vertical-align: middle;}
.title_yss h3{display: inline-block;font-size: 44px;font-weight: bold;vertical-align: middle;}
.title_yss h3 em{font-size: 44px;color: #1a89ca;font-weight: 100;}
/*产品*/
.pro_All{width: 1300px;margin: 68px auto;overflow: hidden;}
.pro_box ul{width: 100%;}
.pro_box li{width: 290px;display: inline-block;position: relative;overflow: hidden;margin: 0 20px 40px 11px;}
.pro_box li:hover a{bottom: 0;}
.pro_All .pro_img{width: 100%;height: 190px;}
.pro_All .pro_img img{width: 100%;height: 100%;}
.pro_text{background: #efefef;padding: 16px 0;}
.pro_text h5{text-align: center;color: #666;}
.pro_All p{width: 100%;color: #000;text-align: center;margin-bottom: 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pro_All a{display: block;width: 100%;height: 100%;background:rgba(41,130,232,.7) ;position: absolute;bottom: -240px;left: 0;text-align: center;transition: all .2s;}
.pro_All a span{width: 73px;height: 60px;background: url("/images/92616c89.png")no-repeat;display: block;margin: 0 auto;margin-bottom: 30px;margin-top: 70px;}
.pro_All a i{display: block;width: 136px;height: 28px;border: 1px solid #fff;text-align: center;line-height: 28px;margin: 0 auto;color: #fff;}
.P_butAll{width: 900px;margin: 0 auto;padding-bottom: 50px;}
.P_but_left{width: 645px;height: 54px;border: 1px solid #0068d2;border-radius: 30px;box-sizing: border-box;}
.P_but_left a{display: block;width: 100%;height: 100%;}
.P_but_left img{margin-top: 10px;margin-left: 40px;}
.P_but_left em{font-size: 20px;color: #0068d2;margin-top: 12px;margin-left: 20px;}
.P_but_left p{font-size: 40px;color: #0068d2;font-family: impact;margin-top: 4px;}
.P_but_right a{width: 204px;height: 54px;background: #0068d2;border-radius: 30px;color: #fff;display: block;text-align: center;line-height: 54px;transition: all .3s;}
.P_but_right a:hover{background: #666;}
/*关于我们*/
.about_bj{width: 100%;height: 808px;background: url("/images/2df024e4.jpg")center center no-repeat;}
.about{}
.about_text{width: 850px;padding-top: 230px;}
.about_text h2{font-size: 30px;color: #2982e8;font-weight: bold;}
.about_text span{display: block;width: 53px;height: 3px;background: #cdcdcd;margin: 16px 0 20px;}
.about_txt p{color: #666;line-height: 28px;}
.about_tel h3{display: inline-block;font-weight: bold;color: #333;}
.about_tel i{font-size: 50px;color: #444;font-family: impact;}
.about_a{margin-top: 50px;}
.about_a a{width: 173px;height: 46px;background: #2982e8;border-radius: 40px;color: #fff;display: block;line-height: 46px;text-align: center;transition: all .2s;}
.about_a a:hover{background: #666;}
/*案例2*/
.case_All li{float: left;width: 23%;margin: 0 1%;box-sizing: border-box;box-shadow: 0 0 16px #dedede;border: 10px solid #fff;transition: all .2s;}
.case_All li img{display: block;width: 100%;}
.case_All ul{float: left;width: 50%;}
.case_All{width: 100%;overflow: hidden;}
.case_box{width: 200%;padding: 1% 0;}
.case_box p{text-align: center;padding-top: 10px;transition: all .2s;background: #fff;}
.case_All li:hover{border: 10px solid #1441be;}
.case_All li:hover p{background: #1441be;color: #fff;}
.case{width: 100%;height: 550px;background: url("/images/180bfc78.jpg")no-repeat center center;}
.case_tab{width: 671px;height: 64px;background: url("/images/a8d0021b.png")no-repeat;margin: 0 auto;margin-top: 30px;}
.case_text p{color: #fff;font-size: 22px;float: left;margin-top: 8px;margin-left: 190px;}
.case_text i{color: #df0000;font-family: impact;font-size: 40px;float: left;}
.case_text{padding-top: 6px;box-sizing: border-box;}
/*公共按钮1*/
.case_but{width: 520px;margin: 0 auto;margin-bottom: 85px;}
.case_but a{width: 250px;height: 48px;display: block;border-radius: 30px;transition: all .2s}
#case_but01{background: #00a0e9;float: left;}
.case_but a:hover{background: #999 !important;;}
#case_but01 img{float: left;margin-left: 20px;margin-top: 9px;}
#case_but01 p{float: left;color: #fff;font-family: impact;font-size: 28px;margin-left: 10px;margin-top: 5px;}
#case_but02{background: #1441be;float: right;}
#case_but02{color: #fff;font-size: 20px;text-align: center;line-height: 48px;}
/*公共按钮2*/
.gg_pro_tt{width: 496px;height: 46px;border: 1px #dedede solid;margin: 0 auto;border-radius: 28px;background: #1441be;margin-bottom: 83px;}
.gg_pro_tt a{display: block;width: 196px;height: 46px;background: #fff;border-radius: 28px;text-align: center;line-height: 46px;float: left;transition: all .2s;}
.gg_pro_tt a:hover{background: #999;color: #fff;}
.gg_pro_tt h4{float: left;color: #fff;font-size: 18px;font-weight: bold;margin-top: 10px;margin-left: 10px;}
.gg_pro_tt em{float: left;font-family: impact;color: #fff;font-size: 26px;margin-left: 6px;margin-top: 4px;}
/*旋转轮播*/
.box{
width: 1300px;
margin: 0 auto;
height: 500px;
position: relative;
overflow: hidden;
}
.banner_zhuan{
position: relative;
}
.slide{
width: 760px;
height: 430px;
margin: 0 auto;
position: relative;
}
.slide li{
position: absolute;
box-shadow: 0 0 20px #666;
display: flex;
display: -webkit-flex;
align-items: center;
-webkit-align-items:center;
border:6px solid #fff;
}
.slide li a{display: block;width: 100%;height: 100%;position: relative;}
.slide li a p{width: 100%;height: 62px;background:rgba(0,150,255,.8);color: #fff;text-align: center;line-height: 62px;position: absolute;left: 0;bottom: 0px;transition: all .3s;}
.slide li img{
width: 100%;
height: 100%;
}
.previous{
position: absolute;
left: -210px;
top: 170px;
width: 50px;
height: 100px;
z-index: 90;
cursor: pointer;
transition: all .3s;
opacity: 0.7;
}
.next{
position: absolute;
right:-220px;
top: 170px;
width: 50px;
height: 100px;
line-height: 60px;
z-index: 90;
cursor: pointer;
transition: all .3s;
opacity: 0.7;
}
.previous:hover{left: -230px;}
.next:hover{right: -240px;}
.case_jjj:hover{opacity: 1;}
.arrow div img{width: 100%;display: block;text-align: center;}
/*新闻*/
.news_All{width: 1300px;margin: 0 auto;margin-bottom: 70px;margin-top: 70px;}
.news_left{width: 40%;float: left;}
.news_right{width: 56%;float: right;}
.news_leftIMG img{width: 100%;}
.news_left_title{margin-top: 25px;}
.news_left_title h2{float: left;}
.news_left_title i{float: right;}
.news_left p{font-size: 14px;color: #333;margin: 20px 0;}
.news_left_but{width: 120px;height: 35px;background: #ff9600;}
.news_left_but a{width: 100%;height: 100%;display: block;text-align: center;line-height: 35px;color: #fff;}
.news_right_IMG{float: left;width: 160px;height: 130px;}
.news_right_IMG img{width: 100%;height: 100%;display: block;}
.news_right_text{float: right;width: 70%;}
.news_right li{padding: 13px 0;border-bottom: 1px solid #e4e4e4;}
.news_right li:hover h2{color: #006edf;}
.news_right li:nth-child(1){padding-top:0;}
.news_right_textTOP{margin-top: 22px;margin-bottom: 20px;}
.news_right_textTOP h2{float: left;font-size: 18px;transition: all .2s;}
.news_right_textTOP i{float: right;}
.news_right_text p{font-size: 16px;color: #333;}
/*最底部*/
.foot_buttom{width: 100%;height: 48px;background: #242424;min-width: 1200px;border-top: 1px solid #313131;box-sizing: border-box;}
.f_center{height: 100%;width: 1300px;margin: 0 auto;display: flex;align-items: center;}
.f_center p{color: #fff;margin-left: 60px;margin-right: 50px;}
.f_center h3{color: #fff;}
.f_center h3 a{color: #fff;}
.f_img01{margin-left: 100px;margin-right: 100px;}
/*foot*/
.footer{background: #303030;width: 100%;}
.foot{padding-top: 42px;box-sizing: border-box;}
.foot_logo{float: left;width: 234px;height: 227px;text-align: center;padding-top: 46px;box-sizing: border-box;}
.foot_logo h1{width: 100%;text-align: center;color: #fff;font-size: 50px;letter-spacing:2px;margin-top: 15px;font-weight: bold;}
.foot_logo i{font-size: 10px;color: #fff;}
.foot_logoText{float: left;margin-left: 10px;}
.foot_logoText h2{font-size: 40px;font-weight: bold;color: #0ba22f;margin-bottom: 10px;margin-top: 6px;}
.foot_logoText i{font-size: 18px;color: #0ba22f;}
.foot_ew p{font-size: 14px;color: #fff;width: 100%;text-align: center;margin-top: 8px;}
.foot_ew{width: 146px;float: right;margin-top: 30px;}
.foot_ew img{display: block;width: 146px;height: 146px;}
.foot_nav2{float: left;width: 200px;margin-left:195px;border-right: 1px solid #fff;}
.foot_type1_bj{background: #000;}
.foot_type01 li:hover{background: #0c5d3a;}
.foot_nav2 li a{display: block;color: #999;padding: 4px 7px;margin-right: 12px;margin-bottom: 2px;transition: all .2s;}
.foot_nav2 li a:hover{background: #fff;color: #00864c;}
.foot_jj{float: left;width: 300px;margin-left: 60px;}
.foot_type02 h2{font-size: 20px;color: #fff;font-weight: bold;margin-bottom: 8px;}
.foot_jj p{color: #999;line-height: 30px;}
.foot_type01_type h5{font-size: 20px;font-weight: bold;color: #fff;margin-bottom: 6px;text-align: center;margin-top: 8px;}
.foot_type01_type span{height: 2px;width: 40px;background: #fff;display: block;margin-left: 45px;}
.foot_type01_type{width: 170px;text-align: center;}
/*@media screen and (max-width:1520px){
.pro_type{width: 1300px;}
.pro_typeTop{width: 210px;}
.pro_typeAll li{width: 112px;}
}*/