/* CSS Document */
/* 全局定义 */
*{margin:0; padding:0;}
html{ min-width:1600px;} 
body{text-align:center; font:normal 14px/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,
ul,
{
	transition: all 0.3s ease;
}
a:hover{color:#386eb6; }
.white{color:white;}
.green{color:#429b01;}
.yellow{color:#386eb6;}
.blue{color:#004ea0;}
.text{margin:0px 0px; padding: 0 30px; text-align:left; line-height:32px;}
.text2{margin:60px 0px; color:#666666}
tr:first-child{font-weight:bold;}
td{padding:0 5px;}



/* 头部 */
.header_out{width:100%; margin: 0 auto; height:108px; background-color:#fff; position:fixed; z-index:9999;}
#header_out2{width:100%; background:#aaaaaa;color:#386eb6; text-align:center;  margin-top:0px; height:38px; line-height:38px; font-weight:bold; font-size:14px;}
#header_out2 a{color:#386eb6; }
#header_out2 a:hover{color:#fff; }
.header_line{width:100%; margin:0 auto; height:18px; background-color:#434343;}
#header{ height:108px; width:1400px; overflow:visible; position:relative;  margin: 0 auto; text-align:left;}
#header .logo{ float:left;font:normal 24px/108px "microsoft yahei"; color:#666; margin:35px 0 0 0px;}
#header .cxt{ text-align:left;  position:absolute; right:270px; top:30px;  }
#header .tel{ position:absolute; right:330px; top:40px; font:bolder 20px/26px "microsoft yahei"; color:#386eb6; text-align:right; padding-left:30px; background:url(../images/telBg.png) left center no-repeat;}
#header .tel img{ float:left;}
#header .tel span{  font:bolder 24px/24px "microsoft yahei"; color:#c00725; font-style:italic;}
#header .ewm_top{ position:absolute; left:900px; top:30px; font:bolder 36px/36px "microsoft yahei"; color:#666;}
#header .language{ display:none; position:absolute; right:0px; top:30px; height:12px; text-align:right; font:normal 15px/15px "microsoft yahei";color:#bbb; }
#header .language img{ }
#header .language a{ color:#333; margin-left:10px; }
#header .language a:hover{ color:#cc0000; }
#header .language a.current{ text-decoration:underline; color:#000;}

.shareLink{ height:24px; width:24px; display:inline-block; overflow:hidden; border-radius:5px; vertical-align:middle}
.shareLink img{ height:30px; width:30px; margin:-3px 0 0 -3px;}
.search{ text-align:left; height:28px; width:193px;  border:0px solid #aaa;position:absolute; right:0px; top:38px;  border-radius:0px; }
.search span{ position:absolute; top:0px; left:0px; border:none; line-height:28px; padding-right:30px; background:none; color:#999; }
.search .key{ position:absolute; top:0px; left:0px; border:none; line-height:28px; background:none; color:#999; width:145px; border-bottom:1px solid #386eb6;}
input[type=text]:focus { 
    outline: none;
 }
input[type=text]::selection{
    background:transparent;
}
input[type=text]::-moz-selection{
    background:transparent;
}
.search .search_submit{ position:absolute; top:0px;right:0px;cursor:pointer; border:none; border-left:0px solid #aaa;  background:none;width:35px; color:#fff ;height:35px; background:url(../images/search.jpg) left top no-repeat;}

.w1440{width:1460px; margin: 0 auto; text-align:left;}
.w1200{width:1200px; margin: 0 auto; text-align:left;}
/* 菜单 */
#menu_out{ height:108px;text-align:center; float:left; width:750px; margin-left:150px; z-index:999; }
#nav{height:108px; width:750px; z-index:9; font:normal 16px/108px "microsoft yahei";}
#nav ul li {text-align:center;position:relative; float:left;}
#nav ul li.line{height:0px; width:1px; overflow:hidden; }
#nav ul li.line img{height:0px; width:1px; }
#nav li a{color:#386eb6; border-bottom:0px #fff solid; display:block; margin:0; width:auto; padding:0 30px; height:108px; line-height:108px; float:left; font-size:18px; font-weight:bold; }
#nav li a:hover{ color:#386eb6; border-bottom:0px #386eb6 solid;} 
#nav ul li ul{position:absolute;  top:108px; left:-0px;display:none;z-index:999; background:url(../images/menuBg.png) 55px top no-repeat;border-top:none;box-shadow:0px 0px 0px 0px #aaa; padding:13px 0 10px; }
#nav ul li ul li{ margin:0; display:block; padding:0; text-align:center;background:rgba(255, 255, 255, 0.9);}
#nav ul li ul a{ color:#666; padding:0; height:30px; width:130px; line-height:30px; font-size:13px; display:inline; margin:0px 30px; font-weight:lighter; text-align:left; border-bottom:1px #999 solid; }
#nav ul li ul a:hover{ color:#386eb6;border-bottom:1px #386eb6 solid;}
#nav ul li ul li:first-child{ padding:9px 0 0; border-radius:9px 9px 0 0;}
#nav ul li ul li:last-child{ padding:0 0 9px; border-radius:0 0 9px 9px;}
#nav ul li ul li:last-child a{ border-bottom:0px #999 solid;}
#nav ul li.pcls>a{ color:#386eb6; border-bottom:0px #386eb6 solid;}
#nav ul li ul li ul{top:-9999px;left:270px;}


.proImg{width:25%; text-align:center; display:block; float:left; margin-top:260px;}
a.proImg{color:#fff; font-size:28px; text-shadow:1px 1px 1px #000;}
a:hover.proImg{color:#386eb6;}

/*轮播图片*/
.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 "microsoft yahei";
    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 #386eb6 solid; background:#386eb6; height:40px; line-height:40px; font-size:18px; color:#fff; border-radius:18px; clear:both; margin:50px auto; display:block; width:150px;transition: all 0.3s ease; text-indent:20px;}
a.more .fj{float:right; display:block;height:40px; width:40px; border:1px solid #386eb6; border-radius:25px; margin:-1px -5px 0 0; background:#fff url(../images/fj.jpg) center no-repeat; position:relative; z-index:999;}
a:hover.more{ border:1px #999 solid; color:#fff; text-indent:1px; line-height:42px; background:#999;text-indent:20px;}
a:hover.more .fj{float:right; display:block;height:40px; width:40px; border:1px solid #999; border-radius:25px; margin:-1px -5px 0 0; background:#fff url(../images/fj.jpg) center no-repeat; position:relative; z-index:999;}
a.more2{ border:1px red solid; width:80px; height:24px; margin:0 auto; color:red; border-radius:5px; display:block; margin-top:50px;}
a:hover.more2{ border:1px red solid;  color:#fff; background:red;}
a.more3{ border:1px #386eb6 solid; background:#386eb6; padding:8px 70px; color:#fff; border-radius:0px; float:left; margin:20px 20px 0 0}
a:hover.more3{ border:1px #386eb6 solid; color:#386eb6; background:#fff;}
a.more4{ border:1px #333 solid; padding:5px 0; color:#333; background:#fff; width:120px; font-size:18px; border-radius:0px;margin:30px auto; clear:both; display:block;}
a:hover.more4{ border:1px #386eb6 solid; background:#386eb6;; color:#fff;}
a.more5{ border:1px #386eb6 solid; background:#386eb6; padding:5px 20px; font-size:15px; color:#fff; border-radius:8px; float:right; margin:-50px 20px 0 0}
a:hover.more5{ border:1px #386eb6 solid; color:#fff; background:#386eb6;}
a.more6{ border:1px #386eb6 solid; background:#386eb6; padding:0px 10px; font-size:15px; color:#fff; float:left; margin:60px 20px 0 0}
a:hover.more6{ border:1px #386eb6 solid; color:#fff; background:#386eb6;}

a.more7{clear:both; margin:50px auto; display:block; width:60px;transition: all 0s ease; text-align:center;}
a.more7 .jt2{display:block;height:60px; width:60px; border:1px solid #386eb6; border-radius:35px;  background:#f2f2f2 url(../images/jt2.jpg) 15px 15px no-repeat; position:relative; z-index:999;}
a:hover.more7{}

a.more8{ border:1px #9cabc4 solid; background:#9cabc4; height:35px; line-height:35px; font-size:24px; color:#fff; border-radius:6px; clear:both;display:block; font-weight:lighter; text-transform:uppercase; width:190px;transition: all 0.3s ease; text-align:center; float:right;}
a:hover.more8{ border:1px #386eb6 solid; color:#fff; text-indent:1px; line-height:35px; background:#386eb6;}

a.more12{ border:1px #386eb6 solid; background:#386eb6; height:40px; line-height:40px; font-size:18px; color:#fff; border-radius:18px; clear:both; margin:20px auto; display:block; width:90px;transition: all 0.3s ease; text-align:center; float:right;}
a:hover.more12{ border:1px #386eb6 solid; color:#386eb6; line-height:42px; background:#fff;}

.RecommendedNews{position:absolute; top:100px; left:980px; width:440px;}
.RecommendedTitle{border-radius:30px; height:56px; line-height:56px; font-size:24px; color:#fff; background:#386eb6; text-align:center; margin-bottom:30px; }
a.NewsIndexList2{text-align:left;  padding:0px; float:left; margin:20px 0px; width:440px; border-radius:10px; overflow:hidden; background:#fff;}
a.NewsIndexList2 img{ width:440px; height:210px; z-index:-1; border-radius:10px;}
a.NewsIndexList2 .NewsIndexBox{font-size:18px; text-align:left; background:#fff; margin:20px auto 0; border-radius:10px; padding:0 10px;  z-index:9; position:relative; }
a.NewsIndexList2 .NewsIndexTitle2{font-size:18px;line-height:56px; background-size:30px 2px; z-index:9; }
a.NewsIndexList2 .NewsIndexTitle{font-size:23px; color:#000; font-weight:bold; padding-bottom:10px}
a.NewsIndexList2 .NewsIndexDis{font-size:16px; color:#333; font-weight:normal;}
a.NewsIndexList2 .NewsIndexDate{font-size:15px; color:#000; font-weight:normal; padding-top:0px}
a.NewsIndexList2 .NewsIndexTitleText{}
a.NewsIndexList2 .NewsIndexContent{}
a:hover.NewsIndexList2{}
a:hover.NewsIndexList2 img{}
a:hover.NewsIndexList2 .NewsIndexBox{}
a:hover.NewsIndexList2 .NewsIndexTitle2{}
a:hover.NewsIndexList2 .NewsIndexTitle{ color:#386eb6}
a:hover.NewsIndexList2 .NewsIndexDate{ color:#386eb6}
a:hover.NewsIndexList2 .NewsIndexContent{}
a:hover.NewsIndexList2 .NewsIndexTitle2{ }

.pre,.next{font-size:16px; line-height:36px;}

/*form*/
.form{ margin:0px auto; text-align:left; position:relative; float:left; width:1160px; height:500px;}
.form #inputCompany{position:absolute; top:190px; left:0; width:550px; height:40px; line-height:40px; border:1px solid #ccc; color:#000; padding:0 10px;} 
.form #inputName{position:absolute; top:190px; right:0; width:550px; height:40px; line-height:40px; border:1px solid #ccc; color:#000; padding:0 10px;} 
.form #inputTel{position:absolute; top:245px; left:0; width:550px; height:40px; line-height:40px; border:1px solid #ccc; color:#000; padding:0 10px;} 
.form #inputEmail{position:absolute; top:245px; right:0; width:550px; height:40px; line-height:40px; border:1px solid #ccc; color:#000; padding:0 10px;} 
.form #inputContent{position:absolute; top:300px; right:0; width:1140px; height:120px; line-height:40px; border:1px solid #ccc; color:#000; padding:0 10px;} 
.form #inputContent textarea{ background:#fff; border:none; float:right; width:1080px; line-height:24px; padding:10px 0; height:100px;} 
.form input{ background:#fff; border:none; float:right; width:480px; line-height:40px;} 
.form input#submit{ font-size:18px; font-weight:lighter; height:40px; line-height:40px; text-transform:uppercase; clear:both; display:block; cursor:pointer; color:#386eb6; font-family:"microsoft yahei"; text-indent:0px; text-align:center; margin:15px auto; border:1px #ccc solid; float:none; width:160px; clear:both}
.form input:hover#submit{border:1px #386eb6 solid; color:#fff; background:#386eb6;}

#products_tab3{ width:1400px;padding-bottom:50px;}
#products_tab3 .title_tab3 ul{ width:1400px; margin:0 auto 30px;}
#products_tab3 .title_tab3 li{margin:40px 20px 40px 0px; overflow:hidden; float:left; text-indent:0; padding:0px 0px; font-size:15px; color:#000; font-weight:normal;  border-right:0; text-align:center;cursor:pointer; border-radius:0px;line-height:30px;  height:30px; }
#products_tab3 .title_tab3 li:last-child{ }
#products_tab3 .title_tab3 li.active1{border-bottom:2px solid #386eb6; color:#386eb6; font-weight:bold; }
#products_tab3 .title_tab3 li.active1 a{border-bottom:2px solid #386eb6; color:#386eb6;  }
#products_tab3 .title_tab3 li a{display:block; }
#products_tab3 .title_tab3 li a:hover{background:#386eb6; color:#fff; font-weight:bold; }
#products_tab3 .content2{ width:1400px; padding:20px 0px;  margin:0px auto 0px; clear:both;}
#products_tab3 .content2 a{ }
#products_tab3 .content2 a:hover{ border-bottom:2px solid #386eb6; }
#products_tab3 .content2 div{ padding:0px 0px 0;}
#products_tab3 .content2 div img{ max-width:100%; height:auto; padding:0}

#products_tab3 .title_tab4 ul{ width:1400px; margin:0 auto 30px;}
#products_tab3 .title_tab4 li{margin:40px 90px 40px 0px; overflow:hidden; float:left; text-indent:0; padding:0px 0px; font-size:24px; color:#000; font-weight:normal;  border-right:0; text-align:center;cursor:pointer; border-radius:0px;line-height:50px;  height:50px; }
#products_tab3 .title_tab4 li:last-child{ }
#products_tab3 .title_tab4 li.active1{border-bottom:2px solid #386eb6; color:#386eb6; font-weight:bold; }
#products_tab3 .title_tab4 li.active1 a{border-bottom:2px solid #386eb6; color:#386eb6;  }
#products_tab3 .title_tab4 li a{display:block; }
#products_tab3 .title_tab4 li a:hover{background:#386eb6; color:#fff; font-weight:bold; }


.indexContitle{ background:#386eb6; padding:0 20px; border-radius:20px; color:#fff; font-size:20px; margin-top:50px; display:none;}
.indexContitle2{ padding:20px 0px; border-radius:20px; color:#386eb6; font-size:48px; font-weight:bold; }
.indexContitle3{ padding:50px 0px; border-radius:20px; color:#888; font-size:18px;}
.BproImg,.BproImg img{width:550px; float:left;}
.pro_cs{float:right; width:650px;  margin:0px 0px 0 0; overflow:hidden; font-size:18px; line-height:0px;}
.indexContitle4{padding:40px 0px; border-radius:20px; color:#231815; font-size:32px; font-weight:bold; }
.indexContitle5{padding:0px 0px 50px; border-radius:20px; color:#386eb6; font-size:48px; font-weight:bold; margin-top:-20px; }
.proDetail2{ font-size:20px; font-weight:300; color:#000; line-height:36px;}
.proDetail2 img{max-width:1200px; font-size:24px; font-weight:300px; color:#000;}

.about_move{position:relative; float:right; width:1200px; height:330px; margin:0px auto;}
#a1{position:absolute; left:0; top:165px; }
#a2{position:absolute; right:0; top:165px;}
#div1 {
	overflow: hidden;
	width: 1200px;
	height: 320px;
	margin: 0px auto;
	position: relative;
}
#div1 ul {
	position: absolute;
	left: 0;
	top: 0;
}
#div1 ul li {
	float: left;
	list-style: none;
}
#div1 ul li img { }
#div1 ul li p{}


.xixi {	position:relative; width:1400px; height:320px; margin:0px auto 0;}
.bx_container{width: 1260px;height:360px; margin: 90px auto 0; position: relative; }
.bx_container ul li{margin:0px 0px 0 0px;overflow:hidden; cursor:pointer; }
.bx_container ul li img{ width:382px; height:268px; border-radius:20px; border:none; margin:0 20px;}
.bx_wrap .prev,.bx_wrap .next{ width:67px; height:104px;outline-style:none;outline-width:0;position:absolute; top:80px; z-index:111; text-indent:-99999px;}
.bx_wrap a.prev{left:-100px; background:url(../images/leftAbout.jpg) no-repeat;}
.bx_wrap a.next{right:-100px; background:url(../images/rightAbout.jpg) no-repeat; }


.about_move2{position:relative; float:right; width:1400px; height:430px; margin:0px auto;}
.about_move2 #div1 {
	overflow: hidden;
	width: 1200px;
	height: 430px;
	margin: 0px auto;
	position: relative;
}
.about_move2 #div1 li{margin:0px 20px;}
a.img_left11{}
a.img_left11 img{ width:420px; height:420px; border-radius:20px; border:none;}


.parameter{ font-size:20px; line-height:36px; border-bottom:1px solid #ccc; color:#000; font-weight:300; text-align:left;}
.parameter span{ float:right;}

.newsList{text-align:left;  padding:10px;}
.newsList .news_title{ font-size:15px;  background:url(../images/icon6.png) left 8px no-repeat; text-indent:18px;}
.newsList .newsContent{ width:560px;}
.newsList .num{ color:#aaa; float:right;}

.newsList2{text-align:left;  padding:0px; float:left; margin:0 10px 20px 10px; width:380px;}
.newsList2 img{width:380px;}
.newsList2 .news_title{ font-size:18px; line-height:36px}
.newsList2 .newsContent{}
.newsList2 div{ padding:15px; border:1px solid #ddd; margin-top:15px;}


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


.titleAbout{font-size:18px; text-transform:none; display:block; width:150px; padding:8px 0; margin:0 auto; color:#fff; background:#386eb6; border-radius:18px; font-weight:normal; font-family:"microsoft yahei";}
.titleAbout a{color:#fff;}
.titleAbout a:hover{color:#fff;}
.title_index{ font-size:36px; font-weight:bold; line-height:40px; padding-bottom:10px; color:#000; text-align:left; border-bottom:0px solid #999; margin:0 auto; width:1400px; margin-bottom:0px; font-family:"幼圆"; }
.title_index .entitle{ font-size:56px; font-weight:normal; line-height:48px; color:#000; text-align:left; text-transform:none; font-family:"microsoft yahei";/*font-stretch:condensed; 文字变窄*/}
.title_index span{ font-size:14px; font-weight:normal; padding-left:20px; }
.title_index span.en{ font-size:14px; font-family:"microsoft yahei"; padding-left:0}


/*等高宽样式
.wrapper222 {
	position: relative;
	height: 0;
	padding-top: 20%;
	background-color: brown;
}
.box222 {
	position: absolute;
	width: 20%;
	height: 100%;
	top: 0;
	left:auto;
	border: 1px solid #ccc;
	background-color:#ccc;
}
*/
#AboutListBox{ position:relative; height:0; padding-top:20%; width:100%;}
#AboutListBox a.AboutList{text-align:left; position:absolute; width:19%; margin-left:0.5%; top:0;  height:100%; border-radius:10px; overflow:hidden; cursor:pointer; }
#AboutListBox a.AboutList img{width:100%; height:100%; z-index:-1; }
#AboutListBox a.AboutList .AboutBox{ background:#fff; margin:0px 15px 0; width:90%; border-radius:10px; color:#000; z-index:9; transition: all 0.3s ease;  position:absolute; bottom:10px; overflow:hidden;}
#AboutListBox a.AboutList .AboutTitle{font-size:16px; text-align:left; line-height:28px; background:url(../images/icon2.png) 30px 10px no-repeat; padding:15px 30px 15px; background-size:30px 2px; font-weight:bold;}
#AboutListBox a.AboutList .AboutTitleText{ color:#fff; font-size:14px; padding:0 30px; position:absolute; bottom:-40px;}
#AboutListBox a.AboutList .AboutContent{}
#AboutListBox #AboutList1{left:0; }
#AboutListBox #AboutList2{left:20%; }
#AboutListBox #AboutList3{left:40%; }
#AboutListBox #AboutList4{left:60%; }
#AboutListBox #AboutList5{left:80%; }
#AboutListBox a:hover.AboutList .AboutBox{ background:#fff; border-radius:10px; padding-bottom:30px;}
#AboutListBox a:hover.AboutList .AboutTitle{ color:#386eb6; background-size:30px 2px;}
#AboutListBox a:hover.AboutList .AboutTitleText{color:#999;  position:absolute; bottom:15px;}



a.proList{text-align:center;  padding:0px; float:left; margin:0 0px 20px 20px; width:360px; height:490px; border-radius:10px; overflow:hidden;}
a.proList img{ width:360px; height:490px; z-index:-1;}
a.proList .proBox{text-align:center; background:#fff; margin:-275px auto 0; border-radius:10px; width:300px;  z-index:9; position:relative; opacity:0;font-size:28px;}
a.proList .proTitle2{font-size:28px;line-height:56px; background-size:30px 2px; z-index:9; }
a.proList .proTitle{font-size:20px; margin-top:160px; color:#fff; font-weight:bold;  z-index:9; position:relative;}
a.proList .proTitleText{}
a.proList .proContent{}
a:hover.proList{text-align:center;  padding:0px; float:left; margin:0 0px 20px 20px; width:360px; height:490px; border-radius:10px; overflow:hidden;}
a:hover.proList img{ width:360px; height:490px; z-index:-1; opacity:0.7;}
a:hover.proList .proBox{text-align:center; background:#fff; margin:-275px auto 0; border-radius:10px; width:300px;  z-index:9; position:relative; opacity:1;}
a:hover.proList .proTitle2{line-height:56px; background-size:30px 2px; z-index:9; }
a:hover.proList .proTitle{margin-top:160px; color:#fff; font-weight:bold; position:relative;}
a:hover.proList .proTitleText{}
a:hover.proList .proContent{}
a:hover.proList .proTitle2{font-size:18px;line-height:56px; background-size:30px 2px; z-index:9; }

a.NewsIndexList{text-align:left;  padding:0px; float:left; margin:0 0px 20px 40px; width:440px; height:430px; border-radius:0px; overflow:hidden; }
a.NewsIndexList img{ width:440px; height:auto; z-index:-1; border-radius:0px;}
a.NewsIndexList .NewsIndexBox{font-size:18px; text-align:left;margin:40px auto 0; border-radius:10px; padding:0 0px;  z-index:9; position:relative; }
a.NewsIndexList .NewsIndexTitle2{font-size:18px;line-height:56px; background-size:30px 2px; z-index:9; }
a.NewsIndexList .NewsIndexTitle{font-size:23px; color:#000; font-weight:400; padding-bottom:30px}
a.NewsIndexList .NewsIndexDis{font-size:12px; color:#333; font-weight:300;}
a.NewsIndexList .NewsIndexDate{font-size:15px; color:#666; font-weight:normal; padding-top:30px}
a.NewsIndexList .NewsIndexTitleText{}
a.NewsIndexList .NewsIndexContent{}
a:hover.NewsIndexList{}
a:hover.NewsIndexList img{}
a:hover.NewsIndexList .NewsIndexBox{}
a:hover.NewsIndexList .NewsIndexDis{color:#386eb6;}
a:hover.NewsIndexList .NewsIndexTitle{color:#386eb6;}
a:hover.NewsIndexList .NewsIndexTitleText{}
a:hover.NewsIndexList .NewsIndexContent{}
a:hover.NewsIndexList .NewsIndexTitle2{ }

.list {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 1400px;
}
.item {
  position: relative
  cursor: pointer;
  text-align:left;  padding:0px; float:left; margin:0 0px 20px 20px; width:380px; height:390px; background:#fff; box-shadow:0px 3px 16px 0px #aaa;  border-radius:0px; overflow:hidden; position:relative; text-align:center;
}
.title::before {
  content: counter(num) " ";
  width: 25px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  position: absolute;
  font-size: 14px;
  font-family: fantasy;
  left: 4px;
  background: center/100% 100%
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA8CAMAAAAe9Wm0AAAAbFBMVEUAAACaov2SnPKXnvaXofiyuvuCjPOgqvi4vfiBjPSyuf6Ml/a0u/21vPtte/F/i/WTnfWNmPiyuv6Ik/Zue/GRnPinr/Wfp/Gyuv6Ml/ebo/KTnfOutfqEj/W3vvpue/G/xfd1gvN8iPRodfBFzp+BAAAAF3RSTlMAECA7U2BgdIiTn6Wsvr+/v9Df39/s/o6+GugAAAGPSURBVHjazdZhk4IgEAZgpS6z8iotPEBF8P//x1tJrTxQlrm5uff7MxubLBtF9sQfp+ywjRCJk+zLhPq6SUwuxokhp4/YT1SUVtWam4nSZObImyA2YXHZ022cYsirOzwYoYti7nJzuMOqeHPNvke5jxgP2DRNNqLSMzQQtXjUtv8cBTWiwqOqohcsKikt8ajkHI+4EGjEBWNnNGJ1jUe1Vp9YJLSSeKRkh0eyC0BdEJIBZ5J/h1TA/6SUOgcgjUdaT6gJQA0CjV85jFrq/ZU/UYtA7HFzG5iA1PcOMnbs0b7tU/mcCAhjO/NE52A8jmXKMHYdnukTzE141vhyGWaSTq97ksMQhOnEF8qYFJvXneDO++lU82VznG0giYDppBVzTTvIffdjZSGFVjA2JHeVuRDbopOC6TrJ7GUSx0a1vYGR8u1kQ5krce5hJAUjlRbuRtuyu8GFVopxZ6OtxW5wObU2P3Ewaby+jya6R7UYO+C3xpICbk3NFhptTToaZ6OtzS/WGm39iUdkmdFFv5pvdNPREWjicTcAAAAASUVORK5CYII=);
}
.title {
  font-size:23px; color:#000; text-align:left; margin:30px 36px 0; padding:0 0 20px; border-bottom:1px solid #ccc;
}
.sumary {
  text-align:left; position:absolute; left:-300px; top:90px;
}

.item::before {
 
}

/* 默认 transition */

.item::before,
.item .sumary,
.item .title {
  transition: 0s 9999s;
}

/* 初始状态（第一个选中） */
.item:first-child .sumary {
  height: 40px;
}
.item:first-child .title {
  color: rebeccapurple;
}
.item:first-child::before {
  opacity: 1;
   width:530px; height:390px; background:url(../images/proBg.jpg) center center no-repeat;
}

/* 清除所有hover */
.list:hover .title {
  transition: none;
  color: #333;
}
.list:hover .sumary {
  transition: none;
  height: 0;
}
.list:hover .item::before {
  transition: none;
  opacity: 0;
}

/* 每一项hover */
.item:hover .title {
  color: rebeccapurple;
  transition: none;
}
.item:hover .sumary {
  height: 40px;
  transition: none;
}
.item:hover:before {
  opacity: 1;
  transition: none;
   width:530px; height:390px; background:url(../images/proBg.jpg) center center no-repeat;
}
a.ProIndexList{text-align:left;  padding:0px; float:left; margin:0 0px 20px 20px; width:380px; height:390px; background:#fff url(../images/proBg.jpg) -999px center no-repeat; box-shadow:0px 3px 16px 0px #aaa;  border-radius:0px; overflow:hidden; position:relative; text-align:center;}
a.ProIndexList img{ width:300px; height:auto; z-index:-1; border-radius:0px;}
a.ProIndexList .ProIndexBox{ text-align:left; position:absolute; left:-300px; top:90px;}
a.ProIndexList .ProIndexTitle{font-size:23px; color:#000; text-align:left; margin:30px 36px 0; padding:0 0 20px; border-bottom:1px solid #ccc;}
a.ProIndexList .ProIndexDis{font-size:12px; color:#000; font-weight:300;}
a.ProIndexList .ProIndexDate{font-size:15px; color:#666; font-weight:normal; padding-top:30px}
a.ProIndexList .ProIndexTitleText{}
a.ProIndexList .ProIndexContent{}
a:hover.ProIndexList{ width:530px; height:390px; background:url(../images/proBg.jpg) center center no-repeat;}
a:hover.ProIndexList img{ float:right; margin-right:40px;}
a:hover.ProIndexList .ProIndexBox{ position:absolute; left:50px; top:87px;}
a:hover.ProIndexList .ProIndexDis{color:#fff;}
a:hover.ProIndexList .ProIndexTitle{color:#fff;}
a:hover.ProIndexList .ProIndexTitleText{}
a:hover.ProIndexList .ProIndexContent{}
a:hover.ProIndexList .ProIndexTitle2{ }



a.NewsIndexList .moreNews{  border:1px #386eb6 solid; background:#fff; margin-top:-25px; height:25px; line-height:25px; font-size:18px; color:#386eb6; border-radius:18px; clear:both; display:block; width:90px;transition: all 0.3s ease; text-align:center; text-indent:10px; float:right;}
a.NewsIndexList .moreNews .fj{float:right; display:block;height:25px; width:25px; border:1px solid #386eb6; border-radius:25px; margin:-1px -5px 0 0; background:#fff url(../images/fj.jpg) center no-repeat; z-index:999; background-size:15px 15px;}
a:hover.NewsIndexList .moreNews{ border:1px #386eb6 solid; background:#386eb6; color:#fff;}
a:hover.NewsIndexList .moreNews .fj{ border:1px #386eb6 solid; }

a.NewsIndexList3{text-align:left;  padding:0px; float:left; margin:0 0px 20px 70px; width:350px;  overflow:hidden; }
a.NewsIndexList3 img{ width:350px; height:225px; z-index:-1; border-radius:0px;}
a.NewsIndexList3 .NewsIndexBox{font-size:18px; text-align:left; background:#fff; margin:20px auto 0;padding:0 0px;  z-index:9; position:relative; }
a.NewsIndexList3 .NewsIndexTitle{font-size:15px; color:#000; font-weight:bold; padding-bottom:10px}
a.NewsIndexList3 .more{font-size:12px; color:#999; font-weight:normal; border-bottom:1px solid #ccc;}
a:hover.NewsIndexList3{color:#386eb6;}
a:hover.NewsIndexList3 .NewsIndexTitle{color:#386eb6;}
a:hover.NewsIndexList3 .more{color:#386eb6;border-bottom:2px solid #386eb6;}


.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}

.titleB{font-size:28px; font-weight:bold; color:#386eb6; text-transform:uppercase;}
.titleLine{ background:#386eb6; height:2px; width:60px; margin:12px auto 5px;}
.titleS{font-size:15px; font-weight:normal; color:#999; text-transform:uppercase;}


.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;}

.contact{float:left; width:690px; height:400px;}
.contact p{ padding:30px; font-size:20px;line-height:36px;}
.contact p span{ font-size:24px; line-height:64px; display:block}

.contactEn{float:right; width:480px; height:400px; background:#f97c0f; color:#fff;}
.contactEn p{ padding:30px 20px 20px; font-size:15px;line-height:36px;}
.contactEn p span{ font-size:15px; line-height:64px; display:block}

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

.aboutTItle{ font-size:20px; font-weight:bold; color:#3465a5; line-height:60px;}
div.about{width:580px;font:normal 15px/25px "microsoft yahei"; position:absolute; top:50px; right:0px; color:#333; text-align:left; color:#fff; transition: 0.5s;}
.about a{ float:left; text-align:center;}
.aboutImg{width:1200px; padding:30px 0 0 0; font:normal 14px/25px "microsoft yahei"; color:#666; text-align:left;}

div:hover.about{ color:red; cursor:pointer; top:52px;right:-2px;} 

a.news_list{ height:120px; overflow:hidden; color:#999; float:left; border-bottom:1px dashed #ccc; width:550px; margin:15px auto; text-align:left; overflow:hidden;}
a.news_list .num{ font:bold 48px/70px "microsoft yahei",Arial, Helvetica, sans-serif; height:90px; width:90px; margin-right:20px; text-align:center;float:left; border-radius:0px; background:#386eb6; color:#fff;  }
a:hover.news_list .num{ background:#386eb6; }
a.news_list .num span{ font-size:12px; line-height:13px;  }
a.news_list .news_title{ font-weight:bold; font-size:16px; color:#111;}
a:hover.news_list,a:hover.news_list .news_title{  color:#386eb6;}


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:#386eb6;}
a.news_list2 .num{ font: normal 48px/60px "microsoft yahei",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 #386eb6; }
a.news_list2 .news_title{ font-weight:bold; font-size:18px;}

.news_right{ width:1200px; float:left;  padding-left:0px;}
.news_content{ display:block; overflow:hidden; padding-bottom:20px; text-align:left; margin:80px 0px 0; }
.news_content .time{ display:block; font-size:16px; text-align:left; border-radius:0px; line-height:24px; color:#999; border-bottom:0px solid #ccc; padding:20px 0 50px; margin-bottom:50px;}
.news_content .time span{font-weight:bold; font-size:18px;}
.news_content span.news_title{ display:block; font-weight:bold; margin-bottom:5px; font-size:48px; color:#000; text-align:left; line-height:64px;}

.shea{ display:block; font-size:16px; text-align:left; border-radius:0px; line-height:24px; color:#999; border-bottom:2px solid #ccc; padding:0px 0 50px; margin-bottom:50px;}

/* 左边 */
#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:#386eb6; }


#left { float:left; width:100%; margin:0px 0 30px; }


.menuTree{border-top:none;border-radius:0px;box-shadow:0px 3px 6px 1px #fff; padding:5px 0 5px;border-bottom:0px solid #f0613c; background:#f9f9f9;}
.menuTree .title_list{ display:none; font:bold 28px/70px  "microsoft yahei"; color:#fff; text-align:center;height:70px; background:#386eb6 url(../images/title_bg2.png) -0px top repeat; border-radius:0px; margin-bottom:0px;/* border-top:1px #384f8b solid;*/}
.menuTree .title_list span{font:normal 20px/20px  "microsoft yahei"; color:#fff; text-transform:uppercase; text-align:center;height:70px; background:#386eb6 url(../images/title_bg2.png) -0px top repeat; border-radius:0px; margin-bottom:0px;/* border-top:1px #384f8b solid;*/}
.menuTree UL LI UL {	DISPLAY:block;  /* display:none*/}
.menuTree .left_box {  line-height:18px;}


.menuTree LI { overflow:hidden; text-align:center;  display:inline-block; margin:0 20px 0 0;}
.menuTree UL LI A {
	font:bold 16px/40px "microsoft yahei"; color:#999; display:block; padding:5px 30px; border-radius:18px;  border:1px #f9f9f9 solid; display:inline-block; }
.menuTree UL LI A:hover {
	 color:#fff; background:#386eb6; border:1px #386eb6 solid;
}
.menuTree UL LI UL { margin:0 auto;}
.menuTree UL LI UL LI {}
.menuTree UL LI UL LI A {
	  display:block; font-weight:normal; font-size:16px; color:#666; height:30px; line-height:30px; border:none; text-indent:30px;
}
.menuTree UL LI UL LI A:hover { 
}
.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;}
}



#right { float:right; width:100%; }

.title_right{font:bold 14px/44px "microsoft yahei"; color:#333;  position:relative; height:64px; width:100%; float:right; border:1px solid #999; border-top:none; border-left:none; border-right:none; margin-top:40px;margin-bottom:30px;}
.title_right span{ top:0px; font-weight:normal; font-size:14px; color:#999 }
#right ul{ text-align:center; list-style:none;}
#right .right_text{margin:10px; line-height:24px; color:#333}
#right ul{ text-align:center; list-style:none;}
#right .right_text{margin:10px; line-height:24px; color:#333}

#right2 { margin:0 auto; padding-top:40px; width:1200px; }


/* 脚部 */
#footer_out{width:100%; background:#5279bd; color:#fff; padding-top:20px; font-size:13px; margin-top:50px; font-family:"microsoft yahei"; }
#footer{  width:1400px; margin:0 auto; overflow:hidden; text-align:center; clear:both; padding:150px 0 100px; min-height:200px; position:relative;}
.box{width:1400px; border:1px solid #fff; margin:20px auto; padding:20px;}
.box img{ padding:0 10px;}
#footer .footer_in{ text-align:left; width:1400px; margin:0 auto; color:#fff; font-size:18px; line-height:48px; border-bottom:1px solid #fff;}
#footer .footer_in img{  margin-top:0px; padding-bottom:30px; margin-right:120px;} 

.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:#fff; font-size:18px;}
.menuFooter li a:hover{  color:#999; }

#footer .name{font-size:20px; font-weight:bold; line-height:40px; border-bottom:1px #666 solid; width:330px; }
#footer .links a.name2{font-size:32px; line-height:45px; height:100px; display:block; font-weight:normal; }
#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 "microsoft yahei";}
.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 "microsoft yahei"; padding:0 40px 0 20px; margin-left:-20px; margin-top:8px;}

#footer .tel{ position:absolute; right:3px; top:0px; font:normal 12px/26px "microsoft yahei",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 .links{ float:right; margin-top:15px;}
#footer .linksEn{ position:absolute; top:30px; left:240px;}
#footer .links a{ color:#fff; font:lighter 20px/24px "microsoft yahei"; height:96px; display:block;}
#footer .links a:hover{ color:#999; text-decoration:none;}
#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:left; float:left; margin-top:20px; color:#fff; margin-bottom:40px; width:320px; font:lighter 20px/56px "microsoft yahei";}
.footer_contact img{ margin-bottom:50px;}
.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;}


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


#footer_out2{width:100%; background:#386eb6; color:#fff; text-align:center;  margin-top:0px; height:48px; line-height:48px;}

 .class1{float:left; text-align:left; padding:0px 0px 0px 90px; line-height:24px; margin-top:0px; width:120px;}
 .linksEn .class1{float:left; text-align:center; padding:0px 40px 0 40px; line-height:22px; margin-top:0px;}
 .friend_link{clear:both; text-align:right; padding-top:0px; margin:0 auto; width:1400px; font-size:16px; font-weight:normal;}


/* 页码 */
#page{width:100%; text-align:center; clear:both; padding-top:50px;  padding-bottom:15px;}
#page div.pages span.pagecount a { color:#fff; border: 1px #ccc solid; background:#ccc; padding: 3px 8px 3px 8px; border-radius:3px;}
#page div.pages span.pagecount a:hover {background-color: #ca1a25; color: #fff; text-decoration:none; border:1px #ca1a25 solid;}
#page div.pages span.pagecount span.current u{ color:#666; border: 1px #ccc solid; background:#fff; padding: 3px 8px 3px 8px; border-radius:3px; text-decoration:none;}




/* 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;}
/* pro */
a.more_proTitle{ float:right; margin-right:19px; font-weight:bold; line-height:16px; margin-top:30px; color:#386eb6;}
a:hover.more_proTitle{color:#3465a5; text-decoration:underline;}

a.img_left{ display:block; position:relative; width:280px; height:280px; margin:30px 0 0 15px; overflow:visible; float:left; text-align:center; background:#fff;border:1px solid #333;  }
a:hover.img_left{ border:1px solid #386eb6; }
a.img_left img {width:280px; height:280px; padding:0px 0 0;}
a:hover.img_left img { margin:0}
a.img_left p{ padding:0px;line-height:40px; width:280px; height:40px; overflow:hidden; overflow:hidden; background-color:#999 ; color:#fff;  position:absolute; bottom:0px; left:0}
a:hover.img_left p{ color:#fff;background-color:#386eb6;}
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:540px; height:420px; margin:0 30px 60px ; overflow:visible; float:left; text-align:center; background:#ddd; }
a:hover.img_left2{  }
a.img_left2 img {width:500px; height:350px; padding:20px 0 0;}
a:hover.img_left2 img {}
a.img_left2 p{ text-align: left; font-weight: normal; color: #000; text-indent: 20px;; }
a:hover.img_left2 p{ color:#386eb6; }
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;}

a.img_left3{ display:block; position:relative; width:230px; height:190px; margin:0px 5px 10px 5px; overflow:visible; float:left; text-align:center; background:#fff; border:0px solid #ccc; }
a:hover.img_left3{ border:0px solid #386eb6; }
a.img_left3 img {width:230px; height:150px; padding:0px 0 0;}
a:hover.img_left3 img {}
a.img_left3 p{ padding:0px;line-height:40px; width:230px; height:40px; overflow:hidden; overflow:hidden; background-color:#386eb6 ; color:#fff;  position:absolute; bottom:0px; left:0}
a:hover.img_left3 p{ color:#fff; background-color:#386eb6;}
a.img_left3 .pro_tip{ position:absolute; top:0; left:30px; width:51px; height:94px; border:none;}
a:hover.img_left3 .pro_tip{ position:absolute; top:0; left:30px; width:51px; height:94px; border:none;}

a.img_left4{ display:block; position:relative; width:230px; height:290px; margin:0px 5px 10px 5px; overflow:visible; float:left; text-align:center; border:0px solid #ccc; }
a:hover.img_left4{ border:0px solid #386eb6; }
a.img_left4 img {width:230px; height:230px; padding:0px 0 20px;}
a:hover.img_left4 img {}
a.img_left4 p{ padding:0px;line-height:20px; width:230px; height:20px; color:#333; text-align:left;}
a:hover.img_left4 p{ color:#386eb6;}
a.img_left4 .pro_tip{ position:absolute; top:0; left:30px; width:51px; height:94px; border:none;}
a:hover.img_left4 .pro_tip{ position:absolute; top:0; left:30px; width:51px; height:94px; border:none;}
a.img_left4 p.p2{color:#999;}
a:hover.img_left4 p.p2{ color:#386eb6;}

a.img_left5{ display:block; position:relative; width:230px; height:320px; margin:0px 24px 48px 24px; overflow:visible; float:left; text-align:center; border:1px solid #ccc; padding:10px;}
a:hover.img_left5{ border:1px solid #386eb6; }
a.img_left5 img {width:230px; height:230px; padding:0px 0 20px;}
a:hover.img_left5 img {}
a.img_left5 p{ padding:0px;line-height:24px; width:230px; height:24px; color:#333; text-align:left;}
a:hover.img_left5 p{ color:#386eb6;}
a.img_left5 .pro_tip{ position:absolute; top:0; left:30px; width:51px; height:94px; border:none;}
a:hover.img_left5 .pro_tip{ position:absolute; top:0; left:30px; width:51px; height:94px; border:none;}
a.img_left5 p.p2{color:#999;}

a.img_left6{display:block;position:relative; width:280px; height:280px; margin:0px 8px 16px 8px; overflow:visible; float:left; text-align:center; border:1px solid #ccc;}
a:hover.img_left6{ border:1px solid #386eb6; }
a.img_left6 img {width:280px; height:280px;}
a.img_left6 p{ text-align:left; display:none;}
a.img_left6 p .p1{position:absolute; left:10px; bottom:30px;}
a.img_left6 p .p2{position:absolute; left:10px; bottom:10px;}
a:hover.img_left6 p{ display:block; text-align:center; width:100%; position:absolute; bottom:0px; height:30px; line-height:30px; background:#386eb6}
a:hover.img_left6 p .p1,a:hover.img_left6 p .p2{ position:relative; color:#fff;left:auto; bottom:auto;}

a.img_left7{display:block;position:relative; width:280px; margin:0px 8px 16px 8px; overflow:visible; float:left; text-align:center; }
a.img_left7 img {width:280px;}
a.img_left7 p{ padding:0px;line-height:30px; padding:0 0px; height:30px; color:#333; text-align:center; position:absolute; bottom:30px;}

a.img_left8{margin: 0px 0px; width:240px; text-align:center; padding:0 0px;}
a.img_left8 .title{ color:#386eb6; font-img_left12 size:26px; margin-bottom:20px;}

a.img_left9{padding: 0px 40px 60px; display:block; float:left;}

a.img_left10{margin: 20px 35px; float:left;}
a.img_left10 img{ width:328px; height:123px;}

a.img_left12{ display:block; position:relative; width:100%; height:800px; margin:40px 0; overflow:visible; text-align:left; background:#fff; color:#000; border:0px solid #ccc; }
a:hover.img_left12{ border:0px solid #386eb6; background:#fefefe; box-shadow:0px 3px 6px 6px #ddd; }
a.img_left12 img {width:500px; height:auto; position:absolute; left:80px; top:150px;}
a:hover.img_left12 img {}
a.img_left12 .img_left12_in{ width:650px; height:600px; left:650px; top:100px; position:absolute;}
a:hover.img_left12 .img_left12_in{ }
a.img_left12 .img_left12_in .indexContitle2{ font-size:36px; font-weight:normal; line-height: 48px;}
a.img_left12 .img_left12_in .indexContitle3{ font-size:22px; font-weight:normal; padding:20px 0;}
a.img_left12 .img_left12_in .indexContitle4{ font-size:16px; font-weight:normal; color:#000; padding:0 0; margin-bottom: 20px; border-bottom:1px solid #ccc;  border-radius:0px; }
a.img_left12 .img_left12_in .indexContent{ font-size:14px; font-weight:normal;}

.proList2{width:650px; height:530px; background:#fff; float:left; text-align:left; position:relative; padding:0; margin:40px;}
.proList2 .proImg2{width:650px; height:530px; position:absolute; top:0; right:0;}
.proList2 .proTitle2{ position:absolute; left:40px; top:60px;font-size:16px; color:#386eb6; font-weight:bold; }
.proList2 .proTitle3{ position:absolute; left:40px; top:150px;font-size:14px; line-height:50px; color:#999; }
.proList2 a.more2{ position:absolute; right:50px; top:410px; border:1px #386eb6 solid; background:#386eb6; height:40px; line-height:40px; font-size:18px; color:#fff; border-radius:18px; clear:both; margin:50px auto; display:block; width:150px;transition: all 0.3s ease; text-align:center; text-indent:20px;}
.proList2 a.more2 .fj{float:right; display:block;height:40px; width:40px; border:1px solid #999; border-radius:25px; margin:-1px -5px 0 0; background:#fff url(../images/fj.jpg) center no-repeat; z-index:999;}
.proList2 a:hover.more2{ border:1px #999 solid; color:#fff; background:#999;}


.products_tab{ width:1100px; margin:0 auto;}
.products_tab .title_tab{ float:left; width:300px;}
.products_tab .title_tab li{cursor: pointer; background:#aaa; color:#fff; height:64px; margin-bottom:64px; border-radius:18px; text-align:center; line-height:64px; font-size:16px;}
.products_tab .title_tab li.active1{background:#386eb6;}
.products_tab .content{ float:right; width:500px; padding-right:250px; font-size:20px; line-height:30px; background:url(../images/ourservices.jpg) no-repeat; min-height:400px; padding-top:65px; color:#000; font-weight:300; vertical-align:baseline;}


#product li{text-align:center;line-height:25px;float:left;padding:9px 5px;}
#probox{width:900px;overflow:hidden;height:410px;}
#prolist{width:2000px;}
#left,#right{cursor:pointer;}

.bigimg{float:left; width:400px; margin:0 30px 0 0; }
.proDetail{float:right; width:450px; font:bold 18px/36px "microsoft yahei"; }
.title_pro2{font:normal 28px/56px "microsoft yahei"; margin:20px 0 20px 0; color:#111; border-bottom:1px solid #ccc;}
.title_pro3{font:bold 16px/30px "microsoft yahei"; margin:10px 0 10px 0; color:#333 }
/* 页码 */
/* 页码 */
#page{width:100%; text-align:center; clear:both; padding-top:50px;  padding-bottom:15px;}
#page  a { color:#386eb6; border: 1px #ccc solid; background:#fff; padding: 3px 8px 3px 8px; border-radius:0px;}
#page  a:hover {background-color: #386eb6; color: #fff; text-decoration:none; border:1px #386eb6 solid;}
#page  span.current u{ color:#fff; border: 1px #386eb6 solid; background:#386eb6; padding: 3px 8px 3px 8px; border-radius:0px; text-decoration:none;}

.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 .title_tab2 ul{ width:900; margin:0 auto; height:56px; }
#products_tab .title_tab2 li{margin:20px 10px 0 0px; overflow:hidden; float:left; text-indent:0; padding:5px 0px 20px; font-size:28px; background:#fff; cursor:pointer; color:#333; font-weight:normal; border-left:0px solid #ccc;border-bottom:0px solid #999; }
#products_tab .title_tab2 li.active1{background:#fff; color:#111; border-bottom:0px solid #386eb6; font-weight:normal; }
#products_tab .content2{  width:900px; padding:20px 0; margin:0 auto 30px; background:#fff; clear:both; border-top:1px solid #ccc;}
#products_tab .content2 div{ padding:0px 0px 0;}
#products_tab .content2 div img{ max-width:860px; height:auto; padding:0}
#products_tab .title_tab2 #btn_21{border-left:none;}
			 
			 
#products_tab1 .title_tab1 ul{ width:1480px; margin:0px auto; border-bottom:1px solid #ccc;}
#products_tab1 .title_tab1 li{margin:-4px 10px 0 0px; overflow:hidden; float:left; text-indent:-9999px; width:120px; height:8px; font-size:28px; background:#ccc; cursor:pointer; color:#333; font-weight:normal; border-left:0px solid #ccc;border-bottom:0px solid #ccc; }
#products_tab1 .title_tab1 li:first-child{ margin-left:380px; }
#products_tab1 .title_tab1 li.active1{background:#386eb6; color:#111; border-bottom:0px solid #386eb6; font-weight:normal; }
#products_tab1 div.content2{  width:1240px; height:450px; padding:0px 0; margin:0 auto 80px; clear:both; border-top:0px solid #ccc; overflow:hidden;transition: all 1s ease;}
#products_tab1 div:hover.content2{  width:1400px;  height:450px; padding:0px 0; margin:0 auto 80px; clear:both; border-top:0px solid #ccc; overflow:hidden; transition: all 0.3s ease;}
		 
			 
			 
			 
			 
/* news */
.newsShow{width:601px; float:left; margin:60px 0px 0 0px;}
.news{ width:550px;  padding-top:20px; float:right; margin-top:20px; }
.news ul{ text-align:center; list-style:none;}
.news ul li{ color:#999; margin:0 auto; text-align:right; width:270px; 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:#386eb6}


.news3{float:right;}

.title3{font:bold 20px/30px "microsoft yahei","宋体"; 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; }

.newsIndexList{float:right;}
.newsIndexList li{display:inline;}
.newsIndexList li a{ background:#ccc; color:#000; padding:10px;}
.newsIndexList li a:hover,.newsIndexList li a.current{ background:#386eb6; color:#fff;}

a.news_list3{ height:120px; overflow:hidden; color:#999; float:left; width:550px; margin:25px 25px; text-align:left; overflow:hidden;}
a.news_list3 .newsImg{float:left; margin-right:15px;}
a.news_list3 .num{ font:bold 13px/18px Arial, Helvetica, sans-serif; height:30px; text-align:left; text-indent:30px; background:url(../images/iconTime.png) top left no-repeat; border-radius:0px; color:#999; width:342px; float:right;}
a.news_list3 .news_title{ font-weight:normal; font-size:16px; line-height:40px;color:#111; }
a:hover.news_list3,a:hover.news_list3 .news_title,a:hover.news_list3 .num{  color:#386eb6;}

.news_list4{ height:50px; line-height:50px; overflow:hidden; color:#333; float:left; width:550px; margin:25px 25px; text-align:left; overflow:hidden; border-radius:15px; text-indent:90px; background:#eee url(../images/icon.png) 65px center no-repeat;}
.proTitle{ font-size:18px; color:#000;}
.pro_cs2{float:right; width:600px;  margin:20px 0px 0 0; overflow:hidden; font-size:18px; line-height:60px;}
.title1{ color:#999;}
.title2{font-size:30px;  display:block; height:60px; line-height:36px; margin-bottom:10px; background:url(../images/line.png) left bottom no-repeat; color:#333;}
.hr{border-bottom:1px solid #ddd; clear:both; margin:10px 0;}
.bdsharebuttonbox{float:left;}


/*轮播样式ʽ*/
.poster_box {
  overflow: hidden;
  margin: 100px 20px 0
}
.poster_box h2 {
  font-size: 30px;
  color: #015293;
  font-weight: bold;
  text-align: center;
}
.poster_box h3 {
  font-size: 16px;
  color: #015293;
  margin: 10px 0 35px;
  text-align: center;
}
.poster-main {
    position: relative;
    width: 100%;
    height: 840px!important;
    margin-left: auto;
    margin-right: auto;
}
.poster-main img {
    display: block;
}

.poster-main a, .poster-main img {
  display: block;
  width: 100%;
  height: 100%;
}
.poster-main img {}
.poster-main .poster-list {
  width: 1400px;
  height: 840px;
}
.poster-main .poster-list .poster-item {
  width: 400px;
  height: 840px;
  position: absolute;
  left: 0;
  top: 0;
}
.poster-main .poster-list .poster-item .item {
  position: relative;
  width: 100%;
  height: 100%
}
.poster-main .poster-btn {
  position: absolute;
  top: 0;
  cursor: pointer;
  filter: opacity(.8) brightness(1);
}
.poster-main .poster-btn:hover {
  filter: opacity(1) brightness(2);
}
.poster-main .poster-prev-btn {
  left: 0;
  background: url(../images/left.png) no-repeat center center;
}
.poster-main .poster-next-btn {
  right: 0;
  background: url(../images/right.png) no-repeat center center;
}
.poster-item-title {
 background:rgba(42, 42, 42, 0.8) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/
filter:Alpha(opacity=80); background:#2a2a2a;

  color: #FFF;
  width: 100%;
  height: 52px;
  line-height: 52px;
  position: absolute;
  bottom: 0;
  text-indent: 29px
}
.lunbo_btn {
  height: 15px;
  width: 100%;
  margin: 0px auto;

  position: absolute;
  z-index: 3;
  text-align: center; bottom: 2px
}
.lunbo_btn li {
  width: 14px;
  height: 14px;
  display: inline-block;
  background-color: #b4b5b7;
  border-radius: 50%;
  margin: 0px 2px;
  cursor: pointer;
}
.lunbo_btn li.poster-btn-active {
  background-color: #0b518a;
}

.title_list{float:left; font:bold 20px/64px 'microsoft yahei';}
.left_box a{float:left; font:normal 20px/32pxx 'microsoft yahei'; padding:0 10px; margin:20px;}