*{margin:0;padding:0;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
html{color: #333;}

@media (min-width: 768px){
.navbar-brand{height: 50px; line-height: 50px;}
.nav>li>a {padding:30px 25px;}
.navbar{font-size:18px;}
}

.pcshow{display: block;}
.pchide{display: none;}
.caseMore{display: block;padding:10px; font-size: 18px; width:140px; text-align: center; color: #fff; background-color:#3F51B5;  margin:0 auto;}
.caseMore:hover{color: #fff;}
.navbar-brand>img{width: 160px;}
.navbar {background-color: #3F51B5;margin-bottom: 0;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{background-color: #3F51B5;color:#fff;position: relative;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{color:#fff;}
.navbar-default .navbar-nav>li>a{color:#fff;}
.navbar-default .navbar-nav>li:hover a:after{content: "";position: absolute;bottom: 15px;left: 50%;margin-left: -45px;width: 90px;border-bottom: 2px solid #fff;}
.navbar-default .navbar-nav>.active>a:after{content: "";position: absolute;bottom: 15px;left: 50%;margin-left: -40px;width: 80px;border-bottom: 2px solid #fff;}
.navbar-default .navbar-brand{color:#fff;}

footer{padding:30px 0;background-color: #3F51B5;color:#fff;font-size: 16px;}
.footerNav{list-style: none;overflow: hidden;padding:0;}
.footerNav li{float: left;padding-right: 50px;font-size:16px;}
.footerNav li a{color:#fff}
footer .tel{font-size:32px;}
footer .add{border-bottom: 1px solid rgb(121, 129, 138); padding-bottom: 20px;}
footer .copy{text-align: center;margin:0;padding-top: 20px;}

.serTit{padding:50px 0 0;}
.serTit .serEng{font-size: 32px;color:#000;display: block; text-align: center;}
.serTit .serChina{color:rgb(102, 102, 102);display: block; text-align: center;font-size:22px;}

.proClass{margin-top: 80px;overflow: hidden; }
.proClass a{color: #fff;}
.proClass .col5{width:40%;float: left; padding:0 30px;}
.proClass .col7{width:60%;float: left;}
.proTop{padding: 30px 0; border-bottom:1px solid rgb(222, 222, 222);overflow: hidden;}
.proTop .proName span{display: block;}
.proTop .proName span.china{color: rgb(205, 39, 53);font-size:22px;line-height: 32px;}
.proTop .proName span.eng{font-size: 18px;color: rgb(169, 169, 169);line-height: 32px;}
.bgRed{background-color: #3F51B5; color:#fff;}
.bgRed .proName span.eng{color:#fff;}
.bgRed .proName span.china{color:#fff;}
.bgWhite{background-color: #f9f9f9;color:#666;margin-bottom: 80px;}
.proTop .proIcon{float: left;margin-right: 20px;margin-left: 40px;width:64px;}
.proTop .proName{float: left;}
.proClass .col5 .proIntro{font-size: 16px; padding:30px 10px; }
.proClass .col5 .more{padding:0 10px;font-size: 16px; color:#666;}
.bgRed .col5 .more{color:#fff;}
.proClass .col5 .more span{padding-right: 15px;}


.solutionBox{background-color: #efefef;}
.solutions{padding:90px 0;overflow: hidden;}
.solutions .soluItem{background-color: #fff; width: 50%;float: left;border:15px solid #efefef;overflow: hidden;}
.solutions .soluItem:hover img{transform: scale(1.1);transition: all 1s ease 0s;}
.solutions .soluNum{color: #3F51B5;line-height: 40px;font-size:26px;display: block;text-align: center;padding-bottom: 36px;position: relative;padding-top: 20px;}

.newsCon .activities{padding:10px 0 10px;}
.newsCon .activities .newsBox{display: none;}
.newsCon .activities .active{display: block;}
.newsNav{width: 600px;margin:0 auto;padding-top: 30px;padding-bottom: 20px;}
.newsNav .navItem{float: left;font-size: 20px;padding: 0 30px;}

.newsNav .navItem a{color: #333;position: relative;padding-bottom: 20px;}
.newsNav .navItem a:hover ,.newsNav .active a{color: #3F51B5;}
.newsNav .navItem a:hover:before ,.newsNav .active a:before{position: absolute;bottom: 0px;width: 80px; height: 3px; background-color: #3F51B5;content: "";margin-left: -40px;left: 50%;}


.activities{padding:40px 0 40px;}
.activities .list-txt {position: relative;background: #f1f1f1;padding: 10px 20px 20px 20px;text-align: left;}

.activities .actItem{margin-top: 30px;overflow: hidden;display: block;color: #333;}
.activities .actItem:hover img{transform: scale(1.1);transition: all 1s ease 0s;}

.activities .list-txt span {display: block;width: 0;height: 0;border-width: 0 .6rem .6rem;border-style: solid;border-color: transparent transparent rgb(247,247,247);position: absolute;top: -.6rem;left: 20px;}
.activities .list-txt .line {height: 1px;border-bottom: 1px solid #d3d3d3;margin: 10px 0;}
.activities .desc{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;max-height: 40px;}

.contact{background-color:#3F51B5;color: #fff; margin-top: 50px;margin-bottom: 40px;}
.contact .tit{font-size: 20px;margin-top: 30px;margin-bottom: 20px;}
.contact ul>li{list-style: none;font-size: 16px;margin-bottom: 15px;}
.contactTxt > ul >li >img{width: 24px; height: 24px;margin-right: 5px;}

.contactTit{padding:50px 0 20px;}
.contactTit .contactEng{font-size: 32px;color:#000;display: block; text-align: center;}
.contactTit .contactChina{color:rgb(102, 102, 102);display: block; text-align: center;font-size:22px;}

.contTit{font-size:18px;text-align: center;padding-top:12px;}
.contCon{font-size: 14px; color:#999;text-align: center;min-height: 40px;}
.contIcon{display: block;margin: 0 auto;}

.aboutCon{padding-top:80px; padding-bottom:80px;}
.aboutCon .aboutIntro{padding-top: 80px;}
.aboutCon .aboutIntro  strong{font-size:26px;line-height: 42px;color:#666;}
.aboutCon .aboutIntro  p{font-size:16px;line-height: 40px;color:rgb(153, 153, 153)}
.aboutCon .aboutIntro .aboutIcons {padding-top: 80px;}
.aboutCon .aboutIntro .aboutIcons .iconItem img{display: block;margin:0 auto;}
.aboutCon .aboutIntro .aboutIcons .iconItem p{font-size: 16px;color: rgb(51, 51, 51);text-align: center;padding-top:15px;}

#allmap {height: 300px;overflow: hidden;}
#allmap td{box-sizing: 	content-box;}

.fuBox{padding-bottom: 60px;}

.myServerBody{background-color: #f2f2f2;}
.myServerBody .servers{margin:30px auto;}
.myServer{background-color: #fff;width:75%;margin-right: 1.5%;float: left;padding: 0 15px 20px;}
.myServer .serverItem{margin-bottom: 20px;overflow: hidden;}
.myServer .serverItem h3.serverName{font-size: 20px;line-height: 48px;margin:0;}
.myServer .serverItem p.serverDetail{max-height: 60px;line-height: 30px;font-size:16px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.myServer .serverClass{padding-top: 8px;font-size: 20px;line-height: 62px;margin-top: 10px;}



.serverSlide{background-color: #fff; width:23.5%;float: left;padding: 0 15px;}
.serverSlide .slideName{padding-top: 8px;font-size: 18px;line-height: 62px;display: block; margin-top: 10px;position: relative;border-bottom: 1px solid #eee;}
.serverSlide .slideName:after {content: '';position: absolute;left: 0;bottom: -1px;width: 80px;height: 1px;background-color: #cd2735;}
.serverSlide .maTxt{display: block;text-align: center; line-height: 46px; font-size:16px;}
.serverSlide .serverLine{font-size:16px;line-height: 24px;}
.serverSlide .serverTel{padding-top: 0;line-height: 46px;font-size: 28px;color: #ff9900;text-align: center;}


.serviceHtml .serItem{padding-top: 40px;color: #333;display: block;}
.serviceHtml .serItem .serItemCon{position: relative; top:-40px;background-color: #e1e1e1;width: 80%;margin: 0 auto;padding:5px 20px;height:100px;}
.serviceHtml .serItem .serItemCon h2{font-size: 20px;}
.serviceHtml .serItem .serItemCon p{font-size: 16px;}
.serviceHtml .serItem .serItemCon .icon{width: 30px;position: absolute; top:35px;right: -15px;}

.aboutHtml .chn{font-size: 26px}
.aboutHtml .line{border:1px solid #efefef;}
.aboutHtml .eng{color: #999;position: relative;font-size: 16px;}
.aboutHtml .eng:before{content: "";position: absolute;bottom: -12px;border:2px solid #3F51B5;width: 40px;}
.aboutHtml .intro{font-size: 15px;line-height: 24px;padding-top: 30px;color: #666;}
.aboutHtml .aboutBox{padding: 80px 0;}
.aboutHtml .pics{position: relative;}
.aboutHtml .pics .img{position: absolute; top:0;right: 0;}
.aboutHtml .pics .img1{margin-top: 50px;}
.aboutHtml .introBox {padding-top: 60px;}
.aboutHtml .introItem p.tit{font-size: 46px;color: #3F51B5;}
.aboutHtml .introItem p.con{font-size: 18px;color: #999;}
.aboutHtml .introItem span{font-size: 26px;}
.aboutHtml .cultrueBox{padding: 80px 0;}
.aboutHtml .cultrueBox .chn{margin-top: 30px;}
.aboutHtml .cultrueBox .eng:before{display: none;}

.myNav {background-color: #3F51B5;}
.myNav .navItem{float: left;width: 25%;position: relative;}
.myNav .navItem img{width:100%;}
.myNav .navItem span {display: block;width: 0;height: 0;border-width: 0 10px 10px;border-style: solid;border-color: transparent transparent rgb(247,247,247);position: absolute;bottom: 0;left: calc(50% - 10px);}
.myNav .ni{float: left;width: 20%;position: relative;height: 80px;padding: 30px;text-align: center;}
.myNav .ni a{color: #fff;font-size: 20px;}


.jobhtml .serTit {padding-bottom: 40px;}
.jobhtml .job {border-bottom: 1px solid #aaa;padding-bottom: 15px;padding-left: 20px;overflow: hidden;margin-bottom: 20px;}
.jobhtml .job h3{color: #3F51B5;font-weight: bold;font-size: 24px;}
.jobhtml .job h4{font-weight: bold;font-size: 20px;}
.jobhtml .job .email{background-color: #3F51B5; font-size: 16px; border-radius: 5px;width: 300px;height: 50px;line-height: 50px;text-align: center;clear: both;color: #fff;}

.prohtml .myNav {background-color: #3F51B5;}
.prohtml .myNav .navItem{float: left;width: 25%;position: relative;}
.prohtml .myNav .navItem img{width:100%;}
.prohtml .myNav .navItem span {display: block;width: 0;height: 0;border-width: 0 10px 10px;border-style: solid;border-color: transparent transparent rgb(247,247,247);position: absolute;bottom: 0;left: calc(50% - 10px);}
.prohtml .myNav .ni{float: left;width: 20%;position: relative;height: 80px;padding: 30px;text-align: center;}
.prohtml .myNav .ni a{color: #fff;font-size: 20px;}

 .proBox{padding-top:30px;background-color: #efefef;padding-bottom: 30px;}
 .proBox .proItem{background-color: #fff; width: 50%;float: left;border:15px solid #efefef;overflow: hidden;position: relative;}
 .proBox .proItem .mask{opacity: 0; box-sizing: border-box;padding:30px; text-align: center;background-color: rgba(63,81,181,0.8); width: 100%;height: 100%;position: absolute;top:0;left: 0;color: #fff; transition: opacity 2s ease 0; }
 .proBox .proItem:hover .mask{opacity: 1;}
.proBox .proItem:hover img{transform: scale(0.9);transition: all 1s ease 0s;}
.proBox .proItem:hover img.bigImg{transform: scale(0.9);transition: all 1s ease 0s;}
.proBox .proItem img.smallicon{width: 36px;height: 36px;margin-top: 6px;}


 .proBox .proItem p.eng{position: relative;}
 .proBox .proItem p.eng:before{position: absolute; bottom: -15px; content: ""; width: 40px;border: 2px solid #fff;right: 50%;margin-right: -20px;}
 .proBox .proItem p.detailIntro{padding-top: 20px;}
.detailHtml .content{padding:20px 0;}
.detailHtml .content .back{ float:right; padding:10px; font-size: 18px; width:140px; text-align: center; color: #fff; background-color:#3F51B5; cursor: pointer;}
.detailHtml .content img{width: 100%;display: block;margin: 10px auto;}
.detailHtml .content p{font-size: 16px;line-height: 28px;}

@media screen and (max-width:480px){
	.prohtml .myNav .ni{padding:30px 0;}
	.prohtml .myNav .ni a{font-size: 14px;}
	.navbar-brand>img{width: 100px;margin-top: -5px;}
	.pcshow{display: none;}
	.pchide{display: block;}
	.phone{padding:0;}
 	.proClass .col5{width:100%;padding-bottom: 20px;}
	.proClass .col7{width:100%;}
	.serTit{padding:20px 0 0;}
	.serTit .serEng{font-size: 22px;}
	.serTit .serChina{font-size: 16px;}
	.proClass{margin-top: 20px;}
	.bgWhite{margin-bottom: 20px;}
	.navbar-default .navbar-nav>li{text-align: center;}
	.navbar-default .navbar-nav>li:hover a:after{display: none;}
	.navbar-default .navbar-nav>.active>a:after{display: none;}

	.solutions{padding:25px 0;}
	.solutions .soluNum{font-size: 24px;padding-top:5px; padding-bottom: 5px;}
	.solutions .soluNum:before{bottom: 5px;}
	.solutions .soluItem{border-width: 1px;}
	.activities{padding:10px 10px;}
	.activities .actItem{margin-top: 10px;}

	.contact{margin:20px 0 0;}

	.jobhtml .serTit{padding-bottom: 0px;}
		

	.aboutCon{padding:20px 0 30px;}
	.aboutCon .aboutIntro .aboutIcons .iconItem p{font-size: 14px;}
	.aboutCon .aboutIntro,.aboutCon .aboutIntro .aboutIcons{padding-top: 10px;}
	
	.myServer{width: 100%;padding-bottom: 0;}
	.serverSlide{width: 100%}
	.myServerBody .servers{margin:0;padding:0;}
	.serverSlide .slideName{padding-top: 0;margin-top: 0;}

	
	.contIcon{width: 120px;}
	#allmap {height: 200px;margin-bottom: 20px;margin-top: 0px;}

	.phone .aboutConBox{margin:0;}
	.phone .introBox{margin:0;}
	

	.aboutHtml .aboutBox{margin-top: 20px;padding-top: 0px;padding-bottom: 20px;}
	.aboutHtml .introBox{margin-top: 20px;}
	.aboutHtml .cultrueBox{padding-top: 0px;padding-bottom: 20px;}
	.aboutHtml .cultrueBox>div{margin:0;}
	.aboutHtml .introItem p.tit{font-size: 32px;color: #3F51B5;margin-bottom: 0;}
	.aboutHtml .introItem p.con{font-size: 14px;color: #999;}
	
	.serviceHtml .serTit{padding-bottom: 20px;}
	.serviceHtml .serItem{padding:0 10px;margin-bottom: 16px;}
	.serviceHtml .serItem .serItemCon{width: 100%;top:0;margin-top: 6px; height: auto;padding:10px;}
	.serviceHtml .serItem .serItemCon h2{font-size: 16px;margin:0;font-weight: bold;}
	.serviceHtml .serItem .serItemCon p{font-size: 14px;margin-bottom: 0;}
	.serviceHtml .serItem .serItemCon .icon{display: none;}

	.prohtml .proBox {padding-top: 5px;background-color: #efefef;padding-bottom: 5px;}
	.prohtml .proBox .proItem{border:5px solid #efefef;}
	
	.prohtml .proBox .proItem .mask{ background-color: rgba(63,81,181,0.8); width: 100%;height: auto;position: relative; font-size: 16px;padding:10px 0 6px;opacity: 1;}
	.prohtml .proBox .proItem .mask h3{font-size: 16px;margin-top: 0;}
		.prohtml .proBox .proItem .mask p{margin-bottom: 4px;}
	.prohtml .proBox .proItem .mask p.detailIntro{display: none;}
	.prohtml .proBox .proItem .mask p.eng:before{display: none;}
}