@charset "gb2312";
/* CSS Document */

/*主页*/
.clear{ clear:both}
body{margin: 0px;padding: 0px;font-family: "微软雅黑";color: #666;background-color: #f7f7f7;}
.wrap{min-width: 320px;max-width: 768px;position: relative;height: auto;margin-right: auto;margin-left: auto;}
/*头部*/
header{line-height: 70px;background-color: #fff;display: block;height:70px;width: 100%;position: relative;}
.logo{ margin-left:2%;display: block;background-image: url(../images/logo.png);background-repeat: no-repeat;background-position: left center;background-size:362px 91px;height:91px;width: 362px; margin-top:3%;margin-bottom:1%;}
/*导航*/
.nav{width: auto;display: inline-block;height: 100%;}
.btn-nav{position: absolute;background: transparent;border: none;cursor: pointer;z-index: 9999;top:12%;right: 10px;}
.btn-nav span{background-color:#0056b7;display: block;height: 6px;width: 40px;margin-top: 6px;margin-bottom: 6px;}
.navBox{display:none;position: absolute;z-index: 9999;width: 100%;background-color:#333;top: 1.1%;}
.navCont{padding-right: 20px;padding-left: 20px;padding-top: 0px;padding-bottom: 20px;}
.navCont dl{padding-bottom: 5px;padding-top: 5px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #4d4d4d;}
.navCont dt{font-weight: 600;}
.navCont dt a{color: #fff;}
.navCont dd a{color: #ccc;margin-top: 10px;margin-right: 10px;display: inline-block;}
/*广告*/
.adv-box{margin-top: 15px;background-color: #fff;}
.adv-list{width: 100%;overflow: hidden;}
.adv-list li{float: left;width: 49%;text-align: center;overflow: hidden;display: block;padding-top: 15px;padding-bottom: 15px;}
.adv-list .wow_yx{border-right-width: 1px;border-bottom-width: 1px;border-right-style: solid;border-bottom-style: solid;border-right-color: #e5e5e5;border-bottom-color: #e5e5e5;}
.adv-list .wow_x{border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #e5e5e5;}
.adv-list .wow_y{border-right-width: 1px;border-right-style: solid;border-right-color: #e5e5e5;}
.adv-icon.adv-icon2{background-position: -40px 0;}
.adv-icon.adv-icon3{background-position: -80px 0;}
.adv-icon.adv-icon4{background-position: -120px 0;}
.adv-list li p{font-size: 18px;width: 100%;color: #666;line-height: 26px;display: block;*display: inline;*zoom: 1;}
.adv-list li i{display: block;}
.adv-list li .til{color: #565656;font-size: 18px;}
.adv-list .orange{color: #0056b7;font-size: 20px;font-weight: 500;}

/*5大优势*/
.advantage{margin-top: 0px;width: 100%;margin-right: auto;margin-bottom: 0px;margin-left: auto;overflow: hidden;height: auto;background-color: #fff;}
.advantage ul{ font-size:34px; }
.advantage ul a{ font-weight:bold;}
.advantage ul li{ width:100%;float:left;}
.advantage ul li .y1{ width:50%; height:150px; padding:3% 0;float:left;}
.advantage ul li .y1 em{ width:20%; padding:3.4% 8% 0 7%; float:left;}
.advantage ul li .y1 p{ width:45%; float:left;}
.advantage ul li .y2{ width:50%; height:150px; padding:3% 0;background:#efefef;float:right;}
.advantage ul li .y2 em{ width:20%;padding:3.4% 8% 0 7%; float:left;}
.advantage ul li .y2 p{ width:45%; float:left;}
.advantage ul li .y3{ width:50%; height:150px; padding:3% 0;background:#efefef; float:left;}
.advantage ul li .y3 em{ width:20%;padding:3.4% 8% 0 7%; float:left;}
.advantage ul li .y3 p{ width:45%; float:left;}
.advantage ul li .y4{ width:50%; height:150px; padding:3% 0;float:right;}
.advantage ul li .y4 em{ width:20%; padding:3.4% 8% 0 7%;float:left;}
.advantage ul li .y4 p{ width:45%; float:left;}
.advantage ul li .y5{ width:50%; height:150px; padding:3% 0;float:left;}
.advantage ul li .y5 em{ width:20%;padding:3.4% 8% 0 7%; float:left;}
.advantage ul li .y5 p{ width:45%; float:left;}
.advantage ul li .y6{ width:50%; height:150px; padding:3% 0;background:#efefef;float:right;}
.advantage ul li .y6 em{ width:20%;padding:3.4% 8% 0 7%;float:left;}
.advantage ul li .y6 p{ width:45%; float:left;}

@media screen and (min-width:320px) and (max-width:399px){
	.advantage ul{ font-size:15px;}
	.advantage ul li .y1{ height:66px;}
	.advantage ul li .y2{ height:66px;}
	.advantage ul li .y3{ height:66px;}
	.advantage ul li .y4{ height:66px;}
	.advantage ul li .y5{ height:66px;}
	.advantage ul li .y6{ height:66px;}
	}
@media screen and (min-width:400px) and (max-width:479px){
	.advantage ul{ font-size:18px;}
	.advantage ul li .y1{ height:81px;}
	.advantage ul li .y2{ height:81px;}
	.advantage ul li .y3{ height:81px;}
	.advantage ul li .y4{ height:81px;}
	.advantage ul li .y5{ height:81px;}
	.advantage ul li .y6{ height:81px;}
	}
@media screen and (min-width:480px) and (max-width:559px){
	.advantage ul{ font-size:21px;}
	.advantage ul li .y1{ height:96px;}
	.advantage ul li .y2{ height:96px;}
	.advantage ul li .y3{ height:96px;}
	.advantage ul li .y4{ height:96px;}
	.advantage ul li .y5{ height:96px;}
	.advantage ul li .y6{ height:96px;}
	}
@media screen and (min-width:560px) and (max-width:639px){
	.advantage ul{ font-size:24px;}
	.advantage ul li .y1{ height:111px;}
	.advantage ul li .y2{ height:111px;}
	.advantage ul li .y3{ height:111px;}
	.advantage ul li .y4{ height:111px;}
	.advantage ul li .y5{ height:111px;}
	.advantage ul li .y6{ height:111px;}
	}
@media screen and (min-width:640px) and (max-width:767px){
	.advantage ul{ font-size:28px;}
	.advantage ul li .y1{ height:126px;}
	.advantage ul li .y2{ height:126px;}
	.advantage ul li .y3{ height:126px;}
	.advantage ul li .y4{ height:126px;}
	.advantage ul li .y5{ height:126px;}
	.advantage ul li .y6{ height:126px;}
}
@media screen and (min-width:768px){
	.advantage ul{ font-size:34px;}
	.advantage ul li .y1{ height:150px;}
	.advantage ul li .y2{ height:150px;}
	.advantage ul li .y3{ height:150px;}
	.advantage ul li .y4{ height:150px;}
	.advantage ul li .y5{ height:150px;}
	.advantage ul li .y6{ height:150px;}
}







/*服务项目*/
h1{font-size: 18px;line-height: 18px;color: #333;display: block;width: 100%;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #e4e4e4;padding-top: 10px;padding-bottom: 10px;background-color: #fff;overflow: hidden;margin-top: 15px;}
h1 em{display: block;float: left;border-left-width: 5px;border-left-style: solid;border-left-color: #0056b7;padding-left: 10px;margin-left: 10px;}
h1 a{color: #666;float: right;padding-right: 10px;font-size: 14px;}
.service{margin-top: 0px; padding-top:10px;width: 100%;margin-right: auto;margin-bottom: 0px;margin-left: auto;overflow: hidden;height: auto;background-color: #fff;}
.service li{float: left;width: 46%;height: auto;overflow: hidden;cursor: pointer;position: relative;padding: 2%;}
.service_img{width:99%; border:1px #CCC dashed;overflow:hidden;}
.service_img img{margin: auto;width: 100%;border-radius:0px;transition: all 0.5s; }
.service li:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);-webkit-transform: scale(1.1);}
.content_tit{color: #333;margin-top: 15px;text-align: center;font-weight: 600;overflow:hidden;}
.service .content a{border-radius: 4px;display: block;margin-top: 15px;margin-bottom: 0px;border: 1px solid #666;margin-right: auto;margin-left: auto;line-height: 2;width: 50%;text-align: center;}
.service li:hover .content a{border: 1px solid #0056b7;}


/*800*600比例*/
.service10{margin-top: 0px; padding-top:10px;width: 100%;margin-right: auto;margin-bottom: 0px;margin-left: auto;overflow: hidden;height: auto;background-color: #fff;}
.service10 li{float: left;width: 46%;height: auto;overflow: hidden;cursor: pointer;position: relative;padding: 2%;}
.service10_img{width:99%; border:1px #CCC dashed;overflow:hidden;}
.service10_img img{margin: auto;width: 100%;border-radius:0px;transition: all 0.5s;}
.service10 li:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);-webkit-transform: scale(1.1);}
.content10_tit{color: #333;margin-top: 15px;text-align: center;font-weight: 600;overflow:hidden;}
.service10 .content a{border-radius: 4px;display: block;margin-top: 15px;margin-bottom: 0px;border: 1px solid #666;margin-right: auto;margin-left: auto;line-height: 2;width: 50%;text-align: center;}
.service10 li:hover .content a{border: 1px solid #0056b7;}

/*应用领域*/
.service span{float: left;width: 46%;height: auto;overflow: hidden;cursor: pointer;position: relative;padding: 2%;}
.service span .app_title{font-size: 18px;line-height: 18px;color: #333;display: block;width: 100%;background-color: #fff;overflow: hidden;}
.service span .app_title a{ color:#333}
.service span .app_title a:hover{ color:#0056b7}
.service span .app_desc{color: #999;display: block;width: 100%;padding-top:18px; line-height:24px; overflow:hidden;}


/* 案例展示*/
.case-box{overflow: hidden;height: auto;width: 100%;background-color: #fff;}
.case-list{overflow: hidden;width: 100%;padding-top: 10px;padding-bottom: 10px;position: relative;}
.case-list>li{display: block;float: left;width: 46%;margin: 2%;overflow: hidden;}
.case-list>li>a{display: block;overflow: hidden;position: relative;}
.case-list>li>a img{width: 99%;height:265px; border:1px #CCC dashed;}
.hover-case{position: absolute;bottom: 0;left: 0%;color: #fff;text-align: center;overflow: hidden;text-overflow: ellipsis;font-size:14px;-webkit-transition: width 0.3s;-moz-transition: width 0.3s;transition: width 0.3s;background-color: #0056b7;height: auto;padding-top: 5px;padding-bottom: 5px;width: 0px;}
.case-list>li:hover .hover-case{width: 100%;}
/*公司简介*/
.about{padding: 10;background-color: #fff;}
/*新闻*/
.news,contact,foot{display: block;width: 100%;overflow: hidden;margin-top: 15px;}
.news{background-color: #FFFFFF;overflow: hidden;}
#tags,#tagsa{height: 35px;width: 100%;clear: both;}
#tags li,#tagsa li{float: left;width:50%;height: 35px;line-height:35px;font-size: 14px;display: block;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #ebebeb;}
#tags li a,#tagsa li a{display:block;text-align:center;}
#tags li.selectTag,#tagsa li.selectTag{height: 35px;}
#tags li.selectTag a,#tags li.selectTag a:active ,#tagsa li.selectTaga a,#tagsa li.selectTaga a:active{line-height:35px;height:35px;background-size:100%;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #0056b7;color: #0056b7;}
#tags li.selectTag a:hover,#tagsa li.selectTag a:hover{text-decoration:none;}
.news_i{display:block;padding-top: 10;padding-right: 10px;padding-bottom: 10;padding-left: 10px;}
.news_i li{line-height:30px;height:30px;overflow:hidden;border-bottom:1px dashed #cfd3d6;}
.news_i li:last-child{border:none;}
.news_i li a{font-size: 14px;}
.news_i li label{float:right;color:#999;}
#tagContent,#tagContenta{overflow:hidden;width: 100%;}
.tagContent,.tagContenta{display: none;}
#tagContent div.selectTag,#tagContenta div.selectTaga{display: block;}
.news-list li{overflow: hidden;display: block;margin-top: 15px;margin-right: 10px;margin-bottom: 0px;margin-left: 10px;}
.news .news-left{display: block;width: 120px;height: 100px;float: left;position: relative;z-index: 9;}
.news .news-right{padding-left: 130px;}
.news .news-right h3{font-weight: normal;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news .news-right p{margin-top: 8px;font-size: 14px;color: #999;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;text-overflow: -o-ellipsis-lastline;text-indent: 2em;}
/* 底部*/
.foot{width: 100%;font-size: 14px;background-color: #ebebeb;text-align: center;padding-top: 15px;padding-bottom: 65px;float: left;}
.foot span{ font-size:20px; font-weight:bold}
/*返回顶部*/
.fix-nav{display: none;position: fixed;left: 100%;bottom: 64px;width: 100%;margin-left: -60px;}
.fix-nav .fix-nav-wrap{background-color: rgba(148, 149, 148, 0.8);width: 50px;height: 50px;text-align: center;border-radius: 7px;}
.fix-nav .i-totop{width: 33px;display: block;margin: 0 auto 2px;padding-top: 8px;}
.fix-nav p{color: #fff;font-weight: bold;font-size: 12px;}
/*底部浮动*/
.social_nav{height: 55px;width: 100%;position: fixed;left: 0px;bottom: 0px;background-color:#32323a;background-image: linear-gradient(top, #32323a, #23232b);background-image: -webkit-linear-gradient(top, #32323a, #23232b);background-image: -moz-linear-gradient(top, #32323a, #23232b);background-image: -o-linear-gradient(top, #32323a, #23232b);background-image: -ms-linear-gradient(top, #32323a, #23232b);background-image: linear-gradient(top, #32323a, #23232b);z-index: 99;}
.social:before{content:'';height:1px;width:100%;background:#000;border-bottom:1px solid #4b4c57;position:absolute;top:0;left:0;}
.social:after{content:'';height:1px;width:100%;background:#000;border-top:1px solid #4b4c57;position:absolute;bottom:0;left:0;}
.social_nav a{display: block;height: 55px;width: 25%;float: left;font-size: 13px;color: #fff;text-align: center;line-height: 85px;position: relative;}
.social_nav .home{background-image: url(../images/foot1.png);background-repeat:no-repeat;background-size:24px 26px;background-position: center 5px;}
.social_nav .tel{background-image: url(../images/foot66.png);background-repeat:no-repeat;background-size:24px 26px;background-position: center 5px;}
.social_nav .sms{background-image: url(../images/foot3.png);background-repeat:no-repeat;background-size:26px 26px;background-position: center 5px;}
.social_nav .map{background-image: url(../images/foot4.png);background-repeat:no-repeat;background-size:22px 26px;background-position: center 5px;}
.social_nav img{position: absolute;padding-left: 15px;padding-top: 5px;width:24px;height:26px; animation-name: telshow;animation-duration: 1.0s;animation-timing-function: linear;animation-iteration-count: infinite;-webkit-animation-name: telshow;-webkit-animation-duration: 1.0s;-webkit-animation-timing-function: linear;-webkit-animation-iteration-count: infinite;-o-animation-name: telshow;-o-animation-duration: 1.0s;-o-animation-timing-function: linear;-o-animation-iteration-count: infinite;}
@keyframes telshow{0%{transform: rotate(0deg)}
5%{transform: rotate(-13deg)}
10%{transform: rotate(0deg)}
15%{transform: rotate(-13deg)}
20%{transform: rotate(0deg)}
25%{transform: rotate(-13deg)}
100%{transform: roate(0deg)}}
@-webkit-keyframes telshow{0%{-webkit-transform: rotate(0deg)}
5%{-webkit-transform: rotate(-13deg)}
10%{-webkit-transform: rotate(0deg)}
15%{-webkit-transform: rotate(-13deg)}
20%{-webkit-transform: rotate(0deg)}
25%{-webkit-transform: rotate(-13deg)}
100%{-webkit-transform: roate(0deg)}}
@media screen and (min-width:320px) and (max-width:399px){.service_img img{height:154px;} .content_tit{height:16px; line-height:16px;} .service span{height:154px} .service span .app_title{font-size: 13px;} .service span .app_desc{ font-size:10px;padding-top: 5px; line-height:16px;height:130px;} .case-list>li>a img{height:119px;} .hover-case{font-size:11px;}}
@media screen and (min-width:400px) and (max-width:479px){.service_img img{height:194px;} .content_tit{height:16px; line-height:16px;} .service span{height:194px} .service span .app_title{font-size: 15px;} .service span .app_desc{ font-size:12px;padding-top: 7px;line-height:18px;height:180px;} .case-list>li>a img{height:148px;} .hover-case{font-size:11px;} }
@media screen and (min-width:480px) and (max-width:559px){.service_img img{height:224px;} .content_tit{height:16px; line-height:16px;} .service span{height:224px} .case-list>li>a img{height:176px;}}
@media screen and (min-width:560px) and (max-width:639px){.service_img img{height:270px;} .content_tit{height:16px; line-height:16px;} .service span{height:270px} .case-list>li>a img{height:204px;}}
@media screen and (min-width:640px) and (max-width:767px){.service_img img{height:290px;} .content_tit{height:16px; line-height:16px;} .service span{height:290px} .case-list>li>a img{height:232px;}}
@media screen and (min-width:768px){.service_img img{height:353px;} .content_tit{height:21px; line-height:21px;} .service span{height:353px}}

/*800*600比例*/
@media screen and (min-width:320px) and (max-width:399px){.service10_img img{height:113px;} .content_tit{height:16px; line-height:16px;} .service span{height:154px} .service span .app_title{font-size: 13px;} .service span .app_desc{ font-size:10px;padding-top: 5px; line-height:16px;height:130px;} .case-list>li>a img{height:119px;} .hover-case{font-size:11px;}}
@media screen and (min-width:400px) and (max-width:479px){.service10_img img{height:168px;} .content_tit{height:16px; line-height:16px;} .service span{height:194px} .service span .app_title{font-size: 15px;} .service span .app_desc{ font-size:12px;padding-top: 7px;line-height:18px;height:180px;} .case-list>li>a img{height:148px;} .hover-case{font-size:11px;} }
@media screen and (min-width:480px) and (max-width:559px){.service10_img img{height:224px;} .content_tit{height:16px; line-height:16px;} .service span{height:224px} .case-list>li>a img{height:176px;}}
@media screen and (min-width:560px) and (max-width:639px){.service10_img img{height:195px;} .content_tit{height:16px; line-height:16px;} .service span{height:270px} .case-list>li>a img{height:204px;}}
@media screen and (min-width:640px) and (max-width:767px){.service10_img img{height:222px;} .content_tit{height:16px; line-height:16px;} .service span{height:290px} .case-list>li>a img{height:232px;}}
@media screen and (min-width:768px){.service10_img img{height:265px;} .content_tit{height:21px; line-height:21px;} .service span{height:353px}}