.w1200{ width:1200px; margin:auto; clear:both; position:relative;}
.sep{ width:100%; height:30px; float:left; clear:both; overflow:hidden;}
.hover{-o-transition:all ease .3s;  -webkit-transition: all ease .3s; -moz-transition:all ease .3s; -ms-transition:all ease .3s;  transition: all ease .3s;}
.hover:hover{-o-transform:scale(1.05); -webkit-transform: scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); transform: scale(1.05);}
#toper{ float:left; clear:both; width:100%; height:40px; line-height:40px; background:#232526; color:#999;}
#toper b{ color:#ee7700;}
#toper i{ font-size:14px; margin:0px 0px 0px 0px;}
#toper p {
  float: left;
}
#toper p i {
  font-style: normal;
  color: #999;
}
#toper p em{
  font-style: normal;
  font-weight: bold;
  color:#ee7700;
}
#toper .wx {
  background: url(../images/twx.png) no-repeat left;
  padding-left: 33px;
  position: relative;
}
#toper .wx img{
  width: 120px;
  height: 120px;
  position: absolute;
  top: 99%;
  left: -30px;
  display:none;
  z-index:9999999;
}
#toper .wx:hover img{
  display: block;
}
#toper .dh {
  background: url(../images/ttel.png) no-repeat left;
  padding-left: 28px;
  margin-left: 30px;
}
#header{ position:fixed; left:0px; width:100%; height:70px; background:rgba(255,255,255,0.8); z-index:99999; box-shadow: 0 5px 12px rgba(0,0,0,.07);}
.header_top40{top:40px;}
.header_top0{ top:0px;}
#logo{ float:left; height:70px; background:url(../images/logo.png) 0px center no-repeat; text-indent:10px; font-size:32px; overflow:hidden;}
#logo b{ display:block; float:left; clear:both; width:100%; padding:8px 0px 0px 0px; height:36px; line-height:36px; color:#333; font-weight:normal;}
#logo i{ display:block; float:left; clear:both; width:100%; height:24px; line-height:24px; font-weight:normal; font-size:12px; letter-spacing:0px; text-transform:uppercase; font-family:Arial; color:#999;}
#logo .index{color:#ee7700;}
#menu{ float:right; padding:0px 0px;}
#menu ul li{ float:left; width:100px; height:70px; text-align:center; position:relative; }
#menu ul li>a{ display:block; width:100%; height:68px; line-height:68px; border-bottom:solid 2px #FFF; font-size:16px;}
#menu ul li .curr{ color:#ee7700; border-bottom:solid 2px #ee7700; }
#menu ul li em{ display:none; position:absolute; left:0px; top:70px; width:100px; overflow:hidden;z-index:99999999;}
#menu ul li em a{ display:block; width:100%; height:40px; line-height:40px; text-align:center; color:#FFF; background:rgba(0,0,0,0.25); }
#menu ul li em a:hover{background:rgba(0,0,0,0.35);}

#flash{ width:100%; padding-top:70px; height:600px; float:left; clear:both; overflow:hidden; position:relative; z-index:88;}
#banner{ width:100%; padding-top:70px; height:300px; float:left; clear:both; overflow:hidden; position:relative; background-position:center 70px; background-repeat:no-repeat; background-size:auto;}

