/*全局样式*/
body{padding: 0;margin: 0;font-family: Microsoft YaHei;font-size: 14px;color: #000;}
div,img,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding: 0;margin: 0;border: 0;}
ul{list-style: none;}
a{text-decoration: none;color: #000;}
i,em{font-style: normal;}
img{display: block;max-width: 100%;height: auto;}
/*去掉 input 默认边框*/
input{padding: 0;border: 0;font-family: Microsoft YaHei;font-size: 14px;}
input[type="submit"]{background-color: transparent;cursor: pointer;}
/*去掉 textarea 默认边框*/
textarea{padding: 0;border: 0;font-family: Microsoft YaHei;font-size: 14px;}
/*去掉 button 默认边框*/
button{border: 0;padding: 0;background-color: transparent;font-family: Microsoft YaHei;font-size: 14px;cursor: pointer;}
/*清除浮动*/
.clearfix:after{content: '';display: table;clear: both;}
.clearfix{*zoom: 1;}
/*解决chrome浏览器 input,textarea 获得焦点时会有一个边框的问题*/
input,textarea{outline: none;}
/*清除ios端 input,textarea 默认内阴影 默认圆角*/
input[type="text"],input[type="submit"],textarea{appearance: none;-webkit-appearance: none;border-radius: 0;}
/*常用盒模型*/
*{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
/*常用宽度*/
.w1400{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1400px;}
.w1300{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1300px;}
.w1200{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1200px;}
.w1100{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1100px;}
.w1000{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1000px;}
/*常用过渡*/
.tran200{-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;transition: 0.2s;}
.tran300{-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;transition: 0.3s;}
.tran400{-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;transition: 0.4s;}
.tran500{-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
/*常用缩放*/
.scale105:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.scale110:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
/*常用浮动*/
.fl{float: left;}
.fr{float: right;}
/*按钮通用样式*/
.btns-area{font-size: 0;text-align: center;}
.btns-area .btn{display: inline-block;height: 36px;padding: 0 30px;background-color: #fff;border: 1px solid #ccc;border-radius: 5px;font-size: 14px;line-height: 34px;color: #000;cursor: pointer;}
.btns-area .btn img{display: inline-block;vertical-align: middle;margin: -3px 6px 0 0;}
.btns-area .btn:hover{opacity: .9;filter:alpha(opacity=90);}
/*滚动条*/
body *::-webkit-scrollbar{width: 5px;height: 5px;background: #eee;}
body *::-webkit-scrollbar-thumb{background: #ccc;}

/*header*/
.header{z-index: 2;position: absolute;left: 0;top: 0;width: 100%;height: 124px;background-color: #fff;}
.header .logo{float: left;margin-top: 30px;}
.header .logo img{max-width: 200px;max-height: 60px;}
/*搜索框*/
.search-box{position: absolute;right: 0;top: 47px;width: 170px;height: 30px;border: 1px solid #04a4e2;border-radius: 15px;}
.search-box .input-text{width: 100%;height: 100%;padding: 0 35px 0 10px;background-color: transparent;color: #04a4e2;}
.search-box .sub-btn{position: absolute;right: 5px;top: 0;width: 28px;height: 28px;background: url(../images/search_icon.png) center no-repeat;background-size: 16px 16px;}
/*导航*/
.nav-box{position: absolute;right: 180px;top: 47px;}
.nav-box .nav{}
.nav-box .nav > li{position: relative;float: left;padding-bottom: 5px;margin: 0 5px;}
.nav-box .nav > li > a{display: block;height: 30px;padding: 0 14px;border: 1px solid #999;border-radius: 15px;line-height: 28px;color: #999;transition: 0.3s;-webkit-transition: 0.3s;}
.nav-box .nav > li.on > a,.nav-box .nav > li:hover > a{background-color: #04a4e2;border-color: #04a4e2;color: #fff;}
.nav-box .nav-2nd{display: none;z-index: 2;position: absolute;left: 0;top: 35px;width: 150%;padding: 8px 0;margin-left: -25%;background-color: #fff;background-color: rgba(255,255,255,.7);border-radius: 5px;}
.nav-box .nav-2nd > li{}
.nav-box .nav-2nd > li > a{position: relative;display: block;padding: 8px 20px;line-height: 20px;}
.nav-box .nav-2nd > li > a:before{content: "";position: absolute;left: 0;top: 50%;width: 3px;height: 0;background-color: #fff;transition: 0.3s;-webkit-transition: 0.3s;}
.nav-box .nav-2nd > li > a:hover{background-color: #04a4e2;color: #fff;}
.nav-box .nav-2nd > li > a:hover:before{top: 0;height: 100%;}
/*header end*/

/*banner*/
.banner{position: relative;width: 100%;overflow: hidden;}
.banner .swiper-pagination{bottom: 30px;font-size: 0;}
.banner .swiper-pagination-bullet{width: 12px;height: 12px;background-color: transparent;border: 1px solid #fff;opacity: 1;}
.banner .swiper-pagination-bullet-active{background-color: #fff;}
/*banner end*/

/*footer*/
.footer{color: #fff;}
.footer .top{z-index: 1;position: relative;min-height: 310px;padding: 80px 0;background: url(../images/footer_bg.jpg) center no-repeat;background-size: cover;}
.footer .top:after{content: "";z-index: -1;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);}
.footer .top .links-box{overflow: hidden;margin-top: 60px;}
.footer .top .links-box .logo{float: left;}
.footer .top .links-box .logo img{height: 40px;}
.footer .top .links-box .links{float: left;margin: 14px 0 0 20px;font-size: 0;}
.footer .top .links-box .links a{display: inline-block;padding: 0 15px;border-left: 1px solid #fff;font-size: 14px;line-height: 12px;color: #fff;}
.footer .top .links-box .links a:first-child{border-left: 0;}
.footer .top .links-box .links a:hover{font-weight: bold;}
.footer .top .info{position: absolute;right: 0;top: 0;}
.footer .top .info .phone{font-size: 18px;}
.footer .top .info .phone span{font-size: 30px;font-weight: bold;}
.footer .top .info .btn{display: inline-block;width: 132px;height: 30px;margin-top: 60px;background-color: #fff;border-radius: 15px;line-height: 30px;text-align: center;font-weight: bold;color: #04a4e2;}
.footer .top .info .btn:hover{opacity: .9;}
.footer .bot{padding: 30px 0;background-color: #333;}
.footer .bot .cr{line-height: 20px;}
.footer .bot .cr a{color: #fff;}
.footer .bot .cr a:hover{text-decoration: underline;}
/*百度分享*/
.share-box .tit{float: left;width: 5em;font-size: 18px;line-height: 40px;}
.share-box .bdsharebuttonbox{margin-left: 5em;font-size: 18px;}
.share-box .bdsharebuttonbox a{width: 40px;height: 40px;margin: 0 5px;border-radius: 50%;}
.share-box .bdsharebuttonbox .bds_sqq{background: #fff url(../images/qq_icon.png) center no-repeat;background-size: 28px 28px;}
.share-box .bdsharebuttonbox .bds_qzone{background: #fff url(../images/qzone_icon.png) center no-repeat;background-size: 28px 28px;}
.share-box .bdsharebuttonbox .bds_tsina{background: #fff url(../images/weibo_icon.png) center no-repeat;background-size: 28px 28px;}
.share-box .bdsharebuttonbox .bds_weixin{background: #fff url(../images/weixin_icon.png) center no-repeat;background-size: 28px 28px;}
.share-box .bdsharebuttonbox a:hover{opacity: .9;}
/*footer end*/

/*首页*/
/*首页标题*/
.index-title{margin-bottom: 50px;text-align: center;}
.index-title .name{display: inline-block;}
.index-title .name .cn{display: block;height: 50px;font-family: SimSun;font-size: 28px;line-height: 50px;font-weight: bold;color: #0063b5;letter-spacing: -0.1em;transform: scaleY(1.4);}
.index-title .name .icon{position: relative;display: inline-block;height: 32px;margin: 5px 0;}
.index-title .name .icon:before{content: "";position: absolute;right: 65px;top: 15px;width: 80px;height: 2px;background-color: #83ccde;}
.index-title .name .icon:after{content: "";position: absolute;left: 65px;top: 15px;width: 80px;height: 2px;background-color: #83ccde;}
.index-title .name .icon img{display: inline-block;width: 32px;height: 32px;}
.index-title .name .en{height: 30px;line-height: 30px;color: #83ccde;text-transform: uppercase;}

/*index-part1*/
.index-part1{height: 330px;background-color: #f6f6f6;}
.index-part1 .intro{padding-top: 60px;margin-right: 40%;height: 100%;}
.index-part1 .intro .tit{}
.index-part1 .intro .tit .cn{display: inline-block;height: 40px;font-family: SimSun;font-size: 28px;line-height: 40px;font-weight: bold;color: #0063b5;letter-spacing: -0.1em;transform: scaleY(1.4);}
.index-part1 .intro .tit .en{display: inline-block;vertical-align: bottom;color: #83ccde;text-transform: uppercase;}
.index-part1 .intro .txt{max-height: 160px;margin-top: 30px;line-height: 32px;color: #666;overflow: hidden;}
.index-part1 .pic{z-index: 1;position: absolute;right: 0;bottom: 0;display: block;width: 33%;height: 370px;border: 40px solid #fff;border-bottom: 0;overflow: hidden;}
.index-part1 .pic em{display: block;height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.3s;-webkit-transition: 0.3s;}
.index-part1 .pic:hover em{transform: scale(1.05);-webkit-transform: scale(1.05);}

/*index-part2*/
.index-part2{padding: 50px 0;}
/*首页新闻列表*/
.indexNews{overflow: hidden; padding-left: 0.2%;}
.indexNews li{ width: 33.33%; float: left; overflow: hidden; margin-bottom: 50px;}
.indexNews li a{ display: block; width: 90%;}
.indexNews li .pic{ float: left; width: 124px; height: 124px; border-radius: 50%; overflow: hidden; background: #eeeeee;}
.indexNews li .pic em{ display: block; height: 100%; background-position: center; background-size: cover;}
.indexNews li .text{ float: right; width: calc(100% - 138px); margin-top: 12px;}
.indexNews li .text h3{ font-size: 16px; color: #171717; margin-bottom: 6px; height: 22px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: 0.4s; -webkit-transition: 0.4s;}
.indexNews li .text p{font-size: 12px; color: #959595; line-height: 24px; height: 72px; overflow: hidden;text-overflow:ellipsis;
display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.indexNews li:hover .text h3{color: #0063b5; text-indent: 1em;}

/*index-part3*/
.index-part3{padding: 30px 0;}
/*首页产品列表选项卡*/
.indexProduct{}
.indexProduct .tab{ text-align: center; font-size: 0;}
.indexProduct .tab a{ display: inline-block; height: 40px; line-height: 40px; border: 1px #e5e5e5 solid; padding: 0 30px; font-size: 14px; color: #c3c3c3; margin: 0 10px;}
.indexProduct .tab a:hover{ background: #22c2fe; border-color: #22c2fe; color: #fff;}
.indexProduct .tab a.on{background: #22c2fe; border-color: #22c2fe; color: #fff;}
.indexProduct .tabText{margin-top: 50px;}
.indexProduct .tabText ul{ display: none;overflow: hidden;}
.indexProduct .tabText ul:first-child{display: block;}
.indexProduct .tabText ul li{ width: 33.33%; float: left;}
.indexProduct .tabText ul li a{ display: block; position: relative; overflow: hidden;}
.indexProduct .tabText ul li a em{ display: block; padding-bottom: 67.8%; background-position: center; background-size: cover; transition: 0.4s; -webkit-transition: 0.4s;}
.indexProduct .tabText ul li a .text{ position: absolute; top: 0; left: 0; width: 100%; height: 0; text-align: center; background: rgba(0,0,0,0.8); padding: 0 30px; box-sizing: border-box; overflow: hidden; transition: 0.4s; -webkit-transition: 0.4s;}
.indexProduct .tabText ul li:hover a em{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.indexProduct .tabText ul li:hover a .text{ height: 100%; }
.indexProduct .tabText ul li a .text h3{ text-align: center; font-size: 18px; color: #ffffff; font-weight: normal; margin-bottom: 6px;}
.indexProduct .tabText ul li a .text p{ font-size: 14px; color: rgba(255,255,255,0.5);}
.indexProduct .tabText ul li a .text img{ display: initial;width: 36px; height: 36px;margin-top: 66px;}
.indexProduct .tabText ul li a .text .textCon{ padding: 0 30px; box-sizing: border-box;  position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%;}

/*index-part4*/
.index-part4{padding: 50px 0;}
/*留言板*/
.message-form{}
.message-form .row{margin-bottom: 45px;font-size: 0;}
.message-form .row .name{float: left;width: 4em;height: 50px;line-height: 50px;color: #666;}
.message-form .row .name i{color: #04a4e2;}
.message-form .row .info-content{margin-left: 4em;}
.message-form input[type="text"]{width: 100%;height: 50px;padding: 0 10px;border: 1px solid #ddd;}
.message-form input[type="text"]:focus{border-color: #04a4e2;}
.message-form textarea{width: 100%;height: 260px;border: 1px solid #ddd;padding: 1em;resize: none;}
.message-form textarea:focus{border-color: #04a4e2;}
.message-form .row .item{position: relative;display: inline-block;width: 30.33%;margin: 0 1.5%;font-size: 14px;}
.message-form .row .item .name{position: absolute;left: 1em;}
.message-form .row .item .info-content{margin-left: 0;}
.message-form .row .item .info-content input[type="text"]{padding: 0 10px 0 5em;}
.message-form .btns-area{margin: 0 1.5%;text-align: right;}
.message-form .btns-area .btn{height: 42px;padding: 0 60px;background-color: #04a4e2;border: 0;border-radius: 0;color: #fff;}
/*首页 end*/

/*内页*/
/*公共部分*/
.container{padding-bottom: 40px;}
.container > .con-l{float: left;width: 300px;}
.container > .con-r{min-height: 800px;padding: 30px 45px;margin-left: 350px;border-top: 30px solid #fff;background-color: #f6f6f6;}
/*内页标题*/
.inner-title{padding-bottom: 20px;border-bottom: 1px solid #ddd;line-height: 30px;}
.inner-title .name{display: inline-block;font-size: 20px;}
/*面包屑*/
.bread{padding: 10px 0;border-bottom: 1px solid #eee;line-height: 30px;text-align: right;color: #666;}
.bread a{position: relative;display: inline-block;margin: 0 3px;color: #666;}
.bread a.on,.bread a:hover{color: #04a4e2;}
/*分页*/
.pagination{padding: 20px 0;font-size: 0;text-align: center;}
.pagination li{display: inline-block;margin: 0 5px;font-size: 14px;}
.pagination li > *{display: inline-block;padding: 0 10px;height: 30px;background-color: #fff;border: 1px solid #ddd;line-height: 28px;color: #888;}
.pagination li.active > *,.pagination li:hover > *{background-color: #04a4e2;border-color: #04a4e2;color: #fff;}
.page{padding: 20px 0;font-size: 0;text-align: center;}
.page > *{display: inline-block;width: 40px;margin: 0 5px;height: 40px;background-color: #fff;border: 1px solid #ddd;border-radius: 50%;font-size: 14px;text-align: center;line-height: 38px;color: #888;}
.page > *.on,.page > *:hover{background-color: #04a4e2;border-color: #04a4e2;color: #fff;}

/*左侧菜单栏*/
.menu-left{padding: 15px 40px 60px;margin-top: -5px;background-color: #f6f6f6;border-top: 5px solid #04a4e2;}
.menu-left .title{height: 40px;margin-bottom: 35px;overflow: hidden;}
.menu-left .title .cn{display: inline-block;height: 40px;font-family: SimSun;font-size: 24px;line-height: 40px;font-weight: bold;color: #0063b5;letter-spacing: -0.1em;transform: scaleY(1.4);}
.menu-left .title .en{position: relative;display: inline-block;vertical-align: bottom;padding-left: 10px;color: #ccc;text-transform: uppercase;}
.menu-left .title .en:before{content: "/";position: absolute;left: 0;bottom: 0;font-size: 20px;}
.menu{}
.menu > li{height: 37px;margin-bottom: 20px;border-bottom: 1px solid #ddd;line-height: 36px;}
.menu > li > a{position: relative;float: left;color: #666;}
.menu > li > a:after{content: "";position: absolute;left: 0;bottom: -1px;width: 100%;height: 2px;background-color: transparent;}
.menu > li.on > a,.menu > li:hover > a{font-weight: bold;color: #04a4e2;}
.menu > li.on > a:after,.menu > li:hover > a:after{background-color: #04a4e2;}

/*广告*/
.ad-box{margin-top: 20px;}
.ad-box img{width: 100%;}

/*标题新闻*/
.title-news{padding: 40px 0;border-bottom: 1px solid #ddd;}
.title-news .pic{float: left;display: block;width: 350px;height: 230px;overflow: hidden;}
.title-news .pic em{display: block;height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.3s;-webkit-transition: 0.3s;}
.title-news .pic:hover em{transform: scale(1.05);-webkit-transform: scale(1.05);}
.title-news .info{position: relative;margin-left: 380px;height: 230px;}
.title-news .info .tit{display: block;font-size: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.title-news .info .date{margin: 20px 0;color: #999;}
.title-news .info .txt{height: 72px;line-height: 24px;color: #666;overflow: hidden;}
.title-news .info .more{position: absolute;left: 0;bottom: 0;width: 55px;height: 34px;background: #04a4e2 url(../images/more_icon2.png) center no-repeat;}
.title-news .info .tit:hover{text-decoration: underline;color: #04a4e2;}

/*新闻列表*/
.news-list{overflow: hidden;min-height: 500px;margin-bottom: 60px;}
.news-list li{float: left;width: 48%;padding: 40px 0;border-bottom: 1px solid #ddd;}
.news-list li:nth-child(2n+1){margin-right: 4%;}
.news-list li a{display: block;}
.news-list li .pic{float: left;width: 140px;height: 92px;overflow: hidden;}
.news-list li .pic em{display: block;height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.3s;-webkit-transition: 0.3s;}
.news-list li .pic:hover em{transform: scale(1.05);-webkit-transform: scale(1.05);}
.news-list li .info{padding-top: 5px;margin-left: 155px;height: 92px;}
.news-list li .info .tit{height: 40px;line-height: 20px;color: #666;overflow: hidden;}
.news-list li .info .date{margin-top: 15px;color: #999;}
.news-list li .info .tit:hover{text-decoration: underline;color: #04a4e2;}

/*产品列表*/
.prod-list{overflow: hidden;min-height: 500px;padding: 30px 0;margin-bottom: 20px;border-bottom: 1px solid #ddd;}
.prod-list li{float: left;width: 31%;padding: 20px 10px 16px;margin: 0 0 30px 3.5%;background-color: #fff;}
.prod-list li:nth-child(3n+1){margin-left: 0;}
.prod-list li a{display: block;}
.prod-list li .pic{height: 144px;overflow: hidden;}
.prod-list li .pic em{display: block;height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.3s;-webkit-transition: 0.3s;}
.prod-list li .tit{height: 50px;margin-top: 10px;border: 1px solid #ddd;text-align: center;line-height: 48px;font-weight: bold;color: #666;}
.prod-list li:hover .pic em{transform: scale(1.05);-webkit-transform: scale(1.05);}
.prod-list li:hover .tit{border-color: #04a4e2;color: #04a4e2;}

/*新闻详情*/
.news-details{padding: 20px 0;}
.news-details .title{margin-bottom: 30px;}
.news-details .tit{font-size: 16px;line-height: 20px;text-align: center;font-weight: bold;}
.news-details .title .record{margin-top: 20px;line-height: 20px;text-align: center;color: #999;}
.news-details .title .record span{display: inline-block;margin: 0 5px;}
.news-details .content{padding: 0 20px;}
.news-details .content p{font-size: 14px;line-height: 28px;text-align: justify;}
.news-details .content img{display: inline-block;}
.news-details .bot-link{padding-top: 15px;margin: 30px 20px 0;border-top: 1px dashed #ccc;font-size: 12px;}
.news-details .bot-link .item{margin: 10px 0;line-height: 20px;}
.news-details .bot-link .item a{color: #666;}
.news-details .bot-link .item a:hover{color: #04a4e2;text-decoration: underline;}


/*大屏PC:>1200px*/
@media screen and (min-width: 1200px){
	/*常用宽度*/
	.w1400{width: 1400px;}
	.w1300{width: 1300px;}
	.w1200{width: 1200px;}
}

/*小屏PC:>=1025px && <=1200px*/
@media screen and (max-width: 1200px){
	
}

/*pad:>=769px && <=1024px*/
@media screen and (max-width: 1024px){
	
}

/*phone:<=768px*/
@media screen and (max-width: 768px){
	
}