@charset "utf-8";
body{ margin:0px; padding:0px; margin:0px auto; font-size:14px; line-height:24px; color:#666666; width:100%; min-width:320px; zoom:1; background:#fff; font-family:frutigernext,"Microsoft YaHei",Arial,Helvetica,sans-serif,Arial,"宋体";}
ul,li,form, dl,dt,dd,div,ul,li,h1,h2,h3,h4,h5,h6,p,em,i{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,textarea{ font-size:12px; border-radius:0; -webkit-border-radius:0; color:#414446; font-family:"微软雅黑";}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ max-width:100%; border:none; border:0;  vertical-align:top;}
a{color:#222222; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#db251c;}
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}
.hidetxt{ display:none;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
:-moz-placeholder{color:#d1d1d1;}
::-moz-placeholder{color:#d1d1d1;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color:#d1d1d1;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #d1d1d1;}
.container{ max-width:1440px; min-width:320px; margin:0px auto;}
.w1200{ max-width:1200px; min-width:320px; margin:0px auto;}
@media ( max-width:1200px){
.auto{ padding:0px 10px;}
}
.f_red{ color:#da251d;}

/*pages*/
.Pages{width:100%; text-align:center;}
.Pages a{display:inline-block; height:28px; line-height:28px; margin:0px 3px; padding:0px 15px; color:#666666; font-size:15px; border:1px solid #d8d8d8;  background:#fff;}
.Pages a.a_end{margin-left:4px;}
.Pages .num a{padding:0px 12px;}
.Pages a:hover{color:#fff; background:#00c1de;}

/*pages end*/

/*Top*/
.Header{position:fixed; width:100%; top:0px; left:0px; z-index:999; height:80px; width:100%; background:url(../images/opacity3.png) repeat;}
.HeadFixed{background:url(../images/opacity1.png) repeat;}
.Logo{float:left; padding-top:1.2%;}
.navicon{display:none;}
.Nav{float:right; width:72%; line-height:80px;}
.Nav li{float:left; width:14.2%; text-align:center; font-size:16px;}
.Nav li a{display:block; color:#fff;}
.Nav li a:hover,.Nav li.active a{ font-weight:bold;}

/*公用样式*/
.Ban{position:relative;}
.Ban img{display:block; width:100%;}
.Ban em.maskbg{position:absolute; left:0px; top:0px; width:100%; height:100%; background:url(../images/opacity1.png) repeat; z-index:5;}
.SubMeun{position:absolute; width:100%; left:0px; bottom:0px; height:50px; line-height:50px; background:url(../images/opacity1.png) repeat; text-align:center; z-index:9;}
.SubMeun li{display:inline-block; *display:inline; zoom:1; padding:0 3%;}
.SubMeun li a{display:block; color:#fff; font-size:15px;}
.SubMeun li a:hover,.SubMeun li a.on{font-weight:bold;}

.ThirdMeun{background:#f5f5f5; padding-top:2%;}
.ThirdMeun a{display:inline-block; padding:0 1.5%; font-size:16px; color:#222222; line-height:22px;}
.ThirdMeun a:hover,.ThirdMeun a.on{font-weight:bold;}

.Contain{background:#f5f5f5; padding:3.5% 0%;}

/*banner*/
.swiper-container{width:100%; position:relative; overflow:hidden;}
.swiper-container .swiper-slide{display:block; position:relative;}
.swiper-slide img{display:block;margin:0px auto;}
.swiper-slide .con{position:absolute; right:0; bottom:0; width:100%; height:100%;}
.swiper-container-horizontal .swiper-pagination-bullets,swiper-pagination-custom, .swiper-pagination-fraction{position:absolute; width:100%; height:14px; bottom:46px; text-align:center; z-index:98;}
.swiper-container .swiper-pagination .swiper-pagination-bullet{display:inline-block; width:14px; height:14px; margin-right:16px; background:url(../images/dotpic.png) no-repeat left top; text-indent:99999; line-height:99999; border-radius:0;}
.swiper-container .swiper-pagination .swiper-pagination-bullet:last-child{margin-right:0px;}
.swiper-container .swiper-pagination .swiper-pagination-bullet-active{background:url(../images/dotpic.png) no-repeat left bottom;}


@media ( min-width:1200px){
.LinkList li img{ height:109px;}
.Product li img{ height:264px; }
}

@media ( max-width:1156px){
.LinkList li img{ height:100px;}
.Product li img{ height:221px; }
}

@media ( max-width:998px){
.Header{position:static;background:#000;}
.Logo{padding:2.2% 0 0;}
.navicon{display:block; float:right; margin:3% 3% 0% 0%;}
.Nav{float:none; display:none; padding:0; clear:both; position:absolute; left:0px; top:80px; z-index:999; width:100%; margin-left:0;}
.Nav li{float:none; width:100%; height:65px; line-height:65px; font-size:20px; background:#192129;}
.Nav li a:hover,.Nav li.active a{background:#00c1de; color:#fff;}
.Product li img{ height:164px; }
.swiper-container-horizontal .swiper-pagination-bullets,swiper-pagination-custom, .swiper-pagination-fraction{bottom:20px;}
}

@media ( max-width:640px){
.Header{height:auto; padding:2% 0%;}
.Logo{padding:0% 0 0; width:40%;}
.navicon{margin:4% 3% 0% 0%; width:34%;}
.SubMeun{ padding:10px 0px;height:auto; line-height:20px;}
.SubMeun li{padding:0 5px;}
.SubMeun li a{ font-size:14px;}
.pc_ban .hd{bottom:15px;}
.Product li img{ height:84px; }
.LinkList li{width:29.333% !important;}
.LinkList li img{ height:36px;}

}

@media ( max-width:480px){

}

/*index*/
/*.Main{margin-top:80px;}*/
.Title{text-align:center;}
.Title span{display:block; font-size:28px; line-height:35px; color:#222222; padding-bottom:8px;}
.Title em{display:block; line-height:12px; color:#bbbbbb; font-family:Arial; text-transform:uppercase;}
.White span,.White em{color:#fff;}
.DataBox{padding:3% 0 0;}
.DataBox .Data{margin:30px 0px 0px; background:#f7f7f7; position:relative;}
.Data .DataPic{width:55%; float:right;}
.Data .DataPic img{display:block; width:100%;}
.Data .DataTxt{width:45%; float:left; padding:6% 4%;}
.Data .DataTxt span{display:block; font-size:22px; line-height:35px; padding-bottom:4%;}
.Data .DataTxt span a{color:#444444;}
.Data .DataTxt span i{font-size:26px; font-family:Calibri; padding-left:12px; text-transform:uppercase;}
.Data .DataTxt p{color:#757575; line-height:25px;}
.Data .DataTxt a.more{display:none; position:absolute; left:41%; bottom:50px; width:95px; height:45px; line-height:45px; text-align:center; color:#fff; background:#00c1de;}

.MeunList{margin:25px 0px 0px; overflow:hidden; width:100%;}
.MeunList li{width:23%; margin-right:1.5%; text-align:center; padding:2% 0 4%; background:#f7f7f7; float:left;}
.MeunList li:nth-child(4n){margin-right:0;}
.MeunList li .icons{width:62px; height:62px; overflow:hidden; position:relative; display:inline-block;}
.MeunList li .icons img{display:inline-block; position:absolute; top:0px; left:0px;}
.icons .i1{ transition: 400ms;}
.icons .i2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha (opacity=0); transition:500ms;}
.MeunList li .Name{display:block; line-height:36px; font-size:18px;}
.MeunList li .Name a{color:#444444;}
.MeunList li .Name i{font-size:14px; line-height:14px; color:#d1d1d1; display:block;}
.MeunList li:hover{background:#00c1de;}
.MeunList li:hover .Name a{color:#fff;}
.MeunList li:hover .Name i{color:#d1d1d1;}
.MeunList li:hover .icons .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);}
.MeunList li:hover .icons .i1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2); }

/*.SlideMeun li:nth-child(4n){margin-right:20px;}
.SlideMeun li{height:192px; width:284px; margin-right:20px;}
.SlideMeun{position:relative;}
.SlideMeun .prev,.SlideMeun .next{position:absolute; width:50px; height:106px; top:50%; margin-top:-53px; z-index:999; display:none;}
.SlideMeun .prev{background:url(../images/arrows.png) no-repeat left top; left:0px;}
.SlideMeun .next{background:url(../images/arrows.png) no-repeat right top; right:0px;}
*/
.SlideMeun{margin:40px 0px 0px;}
.SlideMeun li{padding:3% 0 3%;}
.SlideMeun li span{font-weight:bold; padding-top:5%;}
.SlideMeun li span i{font-weight:normal;}


.CaseBox{padding:3% 0 0;}
.CaseStyle{margin:40px 0px 0px;}
.CaseStyle .swiper-slide{width:14.25%; float:left; text-align:center; vertical-align:middle; position:relative; overflow:hidden;}
.CaseStyle .swiper-slide img{display:block; width:100%;}
.CaseStyle .swiper-slide .MeunBox{position: absolute; top: -100%; left: 0px; width: 100%; height: 200%;-webkit-transform: translateY(50%); transform: translateY(50%); -webkit-transition:0.5s all ease; transition:0.5s all ease; color:#fff;}
.CaseStyle .swiper-slide .MeunBox .Show{width:100%;  height: 50%; background:url(../images/opacity3.png) repeat;}
.CaseStyle .swiper-slide .MeunBox .Show .Name{display:block; font-size:24px; padding-top:50%;}
.CaseStyle .swiper-slide .MeunBox .Show .Name a{color:#fff; display:block; padding:12% 0 0%; background:url(../images/line.png) no-repeat center top;}
.CaseStyle .swiper-slide .MeunBox .Show .Name em{display:block; font-size:12px; color:#d8d8d8; text-transform:uppercase; padding-top:2%;}
.CaseStyle .swiper-slide .MeunBox .Hidden{width:100%;  height: 50%; background:url(../images/opacity2.png) repeat;}
.CaseStyle .swiper-slide .MeunBox .Hidden h2{font-size:24px; line-height:24px; font-weight:bold; padding-top:32%;}
.CaseStyle .swiper-slide .MeunBox .Hidden h2 a{display:block; color:#fff;}
.CaseStyle .swiper-slide .MeunBox .Hidden p{padding:8% 3%; font-size:14px; line-height:22px;}
.CaseStyle .swiper-slide .MeunBox .Hidden a.more{display:inline-block; width:118px; height:33px; line-height:33px; text-align:center; border:1px solid #fff; color:#fff; font-size:14px;}
.CaseStyle .swiper-slide:hover .MeunBox{-webkit-transform: translateY(0px); transform: translateY(0px); -webkit-transition:0.5s all ease; transition:0.5s all ease;}

.CaseStyle .swiper-slide .Hidden em{display:none; font-size:16px; line-height:34px; position:absolute; width:100%; top:245px; left:0px;}


.JobBox{padding:3% 0;}
.JobList{margin:40px 0px 0px;}
.JobList li{padding:3% 0 3%;}
.JobList li span{font-weight:bold; padding-top:5%;}
.JobList li span i{font-weight:normal;}
.JobList .more{text-align:center; margin-top:40px;}
.JobList .more a{display:inline-block; width:180px; height:45px; line-height:45px; text-align:center; background:#ececec; border-radius:20px; color:#999999;}

/*bottom*/
.Footer{background:#222222;}
.BottomTop{text-align:center;}
.Number{font-size:16px; font-family:Arial; text-transform:uppercase; color:#999999; padding:4% 0% 3%;}
.BottomMeun{position:relative; height:28px; line-height:28px; margin-bottom:4%;}
.BmList{text-align:center; font-size:14px;}
.BmList a{ display:inline-block; color:#999999; padding:0px 27px;}
.Bottomicon{position:absolute; top:0px; right:0px; width:150px;}
.Bottomicon img{margin-left:14px; display:inline-block;}
.Link{line-height:49px; border-bottom:1px solid #333333; border-top:1px solid #333333; color:#626262;}
.Bottomicon .ewm{display:none; position:absolute; width:150px; height:150px; top:-155px; right:0px;}
.Bottomicon .b2:hover .ewm{display:block;}
 
.Link a{padding-right:30px; color:#626262;  }
.Link a img{margin-top:4px;}
.Bottom{height:78px; line-height:78px; font-size:14px; color:#999999;}
.Bottom a{color:#999999;}


@media ( max-width:998px){
.Data .DataTxt,.Data .DataPic{float:none; width:100%;}
.Data .DataTxt a.more{position:static; margin-top:3%;}
.CaseBox{padding:6% 0 0;}
.JobBox{padding:6% 0;}
.BottomTop,.Link{display:none;}
.Bottom{text-align:center; height:auto; padding:4% 0%; line-height:30px;}
.Bottom span{float:none;}

.SlideMeun .prev,.SlideMeun .next{display:block;}

.CaseStyle .swiper-slide{width:20%;}
}

@media ( max-width:640px){
.Title span{font-size:28px;}
.Title em{font-size:12px;}
.DataBox{padding:7% 0 0;}
.MeunList li{width:49%; margin:0 0 2%;}
.MeunList li:nth-child(2n){float:right;}
/*.SlideMeun li{margin:0px 20px 0px 0px; width:30%; height:157px;}
.SlideMeun li:nth-child(2n){float:left;}
*/
.JobList .more{margin-top:20px;}

.CaseStyle .swiper-slide{width:33.333%;}
.CaseStyle .swiper-slide .MeunBox .Show .Name{font-size:16px; padding-top:46%;}
.CaseStyle .swiper-slide .MeunBox .Show .Name em{ line-height:18px;}
.CaseStyle .swiper-slide .MeunBox .Hidden h2{font-size:16px;padding-top:15px;}
.CaseStyle .swiper-slide .MeunBox .Hidden p{ font-size:13px; line-height:17px;}
}

@media ( max-width:480px){

}

/*云和大数据*/
.AboutBox{background:#fff;}
.AboutBox .AboutPic,.AboutBox .AboutTxt{width:50%; float:left;}
.AboutBox .AboutPic img{display:block; width:100%;}
.AboutBox .AboutTxt{padding:3% 2%; line-height:26px;}
.AboutBox .AboutTxt span{display:block; font-size:18px; text-align:center;}
.AboutBox .AboutTxt span a{display:block; color:#07c1d3;}
.AboutBox .AboutTxt p{font-size:14px; color:#222222; text-indent:2em; padding:4% 0 6.5%;}
.AboutBox .AboutTxt a.more{display:block; width:98px; height:33px; text-align:center; line-height:33px; border:1px solid #07c1d3; color:#07c1d3; font-size:14px; background:#f7f7f7; margin:0 auto;}

.LinkList{margin:30px 0px 0px;}
.LinkList li{width:13.33%; margin:0 4% 2% 0; float:left;}
.LinkList li:nth-child(6n){margin-right:0;}
.LinkList li img{display:block; width:100%; border:1px solid #e6e6e6;}
.LinkList li p{text-align:center;padding-top:3px;}
/*产品中心*/
.Product{padding:0 0 2%;}
.Product li{width:31.33%; float:left; margin:0 3% 1% 0;}
.Product li img{display:block; width:100%; border:1px solid #ecebeb;}
.Product li em{display:block; font-size:14px; line-height:50px; color:#333333; text-align:center;}
.Product li:nth-child(3n){margin-right:0;}

/*关于通威*/
.Aboutinfo{padding-top:2%;}
.Strengthsbg{background:#4f4e52 url(../images/corebg.jpg) no-repeat center bottom; padding:3% 0 2%;}
.Strengths{padding-top:2%;}
.Strengths li{width:25%; text-align:center; padding:2% 0 4%; float:left;}
.Strengths li .icons{width:129px; height:129px; overflow:hidden; position:relative; display:inline-block;}
.Strengths li .icons img{display:inline-block; position:absolute; top:0px; left:0px;}
.Strengths li .Name{display:block; line-height:50px; font-size:16px; background:url(../images/line2.png) no-repeat center bottom; margin-top:1.5%;}
.Strengths li .Name a{color:#fff;}
.Strengths li:hover .icons .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);}
.Strengths li:hover .icons .i1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2); }
.HideTxtBox{display:none; font-size:14px; line-height:24px; color:#fff; position:relative;}
.HideTxtBox a.close{font-size:25px; color:#fff; position:absolute; top:-35px; right:0px; z-index:999; opacity:1;}
.Strengths li.lion .HideTxtBox{display:block;}

.HonnorBox{padding:2.5% 0;}
.HonnorList{padding:3% 0 0;}
.HonnorList li{width:31.33%; float:left; margin:0 3% 0% 0;}
.HonnorList li img{display:block; width:100%; height:245px;}
.HonnorList li em{display:block; font-size:14px; line-height:20px; color:#333333; text-align:center; padding-top:3%;}
.HonnorList li:nth-child(3n){margin-right:0;}

.Culturebg{background:#4f4e52 url(../images/culturebg.jpg) no-repeat center bottom; padding:3% 0 2%;}
.Culture{text-align:center; padding:3% 0 0; font-size:14px; line-height:27px; color:#fff;}
.Culture a.more{display:inline-block; background:url(../images/more.png) no-repeat; width:30px; height:30px; margin-top:3%;}

/*联系我们*/
.ContactBox .ContactTxt{width:40%; float:left; font-size:16px; line-height:35px; color:#333333; padding-top:7%;}
.ContactBox .Map{width:60%; float:right;}

/*我们的服务*/
.ServiceBox{line-height:30px; font-size:16px; color:#666666;}
.ServiceBox .serv{float:right; margin:4% 0 0 1%;}
.ServiceBox strong{color:#000000;}
.ServiceBox i{padding:0 1.5%;}

/*招聘计划*/
.JobBoxs{margin:-2% 0 0;}
.JobBoxs li{margin-bottom:20px;}
/*.JobBoxs li:nth-child(4n){margin-bottom:0px;}*/
.JobBoxs li .Jobcon{display:none; padding:0px 0px 39px 32px; background:#fff;}
.JobBoxs li .name{padding-left:21px; height:50px; line-height:50px; background:#e6e3e3 url(../images/jia.png) no-repeat 98% center; color:#fff; font-size:20px;}
.JobBoxs li .name a{color:#222; display:block;}
.JobBoxs li.on .name{background:#808080 url(../images/jian.png) no-repeat 98% center;}
.JobBoxs li.on .name a{color:#fff;}
.Jobcon dl{padding:24px 0px 0px 0px; font-size:14px; color:#222222;}
.Jobcon dl dt{line-height:25px;}
.Jobcon dl dd{padding-left:74px; line-height:27px;}
.Jobcon .apply{display:block; width:170px; height:45px; line-height:45px; text-align:center; font-size:16px; color:#fff; background:#07c1d3; margin-top:32px;}

/*应聘表单*/
.JobForm{ color:#666666;}
.JobForm dl{ width:45%; float:left;}
.JobForm dl dt{ width:18%; float:left; font-size:14px; text-align:right; margin-right:2%;}
.JobForm dl dd{ width:70%; float:left;}
.JobForm dl.other{ width:100%; float:none;}
.JobForm dl.other dt{ width:7%;}
.JobForm dl.other dd{ width:78.9%;}
.JobForm dd{ padding:5px 0px;}
.JobForm .input { background:#fff; border:1px solid #dbdbdb; width:99%; height:28px; line-height:28px;}
.JobForm .input2 { background:#fff; border:1px solid #dbdbdb; width:99%; height:116px; line-height:23px;}
.JobForm select { border:1px solid #dbdbdb; width:190px; height:23px; line-height:23px;}
.JobForm .btn_2 { font-size:15px; padding:1.2% 2%; text-align:center; background:#ca0b0f; margin-right:8px; color:#fff; border:0px; cursor:pointer;}
.JobForm .btn_3 { font-size:15px; padding:1.2% 4.3%; text-align:center; background:#999; color:#fff; border:0px; margin-left:8px; cursor:pointer;}

/*云和大数据*/
.DataSub{margin:-2% 0 0;}
.DataSub dl{margin-bottom:2%;}
.DataSub dl:last-child{margin-bottom:0;}
.DataSub dl dt{font-size:22px; font-weight:bold; color:#000000; line-height:30px; padding-bottom:1.5%;}
.DataSub dl  dd p{font-size:14px; line-height:30px; color:#666666; text-indent:2em;}
.zd{ width:5%; position: fixed; right:3%; bottom:20%; z-index: 10;}
.zd a{ display:block; cursor: pointer; width:100%;}
.zd a img{ width:100%; }

.SlideTxt .hd{width:15%; float:left; border:1px solid #e4e4e4; border-bottom:none; border-right:none; background:#fff;}
.SlideTxt .hd li{height:58px; line-height:58px; font-size:14px; border-bottom:1px solid #e4e4e4; text-align:center;}
.SlideTxt .hd li a{display:block; color:#222222;}
.SlideTxt .hd li a:hover,.SlideTxt .hd li.on a{background:#07c1d3; color:#fff;}
.SlideTxt .bd{width:85%; float:left; background:#fff;}
.SlideAbout{padding:2% 2% 4%; font-size:14px; color:#666666; line-height:30px;}
.SlideAbout b{display:block; width:5%; float:left; color:#222222;}
.SlideAbout em{display:block; width:95%; float:left;}
.SlideAbout img{display:inline-block; padding:2% 0 0;}

.ProTab{border:1px solid #e4e4e4; background:#fff;}
.ProTab li{border-bottom:1px solid #e4e4e4; line-height:57px; font-size:14px; color:#222222;}
.ProTab li:last-child{border-bottom:none;}
.ProTab li span.Name{display:block; width:12.5%; float:left; text-align:center;}
.ProTab li em{display:block; width:87%; float:left; border-left:1px solid #e4e4e4; line-height:30px; padding:1.1% 1.5%;}
.ProTab li:hover{background:#f7fdfe;}
.ProTab li:hover span.Name{color:#07c1d3; font-weight:bold; font-size:16px;}
.YsList{padding:2% 0 0;}
.YsList li{width:23.5%; text-align:center; margin:0 2% 0 0; float:left;}
.YsList li:nth-child(4n){margin-right:0;}
.YsList li .icons{width:142px; height:143px; overflow:hidden; position:relative; display:inline-block;}
.YsList li .icons img{display:inline-block; position:absolute; top:0px; left:0px;}
.YsList li .Name{display:block; line-height:22px;  margin-top:1.5%; font-size:14px;}
.YsList li .Name em{display:block; font-size:18px; background:url(../images/line2.png) no-repeat center bottom; line-height:48px; margin-bottom:3%;}
.YsList li .Name a{color:#222222;}
.YsList li:hover .icons .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);}
.YsList li:hover .icons .i1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2); }

/*资讯中心*/
.NewsBox{padding-bottom:1.5%;}
.NewsBox li{width:31.33%; float:left; margin:0 3% 3% 0; padding:2%; background:#fff;}
.NewsBox li:nth-child(3n){margin-right:0;}
.NewsBox li img{display:block; width:100%; height:218px;}
.NewsBox li em{display:block; height:52px; overflow:hidden; line-height:52px; font-weight:bold; font-size:14px; color:#000000;}
.NewsBox li p{line-height:25px; font-size:14px; color:#666666;}
.NewsBox li .newsbt{padding:4% 0 0; color:#999999;}
.NewsBox li .newsbt span{display:inline-block; padding-left:25px; margin-right:20px;}
.NewsBox li .newsbt span.Nb1{background:url(../images/time.jpg) no-repeat left center;}
.NewsBox li .newsbt span.Nb2{background:url(../images/eyes.jpg) no-repeat left center;}

/*新闻详情*/
.Atit{text-align:center; line-height:28px; position:relative;}
.Atit h2{font-size:20px; color:#333333;}
.Atit em{display:block; font-size:14px; color:#666666; padding:9px 0px 21px; border-bottom:1px dashed #e8e8e8;}
.Atit em i{padding:0px 12px;}
.bdsharebuttonbox{position:absolute; top:40%; right:22%;}
.ContentAbout{padding:34px 0px 21px 0px; border-bottom:1px solid #e7e7e7;}
.PrevNextBox{padding-top:24px;}
.PrevNextBox dl{font-size:14px; line-height:33px;}
.PrevNextBox dl b{color:#000; font-weight:normal;}
.PrevNextBox dl a{color:#666666;}

.mobile_map{ display:none;}


@media ( max-width:998px){
.AboutBox .AboutPic,.AboutBox .AboutTxt{float:none; width:100%;}
.Strengthsbg,.Culturebg{padding:5.5% 0% 2%;}
.Strengths,.Culture{padding-top:3.5%;}
.HonnorBox{padding:4.5% 0;}
.HonnorList{padding:5% 0 0;}
.HonnorList li img{height:180px;}
.ContactBox .ContactTxt,.ContactBox .Map{float:none; width:100%;}
.ContactBox .ContactTxt{padding:0 0 4%; text-align:center;}
.JobForm dl{float:none; width:100%;}
.JobForm dl.other dt{width:18%;}
.JobBoxs,.DataSub{margin:0;}

.DataSub dl{margin-bottom:5%;}
.SlideTxt .hd,.SlideTxt .bd{float:none; width:100%;}
.SlideTxt .hd{text-align:center; border:1px solid #e4e4e4;}
.SlideTxt .hd li{display:inline-block; border-bottom:none; width:32.5%;}
.SlideAbout b{width:10%;}
.SlideAbout em{width:90%;}
.SlideAbout img{width:100%;}

.ProTab li span.Name{width:16.5%;}
.ProTab li em{width:83%;}

.NewsBox li{width:48%;margin-right:0;}
.NewsBox li:nth-child(2n){float:right;}

.Atit em{padding:9px 0px 6px;}
.ContentAbout{padding:14px 0px 21px 0px;}
.Share{display:none;}
}

@media ( max-width:640px){
.Product li em{height:50px; overflow:hidden;}
.Strengthsbg,.Culturebg{padding:6% 0% 4%;}
.Strengths,.Culture{padding-top:6%;}
.Strengths li{width:50%;}
.HonnorList li em{height:35px; line-height:35px; overflow:hidden;}
.Culture a.more{margin:5% 0% 3%;}
.ServiceBox .serv{float:none; margin:4% 0;}
.Jobcon dl dd{padding-left:0;}
.JobForm dl dt,.JobForm dl.other dt{width:20%;}
.JobForm dl.other dd{width:76.9%;}

.SlideAbout b{width:15%;}
.SlideAbout em{width:85%;}

.ProTab li span.Name{width:20.5%; line-height:30px; padding-top:6%;}
.ProTab li em{width:79%;}

.YsList li{width:48%; float:left; margin:0 0 5% 0;}
.YsList li:nth-child(2n){float:right;}
.YsList li .Name i{display:block; height:44px; overflow:hidden;}

.NewsBox li{float:none; width:100%;}
.NewsBox li:nth-child(2n){float:none;}

.HonnorList li img{height:149px;}
}

@media ( max-width:480px){
.HonnorList li img{height:85px;}
}
.PlanBox{margin:1% 0 0;}
.PlanBox h2{font-size:24px; font-weight:bold; color:#333; text-align:center; line-height:45px; margin-bottom:15px;}
.PlanBox li{width:31%; margin:0 3% 1% 0; border:1px solid #e5e5e5; float:left; height:40px; line-height:40px; border-radius:10px; background:url(../images/book.png) no-repeat 7% center; padding-left:5%;}
.PlanBox li:nth-child(3n){margin-right:0;}
.PlanBox li a{display:block; font-size:16px; color:#333;}

@media ( max-width:998px){
.PlanBox li{padding-left:8%; width:48%; margin-right:0;}
.PlanBox li:nth-child(2n){margin-right:0; float:right;}
}

@media ( max-width:480px){
.PlanBox li{width:100%; float:none; padding-left:16%;}	
.PlanBox li:nth-child(2n){float:none;}
.pc_map{ display:none;}
.mobile_map{ display:block; text-align:center;}
}

/*2017-07-27侧边栏*/
.cbl{ width:60px; position:fixed; right:0; top:30%; z-index:100;}
.cbl li{ width:60px; height:70px; padding-top:10px; position:relative;background:#047dbc; margin-bottom:3px;}
.cbl li:first-child{ border-radius:18px 0 0 0; height:70px; padding-top:15px;}
.cbl li:last-child{ border-radius:0 0 18px 0; height:70px;padding-top:15px;}
.cbl li:last-child a img{ width:40px; height:40px; }
.cbl li a{ display:block; cursor:pointer; text-align:center;}
.cbl li a img{ height:30px; width:30px;}

.cbl li a span{ color:#fff; font-size:12px;}
.cbl li .cbshaw{ position:absolute; right:62px; top:0px;height:100px; width:100px; padding:5px; background:#047dbc; display:none;}
/*.cbl li .cbshaw img{ width:100px; height:100px;}*/
.cbl li:hover .cbshaw{ display:block;}