.top { position:relative; width:1200px; margin:20px auto 20px auto; clear:both; height:80px; overflow:hidden; border-bottom:solid 1px #DDD; text-align:center; font-size:36px; color:#333;}
.top i{ display:block; margin:auto; clear:both; width:160px; line-height:75px; border-bottom:solid 5px #5b96ea;}
.top b{
    font-size:100px;
    font-weight:bold;
    color: rgba(169,179,197,.1);
    position: absolute;
    top: 0;
    left: 0;
    text-transform: uppercase;
    z-index: 1;
    line-height: 0.8;
    width: 100%;
    text-align:center;
}
.top2{ width:100%; text-align:center; line-height:30px; padding:0px 0px 20px 0px; color:#999; overflow:hidden;}

.index_top { float:left; clear:both; width:100%; border-bottom:solid 1px #DDD; height:60px; line-height:60px; overflow:hidden; position:relative;}
.index_top b{ display:block; float:left; font-size:24px; line-height:55px; border-bottom:solid 5px #5b96ea; padding:0px 5px; color:#333; font-weight:normal;}
.index_top a{ display:block; float:right; font-size:14px; color:#999;}

#index1{ width:100%; height:64px; float:left; clear:both; position:relative; box-shadow:0px 2px 5px #CCC;}
#index1 .left{  position:relative; width:136px; height:44px; padding:10px; background:#5b96ea; color:#FFF;}
#index1 .left b{ display:block; float:left; clear:both; width:100%; font-weight:normal; font-size:24px; line-height:24px; text-align:center; }
#index1 .left i{ display:block; float:left; clear:both; width:100%; font-weight:bold; font-size:14px; line-height:20px; text-align:center; font-family: 'Times New Roman'; font-style:italic; opacity: .6;}
#index1 .right{ width:1044px; height:64px; overflow:hidden;}
#index1 .right ul { width:1044px; height:64px; overflow:hidden;}
#index1 .right li{ float:left; width:522px; height:64px; line-height:64px; background:url(../images/1.png) 10px 30px no-repeat; overflow:hidden;}
#index1 .right li a{ display:block; float:left; width:400px; overflow:hidden; text-indent:20px; color:#666;}
#index1 .right li i{ display:block; float:left; width:122px; text-indent:10px; overflow:hidden; color:#999;}

#index0{ width:100%; float:left; clear:both; padding:40px 0px 80px 0px; background:url(../images/bg13.png) center center no-repeat; background-size:100% 100%; overflow:hidden;}
#index0 ul{ float:left; width:1220px; padding:20px 0px 10px 0px; overflow:hidden;}
#index0 ul li{ width:200px; height:300px; padding:11px; border:solid 1px #DDD; float:left; margin:0px 20px 0px 0px; overflow:hidden; box-shadow:0px 2px 6px #DDD;}
#index0 ul li:hover{ border:solid 1px rgba(180,210,255,0.65); background:rgba(180,210,255,0.5);}
#index0 ul li em{ display:block; width:120px; height:120px; margin:40px auto 30px auto; clear:both; overflow:hidden; text-align:center;}
#index0 ul li em img{ width:120px; height:120px;}
#index0 ul li b{ display:block; width:100%; height:40px; line-height:40px; text-align:center; font-weight:normal; font-size:22px;}
#index0 ul li i{ display:block; width:100%; height:40px; line-height:40px; text-align:center; font-size:14px; font-family: 'Times New Roman'; font-style: italic; font-weight: bold; text-transform:uppercase; color: #cb7a16; opacity: .5; overflow:hidden;}
 
#indexabout{ float:left; clear:both; width:100%; height:400px; background:url(../images/bg12.jpg) center center no-repeat; background-size:cover; padding:120px 0px 120px 0px; overflow:hidden;}
#indexabout #map{ float:left; width:600px; height:400px; background:#FFF; border:solid 5px #FFF; overflow:hidden;}
#indexabout .about{ float:right; width:550px; padding:10px 0px 0px 0px; overflow:hidden;}
.company-name-box {
	width: 400px;
	height: 100px;
	position: relative;
	padding: 15px 32px;
}
.company-name-box .top-icon,
.company-name-box .bottom-icon {
	position: absolute;
	width: 32px;
	height: 32px;
	background-image: url(../images/09.png);
	background-repeat: no-repeat;
}
.company-name-box .top-icon {
	top: 0;
	left: 0;
	background-position: 0 0;
}
.company-name-box .bottom-icon {
	right: 0;
	bottom: 0;
	background-position: 0 -32px;
}
.company-name-box .company-zh-name,
.company-name-box .company-en-name {
	width: 100%;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
}
.company-name-box .company-zh-name {
	font-size: 36px;
	color: #5b96ea;
}
.company-name-box .company-en-name {
	font-size: 50px;
	color: #b3d2ff;
}
#indexabout .about p{ width:100%; padding:20px 0px 0px 0px; max-height:270px; line-height:30px; overflow:hidden; color:#FFF; text-indent:2em;}
#indexabout .about a{ display:block; float:right; margin:10px 0px 0px 0px; width:100px; height:36px; line-height:36px; background:#5b96ea; text-align:center; color:#FFF; border-radius:2px;}

 
#index5{ float:left; clear:both; width:100%; padding:30px 0px 110px 0px; overflow:hidden;}
#index5 .list{ position:relative; width:1360px; padding:30px 0px 0px 0px; margin:auto; clear:both; overflow:hidden;}
#index5 .list>i{ position:absolute; width:60px; height:60px; top:100px; border-radius:5px; cursor:pointer;}
#index5 .list #f1{ left:0px; background:#F0F0F0 url(../images/index_592.png) center center no-repeat; background-size:40px 40px;}
#index5 .list #f2{ right:0px; background:#F0F0F0 url(../images/index_622.png) center center no-repeat; background-size:40px 40px;}
#index5 .gd{ width:1200px; margin:auto; clear:both; overflow:hidden;}
#index5 ul{ width:1200px; height:220px; overflow:hidden;}
#index5 ul li{ float:left; width:270px; height:220px; position:relative; margin:0px 15px; overflow:hidden;}
#index5 ul li em{ display:block; width:100%; height:220px; background-position:center center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
#index5 ul li span{ display:block; position:absolute; left:0px; bottom:0px; width:100%; background:rgba(0,0,0,0.6); box-sizing:border-box; padding:0px 10px; font-size:16px; color:#FFF; height:50px; line-height:50px; text-align:center; overflow:hidden;}

#index_news{width:100%; float:left; background:#F0F0F0; background:url(../images/bg11.jpg) center center no-repeat; background-size:cover; padding:100px 0px 100px 0px; overflow:hidden;}
#index_news .body{ width:1230px; float:left; clear:both; overflow:hidden;}
#index_news .newslist{ float:left; width:340px; padding:20px 20px 40px 20px; background:rgba(255,255,255,0.9); margin:0px 30px 0px 0px; overflow:hidden;}
#index_news .title{width:100%; margin-bottom:10px; line-height: 40px;font-size:22px; color:#333;}
#index_news .title a{float: right; margin-top:10px; padding:3px 6px; line-height:20px; font-size:12px;  border-radius:500px; font-family: Arial; background:#5b96ea; color:#FFF;}
#index_news .img{ float:left; clear:both; width:100%; height:180px; margin:20px 0px 15px 0px; overflow:hidden;}
#index_news .img img{ width:100%; height:180px;}
#index_news ul li{ width:100%; float:left; clear:both; height:36px; line-height:36px; background:url(../images/1.png) 0px 15px no-repeat;  overflow:hidden;}
#index_news ul li a{ display:block; float:left; width:260px; overflow:hidden; text-indent:10px;}
#index_news ul li i{ display:block; float:left; width:80px; font-size:12px; color:#888; font-family: Arial; text-align:right; overflow:hidden;}

#index6{ float:left; clear:both; width:100%; padding:30px 0px 100px 0px;  background:url(../images/bg14.jpg) center center no-repeat; background-size:100% 100%; overflow:hidden;}
#index6 .list{ width:1240px; padding:30px 0px 0px 0px; clear:both; overflow:hidden;}
#index6 .list ul{ width:100%; background:#FFF; margin-bottom:-1px; overflow:hidden;}
#index6 .list li{ float:left; width:208px; padding:20px 20px 20px 19px; border:dashed 1px #DDD; border-top:none; border-left:none; overflow:hidden;}
#index6 .list li:nth-child(5n) { border-right: none;}
#index6 .list li em{ display:block; width:100%; height:120px; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:100% auto;}

#footerlink{ width:100%; float:left; clear:both; overflow:hidden; background:#484848; padding:70px 0px 0px 0px; border-top:solid 2px #5b96ea;}
#footerlink>div{ position:relative; width:1160px; margin:auto; clear:both; line-height:30px; padding:29px 19px 19px 19px; border:solid 1px #666;}
#footerlink>div i{ position:absolute; left:20px; top:-15px; display:block; height:30px; line-height:30px; background:#484848 url(../images/link.png) 5px center no-repeat; padding:0px 20px 0px 35px; color:#ee7700; font-size:22px;}
#footerlink>div a{ margin:0px 15px 0px 0px; color:#FFF;}

#footer{width:100%; padding:20px 0px 60px 0px; background:#484848; color:#FFF; float:left; clear:both;}
#footer .w1200{ position:relative; overflow:visible;}
#footer a{ color:#FFF;}
#footer .left{ width:290px; padding:25px 0px 0px 0px; color:#FFF;}
#footer .left ._top{ width:100%; float:left; font-size:22px; padding:0px 0px 5px 0px; clear:both; line-height:40px;}
#footer .left ._top i{color:#CCC; font-size:12px; padding:0px 0px 0px 10px; letter-spacing:2px;font-family: 'Times New Roman'; font-style:italic;font-weight: bold;}
#footer .tel{ width:100%; float:left; clear:both; box-sizing:border-box; height:54px; background:url(../images/telephone.jpg) 0px center no-repeat; line-height:25px; padding:2px 0px 2px 75px; font-size:16px;}
#footer .tel b{ font-size:22px;}
#footer .add{ width:100%; padding:10px 0px 0px 0px; float:left; clear:both; line-height:25px; color:#CCC;}
#footer .right{ width:910px; height:160px; padding:10px 0px 0px 0px; position:relative; overflow:hidden;}
#footer .right dl{ float:left; width:180px; overflow:hidden;}
#footer .right dl dt{width:100%; float:left; clear:both; height:40px; line-height:40px; font-size:16px; text-align:center;}
#footer .right dl dd{ width:100%; float:left; clear:both; line-height:30px; text-align:center;}
#footer .right dl dd a{ color:#CCC;}
#footer .right .ewm{ position:absolute; right:0px; top:20px; width:126px; height:160px; overflow:hidden;}
#footer .right .ewm img{ width:126px; height:126px;}
#footer .right .ewm em{ display:block; width:100%; line-height:30px; text-align:center;}

#copy{ float:left; clear:both; width:100%; padding:30px 0px; line-height:30px; color:#FFF; overflow:hidden;}
#copy p{ color:#CCC;}
#copy p a{ margin:0px 8px; color:#CCC;}
#copy a{ color:#FFF;}
#copy div{ padding:0px 0px 0px 8px;}


#container{ width:1200px; padding:30px 0px; clear:both; margin:auto; overflow:hidden;}
#left{ width:300px; float:left; overflow:hidden;}
#left .left_top{ width:100%; background:#5b96ea; height:80px; line-height:80px; color:#FFF; text-indent:20px; font-weight:normal;}
#left .left_top b{ font-weight:normal; font-size:24px;}
#left .left_top i{ font-size:14px; padding:0px 0px 0px 10px;
    font-family: 'Times New Roman';
    font-style: italic;
    font-weight: bold;
    text-transform:uppercase;
    opacity: .6;
}
#left .category{float:left; clear:both; width:100%; background:#FFF; overflow:hidden; margin:0px 0px 20px 0px;}
#left .category .body{ width:260px; padding:0px 20px 0px 20px; float:left; clear:both; overflow:hidden;}
#left .category .body li{ width:100%; float:left; clear:both; padding:10px 0px 10px 0px; overflow:hidden; border-top:solid 1px #EEE;}
#left .category .body li b{ display:block; width:100%; float:left; clear:both; overflow:hidden; height:30px; line-height:30px; font-size:16px; font-weight:normal; background:url(../images/li.png) 0px 11px no-repeat; background-size:10px auto; text-indent:15px;}
#left .category .body li i{ display:block; width:100%; float:left; clear:both; overflow:hidden; line-height:24px; padding:10px 0px 0px 0px;}
#left .category .body li i a{margin:0px 10px 0px 0px; color:#666;}
#left .category .body li i a:hover{color:#5b96ea;}
#left .news{float:left; clear:both; width:100%; background:#FFF; overflow:hidden; margin:0px 0px 20px 0px;}
#left .news .body{ width:260px; padding:20px 20px 30px 20px; float:left; clear:both; overflow:hidden;}
#left .news ul{ width:100%; float:left; clear:both; overflow:hidden;}
#left .news ul li{ width:100%; float:left; clear:both; height:40px; background:url(../images/1.png) 0px 16px no-repeat;  overflow:hidden;}
#left .news ul li a{ display:block; float:left; clear:both; width:100%; height:40px; line-height:40px; overflow:hidden; text-indent:10px;}

#right{ width:880px; float:right; background:#FFF; overflow:hidden;}
#subject{ width:840px; padding:20px; height:40px; line-height:40px; float:left; border-bottom:solid 1px #EEE;}
#subject em{float:left; display:block; font-size:28px; width:150px; text-align:center; font-weight:normal; color:#5b96ea;}
#subject em:after{content: ''; display: block; width:150px; margin:0 auto; height: 4px; border-radius:2px; margin-top:18px; background:#5b96ea;}
#subject span{ float:right; display:block; text-align:right; overflow:hidden; padding-right:10px;}
#subject span a{ background:url(../images/littleRight.png) right center no-repeat; margin-right:8px; padding-right:15px; color:#5b96ea;}
#body{ width:840px; padding:20px; float:left; overflow:hidden;}

#details{width:100%; padding:0px; float:left; overflow:hidden;}
#details h1{ color:#383838; font-size:24px; font-weight:normal; line-height:30px; padding-top:10px; padding-bottom:20px; text-align:center;}
#details .date{ width:100%; float:left; clear:both; margin:0px 0px 20px 0px; line-height:36px; overflow:hidden; text-align:center; color:#666; border-top:solid 1px #EEE; border-bottom:solid 1px #EEE;}
#details .date i{ margin:0px 10px;}
#details .date b{ color:#333;}
#details .details{ width:100%; clear:none; overflow:hidden; line-height:36px; padding:0px 0px 20px 0px; float:left;}
#newslist{ width:100%; padding:0px 0px 20px 0px; overflow:hidden;}
#newslist li{ width:800px; padding:20px 20px; border-bottom:solid 1px #EEE; overflow:hidden;}
#newslist li:hover{ background:#FBFBFB;box-shadow:0 5px 5px rgba(0,0,0,.1);}
#newslist li:hover a{ color:#5b96ea;}
#newslist li em{ display:block; float:left; width:200px; height:135px; overflow:hidden; box-shadow: 5px 5px 10px #CCC;}
#newslist li em img{ width:200px; height:135px; -o-transition:all ease .3s;  -webkit-transition: all ease .3s; -moz-transition:all ease .3s; -ms-transition:all ease .3s;  transition: all ease .3s;}
#newslist li em img:hover{ 
-o-transform:scale(1.2); -webkit-transform: scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); transform: scale(1.2);
}
#newslist li>div{ display:block; float:right; width:580px;}
#newslist li>div span{ display:block; width:100%; margin:8px 0px; height:30px; line-height:30px; overflow:hidden;}
#newslist li>div span a{ display:block; float:left; width:100%; font-size:22px; color:#000;}
#newslist .nopic em{ display:none;}
#newslist .nopic div{ width:100%;}
#newslist li div p{ display:block; width:100%; max-height:50px; line-height:25px; overflow:hidden; color:#666;}
#newslist li div .more{ width:100%; height:20px; float:left; clear:both; margin:8px 0px 0px 0px; line-height:20px;}
#newslist li div .more i{ color:#999;}
.icon-fav2 {
    height: 20px;
    display: inline-block;
    cursor: pointer;
    background: url(../images/icon_fav2.png) no-repeat 0px center;
    background-size:10px 10px;
    text-indent: 15px;
    margin: 0px 0px 0px 10px;
}
#piclist{ float:left; clear:both; width:840px; padding:10px 0px;}
#piclist ul{ width:861px;}
#piclist ul li{ position:relative; float:left; width:266px; margin:0px 21px 21px 0px; box-shadow:0 0px 5px rgba(0,0,0,.1); overflow:hidden;}
#piclist ul li:hover{box-shadow:0 0px 5px rgba(0,0,0,.2);}
#piclist ul li em{ display:block; float:left; clear:both; width:266px; height:215px; background-position:center center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
#piclist ul li span{ display:block; position:absolute; left:0px; bottom:0px; width:100%; background:rgba(0,0,0,0.35); box-sizing:border-box; padding:0px 10px; font-size:16px; color:#FFF; height:50px; line-height:50px; text-align:center; overflow:hidden;}

.contact{ width:1200px; clear:both; margin:auto; overflow:hidden;}
.contact li { float: left; width:200px; padding:50px 0px; border-right:solid 1px #EEE; box-sizing:border-box; overflow:hidden;}
.contact li:last-child{ border:none;}
.contact li em{ display:block; clear:both; margin:0px auto 0px auto; width:100px; height:100px; line-height:100px; text-align:center; border-radius:50%; background:rgba(180,210,255,0.85); color:rgba(255,255,255,0.85); font-size:28px;}
.contact li em:hover{background:rgba(180,210,255,0.95); }
.contact li img{ display:block; clear:both; margin:auto; width:100px; height:100px;}
.contact li span{ display:block; width:100%; padding:20px 0px 0px 0px; height:40px; line-height:40px; text-align:center; font-size:18px;}
#contactmap{ float:left; width:100%; height:500px; position:relative; overflow:hidden;}
#contactdesc{ position:absolute; left:0px; bottom:0px; width:100%; padding:20px 0px; line-height:30px; background:rgba(180,210,255,0.65); color:#333; z-index:999999;}
#contactdesc b{ font-size:22px; font-weight:normal;}
#about{ padding:50px 0px 50px 0px; overflow:hidden;}
.abtop{ width:100%; float:left; clear:both; overflow:hidden;}
.abtop{ position:relative; width:1200px; clear:both; height:120px; overflow:hidden; text-align:center; font-size:48px; color:#333;}
.abtop i{ display:block; margin:auto; clear:both; width:100%; line-height:100px; color:#5b96ea;}
.abtop b{
    font-size:150px;
    font-weight:bold;
    color: rgba(169,179,197,.1);
    position: absolute;
    top: 0;
    left: 0;
    text-transform: uppercase;
    z-index: 1;
    line-height: 0.8;
    width: 100%;
    text-align:center;
}
.abdetails{ width:100%; clear:both; line-height:40px; text-indent:2em; padding:20px 0px 50px 0px; overflow:hidden;}

#about li { float: left; position:relative; width:100%; padding:40px; background:rgba(180,210,255,0.1); margin:0px 0px 20px 0px; box-sizing:border-box; overflow:hidden;}
#about li:hover{background:rgba(180,210,255,0.25);}
#about li em{ display:block; float:left; width:180px; line-height:30px;}
#about li em b{ display:block; font-weight:normal; font-size:24px; padding:0px 0px 5px 0px; color:#666;}
#about li em i{ display:block; font-size:14px; 
    font-family: 'Times New Roman';
    font-style: italic;
    font-weight: bold;
    text-transform:uppercase;
    opacity: .6;
    color:rgba(169,179,197,.9);
}
#about li em strong{
    font-size:120px;
    font-weight:bold;
    color:rgba(169,179,197,.1);
    position: absolute;
    bottom:20px;
    left: 35px;
    text-transform: uppercase;
    z-index: 1;
    text-align:left;
    line-height:0.8;
    width:100%;
}
#about li span{ display:block; float:right; border-left:dotted 1px #DDD; width:940px; padding:0px 0px 0px 40px; line-height:30px; box-sizing:border-box; overflow:hidden; z-index:1;}