@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:#333;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;}



.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}
.mR20{margin-right:20px}
.mT5{margin-top:5px}
.mB5{margin-bottom:5px}
.mT10{margin-top:10px}
.mT20{margin-top:20px}
.mB10{margin-bottom:10px}
.mB20{margin-bottom:20px}
.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:#287abc}

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

/*nav*/
.header{border-radius: 0}
.navbar-header{ width:100%;height:72px;}
.logo{display:table;width:380px;padding:16px 25px 23px 15px;}
a.navbar-brand{display:block;width:380px;height:50px;background:url(../images/logo.png) no-repeat; margin-top:15px}

.navBox{ background:#006ebd}

.banner{ clear:both;height:500px;overflow:hidden}

.topBar{position:relative;}
.topNav{position:absolute;top:0; right:0;height:47px; line-height:47px; text-align:right;padding-right:10px;}
	.topNav .searchBox{position:relative;height:30px; line-height:30px; width:220px; float:right; margin-top:10px}
	.topNav .searchBox input{border:0;background:#2a2d33;padding:0 10px;width:200px;height:30px;line-height:30px; font-size:13px}
	.topNav .searchBox .searchBtn{ background: url(../images/ico.png) -12px -540px 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) -40px -540px no-repeat;}
	.language{ float:right; margin-left:20px; color:#999}
		.language em{ margin:0 10px}
		.language a{ color:#999}
			.language a:hover{ color:#2eabeb}



/*nav*/
.topBg{ background:#fff; height:108px}
.header{height:180px;position:relative}
		.logo{display:table; float:left;width:250px;padding:12px 15px 0px;}
			.smallLogo{color:#fff;font-size:20px; float:left;padding-top:20px}
		.tel{ float:right; margin-top:25px; }
.navbar{margin-bottom:0;border-radius:0;height:180px;background:#006ebd;}
.nav i{display:inline-block;margin:0 8px 2px;width:8px; height:8px; border:1px rgba(255,255,255,.9) solid; border-width:0 0 1px 1px;transition: all ease .3s;
	transform:rotate(-45deg); 
	-ms-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);  
	-o-transform:rotate(-45deg); 
}


.nav{}
.nav li a:hover i{ border-color:#f7f7f7}
.nav li {float:left;text-align:center; position:relative}
.nav li a{display:block;padding:26px 25px; margin:0 10px;color:#fff;font-size:14px;}
.nav li:hover a,.nav li a.hover,.nav li a:hover{color:#fff;background:rgba(40,122,188,.4)}
.nav li a:hover{color:#fff;background:#0e5d9d;}
.nav li a.now{background:rgba(0,0,0,.2);color:#fff;}

.nav li ul.listClass{border-bottom:4px #232323 solid;position: absolute;left:50%; margin-left:-65px;display:none;background-color:#006ebd; 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{ line-height:30px}
.nav li ul.listClass li a{display:block; background:none;height:45px;line-height:45px;padding:0 20px;width:200px; box-sizing:border-box; margin:0; border-bottom:0; font-size:14px;border-top:1px solid rgba(0,0,0,.05);color:#fff;text-align: left;}
.nav li ul.listClass li a:hover{background-color:rgba(0,0,0,.5);color:#fff;text-decoration:none;}
.navbar-toggle{background-color:#fc0; margin-top:57px; border-radius:0}
.navbar-toggle .icon-bar{background:#fff}

.nav li ul.sub4{ width:320px}
	.nav li ul.sub4 li a{width:320px;}
	
	
.navbar-toggle{background-color:rgba(255,255,255,.9); margin-top:17px; border-radius:0}
.navbar-toggle .icon-bar{background:#006ebd}



.navbar{ margin-bottom:0;border:0}
.m-header .topBg{ display: none;opacity: 0;}
.m-header .navbar{ height:72px}
.m-header .navBox{position:fixed; left:0; top:0; width:100%; background:#006ebd; z-index:9999999; box-shadow:0 1px 10px #333}


#top-content {transform:translateY(-50%);top:55%;position: relative; text-align:center}
	#top-content h1{font-weight:700; color:rgba(255,255,255,.8)}
	#top-content h2{padding-top:50px; text-align:center}
	#top-content h2 a{display: inline-block; background:#287abc;font-size:14px;text-decoration:none; width:180px; height:50px; line-height:50px; overflow:hidden; color:#fff; border-radius:3px; margin:0 50px;}
	#top-content h2 a:hover{background:rgba(255,255,255,.5);color:#fff}
	#top-content h3{padding-top:40px;}
		#top-content h3 span{font-size:24px;color:#fff;}

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

.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:#8f1b20;transition:all 0.3s ease-in-out;}
		.sideNav li a:hover::after{ width:100%;}
			.sideNav li a:hover{padding-left:30px; color:#8f1b20;background:url(../images/right_arrow2.png) right 16px no-repeat;}

.infoTitle{background:#8f1b20 url(../images/bg2.jpg) no-repeat; border-right:10px rgba(0,0,0,.5) solid;height:70px;line-height:70px;text-align:center;color:#fff;font-size:24px}

/*新闻列表*/
.newsListbox{ clear:both;padding:0 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;}
				.newslist dt .newTxt .time em{ color:#8f1b20}
			.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:#8f1b20; color:#fff}
			.newslist dt a:hover h1{color:#8f1b20}
			.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;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
	.newslist dd .time p{font-size:30px; height:60px;line-height:60px;display:block;padding-right:10px;color:#287abc}
	.newslist dd .time span{font-size:14px;padding:8px 10px 5px 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:#287abc}
		.newslist dd a:hover .newsListTxt h2{color:#666}
		.newslist dd a:hover .newsListTxt h3{color:#666}
		.newslist dd a:hover .time{border:4px #287abc solid}
		
		.newslist dd:after{content:'';display:block; width:0;height:3px;position:absolute;left:0;bottom:-3px;background:#287abc;transition:all 0.3s ease-in-out;}
		.newslist dd:hover::after{width:100%;}

.bg{background:#fff; position:relative; min-height:400px; padding-top:30px;border-top:2px #f7f8f9 solid}
.bg:before {display: block;content: '';position: absolute;top: 0;left: 0;width: 50%;height: 100%;background: url(../images/aboutBg.jpg) center 0 no-repeat;}
.left{ width:50%; float:left;}
.right{ width:50%; float:left}
.left .box{padding-right:30px;position:relative}
.right .box_right{padding-left:30px;position:relative}
.left .box .aboutBox{padding:30px 0; color:#333;}
.left .box .aboutBox p{ margin-bottom:10px; text-indent:2em}
.right .box_right .aboutBox{padding:30px 0;}
.top{height:32px;line-height:32px;color:#666; font-size:12px;border-bottom:1px #efefef solid}
.title2{ position: relative}
.title2 h1{font-size:24px; height:60px; line-height:60px;color:#fff; position:relative}
	.title2 h1 a{ float:right; font-size:12px; color:#fff}
.title2 h1:after {content: '';width: 100%;height: 1px;position: absolute;bottom:-2px;left: 0;background:rgba(255,255,255,.5); opacity: 0.3;}
.title2 h1 span{ display:inline-block;border-bottom:3px #0268b9 solid}

.title2_right{ position: relative}
.title2_right h1{font-size:24px; height:60px; line-height:60px;color:#006ebd; position:relative}
	.title2_right h1 a{ float:right; font-size:12px}
.title2_right h1:after {content: '';width: 100%;height: 1px;position: absolute;bottom:-2px;left: 0;background:rgba(0,0,0,.5); opacity: 0.3;}
.title2_right h1 span{ display:inline-block;border-bottom:3px #006ebd solid}

.newsList li{position: relative; margin-bottom:30px}
	.newsList li .date{ width:80px; height:80px; background:#006ebd; position:absolute; left:0; top:0; text-align:center; color:#fff}
		.newsList li .date i{ display:block; font-size:30px; padding:15px 0 5px; line-height:1}
		.newsList li .date em{ display:block; font-size:12px}
		.newsList li .txt{ margin-left:100px}	
		.newsList li .txt h1{font-size: 16px;overflow-x: hidden;text-overflow: ellipsis;white-space: nowrap;letter-spacing: normal; height:20px; line-height:20px; overflow: hidden;font-weight:700;margin-bottom: 15px;}
		.newsList li .txt h2{ height:40px; line-height:20px; overflow:hidden}

a.btn_more{clear:both;display:block;height:40px;line-height:40px;text-align:center;overflow:hidden;width:160px;border:2px #006ebd solid;color:#006ebd;margin:30px auto 10px;position:relative;}
	a.btn_more span{position:relative; z-index:1;transition: all ease .3s;}
		a.btn_more:hover span{ color:#fff}
	a.btn_more:after{ content:""; position:absolute; left:0; bottom:0; width:100%;height:0;background:#006ebd;transition: all ease .3s;}
		a.btn_more:hover:after{height:100%;}
	
.tb_{}
.tb_ ul{height:36px; width:640px;margin:20px auto}
.tb_ li{float:left;height:36px;width:140px; margin:0 10px;line-height:36px;border-radius:3px;cursor:pointer; text-align:center;}
.normaltab     {background:#efefef}
.hovertab      {background:#006ebd; color:#fff;}
.dis{display:block;}
.undis{display:none;}

/*单页*/
.line{height:70px;line-height:70px;font-size:13px;border-bottom:1px #efefef solid; color:#666; margin-bottom:10px}
	.line img{ margin-bottom:3px}
	.line a{color:#333;}
	.line a:hover{color:#006ebd}

.smallNavBar{ float:right;}
.smallNavBar li{float:left;overflow:hidden;}
.smallNavBar li a{display:block;text-align:center;margin:0 20px;color:#333;font-size:16px; position:relative}
.smallNavBar li a.now:after {content: '';width: 100%;height: 5px;background: #006ebd;position: absolute;bottom: 0;left: 0;}

.mainBox{padding:20px 0 100px 0; font-size:14px; color:#565758; line-height:1.8}
.mainBox img{
         max-width:1140px;
     zoom:expression( function(elm) { 
         if (elm.width>1140) { 
             var oldVW = elm.width; elm.width=847; 
             elm.height = elm.height*(1140 /oldVW);
         }
         elm.style.zoom = '1';
     }(this));
} 


/*新闻正文*/
.newsInfobox{padding:20px 0 100px; min-height:400px}
	.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; min-height:500px}
	.newsInfobox h4{border-top:2px #dedede solid; padding:20px 0; margin-top:20px;}
.bshare-custom{ float:right}



.bg1{ background:url(../images/bg1.jpg) center 0 repeat-x;height:450px; margin-bottom:40px;box-shadow:8px 8px rgba(0,0,0,.1);}
.bg2{ background:url(../images/bg2.jpg) center -500px repeat-x;height:650px}
.bg3{ background:url(../images/bg3.jpg) center -250px repeat-x;height:650px}
.bg4{ background:url(../images/bg4.jpg) center -250px repeat-x;height:600px}
.bg_eee{ background:#f7f8f9}

.classList{ height:42px;}
.classList li{float:left; width:11.1111%; height:42px; line-height:32px; text-align:center}
	.classList li a{ display:block;margin:5px;background:#fff; height:32px; line-height:32px;color:#666;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
		.classList li a:hover{ background:#287abc; color:#fff}

.productList{ margin:10px 0}
.productList li{ height:400px; overflow:hidden}
	.productList li a{display:block;background:#fff;position:relative; padding-bottom:20px; margin-bottom:20px}
	.productList li img{width:100%}
	.productList li h1{ height:36px; line-height:36px; overflow:hidden; text-align:center; font-size:18px; margin:0 10px}
	.productList li h2{ text-align:center; line-height:18px; height:36px; overflow:hidden; margin:10px}

	.productList li a:after{content:""; position:absolute; left:0; top:0;width:40px;height:40px;border:2px rgba(0,0,0,0.1) solid; border-width:3px 0 0 3px;transition:all ease-in-out .3s;}
	.productList li a:before{content:""; position:absolute; bottom:0; right:0;width:40px;height:40px;border:2px rgba(0,0,0,0.1) solid; border-width:0 3px  3px 0;transition:all ease-in-out .3s;}
	.productList li a:hover:after{ width:100%; height:100%;border-color:rgba(187,39,34,0.8);}
	.productList li a:hover:before{ width:100%; height:100%;border-color:rgba(187,39,34,0.8);}


.bg_yl{background:url(../images/ylBg.jpg) center bottom no-repeat;height:650px}
.main{ clear:both;padding:0 0 50px}
.main2{ clear:both;padding:80px 0 50px}

.title{clear:both;text-align:center;margin:40px 0 50px; height:40px; line-height:40px;background:url(../images/title1.png) center center no-repeat}
	.title h1{font-size:28px;color:#2f3239;}
	.title h1 i{display:inline-block;background:#ffbf00;font-size:36px; height:44px; width:44px; line-height:44px; text-align:center; margin-right:10px}
	.title h2{font-size:18px; color:#006ebd; margin-top:10px}
	.title h3{font-size:24px; color:#fff; margin-top:10px}

.xcxAbout img{ float:right}

.indexList6{ margin:0 auto;padding:50px 0; width:1000px; height:600px;background:url(../images/bzbg.jpg) center 0 no-repeat}

#example-4-3{ display:none; opacity:0}

.list3 li{margin-bottom:10px; width:33.333333%;float:left}	
.list3 li div{ text-align:center; height:310px; padding:5px;margin:5px; background:#dedede; overflow:hidden}	
.list3 li h1{ height:40px; line-height:40px; text-align:center; font-size:14px}
.list3 li img{ width:100%}
.list3 li a{ color:#333}

.list4 li{margin-bottom:10px; width:25%;float:left}	
.list4 li div{ text-align:center; height:380px; padding:5px; background:#dedede; margin:5px; overflow:hidden}	
.list4 li h1{ height:40px; line-height:40px; text-align:center; font-size:14px}
.list4 li img{ width:100%}
.list4 li a{ color:#333}

.caseList{ width:1280px}
.caseList li{float:left;width:236px; height:230px;margin-right:20px;overflow:hidden; margin-bottom:20px}
.caseList li .caseImg{text-align:center;position:relative;border-radius:3px 3px 0 0}
.caseList li .caseImg img{width:100%;border-radius:3px 3px 0 0}
.caseList li .caseTxt{ text-align:left; height:80px; padding:0 10px;background:#fff}
.caseList li .caseTxt h1{height:32px; line-height:32px; font-size:15px;overflow:hidden}
.caseList li .caseTxt h2{height:20px; line-height:20px; overflow:hidden}
.caseList li .caseImg .ewmBox{position:absolute; left:0;bottom:0;width:100%; height:0;background:rgba(0,0,0,.8);transition: all ease .3s; text-align:center;}
.caseList li .caseImg .ewmBox h3{ color:#f60;font-size:14px}
.caseList li .caseImg .ewmBox img{width:150px;height:150px;border-radius:0; margin:25px auto 10px}
.caseList li a:hover{ color:#333}
.caseList li a:hover .caseImg .ewmBox{height:100%}

.caseList2 li .caseTxt{ background:#efefef}

.proSmallClass{margin-bottom:20px;background:#f7f8f9; padding:20px 10px 10px;}
.proSmallClass li  .items a{ color:#333}
.proSmallClass li  .items a:hover{background:#f97b27; color:#fff; border-radius:3px;}
.proSmallClass li  .items a.now{background:#f66200; color:#fff;border-radius:3px;}

.topPro li{clear:both; position:relative;line-height:34px;}
	.topPro li label a{ display:block}
	.topPro li label{width:80px;float:left;line-height:34px;}
		.topPro li label img{ margin-right:10px}
		.topPro li i{margin:0 10px;float:left;font-family:simsun;line-height:34px;}
		.topPro li  .items{ margin-left:120px;line-height:33px; border-bottom:1px #efefef dashed;margin-bottom:10px; padding-bottom:10px}
		.topPro li  .items a{ padding:0 10px; margin-right:5px;display: inline-block;}



.whatBox{ background:#f7f8f9; padding:15px;}



/*内页*/

.leftNav{border:1px #efefef solid;border-bottom:0}
.leftNav li {position:relative;border-bottom:1px #efefef solid}
.leftNav li a,.leftNav li div{height:50px;line-height:50px;display:block;padding-left:2em;color:#666; position:relative; z-index:999;text-decoration:none}
.leftNav li a.now{background:#f7f8f9; border-left:2px #287abc solid;color:#666}
.leftNav li a:hover{background:#efefef}
.leftNav li.current dl dd a.now {background:#1ba1e2;color:#fff}

.leftNav li.current dl dd:last-child{display: none;}
.leftNav li span{float:right;margin-right:10px;font-size:14px;font-family:SimSun;}


.leftNav dd ul li {height:50px;line-height:50px;}
.leftNav dd ul li a{display:block;padding-left:45px; height:40px; line-height:40px;color:#fff;}


.leftNav li dl dt{font-weight:400;line-height:40px;margin-top:-40px; 
-webkit-transition: all .5s;
-moz-animation: all .5s;
-o-transition: all .5s;
transition: all .5s;
opacity: 0;
}

.leftNav li dl dd{height:40px;line-height:40px;margin-top:-40px;
-webkit-transition: all .5s;
-moz-animation: all .5s;
-o-transition: all .5s;
transition: all .5s;
opacity: 0;
}



.leftNav li dl dt a{padding-left:4em;height:40px;line-height:40px;display:block;color:#666}
.leftNav li dl dd a{padding-left:4em;height:40px;line-height:0px;font-weight:400}

.leftNav li.current dl dd{margin-top:0;opacity: 1;}
.leftNav li.current dl dt{margin-top:0;opacity: 1;}


.mainContact{overflow:hidden}


	.rightTitle{font-size:24px;color:#444;line-height:40px;border-bottom:1px #efefef solid;padding-bottom:10px;margin-bottom:10px;}
		.rightTitle span{font-size:12px;float:right;color:#787878}
			.rightTitle span em{margin:0 5px;font-family:SimSun;}
				.rightTitle span a{color:#787878}
	.rightBox{font-size:14px;line-height:1.8;color:#666}
	.rightBox p.indent{text-indent:2em; font-size:14px}
	.rightBox b.indent{display:block}

.leftContat{ clear:both;float:right;text-align:left;width:240px;padding-right:10px}

.newslist{margin:0 auto;}
.newslist dl{position:relative;margin-bottom:30px;}
.newslist dl dd{padding:0 0 35px;}
.newslist dl dd h3{font-size:24px;height:30px; overflow:hidden; margin-top:0; margin-bottom:0;}
.newslist dl dd h3 a{color:#333;}
.newslist dl dd h3 a:hover{color:#287abc;}
.newslist dl dd p{ font-size:13px;color:#666; font-size:14px;margin-top:10px;height:100px; line-height:20px;overflow:hidden}
.newslist dl dd p a{ color:#adacac;}
.newslist dl dd p a:hover{color:#adacac;}
.newslist dl dd p.Intro{ color:#7c7c7c;padding-top:10px;height:48px;overflow:hidden;}

.newslist dl dd span{font-size:18px;text-align:center;position:absolute; top:0; left:0; width:130px; height:120px; border-radius:3px; background:#51b017;box-shadow:0px 2px 3px #d9dbdb; color:#fff;}
.newslist dl dd span em{ display:block;font-weight:bold;font-size:60px; line-height:65px; padding:10px 0px 5px; margin-bottom:8px; border-bottom:1px solid #5db825; font-style:normal;}


.newsMain{width:1000px;margin:0 auto;background:#fff;}
	.newsTop {padding-bottom:20px;border-bottom:1px #efefef solid;overflow:hidden}
	.newsTop h1{height:50px;text-align:center;line-height: 50px;font-size:22px;}
	.newsTop h2{height: 25px;line-height:25px;font-size: 12px;text-align: center;color: #9f9f9f;}

.newsTop .share{width: 240px;float: right;margin-right: 30px; margin-top:15px;}

.newsContact{min-height: 600px;padding:45px 20px;background: #fff;line-height:26px;overflow:auto;zoom:1}
.newsContact img{
         max-width:900px;
     zoom:expression( function(elm) { 
         if (elm.width>900) { 
             var oldVW = elm.width; elm.width=900; 
             elm.height = elm.height*(900 /oldVW);
         }
         elm.style.zoom = '1';
     }(this));
} 

.pageBox{height:36px;margin:35px auto 30px; overflow:hidden}
	.pageBox ul {}
	.pageBox ul li{}

a.upPage,a.nextPage,a.listPage{display:block;background:#efefef;color:#666;height:34px;line-height: 34px;}
.pageBox a i{display:block;width:34px;line-height:34px;text-align:center;background:#287abc;color:#fff;font-family: SimSun;}
.nextPage{float:right}

a.upPage{ padding-right:10px;font-size:12px;}
a.nextPage{padding-left:10px;font-size:12px;}
a.listPage{padding:0 10px;width:100px;font-size:12px; margin:0 auto; text-align:center}
a.upPage i{margin-right:10px}
a.nextPage i {margin-left:10px}


.list5{ padding:30px 0 60px; margin-bottom:20px}
.list5 li{width:20%; float:left;}
	.list5 li div{margin:0 20px;}
	.list5 li span{width:32px; height:32px;float:left; margin-top:10px}
	.list5 li h1{ padding:0 10px; text-align:center; font-size:14px; line-height:1.8; color:#287abc}
	.list5 li h1 p{ color:#666}
	.lico1{background:url(../images/lico1.png) no-repeat}
	.lico2{background:url(../images/lico2.png) no-repeat}
	.lico3{background:url(../images/lico3.png) no-repeat}
	.lico4{background:url(../images/lico4.png) no-repeat}
	.lico5{background:url(../images/lico5.png) no-repeat}

/*解决方案*/
.wrap{ overflow:hidden}
.sleftNav{float:right;text-align:left;width:240px}
.sleftTitle{font-size:24px;color:#444;padding-right:30px;}
.sleftNav dl{ margin:10px 0 50px}
.sleftNav dt{font-size:14px;font-weight:700;color:#666;height:40px;line-height:40px;padding-left:1.5em;overflow:hidden}
.sleftNav dd{height:36px;line-height:36px;border-bottom:1px #efefef solid;overflow:hidden}
.sleftNav dd a{display:block;padding-left:3em; color:#666}
.sleftNav dd a:hover,.sleftNav dd a.now{background:#006ebd;color:#fff}


.solutionRightBox{ padding:20px 0 ;font-size: 14px;line-height: 1.8; color: #666;}
.solutionLeft{padding:40px 0 0 0;background:#f7f8f9;padding-bottom:100000px;margin-bottom:-100000px;_padding-bottom:0;_margin-bottom:0;}
.solutionRight{padding:40px 0 0 0;padding-bottom:100000px;margin-bottom:-100000px;_padding-bottom:0;_margin-bottom:0;}
.solutionRightCenter{padding-left:50px;}

.solutionBox{margin:0 auto;line-height:1.8;}
.solutionBox h1{font-size:24px;height:30px;margin:0 0 10px 0;}
.solutionBox h2{font-size:14px;font-weight:700;margin:0 0 30px 0;}
.solutionBox h3{font-size:14px; margin:20px 0 10px}
.solutionBox p{ margin-bottom:10px}
.solutionBox .list4{ overflow:auto; margin:10px 0}
.solutionBox .list4 li{ float:left; width:25%;}
.solutionBox .list4 li div{ margin:10px; padding:10px; text-align:left; min-height:100px; background:#efefef}
.solutionBox .list3 li{ width:33.333333333%}
.solutionBox .list5{ padding:0}
.solutionBox .list5 li{ float:left; width:20%;}
.solutionBox .list5 li div{ margin:10px; padding:10px; text-align:left; text-align:center; line-height:60px; background:#efefef}



/*代理*/
.proList8{margin-bottom:50px;}
.proList8 li{float:left;width:50%; height:150px; margin-bottom:20px;}
.proList8 li div{background:url(../images/8bg.png) no-repeat; width:528px;height:149px;margin:0 auto}
.proList8 div em{display:block;font-size:16px; padding-left:13px;line-height:32px; color:#fff; font-weight:700}
.proList8 li div em i{color:#fff;font-weight:700;font-size:20px; margin-right:30px;}
.proList8 div p{color:#666; padding:15px 100px 15px 120px; display:block;height:100px}
.proList8 li div.right_Bg{background:url(../images/8bg2.png) no-repeat;}
.proList8 .right_Bg em{text-align:right;padding:0 13px 0 0;}
.proList8 li .right_Bg em i{margin:0 0 0 30px;}
.proList8 .right_Bg p{padding:15px 120px 15px 100px;}


.list6 li{float:left;width:16.666666%;}
	.list6 li div{border:1px #efefef solid;border-width:0;background:rgba(255,103,0,.9);}
		.list6 li div h1{line-height:30px; text-align:center;color:#fff;font-weight:700;font-size:16px;padding:10px; margin:0 20px; border-bottom:1px rgba(0,0,0,.1) solid}
		.list6 li div h2{ height:180px;color:#fff; line-height:1.5;padding:20px;font-size:14px;text-align:left}
		.list6 li div h3{ height:60px; line-height:60px; background:rgba(0,0,0,.5); color:#fff; font-size:30px;font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif}
			.list6 li div.right_d{margin-top:60px;background:rgba(255,103,0,.7);}



.list2{ width:800px; margin:0 auto}
	.list2 li{ float:left; width:50%;}
		.list2 li div{ margin:0 }
		.list2 li div h1{ background:rgba(255,255,255,.2); line-height:60px; font-size:16px;text-align:center;margin-bottom:80px; position:relative}
			.list2 li div h1:after{ content:""; position:absolute; left:50%; bottom:-75px; margin:0 0 0 -1px; height:70px; width:1px;background:rgba(0,0,0,.2)}
		.list2 li div span{background:rgba(187,39,34,.8);display:block; height:80px;line-height:80px; text-align:center; color:#fff; font-size:14px;margin-bottom:20px; position:relative;}
		  .list2 li.r div  span{background:rgba(0,0,0,.5); color:#999}

.joinBook{margin:0;background:rgba(255,103,0,.8);margin:80px auto; height:320px;}
	.joinBook h1{padding-top:10px;line-height:60px; color:#fff; font-size:28px; text-align:center}
.joinBook ul{padding:20px 50px}
.joinBook li{margin-bottom:10px; width:33.333333%; float:left}
.joinBook li div{padding:0 10px}
.joinBook li label{display:block;color:#fff; margin-bottom:5px; font-weight:400}
.joinBook li input{border:0;padding:5px 10px; height:36px; line-height:36px; width:100%;}
.joinBook li .btn{display:block;margin:0; padding:0;background:rgba(0,0,0,.4);border-radius:0; border:0; height:40px; line-height:40px;color:#fff}

.joinBook2{ height:250px; background:none; margin:0 auto}
	.joinBook2 h1{color:#333}
		.joinBook li label{color:#333}
.joinBook2 li .btn{ background:#287abc}	
	.joinBook2 li input{ background:#dedede}


.serverTable{clear:both;width:100%}
	.serverTable thead{background:#eaeaea;}
	.serverTable thead td{color:#333;height:50px;line-height:50px;padding:0 20px; }
	.serverTable tbody td{height:50px;line-height:50px; padding:0 20px; overflow:hidden;border-bottom:1px #efefef solid}
.serBtn{display:block;margin:10px 0}


/*定制*/
.list7 li{float:left;width:180px; text-align:center}

.indexTb_{width:400px; margin:0 auto}
.indexTb_ ul{height:60px;}
.indexTb_ li{height:50px;line-height:50px;cursor:pointer; width:200px; float:left; text-align:center; margin-bottom:30px;font-size:14px}
.iNormaltab     {background:rgba(0,0,0,.2); color:#fff}
.iHovertab      {background:#006ebd; color:#fff}
.dis{display:block;}
.undis{display:none;}



.jbg2{ background:url(../images/jbg2.jpg) center 0 repeat-x;height:auto;transition: all ease .5s;}
.jbg3{ background:url(../images/jbg3.jpg) center 0 repeat-x;height:850px;transition: all ease .5s;}
.jbg4{ background:url(../images/jbg4.jpg) center 0 repeat-x;height:850px;transition: all ease .5s;}

.jlist5 li{float:left; width:25%; height:327px; margin-bottom:40px;text-align:center;}
	.jlist5 li p{margin-top:10px;color:#fff;}
	.jlist5 li img{ width:100%;}


.soluListBox{margin:0; height:350px;}
.soluListBox .box{height:auto;}
	.soluListBox .imgBox{position:relative;}
	.soluListBox .imgBox img{ width:100%}
		.soluListBox .imgBox:after {content: "";width:100%;height:100%;position: absolute;z-index:1;left: 0;bottom: 0;
		background: -moz-linear-gradient(135deg, rgba(0,0,0,.6), rgba(1,112,193,.2));
		background: -webkit-gradient(linear,100% 100%,0 0,from(rgba(0,0,0,.6)),to(rgba(1,112,193,.2)));
		background: -webkit-linear-gradient(135deg, rgba(0,0,0,.6), rgba(1,112,193,.2));
		background: -o-linear-gradient(135deg, rgba(0,0,0,.6), rgba(1,112,193,.2));
		transition: all ease .3s;
		}
	.soluListBox .txt{padding:20px;font-size:24px; position:absolute; left:0; top:0;right:0;bottom:0; z-index:10}
		.soluListBox .txt h1{font-size:24px;margin-top:200px;padding-bottom:15px; text-align:left; margin-bottom:10px;line-height:1.3;color:rgba(255,255,255,.8);transition: all ease .3s;}
.soluListBox a{display:block;position:relative;margin-top:0;transition: all ease .3s;}
	.soluListBox a{color:#fff;transition: all ease .3s;}
	.soluListBox a:hover{color:#fff}
	.soluListBox a:hover .imgBox:after{
		background: -moz-linear-gradient(135deg, rgba(1,112,193,.9), rgba(212,235,252,.5));
		background: -webkit-gradient(linear,100% 100%,0 0,from(rgba(1,112,193,.9)),to(rgba(212,235,252,.5)));
		background: -webkit-linear-gradient(135deg, rgba(1,112,193,.9), rgba(212,235,252,.5));
		background: -o-linear-gradient(135deg, rgba(1,112,193,.9), rgba(212,235,252,.5));
	}
	.soluListBox a:hover .txt h1{margin-top:160px;border-bottom:5px rgba(255,255,255,.5) solid; color:rgba(255,255,255,.9)}
	.soluListBox a:hover .txt h3{opacity:1;margin:10px 0;}
	.soluListBox a:hover .txt .more{opacity:1;margin:10px auto}
	.soluListBox a:hover .txt .more:hover{ background:#fff}

.j_caseList{ clear:both; margin-top:40px}
.j_caseList dt{ font-size:24px; color:#fff; font-weight:400}
.j_caseList dd{ margin-top:20px}
.j_caseList li{float:left;width:25%;margin-bottom:20px}
.j_caseList li .caseImg{text-align:center;position:relative; margin-right:15px;border-radius:3px 3px 0 0}
.j_caseList li .caseImg img{width:100%;border-radius:3px 3px 0 0}
.j_caseList li .caseTxt{ text-align:left; height:80px; padding:0 10px;background:#fff}
.j_caseList li .caseTxt h1{height:32px; line-height:32px; font-size:15px;overflow:hidden}
.j_caseList li .caseTxt h2{height:20px; line-height:20px; overflow:hidden}
.j_caseList li .caseImg .ewmBox{position:absolute;left:0;bottom:0;width:100%; height:0; overflow:hidden;background:rgba(0,0,0,.8);transition: all ease .3s; text-align:center; opacity:0}
.j_caseList li .caseImg .ewmBox h1{color:#fff;font-size:15px; margin-top:60px; height:30px;line-height:30px; overflow:hidden}
.j_caseList li .caseImg .ewmBox h2{color:#fff;font-size:15px; margin-top:10px; height:30px;line-height:30px; overflow:hidden}
.j_caseList li .caseImg .ewmBox h3{ margin-top:20px; color:#77b5e2}

.j_caseList li .caseImg .ewmBox img{width:150px;height:150px;border-radius:0;margin:25px auto 10px}
.j_caseList li a:hover{ color:#333}
.j_caseList li a:hover .caseImg .ewmBox{ opacity:1;height:220px}

.j_caseList li .caseTxt{ background:#efefef}	
	
	
/*pro*/
.list8{}
.list8 li{width:50%;float:left; margin-bottom:10px;}
.list8 li a{display:block;margin:0 5px;background:#efefef;height:460px;position:relative;overflow:hidden;transition: all ease .3s;}
.list8 li .imgBox{ margin:15px;text-align:center;transition: all ease .3s;}
.list8 li .imgBox img{width:100%; height:auto;}
.list8 li a h1{background:rgba(255,191,0,0); text-align:center;font-size:14px;line-height:26px; height:26px; overflow:hidden; color:#2f3239;}
.list8 li a p{font-size:12px;padding:0 10px; text-align:center; color:#666}
.list8 li a i{display:block; background:#006ebd; width:100px; height:30px; line-height:30px;text-align:center;color:#fff; position:absolute; left:50%; bottom:-40px; margin-left:-50px; opacity:0;transition: all ease .3s;}
.list8 li a:hover .imgBox{ }
.list8 li a:hover i{ opacity:1; bottom:15px;}
.list8 li .frist{background:#ffbf00;margin:0 5px;height:300px;}
.list8 li .frist h1{font-size:24px;line-height:60px; padding:20px;overflow:hidden;text-align:center; color:#2f3239}
.list8 li .frist ol {padding:0 5px}
.list8 li .frist ol li{float:left; width:50%;}
.list8 li .frist ol li a{display:block;height:32px;line-height:32px;background:#ffbf00; overflow: visible; text-align:center; color:#fff;position:static}
.list8 li .frist ol li a span{position:relative;}
.list8 li .frist ol li a span:after {content: "";width:0;height:2px;background:rgba(0,0,0,.6);position: absolute;z-index:1;left: 0;bottom:-10px;transition: all ease .3s;}
.list8 li .frist ol li a:hover span:after{width:100%}
.list8 li .last{margin:0 5px; height:300px;background:#ffbf00}
.list8 li .last h1{font-size:24px;line-height:60px; padding:20px;overflow:hidden;text-align:center; color:#2f3239;}



/*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:#287abc;color:#fff}
.page span{width:36px;height:36px;line-height:36px;color:#fff;float:left;display:block;background:#0a548f ;margin-right:10px;}
.page a.now{background:#287abc ;color:#fff}

.kefu{position:fixed;right:0;bottom:0;z-index:9999999;display:block;margin-bottom:0;}
.kefu li{list-style:none;}
.kefu a{display:block;overflow:hidden;margin-top:2px;width:50px;height:50px;background:#287abc url(../images/kefu.png)no-repeat;text-indent:-9999px;}
.kefu a:hover{background-color:#f67000;}
.kefu a.kefu-fh{background-position:0 0;}
.kefu a.kefu-dh{background-position:0 -50px;}
.kefu a.kefu-gt{background-position:0 -100px;}
.kefu a.kefu-yy{background-position:0 -150px;}
.kefu a.kefu-wx{background-position:0 -200px;}
.kefu a.kefu-fx{background-position:0 -250px;}
.kefu a.kefu-top{background-color:#4d4d4d;background-position:0 -300px;}

.tos-wrapper.tos-has-bullets .tos-uibg{ height:0}

#examp-4-3,#examp-4-4{ display:none}



/*底部*/
.footer{clear:both; border-top:2px #287abc solid;background:#343536 url(../images/footer.jpg) no-repeat ;padding:20px 0;height:382px;color:#999;text-align:center; position:relative}
.footNav{float:left;margin-right:10px;text-align:left;width:100px}
	.footNav dt{color:#fff;font-size:12px;height:40px;line-height:40px;margin-bottom:10px}
	.footNav dt span{display:block;font-size:14px;border-bottom:2px #287abc solid;float:left}
	.footNav dt em{display:block;border-bottom:2px #fff solid;float:left;padding:0 5px}
	.footNav dd{height:30px;line-height:30px}
	.footNav a{color:#fff}
	.footNav dd a:hover{color:#fff}

.footAdd{margin-top:10px;float:left; text-align:left}
.footBottomRight{float:left; width:300px;}	
.footBottom{ position:absolute;left:0;bottom:0;text-align:center;background:#212223; width:100%;line-height:2;color:#999; font-size:12px; padding:20px 0}
.weixin{ float:right; width:150px; height:150px;margin-top:20px; margin-right:25px;}
.weixin p{ text-align:center; color:#fff}	


@media (max-width: 767px){ 
.tb_{ display:none}
.footBottomRight{ float:none; width:auto}
.footAdd{ float:none; text-align:center; margin:0}
.navBox{ margin-top:0}
.navbar-toggle{}
.container{ width:100%;}
.banner img{ width:100%}
.title h1{ margin-bottom:20px}
.aboutBoxBg{ width:100%; height:auto; min-height:auto; margin:10px 0;background:none}
	.about_Right{ float:none; width:100%}
		.aboutTxt{ padding:0}
		.aboutTxt h1{ margin:10px 0; font-size:24px}
		.aboutTxt p{ margin-bottom:5px}
.bg_eee{ height:auto}		
.caseList { width:auto}		
.caseList li{ width:100%; margin-right:0; margin-bottom:10px}
.newsBox ul li{ width:100%}	
.list4 li{ width:50%;}
	.list4 li .box{ margin:10px; padding:0; height:auto;}
.ico_2,.ico_3,.ico_5,.ico_6{ display:none}
.title h1{ font-size:22px; margin:20px 0}	
.caseList .box{ padding:0; margin-bottom:10px}	
.caseList{ max-height:auto}
.caseList li a .bg .caseName{ margin:0}
.caseList li a .bg{ height:40px; line-height:40px; bottom:10px}
.caseList li a .bg .caseName h1{ height:40px; line-height:40px; }
.caseList li a .bg .caseName h1:after{ display:none}
.caseList li a .bg .caseName h1:before{ display:none}
.newsBox ul li a { margin:0}	
.newsBox ul li h2{ height:auto; line-height:1.5}	
.newsBox ul li{ height:auto}
.pList8 li{ width:50%; height:auto}
.footTop{ height:auto; padding:0}
.footNav{ display:none}
.weixin{ margin:10px auto; float:none}
.footBottom{ line-height:1.5; text-align:center; padding:10px 0; height:auto}
.footer{ padding-top:10px; background-size:cover}	
a.navbar-brand{ width:280px; background-size:100%; margin-top:15px}
.navbar-brand img{ height:60px}
.logo{ width:auto; margin-top:0; padding:0}
	.userBox img{ float:none; clear:both;}

	.navbar-collapse{border:0;position: absolute;right: 0; left: 0; z-index:99}
.navbar-default .navbar-collapse {border-width: 0; margin-top:-2px;}
.nav{background-color:#006ebd;margin-top:-2px; height:500px; overflow-y:auto}
.nav li a{padding:10px;font-size:14px;text-align: left; color:#fff}
.nav li ul.listClass{display:block;margin-left:60px;background:none;position:static;-webkit-box-shadow:none;box-shadow:none; border-bottom:0}
.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;}
.nav li ul.listClass li a{border:0;box-sizing:border-box;text-align:left;font-size:14px}
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{ margin:0}
.banner, .mainBanner{ height:auto; background-size:cover}
.joinBg{ padding:0}
.aboutBox{ margin:10px auto; height:auto; background:none; padding:0}	
	.aboutBox img{ width:100%; height:auto}
.container-fluid{ padding:0  0 15px}
.mainBanner{ background-size: cover;height:auto; padding-bottom:20%}	
.mainBannerBg{ height:auto}
.mainTitle{display:none}
.classList li{ width:33.33333%; margin-bottom:0}	
.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}
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-top:20px; padding-bottom:20px}
.main{ margin:0}
.mainLeft,.mainRight{margin:0; padding:0}
.padding0{padding:0 15px}
.newslist dt{ display:none}
.newslist dd .newsListTxt{ padding-right:0}
.newsInfobox{ padding: 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}
	.bannerBox{margin-top: 90px;}
.newsListbox{ padding:0 0 80px }	
.line span{ display:none}
.productBox{ margin:20px 0 0}
.listBox{ margin-top:20px}
.t-h1{ margin-top:20px}
.proRight h2{ margin-top:0}
.productBox .txt{ position:absolute;left: 0;bottom: 0; right: 0;}
.productBox .txt h2{opacity:1}
.productBox .txt h3{opacity:1}
.productBox .txt h4{opacity:1}
.navbar-collapse{max-height:400px;}
.navbar-collapse.in{overflow-y:auto;width:100%;margin:0; z-index:999999}
.nav li a.now{ color:#fff; border-bottom:0}
.bootomBox{ position:static; background:none; height:auto}
.blueBox{ height:180px; position:static;margin-top:15px}
.bootomBox .bBox_Relative{ position:static; height:auto;}
.slider{ height:auto}
.newsLeftBox{ width:100%; height:auto; margin:0; float:none}
.newsCenterBox,.newsRightBox{ width:50%; height:auto;margin:0 0 15px 0}
.mainBox img{ width:100%; height:auto}

#example-4-3{ display:block; opacity:1}
.productList li{ height:290px}
.list8 li a{ height:210px}
.classList{ overflow:auto;zoom:1; height:auto}
.soluListBox{ width:50%; height:auto; float:left}
.soluListBox .box{ padding:0; margin:5px}
.soluListBox .txt{ padding:10px}
.soluListBox .txt h1{ margin-top:120px; font-size:24px}
#example-4-1{ display:none}
.navbar{ height:72px}
.nav i{ display:none}
.smallLogo{ display:none}
.indexTb_{ width:100%}
.indexTb_ li{ width:50%}

.list5{ display:none}
.main{ padding:10px 0 10px}
.title{ margin:0 0 40px 0}
.nav li{ float: none}
.navbar,.navbar-collapse{border:0; background:#006ebd;}
.tel{ display:none; float: none;width:325px; height:40px;margin:0 auto}
	.tel img{ width:325px; height:40px;  }
.solutionRight{ padding:0; margin:0 10px}
.solutionRightCenter{ padding:0 15px}
.rightTitle span{ float:none; display:block}
.newsContact img{ max-width:none; width:100%}
.newsTop h1{ height:auto;line-height:1.6}
.newsContact{ padding:10px}
.list3 li div{ height:auto}
.topBg{ height:84px}
.left,.right{ width:100%; float:none}
.right .box_right,.left .box{ padding:0}
.bg:before{ width:100%; background-size:cover}
.smallNavBar{ display:none}
.line,.ctt{ padding:0 15px}

}