.left{ float:left; overflow:hidden;}
.center{ float:left; overflow:hidden;}
.right{ float:right; overflow:hidden;}
.w1200{ width:1200px; margin:auto; clear:both; overflow:hidden;}
#header{width:100%; position:fixed; z-index:1000; left:0px; top:0px; background:#FFF;box-shadow:0 5px 10px rgba(0,0,0,.3);}
#header .top{ width:1200px; clear:both; margin:auto; height:120px; padding:5px 0px;}
#header .logo{ float:left; margin:0px 20px 0px 0px;}
#header .logo img{ height:90px; margin:10px 0px;}
#header .name{ float:left; height:70px; padding:0px 20px 0px 0px; margin:25px 20px 0px 0px; line-height:70px; border-right:solid 1px #FFF;}
#header .name b{ display:block; float:left; clear:both; font-size:22px; letter-spacing:0px;}
#header .name i{ display:block; float:left; clear:both; font-size:14px; color:#999; text-transform:uppercase; letter-spacing:1.5px;}
#header .desc{ float:left; height:72px; padding:24px 0px; font-size:14px; color:#666;}
#header .desc i{ display:block; float:left; clear:both; background:url(../images/xing.png) 0px center no-repeat; text-indent:16px; height:24px; line-height:24px; overflow:hidden;}
#header .tel{ float:right; margin:20px 0px; line-height:35px;}
#header .tel em,#header .tel span{ display:block; float:right; clear:both; text-align:right; color:#999;}
#header .tel a{ display:block; float:left; height:32px; line-height:32px; margin:0px 0px 0px 12px; color:#333;}
#header .tel .english{ background:url(../images/english.jpg) 0px 9px no-repeat; background-size:20px auto; padding:0px 0px 0px 25px;}
#header .tel .china{ background:url(../images/china.jpg) 0px 9px no-repeat; background-size:20px auto; padding:0px 0px 0px 25px;}
#header .tel .xing{ background:url(../images/xing.png) 0px 10px no-repeat; background-size:12px auto; padding:0px 0px 0px 15px;}
#header .tel b{ color:#01a0be; font-size:30px;}
#nav{ width:100%; clear:both; height:42px; background:#01a0be; border-top:solid 1px #FFF;}
#nav ul{ width:1200px; clear:both; margin:auto;}
#nav ul li{ float:left; width:150px; height:42px; line-height:42px; background:url(../images/nav.png) right center no-repeat; text-align:center;position:relative;}
#nav ul .no{ background:none;}
#nav ul li a{ color:#FFF; font-size:18px;}
#nav ul li a:hover{ font-weight:bold;}

