@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p,ul,ol{margin:0;padding:0;}
body{font-family:Microsoft YaHei,Console,Verdana,Courier New;color:#232323;background:#fff;line-height:1.8;font-size:14px}
ul,ol{list-style:none;}
a img{border:none;}
h1,h2,h3,h4,h5,h6,div,li,p{font-weight:normal;}
h1,h2,h3,h4,h5,h6,i{font-size:12px}
a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:hover,a.current{outline:none;}
em,i{font-style:normal;}
img{vertical-align:middle;}
div{display:block}
section,input,select{font-size:12px}
input,select{color:#2eabeb;font-family:"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB",\5FAE\8F6F\96C5\9ED1,tahoma,simsun,\5b8b\4f53;}
/**webkit鍙栨秷textarea鎷栧姩璋冩暣澶у皬**/
textarea {resize:none;}
/**webkit鍙栨秷鏂囨湰妗嗚仛鐒︽椂杈规棰滆壊涓嶅彉**/
textarea:focus, input:focus{outline:none;}
input:-webkit-autofill {-webkit-box-shadow:0 0 0px 1000px white inset;}

@font-face {
    font-family: 'GOTHIC_0';
    src: url('../fonts/GOTHIC_0.eot');
    src: url('../fonts/GOTHIC_0.eot') format('embedded-opentype'),
         url('../fonts/GOTHIC_0.woff2') format('woff2'),
         url('../fonts/GOTHIC_0.woff') format('woff'),
         url('../fonts/GOTHIC_0.ttf') format('truetype'),
         url('../fonts/GOTHIC_0.svg#GOTHIC_0') format('svg');
}


.f12{font-size:12px}
.f14{font-size:14px}
.f16{font-size:16px}
.f18{font-size:18px}
.f20{font-size:20px}
.f22{font-size:22px}
.f24{font-size:24px}
.mL5{margin-left:5px}
.mL10{margin-left:10px}
.mR5{margin-right:5px}
.mR10{margin-right:10px}
.mT5{margin-top:5px}
.mB5{margin-bottom:5px}
.mT10{margin-top:10px}
.mT20{margin-top:20px}
.mB10{margin-bottom:10px}
.c666{color:#666}
.c999{color:#999}

.f_Left{float:left}
.f_Right{float:right}
.tr{text-align:right}
.tl{text-align:left}

.red{color:#60a917}
a {text-decoration:none;color:#565656}
a{transition:background-color ease .3s;}
a:hover,a:active,a:visited,:target{text-decoration:none; border:0;color:#0167cb}

.blueColor{color:#2975cb}
.greenColor{color:#45b537}
.brownColor{color:#00aba9}
.redColor{color:#e9454e}

/*nav*/
.header{background:#fff url(../images/headBg.png)  center 0 no-repeat; border-radius: 0}
.navbar-header{ width:100%; height:114px;background:#0167cb}
.logo{display:table;padding:16px 25px 23px 15px; margin-top:10px}
a.navbar-brand{display:block; width:650px; height:115px;background:url(../images/logo.png?v=1) no-repeat;}

.banner,.mainBanner{ clear:both; height:660px; background:url(../images/banner.png) no-repeat}
.mainBanner{ background:url(../images/banner.png) center -350px no-repeat; height:200px}

.topBar{position:relative}
.topNav{position:absolute;top:0; right:0;height:47px; line-height:47px; text-align:right;padding-right:10px; color:#fff; cursor:pointer}
	.topNav .searchBox{position:relative;height:30px; line-height:30px; width:220px; float:right; margin-top:10px}
	.topNav .searchBox input{border:0;background:#fff;padding:0 10px;width:200px;height:30px;line-height:30px; font-size:13px}
	.topNav .searchBox .searchBtn{ background: url(../images/ico.png) -12px -657px no-repeat; width:16px; height:16px; position:absolute; right:5px; top:8px; z-index:999; color:#fff}
	.topNav .searchBox .searchBtn:hover{ background: url(../images/ico.png) -47px -657px no-repeat;}
	.language{ float:right; margin-left:20px; color:#fff}
		.language em{ margin:0 10px}
		.language a{ color:#fff}
			.language a:hover{ color:#fff}

.collapse{}
.navbar{ margin-bottom:0; border:0}
.nav{}
.nav li a{position:relative;display:block;margin:0 30px;padding:22px 0 22px 0;border-bottom:3px solid rgba(255,255,255,0);color:#333;font-size:15px;}
.nav li:hover a,.nav li a.hover,.nav li a:hover{color:#0167cb;}
.nav li a:hover{color:#0167cb;background:none;}
.nav li ul.listClass{position: absolute;left:50%; margin-left:-70px;display:none;width:140px;background-color:rgba(1,103,203,.9); z-index:9999;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.1);box-shadow: 0 6px 12px rgba(0,0,0,.1);}
.nav li:hover ul.listClass{display:block;}
.nav li ul.listClass li:first-child{padding-top:10px;}
.nav li ul.listClass li:last-child{padding-bottom:10px;}
.nav li ul.listClass li a{display:block;height:38px; line-height:38px; padding:0; margin:0; border-bottom:0; font-size:14px;width:140px;border-top:1px solid rgba(255,255,255,.05);color:#fff;text-align: center;}
.nav li ul.listClass li:first-child a{border-top:0;}
.nav li ul.listClass li a:hover{background-color:#4592ea;color:#fff;text-decoration:none;}

.navbar-toggle{background-color:rgba(69,139,234,.9); margin-top:57px; border-radius:0}
.navbar-toggle .icon-bar{background:#fff}


.modal-dialog{ width:600px; margin-top:150px}
.modal-content {border-radius: 0;overflow: auto;zoom: 1;}
.modal_left{width:50%;float:left; background:#8f1b20 url(../images/bg3.jpg)}
.modal_right{}
	.modal_left h1{font-size:20px; font-weight:700; color:#fc0;padding:10px 0; text-align:center}
	.modal_left_box{padding:30px 15px; color:#fff; font-size:13px}
		.modal_left_box p{text-indent:2em; margin-bottom:10px; text-align:justify;}

	.modal_right_box{padding:30px 60px;font-size:13px}
		.modal_right_box h1{ text-align:center}

.loginBox{ margin:20px 0}
	.loginBox dt{border-bottom:2px #0167cb solid;padding:10px 0;font-size:14px;}
		.loginBox dt span{float:right;font-size:12px;color:#666}
			.loginBox dt span a{color:#0167cb}
	.loginBox dd{ margin:20px 0;eight:40px;overflow:hidden}
			
			.loginBox .regInputStyle{ border:1px #dedede solid; height:40px; line-height:40px; padding:0 10px;width:100%}

a.btn_login{display:block;background:#0167cb;color:#fff;text-align:center;height:40px;line-height:40px;cursor:pointer}
	a.btn_login:hover{color:#fff}

.bg4 {background: url(../images/bg1.jpg) center 0 no-repeat;height: 800px;}

.rs_box{ background:#fff; margin-top:50px; height:600px; width:500px; float:right}
	.rs_box h1{ margin:50px 0; color:#333; font-size:32px; text-align:center}

.reg { margin:0 50px}
.reg li{padding:10px; position:relative}
	.reg li a.yzm{ position:absolute; right:20px; top:20px; height:30px; width:100px; text-align:center; line-height:30px; background:#165aa1; color:#fff}
.reg li label.txt{display:block; float:left; width:100px; text-align:right;height:30px;line-height:30px;}
.reg li i{ color:#666; font-size:12px; margin-left:20px}
.regInputStyle,.regTextareaStyle{ border:1px #dedede solid; height:46px; line-height:46px; padding:0 10px;width:100%; box-sizing:border-box}

.regBtn{ display:block; border:0; background:#165aa1; width:120px; height:36px; line-height:36px;text-align:center; color:#fff; border-radius:3px; cursor:pointer; font-family:"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB",\5FAE\8F6F\96C5\9ED1,tahoma,simsun,\5b8b\4f53; font-size:16px}
.regTextareaStyle{height:auto}



/*鐣欒█*/
.msg-item{ padding:15px 0;border-bottom: 1px solid #e9e9e9; position:relative}
	.msg-item .user-logo{position: absolute; left:10px; top:15px; width:50px; height:50px}
		.msg-item .user-logo img{ border-radius:50%}
	.msg-item .content{}
		.cont-footer{font-size: 14px;color: #999;margin:2px 0px 6px;line-height: 14px;height: 14px;}
		.msg-item .content .userName{color:#0167cb}
		.msg-item .content .time{color:#555;font-size: 14px;margin-left: 20px;}
			.msg-item .content .handle{float: right;}
				.msg-item .content .handle a{ display:block; float:left; margin-right:10px}
					.msg-item .content .handle a i{ float:left;}
					.msg-item .content .handle a span{ float:left; margin-left:10px;line-height:18px}
			
			.msg-item .content .cont-sub{color:#999;font-size: 14px;margin:20px 0; clear:both}
			
			.msg-item .content .cont-reply{margin-top:10px;background: #f8f8f8;border-radius: 4px;}
			.msg-item .content2{ padding:15px}

.message{border:1px #efefef solid; margin-top:10px; padding:10px}
.textareaStyle{ width:100%; border:0; height:100px;}

/*鍏充簬鎴戜滑*/
.aboutBox{ margin:45px 0}
.aboutCenterBox{ margin-top:10px; font-size:15px}
.aboutRightBox{ margin-top:40px}
.indexAboout{height: 150px;line-height: 25px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:6;-webkit-box-orient: vertical;}

.aboutNav{margin-top:20px}
.aboutNav  a{float:right; width:60px;height:60px; padding-top:15px; box-sizing:border-box; line-height:1.2;display:block;background:#0167cb; color:#fff; text-align:center; font-size:14px; margin-right:5px;}
.aboutNav  a:hover{ background:#4592ea}
.aboutNav  a.more{background:#dedede; color:#666}

.aboutGroup{ clear:both; margin-top:0;}
	.title{ text-align:center;margin:0 0 50px}
	.title span{font-size:28px;color:#fff;position:relative; padding-bottom:10px;}
	.title span.c3{ color:#333}
		.title span:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:#e7e7e7; z-index:1}
		.title span:before{content:"";position:absolute;left:50%; bottom:0; margin-left:-15px; background:#0167cb; z-index:2; width:40px; height:4px;}

.classList{margin:50px 0 100px; height:90px}
.classList li{float:left; width:12.5%; text-align:center}
.classList li p{margin-top:8px}
.classList li a p{color:#333;font-size:14px}

.classList li a:hover .icoBox{ background:#0167cb}
.classList li a:hover .ico1{background-position:-64px 0 }
	.classList li a:hover .ico2{background-position:-64px -64px}
	.classList li a:hover .ico3{background-position:-64px -128px}
	.classList li a:hover .ico4{background-position:-64px -192px}
	.classList li a:hover .ico5{background-position:-64px -256px}
	.classList li a:hover .ico6{background-position:-64px -320px}
	.classList li a:hover .ico7{background-position:-64px -384px}
	.classList li a:hover .ico8{background-position:-64px -448px}



.ico,.ico1,.ico2,.ico3,.ico4,.ico5,.ico6,.ico7,.ico8,.ico9,.ico10,.ico11{width:64px;height:64px;background:url(../images/ico.png) center center no-repeat; margin:16px}
	.icoBox{width:96px;height:96px;border-radius:50%;background:#fff;border:1px #dedede solid;text-align:center; margin:0 auto;transition:background-color ease .3s;}
	.ico1{background-position:0 0}
	.ico2{background-position:0 -64px}
	.ico3{background-position:0 -128px}
	.ico4{background-position:0 -192px}
	.ico5{background-position:0 -256px}
	.ico6{background-position:0 -320px}
	.ico7{background-position:0 -384px}
	.ico8{background-position:0 -448px}


.ico,.ico1,.ico2,.ico3,.ico4,.ico5,.ico6,.ico7,.ico8,.ico9,.ico10,.ico11{
	-webkit-transition: -webkit-transform 0.4s ease-out; 
    -moz-transition: -moz-transform 0.4s ease-out; 
    transition: transform 0.4s ease-out; 
} 
.classList a:hover .icoBox .ico1,.classList a:hover .icoBox .ico2,.classList a:hover .icoBox .ico3,.classList a:hover .icoBox .ico4,.classList a:hover .icoBox .ico5,.classList a:hover .icoBox .ico6,.classList a:hover .icoBox .ico7,.classList a:hover .icoBox .ico8,.classList a:hover .icoBox .ico9,.classList a:hover .icoBox .ico10,.classList a:hover .icoBox .ico11,.searchBox,.topNav .searchBox input{
	-webkit-transform: rotate(360deg); 
    -moz-transform: rotate(360deg); 
    transform: rotate(360deg); }

.aboutClass{ height:40px;float:right}
.aboutClass li{ float:left; margin-left:10px;}
	.aboutClass li a{ background:#0167cb; color:#fff; padding:5px 15px; border-radius:3px}
		.aboutClass li a:hover{ background:#fe0002}
.aboutBox{ clear:both; font-size:16px}




.caseList {width:1190px;margin:20px auto;}	
.caseList ul{}	
.caseList ul li{float:left;width:570px;height:270px;margin-right:20px;margin-bottom:20px;text-align:center;position:relative;background:#fff}
.caseList ul li .imgBox{float:left;width:200px;height:270px;position:relative; overflow:hidden}
	.caseList ul li .imgBox .btn{width: 90px;height:32px; padding:0;line-height: 32px;position: absolute;left: 50%;margin-left: -45px;bottom: 40px;z-index: 992;border-radius: 3px;color: #fff; font-size: 14px;background-color: rgba(255,255,255,.3);transition: .2s ease all;}
	.caseList ul li .imgBox .imgName{text-align:center;position:absolute;left:0;right:0;top:80px;z-index:99;color:#fff;line-height: 1.5;font-size:28px; font-weight:700}
	.caseList li a{display:block;transition: .2s ease all; height:270px;}
	.caseList li a .btn{background:#dedede; color:#666;transition: .2s ease all; float:right; margin-top:20px;}
	.caseList li a:hover .btn{background:#0167cb; color:#fff}
	.caseList li a .imgBox .imgbg{ width:200px; height:270px;background:rgba(0,0,0,.5); position:absolute; left:0;top:0;z-index:9;transition: .5s ease all;}
	.caseList li a:hover .imgBox .imgbg{background:rgba(0,0,0,.1)}
	
.caseList ul li .txtBox{float:left;width:320px;margin:0 25px;}
.caseList ul li a .txtBox h1{color:#333;height:40px;line-height:40px;margin-top:30px;font-size:20px;overflow:hidden;border-bottom:1px #efefef solid;padding-bottom:20px;margin-bottom:20px;}
	.caseList ul li a:hover .txtBox h1 { color:#0167cb}
.caseList ul li a .txtBox h2{text-align:left; line-height:1.8;color:#666}

.caseList ul li a img{vertical-align:middle;overflow:hidden;
    opacity: .8;
	-webkit-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
	-webkit-transform:scale(1.00);
	-moz-transform:scale(1.00);
	-o-transform:scale(1.00);
	transform:scale(1.00);
	}
.caseList ul li a:hover img{border-radius:3px;opacity: 1;
	-webkit-transform:scale(1.02);
	-moz-transform:scale(1.02);
	-o-transform:scale(1.02);
	transform:scale(1.02);
	}



/*闆嗗洟椤圭洰*/
.projectBg{background:#013f7c url(../images/webBg1.png) center 0 no-repeat; clear: both;padding: 0 0 50px;}
.index_projectBox a{display:block;width:275px;overflow:hidden;margin-top:60px;background:#0167cb;height:500px;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear; margin:0 auto}
	.index_projectBox a:hover{margin-top:55px}
	.index_projectBox a{ margin-top:60px}
	.index_projectBox .imgBox{width:285px; height:333px; overflow:hidden; position:relative}
	.index_projectBox a img,.newsBox a img{opacity: 0.95;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
   transform:scale(1.05);-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
	.index_projectTxt{padding:15px; color:#fff}
		.index_projectTxt h1{font-size:15px; height:20px; line-height:20px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical; font-weight:700}
		.index_projectTxt h2{font-size:13px;line-height:1.8;margin:10px 0;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;}
		.index_projectTxt h3{text-align:right}


.index_projectBox,.newsBox{position:relative; width:285px}
.index_projectBox a:hover img,.newsBox a:hover img {opacity:0.6;
  	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}


.index_projectBox .imgBox::before,.newsBox .imgBox::before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.5);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

.index_projectBox .imgBox:hover::before,.newsBox .imgBox:hover::before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

.mainTitle{background:#2eabeb;border-top:5px #fabf1b solid;margin-top:-5px;height:300px; position:relative}
	.mainTitle i{display:block;margin:20px;}
	.mainTitle h1{position:absolute;right:20px;bottom:30px;font-size:24px;color:#fff;}
	.mainTitle h1 span{border-bottom:3px #fff solid; padding-bottom:8px}


/*鏂伴椈*/		
.newsBg{ padding:0 0 50px; height:500px;background:url(../images/wallpaper3.jpg) center 0 no-repeat}
.newsBox{position:relative;width:285px;height:180px;margin-top:30px;overflow:hidden}
		.newsTxt h1{font-size:14px;height:40px;line-height:40px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
		.newsTxt h2{font-size:13px;line-height:1.8;margin:15px 0;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;color:rgba(255,255,255,.5)}
		.newsTxt h3{text-align:right;color:rgba(255,255,255,.5)}
.newsBox a{display:block;}
	.newsBox a:hover .newsTxt{position:absolute;left:0;right:0;bottom:0;background:rgba(1,69,131,0.8);}
	.newsTxt{position:absolute;left:0;right:0;bottom:-140px;height:180px;padding:0 15px;background:rgba(0,0,0,0.5);color:#fff;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;}
	.newsBox a:hover .newsTxt h1{font-size:14px;padding-top:15px;height:auto;line-height:20px;color:#fff;-webkit-line-clamp:2;}
		

.newsBox .imgBox{width:285px; height:214px; overflow:hidden;}
	.newsBox a img{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}


/*闆嗗洟椤圭洰鍐呴〉*/
.projectBox2{overflow:hidden;background:#2eabeb;height:auto; margin-bottom: 30px}

.projectBox{ padding: 20px 10px 100px 0;}
.projectBoxList a{display:block;border-bottom:1px #efefef solid;padding-bottom:20px;margin-bottom:20px;overflow:auto;zoom:1;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
.projectBoxList a:hover{color:#333;}
.proRight{position:relative;}
.proRight i{padding:2px 10px;background:#2eabeb;color:#fff;font-size:14px;font-weight:400; border-radius:3px;margin:2px 0 0 10px;color:#fff}
.proRight i.red{background:#dedede;; color:#666}
.proRight i.greenColor{background:#45b537}
.proRight h1{font-size:18px;height:30px; line-height:30px;overflow:hidden;font-weight:700;}
.proRight h2{font-size:14px;height:30px;line-height:30px;overflow:hidden;background:url(../images/ico.png) 0 -600px no-repeat; padding-left:25px;}
.proRight h3{font-size:14px;height:30px;line-height:30px;background:url(../images/ico.png) 0 -632px no-repeat; padding-left:25px;}
.proRight h4{font-size:14px;height:30px;line-height:30px;background:url(../images/ico.png) 0 -664px no-repeat; padding-left:25px;}
.proRight h5{height:40px;line-height:40px;}
.proRight h5 span{padding:5px 10px;background:#dedede; color:#666;border-radius:15px; margin-right:10px;}






/*绀句細璐ｄ换*/
.socialBg{background:#0167cb;overflow:hidden; min-height:460px}
.socialBg .col-lg-6{padding:0}
.socialBox{position:absolute;left:0;right:0;top:0;z-index:9999; margin-top:20px}
.socialTitle{ margin-top:60px}
.socialList{margin-top:20px}
	.socialList li{position:relative;height:140px}
	.socialList img{position:absolute;left:0;top:0}
	.socialList .txt{margin-left:150px; padding-right: 10px;}
		.socialList  a{display:block;color:#fff; height:100px}
		.socialList a:hover{background:#2eabeb}
		.socialList a:hover span{background:#2eabeb}
			.socialList span{display:block; width:30%; height:2px; overflow:hidden; margin-bottom:10px;background:rgba(255,255,255,.5)}
			.socialList .txt  h1{ font-size:15px; height: 16px; line-height: 16px; overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
			.socialList .txt  h2{ margin:8px 0; height: 36px; line-height: 18px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
			.socialList .txt  h3{ color:#fabf1b; text-align:right; padding-right:5px}

.bg3{clear:both;background:#fff ;padding:20px 0;overflow:auto}
.wrap{clear:both;width:1190px; margin:0 auto;overflow:hidden }
.caseList2 {width:1190px;margin:20px auto; overflow:hidden}	
.caseList2 ul{ width:1210px;}
.caseList2 ul li{float:left;width:386px;height:180px;margin-right:16px;margin-bottom:20px;text-align:center;position:relative;border-radius:3px;overflow:hidden}
.caseList2 ul li a{display:block;height:auto;border-radius:3px;}
.caseList2 ul li a img{border-radius:3px}
.caseList2 li a .cbg{width:386px;height:180px;background:rgba(0,0,0,.5); position:absolute; left:0;top:0;z-index:9;transition: .5s ease all;border-radius:3px}
	.caseList2 li a:hover .cbg{background:rgba(0,0,0,.1);}
	
.caseList2 ul li h1{position:absolute;left:0;top:40%;right:0;height:40px;line-height:40px;color:#fff; z-index:998; font-size:28px;}	
	.caseList2 ul li h1 span{border-bottom:3px rgba(255,255,255,.5) solid;border-top:3px rgba(255,255,255,.5) solid; padding:8px 0 12px}
	
.caseList2 li .btn{width: 90px;height:32px;line-height: 32px;position: absolute;right:10px;bottom:10px;z-index: 998;border-radius: 3px;color: #fff; font-size: 14px;background-color: rgba(255,255,255,.3);transition: .2s ease all; padding:0}	
.caseList2 li a:hover .btn{background:rgba(0,0,0,.5)}


.caseList2 ul li a img{vertical-align:middle;overflow:hidden;
    opacity: .8;border-radius:3px;
	-webkit-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
	-webkit-transform:scale(1.00);
	-moz-transform:scale(1.00);
	-o-transform:scale(1.00);
	transform:scale(1.00);
	}
.caseList2 ul li a:hover img{border-radius:3px;opacity: 1;
	-webkit-transform:scale(1.02);
	-moz-transform:scale(1.02);
	-o-transform:scale(1.02);
	transform:scale(1.02);
	}



/*鍔犲叆*/
.joinBg{background:#efefef;padding:40px}
.joinCenterBox{}
.joinBg .col-lg-2{padding:0}
.joinTitle{clear:both; height:40px;}
	.joinTitle span{font-weight:700;font-size:18px; float:left}
	.joinTitle em{ display:block;margin:0 0 0 10px; padding:0 10px; float:left;border-bottom:3px #0167cb solid} 
		.joinTitle a{ float:right}

.joinList{clear:both;overflow:auto;zoom:1;padding:5px 0 20px}
.joinList li{ float:left; width:50%;height:30px;line-height:30px;overflow:hidden}
	.joinList li a{ color:#333; display:block; font-size:13px}
		.joinList li a:hover{ color:#2eabeb} 
		.joinList li a i{ color:#fabf1b;font-size:20px;}

a.moreBtn{ display:block; background:#0167cb; height:26px; line-height:26px; width:72px; text-align:center; color:#fff}
	a.moreBtn:hover{ background:#fabf1b}

.vodBox{width:240px;float:right}
	.vod{background:#303053;height:160px; overflow:hidden}
	.player{background:url(../images/ico.png) 0 -458px no-repeat; width:46px; height:46px; margin:57px auto}
	a.btnPlay{ display:block; width:240px; height:160px; overflow:hidden}
	a.btnPlay:hover .player{background:url(../images/ico.png) -46px -458px no-repeat; }

/*鍗曢〉*/
.line{height:70px;line-height:70px;font-size:13px;border-bottom:1px #efefef solid; color:#666}
	.line a{color:#333}
	.line a:hover{color:#014583}
.box{padding:20px 30px 100px 0; font-size:15px}
.box img{
         max-width:847px;
     zoom:expression( function(elm) { 
         if (elm.width>847) { 
             var oldVW = elm.width; elm.width=847; 
             elm.height = elm.height*(847 /oldVW);
         }
         elm.style.zoom = '1';
     }(this));
} 

.infoTitle{background:#2eabeb;height:70px;font-family:GOTHIC_0;line-height:70px;text-align:center;color:#fff;font-size:30px}
.padding0{ padding:0}

.main{overflow:hidden}
.mainLeft{ margin-bottom:-10000px; padding-bottom:10000px;}
.mainRight{ margin-bottom:-10000px; padding-bottom:10000px;background:#f5f9fa}

.sideNav{margin:30px 20px;background:#fff}
	.sideNav {padding:20px}
	.sideNav li{height:46px;line-height:46px; border-bottom:1px #f5f5f5 solid}
		.sideNav li a{display:block;color:#666;position:relative;background:url(../images/right_arrow.png) right 16px no-repeat;-webkit-transition:padding-left 0.5s ease;-moz-transition:padding-left 0.5s ease;transition:padding-left 0.5s ease;}
		.sideNav li a::after{content:'';display:block; width:0;height:1px;position:absolute;left:0; bottom:0;background:#014583;transition:all 0.3s ease-in-out;}
		.sideNav li a:hover::after{ width:100%;}
			.sideNav li a:hover{padding-left:30px; color:#014583;background:url(../images/right_arrow2.png) right 16px no-repeat;}

/*鏂伴椈鍒楄〃*/
.newsListbox{padding:20px 0 100px}
.newslist dt { position:relative; height:200px; margin-bottom:20px;}
	.newslist dt .newImg{ position:absolute; left:0; top:0; width:255px;}
		.newslist dt .newTxt{ margin-left:270px;padding-right:30px;}
			.newslist dt .newTxt .time{font-size:30px;font-family:GOTHIC_0;}
				.newslist dt .newTxt .time em{ color:#014583}
			.newslist dt .newTxt h1{font-size:18px;font-weight:700;color:#333;height:40px;line-height:40px;overflow:hidden}
			.newslist dt .newTxt h2{margin:10px 0}
			.newslist dt .newTxt h3{height:40px;line-height:20px; margin:10px 0;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
			.newslist dt .newTxt h4 span{background:#dedede;display:block;width:72px; height:26px; line-height:26px; text-align:center; float:right;}
			.newslist dt a:hover .newTxt  h4 span{background:#014583; color:#fff}
			.newslist dt a:hover h1{color:#014583}
			.newslist dt a:hover{color:#666}

.newslist dd {padding:20px 0;border-bottom:3px #efefef solid; position:relative}
.newslist dd a{display:block;color:#666;height:100px;position:relative;}
.newslist dd .time{width:92px;height:92px;text-align:right;position:absolute;left:0;top:0;border:4px #dedede solid}
	.newslist dd .time p{font-size:30px; height:60px;line-height:60px;display:block;padding-right:10px;font-family:GOTHIC_0;color:#014583}
	.newslist dd .time span{font-size:14px;padding:8px 10px 5px 0;font-family:GOTHIC_0;border-top:1px #efefef solid}
.newslist dd .newsListTxt{ margin-left:110px;padding-right:30px;}
	.newslist dd .newsListTxt h1{font-size:18px;font-weight:700;color:#333;height:22px;line-height:22px; overflow:hidden}
	.newslist dd .newsListTxt h2{margin:10px 0}
	.newslist dd .newsListTxt h3{height:40px; line-height:20px; overflow:hidden}
		.newslist dd a:hover .newsListTxt h1{color:#014583}
		.newslist dd a:hover .newsListTxt h2{color:#666}
		.newslist dd a:hover .newsListTxt h3{color:#666}
		
		.newslist dd:after{content:'';display:block; width:0;height:3px;position:absolute;left:0;bottom:-3px;background:#014583;transition:all 0.3s ease-in-out;}
		.newslist dd:hover::after{width:100%;}



/*鏂伴椈姝ｆ枃*/
.newsInfobox{padding:20px 30px 100px 0; overflow:auto;zoom:1}
	.newsInfobox h1{font-size:24px; line-height:1.5; margin:20px 0;}
	.newsInfobox .newsTime{border-bottom:2px #dedede solid; padding:20px 0; margin-bottom:20px;}
.newsInfobox .newsTime .col-lg-8{ padding-left: 0; padding-right: 0}
.newsInfobox .newsTime .col-lg-4{ padding-left: 0; padding-right: 0}
	.newsInfobox h3{font-size:16px; line-height:1.8}
	.newsInfobox h4{border-top:2px #dedede solid; padding:20px 0; margin-top:20px;}
.bshare-custom{ float:right}

.proBox{padding:20px 10px 100px 0;overflow:auto}
	.proList li{height:280px; overflow:hidden}
	.proList li h1{font-size:15px;margin-top:10px;height:30px;line-height:30px;font-weight:700;overflow:hidden}
	.proList li h2{height:20px; line-height:20px; overflow:hidden}
	.proList li h3{height:20px; line-height:20px; overflow:hidden}
.newsInfobox .row{ margin-left:0; margin-right:0}

.projectList{}
	.projectList li{height:220px; overflow:hidden}
	.projectList li .imgBox{position:relative}
	.projectList li h1{position:absolute; left:0; right:0; bottom:0;font-size:13px; background:rgba(1,69,131,.8);height:30px;line-height:30px; padding:0 20px;overflow:hidden}
	.projectList li a h1{color:#fff}
	.projectList li a:hover h1 {color:#fff}
	.projectList li h2{font-size:15px;height:30px;line-height:30px;font-weight:700;overflow:hidden}
	
.smallClass{ height:40px; line-height:40px; margin:10px 15px 25px;background:#efefef}
	.smallClass a{ display:block; float:left; padding:0 20px}
		.smallClass a:hover{background:#2eabeb; color:#fff}
		.smallClass a.now{ background:#014583; color:#fff}

.newsInfobox img{
         max-width:847px;
     zoom:expression( function(elm) { 
         if (elm.width>847) { 
             var oldVW = elm.width; elm.width=847; 
             elm.height = elm.height*(847 /oldVW);
         }
         elm.style.zoom = '1';
     }(this));
} 


.pageBox{clear:both;margin:35px auto 30px; padding-top:20px;overflow:hidden;border-top: 2px #dedede solid;}
	.pageBox ul {}
	.pageBox ul li{ text-align:center}

a.upPage,a.nextPage,a.listPage{display:block;background:#efefef;color:#666;height:34px;line-height: 34px; font-size:12px}
.pageBox a i{display:block;width:34px;line-height:34px;text-align:center;background:#014583;color:#fff;font-family: SimSun;}
.pageBox a span{ padding:0 10px}
.nextPage{float:right}


/*page*/
.page{display:inline;clear:both;margin-top:20px;float:left;text-align:center;height:36px;line-height:36px;font-size:12px}
.page a{display:block;float:left;background:#dedede ;width:36px;height:36px;line-height:36px;margin-right:10px;color:#999;text-decoration:none; font-family:"SimSun";cursor:pointer}
.page a:hover {background:#2eabeb;color:#fff}
.page span{width:36px;height:36px;line-height:36px;color:#fff;float:left;display:block;background:#6ac334 ;margin-right:10px;}
.page a.now{background:#014583 ;color:#fff}



/*搴曢儴*/
.footer{clear:both; border-top:4px #0167cb solid;background:#0167cb ;padding:20px 0;height:auto;color:#999;text-align:center; position:relative}
.footerNav{float:left;text-align:left;width:10.2%; margin:0 2%}
	.footerNav dt{color:#fff;font-size:12px;height:40px;line-height:40px;margin-bottom:10px;}
	.footerNav dt span{display:block;font-size:14px;border-bottom:2px #dedede solid;float:left}
	.footerNav dt em{display:block;border-bottom:2px #fff solid;float:left;padding:0 5px}
	.footerNav dd{height:30px;line-height:30px}
	.footerNav  a{color:#fff}
	.footerNav  a:hover{color:#96c6f6}

.footerBottom{ background:#efefef; text-align:center; padding:10px 0}
	.footerBottom a{ color:#666}

.contactBox{ margin-top:20px}
	.contactBox img{ padding:5px; background:#fff}


.dropdown button{ background:#2eabeb; border:0;padding:4px 30px; width:100%;box-sizing:border-box; color:#fff}
.dropdown-menu{border-radius:0; background:#2eabeb; color:#fff;border:0; width:100%; box-sizing:border-box}
	.dropdown-menu li a{ color:#fff}
		.dropdown-menu li a:hover{ background:#0f3179;color:#fff}

a.cico{display:block;width:40px;height:40px;background:url(../images/ico.png)  no-repeat; float:left; margin:20px 30px 0 0 }
a.cico1{background-position:0 -523px}
a.cico2{background-position:0 -563px}
a.cico3{background-position:0 -603px}

a.cico .tipsBox{display:none;position:absolute;left:-50%;margin-left:-50px;bottom:-58px;right:0; width:200px; height:50px;background:rgba(0,0,0,.5); border-radius:5px; z-index:99;box-shadow: 0 6px 12px #333;}
	a.cico .tipsBox::after{content: "";
    display: block;position: absolute; left:85px;top:-5px;
	width: 0;
    height: 0;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-bottom:5px solid rgba(0,0,0,.7);}
a.cico:hover .tipsBox{display:block}
a.cico .tipsBox h1{font-family: 'GOTHIC_0'; font-size:18px; text-align:center; line-height:50px; color:#fff}
a.cico .tipsBox h2{font-family: 'GOTHIC_0'; font-size:18px; text-align:center; line-height:50px; color:#fff}

a.cico .ewmBox{padding:10px;width:100px;height:100px;position:absolute;left:0;margin-left:-30px;bottom:-108px;right:0;background:rgba(0,0,0,.5); border-radius:3px;}
a.cico .ewmBox::after{content: "";
    display: block;position: absolute; left:45px;top:-5px;
	width: 0;
    height: 0;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-bottom:5px solid rgba(0,0,0,.7);}
a.cico .tipsBox img{width:80px;height:80px;}


@media (max-width: 1200px){
	.nav li a{margin:0 20px;}
	.nav li a {-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
锝	

@media (max-width: 992px){
.col-none{display:none}
.nav li a{margin:0 5px;}
.nav li a {-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}

}

@media (max-width: 767px){ 
.nav li a{margin:0;}
.topNav{ position:absolute; background:#333;left:0;right:0;top:0;}
.nav li a{color:#fff}
.collapse{ background:none}
.navbar,.navbar-collapse{border:0}
.navbar-default .navbar-collapse {border-width: 0; margin-top:-2px;background:rgba(69,139,234,.9);}
.nav{background-color:rgba(69,139,234,.9);margin-top:-2px}
.nav>li{ clear:both}
.nav li a{padding:10px;font-size:14px}
.nav li ul.listClass{display:block;width:100%;background:none;position:static;margin:0; padding:0 10%;-webkit-box-shadow:none;box-shadow:none}
.nav li ul.listClass li:first-child,.nav li ul.listClass li:last-child{padding:0;}
.nav li ul.listClass li{list-style:outside;color:#fff; float:left; width:50%}
.nav li ul.listClass li a{border:0;box-sizing:border-box;text-align:left;font-size:14px; width:auto}


.navbar-header{ width:auto}
.logo {display: table;padding: 16px 0 23px 15px;margin-top:45px;}
a.navbar-brand{display: block;width: 300px;height:53px;background: url(../images/logo.png?v=1) no-repeat;background-size: contain;}

.carousel {margin-top: 110px;}
.aboutNav a{ margin-bottom:5px}
.newsBg{background: url(../images/wallpaper3.jpg) center 0 repeat-y;}
.contactBox{ margin-bottom:10px; margin-top:0}
.topNav .d{display:none}

.col-none{ display:none}
.navbar{position:fixed;left:0;right:0; top:0; z-index:9999}
.banner{ height:auto; padding-top:-200px}	
.joinBg{ padding:0}
.aboutBox{ margin:10px auto}	
	.aboutBox img{ width:100%; height:auto}
	
.classList li{ width:25%; margin-bottom:10px}	
.dropdown, .dropup{ text-align:center}
.footerBottom{ height:auto}
.vodBox{ float:none; width:auto}
a.btnPlay{ width:auto; height:auto}
.vod{ height:auto; margin-bottom:20px;}
.dropdown{ display:none}
.footer{ height:auto; padding:20px 0}
a.cico{ margin:0 auto; float:none}
.projectBg{ height:auto; background:url(../images/webBg1.png) repeat-y; background-size:contain; padding:40px 0}
.projectBox a{margin-top:20px}
.projectBox a:hover{margin-top:20px}
.joinBox{ margin:20px 0}
.socialBox{ position:static;}
.socialList{ margin-bottom:20px}
.socialBg{ margin:20px 0}
.newsBox a{ margin:20px 0; height:auto}
.box{ padding:20px 0}
.mainLeft,.mainRight{margin:0; padding:0}
.padding0{padding:0 15px}
.newslist dt{ display:none}
.newslist dd .newsListTxt{ padding-right:0}
.newsInfobox{ padding:20px 0}
.pageBox{ display:none}
.proBox{ padding:20px 0}
.proList li{ height:auto; margin-bottom:20px}
.proList .col-xs-12{ padding:0}
.projectBox a{ height: auto}
.newsInfobox img{width: 100%; height: auto}
.box img{width: 100%; height: auto}
.projectBox2{ height: auto}
	.tos-slide{ height: auto}
	.banner{margin-top: 114px;}
.proRight h1{ height:30px; line-height:30px; overflow:hidden}
.index_projectBox a,.index_projectBox .imgBox,.newsBox .imgBox{ width:auto; height:auto}
.newsBg{ height:auto}
.index_projectBox, .newsBox{width:100%}
.navbar-collapse{max-height:400px;}
.navbar-collapse.in{overflow-y:auto}
.topNav{display:-moz-box;display:-webkit-box;width:100%;float:none}
.topNav .searchBox{-webkit-box-flex:1.0;-moz-box-flex:1.0; padding-left:5px; box-sizing:border-box;float:none}
.topNav .searchBox input{width:100%;}
.language{ font-size:12px;float:none; display:block; margin:0 10px}
.title img{ width:100%; height:auto}

}

@media (min-width:1000px){
	.nav li a{ margin:0 10px}
	}