@charset "utf-8";
/* CSS Document */
body{margin:0 auto; padding:0;  color:#333; background:#fff; }
body,html{min-width: 320px;overflow-x: hidden!important;}
body,h1,h2,h3,h4,h5,h6,hr,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,pre{margin:0;padding:0;}
h1,h2,h3,h4{font-size:14px; font-family:"微软雅黑",Tahoma,Arial;}
a{text-decoration:none;}
img{ border:0 none; vertical-align:top;}
ul li{list-style:none;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;/*IE/7/6*/}
.herader{ background: #F9F9F9; position: relative;z-index: 2}
.minh{ height: 120px; position: relative; }
.minh .logo{ position: absolute;left: 0;top: 20px; }
.minh .logo img{ max-height: 78px; max-width: 100%; }
.headr_top{ height: 30px; line-height: 30px; background: #1D1D1D; color: #fff; }
.headr_top .fr .tel{ padding-right: 10px; }
.nav { display: inline-block; float: right; margin-top: 33px; padding-right: 100px;}
.nav li{height:54px;text-align:center;float:left; display:inline; width: 125px;}
.nav li a{ color:#333; display:block; line-height: normal; font-size: 15px;height: 54px;line-height: 54px; background-position: center;}
.nav li a:hover,.nav li.hover a{text-decoration: none;color: #CC0000;}
.nav .hover a{ color: #0091E2; }
.is_showmenu{ position: absolute;right: 5px;top: 50%; width: 40px; margin-top: -20px; font-size: 18px; cursor: pointer; display: none; height: 40px; background: #666; color: #fff; line-height: 40px;text-align: center; }
.is_showmenu em{ font-style: normal;  width: 40px; height: 40px; display:  block;}
.is_showmenu em.close-menu{ display: none; }
/*下拉菜单*/
.nav .mainlevel{ position:relative; z-index:99999;}
.nav .mainlevel .lbul{ display:none; position:absolute; top:54px; left: 0;width: 100%;}
.nav .mainlevel .lbul ul{ overflow:hidden; z-index:100; padding:5px; background: #666; }
.nav li.mainlevel .lbul ul li{float:none; background:none;  height: 30px; margin:0 auto; zoom:1;  }
.nav li.mainlevel .lbul ul li a{ display: block; height: 30px; margin: 0; font-size: 14px; color: #fff;font-weight: normal; line-height: 30px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.nav li.mainlevel .lbul ul li a:hover{ background: #fff; color: #CC0000; }
/*banner*/
.banner{ position: relative; height: 480px; z-index: 1 }
.banner .item {background-position:50%;background-size:cover;}
.banner .bannerpage{ position: absolute;left: 0;height: 15px;width: 100%;text-align: center; bottom: 5px; line-height: normal; z-index: 12; font-size: 0;}
.banner .bannerpage span{ margin:0 2px!important; background: #fff; opacity: 1; line-height: normal; padding: 0;}
.banner .bannerpage span.swiper-pagination-bullet-active{ background: #ff9911;line-height: normal; padding: 0; }
.banner .swiper-button-white{  background-size: 30%; width: 50px; height: 65px; }
.banner .swiper-button-prev{ left: 0;  }
.banner .swiper-button-next{ right: 0;}
/*aboutpic*/
.aboutpic{ position: relative;  margin-top: -34px; width: 513px; display: inline; float: right;margin-left: 25px; height: 390px;}
.aboutpic .picsmall{overflow: hidden;width: 179px;right:324px; top: 106px; height: 274px;border-width: 5px;border-style: solid;padding: 0px;border-color: rgb(204, 204, 204); position: absolute; z-index: 2}
.aboutpic .picsmall img{width: 179px;height: 274px;}
.aboutpic .picbg{ position: relative;z-index: 1; display:inline; float: right; width: 399px; height: 267px;border-width: 5px;border-style: solid;padding: 0px;border-color: rgb(204, 204, 204); }
.aboutpic .picbg img{width: 399px; height: 267px;}
/*aboutinifo*/
.aboutcon{ overflow:hidden; padding-top: 40px; }
.aboutititle{ font-size: 24px; }
.aboutititle h3{text-transform: uppercase; font-size: 25px; font-weight: normal; height: 34px; line-height: 34px; border-left: 4px  solid #CC0000; padding-left: 10px;}
.aboutititle p{margin: 0;}
.aboutinifo{  font-size: 14px;line-height: 180%; padding-top: 20px;margin-right: 20px; height: 320px; }
.aboutinifo p{text-indent: 26px; margin: 0;}
/*server_lc*/
.server_lc{overflow: hidden; padding: 20px 0;  font-size: 0; text-align: center; margin-top: 20px; position: relative;}
.server_lc li{ width: 16.666%;text-align:center; line-height: content: no-open-quote; display: inline; float: left;position: relative;}
.server_lc li span{ display: block; background: #fff;position: relative; cursor: pointer; transition: all .3s; font-size: 36px; width: 88px;height: 100px; line-height: 100px;margin: 0 auto; }
.server_lc li:after{position: absolute; top:45px; right: 0px;  width:10px; height:10px; border:#ccc solid; border-width: 1px 1px 0 0; content: ' ';  -webkit-transform: rotate(45deg);}
.server_lc li span img{ transition: all .3s; width: 100%;}
.server_lc li .subtitle{ text-align: center; color: #333; font-size: 16px; margin-top: 10px;}
.server_lc li .subtitle i{font-style:normal;display: block; font-size: 12px; color: #dadada; white-space: nowrap;text-overflow: ellipsis;overflow:hidden;}
.server_lc li span .img_h{ display: none;transition: all .3s; font-style: normal; }
.server_lc li span .img_s{transition: all .3s; display: block;font-style: normal;}
.server_lc li:hover span .img_s{ display: none;  }
.server_lc li:hover span .img_h{ display: block; }
.server_lc li.sever6:after{display: none;}
/*案例展示*/
.shwocase_tt{ background: #666; color: #fff; padding: 15px 0;margin-top: 20px;}
.shwocase{ background: #F0F0F0; padding: 20px 0; overflow: hidden; padding-bottom: 40px;}
.subcat{overflow: hidden; text-align: center;font-size: 0; padding: 30px 0 15px 0;}
.subcat li{ display: inline-block; margin-top: 5px;}
.subcat li a{ display: block; font-size: 14px; margin: 0 5px; box-sizing: border-box; min-width: 125px; height: 32px; padding: 0 20px; line-height: 32px; border-radius: 16px; background: #fff; border:1px solid #dedede;}
.subcat li a:hover,.subcat li.on a{border-color: #CC0000; background: #CC0000; color: #fff;}
.caselist{ position: relative; width: 1124px;margin-left: -24px; }
.caselist li{ width: 25%; display: inline; float: left;text-align: center; margin-top: 20px; }
.caselist li a{ display: block;box-sizing: border-box; background: #fff; border: 1px solid #dedede; padding: 10px;margin-left: 24px;}
.caselist li img{ max-width: 100%; }
.caselist li p{margin: 0;white-space: nowrap;text-overflow:ellipsis;overflow: hidden; padding: 0 10px;}
.caselist li .title{ font-weight: bold; font-size: 14px; padding-top: 12px;}
.caselist li .img_pic{width:100%;height:0;padding-bottom: 80%;overflow:hidden;background-position: center center;background-repeat: no-repeat;-webkit-background-size:cover;
    -moz-background-size:cover;background-size:cover;}
.caselist li .img_pic img{ display:none; }

.hua_k_con{ display: none; }

/*新闻资讯*/
.news_index{margin-top: 40px;}
.newsboxl{ width: 50%; display: inline;float: left; box-sizing: border-box; border-right:dotted 1px #666; padding-right: 28px;}
.newsboxr{ padding-left:  28px; padding-right: 0; border: 0 none; }
.new_pic{overflow: hidden; padding: 30px 0;}
.new_pic img{ width: 100%;  max-height: 230px;}
.newslistl{ overflow: hidden; }
.newslistl li{ line-height: 30px; }
.newslistl li span{color: #7D7D7D; margin-right: 10px;}
.newslistl li a{ white-space: nowrap; text-overflow: ellipsis;overflow: hidden;  }
.newslistl .first{ border-bottom: 1px solid #eee; padding-bottom: 20px; line-height: normal;margin-bottom: 15px;}
.newslistl .first a{ font-size: 18px; }
.newslistl p{margin: 0; font-size: 12px;}
.newslistl p.desc{ max-height: 44px; line-height: 22px;overflow: hidden; color: #666;white-space: normal; }
.newslistl p.date{ color: #7D7D7D; }
.newslistr{ overflow: hidden; }
.newslistr li { overflow: hidden; display: inline; float: left; width: 48%;  margin-top: 30px; }
.newslistr li:nth-child(even){ float: right; }
.newslistr li .newspic{width: 120px; height: 80px;display: inline; float: left; margin-right: 10px;}
.newslistr li .newspic img{ width: 120px; height: 80px; }
.newslistr li .newsinfo a{ font-size: 16px; font-weight: bold; display: block; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.newslistr li .newsinfo p.desc{margin: 0; max-height: 48px; line-height:24px; color: #666; margin-top: 10px; font-size: 14px; overflow:hidden;}
.indexadlist{ margin-top:20px;overflow: hidden;}
.indexadlist li{width:48%;display:inline;float:left;}
.indexadlist li img{width:100%}
.indexadlist li:nth-child(2){ float:right;}
.link{color:#656565;overflow: hidden;}
.link a{ color:#656565;margin:0 5px;}
.casebox_index{ position: relative;overflow: hidden;height: 216px; margin-top: 60px; }
.casebox_index li{ width: 257px; height: 216px; display: inline; float: left;text-align: center;margin-left: 24px;}
.casebox_index li a{ display: block;box-sizing: border-box; background: #fff;}
.casebox_index li a img{ width: 257px; height:180px; }
.casebox_index li a p{margin: 0; margin-top: 10px;}
.caseboxlist{ position: relative; }
.footer{ background: #000;overflow: hidden; color: #d9d9d9; line-height: 26px; padding: 20px 0; margin-top: 40px; }
.footer p{margin: 0;}
.footer .lxfs{ width: 320px; }
.footer .lxfs b{ font-size: 14px; color: #fff; display: block; }
.footer .lxfs .is_wap{ display: none; }
.footer .lxfs a{ display: block; color: #eb3d00;font-size: 22px; padding-top: 12px; }
.footer .lxfs a span{ font-size: 22px; padding-right: 5px; }
.footer .footer_cate a{display:block;color: #d9d9d9}
.footer .webchat span{ display: inline; float: left; width: 160px;text-align: center; }
.footer .webchat span p{ margin-top: 5px; }
.footer .webchat span img{ width: 100px; height: 100px; }
/*alltitle*/
.alltitle{  font-size: 20px;margin: 0 auto; width: 55%; text-align: center; position: relative; margin-top: 60px;background:#fff;}
.alltitle span{ display: block; }
.alltitle span.en{text-transform: uppercase; height: 20px; line-height: 20px;}
.alltitle h3{ display: inline-block; height: 40px;line-height: 40px; font-size: 26px; font-weight: normal; padding: 0 15px;background:#fff; position:relative;z-index: 2 }
.alltitle span.line{ font-size: 0; height: 2px; width: 100%; line-height: normal; background:#D42626; z-index: 1; position: absolute;top: 50%; margin-top: -1px;   }
.content{ font-size: 14px;line-height: 180%; overflow: hidden;}
.phontos{ width: 530px; display: inline; float: left; margin-right: 80px; padding-left: 60px; margin-top: 20px; }
.aobutcontainer{ overflow: hidden; }
#certify {position: relative;margin: 0 auto}
#certify .swiper-container {padding: 60px 0;}
#certify  .swiper-slide {width: 450px;height: 280px;background: #fff;box-shadow:0 0 20px rgba(0,0,0,0.05); border-radius:10px;overflow:hidden;}
#certify  .swiper-slide img{display:block;width: 450px;height: 280px;}
#certify  .swiper-slide:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(237,240,240,0.6);z-index: 99;}
#certify  .swiper-slide-active:before{ background:none; }

#certify .swiper-pagination {width: 100%;bottom: 20px;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {	margin: 0 5px;border: 3px solid #fff;background-color: #d5d5d5;width: 10px;height: 10px;
	opacity: 1;
}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}
#certify .swiper-button-prev {
	left: -60px;
	width: 45px;
	height: 45px;
	background: url(../images/wm_button_icon.png) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

#certify .swiper-button-prev:hover {
	background-position: 0 -46px;
	background-size: 100%
}

#certify .swiper-button-next {
	right: -60px;
	width: 45px;
	height: 45px;
	background: url(../images/wm_button_icon.png) no-repeat;
	background-position: 0 -93px;
	background-size: 100%;
}

#certify .swiper-button-next:hover {
	background-position: 0 -139px;
	background-size: 100%
}
/*newslist*/
.hotnews{ overflow: hidden;}
.hotnews li{ width: 33.333%;display: inline; float: left;text-align: center; margin-top: 20px;}
.hotnews li a{ display: block;max-width: 300px; margin:0 auto; overflow: hidden; }
.hotnews li a p{ white-space: nowrap;text-overflow: ellipsis;overflow: hidden; padding: 0 10px; }
.hotnews li .nespicn{width:100%;height:0;padding-bottom: 65%;overflow:hidden;background-position: center center;background-repeat: no-repeat;-webkit-background-size:cover;
    -moz-background-size:cover;background-size:cover;}
.hotnews li .nespicn img{ width: 100%; display: none; }
.subcatnews{ padding: 20px 0; padding-top: 15px; border: 1px solid #dedede; border-left: 0; border-right: 0; margin: 30px 0; }

.page_back{ border-top:1px dotted #dedede; padding-top:10px; margin-top:20px; position:relative; min-height:50px; _height:50px; font-size:14px; line-height:30px;}
.page_back a{ color:#cb3232;}
.page_back a:hover{ text-decoration:underline;}
.page_back .bapage_back_up{ position:absolute; right:0; top:25px;}

.content_c{overflow:hidden; font-size: 16px;line-height: 180%;color: #333;}
.content_c img{ max-width:100%!important;}
.content_c h1{ font-family:"微软雅黑"; font-weight:normal;font-size:28px;  text-align:center; padding-bottom:15px; padding-top: 20px; border-bottom: dotted #dedede 1px; margin-bottom: 4px;}
.content_info{ height:20px; line-height:20px; font-size:12px; color:#666; text-align:center;overflow: hidden;margin-bottom: 20px;}
.form_messae{ width: 577px; display: inline;float: left; margin-right: 95px; }
.inputitem{ display: block;position: relative; position: relative; padding-left: 65px; margin-top: 10px; overflow: hidden; box-sizing: border-box; font-size: 0; vertical-align: top;}
.inputitem span{ position: absolute;display: block; color: #980000; height: 42px; line-height: 42px;left: 0;top: 0; text-align: center; font-weight: bold; font-size: 14px; }
.inputitem input{ display: block;width: 100%;vertical-align: top; border-radius: 3px; border: 1px solid #ccc; background: #F7F7F7;text-indent: 15px; color: #333; box-sizing: border-box; height: 42px; line-height: 42px; }
.inputitem textarea{ border-radius: 3px;vertical-align: top;margin: 0; box-sizing: border-box; padding: 10px; border: 1px solid #ccc; background: #F7F7F7; height: 80px; width: 100%; display: bottom: ;}
.inputitem .submitbb{ background: #666; border-color: #666;text-align: center; color: #fff; cursor: pointer; font-size: 14px; }
.map_src{ margin:10px 0; height: 310px; overflow: hidden;}
.brand{ font-size: 20px; color: #333 }
.brand span{ display: block; font-size: 12px; color: #666; }
.iindexalltit .en{color: #666;}
.conpy{text-align: left; font-size: 12px; padding-top: 10px; margin-top: 20px; border-top: 1px solid #2a2a2a}

@media (max-width:1199px) {
	.warp{margin: 0 10px;}
	.news_index { margin-top: 20px; }
	.herader .warp{ margin: 0; }
	.banner{ height: 400px; }
	.caselist{ width: 100%;margin: 0; }
	.caselist li a{margin: 0 1%; padding: 10px;}

	.phontos{  box-sizing: border-box; display: block; float: none; margin: 0 auto; padding-left: 0px; margin-top: 20px; }
	#certify .swiper-container{ padding: 0;padding-bottom: 10px;}
	.alltitle{ margin-top: 20px; width: 80%; }
	.form_messae{ margin-right: 60px; }
}
@media (max-width:992px) {	
	.headr_top .fl{ display: block; float: none;text-align: center; }
	.headr_top .fl marquee{ width: 95%!important;margin: 0 auto }
	.headr_top .fr{ display: none; float: none;text-align: center; }
	.is_showmenu{ display: block; top: 15px; margin-top: 0px;right: 10px; }
	.minh{ height:100%; }
	.minh .logo {position: relative; display:block;padding:10px 0;padding-left:10px; top: 0; box-sizing: border-box; }
	.minh .logo img{max-height: 50px;}
	.nav{ display: none; float: none; padding: 0; position:relative; width: 100%; border-top: 1px solid #f2f2f2; background: #fff; height: 100%; z-index: 9999; margin-top: 0; }
	.nav li{ float: none; display:  block; width: 100%; border-bottom: 1px solid #f2f2f2; height: 46px; line-height: 46px; overflow:hidden;}
	.nav li a{ position: relative; display: block; height: 46px; line-height: 46px;text-align: left; padding-left: 20px;box-sizing: border-box;}
	.nav li a:after{position: absolute; top:50%; margin-top: -5px; right: 20px;  width:10px; height:10px; border:#dedede solid; border-width: 1px 1px 0 0; content: ' ';  -webkit-transform: rotate(45deg);}

	.banner{height:360px; }	
	.hotnews li a{ display: block;max-width:none; padding: 0 5px; box-sizing: border-box; margin:0 auto; overflow: hidden; }
}
@media (max-width:859px) {
	.aboutpic{ float: left; margin: 30px 30px 0 0; text-align: center; font-size: 0;width: 399px; height: 267px; }	
	.aboutpic .picsmall{ left: 50%; margin-left: -89px; display: none;}
	.aboutpic .picbg{ display: inline-block; float: none; }
	.aboutinifo{margin-right: 0; height: 100%;}
	.server_lc{ padding-top: 0; margin-top: 10px; }
	.server_lc li{ width: 33.333%; margin-top: 20px; }
	.server_lc li.sever3:after{display: none;}

	.aboutititle{ font-size: 18px; }
	.aboutititle h3{text-transform: uppercase; font-size: 18px; font-weight: normal; height: 30px; line-height: 30px; border-left: 4px  solid #CC0000; padding-left: 10px;}
	.aboutititle p{margin: 0;}
	.shwocase{ padding: 5px 0 20px 0 }
	.subcat{ padding: 10px 0; }
	.caselist li{ width: 50%; margin-top: 10px;}
	.caselist li a{margin: 0 1.5%; }
	.new_pic{ padding: 15px 0; }
	.news_index { margin-top: 10px; }
	.newsboxl{ width:100%; display: block;float: none; box-sizing: border-box; border:0 none; padding-right: 0;}
	.newsboxr{ padding-left: 0; padding-right: 0; border: 0 none; }
	.newslistl li{ width: 50%; height: 36px; line-height: 36px; display: inline; float: left; white-space: nowrap;text-overflow:ellipsis;overflow: hidden; }
	.newslistl .first{ padding-bottom: 10px; float: none; display: block; width: 100%; height: auto; margin-bottom: 0; }
	.newslistr{ border-top: 1px solid  #dedede; margin-top: 5px;}
	.form_messae{ margin-right: 0; float: none;width: 100%; display: block; }
	.contact_c{ padding: 15px 10px 0 10px; }
	.form_messae input{ text-indent: 10px; }
	.map_src{ height: 200px; }

}

@media (max-width:768px) {
	.headr_top .fr .tel{ white-space: nowrap; padding: 0 10px;text-overflow: ellipsis; overflow: hidden; }
	.headr_top .fr .email{ display: none; }
	.banner{ height:260px; }
	.banner .swiper-button-white{ width: 40px; }
	.aboutcon{ padding-top: 20px; }
	.aboutinifo{ padding-top: 10px; }
	.aboutpic{ float: none; margin: 10px 0 0 0; text-align: center; font-size: 0;width: 100%; height: auto; display: block;}
	.aboutpic .picbg { display: block; width: 100%; box-sizing: border-box; border-color: #dedede; height: auto;}
	.aboutpic .picbg img{ width: 100%; height: auto; }
	.subcat li a{ min-width: inherit; }

	.newslistl li span{ display: none; }
	.newslistl li a{ display: block;margin: 0 5px; }
	.newslistr li { margin-top: 20px; }
	.newslistr li .newsinfo a{ font-size: 14px; }
	.newslistr li{margin-left: 5px; margin-right: 5px;}
	.newslistr li .newspic{width: 100px; height: 67px;}
	.newslistr li .newspic img{ width: 100px; height:67px; }
	.newslistr li .newsinfo p.desc{max-height: 36px;  line-height: 18px; font-size: 12px;}
	.casebox_index{ margin-top: 20px; height:176px;}
	.casebox_index li{ width: 200px; height:176px;margin-left: 15px;}
	.casebox_index li a img{ width: 200px; height:140px; }
	.footer{ line-height: 20px; padding: 10px 0; margin-top: 10px; }
	.footer .footer_cate{ display: none; }
	.footer .lxfs{  float: none; display: block; width: 100%;text-align: center;}
	.footer .lxfs b{ display: none; }
	.footer .lxfs .is_wap{ display: block; }
	.footer .webchat {float: none; display: block; width: 100%;text-align: center; margin-top: 20px;}
	.footer .webchat span{ display: inline-block; float: none; width: auto; margin: 0 10px; text-align: center; }

	.content_c{font-size: 14px;}
	.content_c h1{ font-size: 16px; padding: 10px 0; }
	.map_src{ height: 150px; }   

	
}
@media (max-width:680px) {
	.phontos{ display: none; }
	.alltitle{ font-size: 16px; }
	.alltitle span.en{ height: 18px;line-height: 18px; }
	.alltitle h3{ font-size: 20px; height: 20px; line-height: 20px; }
	.subcatnews{ margin: 5px 0; margin-bottom: 15px; }
	.hotnews li{ margin-top: 15px; }
	.newslistr li{ display: block; float: none; width: auto; }
	.newslistr li:nth-child(even){ float: none; }
    .page .scott a.first,.page .scott span.rows,.page .scott a.end{ display: none; }
    .conpy{ display: none; }
    .footer .webchat,.link{ display: none; }
    .indexadlist{ margin-top: 10px; padding-bottom: 5px; }
    .indexadlist li{ float: none;width: 100%;box-sizing: border-box; }
    .indexadlist li img{ width: 100%; }
    .indexadlist li:nth-child(2) { display: none; }
}
@media (max-width:480px) {
	.banner{  height:200px; }
	.shwocase .warp{margin: 0 5px;}
	.casebox_index li{ width: 190px; height:176px;margin-left: 15px;}
	.casebox_index li a img{ width: 190px; height:140px; }
	.server_lc li{ width: 50%; }
	.server_lc li .subtitle{ font-size: 14px; }
	.server_lc li.sever2:after{display: none;}
	.server_lc li.sever3:after{display: block;}
	.server_lc li.sever4:after{display: none;}

}


@media (max-width:346px) {
	
}