#flash{ width:100%; margin:173px 0px 0px 0px; height:500px; float:left; overflow:hidden; position:relative;}
.tpqh{
 height:500px; 
 overflow:hidden; 
 position:absolute; 
 margin:0 auto; 
 width:100%; 
 top:0px; 
 left:0;
 z-index:2;
}
.tpqh ul{ 
 position:relative; 
 display:block;
}
.tpqh ul li{ 
 height:500px; 
 position:absolute; 
 top:0; 
 left:0; 
 width:100%; 
 overflow:hidden;
  cursor:pointer;
}
.tpqh ul li i{ display:block; position:absolute; left:10px; bottom:0px; height:30px; line-height:30px; color:#FFF; z-index:2000;}
.tpqh ul li div{ 
 width:100%; 
 height:500px; 
 overflow:hidden;
}
.tpqh_num{ 
 position:absolute;
 z-index:99; 
 bottom:0px; 
 width:100%;
 height:20px; 
 padding-top:10px;
 text-align:center;
 overflow:hidden;
}
.tpqh_num a{    
 margin:0 3px; 
 background:#FFF;
 display:inline-block;
 width:10px; 
 height:10px; 
 border-radius:5px; 
 overflow:hidden;
}
.tpqh_num a:hover,a.over{
 background:#01a0be;
}

#index1{ display:none; padding:30px 0px 20px 0px;}
#index1 .left{ float:right; width:860px; padding:0px 0px 20px 0px;}
#index1 .left .a1{display:block; float:left; width:420px; height:240px; margin:0px 0px 20px 0px;}
#index1 .left .a2{display:block; float:right; width:420px; height:240px; margin:0px 0px 20px 0px;}
#index1 .left .a3{display:block; float:left; width:420px; height:240px;}
#index1 .left .a4{display:block; float:right; width:420px; height:240px;}
#index1 .right{ float:left; display:block; width:320px; height:500px;}
#index1 em{display:none; z-index:100; position:absolute; left:0px; top:0px; width:100%; height:240px; line-height:240px; background:rgba(83,161,41,0.9); font-size:22px; color:#FFF; text-align:center;}
#index1 .right>em{ height:500px; line-height:500px;}
#index1 span{ position:relative; box-shadow:0 5px 10px rgba(0,0,0,.3);}

#index2{ float:left; padding:50px 0px 80px 0px;clear:both; width:100%; background:#f7f0d1; overflow:hidden;}
#index2>div{ position:relative; padding:50px 0px; height:300px; background:url(../images/aboutbg.jpg) right bottom no-repeat;}
#index2>div .pic{ width:400px; height:250px; padding:4px; border:solid 1px #CCC; background:#FFF; position:absolute; right:10px; top:40px; overflow:hidden; background:#FFF; box-shadow:0 5px 10px rgba(0,0,0,.3);}
#index2>div .pic img{ width:400px; height:250px;}
#index2 b{ display:block; float:left; clear:both; width:680px; line-height:40px; font-size:40px; color:#333; overflow:hidden;}
#index2 i{ display:block; float:left; clear:both; width:680px; height:150px; line-height:30px; font-size:14px; color:#666; padding:30px 0px; overflow:hidden; font-size:16px;}
#index2>div>a{ display:block; float:left; clear:both; margin:20px 0px 0px 560px; width:120px; height:40px; line-height:40px; background:rgba(1,160,190,0.8); color:#FFF; text-align:center; box-shadow:0 5px 10px rgba(0,0,0,.3);}
#index2 a:hover{ background:rgba(1,160,190,0.6);}

.indextop{ width:100%; border-bottom:solid 1px #EEE; text-align:center;}
.indextop i{ width:100%; display:block; float:left; clear:both; line-height:30px; font-size:18px; letter-spacing:2px; color:#999;}
.indextop b{ width:250px; display:block; margin:auto; clear:both; line-height:60px; font-size:28px; color:#333; border-bottom:solid 3px #01a0be;}

#index3{ float:left; clear:both; width:100%; padding:60px 0px 20px 0px; overflow:hidden; background:#FFF url(../images/newsbg.jpg) right bottom repeat-x;}
#index3 .list{ width:1200px; padding:40px 20px; margin:auto; clear:both; overflow:hidden;}
#index3 .left{ width:280px; overflow:visible;}
#index3 .left .title { float:left; width:100%; overflow:hidden; background:#01a0be; height: 100px; color:#FFF; font-size:20px; font-weight: bold;;}
#index3 .left .title h2{line-height: 100px; text-align: center; font-size: 20px; font-weight: bold;}
#index3 .left ul{ width:278px; float:left; clear:both; border:1px solid #ddd;}
#index3 .left ul li{ position:relative; display:block; width:100%; height:45px; line-height:45px; border-top: 1px solid #eaeaea;}
#index3 .left ul .curr{ background:#F0F0F0;}
#index3 .left ul li i{ position:absolute; display:block; width:16px; height:16px; line-height:16px; text-align:center; background:#01a0be; border-radius:50%; left:10px; top:17px; color:#FFF; cursor:pointer;}
#index3 .left ul li>a{ font-size:16px; padding-left: 35px;}
#index3 .left ul div{ display:none; width:278px; border:solid 1px #ddd; border-bottom:none; background:#FFF; position:absolute; left:278px; top:-1px; z-index:10000;}
#index3 .left ul div em{ position:absolute; display:block; width:3px; height:3px; background:#CCC; border-radius:50%; left:17px; top:23px;}
#index3 .left ul div a{ display:block; position:relative; width:100%; height:45px; line-height:45px; border-bottom:solid 1px #EEE; padding-left: 25px;}
#index3 .left .title2{float:left; width:100%; overflow:hidden; margin:16px 0px 0px 0px; background:#01a0be; height: 54px; color:#FFF; font-size:20px; font-weight: bold;;}
#index3 .left .title2 h2{line-height: 54px; text-align: center; font-size: 20px; font-weight: bold;}
#index3 .left .contact{ width:240px; float:left; clear:both; border:1px solid #ddd; padding:19px 19px 12px 19px; line-height:36px; overflow:hidden;}
#index3 .left .contact b{ font-size:16px;}
#index3 .left .contact .ewm{ width:200px; margin:10px 30px; line-height:36px; text-align:center;}
#index3 .left .contact .ewm img{ width:200px;}

#index3 .right{ width:895px;}
#index3 .right ul{ width:915px;}
#index3 .right ul li{ float:left; width:285px; border-radius:0px; margin:0px 20px 20px 0px; box-shadow:0 5px 10px rgba(0,0,0,.3); overflow:hidden;}
#index3 .right ul li em{ display:block; float:left; clear:both; width:285px; overflow:hidden;}
#index3 .right ul li img{width:100%; height:235px; -o-transition:all ease .3s;  -webkit-transition: all ease .3s; -moz-transition:all ease .3s; -ms-transition:all ease .3s;  transition: all ease .3s;}
#index3 .right ul li span{ display:block; float:left; clear:both; width:285px; height:50px; line-height:50px; background:#FFF; text-align:center; overflow:hidden; font-size:16px;}
#index3 .right ul li:hover { -webkit-box-shadow:0 10px 10px rgba(0,0,0,.2);box-shadow:0 10px 10px rgba(0,0,0,.2);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0); transition: all 0.6s ease 0s;}
#index3 .right ul li:hover span{background:#01a0be; }
#index3 .right ul li:hover img{ -o-transform:scale(1.2); -webkit-transform: scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); transform: scale(1.2);}
#index3 .right ul li:hover a{ color:#FFF;}

#index4{float:left; clear:both; width:100%; background:rgba(241,241,241); box-shadow:0 10px 10px rgba(0,0,0,.1); padding:60px 0px 120px 0px; overflow:hidden;}
#index4 .w1200{ padding:40px 0px 0px 0px;}
#index4 .left{ width:480px; height:280px; position:relative; border:solid 1px #999; background:#FFF; box-shadow:0 5px 10px rgba(0,0,0,.3);}
#index4 .left img{ width:480px; height:280px;}
#index4 .left i{ display:block; width:100%; height:40px; line-height:40px; background:rgba(0,0,0,0.6); padding:0px 10px; box-sizing:border-box; color:#FFF; position:absolute; left:0px; bottom:0px; overflow:hidden; font-size:16px;}
#index4 .right{ width:690px;}
#index4 .right .top1 .pic{ float:left; margin:5px 0px 0px 0px;}
#index4 .right .top1 img{ width:200px; height:125px;}
#index4 .right .top1 .desc{ float:right; width:470px; font-size:16px;}
#index4 .right .top1 i{ display:block; width:100%; float:left; clear:both; height:30px; line-height:30px; overflow:hidden; font-size:22px;}
#index4 .right .top1 em{ display:block; width:100%; float:left; clear:both; height:30px; line-height:30px;overflow:hidden; color:#999;}
#index4 .right .top1 span{ display:block; width:100%; float:left; clear:both; height:72px; line-height:24px; overflow:hidden; color:#333; font-size:16px;}
#index4 ul{ width:100%; padding:10px 0px; float:left; clear:both; overflow:hidden;}
#index4 li{ display:block; width:100%; float:left; clear:both; border-bottom:dashed 1px #CCC; height:35px; line-height:35px; overflow:hidden;}
#index4 li a{ display:block; float:left; width:600px; overflow:hidden; color:#333; font-size:16px;}
#index4 li i{ display:block; float:right; width:90px; overflow:hidden; text-align:right; color:#666;}

#index5{ float:left; clear:both; width:100%; padding:60px 0px 40px 0px; overflow:hidden;}
#index5 .list{ position:relative; width:1280px; padding:40px 0px; margin:auto; clear:both; overflow:hidden;}
#index5 .list i{ position:absolute; width:19px; height:34px; top:140px; cursor:pointer;}
#index5 .list #f1{ left:0px; background:url(../images/index_59.jpg) 0px 0px no-repeat;}
#index5 .list #f2{ right:0px; background:url(../images/index_62.jpg) 0px 0px no-repeat;}
#index5 .gd{ width:1200px; margin:auto; clear:both; overflow:hidden;}
#index5 ul{ width:1220px; height:270px; margin:0px 0px 20px 0px; overflow:hidden;}
#index5 ul li{ float:left; width:285px; height:250px; margin:0px 20px 30px 0px; box-shadow:0 5px 10px rgba(0,0,0,.3); overflow:hidden;}
#index5 ul li em{ display:block; float:left; clear:both; width:285px; overflow:hidden;}
#index5 ul li img{width:100%; height:200px; -o-transition:all ease .3s;  -webkit-transition: all ease .3s; -moz-transition:all ease .3s; -ms-transition:all ease .3s;  transition: all ease .3s;}
#index5 ul li span{ display:block; float:left; clear:both; width:285px; height:50px; line-height:50px; text-align:center; overflow:hidden; font-size:16px;}
#index5 ul li:hover { background:#01a0be; -webkit-box-shadow:0 10px 10px rgba(0,0,0,.2);box-shadow:0 10px 10px rgba(0,0,0,.2);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0); transition: all 0.6s ease 0s;}
#index5 ul li:hover img{ -o-transform:scale(1.2); -webkit-transform: scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); transform: scale(1.2);}
#index5 ul li:hover a{ color:#FFF;}

#footer{width:100%; padding:20px 0px 50px 0px; background:#484848; color:#FFF; float:left; clear:both;}
#footer .w1200{ position:relative; overflow:visible;}
#footer a{ color:#FFF;}
#footer .left{ width:280px; 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;}
#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:920px; height:190px; padding:5px 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; font-size:14px; text-align:center;}
#footer .right dl dd a{ color:#CCC;}
#footer .right .ewm{ position:absolute; right:50px; top:40px; width:120px; height:160px; overflow:hidden;}
#footer .right .ewm img{ width:120px; height:120px;}
#footer .right .ewm em{ display:block; width:100%; line-height:40px; text-align:center;}
#footer .right .ewm2{ right:200px;}

#copy{ float:left; clear:both; width:100%; padding:30px 0px; line-height:30px; color:#FFF; overflow:hidden;}
#copy p{  color:#01a0be; }
#copy p a{ margin:0px 5px; color:#01a0be; font-size:16px;}
#copy a{ color:#FFF;}
#copy div{ padding:0px 0px 0px 5px;}


#container{ width:1200px; padding:30px 0px; clear:both; margin:auto; overflow:hidden;}
#right{ width:250px; float:left; overflow:hidden;}
#right .category{ width:100%; float:left; clear:both; overflow:hidden; padding:0px 0px 20px 0px;}
#right .category dl{ width:100%; overflow:hidden; float:left;}
#right .category dl dt{ width:100%; float:left; clear:both; margin-bottom:10px; height:36px; line-height:36px; padding:0px 0px 12px 0px; font-size:24px; border-bottom:solid 1px #dbd4cd; color:#01a0be; overflow:hidden; font-family:'黑体';}
#right .category dl dd{ width:100%;}
#right .category dl dd a{ display:block; float:left; clear:both; margin-top:10px; width:100%; height:40px; line-height:40px; background:#01a0be; cursor:pointer; font-size:18px; text-align:center; color:#FFF;}
#right .category dl .dd{ display:none;}
#right .category dl .dd a{ height:36px; line-height:36px; background:#fbeee0; font-size:14px; color:#666;}

#right .pic{ display:none; float:left; clear:both; width:210px; background:#f0f3e8; padding:20px; overflow:hidden; margin:0px 0px 20px 0px;}
#right .pic .top2{ width:100%; height:30px; line-height:30px; overflow:hidden; font-size:24px; color:#333; font-family:'黑体';}
#right .pic .body2{ width:100%; float:left; clear:both; margin:15px 0px 0px 0px; overflow:hidden;}
#right .pic .body2 ul{ width:100%; overflow:hidden;}
#right .pic .body2 ul li{ width:100%; height:150px; margin-bottom:10px; position:relative;}
#right .pic .body2 ul li span{ display:block; width:100%; height:30px; line-height:30px; position:absolute; left:0px; bottom:0px; background:#000;opacity:0.5;filter:Alpha(Opacity=50); z-index:1;}
#right .pic .body2 ul li em{ display:block; width:96%; height:30px; line-height:30px; position:absolute; left:2%; bottom:0px; z-index:2; text-align:center; font-size:14px; color:#FFF; overflow:hidden;}
#right .pic .body2 ul li img{ width:100%; height:150px;}

#right .news{  display:none; float:left; clear:both; width:210px; background:#f0f3e8; padding:20px; overflow:hidden;}
#right .news .top2{ width:100%; height:30px; line-height:30px; overflow:hidden; font-size:24px; color:#333; font-family:'黑体';}
#right .news .body2{ width:100%; float:left; clear:both; margin:15px 0px 0px 0px; overflow:hidden;}
#right .news .body2 i{ color:#01a0be;}
#right .news .body2 a{ display:block; width:100%; background:url(../images/littleRight.png) 0px 18px no-repeat; text-indent:8px; line-height:22px; float:left; clear:both; overflow:hidden; padding:10px 0px 10px 0px; border-top:dotted 1px #CCC;}

#left{ width:920px; float:right; overflow:hidden;}
#top{ width:100%; overflow:hidden; height:36px; line-height:36px; padding:0px 0px 12px 0px;  float:left; border-bottom:solid 1px #dbd4cd; margin-bottom:20px;}
#top em{float:left; display:block; font-size:24px; color:#01a0be; font-family:'黑体';}
#top span{ float:right; display:block; text-align:right; overflow:hidden; padding-right:10px;}
#top span a{ background:url(../images/littleRight.png) right center no-repeat; margin-right:8px; padding-right:15px; color:#01a0be;}
#body{ width:920px; 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:dotted 1px #EEE; border-bottom:dotted 1px #EEE;}
#details .date i{ margin:0px 15px;}
#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:890px; padding:15px 15px; border-bottom:solid 1px #EEE; overflow:hidden;}
#newslist li:hover{ background:#FBFBFB;-webkit-box-shadow:0 10px 10px rgba(0,0,0,.1);box-shadow:0 10px 10px rgba(0,0,0,.1);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0); transition: all 0.6s ease 0s;}
#newslist li:hover a{ color:#0052a4;}
#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:675px;}
#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; font-size:14px;}
#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;
    text-indent: 19px;
    margin: 0px 2px 0px 8px;
}
#piclist{ float:left; clear:both; width:895px; padding:20px 12px 10px 13px; overflow:hidden;}
#piclist ul{ width:920px;}
#piclist ul li{ float:left; width:285px; border-radius:0px; margin:0px 20px 20px 0px; box-shadow:0 5px 10px rgba(0,0,0,.3); overflow:hidden;}
#piclist ul li em{ display:block; float:left; clear:both; width:285px; overflow:hidden;}
#piclist ul li img{ width:100%; height:235px; -o-transition:all ease .3s;  -webkit-transition: all ease .3s; -moz-transition:all ease .3s; -ms-transition:all ease .3s;  transition: all ease .3s;}
#piclist ul li span{ display:block; float:left; clear:both; width:285px; height:50px; line-height:50px; background:#FFF; text-align:center; overflow:hidden; font-size:16px;}
#piclist ul li:hover { -webkit-box-shadow:0 10px 10px rgba(0,0,0,.2);box-shadow:0 10px 10px rgba(0,0,0,.2);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0); transition: all 0.6s ease 0s;}
#piclist ul li:hover span{background:#01a0be; }
#piclist ul li:hover img{ -o-transform:scale(1.2); -webkit-transform: scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); transform: scale(1.2);}
#piclist ul li:hover a{ color:#FFF;}
.leftcategory{ float:left; clear:both; width:100%; overflow:hidden; margin:0px 0px 10px 0px;}
.leftcategory .title{background:#01a0be; height: 100px; color:#FFF; font-size:20px; font-weight: bold;;}
.leftcategory .title h2{line-height: 100px; text-align: center; font-size: 20px; font-weight: bold;}
.leftcategory ul{width:248px; float:left; clear:both; border:1px solid #ddd;}
.leftcategory ul li{ display:block; position:relative; width:100%; height:40px; line-height:40px; border-top: 1px solid #eaeaea;line-height: 40px; height: 40px;}
.leftcategory ul .li{ background: #F0F0F0; font-size:16px;}
.leftcategory ul li i{ position:absolute; display:block; width:16px; height:16px; line-height:16px; text-align:center; background:#01a0be; border-radius:50%; left:10px; top:12px; color:#FFF; cursor:pointer;}
.leftcategory ul li em{ position:absolute; display:block; width:3px; height:3px; background:#CCC; border-radius:50%; left:17px; top:18px;}
.leftcategory ul li a{ padding-left: 25px;}
.leftcategory ul .li a{ padding-left: 35px;}