/* CSS Document */
/* 全局定义 */
*{margin:0; padding:0;}
html{ min-width:1400px}
body{text-align:center; font:normal 18px/24px "microsoft yahei"; color:#666;-webkit-text-size-adjust:none;}
img{ vertical-align:middle; _behavior: url("../js/png.htc"); border:none;}
.clear{clear:both; height:0; overflow:hidden;}
.blank10{height:10px; overflow:hidden;}
.blank20{height:20px; overflow:hidden;}
ul{list-style:none;}
a{color:#666; text-decoration:none;}
a,
img,
li,
div,
*{
	transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
}
a:hover{color:#f36b30; }
.white{color:white;}
.green{color:#429b01;}
.yellow{color:#f36b30;}
.blue{color:#004ea0;}
.text{margin:0px 0px; padding: 0 30px; text-align:left; line-height:32px;}
.text2{margin:10px 0px; color:#333; line-height:36px; }
td{padding:0 5px;}

#products_tab4{width:1140px; float:right;}
.indexCon{width:490px; height:600px;overflow:hidden; margin:0px auto; padding:10px; float:left;}
.indexCon .flashBanner{width:100%;height:600px;}
.flashBanner{position:relative;}
.flashBanner .mask{height:120px; width:500px;text-align:left;position:absolute;right:0px; bottom:1px;}
.flashBanner .mask img{cursor:pointer; margin:10px 0 0 10px; padding:5px; border:1px #ccc solid; width:75px; height:75px; float:left;}
.flashBanner .bigImg{height:476px; width:476px;position:absolute;right:left; top:0; border:1px solid #ddd;}
.pro_cs{width:620px; float:right; font-size:24px; line-height:48px; color:#333; font-weight:lighter;}
.pro_cs .title2{font-size:28px; line-height:64px; color:#333; font-weight:normal; width:480px; border-bottom:6px solid #f36b30; display:block; margin-bottom:18px;}


/* 头部 */

.header_out{ width:100%; border-top:0px solid #000; text-align:center;}
#header{width:1200px; margin:0 auto; text-align:left; height:100px;}
.search{ display:none;text-align:left; background:url(../images/search.png) right top no-repeat; height:24px; width:225px; float:right; position:relative;  clear:right;margin-top:10px;}
.search .key{ position:absolute; top:2px; left:3px; border:none; line-height:22px; background:none; color:#aaa; width:170px;}
.search .search_submit{ position:absolute; top:0px; right:0px; cursor:pointer; border:none; background:none; width:60px; height:30px;}
.language{float:right;margin-top:0px;}
.language .en{ margin-right:10px;}
.language img{ margin-right:3px;}
.tel{font-size:24px; width:270px; margin-top:5px; text-align:right; font-weight:bold; float:right; clear:right;color:#f36b30;  height:60px; line-height:90px; background:url(../images/telBg2.png) left center no-repeat; }


.logo{ float:left; margin-top:5px;}

.menu{ height:40px; margin-top:35px; float:right;  overflow:visible; z-index:9999;}

.menu li{text-align:center;position:relative; float:left;}
.menu li a{display:block; float:left; text-align:center;color:#000; width:180px; margin:0 0px; _margin:0 30px; font-size:18px; line-height:40px; font-weight:normal; overflow:hidden;}
.menu li a:hover{color:#f36b30; border-bottom:3px solid #f36b30;}
#nav ul li ul{position:absolute; top:43px;left:0px;display:none;z-index:9;background:#f36b30;border-top:none;border-radius:0 0 4px 4px;box-shadow:0px 0px 0px 0px #red; padding-bottom:4px;  }
#nav ul li ul li{ margin:0; display:block; padding:0; text-align:center; display:block; float:none; line-height:30px; height:31px; }
#nav ul li ul a{ color:#f36b30; border-bottom:1px solid #f36b30; height:30px; background:#fff;  line-height:30px; font-size:16px; margin:0px auto;  padding:0;}
#nav ul li ul a:hover{ color:#fff; background:#f36b30;}
#nav ul li.pcls>a{color:#fff; background:#f36b30; }
#nav ul li ul li ul{top:0px;left:180px;}

.menu li a.en{color:#fff; background:#999; line-height:20px; font-size:14px; margin-top:34px;}
.menu li a.en:hover{color:#fff; background:#999; border-bottom:1px #000 solid }

.menu2{width:100%; text-align:center; height:40px; background:#004DA1; overflow:hidden; border-top:1px solid #8398cd;  border-bottom:1px solid #407aba;}
.menu2 .menu2_in{ width:1000px; margin:0 auto; overflow:hidden; }
.menu2 li{ float:left; margin-left:-1px;}
.menu2 li a{display:block; float:left; padding:1px 42px; color:#FFF; font-size:15px; line-height:40px; font-weight:bold; border-left:1px #003B82 solid;}
.menu2 li a:hover{color:#f36b30; background:#FFF; }

.area{width:1300px; height:539px; margin:50px auto;  background: url(../images/eareBg.jpg) no-repeat center top;}
.application{ float:left; width:395px; height:439px; padding:100px 30px; color:#fff; font-size:18px; text-align:left; line-height:24px;}
.titleArea{visibility: visible; animation-name: fadeInUp; color:#fff; font-size:28px; font-weight:bold; padding-bottom:60px; display:block}
.application2{ float:left; width:450px; height:270px; text-align:center; padding-top:100px;}
.titleArea2{visibility: visible; animation-name: fadeInUp; color:#fff; font-size:28px; font-weight:bold; padding-bottom:0px; display:block}
/*轮播图片*/
.teachers_banner{
    width:100%;
    height:600px;
    background: url(../images/teachers_banner.jpg) no-repeat center top;
    background-size: cover;
     position: relative;
    overflow: hidden;
	z-index:99;
}
.teachers_b{
  position:relative;
  margin-top:160px;
  margin-left:400px;
  z-index:0;
}
#slide2 {
    margin: 0 auto;
    width: 400px;
    height: 330px;
    position: relative;
  }

#slide2 li {
    position: absolute;
    width:400px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    overflow:hidden;
}

#slide2 li img {
    width: 100%;
    height: 100%;
}
.slide_left{
 width:240px;
}
.slide_right{
 width:440px;
  padding: 40px;
  -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
}
.slide_right h3{
font: 400 30px/18px "Microsoft Yahei";
color:#222222;
}
.slide_right h3 span{
  display:inline-block;
  margin-left:10px;
  font: 400 14px/36px "Microsoft Yahei";
color:#555555;
}
.slide_right p{
  padding:20px 0 30px;
  color:#555555;
    font: 400 14px/24px "Microsoft Yahei";
    border-bottom: 1px solid #dbdbdb;
}
.slide_right dl{
  padding-top:30px;
}
.slide_right dd{
  float: left;
  width:33.3%;
   color:#777;
    font: 400 14px/24px "Microsoft Yahei";

}
.slide_right dd h3{
color:#ff9000;
margin-bottom:20px;
}
.arrow2 {
   display: none;
}

.arrow2 .prev2,
.arrow2 .next2 {
    position: absolute;
    width: 64px;
    top: 38%;
    z-index: 9;
    font: 700 96px 'simsun';
    opacity: 0.3;
    color: #fff;
    cursor: pointer;
}

.arrow2 .prev2 {
    left: -250px;
}

.arrow2 .next2 {
    right: -250px;
}

.arrow2 .prev2:hover,
.arrow2 .next2:hover {
    color: #00a0e9;
    opacity: .7;
}

.text_banner{ position:absolute; top:290px; left:400px; z-index:999; }
.text_banner .text_banner1{ color:#fff; font:400 48px/60px "microsoft yahei";}
.text_banner .text_banner2{ color:red; font:400 32px/60px "microsoft yahei";}
.text_banner .text_banner3{ font:400 18px/30px "microsoft yahei"; position:absolute; top:300px; left:0px;}
a.more{ border:1px #ecf02d solid; background:#ecf02d;color:#000; padding:10px 60px; font-size:18px; border-radius:0px; float:left; margin:20px 20px 0 0}
a:hover.more{ border:1px #f36b30 solid;  background:#f36b30; padding:10px 60px; font-size:18px; color:#fff; border-radius:0px;}
a.more2{ border:1px #fff solid;margin:50px auto 0; color:#fff; border-radius:50px; display:block; text-align:center; width:120px;  height:30px; line-height:30px; }
a:hover.more2{ border:1px #ebf000 solid;  color:#ebf000; background:none;}
a.more3{ border:1px #f36b30 solid; background:#f36b30; padding:8px 70px; color:#fff; border-radius:0px; float:left; margin:20px 20px 0 0}
a:hover.more3{ border:1px #fff solid; color:#f36b30; background:#fff;}
a.more4{ border:1px #f36b30 solid; background:#f36b30; padding:10px 0; width:200px; font-size:18px; color:#fff; border-radius:0px;margin:30px auto; clear:both; display:block;}
a:hover.more4{ border:1px #f36b30 solid; color:#f36b30; background:#fff;}
a.more5{ border:1px #f36b30 solid; background:#f36b30; padding:5px 20px; font-size:15px; color:#fff; border-radius:8px; float:right; margin:-50px 20px 0 0}
a:hover.more5{ border:1px #f36b30 solid; color:#fff; background:#f36b30;}
a.more6{ border:1px #000 solid; background:#FFF; padding:0px 10px; font-size:13px; color:#000; border-radius:0px; float:right; margin:0px 0px 0 0}
a:hover.more6{ border:1px #f36b30 solid; color:#fff; background:#f36b30; font-size:13px;}
a.more7{ border:1px #fff solid; background:#f36b30; padding:2px 8px 1px; font-size:12px; color:#fff; border-radius:0px; margin:10px 0px 0 0;}
a:hover.more7{ border:1px #fff solid; color:#f36b30; background:#fff; font-size:12px;}
a.more8{ border:1px #f36b30 solid; color:#f36b30; background:#FFF; clear:both; float:left;  padding:10px 40px; font-size:18px; border-radius:0px; margin:20px 20px 0 0}
a:hover.more8{ border:1px #f36b30 solid; color:#fff; background:#f36b30; font-size:18px;}

a.newsList2{text-align:left; padding:0px; float:right; margin:0px 0px 0px 50px; width:420px; height:500px; background:#fff; border:1px solid #666; position:relative;}
a:hover.newsList2{ border:1px solid #f36b30;}
a.newsList2 .more9{ border-top:1px #666 solid; color:#666; display:block;  margin:20px; line-height:40px; text-align:right; }
a:hover.newsList2 .more9{ border-top:1px #f36b30 solid; color:#f36b30; }
a.newsList2 .more9 span{ float:left; }
a.newsList2 img{width:420px; }
a.newsList2 div{ padding:20px;}
a.newsList2 .news_title{ font-size:24px; line-height:36px;}
a.newsList2 .newsContent{ color:#999; height:70px; font-size:14px;}
a.newsList2 .num{ color:#999;}
a.newsList2 hr{height:0px; color:#999; margin:10px 0;}
a.newsList2 .newsMore{ background:url(../images/icon2.png) right center no-repeat;}



.about_move2{position:relative; width:900px; 	height: 180px; margin:20px auto;}
#a12{position:absolute; left:0; top:50px; display:none}
#a22{position:absolute; right:0; top:50px; display:none}
#div12 {
	overflow: hidden;
	width: 900px;
	height: 180px;
	margin: 0px auto;
	position: relative;
}
#div12 ul {
	position: absolute;
	left: 0;
	top: 0;
}
#div12 ul li {
	float: left;
	width: 300px;
	height: 180px;
	list-style: none;
	margin-right:20px;
}
#div12 ul li img {
	width: 300px;
	height: 180px;
}
.about_move{position:relative; width:1400px; height:450px; margin:20px auto;}
#a1{position:absolute; left:0; top:180px; z-index:999;}
#a2{position:absolute; right:0; top:180px; z-index:999;}
#div1 {
	overflow: hidden;
	width: 1400px;
	height: 450px;
	margin: 0px auto;
	position: relative;
}
#div1 ul {
	position: absolute;
	left: 0;
	top: 0;
}
#div1 ul li {
	float: left;
	width: 450px;
	height: 450px;
	list-style: none;
	margin-right:20px;
}
#div1 ul li img {width: 450px;}
#div1 ul li p { position:absolute; top:380px; line-height:60px; font-size:24px; text-align:center; width:450px; color:#fff;}



/* 主要内容 */
.cnt{ clear:both; width:1400px; margin:0px auto;}
.cnt1{ background:#fff; min-width:1400px}
.cnt_in2{margin:0px auto;text-align:left; width:1400px; padding:0px 0px;}

.index_box{float:left; width:250px; height:400px; margin-top:-30px; text-align:left; position:relative;}
.index_box div{position:absolute; left:30px; top:245px; width:190px; height:100px; overflow:hidden; }
.index_box a{ display:block; width:120px; height:50px; position:absolute; left:15px; bottom:10px; background:url(../images/more01.jpg) left top no-repeat;}
.index_box a:hover{background:url(../images/more02.jpg) left top no-repeat;}
.index_box1{background:url(../images/index_box1.png) no-repeat}
.index_box2{background:url(../images/index_box2.png) no-repeat}
.index_box3{background:url(../images/index_box3.png) no-repeat}
.index_box4{background:url(../images/index_box4.png) no-repeat}

h3 span{
  display:inline-block;
  margin-left:0px;
  font:normal 14px/36px "Microsoft Yahei";
color:#555555;
}
/*form*/
.form{}
.form_text_dis{ font-size:18px; width:1400px; margin:0 auto; text-align:center; color:#fff; font-weight:bold; margin-bottom:15px; background:#384f8b; padding:10px 0px;}
.form_text{ font-size:22px; font-weight:normal; margin-bottom:15px;}
.form input,.form textarea{ width:666px;  padding:3px 8px; line-height:24px; border-radius:0px; border:1px #ccc solid; outline:none; resize:none; margin-bottom:20px; color:#666}
.form textarea{ height:100px; width:1382px;}
.form input{ margin:0 5px 20px 5px;}
.form div.submit_out{text-align:center;}
.form input.submit_bt{ font-size:16px; font-weight:bold; height:40px; line-height:40px; width:1400px; text-transform:uppercase; clear:both; display:block; margin:11px 0 0 0; padding:0; cursor:pointer; color:#fff; font-family:"微软雅黑"; background:#f36b30; border-color:#f36b30;}
.form input:hover.submit_bt{ background:#ff0000; border-color:#ff0000; }
#footer .email{border-bottom:1px solid #ccc; width:400px;  position:absolute; left:698px; top:60px; text-align:left; color:#999; padding-bottom:10px;}
#footer .email input{ outline:none; border:none;}
.feedback{ position:absolute; left:698px; top:110px;}
.contact_contact{float:left; text-align:center; margin-left:90px; color:#999; padding-top:90px; width:400px; height:380px; }

.cnt_in3{margin:50px auto 0;text-align:left; width:1400px; padding:0px 0px;  z-index:999 }


.pro .pro_list{height:65px; overflow:hidden; border-bottom:1px dotted #ccc; margin-bottom:8px;}
.pro .pro_list img{ float:left; margin-right:10px; display:inline;}
.pro .pro_list a{font-weight:bold;}
.pro .pro_list div{ height:48px; width:250px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.pro .pro_list domain() {
	div { text-overflow:clip; position:relative; white-space:normal; padding-right:1.2em; max-height:3em; word-wrap:break-word; width:15em; -moz-box-sizing:border-box; text-align:justify;}
	div:after { content:"..."; position:absolute; right:0; bottom:1.5em;}
}

.mainTitle{height:140px;}
.mainTitle h3{color:#000; font:normal 32px/60px "microsoft yahei";}

.title{font:bold 14px/28px "microsoft yahei"; color:#555; text-indent:15px; background:url(../images/baohe_06.jpg) left bottom no-repeat; position:relative; height:28px; margin-bottom:10px;}
.title span{ position:absolute; right:0; top:0; font:normal 14px/28px "microsoft yahei"; }
.title span a{ color:#384f8b;}

.contacts{float:right; width:206px}

.aboutTItle{ font-size:24px; font-weight:bold; color:#000; line-height:60px;}
.about{width:650px; padding:30px 0px 0px 0px; font:normal 18px/30px "microsoft yahei"; float:right;  text-align:left;}
.aboutImg{width:610px; padding:60px 0 0 0; font:normal 14px/25px "microsoft yahei"; float:let; color:#666; text-align:left;}

/* news */
.newsShow{width:601px; float:left; margin:60px 0px 0 0px;}
.news{ width:360px;  float:right; }
.news ul{ text-align:center; list-style:none;}
.news ul li{ color:#999; margin:0 auto; text-align:right; width:360px; padding-right:5px; height:32px;line-height:32px; border-bottom:1px solid #999}
.news ul li a{float:left; line-height:32px; font-size:14px; color:#333333}
.news ul li a:hover{color:#f36b30}

a.news_list{ height:42px; line-height:42px; font-weight:normal; overflow:hidden; color:#999; float:right; width:360px; text-align:left; overflow:hidden; background:url(../images/icon.jpg) left center no-repeat; text-indent:20px;}
a.news_list .num{ font:bold 48px/60px Arial, Helvetica, sans-serif; height:90px; width:90px; margin-right:20px; text-align:center;float:left; border-radius:0px; background:#f36b30; color:#fff;  }
a:hover.news_list .num{ background:#f36b30; }
a.news_list .num span{ font-size:12px; line-height:13px;  }
a.news_list .news_title{ font-size:16px; color:#333;}
a:hover.news_list,a:hover.news_list .news_title{  color:#f36b30;}
a.news_list  .news_title span{ font-size:12px; float:right;  }

a.news_listIn{ height:100px; overflow:hidden; color:#999; float:left; border-bottom:1px dashed #ccc; width:1000px; margin:5px auto 15PX; text-align:left; overflow:hidden; display:block;}
a.news_listIn .num{ font:normal 28px/48px Arial, Helvetica, sans-serif; height:120px; width:180px; margin:5px 20px 0 0; text-align:left;float:left; border-radius:0px; background:#fff; color:#666;  }
a:hover.news_listIn .num{ }
a.news_listIn .num span{ font-size:16px; line-height:16px;  }
a.news_listIn .news_title{ font-weight:bold; font-size:18px; color:#111; padding:4px 0 6px}
a:hover.news_listIn,a:hover.news_listIn .news_title{  color:#f36b30;}
a.news_listIn .arrow{color:#666; display:block-line; padding:0px 9px 2px; margin-top:10px; font-weight:bold; font-size:24px;}
a:hover.news_listIn .arrow{color:#fff; background:#f36b30;}


a.news_list2{ height:80px; overflow:hidden; color:#666; float:left; border-bottom:1px solid #ccc; width:900px; margin:10px auto; text-align:left; overflow:hidden;}
a:hover.news_list2{  color:#f36b30;}
a.news_list2 .num{ font: normal 48px/60px Impact; height:60px; width:60px; margin-right:20px; text-align:center;float:left; border-radius:50px; border:1px solid #ccc; }
a:hover.news_list2 .num{ border:1px solid #f36b30; }
a.news_list2 .news_title{ font-weight:bold; font-size:18px;}

.news_right{float:right; padding-left:0px;}
.news_content{ display:block; overflow:hidden; padding-bottom:20px; float:left; text-align:center; margin:20px 40px 0; }
.news_content .time{ display:block; background:#f36b30; color:#fff; font-size:16px; text-align:center; width:180px; border-radius:10px; line-height:24px; margin:20px auto}
.news_content .time span{font-weight:bold; font-size:18px; }
.news_content div{ text-align:left;}
.news_content span.news_title{ display:block; font-weight:bold; margin-bottom:5px; font-size:20px; color:#f36b30;}

/* 左边 */
#left2 { float:left; width:280px; margin:40px 0 0; }
#left2 a{ float:left; width:280px; line-height:35px; display:block; background:#ccc; color:#fff; border-bottom:1px solid #aaa; }
#left2 a:hover{ float:left; width:280px; display:block; background:#f36b30; }


#left { float:left; width:300px; margin:20px 0 40px; padding-right:21px; color:#000; background:url(../images/leftBg.png) left top no-repeat; z-index:9999; position:relative;}
#left img { max-width:300px; margin:10px 0}


.menuTree{border-top:none;border-radius:0px; padding:0px 0 0px;border-bottom:0px solid #f0613c;}
.menuTree .title_list{font:normal 32px/85px  "microsoft yahei"; color:#fff; text-align:left; text-indent:20px; height:85px; background:#f36b30; border-radius:0px; margin-bottom:0px;/* border-top:1px #384f8b solid;*/}
.menuTree UL LI UL {	DISPLAY:block;  /* display:none*/}
.menuTree UL.left_box {}


.menuTree LI { overflow:hidden; text-align:center;border-top:1px #fff solid;}
.menuTree UL LI A {
	font:normal 18px/47px "microsoft yahei"; margin:0px; text-align:left; text-indent:20px; color:#f36b30; background:#fff url(../images/jh.png) right center no-repeat; display:block; width:300px; border-radius:0px; border-bottom:2px solid #ddd;}
.menuTree UL LI.parent>A {
 background:#fff url(../images/-.png) right center no-repeat;}
.menuTree UL LI A span{ float:right; padding-right:10px;}
.menuTree UL LI A:hover {
	 color:#000; font-weight:bold;
}
.menuTree UL LI UL { margin:0 auto;}
.menuTree UL LI UL LI {}
.menuTree UL LI UL LI A {
	  display:block; font-weight:lighter; font-size:16px; color:#666; height:40px; line-height:40px; border:none; text-indent:30px; background:#fff url(../images/jt.png) -999px center no-repeat; 
}
.menuTree UL LI UL LI A:hover { background:#fff url(../images/jt.png) right center no-repeat; color:#f36b30;
}
.menuTree UL LI UL LI UL {
}
.menuTree UL LI UL LI UL LI a{
	color:#999; font-size:15px; text-indent:40px;
}
.menuTree UL LI UL LI UL LI a:hover{
	
}
.menuTree UL LI UL LI UL LI UL LI a{
	color:#666; background:none;
}
.menuTree UL LI UL LI UL LI UL LI a:hover{
	color:#666; background:none; text-decoration:underline;
}
.menuTree UL LI UL LI UL LI UL LI UL LI a{
	color:#999; background:none;
}
.menuTree UL LI UL LI UL LI UL LI UL LI a:hover{
	color:#999; background:none; text-decoration:underline;
}
.menuTree a { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; text-decoration:none; line-height:1.5;}
.menuTree @-moz-document domain() {
	li { overflow:hidden; height:1.5em;}
	a { text-overflow:clip; position:relative; white-space:normal;  display:block; max-height:3em; word-wrap:break-word; width:15em; -moz-box-sizing:border-box; text-align:justify;}
	a:after { content:"..."; position:absolute; right:0; bottom:1.5em;}
}


.leftContact{ padding:20px; font-size:16px; border:2px solid #ddd; width:221px; margin-top:30px; background:#fff;}
.leftContact span{ font-size:30px; padding-bottom:20px}
.leftContact .leftTle{ font-size:20px; margin:-30px 0 0 30px;}

.title_right{font:normal 12px/36px "microsoft yahei"; color:#f36b30; background:#f1f1f1; text-indent:0px; height:36px; width:100%; border-bottom:0px solid #999; margin-top:0px; text-indent:0px;margin-bottom:30px; text-align:center;}
.title_right span{font:normal 12px/36px "microsoft yahei"; display:block; color:#333;  text-indent:20px; height:36px; width:1400px; margin:0 auto; text-align:left; background:url(../images/IconHome.jpg) left center no-repeat;}
.title_right span a{color:#333; }
.title_right span a:hover{color:#f36b30; }

.title_right2{font:normal 24px/36px "microsoft yahei"; color:#f36b30; background:url(../images/000.png) 0px 5px no-repeat; text-indent:0px; position:relative; height:36px; float:left; width:1250px; float:right; border-bottom:0px solid #999; margin-top:40px; text-indent:0px;margin-bottom:30px;}

#right { float:right; width:1000px; background:#fff; }

#right .title_right{font:normal 15px/36px "microsoft yahei"; color:#666; background:url(../images/title_bg.png) 0px 5px no-repeat; text-indent:0px; position:relative; height:36px; float:left; width:900px; float:right; border-bottom:1px solid #999; margin-top:40px; text-indent:35px; margin-bottom:30px;}
#right .title_right span.more{ position:absolute; right:0px; top:0px; color:#fff  }
#right ul{ text-align:center; list-style:none;}
#right .right_text{margin:10px; line-height:24px; color:#333}



/* 脚部 */
#footer{  width:100%; overflow:hidden; text-align:center; clear:both; background:#ececec; padding:30px 0; min-height:250px; position:relative; margin-top:50px;}
.box{width:1400px; border:1px solid #ccc; margin:20px auto; padding:20px;}
.box img{ padding:0 10px;}
#footer .footer_in{ text-align:left; width:1300px; margin:0 auto; color:#333; font-size:18px; position:relative;}

#footer .logoFooter{ position:absolute; left:0; top:30px;}
#footer .menuFooter{ position:absolute; left:250px; top:20px; width:800px;  border-bottom:2px solid #ccc;}
#footer .menuFooter a.titleMenu{font-size:18px; line-height:45px; font-weight:normal; height:50px; display:block; }
#footer .menuFooter a,#footer .contactsFooter a{ color:#333; font-size:18px; line-height:36px;}
#footer .menuFooter a:hover,#footer .contactsFooter a:hover{ color:#f36b30; text-decoration:none;}
#footer .contactsFooter{ position:absolute; left:295px; top:90px;}
#footer .contactsFooter div{ font-size:15px; line-height:24px;}
#footer .ewmFooter{position:absolute; right:0; top:30px;}
#footer .ewmFooter img{ width:150px;}



.menuFooter{ margin-bottom:50px;}
.menuFooter li{display:inline;}
.menuFooter li.line{ margin:0 50px; border-right:0px #fff solid; overflow:hidden; height:5px; width:0px;}
.menuFooter li a{  color:#333; font-size:18px;}
.menuFooter li a:hover{  color:#f36b30; }

#footer .name{font-size:20px; font-weight:bold; line-height:40px; border-bottom:1px #666 solid; width:330px; }
#footer .name3{font-size:9px; line-height:20px; font-weight:normal;}
#footer .contacts_footer{font-size:13px; line-height:24px; text-align:left; padding-top:5px; padding-left:40px;}
#footer .ewm{ position:absolute; right:50px; top:40px;}

.footer_text{float:right; width:930px; border-left:1px solid #dab96b; height:95px; padding:0 10px; overflow:hidden;}
.footer_text h3{ color:#dab96b; font:normal 18px/46px "微软雅黑";}
.footer_text .line{ background:#dab96b; height:1px; width:930px; overflow:hidden;}
.footer_text .footer_text2{float:left; border-left:1px solid #dab96b; height:32px; color:#dab96b; font:normal 18px/32px "微软雅黑"; padding:0 40px 0 20px; margin-left:-20px; margin-top:8px;}

#footer .tel{ position:absolute; right:3px; top:0px; font:normal 12px/26px Arial, Helvetica, sans-serif; color:#ccc; width:300px;}
#footer .tel img{ float:left;}
#footer .tel span{  font:bolder 24px/24px "microsoft yahei"; color:#fff; }


#footer .linksEn{ position:absolute; top:30px; left:240px;}
#footer .f_links{ line-height:20px; margin:40px 0 5px 10px; }
#footer .f_links span{color:#000000; font-weight:bold; font-family:Tahoma;}
#footer .f_links a{ padding:0 5px;}
#footer .copyright{ position:absolute; top:20px; right:0px;}
#footer .footer_left{ width:480px; position:absolute; top:40px; left:150px;}
#footer .footer_right{width:210px; position:absolute; top:30px; right:150px;}
#footer a.message{color:#fff;  padding: 8px 40px 8px 60px; border-radius:3px; margin-top:50px;transition: 0.5s; background:#10477a url(../images/icon5.png) 15px center no-repeat; }
#footer a:hover.message{ color:#ff0;   background:red url(../images/icon5.png) 20px center no-repeat;  text-decoration:none;}

.footer_contact{text-align:right;  float:right; margin-top:20px; color:#565555; font-weight:normal;margin-bottom:40px;}
.contactsF{ position:absolute; top:100px; left:10px; font-size:14px; line-height:24px; text-align:left; color:#fff; }
.footer_contact .contactsFen{left:752px; font-size:14px; line-height:24px; text-align:left; color:#fff; }
.footer_contact span{font-size:27px; height:80px; margin:10px 0; }
.footer_contact a{margin-top:0px; display:block; float:right; margin-left:5px; }
.footer_contact a:hover{margin-top:-5px;}
#footer_out2{width:100%; background:#333;  font-size:13px; margin-top:0px; height:36px; line-height:36px;}
#footer_out2 img{ padding:12px;}

 .class1{float:left; text-align:left; padding:0px 45px 0 45px; line-height:22px; margin-top:0px; }
 .friend_link{clear:both; text-align:right; margin:30px 0px 20px 0px; padding-top:10px; border-top:1px #ccc solid;}

.footerLine{ background:#f36b30; height:35px; line-height:35px; border-top:1px solid #ccc; color:#fff; font-size:20px;}




/* 页码 */
.ks-pagination-links {width:100%; text-align:center; clear:both; padding-top:20px;  padding-bottom:15px;}
.ks-pagination-links ul { margin:0 auto;}
.ks-pagination-links li {display:inline; list-style:none; text-align:center; margin:2px;}
.ks-pagination-links li a { color:#4C4C4C; border: 1px #ccc solid; padding: 3px 6px 3px 6px;}
.ks-pagination-links li a:hover {background-color: #384f8b; color: #fff; text-decoration:none; border:1px #384f8b solid;}
.ks-pagination-links .current { cursor:text;}

/* show */
#case_show{float:left;clear:both;width:734px;height:144px; background:url(../images/pro-show-bg.jpg) no-repeat;}
#show{height:1%;}
#demo {margin:18px 0 0 62px;overflow:hidden;width:610px;}
#indemo {float: left;width:80000%;}
#demo1 {float: left;}
#demo2 {float: left;}


.products_in2{width:1400px; margin:0px auto 0px; text-align:left;}

/* pro */
a.more_proTitle{ float:right; margin-right:0px; font-size:18px; font-weight:bold; line-height:16px; margin-top:30px; color:#666666;}
a:hover.more_proTitle{color:#f36b30; text-decoration:underline;font-size:18px;}

a.img_left{ display:block; position:relative; width:300px; height:350px; margin:30px 10px 0 10px; overflow:visible; float:left; text-align:center;  border:1px solid #ddd; }
a:hover.img_left{ border:1px solid #f36b30; }
a.img_left img {width:300px; height:300px; margin:0; padding:0;}
a:hover.img_left img { margin:0; padding:0}
a.img_left p{ padding:0px;line-height:50px; text-indent:0px; width:300px; height:50px; text-align:center; overflow:hidden; background:#fff; color:#333;  position:absolute; bottom:0px; left:0}
a:hover.img_left p{ color:#fff;background-color:#f36b30;}
a.img_left .pro_tip{ position:absolute; top:0; left:30px; width:51px; height:94px; border:none;}
a:hover.img_left .pro_tip{ position:absolute; top:0; left:30px; width:51px; height:94px; border:none;}

a.img_left2{ display:block; position:relative; width:361px; height:340px; margin:10px 0 0 30px; overflow:visible; float:left; text-align:center; background:#fff; border:1px solid #ccc; }
a:hover.img_left2{ border:1px solid #f36b30; }
a.img_left2 img {width:361px; height:397; padding:0px 0 0;}
a:hover.img_left2 img {}
a.img_left2 p{ padding:0px;line-height:40px; width:361px; height:43px; overflow:hidden; overflow:hidden; background-color:#999 ; color:#fff;  position:absolute; bottom:0px; left:0}
a:hover.img_left2 p{ color:#fff; background-color:#f36b30;}
a.img_left2 .pro_tip{ position:absolute; top:0; left:30px; width:51px; height:94px; border:none;}
a:hover.img_left2 .pro_tip{ position:absolute; top:0; left:30px; width:51px; height:94px; border:none;}



.bigimg{float:left; width:900px; }
.proDetail{float:right; width:450px; font:bold 18px/36px "microsoft yahei"; }
.title_pro1{font:bold 20px/56px "microsoft yahei"; text-align:left; margin:0px 0 0px 0; color:#000 }
.title_pro2{font:normal 24px/56px "microsoft yahei"; margin:20px 0 20px 0; color:#000 }
.title_pro3{font:bold 16px/30px "microsoft yahei"; margin:10px 0 10px 0; color:#333 }

.thumbB{float:left; border:1px solid #ddd;}
.proTopRight{float:right; width:580px;}
.thumbS{float:left; border:1px solid #ddd; margin:30px 20px 0 0;}

/* 页码 */
/* 页码 */
#page{width:100%; text-align:center; clear:both; padding-top:50px;  padding-bottom:75px;}
#page  a { color:#f36b30; border: 1px #ccc solid; background:#fff; padding: 3px 10px 4px 10px; border-radius:5px;}
#page  a:hover {background-color: #f36b30; color: #fff; text-decoration:none; border:1px #f36b30 solid;}
#page  span.current u{ color:#fff; border: 1px #f36b30 solid; background:#f36b30; padding:3px 10px 4px 10px; text-decoration:none; border-radius:5px;}

.product{text-align:center; margin:0 50px;}
.product img{margin:30px auto; max-width:600px; border:1px #ddd solid; padding:5px;}
.product .discribtion{text-align:left; padding:10px;}
.product .discribtion .title2{font:normal 14px/30px "microsoft yahei"; background:none; border-bottom:1px dashed #999999; text-align:left; margin:0 0 10px 0; padding:0; color:#666666; }

#products_tab{ width:1400px;  text-align:left;}
#products_tab .title_tab {text-align:left; width:305px;}
#products_tab .title_tab span{ cursor:pointer; font-size:24px; display:block; float:left; clear:left; margin:30px 0 0 0; padding:15px 0px;color:#666; border:1px #666 solid; width:300px; text-align:left; text-indent:30px;}
#products_tab .title_tab li span{ }
#products_tab .title_tab span.active1{color:#f36b30; border:1px #f36b30 solid; }
#products_tab .content{ float:right; width:950px; height:585px; overflow:hidden; padding:0 0px 0 0; margin-top:-150px; color:#fff; text-align:left;}
#products_tab .content div img{}
#products_tab .content div p{ }
#products_tab .content div hr{}
#products_tab .content div span{}
.news_list88{ border:1px #ccc solid; float:left; width:555px; height:230px; padding:30px; margin:50px 0 0px 24px; line-height:20px; display:block;}
.news_list88 img{float:right; margin-left:10px; width:206px; height:167px;}
.news_list88 .title88{ font-size:18px; color:#333; line-height:28px; font-weight:bold;}


#products_tab2{ width:100%;float:left; padding-bottom:50px;}
#products_tab2 .title_tab2 ul{ width:100%; margin:0 auto; height:56px; padding-left:30px;}
#products_tab2 .title_tab2 li{margin:20px 0px 0 0px; overflow:hidden; float:left; text-indent:0; padding:0px 0px; width:25%; font-size:18px; background:#fff; cursor:pointer; color:#000; font-weight:normal; border:1px solid #ccc; border-right:0; text-align:center;cursor:pointer; }
#products_tab2 .title_tab2 li.active2{background:#fff; color:#333; border-bottom:5px solid #d47234; font-weight:bold; }
#products_tab2 .title_tab2 li a{display:block;border-bottom:5px solid #fff;border-top:5px solid #fff; padding:5px 0; }
#products_tab2 .title_tab2 li a:hover{background:#fff; border-bottom:5px solid #f36b30; font-weight:bold; }
#products_tab2 .content2{  width:100%; padding:20px; margin:0 auto 30px; background:#fff; clear:both;}
#products_tab2 .content2 div{ padding:0px 0px 0;}
#products_tab2 .content2 div img{ max-width:100%; height:auto; padding:0}
#products_tab2 .title_tab2 #btn_21{border-left:none;}


#products_tab3{ width:100%;float:left; padding-bottom:50px; }
#products_tab3 .title_tab3{background:#eff155; color:#000; padding:5px; margin:20px 0; font-size:24px;}
#products_tab3 .title_tab3 ul{ width:100%; margin:0 auto; height:56px; padding-left:30px;}
#products_tab3 .title_tab3 li{margin:5px; overflow:hidden; float:left;  text-indent:0; font-size:18px; background:#ddd; color:#000;  border:0px solid #ddd; text-align:center;cursor:pointer;padding: 10px 30px;border-radius: 8px; }
#products_tab3 .title_tab3 li.active2{background: #f36b30; color:#fff; }
#products_tab3 .title_tab3 li a{display:block;border-bottom:5px solid #fff;border-top:5px solid #fff; padding:5px 0; }
#products_tab3 .title_tab3 li a:hover{background:#fff; border-bottom:5px solid #d47234; font-weight:bold; }
#products_tab3 .content3{  width:100%; padding:0px; margin:0 auto 30px; background:#fff; clear:both;}
#products_tab3 .content3 div{ padding:0px 0px 0;}
#products_tab3 .content3 div img{ max-width:100%; height:auto; padding:0}
#products_tab3 .title_tab3 #btn_21{border-left:none;}


/*******************************************************************************************************************************************


		 
			 
			 
			 
			 
			 
			 
			 
			 
			 
			 
			 
products:
	<!-- 右边内容 -->
	<div id="right">
		<div class="title">产品中心<span>您现在所在的位置： <a href="index.html">首页</a> >> 产品中心</span></div>
		<div class="products">
				<div class="img_left"><a href="productDetail.html" title=""><img src="../images/index_37.jpg" /></a><p><a href="productDetail.html" title="">产品名称</a></p></div>
				<div class="img_left"><a href="productDetail.html" title=""><img src="../images/index_37.jpg" /></a><p><a href="productDetail.html" title="">产品名称</a></p></div>
				<div class="img_left"><a href="productDetail.html" title=""><img src="../images/index_37.jpg" /></a><p><a href="productDetail.html" title="">产品名称</a></p></div>
				<div class="img_left"><a href="productDetail.html" title=""><img src="../images/index_37.jpg" /></a><p><a href="productDetail.html" title="">产品名称</a></p></div>
				<div class="img_left"><a href="productDetail.html" title=""><img src="../images/index_37.jpg" /></a><p><a href="productDetail.html" title="">产品名称</a></p></div>
				<div class="img_left"><a href="productDetail.html" title=""><img src="../images/index_37.jpg" /></a><p><a href="productDetail.html" title="">产品名称</a></p></div>
				<div class="img_left"><a href="productDetail.html" title=""><img src="../images/index_37.jpg" /></a><p><a href="productDetail.html" title="">产品名称</a></p></div>
				<div class="img_left"><a href="productDetail.html" title=""><img src="../images/index_37.jpg" /></a><p><a href="productDetail.html" title="">产品名称</a></p></div>
				<div class="img_left"><a href="productDetail.html" title=""><img src="../images/index_37.jpg" /></a><p><a href="productDetail.html" title="">产品名称</a></p></div>
				
			</div>
			
			<!-- 页码 -->						
			<div class='ks-pagination-links'>
				<ul>
					<li class='current'><a>共 <b>10</b> 记录</a></li>
					<li class='current'><a>1</a></li>
					<li><a href="#">2</a></li>
					<li><a href="#">3</a></li>
					<li><a href="#">4</a></li>
					<li><a href="#">5</a></li>
					<li class='current'><a>共 1/5 页</a></li>
				</ul>
			</div><!-- 页码 end -->
	</div><!-- 右边内容 end -->
			
			
			<div class="product">
				<img src="../images/pro.jpg" width="500" />
				<div class="proName">产品展示</div>
				<div class="discribtion">
					<div class="title2">详细描述：</div>
						详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：
				</div>	
			</div>
			<div class="back">[<strong><a href="javascript:history.go(-1)">返回</a></strong>]</div>
*******************************************************************************************************************************************/


.news3{float:right;}

.title3{font:bold 20px/30px "宋体"; text-align:center; background:none; border:none; padding-top:30px; margin:0; color:#333;}
.news2 .time{ text-align:center; color:#666666; border-top:1px #ccc solid;border-bottom:1px #ccc solid; line-height:28px; margin:10px 40px 30px;}
.news2 .back{text-align:right; margin:20px 50px 30px 0;}
.news2 .back a{ color:#000000}
.news2 ul{ text-align:center; margin-top:-10px; list-style:none;}
.news2 ul li{ color:#999; margin:0 auto; text-align:right; width:800px; padding-right:5px; height:30px;line-height:30px; border-bottom:1px dashed #999999}
.news2 ul li.hr{height:30px;  overflow:hidden;}
.news2 ul li a{float:left; padding-left:15px; background:url(../images/icon2.gif) left center no-repeat; line-height:30px;}
.news2 .content{text-align:left; line-height:24px}
.news2 .content p{text-indent:2em; padding:0 40px; }
/*******************************************************************************************************************************************
			<div class="news2">
				<ul>
					<li class="hr"></li>
					<li><a href="newsDetail.html">主要从事企业VI设计，企业庆典策划</a>2011/05/21</li>
					<li><a href="newsDetail.html">主要从事企业VI设计，企业庆典策划</a>2011/05/21</li>
					<li><a href="newsDetail.html">主要从事企业VI设计，企业庆典策划</a>2011/05/21</li>
					<li><a href="newsDetail.html">主要从事企业VI设计，企业庆典策划</a>2011/05/21</li>
					<li><a href="newsDetail.html">主要从事企业VI设计，企业庆典策划</a>2011/05/21</li>
					<li class="hr"></li>
					<li><a href="newsDetail.html">主要从事企业VI设计，企业庆典策划</a>2011/05/21</li>
					<li><a href="newsDetail.html">主要从事企业VI设计，企业庆典策划</a>2011/05/21</li>
					<li><a href="newsDetail.html">主要从事企业VI设计，企业庆典策划</a>2011/05/21</li>
					<li><a href="newsDetail.html">主要从事企业VI设计，企业庆典策划</a>2011/05/21</li>
					<li><a href="newsDetail.html">主要从事企业VI设计，企业庆典策划</a>2011/05/21</li>
				</ul>
			</div>
			
			<!-- 页码 -->						
			<div class='ks-pagination-links'>
				<ul>
					<li class='current'><a>共 <b>10</b> 记录</a></li>
					<li class='current'><a>1</a></li>
					<li><a href="#">2</a></li>
					<li><a href="#">3</a></li>
					<li><a href="#">4</a></li>
					<li><a href="#">5</a></li>
					<li class='current'><a>共 1/5 页</a></li>
				</ul>
			</div><!-- 页码 end -->
			
			
			
			<div class="news2">
				<div class="title3">如何设计产品使用指南</div>
				<div class="time">发布时间：2011-05-09</div>
				<div class="content">
					<p>为什么一张图片比三张图片更有力量？如何设计产品使用指南？如何在设计中通过各种对比产生层次感？如何使设计内外统一协调？如何设计一个独一无二的签名式 LOGO ？本文继续发扬实用主义，对这些问题给出了解决办法。五个设计技巧，开拓你的设计视野。</p>
					<p>当你在设计时手头上有三张照片，你会如何处理？你会将这三张照片都用上，对吧？其实没必要！一张照片就已经能够使设计信息有效传达。在这个例子中，校区里的塔楼就已经能够传达出这所学校的本质，比用上三张效果更好！标题单独一行，文字中的背景颜色区域静静地传达出有关信息。</p>
					<div class="back">[ <strong><a href="javascript:history.go(-1)">返回</a></strong> ]</div>
				</div>
			</div>