@charset "utf-8";
::selection { background:#0b80e0; color:#fff;}/*选择文字背景颜色变化*/
::-moz-selection { background:#0b80e0; color:#fff; }
html{ height:100%;}/*ff height100%*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, input, textarea,select, fieldset, legend, p, span, label, blockquote,table, th, td, object {
	margin:0;
	padding:0;
}

img{ border:none;}
ul{ list-style-type:none;}
body{ height:100%; width:100%;color:#555; position:relative; font:normal 1.5em/150% ;}

a{ text-decoration:none; color:#555 !important;cursor:pointer;}
a:focus, a:hover{color:#999 !important;text-decoration:none;}

.g_g{ color:#666666}
.g_g a{ color:#666666}
.g_g a:hover{ color:#009900}

.gray{ color:#555}
.gray a{ color:#555}
.gray a:hover{ color:#555}

.white{ color:#ffffff !important}
.white a{ color:#ffffff !important}
.white a:hover,.white a:focus{ color:#ffffff !important;text-decoration:underline !important;}

.red{ color:#dd0000}
.red a{ color:#dd0000}
.red a:hover{ color:#dd0000}
.blue{ color:#005cc0}
.blue a{ color:#005cc0}
.blue a:hover{ color:#024287}

.arial{font-family:Arial;}
.fs10{-webkit-text-size-adjust:none;font-size:10px;}
.fs10 a{-webkit-text-size-adjust:none;font-size:10px;}
.fs12{font-size:12px;}
.fs12 a{font-size:12px;}
.fs13{font-size:13px;}
.fs13 a{font-size:13px;}
.fs14{font-size:14px;}
.fs14 a{font-size:14px;}
.fs15{font-size:15px;}
.fs15 a{font-size:15px;}
.fs16{font-size:16px;}
.fs16 a{font-size:16px;}
.fs17{font-size:17px;}
.fs17 a{font-size:17px;}
.fs23{font-size:23px;}
.fs23 a{font-size:23px;}
/*div*/
/*header*/
.logoSpan{padding:1.2em 0;}
.menuSpan{padding-top:1.2em;}
.menuSpan li a{font-size:1.1em;padding: 0.4em 1.2em;}
.menuSed{border-bottom:solid 3px #0b80e0;color:#555 !important;}

.telNo{ float:right;font-size:1.1em; margin-top:1em;}
.telNo img{ float:left; margin-right:10px;}
.telNo span{ float:left; display:inline-block; line-height:130%;}

.telSty{font-size:1.3em; color:#0b80e0}

.navbar-default{ background-color:#FFF}

.banner{ width:100%; margin-top:70px}

.paddingTxt{padding:0 1.2em;}
.banner-bg{
	background:url(../images/b1.jpg) no-repeat center center;
	background-size:cover;
	min-height: 550px;
}
.banner-img2{
	background:url(../images/b2.jpg) no-repeat center center;
	background-size: cover;
}
.banner-img3{
	background:url(../images/b3.jpg) no-repeat center center;
	background-size: cover;
}
.banner-img4{
	background:url(../images/b4.jpg) no-repeat center center;
	background-size: cover;
}

/*首页 2017-11-13*/
.btnList{font-size:1.1em;padding:1.8em 0;}
.btnList a{ line-height:39px;}
.btnList i{background:url(../images/iconLink.png) 0 0 no-repeat;width:39px;height:39px; display:inline-block;}
.btnList i.icon1{background-position:0 0;}
.btnList i.icon2{background-position:0 -50px;}
.btnList i.icon3{background-position:0 -100px;}
.btnList i.icon4{background-position:0 -150px;}
.btnList i.icon5{background-position:0 -200px;}
.btnList i.icon6{background-position:0 -250px;}

.outerRow{}
.outerRowSty{width:100%;background-color:#f8f8f8}
.outerRow h2{font-size:2.3em; margin-top:2em;}
.outerRow i{margin:1em 0;width:50px;height:6px; background-color:#0b80e0;border-radius:5px;display:inline-block}
.outerRow p{line-height:180%;}
.outerRow a{margin-top:2.5em;padding:0.3em 2em;border:solid 1px #b4b4b4;border-radius:5px;display:inline-block}

.outerService{width:100%;background-color:#49505c;color:#fff;margin-top:0.1em;}
.outerService h2{display:inline-block;text-align:center;width:100%;margin-top:0.1em;}

.outerTeam{margin-top:1.5em;width:100%;background: url(../images/teamBg.jpg) no-repeat top center;height:180px;}
.outerTeam img{margin-top:3em;}

.desTxtWidth{width:85%;}

/*其它页 2017-11-13*/
.threeMenu{width:100%;display:inline-block;background-color:#f8f8f8; margin-top:1em; padding:1.8em;}
.threeMenu li{float:left;margins:0 1.5em;paddings:1.7em 0;margin-right:1.8em;}
.threeMenu .active{color:#0b80e0}
.threeMenu li img{opacity:0;filter:alpha(opacity=0); }
.threeMenu li.active img{opacity:1;filter:alpha(opacity=1); }

.my_outDivWidth{width:100%;}
.my_outDiv{margin:0 auto;margin-top:4em;position:relative;width:770px;height:466px}
.my_outStyle{position:absolute;left:96px;top:15px}
.bx-wrapper{border:none !important;}
.bx-wrapper .bx-pager{bottom:-60px !important;}
.bx-wrapper .bx-pager.bx-default-pager a{
    width: 15px !important;
    height: 15px !important;
    margin: 0 8px !important;
	border-radius: 8px !important;}
.bx-wrapper .bx-caption{background: rgba(30, 30, 30, 0.5) !important;text-align:center !important;}

.lineSpear{margin-top:3em;}
.appDesOuter{margin:3em 0;line-height: 180%;overflow:auto}
.appH2tit{padding-top:3em;line-height: 1.5em;margin-left:10%}
.appDesTxt{padding-top:1em;margin-left:10%}

.proBgCloud{margin-top:3em;}
.proCloudIcons{margin-bottom:5em;}

.pTxtSty{width:65%; margin:0 auto;}

.buildSite{margin-top:5em;;margin-bottom:5em;}

/*footer*/

.bottomPadding{padding-top:2.5em !important;}
.footer{ padding:2%;background-color:#333333; text-align:center;}

/*other_html_style*/
.h2Sty{color: #239ce2; font-weight:normal;font-size:1.6em !important;padding:0 0 0.5em 0; }
.h2Sty1{font-weight:normal;font-size:1.4em !important; padding:0.8em 0;}
.bannerMid{
	background:url(../images/bm_1.jpg) no-repeat center center;
	background-size:cover;
	min-height: 280px;
	margin-top:70px;
	background-size:cover !important;
	}
	
.banMidBg_1{background:url(../images/bm_1.jpg) no-repeat center center;}	
.banMidBg_2{background:url(../images/bm_2.jpg) no-repeat center top;}	
.banMidBg_3{background:url(../images/bm_3.jpg) no-repeat center center;}	
.banMidBg_4{background:url(../images/bm_4.jpg) no-repeat center center;}	
.banMidBg_5{background:url(../images/bm_5.jpg) no-repeat center center;}	
.banMidBg_6{background:url(../images/bm_6.jpg) no-repeat center center;}	

.mainContent{ padding:3em 0;}	
.tiaoZan h4{ font-size:1.7em;padding:5% 0;}	
.secondMenu{ overflow:auto;border-bottom:solid 1px #ccc; padding:0.8em 0;}
.secondMenu li{ float:left; padding:0.2em 0;margin-right:1em;min-width:130px;text-align:center;}
.secondMenu li a{ font-size:1.1em;padding: 8px 15px;}
.secondMenu li.active a{ background-color:#0b80e0 !important; color:#fff !important;}
.secondMenu li.active span{ background-color:#0b80e0 !important; color:#fff !important;display:block; font-size: 1.05em;border-radius: 4px;padding: 8px 15px;}

.content p {
    margin: 6px 0px 6px 10px;
}
.hr {
    border-top: 1px solid #ccc;
    font-size: 0px;
    height: 0px;
    line-height: 0;
    margin: 15px 0px;
}
/*other*/
.cont_title{font-size: 2.3em;font-weight:600; padding:1.8em 0;}

.cont_txt{ background-color:#f9f9f9; border:solid 1px #ddd; border-left:none; border-right:none; }
.cont_span{ width:100%}
.itemList li{ float:left; width:49%;}
.items{}
.item_1{ border-right:solid 1px #ddd;border-bottom:solid 1px #ddd;padding:0 0 3em 0;}
.item_2{border-bottom:solid 1px #ddd; padding:0 0 3em 0;}
.item_3{ border-right:solid 1px #ddd; padding:3em 0 0 0;}
.item_4{padding:3em 0 0 0;}

.feature li{ float:left; text-align:center; width:18%; margin-right:7%}
.feature_item_title {
    font-size: 23px;
    margin: 10px 0px 7px;
}
.feture_img {
    display:inline-block;
    background: transparent url("../images/feture.png") no-repeat scroll 0 0;
    width: 132px;
    height: 132px;
}
.feture_img_2{ background-position:-142px 0;}
.feture_img_3{ background-position:-284px 0;}
.feture_img_4{ background-position:-426px 0;}

.itemList1 li{ float:left; width:100%;}
.botLine{border-bottom:solid 1px #ddd;}

.appImgDiv{ padding:2em 0;}
.joinImgDiv{background:url(../images/joinImg.jpg) center top;background-size: cover; height:130px; margin-bottom:1.2em;}

/*op*/
.none,.hide{ display:none;}
.center{ text-align:center;}
.clear{ clear:both;}
.hidden{ overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.imgbr2{ padding:2px; border:solid 1px #dddddd}
.underline{text-decoration:underline;}
.relative{ position:relative}
.ti0{text-indent:0px;}
.ti1em{text-indent:1em;}
.ti2em{text-indent:2em;}
.mg0{ margin:0 !important;}
.pd0{ padding:0 !important;}
.pt0{ padding-top:0 !important;}
.pd4{ padding:4px;}
.pd10{ padding:10px;}
.ptd15{ padding:15px 0;}
.mt5{ margin-top:5px;}
.mt7{ margin-top:7px;}
.mt8{ margin-top:8px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt5cen{ margin-top:5%;}
.mt6cen{ margin-top:6%;}
.mt10cen{ margin-top:10%;}
.mtb10cen{margin-top:10%;margin-bottom:10%;}
.mb10cen{margin-bottom:12%;}
.ptd1em{ padding:1em 0;}
.showReact{ display:none;}
.hideReact{display:inherit;}
@media(max-width:1440px){}
@media(max-width:1366px){}
@media (max-width: 1280px){}
@media (max-width: 1024px){
.menuSpan li a {font-size: 1.1em;}
/**
*other-html
*/
.imgAuto{width:100%;}/*图片自动100%*/
.flowImg{ width:100%;}
.compImg,.flowImg,.items img{ width:100%;}
.items:first-child { padding:0}
.items{ border:none; padding:2.2em 0 0 0;}
.feture{ padding-bottom:2em; padding-top:0.5em;}
.bannerMid{	margin-top:110px;}
	}
@media (max-width: 768px){
	
.showReact{ display:inherit;}
.hideReact{display:none;}
.imgAuto{width:100%;}
	/**2017-11-20**/
.desTxtWidth{width:100%;}	
.secondMenu li a{font-size:1em;}
.btnList{padding:1em 0; font-size:1em;}
.resBtnDiv{margin:0.5em 0;}
.outerService{padding-bottom:2em;}
.outerRow h2 {font-size: 1.8em;margin-top: 1em;}
.outerRow a{margin: 1.2em 0;}
.outerTeam{height: auto;background-size: 150% 150%;}
.outerTeam img{margin:auto;padding-bottom:1em;}

.my_outStyle{position:static}
.my_outDiv{height:auto;}
.bx-wrapper .bx-pager{bottom:auto !important;}
.bx-wrapper{margin:0 auto;}

.my_outDiv{margin-top:3em;}
.lineSpear{padding-top:2em;margin-top:auto;}
.mainContent {padding: 2.2em 0;}
.cont_title {font-size: 1.5em;font-weight: 600;padding: 1em 0;}

.proBgCloud{margin-top:2em;}
.proCloudIcons{margin-bottom:2em;}

.threeMenu{padding: 1em 1.8em;}
.threeMenu li{margin: 0.5em 0; width:100%;}
.my_outDiv{width:100%;}

.appH2tit{padding-top:0;margin-left:auto;font-size:1.5em;text-align:center;}
.appDesTxt{margin-left:auto;margin-bottom:2em;text-align:center;}
.pTxtSty{width:100%;}
.appDesOuter{margin:2em 0;}

.buildSite{margin-top:2em;;margin-bottom:2em;}
}

@media (max-width: 640px){
.bannerMid{margin-top:70px;min-height: 220px;}
}

@media (max-width: 480px){
.logoSpan {float: left;width: 37%;margin-top: 0.3em; margin-left:0.5em;}
.logoSpan img {width: 100%;}

.titposSpan{margin:10% 0;}
.menuSpan{ padding-top:0;}
.menuSed{ border:none; color:#fff !important; background-color:#0b80e0}
.linkTel{ padding:1em 0; text-align:center;}

.navbar-toggle{margin-top:1.3em;}

.banner-bg {min-height: 300px;background-size:cover;}
.banner-info-2{ margin-top:20% !important;}
.banner-info-3{margin-top:20% !important;}

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