@charset "utf-8";

html,body{ font: 12px/1.8 "微软雅黑", Tahoma,Verdana,'Simsun'; color:#333; background: #fff; -webkit-text-size-adjust:none;}

a{ color:#333; text-decoration:none;}

a:hover{ color: #2277C8; text-decoration:none;}

/*头部*/

.inner,.product{ width: 1024px; margin: 0px auto 0px;}

.inbanner{ margin:0 auto; position:relative;}

header{ background: #fff; zoom:1; position: relative; z-index: 1000; height: 75px;

    box-shadow: 0px 1px 5px #555;

    -webkit-box-shadow: 1px 0px 5px #555;

    -moz-box-shadow: 0px 1px 5px #555;

}

#web_logo{ margin-left: 0; font-size:0px; z-index:999;}

.top-nav{ color: #666; right: 0; height: 28px; z-index:1; margin-top: 23px; width: 195px; float: right; line-height: 28px;}

.top-nav img{ vertical-align:middle;}

.top-nav a{
}
.top-nav a:hover{ }

.top-nav li.b{ bottom:0px; right:0px;}

.top-nav li.t span{ padding:0px 5px; font-size:10px; color:#bbb;}

.top-logo{ height: 80px; _height: 80px; position: absolute; z-index: 999; overflow: hidden; float:left; width: 145px;}

.top_right{float:right; height: 75px;/* overflow: hidden; */width: 879px;}

nav{ float: left; width: 880px; height: 40px; /* overflow: hidden; */ margin-top: 15px; margin-left: 30px; /* background: #ccc; */ font-weight:bold;}

nav ul li{ float:left; text-align: center; height: 40px; line-height: 40px; background: none; /* position:relative; */ }

nav ul li a{ color: #333; font-size:14px; display: block; height: 60px; font-weight: bold;}

nav ul li a:hover{ color:#fff;}

nav ul li.line{ width:0px; padding:0px; border-left: 1px solid #fff; border-right: 0; /* height: 15px; */ height: 40px; /* margin-top: 20px; */}

nav ul li.hover{ background:none; }

nav ul li.navdown{ /* background: url(../images/dt-4.gif) no-repeat center bottom; */ height: 60px;}

nav ul li.nownavs{ display:block;}

nav ul li.hover a,nav ul li.navdown a{ display:block; font-weight: bold; background: none; color: #2277C8;}

nav ul li.navdown a:hover{ color:#2277C8;}

nav ul li.hover dl {display:block;}

nav ul li dl{position: relative;  background: #2277C8; display:none; /* padding:5px 0; */ width: 140px;left: -10px; border-top: 0;line-height: 35px; padding: 10px 0 20px;z-index: 99; 



 /* box-shadow: 0px 1px 1px #555; */

    /* -webkit-box-shadow: 0px 1px 1px #555; */

    -moz-box-shadow: 0px 1px 1px #555;

}



.mydiv2

{

animation:mymove 0.3s infinite;

-moz-animation:mymove 0.3s infinite; /* Firefox */

-webkit-animation:mymove 0.3s infinite; /* Safari and Chrome 播放速度 */

-o-animation:mymove 0.3s infinite; /* Opera */

animation-iteration-count:1;

-webkit-animation-iteration-count:1; /* Safari 和 Chrome播放次数 */

}



@keyframes mymove

{

from {top:85px; filter:alpha(opacity=0); -moz-opacity:0.1; -khtml-opacity: 0.1; opacity: 0.1;}

to {top:90px; }

}



@-moz-keyframes mymove /* Firefox */

{

from {top:85px; filter:alpha(opacity=0); -moz-opacity:0.1; -khtml-opacity: 0.1; opacity: 0.1;}

to {top:90px;}

}



@-webkit-keyframes mymove /* Safari and Chrome 移动位置 */

{

from {top:85px; filter:alpha(opacity=0); -moz-opacity:0.1; -khtml-opacity: 0.1; opacity: 0.1;}

to {top:90px;  }

}



@-o-keyframes mymove /* Opera */

{

from {top:85px; filter:alpha(opacity=0); -moz-opacity:0.1; -khtml-opacity: 0.1; opacity: 0.1;}

to {top:90px;}

}















nav ul li dl dd{ /* background: url(../images/dt-11.gif) no-repeat left center; */ display: block; padding: 0 20px; color:#ccc;}

nav ul li dl dd a:link{display:block; line-height: 32px;  color:#fff; height: 32px;border-bottom: 1px solid #2D84C4;font-weight: normal; font-size:12px;}

nav ul li dl dd a:visited{ background:none; color:#fff; border-bottom: 1px solid #4195D3; font-weight: normal;}

nav ul li dl dd a:hover{ background:none; color:#fff; font-weight: normal; border-bottom: 1px solid #ccc;}

nav ul li.navdown dl dd a:hover{ color:#fff;}

.met_flash{ min-height:460px; background:#333; font-size:0px; overflow:hidden;} 

.met_flash ul{ margin:0px; padding:0px;} 

.editor{

}

/*首页*/

#indexbox{ clear:both; padding: 0;}

.index_hotnews .more{float:right;color: #999;}

.index_hotnews{ padding:10px 0; height: 40px; overflow: hidden; background:#fff;}

.index_hotnews ul{

    padding: 0;

    margin: 0;

}

.index_hotnews h4{

    float: left;

    margin: 0 10px 0 30px;

}

.index_hotnews li{

    list-style: none; 

    margin-bottom: 20px;

    background: url(../images/hot.jpg) no-repeat left center; 

}

.index_hotnews i{

    font-style: normal;

    margin-left: 20px;

    color: #999;

}

#joblist{font-size:12px;}

.index{margin: 0px auto;padding: 35px 0;} 



#showtext{font-size:14px;padding-right: 25px;padding-bottom: 20px;padding-top: 25px;padding-left: 25px;}







/*自定义banner开始*/

/* flexslider */

.flexslider{ position:relative; overflow:hidden; margin: 0 auto; /* display: none; */ /* width: 1024px; */ clear: both; background: #000 url(../images/loading.gif) 50% no-repeat;}

.flexslider ul{ margin: 0; padding: 0; list-style-type: none; }

.slides ul li a { display:block; width:100%; }

.slides{ position:relative; z-index:1; }

.slides li{ background-size:100%;}

.slides li a { display:block; width:100%; }

.flex-control-nav{ position:absolute; bottom:10px; z-index:2; width:100%; text-align:center; padding-left:20px;}

.flex-control-nav li{ display:inline-block; width:14px; height:14px; margin:0 5px; *display:inline; zoom:1;}

.flex-control-nav a{ display:inline-block; width:14px; height:14px; line-height:40px; overflow:hidden; background:url(../images/dot.png) right 0 no-repeat; cursor:pointer;}

.flex-control-nav .flex-active{ background-position:0 0;}

.flex-direction-nav{ position:absolute; z-index:3; width:100%; top: 43%;}

.flex-direction-nav li{ list-style:none;}

.flex-direction-nav li a{ display:block; width:50px; height:50px; overflow:hidden; cursor:pointer; position:absolute;}

.flex-direction-nav li a.flex-prev{ left:40px; background:url(../images/prev.png) center center no-repeat;}

.flex-direction-nav li a.flex-next{ right:40px; background:url(../images/next.png) center center no-repeat;}

/*自定义banner结束*/



/*首页*/

.aboutus{ float:left; width:675px; margin-top:10px;}

.case{ float:right; width:290px; margin-top:10px; overflow:hidden;}

.style-1 h2.title{border-bottom: 1px solid #ddd;float: left;width: 100%; background:url(../images/index_tit.jpg) repeat-x;}

.style-1 h2.title span{ float:left; /* background:url(../images/dt-5.gif) repeat-x; */ height: 35px; line-height: 35px; color: #000; margin-left: 20px; font-weight: bold; font-size: 14px;}

.style-1 h2.title a.more{ float:right; width: 20%; height: 35px; color: #666; line-height: 36px; text-align: right; font-size: 12px; padding-right: 20px; overflow:hidden; background: url(../images/more.gif) no-repeat right center; margin: 0px 20px 0px 0px; font-weight: normal;}

.style-1 .active{padding: 15px 20px; overflow: hidden; height: 170px;}
.style-1 .active h3{font-weight:normal;}
.style-2 h3.title { background:url(../images/dt-6.gif) repeat-x; height:32px; line-height:32px; padding-left:15px; color:#fff; font-weight:normal; font-size:14px; position:relative;}

.style-2 h3.title a.more{ position:absolute; right:10px; top:0px; color:#fff; font-size:12px;}

.style-2 .active{ background:#fff; padding:10px;}

.style-2 dl.ind{ clear:both; zoom:1}

.style-2 dl.ind dt{ float:left; display:inline; border-bottom:1px dotted #ccc; padding:10px 0px 10px 0px; zoom:1}

.style-2 dl.ind dt a{ margin-left:5px;}

.style-2 dl.ind dd{ float:right; display:inline; border-bottom:1px dotted #ccc; padding:10px 0px 10px 0px; overflow:hidden;}

.style-2 dl.ind dd h4{ margin-left:10px;}

.style-2 dl.ind dd p.desc{ margin-left:10px; font-style: italic; color:#666;}

.index-news{ box-shadow: 0 0 5px 2px #ccc,inset 0 0 0px 0 #fff;  float:left; background: #fff; width: 325px; padding: 0; margin-top: 0;}

.index-news_l{ width: 330px; float:left; background: #fff; margin-right: 20px; padding: 0;

 box-shadow: 0 0 5px 2px #ccc,inset 0 0 0px 0 #fff; 

}



    .index-news_l ul{padding:0; margin:0;list-style: none;}

    .index-news_l .listel li{ margin: 0; height: auto; line-height:30px; padding: 15px 0; overflow:hidden; background:none; border-top: 1px dotted #ccc; }

    .index-news_l .listel li a{ margin-right:5px; zoom:1;}

    .index-news_l .listel li span{ color:#666; font-size: 14px; float: none; font-weight: bold;}

    .index-news_l .listel li i{color:#666; display:block; line-height: 2;}

    .index-news_l .listel li p{color: #999;}

    .index-news_l img{ height: 50px; width:95px;}

    .index-news_l .pic{float:left;height: 60px;display: none;}

    .index-news_l .cont{/* float:right; */line-height: 1.5;width: 100%;}

    .index-news_l .active{padding: 20px;}

    .index-news_l h2.title{ background:url(../images/index_tit.jpg) repeat-x;}

    .indexabout{background:url(../images/bg_about.jpg) no-repeat right bottom;height: 125px;}

    .product{margin-top: 15px;}

    .product .style-1 h2.title.style-1 h3.title a.more{ float:right; width: 20%; height: 35px; color: #666; line-height: 36px; text-align: right; font-size: 12px; padding-right: 20px; overflow:hidden; background: url(../images/more.gif) no-repeat right center; margin: 0px 20px 0px 0px; font-weight: normal;}

	.product_list{background: #fff; padding: 20px;}

	#imglist{padding: 0;}

	

    .index-news ul{padding:0; margin:0;list-style: none;}

    .index-news .listel li{ margin: 0; height: auto; line-height:30px; overflow:hidden; background:none; }

    .index-news .listel li a{ margin-right:5px; zoom:1;}

    .index-news .listel li span{ color:#666; float: none;}

    .index-news .listel li p{color: #999;}

    .index-news img{ height: 85px; width: 130px;}

    .index-news .pic{

    height: 85px;

    width: 130px;

    overflow: hidden;

    float: left;

}

    .index-news .cont{line-height: 20px;float: right;margin-left: 15px;width: 140px;}

    .index-news .cont p{ color:#666; border-top:1px solid #eee; padding-top:5px;margin-top:5px;}

    .index-news .cont h4{font-size: 12px;background: none;position: relative;color: #333;margin-bottom: 0px;line-height: 18px;}

    .index-news .cont h4 a, .index-news .cont h4 a:visited, .index-news .cont h4 a:hover{color: #333;}

    .index-news .cont i{ color:#ccc; display: none;}

    .index-news .active{float: left;padding: 20px;}
	.index-news .active ul a { line-height:30px;}

    .index-news h3.title{background:url(../images/index_tit.jpg) repeat-x;}



    #newslist{ padding:15px;}

    #newslist li{ padding: 20px; padding-right: 0; border-bottom:1px dotted #ccc; background-position: left 32px;}

    #newslist li p{color:#999;}

    #newslist .hot ul{padding:0; margin:0;list-style: none;}

    #newslist .hot li{ margin: 0; height: auto; line-height:30px; padding: 15px 0; overflow:hidden; background:none; border-bottom: 1px dotted #ccc; }

    #newslist .hot li a{ margin-right:5px; zoom:1;}

    #newslist .hot li span{ color:#666; float: none; font-weight: bold; line-height: 35px;}

    #newslist .hot li p{color: #666;line-height: 24px;}

    #newslist .hot li .time{border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding:5px 0;margin: 5px 0;}

    #newslist .hot img{ height: 160px; width: 310px;}

    #newslist .hot .pic{float:left;height: 160px;}

    #newslist .hot .cont{float:right;line-height: 18px;width: 360px;}

    #newslist .hot .active{padding: 0;}

    #newslist .hot h3.title{border:0; }



    .index-teachers{

    margin-top: 30px;

}

    .index-teachers li{ float:left; background:#fff; width:25%; margin-right:1px}

    

    .index-teachers img{ width:100%; height: 256px;}





    



.index-conts{ box-shadow: 0 0 5px 2px #ccc,inset 0 0 0px 0 #fff;  float:right; width: 330px; padding: 0; margin-top: 0; background: #fff;}



.index-conts ul{ padding:0; margin:0; width: 333px; list-style:none;}

.index-conts h3{border-top:1px dotted #ddd;display: inline-block; float: left; width: 110px; padding:5px; height:60px; text-align: center; margin-bottom: 1px; margin-right: 1px; background: #f4f4f4 url(../images/bg_p.jpg) repeat-x;}

#plist{padding:0;}

.index-conts h3 a{display:block;}

.index-conts h3:hover{background:#0A70BB url(../images/bg_pon.jpg); font-weight:bold;}

.index-conts h3:hover a{color:#fff;}

.index-conts h4{font-size: 14px;float: left;width: 90px;/* font-weight: normal; */}

.index-conts span{ color:#666; float: right; line-height: 25px; width: 190px;}







.index-product{ padding-bottom: 0; *margin-top:15px; *padding-top:0px; /* border-top: 1px dotted #ccc; */ /* background: #fff; */ width: 1024px; margin: 20px auto 0; padding: 5px 20px 20px; background: #fff;}

.index-product .active { padding-top: 0;}

.index-product .inner{

    margin-top: 0;

    margin-bottom: 0;

}

.index-product .profld{ margin:0px; position:relative; overflow:hidden;}

.index-product h3{

    background: #fff;

    width: 100%;

    height: 40px;

    line-height: 40px;

    margin-bottom: 5px;

    float: left;

}



.index-product h3 span{ float:left; /* background: #fff; */ /* padding: 0 10px; */ font-size: 14px;}

.index-product ol{ position: absolute; width: 2012em; }

.index-product ol li{ float:left; /* border-right: 1px solid #eee; */ text-align:center; padding-right: 10px; /* background: #fff; */}

.index-product ol li a.img{ display:block; text-align:center; font-size:0px;}

.index-product ol li a.img img{ margin:auto; width: 195px; border: 0; height: 140px;}

.index-product ol li h3{ font-weight:normal; /* margin-top:5px; */ height: 30px; line-height: 30px; padding: 0px 0px; background: #fff; overflow:hidden;}



.index-product .flip{ height: 20px; overflow:hidden; padding: 12px 0px 20px; line-height: 20px; margin-left: 0px; /* background: #fff; */ float: right; }

* html .index-product .flip{ width:300px;}

*+html .index-product .flip{ width:300px;}

.index-product .next,.index-product .prev{ width:18px; height:18px; overflow:hidden; display:block; float:left; background:url(../images/neu.gif) no-repeat;}

.index-product .next{ background-position:-17px 0px; }

.index-product .next:hover{ background-position:-57px 0px; }

.index-product .prev{ background-position:-40px 0px; }

.index-product .prev:hover{ background-position:0px 0px; }

#trigger{ float:left; margin-right:5px; margin-top: 0px; position:relative; bottom: 2px; *bottom:0px; *top:5px; zoom:1;}

#trigger a{ background:url(../images/neu.gif) no-repeat -78px -10px; width:8px; height:8px; font-size:0px; display:inline-block; overflow:hidden; margin-right:5px;}

#trigger a.current{ background-position:-78px 0px;}



#tabs-nav{ float:left;text-align: center; margin-left:15px;}

#tabs-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display:inline; position:relative; *top:12px;}

#tabs-nav li a {width: 8px; height: 8px; display: block; overflow:hidden; background:#9df0f5; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;}

#tabs-nav li a:hover { background:#fff; }

#tabs-nav li a.flex-active{ background:#fff; cursor: default; }

.index-links{ background:#fff; padding:5px 15px 10px; margin-top:15px; position:relative;}

.index-links h3{ height:32px; line-height:32px; padding-left:20px; background:url(../images/dt-2.gif) no-repeat left center; font-weight:normal; font-size:14px; position:relative; border-bottom:1px dotted #ccc; margin-bottom:10px;}

.index-links h3 a.more{ position:absolute; right:10px; top:0px; color:#666; font-size:12px;}

.index-links ul{ margin:0px; padding:0px;}

.index-links .img{ margin-bottom:3px;}

.index-links .img li{ list-style:none; display:inline; padding-right:5px;}

.index-links .img img{ width:88px; height:31px;}

.index-links .txt{ zoom:1;}

.index-links .txt li{ list-style:none; float:left; width:88px; height:20px; line-height:20px; margin-right:5px; overflow:hidden;}





/*文章*/

#newslist{ padding: 15px 25px 15px;}

#newslist li{ padding: 20px 0px 40px; background:url(../images/images/dt-0.gif) no-repeat left 19px;}

#newslist li a{ font-size: 16px; margin-right:5px; line-height: 3;}

#newslist li span{ float: none; color: #2277C8; display: block; /* font-weight: bold; */ font-size: 16px;}

#newslist li p{ color: #999; font-size: 12px;}

#shownews{ padding: 15px 25px 15px; margin-bottom: 25px;}

#shownews .editor{ line-height:2; padding: 0; font-size:14px;}

#shownews h1{ font-size:20px; text-align:center; border-bottom:1px dotted #ccc;margin: 0 0px 20px; color:#333;}

#shownews h1 span{display:block; font-size:12px; font-weight:normal; margin-top:15px; color:#666;}



/*产品模块*/

#productlist{ padding: 10px 15px 20px; background: #fff;}

#productlist li{ float:left; display: inline-block; /* background: #eee; */ /* border: 1px solid #eee; */ text-align:center;}

#productlist li a.img{ display:block; text-align:center; font-size:0px;}

#productlist li a.img img{ margin:auto; border: 0;}

#productlist li h3{ padding:5px 0px 10px; font-weight:normal; line-height:1.5;}

#showproduct{ padding: 10px 25px 0;}

#showproduct .met_hits{font-size: 12px;margin-bottom: 0;padding: 0;width: 510px;margin: 0 auto;border: 0;font-weight: normal;}

#showproduct .met_page{width: 100%;margin-bottom: 20px;}



/*案例*/

#case_list .inner{overflow:hidden;}

#case_list{  margin: 20px auto 0;   background: none;   /* border-top: 1px solid #ddd; */  padding: 0 20px 20px;  background: #fff;}

#case_list .pic{

}

#case_list h2{font-size: 14px; line-height: 2;font-weight: normal;}

#case_list h2 a, #case_list h2 a:visited, #case_list h2 a:hover{color:#fff; font-weight:bold;}

#case_list h2 span{/* font-weight: bold; */ display:block;border-top: 1px dotted #888;font-size: 12px;}

#case_list ul{ width: 1005px; float: left; list-style:inside none; padding:0; margin:0;}

#case_list li{ display:inline-block; width: 231px; float: left; background: #f9f9f9; margin-bottom: 0; margin-right: 20px;}

#case_list li:hover{ background:#f1f1f1;}

#case_list .mask{padding: 10px 20px 15px;height: 125px;overflow: hidden;background: url(../images/nav_bg.png);position: relative;text-align: center;color: #fff;margin: -130px 0 0 0;}

#case_list .info{ color: #ccc;}

#case_list img{/* height: 334px; */ width: 231px;}

#case_list h3{background: #fff; width: 100%; height: 40px; line-height: 40px; margin-bottom: 5px;float: left;}

#case_list h3 span{ font-size:14px; /* padding: 0 20px; */}

.index-product .more, #case_list .more{ float:right; width: 7%; height: 40px; color: #ccc; line-height: 42px; text-align: right; font-size: 12px; padding-right: 25px; overflow:hidden; background: url(../images/more.gif) no-repeat right center; /* margin: 0px 20px 0px 0px; */ font-weight: normal;}





#showproduct{}

#showproduct p{}

#showproduct .editor .r{float:right;}

#showproduct .editor .l{float:left;}



*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both;}





.grid .mask{ background: #f9f9f9; font-size:14px; padding: 10px 20px 20px; /* border: 1px solid #f1f1f1; */ text-align: left;}

.grid .mask h2{ /* border-bottom:1px dotted #ccc; */ margin-bottom: 0; font-weight: normal; font-size: 18px; /* padding-bottom:5px; */}

.grid .mask h2 a{ color:#000;}

.grid .mask h2 a:visited{ color:#000;}

.grid .mask h2 a:hover{ color: #DA221A;}

.grid .mask span{ text-align:left; font-size:12px; color: #666;}

.grid .mask i{display:block; font-size:12px;font-style: normal;}



.grid {	max-width: 69em; list-style: none;	margin: 0px auto;	padding: 0;}

.grid li {	display: block;	float: left;	padding: 7px;	width: 33.3%;	opacity: 0;}

.grid li.shown,

.no-js .grid li,

.no-cssanimations .grid li {	opacity: 1;}

.grid li a,

.grid li img {	outline: none;	border: none;	display: block;	width: 100%;	}

/* Effect 2: Move Up */

.grid.effect-2 li.animate {

	-webkit-transform: translateY(200px);

	-moz-transform: translateY(200px);

	transform: translateY(200px);

	-webkit-animation: moveUp 0.65s ease forwards;

	-moz-animation: moveUp 0.65s ease forwards;

	animation: moveUp 0.65s ease forwards;

}

@-webkit-keyframes moveUp {

	to { -webkit-transform: translateY(0); opacity: 1; }

}

@-moz-keyframes moveUp {

	to { -moz-transform: translateY(0); opacity: 1; }

}

@keyframes moveUp {

	to { transform: translateY(0); opacity: 1; }

}





/**搜索**/

.sercrhbox input.input-text, .sercrhbox input.input-file, .sercrhbox input.code, .sercrhbox textarea{ width:155px;}

.sercrhbox ul.searchnavlist{ padding:15px;}

.subbanner .sercrhbox{ height:50px; width:980px; margin:0 auto;}

.sercrhbox{ width: 195px; height:28px; line-height:28px; background: url(../images/bg_s.jpg) no-repeat left center; margin-top: 0; padding: 0; overflow: hidden; float:right;}

.sercrhbox dt{ float:right; width: 195px; height: 28px; padding-top:0px; padding-right:0px;}

.sercrhbox form{ background:url(../images/search.gif) no-repeat left 1px; width: 195px; height:25px;  } 

.sercrhbox input.text{ width: 157px; padding-left: 0; border:none; background:none; margin-left:0px; position:relative; text-indent: 10px; float: left; color: #999; height: 28px; line-height: 28px; font-size: 12px;}

* html .sercrhbox input.text{ top:-3px;}/*ie6*/

*+html .sercrhbox input.text{ top:-3px;}/*ie7*/

.sercrhbox input.submit{    background: none;  border: medium none; cursor: pointer; float: right;  height: 28px; right: 0; top: 0;     width: 38px; } 



/*产品tab*/

#tab-container{ margin-top:15px;}

#tab-container .tabcont{ clear:both; padding-top:20px; }

#tab-container-nav{ padding:0; margin:0; border-bottom:0px solid #ccc; float:left; width:100%; background:#f9f9f9;}

#tab-container-nav li{float:left; border-right: 2px solid #fff;list-style:none outside;}

#tab-container-nav .activeli a{ background:#14A2D9; color:#fff;}

#tab-container-nav a{float: left;

display: block;

padding: 4px 30px;

border-bottom: 0;

color: #254580;

font-size:14px;

background: #eee;

text-decoration: none;

font-weight: bold;}





#showproduct h1.title{ font-size: 25px; border-bottom: 1px solid #eee; line-height: 2; margin: 20px 0 35px; display: block; border-top: 1px solid #eee; color: #2277C8; text-align: center; padding-left: 0;}

#showproduct .pshow dt{ float:left;}

#showproduct .pshow dd{ float:right;}

#showproduct .pshow dd ul{ margin-right: 15px; margin-left: 0;}

#showproduct .pshow dd li{ padding: 10px 5px 10px 45px; min-height:28px; _height:28px; margin: 0px 0px; color: #666; font-size: 14px; border-bottom: 0; clear: both; border-top: 0px dotted #ddd; position:relative; line-height:2; }

#showproduct .pshow dd li span{ position:absolute; left:0px; top:0px; color: #254580; /* background: #eee; */ /* font-weight: bold; */ padding: 10px 15px 10px 0; height:28px;}

#showproduct .ctitle{ margin: 15px 0px 20px; padding: 0px; background: none; *background-position:left 17px; background: #eee; font-size:14px; color: #333; border-bottom: 1px solid #eee; }

#showproduct .ctitle span{

    background: #14A2D9;

 

    color: #fff;

    display: block;

    float: left;

    padding: 3px 20px;

}

#showproduct .editor{ line-height:2; padding: 0; font-size:14px;}

#showproduct .spic{margin-right:2px;}

#showproduct #metinfo_additional{ margin-top:20px; /* border-top:1px solid #eee; */ padding-top:25px;}

#showproduct .met_page li{padding:0px; margin:0px;}



/*工具栏*/

.met_hits{ padding: 0; height:35px; line-height:35px; margin-top: 20px; border-top: 1px dotted #ccc; text-align:right; margin-bottom: 10px; /* border-bottom: 1px dotted #ccc; */ position:relative; color:#666;}

.met_hits a{ color:#666;}

.met_hits .metjiathis{ position:absolute; left: 0; top:8px;}

.met_page{ text-align:center;}

.met_page a{ margin-right:50px; color:#1C57C4; text-decoration: none;}





#showproduct .met_page a{ display:inline; font-weight: normal;}

.met_page{ text-align:center; font-size: 12px; float: left; padding-top: 0; font-weight: bold; /* border-top: 1px solid #eee; */ color: #254580;}

.met_page a{ margin-right: 0; color:#1C57C4; text-decoration: none; display:block; padding: 0;}

.met_page ul, .met_page li{ list-style:none; margin:0; padding:0; line-height: 20px;}

.met_page span{ line-height:38px; width: auto; text-align: center;}

.met_page .preinfo .pres{min-width: 450px; text-align:left; color: #254580;padding-left: 25px;  }

.met_page .nextinfo .pres{width: 450px; text-align:right; color: #254580;padding-left:25px;}

.met_page .preinfo .pret{ padding: 0 10px; margin-right: 10px; /* font-family:Tahoma; */ font-weight: normal; padding-left: 0; font-size: 12px; color: #666;

float:left;

 border-right: 1px solid #ccc; 



}



.met_page .nextinfo .pret{ padding: 0 10px; margin-left: 10px; /* font-family:Tahoma; */ padding-right: 0; font-size: 12px; font-weight:normal;color:#666;

float:right;

 border-left: 1px solid #ccc; 



}



.met_page .preinfo{ float: left;  height: 20px; line-height: 20px; display:block; width: 50%;}

.met_page .nextinfo{float: right; width: 50%;display:block;  text-align:right;}



/*底部*/

.partners{ border-bottom:1px solid #eee; padding: 0; height: 75px;}

.foot-nav{ text-align:center; margin: 0; float: right; line-height: 2; width: 718px;}

.foot-nav span{ font-size:10px; margin:0px 8px; color:#888;}

.foot-text{ padding: 0; margin-top: 0; width: 27%; color: #999; padding-left: 20px; line-height: 2; float: left;}

footer{background: #fff;padding: 35px 0;font-size: 12px;color: #333;}

.foot-nav ul{ float:left; text-align:left; padding-left: 25px; min-height: 118px; min-width: 150px; border-left: 1px dotted #fff; margin:0; margin-right: 0; /* background: url(../images/ul_bg.gif) no-repeat 90px center; */ }

.foot-nav li{ list-style:none outside; margin-right: 25px;  }

.foot-nav .u1{

    border: 0;

    padding-left: 25px;

}

.foot-nav .u4{ margin-right:0; background: none; width: 142px; float: left;}

.foot-nav .u2{ margin-right: 0; width: auto;}

.foot-nav .u2 li{display:inline-block; width:43%;}

footer p {margin-bottom:15px; font-size: 18px; line-height: 2; text-indent: 0; color: #333; font-weight: normal;}

.foot-nav .box{ width:1000px; margin:0 auto;}



.foot-nav .box a:link{ color:#999;}

.foot-nav .box a:visited{ color:#999;}

.foot-nav .box a:hover{}

.copyright{border-top: 1px solid #eee; padding:15px 0;color: #666;}

.copyright .nav{float: right;margin-left: 0;}

.copyright .co{float:left; height:60px;}

.copyright .nav span{margin-left:10px; color: #ccc;padding-right: 10px;}

.copyright a:link, .copyright a:visited, .copyright a:hover{ color:#666;}



/*内页侧栏*/

#content{background: #f1f1f1; /* background-attachment:fixed; */ padding-bottom: 35px;/* font-family: Tahoma,Verdana,'Simsun'; */}



.sidebar{ margin: -50px auto 0px;  padding-bottom: 5px; background: #FFF url(../images/bg_sub.gif) repeat-y 0px; min-height: 400px;}

.sidebar .sb_nav{ float:left; width: 240px; position: relative; margin-top: 0; z-index: 120;}
.sidebar .sb_nav li{ width:145px;}
.sidebar .sb_nav .title{ text-align:left; background: url(../images/bg_sub_left.png); /* padding: 0px 20px; */ height: 49px; /* display: none; */ line-height: 50px; font-size: 16px; padding-left: 20px; font-weight: bold; color: #fff;}

.sidebar .sb_nav .line{ margin-top:15px; }

.sidebar .sb_nav .active{ padding: 0; background: #086FBA; padding-left: 0; margin-bottom: 8px;}

#sidebar dl{ margin-left: 0; /* background: #fff; */ padding: 0; margin-bottom: 0;}

#sidebar dl dt{ padding: 0; margin-bottom: 0; text-indent: 20px; display: block; /* background: url(../images/dt-11.gif) no-repeat 230px center; */}

#sidebar dl dd{ padding: 0px 0px 0px 22px; background: #f9f9f9;}

#sidebar dl dd h4{ font-weight:normal; padding: 0px 0px 0px 0px; background: url(../images/dt-11.gif) no-repeat 0px center;}

#sidebar dl dt a{ display: block; padding: 0; font-size:14px; color: #fff; border-top: 1px solid #2D84C4; line-height: 40px; }

#sidebar dl dt.on a{ font-weight:bold; display: block; padding: 0; color: #2277C8; background: #fff url(../images/dt-11.gif) no-repeat 225px center; /* color:#fff; */ }

#sidebar dl h4.on a{ font-weight:bold; color: #14A2D9;}

.sidebar .sb_box{ float:right; width: 784px; background:#fff; padding-left: 0; margin-right: 0; overflow:hidden;}

.sidebar .sb_box .title{ /* border-bottom: 1px solid #eee; */ background: url(../images/bg_sub_right.png); height: 50px; font-size: 12px; line-height: 50px; padding: 0 25px; z-index: 1000; position:relative;}

.sidebar .sb_box .title span{ left:0px; /* background: url(../images/dt-11.gif) no-repeat 15px center; */ font-size:14px; /* border-bottom:2px solid #ff6633; */ font-weight: bold; /* padding: 0px 15px; */}

.sidebar .sb_box .title div.position{ float:right; font-weight:normal; position:relative; top: 0; right: 0;}

.sidebar .sb_box .title div.position a{ /* color: #333; */}



.hotnews{ padding:20px;}

.hotnews { font-size:14px; border-bottom:1px solid #eee; padding-bottom: 10px; color: #2277C8; margin-bottom:0;}

.hotnews span{display:block; color:#ccc;}

.hotnews ul{ list-style:none; padding:0; margin: 0;}

.hotnews li{ border-bottom:1px solid #eee; line-height:24px; list-style:none; padding:5px 0;}

.hotnews li a{color:#666;}

.hotnews li a:visited{color:#666;}

.hotnews li a:hover{color:#666;}





/*在线留言*/

#messagelist{ padding:15px; font-size: 12px;}

#messagelist .metlist{ margin-bottom:10px; border: 1px solid #dedede; padding: 5px 10px;}

#messagelist .metlist dt{ /* background:url(../images/images/message.gif) no-repeat left center; */ border-bottom:1px dotted #dedede; padding: 4px 0px 4px 20px; margin-bottom:5px;}

#messagelist .metlist dt span.name{ color:#2c7199;}

#messagelist .metlist dt span.time{ padding-left:8px; color:#999;}

#messagelist .metlist dt span.tt{ float:right; padding-right:5px;}

#messagelist .metlist dd.info span.tt{ display:none; clear:both;}

#messagelist .metlist dd.info span.text{ display:block; line-height:1.5; font-size: 14px; padding: 18px 5px;}

#messagelist .metlist dd.reinfo span.tt{ background: none; display:block; border-bottom:1px dotted #dedede; padding: 2px 0px 5px 5px; margin:0px 0px 5px; font-weight: bold; color: #2277C8;}

#messagelist .metlist dd.reinfo span.text{ display:block; line-height:1.5; color: #2277C8; padding:8px 5px;}

#messagelist .ctitle{ margin:10px 0px 10px; /* padding: 5px 0px; */ /* background:url(../images/images/dt-7.gif) no-repeat left center; */ *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc;}

#messagelist table{ margin:0px auto;}

#messagetable{ padding:15px;}

#messagetable table{ margin:0px auto;}



/*产品个性化*/

.casebox #thumblist li .zoomThumbActive img{border: 2px solid #254580;}



.casebox #sidebar dl dt a{ line-height: 40px;}

.casebox { padding-top: 0; padding-bottom: 0;}

.casebox .sb_nav{ width: 1024px; border: 0; height:100px; background: url(../images/bg_sub_right.png); border-bottom:0; margin-bottom: 25px;}

.casebox .sb_nav h3.title{ text-align:left; background:#3d8b03; padding:0px 15px; height:45px; line-height:45px; border-bottom:1px solid #CFD1D6; color:#fff; font-size:16px; font-weight:normal;}

.casebox .sb_nav .contact{ padding:10px 20px; border-bottom:1px solid #CFD1D6;}

.casebox .sb_nav dl{display:block-inline; width: 120px;float: left;text-align:center; }

.casebox #sidebar dl dt{height: 40px; line-height: 40px; overflow:hidden; border: 0;margin: 0;/* border-right: 1px solid #fff; */margin-left: 0;padding-left: 0; text-indent: 0;background: url(../images/nav_bg.png) repeat; padding-right: 0; }

.casebox #sidebar dl dt a{  color: #fff;   display: block;  font-weight: bold;  font-size:14px;}

.casebox #sidebar dl dd{ border-bottom: 0;}

.casebox #sidebar dl .sub{ width: 100%; position: absolute; margin-top: 23px; font-size: 12px; padding: 0; background: none; /* border-bottom: 1px solid #eee; */ text-align: center; left: 0;}

.casebox #sidebar dl .sub .on a{ color: #14A2D9; display: block; border: 1px solid #ddd; padding: 0 17px; background: none;}

.casebox #sidebar dl dd h4{ font-weight: bold; /* height: 24px; */ line-height: 26px; overflow:hidden;  font-size: 14px; color: #ccc; display: inline-block; background: none; text-align:center; /* padding:0 35px; */}

.casebox #sidebar dl dd h4 a{ color: #333; padding: 0px 20px; display: block; border: 1px solid #fff; line-height: 22px;}

.casebox #sidebar dl dd h4 a:hover{ color:#666;}

.casebox #sidebar dl .openz,

.casebox #sidebar dl dt.on{ background-color: #666; text-indent: 0; background-position: 14px -145px;}

.casebox #sidebar dl dt.on a{color: #2277C8; font-weight:bold;background: #fff;}

.casebox #sidebar dl dt.launched{ background-position:14px -38px; }

.casebox #sidebar dl dt.launchedshow{ background-position:13px 18px; }

.casebox #sidebar dl .dthover a,

.casebox #sidebar dl .openz a,

.casebox #sidebar dl dt.on a,

.casebox #sidebar dl h4.on a{ }

.casebox .sb_box{ width: 100%; overflow:hidden; margin: 15px 0; background: none;}

.casebox .sb_box h3.title{ height:45px; line-height:45px; /* display: none; */ margin: 0 25px; background: #fff; position:relative; border-bottom: 0; }

.casebox .sb_box h3.title span{ position:absolute; left:0px; top:-1px; font-size: 18px; padding:0px; background: none; color: #666; font-weight:normal;}

.casebox .sb_box h3.title div.position{ float:right; font-weight:normal; position:relative; top: 0px; right: 0; background:url(../images/home.gif) no-repeat left 13px; padding-left:24px; font-size: 12px; }

.casebox .sb_box h3.title div.position a{ color:#666;}
.mbx{float: right; margin-right:53px;}

.casebox .sb_box h3.title div.position a.now_navx{ color:#13922B;}

ul.searchnavlist{ border-bottom:1px solid #CFD1D6; padding:8px;}

.casebox{  padding: 0;   color: #666;   width: 1024px;  margin-bottom: 0;  margin: 0 auto;  background: #fff;}

.casebox a{color: #666;}

.casebox a:visited{color: #666;}

.casebox a:hover{color:#ccc;}

.casebox #showproduct .pshow dt{

    float: right;

}

.casebox #showproduct .pshow dd{width:100%;margin-bottom: 0;float: left;}

.casebox #showproduct .pshow{width: 100%; float: left;margin: 0 auto;}

.casebox #showproduct .pshow .info_img{width:100%;display: block;text-align: center;}

.casebox #showproduct .pshow .smallimg{

    text-align: center;

    padding-top: 20px;

}

.casebox #sidebar dl{ margin:0 auto; /* width: 25%; */ margin-right: 1px; text-indent: 0; display: inline-block; padding:0; text-align:center;}

.casebox .sidebar{

    background:#fff;

    overflow: hidden;

    float: left;

    /* box-shadow: 1px 1px 3px #555; */

    /* -webkit-box-shadow: 1px 1px 3px #555; */

    -moz-box-shadow: 1px 1px 3px #555;}

.casebox .sb_nav .active{ width: 400px; padding-left: 80px; margin:0 auto; background: none;}



.pro_rel{border-top:0px solid #ddd; padding: 25px 0 10px 25px;float: left; width: 100%;font-size: 12px;background:url(../images/bg_rel.jpg) repeat-x;}

.pro_rel ul{ margin:0; padding:0; list-style: none; list-style-position: outside;}

.pro_rel li{ display: inline-block; width: 150px; margin-right: 10px; float: left; padding:0;}

.pro_rel li img{width: 150px;height: 111px;}

.pro_rel p{ text-align:center; padding: 0 10px;}

.pro_rel_tit{line-height:36px; font-size:14px; color:#333; margin-top: 25px; border-top: 1px solid #eee;margin-bottom:10px; margin-left:25px;margin-right: 25px;}





#imglist{

    padding: 25px 15px;

}

/*解决方案*/

.casebox .sb_nav{}

.casebox .sb_nav ul{margin:0; list-style:none; padding:0; margin-bottom: 10px; float:left; width: 1030px;}

.casebox .sb_nav li{ padding:0; display: inline-block; /* border-right: 1px solid #ccc; */ float: left; list-style:none;}

.casebox .sb_nav .line{ border-right: 1px solid #fff; width: 1px; height: 50px;}

.casebox .sb_nav h4{float:left; width:200px; border-top: 1px solid #666; font-size:14px;padding-top:15px;}

.casebox .sb_nav h4 a{color: #333;} 

.casebox .sb_nav h4 span{display:block; font-size: 12px;margin-top: 10px;font-weight:normal; }

.casebox .sb_nav h3{ font-size:14px; padding:10px 0; font-weight: bold;}

.casebox .sb_nav h3 a{color: #2277C8;} 

.casebox .sb_nav h2{color:#333; margin-top: 10px;font-size: 12px;}

.casebox .sb_nav .des{width: 165px;font-size: 12px;}

.casebox .sb_nav p{width:220px;}

.casebox .sb_nav dl{float:right; width: 760px;}

.casebox .sb_nav dt{float:left; margin-bottom: 20px;width: 25%;}

.casebox .sb_nav dt img{ height: 220px; width: 165px;}

.casebox .sb_nav a{ display:block; text-align: center; line-height: 50px; margin: 0; font-weight: bold; font-size:12px; color: #333; border: 0;}

.casebox .sb_nav a:visited{}

.casebox .sb_nav a:hover{}

.casebox .sb_nav .navdown{background: #2277C8;}

.casebox .sb_nav .navdown a{ color:#fff; font-weight:bold;}



#showprogram{ padding: 0; clear: both;}

#showprogram H1{font-size: 18px; color: #2277C8;margin: 11px 0 20px;}

#showprogram span{font-size: 14px; color: #000;margin-left: 0;/* display:block; */margin-bottom: 15px;}

#showprogram h4{float:left; width:200px; border-top: 1px solid #999; font-size:14px;padding-top:15px;}

#showprogram h4 span{display:block; font-size: 12px;margin-left: 0;margin-top: 10px;font-weight:normal; }

#showprogram .cont{ padding: 20px 50px; clear: both; float: left;}

#showprogram .cont .l{ float:left; margin-right: 23px; width: 280px;}

#showprogram .cont .l img{border: solid #eee 1px;padding: 10px;}

#showprogram .editor{ font-size:14px; float:right; width: 621px; margin-bottom: 50px; line-height:3;}



.program_list{padding: 20px 0 20px 50px; clear:both;float: left;width: 100%;}

.program_list .des{font-size:12px;border-top: 1px dotted #eee;height: 90px;margin-top: 10px;margin: 0 10px;padding-top: 10px;}

.program_list a{ font-size: 16px; font-weight:normal;  margin: 0 10px; line-height:2;}

.program_list span{color: #2277C8;font-weight: bold;}

.program_list span:hover{color:#FFCC00; font-weight:bold;}

.program_list dl{

}

.program_list dd{}

.program_list dt img:hover{border-color:#2277C8;}

.program_list dt img{

    /* border: solid #eee 1px; */

    padding: 10px 10px 0;width:256px;height:160px

}

.program_list dt:hover{ border: 1px solid #2277C8;}

.program_list dt{

    float: left;

    margin-right: 43px;

    margin-bottom: 35px;

    border: 1px solid #eee;

    width: 278px;

}



/*课程总览*/

#teacherslist .courses_img{ width: 100px; height:132px;}

#teacherslist .courses dt{float:left; width: 16.5%;}

#teacherslist .courses h3, #teacherslist .courses .des{font-size:12px; width:100px;padding: 5px 0;line-height:1.5;}





/*按钮*/

#feedback{padding-bottom:35px;}

.button{ display: inline-block; zoom: 1; *display: inline; vertical-align: baseline; margin: 0px; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% 'Microsoft YaHei',Tahoma,Verdana,'Simsun'; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2);}

.button:hover { text-decoration: none; color:#fff; }

.button:active { position: relative; top: 1px;}

.orange{ color: #fef4e9; font-weight: bold; border: 0; padding: 12px 35px; background: #2277C8; }

.orange:hover { background: #DA221A; }

.orange:active { color: #fcd3a5; background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a)); background: -moz-linear-gradient(top,  #f47a20,  #faa51a); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');}

input.input-text,input.input-file,input.code,textarea { padding: 10px; font-size: 15px; outline: none; text-shadow: 0px 1px 0px #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #ccc; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; background:#fff url(../images/images/dt-10.gif) repeat-x left top; }

input.input-text:focus,input.input-file:focus,input.code:focus,textarea:focus { border: 1px solid #fafafa; -webkit-box-shadow: 0px 0px 6px #007eff; -moz-box-shadow: 0px 0px 5px #007eff; box-shadow: 0px 0px 5px #007eff;}