@charset "utf-8";
/* CSS Document */
html,body{
	margin:0;
	padding:0;
	font-size:14px;
	font-family:"微软雅黑", Arial, Helvetica, sans-serif;
	position: relative;
	overflow-x: hidden;
	}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,textarea,img{
	margin:0;
	padding:0;
	list-style:none;
	border:0;
	font-weight: normal;
	font-size: 14px;
	}

a{text-decoration:none;}
.clear{clear: both;}
.hide{display: none;}
.padding{padding: 0 18%;}
.width{width: 64%;}

/*head*/
.all1{width:100%;margin:0 auto;}
.head{width: 94.7%;overflow: hidden;margin:0 auto;}
.logo{float: left;height: 83px;padding-top: 14px;padding-bottom: 14px;}
.logo img{height: 100%;width: auto;display: block;}
.phone{float: right;padding:0.5em 2.1em;width:945px;background: #0a9de2;border-radius: 50px;margin-top:2.5em;}
.nav{float: left;overflow: hidden;}
.nav li{display: inline-block;vertical-align: center;width:110px; text-align: center;border-radius: 5px;}
.nav li a{display: block;color: #020202;font-size: 16px;line-height: 2.2em;color:#fff;}
.nav li:hover{background: #fff;}
.nav li:hover a{background: linear-gradient(to bottom, #1d5298, #2690ce);-webkit-background-clip: text; color: transparent;}
.nav .ua1{background-color: #fff;}
.nav .ua1 a{background: linear-gradient(to bottom, #1d5298, #2690ce);-webkit-background-clip: text; color: transparent;}
.search{width:188px;border:1px solid #fff;border-radius: 5px;float: left;margin-left:3%;overflow: hidden;position: relative;}
.search input{font-size: 14px;line-height: 2.4em;float: left;width: 100%; text-indent: 0.5em;background: none;}
.search input::-webkit-input-placeholder { /* WebKit, Blink, Edge */    color:#fff; }
.search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */   color:#fff; }
.search input::-moz-placeholder { /* Mozilla Firefox 19+ */   color:#fff; }
.search input:-ms-input-placeholder { /* Internet Explorer 10-11 */   color:#fff; }
.search button{width: 18%;position: absolute;top:4px;right:0;background: none;border:none;}
.phone .en{font-size: 16px;line-height: 2.2em;color:#fff;margin-left: 1%;}

.ph-seach{width:100%;position: fixed;top:-200px;background: #fff;box-shadow: 0 0 5px 1px #ccc;z-index: 999999999;padding-top: 3em;padding-bottom:3em; text-align: center;display: none!important;}
.ph-seach a{display: inline-block;width:36px;position: absolute;right:10em;top:2em;opacity: 0.5;}
.ph-seach input{font-size: 14px;line-height: 2.4em;width:20%; text-indent: 0.5em;background: none;border:1px solid #ccc;border-radius: 10px;margin:0 0.5em;}
.ph-seach input::-webkit-input-placeholder { /* WebKit, Blink, Edge */    color:#ccc; }
.ph-seach input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */   color:#ccc; }
.ph-seach input::-moz-placeholder { /* Mozilla Firefox 19+ */   color:#ccc; }
.ph-seach input:-ms-input-placeholder { /* Internet Explorer 10-11 */   color:#ccc; }
.ph-seach button{width: 38px;background: none;border:none;padding-top:4px;height:40px;vertical-align: middle;line-height: 40px;}
/*banner*/
.banner .swiper-container {width: 100%;height: 100%;position: relative;}
.banner .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;  -webkit-align-items: center;align-items: center;}
.banner .swiper-slide img{width: 100%;}
/*首页产品展示*/
.all2{margin-top: 60px;}
.all2a{}
.index1{text-align: center;padding-top: 20px;}
.index1 span{color: #0171b1;}
.index1 h1{color: #262626;font-size: 36px;}
.index1 p{margin-top: 30px;}
.tab_menu{text-align: center;overflow: hidden;margin-top: 30px;}
.tab_menu li{display: inline-block;vertical-align: top;line-height: 34px;overflow: hidden; padding: 0 2em;cursor: pointer;color: #686868;font-size: 16px;transition:all 0.4s ease-in-out;}
.tab_menu li:hover{background: #258dcd;color: #fff;border-radius: 30px;}
.tab_menu .selected{background: #258dcd;color: #fff;border-radius: 30px;}

.syprolist{width:100%;overflow: hidden;}
.roll__list li{position:relative;padding-bottom:3em;}
.roll__list li div{width: 98%;overflow: hidden;border:2px solid #258dcd;}
.roll__list li:hover div img{transform:scale(1.25,1.25);}
.roll__list li div img{transition:all 0.5s ease-out;	/* 过度 所有css属性 1秒过度 结束慢*/-moz-transition:all 0.5s ease-out;	/* Firefox 4 */-webkit-transition:all 0.5s ease-out;	/* Safari 和 Chrome */-o-transition:all 0.5s ease-out;}
.roll__list li b{font-size: 1.8em;font-weight: normal;line-height: 2em; text-align: center;display: block;width: 100%;color:#686868;}
.roll__list li h1{font-size: 1.3em;color:#2d261b;line-height: 3em;}
.roll__list li .pro-tt{width:100%;background: #1d539b;padding-top:2em;padding-bottom:2em;position: absolute;bottom:-435px;}
.pro-tt h2{font-size:2em;color:#fff;line-height: 2.5em;}
.pro-tt .line{width:20px;height:2px;background: #028bd2;margin:0 auto;}
.pro-tt h3{font-size: 1.3em;line-height: 2.8em; color:#fff;}
.pro-tt a{display: block;width:35%;border-radius: 50px;background: #028bd2;color:#fff; text-align: center;margin:0 auto;line-height: 2.2em;}


/*首页应用领域*/
.all3{width: 94.7%;padding-bottom: 30px;background-size: cover;margin:0 auto;}
.index2{text-align: center;padding-top: 30px;}
.index2 span{color: #0171b1;}
.index2 h1{color: #262626;font-size: 36px;}
.index2 p{margin-top: 30px;}


.sypro2{width:100%;margin:30px auto;}
.sypro2 ul{width:100%;overflow: hidden;}
.sypro2 ul li{width:24%;float: left;margin:0 0.5%;position: relative;}
.sypro2 ul li .bg{position: absolute;top: 0;left:0;width: 100%;height:100%;padding-top:4.5em;}
.sypro2 ul li .bg .pic2{width: 90px;overflow: hidden;height:90px;margin:0 auto;}
.sypro2 ul li .bg .pic2 img{width: 100%;display: block;}
.sypro2 ul li .bg h1{width: 20%;text-align: center;margin:1em auto;line-height: 1.5em;color: #2377ba;font-size: 18px;border-bottom: 1px solid #2377ba;}
.sypro2 ul li .bg h2{width: 80%;margin:0 auto; text-align: center;color:#2377ba;font-size: 14px;line-height: 2em;}
.sypro2 ul li:hover .bg{background: url(../images/bg1.png);}
.sypro2 ul li:hover .bg h1{color:#fff;border-bottom:1px solid #fff;}
.sypro2 ul li:hover .bg h2{color:#fff;}

/*首页关于我们*/
.all4{width:100%;background: url(../images/bg3.jpg) center no-repeat;background-attachment:fixed;background-size:100%;margin-top: 30px;padding-top: 40px;padding-bottom:40px;}
.index3{width:100%;overflow: hidden;position: relative;}
.synews{position:absolute;left:2.8%;top:46%;background: url(../images/bg2.png);width:42%;padding-left:1%;overflow: hidden;padding-top: 1em;padding-bottom: 1em;}
.synews .sytime{float: left;color:#fff;font-size: 52px;font-family: 'Impact';width:15%;}
.synews .sy-n-tt{float: left;margin-left: 3%;width: 80%;}
.synews .sy-n-tt h1{font-size: 20px;line-height: 2em;color:#fff;}
.synews .sy-n-tt p{font-size: 14px;line-height: 1.2em;color:#fff;}


.sy-about{width:48%;background: #fff;float: right;padding-top: 3em;padding-bottom: 3em;padding-left: 2%;}
.sy-about h1{font-size: 3.5em;padding-bottom:10px;border-bottom: 4px solid #2064a8;width: 22%;}
.sy-about .syaboutcon{width:92%;font-size: 16px;line-height: 2em;margin-top:3em;margin-bottom: 1em; text-indent: 2em;}
.sy-about .more{font-size: 14px;width:20%;border-radius: 30px;float: right;display: block;color:#fff;text-align: center;line-height: 2.4em;}
.sy-about .more{background: linear-gradient(to bottom, #2690ce, #1d5298);margin-right: 10%;margin-bottom: 4em;}
.sy-about h2{width:92%;clear: both;background: #0a9de2;border-radius: 10px; text-align: center;padding-top:1em;padding-bottom: 1em;}
.sy-about h2 a{display: inline-block;width: 22%;border-right: 1px solid #fff;color:#fff;font-size: 24px;}
.sy-about h2 a:last-child{border:none;}

/*首页荣誉资质*/
.syrevui{margin: auto;background: #f5f5f5;padding: 10px 20px;overflow: hidden;}
.syrevui #e{width:94.7%;margin:0 auto;margin-top:35px;}
.syrevui .roll_row .roll__list li{overflow: hidden;float: left;width:278px;margin-right: 30px;}

.more1{width: 238px;height: 55px;margin: auto;border-radius: 28px;background: #609bfd;
text-align: center;line-height: 55px;margin-top: 20px;-webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.6);margin-bottom:20px;}
.more1 a{display: block;color: #fff;font-size: 16px;}
/* 首页合作伙伴 */
.syparner{width:94.7%;margin:35px auto;overflow: hidden;}
.syparner #g{width:100%;margin:0 auto;margin-top:35px;}
.syparner #g .roll__list li{padding:0;border:1px solid #ccc;margin:0 5px;}
/*foot*/
.foot{background:#a2a2a2;width:100%;padding-top:3em;padding-bottom: 3em;}
.foot1{overflow: hidden;width:94.7%;margin:0 auto;}
.foot1 .rwm{width:130px;overflow: hidden;float: left;}
.foot2{width: 38%;float: left;line-height:1.6em;color: #fff;font-size: 14px;margin-left: 1%;}
.bot-nav{width:40%;float:left;overflow: hidden;}
.bot-nav dd{float: left;width:25%;}
.bot-nav dd h1 a{font-size: 1.2em;color:#fff;font-weight: bold;}
.bot-nav dd p a{font-size: 1em;color:#fff;line-height: 2em;}
.dsf{float: right;width:10%;padding-top:2em;}
.dsf a{display: inline-block;margin-left: 5%;width: 50px;float: right;}

/*手机*/
.phone_head{width: 100%;display: none;overflow: hidden;position: absolute;top: 0;left: 0;z-index: 9999;}
.en2{float: right;display: block;width:30px;height:28px;background: #1e8ac9;line-height: 28px;text-align: center;color:#fff;margin-top: 18px;margin-right: 3%;}
.phone_nav{float: right;margin-top: 20px;margin-right: 3%;}
.phone_nav img{width: 50px;display: block}
.nava{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 999;background: #1e8ac9;display: none;text-align: center;}
.nava ul{padding-top: 110px;}
.nava li{line-height: 50px;}
.nava li a{font-size: 16px;display: block;color: #fff;}
.phone_head_on{width: 100%;display: none;overflow: hidden;}
.close{position: absolute;top: 30px;right: 3%;}
.close img{width: 30px;}

/*内页公共*/
.weizhi{width:100%;line-height: 3.5em;text-align: center;border-bottom:1px solid #d2d2d2;font-size: 14px}
.weizhi a,.weizhi span{color:#444444;}
.weizhi span:nth-child(1){padding-left: 2.5em;background: url(../images/wz.png) no-repeat left center;}
.n-con{width:84.375%;margin:5em auto;overflow: hidden;}
.n-left{width:400px;float: left;}
.n-left h1{width:100%;background: #0a9de2;font-size: 36px;line-height: 3em;border-radius: 10px 10px 0 0; text-indent: 1em;color:#fff;}
.sec{width:100%;background: #f8f8f8;}
.sec a{width:100%;font-size: 16px;line-height: 4em;border-bottom: 1px solid #e7e7e7; text-indent: 2em;display: block;color:#333;background: url(../images/bg3.png) no-repeat 90% center;}
.sec a:last-child{border: none;}
.sec a:hover{color:#2486c7;background: url(../images/bg4.png) no-repeat 90% center;}
.sec .sec-a{color:#2486c7;background: url(../images/bg4.png) no-repeat 90% center;}
.n-right{width:67%;float: right;padding-top:2em;}
.n-title{width:100%;}
.n-title h1{font-size: 30px;line-height: 1.5em;}
.n-title h2{width:60px;height:2px;background:#0a9de2;}

/* 关于我们 */

.about{width:100%;overflow: hidden;font-size: 16px;line-height: 2em;color:#333;margin-top: 2em;margin-bottom:10em;}
.changm{width:100%;overflow: hidden;margin:2em auto;}
.changm li{width:22%;margin-right: 3%;float: left;overflow: hidden;margin-bottom: 1em;}
.changm li div{width:100%;overflow: hidden;}
.changm li h1{font-size: 16px;line-height: 2.5em; text-indent: 0.5em;background: url(../images/bg7.png) no-repeat 90% center;color:#333;}

.fanye{width:100%; text-align: center;margin:2em auto;overflow: hidden;}
.fanye a{display: inline-block;width:40px;height:40px;line-height: 40px;margin:0 0.5em;border-radius: 50%;border:1px solid #0683ca;vertical-align: middle;background: #f7f7f7;}
.fanye a img{display: inline-block;vertical-align: middle;}
.fanye .fy{background:#0683ca;color:#fff;}
.pic-show{width:100%;overflow: hidden;margin:1.5em auto;}
.pic-show dd{width:31%;margin-right: 2%;float: left;margin-bottom: 1em;overflow: hidden;}
.pic-show dd:hover img{transform:scale(1.25,1.25);}
.pic-show dd img{transition:all 0.5s ease-out;	/* 过度 所有css属性 1秒过度 结束慢*/-moz-transition:all 0.5s ease-out;	/* Firefox 4 */-webkit-transition:all 0.5s ease-out;	/* Safari 和 Chrome */-o-transition:all 0.5s ease-out;}
.pn{width:100%; text-align: center;}
.pn a{display: inline-block;width:20%;margin:0 1em}
.history{width:100%;background: url(../images/bg8.jpg) repeat-y 46px top;padding-top:2em;margin-top:2em;padding-bottom:3em;}
.history li{width:100%;overflow: hidden;margin-bottom:3em;}
.history li img{float: left;width:26px;}
.history li .his{width:93%;float: right;}
.history li .his h1{font-size: 18px;margin-bottom:0.6em;}
.history li .his .his-con{width:100%;font-size: 15px;line-height: 1.8em;color:#999;padding-bottom: 1em;border-bottom: 1px dashed #999;}

/* 产品中心 */
.pro-sec{width:100%;background: #f8f8f8;}
.pro-sec dd{width: 100%;border-bottom:1px solid #eee;}
.pro-sec dd:last-child{border:none;}
.pro-sec dd .sec-a{width:100%;font-size: 18px;line-height: 4em; text-indent: 2em;display: block;color:#333;background: url(../images/bg3.png) no-repeat 90% center;}
.pro-sec dd div{width:100%;background: #fff;}
.pro-sec dd div a{width:100%;font-size: 14px;line-height: 4em; text-indent: 3em;display: block;color:#333;background: url(../images/bg3.png) no-repeat 90% center;}
.pro-sec dd .sec-a:hover{background: url(../images/bg4.png) no-repeat 90% center;color:#2486c7;}
.pro-sec dd .s-a{background: url(../images/bg4.png) no-repeat 90% center;color:#2486c7;}
.pro-sec dd div a:hover{background: url(../images/bg4.png) no-repeat 90% center;color:#2486c7;}
.pro-sec dd div .se-a{background: url(../images/bg4.png) no-repeat 90% center;color:#2486c7;}
.ph-sec{width:25%;margin:0 auto;border-bottom: 2px solid #ccc;color:#2486c7;font-size: 1.1em; text-align: center;display: none;}
.p-p-s{position:fixed;left:-100%;top:0;width:60%;padding-right:40%;background: url(../images/bg9.png);height:100%;overflow-y: scroll;}
.p-p-s dd{width: 100%;border-bottom:1px solid #999;background: #333;}
.p-p-s dd:last-child{border:none;}
.p-p-s dd .sec-a{width:100%;font-size: 16px;line-height: 4em; text-indent: 2em;display: block;color:#fff;background: url(../images/bg3.png) no-repeat 90% center;}
.p-p-s dd .s-a{background: url(../images/bg4.png) no-repeat 90% center;color:#2486c7;}
.p-p-s dd div{width:100%;background: #333;}
.p-p-s dd div a{width:100%;font-size: 14px;line-height: 4em; text-indent: 3em;display: block;color:#fff;background: url(../images/bg3.png) no-repeat 90% center;}
.p-p-s dd div .se-a{background: url(../images/bg4.png) no-repeat 90% center;color:#2486c7;}
.clo{width:8%;position: absolute;bottom:2em;right:3em;}
.pro-list{width:100%;overflow: hidden;margin:1.5em auto;}
.pro-list li{width:30%;margin-right: 3%;overflow: hidden;float: left;margin-top: 1em;}
.pro-list li h1{font-size: 18px; text-align: center;line-height: 2.5em;color:#666;}
.pro-list li div{width:99%;overflow: hidden;border:1px solid #fff;margin:0 auto;}
.pro-list li:hover div{border:1px solid #2486c7;}
.pro-list li:hover div img{transform:scale(1.25,1.25);}
.pro-list li div img{transition:all 0.5s ease-out;	/* 过度 所有css属性 1秒过度 结束慢*/-moz-transition:all 0.5s ease-out;	/* Firefox 4 */-webkit-transition:all 0.5s ease-out;	/* Safari 和 Chrome */-o-transition:all 0.5s ease-out;}
.pro-list li:hover h1{color:#2486c7;}

.pro-show{width:100%;margin:1em auto;}
.pro-bx{width:95%;padding:1em 2.5%;background: #f6fbff;overflow: hidden;}
.p-pic{width:45%;float:left;overflow: hidden;}
.p-title{width:50%;float: left;margin-left:5%;}
.p-title h1{font-size: 1.8em;color:#0082d9;margin-bottom:1em;}
.p-title h1 span{font-size: 0.6em;color:#494949;}
.p-title h2{width:100%;}
.p-title h2 p{font-size: 16px;line-height: 2em;color:#333;}
.del-title{width:100%;line-height: 2.6em;background: #f6fbff;font-size: 20px;text-indent: 1em;margin:1em auto;}
.del-con{width:95%;margin:0 auto;margin-bottom:2em;}
.del-con p{font-size: 18px;line-height: 2em;}
.del-con table{width:100%;}
.news{width:100%;margin:2em auto;}
.news li{width:100%;border-bottom:1px dashed #ccc;margin-bottom:1.5em;overflow: hidden;}
.news li .news-pic{width:25%;float: left;margin-right:5%;}
.news li .new-jj{width:70%;float: left;}
.news li .new-jj h1{font-size: 18px;line-height: 2em;color:#333;}
.news li .new-jj h1 span{float: right;font-size: 14px;color:#999}
.news li .new-jj h2{width: 100%;font-size: 16px;line-height: 2em;color:#999}
.new-show{width:100%;margin:2em auto;}
.news-title{width:100%;line-height: 2em;font-size: 18px; text-align: center;}
.news-time{width:100%; text-align: center;font-size: 14px;line-height: 2em;}
.news-con{width:100%;font-size: 16px;line-height: 2em;}

.contact{width:73%;margin:3em auto;overflow: hidden;}
.map{width:48%;float: left;margin-right:3.5%;border:1px solid #999; }
.tact{width:48%;float: left;}
.tact h1{font-size: 30px;line-height: 1.5em;}
.tact p{font-size: 16px;line-height: 2.6em;}