﻿@charset "utf-8"; 
/*全局初始化样式*/
body{ padding:0px; margin:0px auto; color: #666; width: 100%; zoom:1;

/*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none; 

/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0); 
-webkit-tap-highlight:rgba(0,0,0,0);

/*控制文本可选性*/
-webkit-user-select: none; 
    -ms-user-select: none;
   -moz-user-select: none;
 -khtml-user-select: none;
        user-select: none;
        
/*设置字体的抗锯齿或者说光滑度*/
-webkit-font-smoothing: antialiased;
position:relative;
background:#f8f8f8;
}

ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px;}
/*默认去除ul、li的默认样式*/
ul,li{  margin: 0;} 
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446;} 
/*表单元素获得焦点时不显示虚线框*/
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ } 
/*不允许多行输入文本框有滚动条*/
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ } 
/*初始化表单元素样式*/
textarea,input,select {background:none; border:none; margin:0; padding:0;}
/*初始化HTML5标签样式*/
audio,canvas,progress,video { display: inline-block; vertical-align:baseline;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display:block;}
/*去除figure边距*/
figure,figcaption{ margin:0px; padding:0px;}

/*初始化图片样式*/
img{ border:none; border:0; max-width:100%; vertical-align:top;width: 100%}

/*初始化a的样式和字体样式*/
a{ color:#333; text-decoration:none; noline: -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ color: #333;text-decoration:none !important;}
a:visited{text-decoration:none !important;}
/*清楚浮动*/
.clear{ clear:both; height:0px; overflow:hidden;} /*清除浮动*/
/*全局样式*/
.contentCon,
.HomeCon{max-width:1200px; padding: 0 1%; margin:0 auto;}
.contentCon{ margin:0 auto 1%;}
.contentBox{ float:right; background:#fff; width:100%;/* border:1px solid #c9c9c9;*/ padding:1% 2.2%; min-height:500px;}


/*头部*/

.topBar{ background:#323940; font-size:12px; color:#fff; height:30px; line-height:30px;}
.topBar .topCon{ max-width:1200px; padding:0 1%; margin:0 auto;}
.topBar .BarLeft{ float:left; padding-left:26px; background:url(../images/topsmile.png) no-repeat left center;height:30px;}
.nav > li > a:focus, .nav > li > a:hover{ background:none;}
.navbar-brand{ width:50%;}
.navbar-brand img{ width:auto; height:100%;}
.navbar-toggle{ border-color:#00a0e9}
.navbar-toggle .icon-bar{ background:#00a0e9}
.nav li{ position:relative;}
.nav li.onnav{ background:#00a0e9; color:#fff;}
.nav li.onnav .navA{ color:#fff;}
.nav li dl{ display:none;  position:absolute; white-space:nowrap; top:58px; left:0; /*background:rgba(255,255,255,0.6);*/ background:#fff; padding:0 10px; font-size:0; height:40px; line-height:40px;}
.nav li dl dd{ display:inline-block; vertical-align:middle;}
.nav li dl dd a{ display:inline-block; padding:0 10px; line-height:40px; font-size:14px; color:#333;z-index:30;}
.nav li dl dd a:hover{ color:#00a0e9;}
.nav li dl.last{ left:auto; right:0;}

.BarRight{ display:none; width:35%; height:36px; line-height:36px; color:#fff; }
.BarRight .search{ float:left; width:30%;position:relative; cursor:pointer;border-left: 1px solid #888c90;}
.BarRight .searchIco{background:url(../images/searchIco.png) no-repeat left center; padding-left:21%; margin-left:29.9%; font-size:13px;}
.BarRight .searchBox{ position:absolute; display:none; right:0; top:36px; height:40px; width:170px; padding:5px; z-index:31; background:#00a0e9;}
.BarRight .searchBox input{ float:left; width:120px; padding:0 10px; height:30px; background:#fff; line-height:30px;}
.BarRight .searchBox a{ float:left; width:40px; height:30px; background:#00a0e9 url(../images/searchIco.png) no-repeat center center;}
.BarRight .langurage{ width:30%; float:left; position:relative; background:#00a0e9; height:36px; cursor:pointer;} 
.BarRight .langurage span{ position:relative; display:inline-block; width:100%; line-height:36px; color:#fff; text-align:center;}
.BarRight .langurage span i{ position:absolute; display:block; height:0; border-top:4px solid #fff;border-left:4px solid transparent;border-right:4px solid transparent; top:50%; margin-top:-2px; right:14.5%;}
.BarRight .langurage dl{ display:none; position:absolute; top:36px; left:0;line-height:30px; text-align:center; z-index:31; width:100%;background:#00a0e9}
.BarRight .langurage dd a{ color:#fff; display:block; padding:5px 0;}
.BarRight .gu{float: left;text-align: center;width:40%;}
/*头部*/

/*底部*/
.home-bottom{ background:#323940;color:#818487; height:46px; line-height:46px;}
.home-bottom .BtmCon{ max-width:1200px; padding: 0 1.5%; margin:0 auto;}
.home-bottom .cop{ float:left; font-size: 13px;}
.home-bottom .btmRight{ float:right; text-align:left;}

.bdsharebuttonbox{ float:left; width:100%; padding:1% 0%; display:none;}
.bdsharebuttonbox a{ height:25px !important; width:25px !important; float:left; padding:0;}
.bds_tsina{ background:url(../images/share.png) no-repeat left top !important;}
.bds_tqq{ background:url(../images/share.png) no-repeat -34px 0px !important;}
.bds_renren{ background:url(../images/share.png) no-repeat right top !important;}

/*内页底部*/
.Bottom{ width:100%; background:#00a0e9; color:#fff; padding:2% 1%;}
.Bottom a{ color:#fff;}
.Bottom a:hover{ text-decoration:underline;}
.Bottom .footerleft,
.Bottom .rightWeixin,
.bdsharebuttonbox{ display:none !important;}

.Bottom .footerCopy{ text-align:center;}
.footerleft{ font-size:14px;font-family:"微软雅黑";}
.footerleft .leftInfo p{line-height:27px; margin:0;}

@media screen and (min-width:1024px) {
    .Bottom .footerleft,
    .Bottom .rightWeixin,
    .bdsharebuttonbox{ display:block !important;}

    .Bottom{ padding:20px 0;}
    .Bottom .footerWapp{ width:1200px; margin:0 auto;}

    .Bottom .footerleft{ width:472px; float:left; padding-top:25px;}
    .Bottom .footerright{ width:448px; float:right; padding-right:15px;}

    .Bottom .slogo,
    .Bottom .slogo img{ width:179px; height:81px;}
    .Bottom .slogo{ float:left;}
    .Bottom .leftInfo{ width:280px; float:right; padding-left:13px; border-left:1px #E8E8E8 solid;}

    .Bottom .linkbox{ width:210px; float:left; padding: 25px 0 0 15px;}
    .Bottom .linkbox .ti{ font-weight:bold; font-size:14px; padding-bottom:5px;}
    .Bottom .linkbox li{ list-style:none; line-height:1.8; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

    .Bottom .footerCopy{ width:324px; float:left; text-align:left; padding-top:16px;}
    .Bottom .rightWeixin{ width:108px; float:right; text-align:center; font-size:12px;}
    .Bottom .rightWeixin img{ width:93px; height:93px;}
    .Bottom .rightWeixin p{ margin:0; line-height:30px;}

    .Bottom .bdsharebuttonbox{ float:none;}

}


/*底部*/
/*分页*/
.Pages{ line-height:32px; zoom:1; text-align:center;color:#333; overflow:hidden; padding:2% 0; max-width:855px; margin:0 auto;}
.Pages span{ padding:0px 5px; display:inline-block;}
.Pages a{ display:inline-block; color:#333;}
.Pages .p_cur,.Pages .p_count,.Pages .p_total{ display:none;}
/*.Pages .p_cur{ float:left;}*/
.Pages .p_cur b{ color:#F00;}
/*.Pages .p_count{ float:left;}*/
.Pages .p_count b{ color:#F00;}
/*.Pages .p_total { float:left;}*/
.Pages .p_total b{ color:#F00;}
/*.Pages .p_page{ float:right;}*/
.Pages .p_page{ }
.Pages .p_page em{ font-style:normal; font-family:"微软雅黑"; display:none; margin:0 5px;}
.Pages .p_page .a_first,
.Pages .p_page .a_end{ display:none;}
.Pages .p_page .a_prev{ height:30px; width:72px; background:url(../images/pageBtn.png) no-repeat left top;}
.Pages .p_page .a_next{ height:30px; width:72px;background:url(../images/pageBtn.png) no-repeat right top;}
.Pages .p_page .a_prev:hover{background:url(../images/pageBtn.png) no-repeat left bottom; }
.Pages .p_page .a_next:hover{background:url(../images/pageBtn.png) no-repeat right bottom; }
.Pages .p_page em a{ padding:0px 15px; color:#666;  border-right:0;}
.Pages .p_page em a.a_cur,.Pages .p_page em a:hover{ color:#00a0e9;}
.Pages .p_page b{ font-weight:normal;}
.Pages .p_jump{ display:none}
/*分页*/

/*菜单选项*/
.menuNav{ float:left; width:100%; margin-bottom:2%;}
.menuTop{ display:none; background:#00a0e9; font-size:24px; line-height:34px; padding:15px 0 0 20px;margin-bottom:10px; color:#fff; position:relative; width:100%; height:87px;}
.menuTop i{ position:absolute; color:#71c8f1; font-size:13px; top:44px; left:20px; font-style:normal; text-transform:uppercase; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.menuNav nav{ width:100%; background:#fff;}
.menuNav .menuList{/* border-top:1px solid #c9c9c9;*/}
.menuNav li{ list-style:none;}
.menuNav li > a{ border-bottom:1px solid #c9c9c9; display:block; position:relative;}
.menuNav li i{ position:absolute; display:block; height:16px; width:16px; background:url(../images/menu.jpg) no-repeat; top:50%; margin-top:-8px; right:2%;}
.menuNav li.onmenu > a{ border-bottom:1px dashed #fff; background:#00a0e9;}
.menuNav li > a:hover{ border-bottom:1px dashed #fff; background:#00a0e9;}
.menuNav li.onmenu i,
.menuNav li:hover i{ background:url(../images/menuon.jpg) no-repeat;}
.menuNav li .menuA{ display:inline-block; padding:2% 2.5%; font-size:16px; width:100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.menuNav li > .menuA:hover,
.menuNav li.onmenu > .menuA{ color:#fff;}

.menuNav li dl{ padding:10px 20px; display:none; background: #D8D8D8;}
.menuNav li dd{ line-height:24px;}
.menuNav li dd a{ display:block;color:#00A0E9;text-indent: 14px}
.menuNav li dd a:hover,
.menuNav li dd.onsubmenu a{font-size:16px;}


.menuBtm{ display:none; background:#fff;/*border-top:1px solid #c9c9c9; */margin-top:7%;}
.BtmList{border-bottom:1px solid #c9c9c9;border-top: none; font-size:16px; position:relative; font-weight:bold; color:#444444;padding:22px 0 0 20px;width:100%; height:98px; display:block;}
.BtmList i{position:absolute; color:#666666; top:52px; left:20px; font-style:normal; font-weight:normal;}

/*导航*/
.current{ padding:1.5% 0 2.5%; line-height:22px; border-bottom:1px solid #c9c9c9; color:#999; display:none;}
.current a{ color:#999;}
.current span,
.current a:hover{ color:#00a0e9;}
.current .columnName{ float:left; color:#00a0e9; font-size:20px;}
/*单篇*/
.singepage{ line-height:24px; font-size:13px; color:#999999; padding:5% 0;}


/************************** 以下是页面样式 *************************/
/*banner*/

.homeban-2{ position:relative; padding:0; margin:0 auto; overflow: hidden;}
.homeban-2 .banlist,
.homeban-2 .banlist li,
.homeban-2 .banlist li img{ width:100%;}
.homeban-2 .banlist li{float: left;list-style:none; text-align:center}

.homeban-2 .tablist{ position:absolute; list-style:none; text-align:center; width:100%; left:0; bottom:10px; z-index:3; font-size:0; text-align:center;}
.homeban-2 .tablist li{ width:8px; height:8px; margin:0 5px; display:inline-block; cursor:pointer; background:url(../images/H_adDot.png) no-repeat left top; text-indent:-5000px;}
.homeban-2 .tablist li.on{ background:url(../images/H_adDot.png) no-repeat right top;}

.ban{ margin-bottom:1%;}
/*首页*/


/*首页*/

/*合作伙伴*/
.partnerList,
.honorList,
.videoList{ list-style: none; padding:5% 0;}
.partnerList li,
.honorList li,
.videoList li{ margin:1%; width:48%; float:left; height:auto; text-align:center;}
.partnerList li a,
.honorList li a,
.videoList li a{ display:block;}
.partnerList li img,
.honorList li img,
{ width:100%; height:auto; border:1px solid #999;}

.partnerList li span{ display:inline-block; width:100%; padding:0 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:34px; font-size:16px;}



/*合作伙伴*/

/*视频中心*/
.videoList{ padding:2% 0 0 0;}
.videoList li{ text-align:left;}
{ width:100%; height:auto; border:1px solid #999;}
.videoList li a{ position:relative;}

.videoList li .hover{ display:none; position:absolute; z-index:4; top:0; left:0; width:100%; background:#03a1e9; opacity:0.8;-moz-opacity:0.8;-ms-opacity:0.8;-o-opacity:0.8;-webkit-opacity:0.8;}
.videoList li .hover i{ position:absolute; display:inline-block; top:50%; margin-top:-5px; left:50%; margin-left:-9px; background:url(../images/prolistjt.png) no-repeat; height:10px; width:18px; }
.videoList li .ico{ position:absolute; display:inline-block; width:100%; background:url(../images/video.png) no-repeat center center; top:0; left:0; opacity:0.8;-moz-opacity:0.8;-ms-opacity:0.8;-o-opacity:0.8;-webkit-opacity:0.8; z-index:5;}
.videoList li .tit{ display:inline-block; width:100%; padding:0 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:40px; font-size:14px;}

.videoList li a .videoImg{position: absolute; top:1.5%;left: 1.5%;height: 58.5%;width: 96.5%;}



/*视频中心*/

/*产品中心*/

/*产品中心*/

/*工程业绩*/
.project{ padding:2.5% 0 2%;}
.projectTab{ width:100%; position:relative; float:left;}
.projectTab .hd{ position:absolute; bottom:10px; right:0; z-index:5; font-size:0; width:100%; line-height:20px;  color:#fff;}
.projectTab .bd{ width:100%; height:auto; overflow:hidden}
.projectTab .bd a{ display:block; width:100%; height:auto; }
.projectTab .hd ul{ font-size:14px; width:100%; text-align:right;}
.projectTab .hd li{ list-style:none; text-align:right; display:inline-block; margin-right:2%; color:#989999; border-bottom:1px solid #989999; padding-right:3%; font-weight:bold; cursor:pointer;}
.projectTab .hd li.on{ color:#f68421; border-bottom:2px solid #f68421;}
.projectTab .bd li{ list-style:none; float:left; width:100%;position:relative;}
.projectTab .bd li img{ width:100%; height:auto}
.projectTab .bd li span{ position:absolute; height:40px; line-height:40px; text-align:center; padding-left:3%; bottom:0; left:0; z-index:4; color:#fff; display:inline-block; width:100%;background:#000; opacity:0.8;-moz-opacity:0.8;-ms-opacity:0.8;-o-opacity:0.8;-webkit-opacity:0.8;}
.projectList{ list-style:none; margin:0 -1%;}
.projectList li{ float:left; width:48%; margin:4% 1% 0%; position:relative;}
.projectList li img{ width:100%; height:auto;} 
.projectList li .tit{ display:inline-block; width:100%; padding:0 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; color:#95989b; padding-top:3px;}
.projectList li .hover{ display:none;position:absolute; z-index:4; top:7%; left:0; width:100%; background:rgba(3,161,233,0.8); color:#fff;text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c803a1e9,endColorstr=#c803a1e9);}
.projectList li.first .hover{ top:0;}
.projectList li .hover i{ position:absolute; display:inline-block; top:64%; left:50%; margin-left:-9px; background:url(../images/prolistjt.png) no-repeat; height:10px; width:18px; }
/*工程业绩*/

/*新闻中心*/
.news{ padding:2.5% 0 2%;}
.newsTab{ position:relative;}
.newsTab .hd{position:absolute; bottom:0; left:0; width:100%; z-index:3}
.newsTab .hd ul{ font-size:0; padding-left:30%;  display:none;} 
.newsTab .hd li{ list-style:none; width:7px; margin:0 3px; height:7px; background:#666; border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%; display:inline-block;}
.newsTab .hd li.on{ background:#00a0e9;}
.newsTab .bd li{ list-style:none; float:left;}
.newsTab .bd li a{ display:block;}
.newsTab .bd li a img{ float:left; width:100%;}
.newsTab .bd li a .info{ }
.newsTab .bd li a .tit{ display:inline-block; width:100%; padding:2% 0; color:#00a0e9}
.newsTab .bd li a .tit .name{ display:inline-block; width:70%;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; vertical-align:middle; vertical-align:middle;}
.newsTab .bd li a .tit time{ float:right;}
.newsList{ list-style:none; padding-top:2.5%;}
.newsList li a{ display:block; padding:2% 0; line-height:22px; position:relative; padding-left:10px; overflow:hidden; color:#666666;}
.newsList li a i{ position:absolute; top:50%; left:0; margin-top:-2px; display:inline-block; height:0; overflow:hidden; border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #666;}
.newsList li a .title{ display:inline-block; width:70%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; vertical-align:middle;}
.newsList li a time{ float:right;}

.news .newsTitle{ text-align:center; font-weight:bold; font-size:28px; padding:1.5% 0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news .newsTime{ display:block; text-align:center; color:#999; padding:1% 0 1.5%; border-bottom:1px solid #dbdad9; margin-bottom:3.5%;}
.PrevNextBox{ position:relative; padding-top:20px; padding-bottom:10%; border-top:1px solid #dbdad9; font-size:14px; line-height:30px;}
.PrevNextBox .h1{  font-size:16px; line-height:22px;}
.PrevNextBox .h1 a{ color:#00a0e9;}
.PrevNextBox span{ color:#00a0e9}
.PrevNextBox a{ color:#333333; }
/*新闻中心*/

/*加入我们*/
.job{ padding-top:3%; }
.jobList{ padding:0 0 4%; border-top:1px solid #e7e7e7; list-style:none;}
.jobList li{border:1px solid #e7e7e7; border-top:0;}
.jobList li .title{ padding:1.5% 3%; background:#fff; color:#666666; font-size:14px; }
.jobList li .title a{ float:right; width:22px; height:23px; background:url(../images/Recruitment_add.jpg) no-repeat}
.jobList li .title span{ font-size:16px; line-height:23px;}
.jobList li .title b{display:none;}
.jobList li .title:hover b{ display:block;}
.jobList li.on .title b{display:block;}
.jobList li:hover .title,.jobList li.on .title{ background:#00a0e9; color:#fff; cursor:pointer;}
.jobList li.on .title a{ color:#fff; background:url(../images/Recruitment_down.jpg) no-repeat;}
.jobList li .RecruitmentBox{ padding:2% 3%; position:relative; overflow:hidden; display:none; background:#ffffff;}
.RecruitmentBox .SinglePage{ padding:0; font-size:14px; line-height:30px;}
.title b{display:block;float:right;padding-right:40px;font-weight: normal;font-size:15px;}

/*联系我们*/
.messageBox{ padding:6% 0 2%;}
.messageBox .boxLeft{ float:left; width:100%;}
.messageBox .boxRight{ float:right; width:100%;}
.messageBox .msgList{ padding:2% 0;}
.messageBox .msgList .title{ float:left; text-align:right; line-height:42px; width:26%;}
.messageBox .msgList input{ display:inline-block; width:70%; border:1px solid #ccc; height:40px; line-height:40px; padding:0 10px; vertical-align:middle; color:#cccccc;-webkit-appearance: none;}
/*.messageBox .boxRight textarea{ width:96%; padding:10px;border:1px solid #ccc; height:40px;color:#cccccc; display:block; margin:15px auto; height:160px;}*/
.messageBox .msgList textarea{ width:79%; padding:10px;border:1px solid #ccc; height:40px;color:#cccccc; display:inline-block; margin:15px auto; height:160px;}
.messageBox .yzm input{ width:35%;display: inline-block;}
.messageBox .yzm .red{ display:none;}
.messageBox .yzm img{ width:85px; height:29px; display:inline-block; vertical-align:middle;}
.messageBox .inBtn{ display:block; margin:0 auto; color:#fff; text-align:center; width:250px; font-size:16px; height:42px; line-height:42px; background:#264452; margin-top:15px; margin-bottom:50px;}

/*联系我们*/

@media only screen and(min-width: 360px){
	.messageBox .msgList .title{ width:23%;}
	.videoList li a .videoImg{height: 59.5%;}
	}
@media only screen and (min-width: 414px){
.videoList li a .videoImg{height: 63%;}

	}
@media only screen and(min-width: 480px){
.messageBox .msgList .title{ width:19%;}
.videoList li a .videoImg{height: 65%;}
}
@media only screen and (min-width: 540px){
.videoList li a .videoImg{height: 67%;}
}
@media only screen and (min-width: 640px){
.videoList li a .videoImg{height: 70%;}
}

@media only screen and (min-width: 768px){
.Toper{ position:absolute; top:0; left:0; z-index:2; width:100%;}
.topBar{ height:36px; line-height:36px; font-size:13px;}
.navbar-brand{ padding:13px 0 0; margin-left:-15px; width:auto;}
.navbar-brand img{ width:100%; height:auto;}
.navigation{ background:#fff;line-height:58px;box-shadow: 0px 1px 3px #666;}
.nav{ width:77.3%; margin-right:-15px; float:right;}
.nav li{ width:12.5%;text-align:center; font-size:15px; background:url(../images/navLi.png) no-repeat right center;} 
.nav li.last{ background:none;}
.nav li .navA{padding:0; line-height:58px; color:#222222;z-index:30;background:#fff;}
.nav li dl {display:block;top:0;-webkit-transition: top 300ms; transition: top 300ms;}
.nav li:hover dl {top:58px;}
.nav li:hover .navA{background:#00a0e9;color:#fff; }
.nav li.onnav{ background:url(../images/navLi.png) no-repeat right center; color:#333;}
.nav li.last.onnav{ background:#fff;}
.nav li.onnav .navA{ color:#333; }
.nav li .sublist{ display:none;}
.BarRight{ display:block; float:right;}
.Pages .p_page em{ display:inline-block;}
.menuNav{width:20.3%; max-width:245px;}
.contentBox{ width:78%;  max-width:938px;}
.menuNav li i{ right:18px;}
.menuNav li .menuA{ padding:17px 20px;text-decoration: none !important;} 
.menuTop{ display:block;}
.menuBtm{ display:block;}
.partnerList li{ width:31%;}
.messageBox .msgList .title{ width:15%;}
.messageBox .yzm .red{ display:inline; color:red; line-height:42px;}
.videoList li a .videoImg{height: 69%;}

}
@media only screen and (min-width: 768px) and (max-width:1023px){
.nav{ width:73%; margin:0 -15px;}
.navbar-collapse{ padding:0}
.BtmList{ height:70px; padding-top:15px;}
.BtmList i{ top:36px;}
.menuTop i{ white-space:normal; line-height:18px;}
	}

@media only screen and (min-width: 900px){
.videoList li a .videoImg{height: 71%;}
}

@media only screen and(min-width: 1024px){
.BarRight .langurage{background:#00a0e9 url(../images/lauguage.png) no-repeat 16px center;}
.bottom{ padding:0; height:46px; line-height:46px;}
.bdsharebuttonbox{ width:auto; display:block; padding:0; margin-left:10px; margin-top:4px; overflow:hidden; vertical-align:top;}
.btmLeft{ float:left; margin-left:-15px;}
.btmRight{ float:right; margin-right:-15px;}
.menuBtm .btm1{ background:url(../images/menuCar.jpg) no-repeat right top;}
.menuBtm .btm2{ background:url(../images/menuCon.jpg) no-repeat right top;}

.current{ display:block; text-align:right}
.partnerList li{ width:23%;}
.honorList li,
.videoList li{ width:31%;} 

.projectTab{ width:66.2%;}
.projectList{ margin:0;}
.projectList .first{ float:left; margin:0 0 0 15px; padding:0; overflow:hidden;}
.projectList li{ width: 32%; margin:0 2% 0 0; padding-top:2%;}

.memberList{ padding-top:37%;}
.newsTab .hd ul{ display:block;}
.newsTab .bd li a img{ width:24.5%; float:left;}
.newsTab .bd li a .info{ width:70%; float:right;}
.messageBox .boxLeft{ width:80%;}
/*.messageBox .boxLeft{ width:47%;}
.messageBox .boxRight{ width:50%;}*/
.messageBox .boxRight textarea{ width:100%;}
.messageBox .msgList input{ width:79%;}
.messageBox .msgList .title{ width:21%;}
.messageBox .msgList{ padding:3% 0;}
.messageBox .yzm input{ width:26%;}
/*.messageBox .yzm .title{ width:16%;}*/

.videoList li a .videoImg{height: 66%;}

	 }
 
@media only screen and (max-width: 1120px){
 	.historyleft{display: none;}
 }

@media only screen and (min-width: 1200px){
.contentBox{ min-height:675px;}
.nav li:hover .navA{}
.nav li:hover dl{ display:block;}
.videoList li:hover .tit{color:#28afec;}
.projectList li:hover .tit{color:#28afec;}
.videoList li:hover .hover{ display:inline-block;}
.videoList li:hover .ico{ opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;-webkit-opacity:1;}
.projectList li .tit{ padding-top:5px;text-align: center;}
.projectList li:hover .hover{ display:inline-block;}
.messageBox .msgList .title{ width:19%;}
.messageBox .yzm input{ width:30%;} 
/*.messageBox .yzm .title{ width:14%;}*/
 }

.Yangeright{float: left;margin-left:40px;}
.Yangeright ul{background: url(../images/yan_07.png) repeat-y 8px 0;padding-bottom:6px;}
.Yangeright li{padding-left:42px;margin-bottom:32px;color:#333;height:20px;line-height: 20px;list-style: none;}
.Yangeright .lv{background: url(../images/yang_06.png) no-repeat 0px 0px;}
.Yangeright .huang{background: url(../images/yang_03.png) no-repeat 0px 0px;}
.Yangeright li span{display: inline-block;padding:0 40px 0 0px;    height: 43px;
    float: left;}
.Yangeright li .yuan1{background: url(../images/yan_06.png) no-repeat 58px center;}
.Yangeright li .yuan2{background: url(../images/yan_15.png) no-repeat 58px center;}


.txtMarquee-left{ width:450px;  position:relative; }
.txtMarquee-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.txtMarquee-left .hd .prev,.txtMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer; background:url("images/icoLeft.gif") no-repeat;}
.txtMarquee-left .hd .next{ background:url("images/icoRight.gif") no-repeat;  }
.txtMarquee-left .bd{ padding:0 10px ; }
.txtMarquee-left .bd .tempWrap{ width:425px; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.txtMarquee-left .bd ul li{ margin-right:20px;  float:left; height:36px; line-height:36px;  text-align:left; _display:inline; width:auto !important; list-style: none;margin-right: 100px; }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */
.txtMarquee-left .bd ul li span{ color:#999;  }

@media only screen and (max-width: 768px){
 	.txtMarquee-left .bd ul li{ margin-right:20px;  float:left; height:30px; line-height:30px;  text-align:left; _display:inline; width:auto !important; list-style: none;margin-right: 30; }
 	.txtMarquee-left{width:285px;height: 30px; }
 	.txtMarquee-left .bd .tempWrap{ width:285px; }
 }

@media only screen and (min-width: 1200px){
	 .videoList li a .videoImg{height: 68.5%;}

}


