/* CSS Document */
body{font-family:'microsoft yahei','黑体'; font-size: 13px; padding:0; margin:0; color: #444;}
p{line-height:24px;}
a{color: #444; text-decoration: none; }
img{border:none;}
*{ margin:0; padding:0; border:0; }
.noborder{ border: none;}
#main{width:1004px; margin:auto; padding-top:10px;}
#container{width:1004px; margin: 0 auto;  position: relative;  z-index: 999; }
#sub-main{width:1004px; margin:auto;}
#kinMaxShow{visibility:hidden;width:100%; height:330px;overflow:hidden;}
#main .title{ border-bottom: 1px solid #ddd; color:#008fd5;}
#main .title h4{font-family:'microsoft yahei','黑体'; font-size: 12px; color:#999; font-weight:normal;}
#header{ height:90px; width:100%; color: #8F9498; background: url("../images/nav_bac.png") repeat-x;border-top: 1px solid #008fd5;-webkit-box-shadow: 0 5px 5px 0 rgba(50,50,50,0.08);
-moz-box-shadow: 0 5px 5px 0 rgba(50,50,50,0.08);
box-shadow: 0 5px 5px 0 rgba(50,50,50,0.08);}
#header .contact{float:left; width:230px; font-size:12px; }
#header .contact .tel{margin:38px 10px 32px ;height:20px; }
#header .contact .tel .fa{height:20px; line-height:20px;font-size:15px; padding-right:3px; }
#header .contact span{float:left; font-size: 17px;}
#header .contact span p {float:left; height:20px; color:#555; font-size:12px; font-weight:normal; font-style:normal; font-family:"microsoft yahei";}
#header .contact img{vertical-align:middle}
#header .logo{  width:114px; height:148px;  position: absolute; z-index: 1000;  float:left;;top: 0px;
left: 0px; }
#header .login_box{float:right; width:250px;margin-top:30px;}
#header .login_box .btn{float:left;}
#header .login_box .txt{font-size:14px; line-height:20px;}
#header .tools{float:right; height:90px; margin-right:10px; width:390px; font-size:18px; color: #666}
#header .tools span{line-height: 22px;color:#1494D9; float: right; font-style:italic; font-weight:bold;}

#menu{position:relative;float:left; width:480px; height: 90px;  line-height: 90px; padding:0 5px 0 118px ; font-size:14px; color:#000; }
#menu ul{width:480px; float: left;}
#menu ul li{line-height: 90px; display:block; height:90px; width:80px; list-style:none;  float: left; }
#menu ul li:hover{color:#008fd5;}
#menu ul li a{font-size:14px; display: block; font-weight:bold;  width:100%; padding-top:10px;cursor: pointer; text-decoration: none; text-align: center; font-family: 'microsoft yahei'; color: #444; height: 80px;line-height:80px;}
#menu ul li.selected a{color:#fff}
#menu ul li a:hover{color:#008ed5;}
#menu ul li.selected ul li a{ color: #000;}
#menu ul li ul{ display: none; position: absolute; top: 45px; left: 0px; background: #fff; width: 123px;}
#menu ul li ul li{ position: relative; padding: 0;height: 30px; line-height: 20px;}
#menu ul li ul li a{ color: #000;height: 30px;  display:block;line-height: 10px; font-size: 12px; font-weight:bold; border:none}
#menu ul li ul li:hover{background: #F99D1B;}
#menu ul li ul li:hover a{color: #fff;font-weight:bold;}
#menu ul li:hover ul{ display: block;}

#search{height:65px; width:100%; background:#01B0EF; line-height:65px;}
#search .info{width:50%; float:left; line-height:30px; color:#FFF; padding:10px;}
#search .info img{float:left;}
#search .info span{display:block; margin-top:20px; float:left}
#search_box{margin-top:10px;float:right;width: 150px;height: 25px;background:#FFF;border:1px solid #ccc;}
#search_box #s{float: left;padding:5px;border: 0;width: 110px;background: none; color:#aaa;}
#search_box #go{float: right;margin:0;}
.amiba{position:relative; width:110px; top:10px;list-style: none;  float:right; font-size:12px; font-weight:bold; }
#header .tools .amiba a{color:#333;}
#header .tools .amiba a:hover{color:#008df5; text-decoration:none;}
#kinMaxShow{display:none; height:265px;}
#banner{width:100%; height:330px; border:0; }
#coentents{width: 100%; float: right; text-align: left; padding:6px 0 18px ; font-size: 15px; }
#coentents .boxfst{margin-left:0;}
#coentents .boxnofst{margin-left:20px;}
#coentents .box{outline:none; width: 230px; height: 136px;  position: relative; float: left;margin:0 7px; border:3px solid #ddd;  }
#coentents .box:hover{border:3px solid #008fd5; transition: all 0.30s ease-in-out; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; }
#coentents .box img{width:230px; height: 136px;}
#coentents .box p{ width:230px; height: 25px; line-height: 25px; position: absolute; z-index:99; bottom:0; background: #000; color: #fff; text-align: center;filter:alpha(opacity=50); /*IE滤镜，透明度50%*/-moz-opacity:0.5; /*Firefox私有，透明度50%*/opacity:0.5; }

#mains{width:100%; margin:auto; background: #fff}
#footer{width:100%; color:#8F9498;  height: 280px; margin: auto; line-height: 19px; font-size: 13px;  background-image:url(../images/footer_bac.jpg);}
#footer .box{width: 1004px; height: 260px; margin: auto;}
#footer .submenu{width:1004px; margin: auto}
#footer .submenu a{color:#aaa;}
#footer .submenu .list{width: 176px; text-align: left; float: left;}
#footer .submenu .list h3{font-size: 13px; width: 100%; text-align: left; text-indent: 0; color: #fff}
#footer .submenu .list ul{ margin: 0; padding-top:10px;  width: 88%;  height: 100px;}
#footer .submenu .list ul li{list-style: none; text-align: left}
#footer .submenu .list ul li a{font-size: 12px;}
#footer .links{width:1004px;list-style: none;  float: left; padding:4px 0; border-bottom:1px solid #3d3d3d;}
#footer .links strong{ float:left; color: #fff}
#footer .links li,#footer span{float:left; margin:auto; text-align:center; margin:0; text-align:center;}
#footer .links li a{font-size:12px; line-height:12px; padding:0 6px; margin:4px 0; display:block; border-right:1px solid #444;}
#footer .copyright{clear:both; width:100%; text-align:center; margin:auto;font-size: 12px;}
#footer .copyright h4{font-size:14px; font-weight:bold; line-height:26px;}
#footer .copy{height: 52px; padding-top:14px;clear: both;color:#8F9498}
#footer .copy a{color:#8F9498}
#footer .contact-fs{ text-align: center; width: 360px; }
#footer .contact-fs span{ display: block; float: left; margin-left: 24px; line-height:24px; font-size:14px;}
#footer .contact-fs span img{vertical-align:middle}
#footer .contact-fs span a{line-height:24px;}
#footer .fa{ color:#fff; padding-right:6px; font-size:17px;}
#content{ width:1004px; margin-top: -30px; background-image: url("../images/matopb.jpg"); background-repeat: repeat-x; z-index: 9999}

.about{font-size:13px; text-align:left; background:#FFF; margin:20px auto 20px}
.about .title{color:#930; clear:both; padding-top:10px; height:50px; line-height:40px; font-size:18px;}
.about .title img{float:left;}
.about .left{ float:left; height: 190px;}
.about .left img{ float:left;}
.about .left .about_article{float:left; width:250px; height:200px; margin-left: 10px; line-height: 20px}
.about .left .about_article a{ color: #FEDE4F}
.about .left .about_article img{width:200px; height:180px;}
.about .right{width:210px; float:right; font-size:12px; line-height:18px; margin-right: 5px;}
.about .right .contact{  padding: 1px; margin-top: 15px; }
.about .right .contact .txt{ width: 90%; margin: auto; line-height: 22px;}
.about .right .case{ background: #F8F8F8; padding: 1px; margin-top: 20px;}
.about .right .note{  background: #F8F8F8; padding: 1px; margin-top: 20px;}

.join_title{ width: 99%; clear: both; border-bottom: 1px #ccc solid; height: 30px; margin: 8px auto;  padding-bottom:8px;}
.join_title strong{ float: left; font-size: 16px; color: #666;line-height:30px;}
.join_title span{ float: right; color: #008ED6; font-size: 22px; line-height:30px;}


.siderbar{ width: 202px; margin:0px 10px; border-radius: 10px; text-align: left; font-size: 12px; float: left;background: url("../images/siderbg.jpg") no-repeat; background-color: #010000; }
.siderbar .contact{padding: 1px; margin-top:5px; margin-bottom: 10px; }
.siderbar .contact .txt{ width: 90%; margin: auto; line-height: 22px; font-weight: bold; line-height: 18px;}
.siderbar .title{color: #223347; line-height: 30px; font-size: 14px; height: 30px; text-indent: 1em; font-weight: bold; font-family:"微软雅黑";background: url("../images/tibg.jpg");}
.siderbar .sub_menu{}
.siderbar .sub_menu .title{ height:30px; line-height: 30px; text-indent: 1em; margin: 0; color: #fff}
.siderbar .sub_menu ul{padding: 0px; margin:15px auto 0px; width:90%;}
.siderbar .sub_menu ul li{ height: 26px;line-height: 26px; text-indent: 1em; margin:5px 2px; border-radius: 6px; background: url("../images/li2bg.jpg"); list-style:none;}
.siderbar .sub_menu ul li:hover{ text-indent: 0.5em; cursor: pointer}
.about_list{ font-size:12px; width:270px; float:right}
.about_list li{ line-height: 22px; height: 22px; }
.productList .list_title{height:30px; margin-bottom:10px; color:#FFF; text-align:left; line-height:30px; text-indent:1em;}
.productList .list_title span{float:right; margin-right:10px;}
.productList .product_box{width:145px; float:left; margin:2px; font-size:13px; overflow:hidden}
.productList .product_box img{width:145px; height:105px; border: 2px #f3f3f3 solid}
.productList .product_box .title{color:#666;}
.product_box_img{ width: 280px; text-align: center; margin:10px; float: left}
.product_box_img img{max-width: 280; max-height: 280px; zoom: expression( function(elm) { if (elm.width > 280 || elm.height > 280 ){ if (elm.width>elm.height) { elm.width=280; } else{ elm.height=280; } } elm.style.zoom = '1'; }(this) );}
#content{ width:100%; background:#FFF;}
#content .route{ text-align:left;clear:both;margin:15px auto 2px 15px; height:50px; line-height:35px; font-size:13px; color:#01B0EF;}
#content .route b{ color:#CCC}
#content .route span{ float:right}
#content .su_menu span{ color:#999; font-size:26px; line-height:32px;}
#content .su_menu{ width:190px; font-size:12px;text-align:left; float:left;color:#FFF;}
#content .su_menu ul{ display:block; margin:0; padding:0; background:#00B6CA; }
#content .su_menu ul li{ list-style:none; height:25px; line-height:25px; text-indent:2px;}
#content .su_menu ul li a{ display:block}
#content .sub_main{ width:755px; float:right;}
#content .sub_main .sub_banner{}
#ontent .sub_banner{ overflow:hidden}

#contents{ width: 705px; margin-right: 15px; float: right;  text-align: left; margin-bottom: 20px; font-size: 14px; }
#contents .title{font-size: 14px; height: 26px; line-height: 30px; text-indent: 1em; font-weight: bold; font-family:"microsoft yahei"; }
#contents .detail{ width: 98%; margin:6px auto; clear: both; background: #474747; line-height: 20px; padding: 3px;}
#contents .detail .title{ height: 30px; line-height: 30px; border-bottom: 1px solid #ccc; margin: 10px auto}
#contents .summary{ width: 350px; float: right}
#contents .summary h3{ font-size: 19px;}
#contents .summary ul{ padding: 0; margin: 0; width: 95%}
#contents .summary ul li{ height: 40px; line-height: 40px; border-bottom: 1px dashed #ccc; list-style-position: inside}
.product_list{float:left; padding: 0; margin: 0}
.product_list li{float:left; margin:15px;_display:inline;list-style: none}
.product_list li:hover{ background: #fefefe}
.product_list li:hover a{ color: #000}
.product_list li a.img{padding:2px;border:1px solid #e0e1dc;}
.product_list li a.img img{width:140px;height:153px;}
.product_list li h3{text-align:center;padding-top:5px;line-height:25px;}
.product_list li h3 a{font-weight:normal;}
.product_list li p{ margin: 5px;}

.product_list li a{ color: #FFF; display: block; text-align: center; text-decoration: none}
.product_list li a.img{display:block;}
.product_list li a.img:hover{border-color:#fff;}

.pageController{padding-right:10px; padding-top:5px;padding-bottom:5px;color:#505050;margin:0 auto;margin-top:16px;line-height:24px; text-align: center}
.pageController a{background-color:#FFF;vertical-align:middle; border:#efefef 1px solid; color:#505050;padding:5px 8px; margin-right:3px;margin-left:3px; text-decoration: none;}
.pageController a:hover{background-color:#efefef;color:#438ece; text-decoration:none;border:#efefef 1px solid;}
.pageController .currPage {background-color: #efefef;color:#ff0000;border:#efefef 1px solid;}
.pageController .t1{float:left;margin-right:5px;height:24px;line-height:22px;white-space:nowrap;}
.pageController .t2{float:right;vertical-align:middle;line-height:24px;}
.pageController .t2 #current{padding:0 5px;line-height:24px;}
.pageController .t1 span{padding-left:4px;padding-right:4px;}
.pageController select{height:24px;vertical-align:middle;text-align:center;line-height:24px;}
.pageController select option{vertical-align:middle;}


.news_list{ padding: 0; width:100%; margin:20px 0;}
.news_list ul{ padding:0; margin:0}
.news_list li{ clear:both; position:relative; line-height:27px;height:27px; padding-left:2px; margin:6px auto; color:#333; border-bottom: 1px solid #ccc; list-style:none;}
.news_list li a:hover{color:#008df5;}
.news_list .img{ height: 142px; border-bottom: none; margin:22px auto;}
.news_list .img h1{width:335px;line-height:26px;height:26px; margin:auto 0; font-size:16px; font-weight:bold; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news_list .img .summary{ color:#008ED6; padding:6px 0;}
.news_list .img img{width:208px; height:135px; border:1px solid #e5e5e5; float: left;}
.news_list .news_info{ width: 340px; float: right; text-align: left; line-height: 22px; }
.news_list .news_info h1 a{ padding: 0; margin: 0; text-indent: 0; color: #333;}
.news_list .news_info p{ margin: 0; font-size:12px;}
.news_list li:hover{ text-indent: 0em;}
.news_list li.img:hover{ text-indent: 0em;}
.news_list li a{line-height:27px;  color:#333; display: block; text-align: left; text-decoration: none}
.news_list li span{position:absolute;color:#999;right:0;top:0;z-index:0;line-height:27px;}
.news_title{ text-align: center; margin: 20px auto 3px}


.jinabian{background-image: -moz-linear-gradient(top, #354F60,#1E232C); /*火狐*/
          background: -o-linear-gradient(top, #354F60 0%,#1E232C 100%);/*Opera*/
          background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #354F60),color-stop(1,#1E232C));}
.abouttop{ background: url("../images/aboutop.jpg"); background-color: #010000; color: #fff; font-weight: bold}
.aboutmain{background-image: -moz-linear-gradient(top, #010000,#23262E); /*火狐*/
    background: -o-linear-gradient(top, #010000 0%,#23262E 100%);/*Opera*/
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #010000),color-stop(1,#23262E));}
.txtbg{border-radius:8px;background-image: -moz-linear-gradient(top, #555555,#373737); /*火狐*/
    background: -o-linear-gradient(top, #555555 0%,#373737 100%);/*Opera*/
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555555),color-stop(1,#373737));}

.txtbg p{ color: #C4C4C4; font-size: 14px;}

.index-title{ text-align: left; margin:8px; color:#888;}
.index-title strong,.index-list strong{ font-size:14px; float: left;color: #008ed5; margin-right:6px;}
.index-list{ width: 100%; margin: auto;}
.index-list a:hover{color:#008ed5;}
.index-list .video{margin:10px 0;}
.index-list .the_list,.index-list .ca_list,.index-list .the_news_list,.index-list .ca_list{ width:236px; margin:10px 7px; float: left;}
.index-list .the_list h3,.index-list .ca_list h3,.index-list .the_news_list h3{font-size: 11px; font-weight:normal; text-align: left; color:#008ed5; height: 20px; line-height: 20px;}
.index-list .the_list ul,.index-list .ca_list ul,.index-list .the_news_list ul{ margin:10px 0; padding: 0; clear:both; font-size:12px;}
.index-list .the_list ul li{ text-align: left; list-style: none; list-style-type: none; list-style-position: inside; line-height: 20px; height: 20px;overflow:hidden; 
white-space:nowrap; 
text-overflow:ellipsis; /* for IE */ }
.index-list .the_news_list ul li{width:156px;float:left;text-align: left; list-style: none; list-style:none; list-style-position: inside; line-height: 20px; height: 20px;overflow:hidden; 
white-space:nowrap; 
text-overflow:ellipsis; /* for IE */
}
.index-list .the_list span{ font-size: 11px; float:left;}
.index-list .the_news_list ul span{ font-size: 11px; float:right; color:#aaa;}
.index-list .the_list ul li span,.index-list .news_list ul li span{ float: right}
.index-list .the_list h3 span,.index-list .ca_list h3 span,.index-list .the_news_list h3 span{ color: #888; }
.index-list .ca_list ul li{text-align: left; list-style:none; line-height: 20px; height: 20px;}
.index-list .ca_list ul li i { color:#008df5; font-size:14px; padding-right:6px;}
#kinMaxShow_button{ display: none}


/***二级页面***/
.sub_banner{ height: 260px;}
#line{ clear: both; width: 100%; border: 1px solid #ccc}
#left{ width: 175px; float: left;}
#left .title{ border-bottom: 8px #ddd solid; text-align: right;  color:#444;}
#left .title h1{font-weight:normal; padding:36px 0 8px;}
#left .title h4{font-weight:normal; padding-bottom:8px; font-size:13px; color:#555;}
#left .leftbar{ height: 10px; background: #fefefe; clear: both; width: 100%;}
#left .sider_list ul,#left .nolist ul{ padding: 0; margin: 0;text-align: left;}
#left .sider_list ul h3,#left .sider_list ul li a{font-size: 15px; font-family:'microsoft yahei','黑体'; color:#444; font-weight:bold; padding:0;  margin:0; }
#left .sider_list ul h3:hover{cursor:pointer;}
#left .sider_list ul li{ margin: 8px auto; list-style-image: url("../images/add.jpg"); list-style-position: outside; margin-left:50px; }
#left .nolist ul li{ margin:14px auto; list-style:none; list-style-position: inside; }
#left .nolist ul li a,#left .blacklist ul li a{font-size:15px; color:#444;}
#left .sider_list ul li.selected{list-style-image: url("../images/-.jpg");}
#left .sider_list ul li ul{ display:none; color:#666; }
#left .sider_list ul li ul h4{ font-weight: 100;}
#left .sider_list ul li ul h4:hover{cursor:pointer};
#left .sider_list ul li ul li{ font-size: 14px; list-style-image: url("../images/-.jpg");line-height:22px; margin-left:0; }
#left .sider_list ul li ul li{ list-style-image: url("../images/jian.jpg");line-height:22px; margin-left:20px; }
#left .sider_list ul li ul li ul { display:none}
#left .sider_list ul li ul li ul li{font-size: 12px; list-style-image: url("../images/blue.jpg"); line-height:22px; margin-left:20px; }

#center{ width: 575px; float: left;margin:0 0 30px 50px;}
#center .sub_road{ text-align: left; margin-bottom: 22px; font-size:12px;}
#center h3{font-size:24px; font-weight:normal; color:#444; text-align: left;}
#center h3 img{ vertical-align: middle}
#center .detail .tab{ width: 100%; margin: auto; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; height: 50px; line-height: 50px}
#center .detail .tab ul{ padding: 0; margin: 0;}
#center .detail .tab ul li{ width: 33%; float: left; text-align: center; list-style: none;}
#center .detail .txt{ text-align: left;margin-top: 20px;}

#right{ width: 155px; float: right; }
#right .title{ text-align: left; font-size: 14px; font-weight: bold; color:#333;}
#right .title img{vertical-align:middle; margin-right:6px;  }
#right ul{ margin:10px 0; padding: 0;}
#right ul li{list-style: none;
list-style-image: url("../images/blue.jpg");
list-style-position: inside; height: 22px; line-height: 22px;  text-align: left;  width: 98%; margin: auto; overflow: hidden}
#right .case .title{line-height:46px; border-bottom:1px solid #ddd;}
#right .contact{ width: 150px; height:auto; background: #eee; margin-top: 20px;}
#right .contact_info{ text-align: left; line-height: 22px; padding:16px 10px;}
#right .contact_info h3{ line-height: 33px; height: 33px;}
#right .contact_info p{ width: 92%; margin: auto; font-size:12px; padding:2px 0; color:#888;}
#right .contact_info p strong{color:#008fd5; font-weight:normal; font-size:13px;}
#right .contact .title{line-height:46px;  border-bottom:1px solid #fff;}

/***成功案例***/
.subbanner{margin-bottom:30px;}
.case_list{padding-bottom:30px;}
.case_list .box{ width:49%; float: left; text-align: left; margin-bottom:18px;}
#center .case_list .box h3{ font-size: 16px; font-weight:bold; color: #333; line-height:40px;}
.case_list .box ul{ padding: 0; margin: 0; min-height:180px;}
.case_list .box ul li{ list-style-image: url("../images/jian.jpg"); list-style-position: inside; line-height: 22px; height: 22px;}
.case_list .box ul li a{color: #008ED6}
.case_list .long_box{ clear: both;text-align: left; margin-top:2px;  }
.case_list .long_box h4{ color: #444; border-bottom: 1px #ddd solid; height: 32px; line-height:32px; padding: 0;  font-size: 13px; font-weight:bold;}
.case_list .long_box ul{ padding:2px 0; margin:5px; }
.case_list .long_box ul li{font-size:12px; color:#008fd5;  padding-left: 10px; list-style-position: inside; height: 20px; line-height: 20px;list-style-type:disc;  line-height: 26px; height: 26px;}
.case_list .long_box ul li a{font-size:12px; color:#666;}
.case_list .long_box ul li a:hover{color:#008fd5;}

/***文章页面***/
.read_detail{ text-align: left;}
.read_detail .title{ margin-top:24px;  padding-bottom: 2px; }
.read_detail .title h2{ color: #008fD5; font-size: 22px; font-weight:normal; line-height:28px;}
.read_detail .title p{text-align:left; padding:6px 0; color:#444;}
.bdsharebuttonbox{float:right;padding:6px 0;}
.read_detail .txt{ margin-top:24px;}

.download_list{ text-align: left; margin-top: -10px;}
.download_list .title{ margin-top: 10px; padding-top:10px; padding-bottom: 2px; }
.download_list .title h2{ color: #008ED6; font-size: 24px; font-weight: 300}
.download_list .title .summary{ font-size: 18px; color:#333; padding:6px 0;}
.download_list .txt{ margin-top: 12px;}
.download_list .box{ clear: both; height: 260px; border-bottom: 1px solid #ccc; margin-top:20px;}

.lesson{ float: right; width: 350px;}
.lesson .more{ float: right}
.lesson ul{ padding: 0; margin:0; height: 175px; }
.lesson ul li{ clear: both; height: 30px; line-height: 30px; list-style: none}
.lesson ul li a{ display: block; float: left;color: #008ED6; font-size: 13px; }
.lession_img{ float: left; width:200px; height:160px; }
.lession_img img{ float: left; width:200px; height:160px; }
.lesson_title{ font-size: 18px; color: #333; height: 46px; line-height:40px;}
.lesson ul li .downloadlink{ width: 65px; height: 25px; background: url("../images/download.jpg") no-repeat; float: right}
.lesson ul li .downloadlink a{float:none; line-height:25px; font-size: 12px; padding-left:12px; color:#666;}
.lesson ul li .downloadlink a:hover{color:#008ED6;}

#center .about_detail{ width:745px; text-align: left;}
#center .about_detail img{width:736px; height:auto; border:4px solid #ddd;}
#center .about_detail .txt img{width:auto; height:auto; padding:4px; border:none;}
#center .about_detail .title{ border:none;}
#center .about_detail .title h2{font-size:25px; font-weight:normal;}
#center .about_detail .title h4 {line-height:32px;font-size:14px;color: #555;}
#center .about_detail .txt{ margin-top:32px; }
#center .about_detail table tr{border:none;  border-bottom:2px solid #ddd;}
#center .about_detail table td{border:none; height:36px; line-height:36px; }
#center .about_detail .jobtxt{padding-bottom:28px; border-bottom:1px dashed #bbb; }
#center .about_detail .jobview{padding:20px 0 14px;}

#center  .team_pro{ height:460px; padding-bottom:20px; margin-bottom:40px; border-bottom:1px dotted #ccc;}
#center .about_detail .team_prolst{width:150px;float:left;margin:18px; }
#center .about_detail .team_prolst img{ width:150px; height:150px; border:none;}
#center .about_detail .teamlst_name{font-size:16px;  padding:8px 0 2px;color:#008df5; font-weight:bold; text-align:center;}
#center .about_detail .teamlst_pos{font-size:14px;  color:#008df5; text-align:center;}
#center .about_detail .teamlst_short{ height:242px; line-height:20px; padding-top:14px; text-indent:2em; color:#444;}
#center .about_detail .team_normal h4{line-height:24px; font-size:16px; color:#008fd5;}
#center .about_detail .team_mimg{width:121px; height:121px; border:none; } 
#center .about_detail .team_right{float:left;text-align:right;width:97px;;height:81px; padding:20px 12px;}
#center .about_detail .team_left{float:left;text-align:left;width:97px;;height:81px; padding:20px 12px;}
#center .about_detail li{list-style:none outside none; }
#center .detail_teamimg{loat:left; width:25%;}
#center  .detail_team{float:left; width:70%; margin-right:20px;}
#center .detail_team h4{ font-size:21px; padding-bottom:5px; font-weight:normal; }
#center .detail_team .detail_teampos{font-size:14px; padding-bottom:14px; font-weight:bold; color:#008df5; margin-bottom:18px; border-bottom:1px dashed #ccc; }
#center .detail_team .detail_teamtxt{ color:#666; text-indent:2em; font-size:14px;}


.fl{display:inline;float:left}
.fr{display:inline;float:left}
.cf:after{content:"";clear:both;display:block;height:0;overflow:hidden}
.cf{zoom:1}
.pb10{padding-bottom:10px}
.mt10{margin-top:10px}

.lanrenzhijia{width:560px;margin:14px auto;background:#fff;padding:15px 0 15px 15px;}
.lanrenzhijia .title{height:30px;border-bottom: 3px solid #e7e7e7;border-top: 1px solid #ccc;padding-bottom:12px;}
.lanrenzhijia .title h2{ font-size: 20px;font-family: "microsoft yahei";}
.lanrenzhijia .title-list{ position: relative; top: 6px;}
.lanrenzhijia .title-list li{ width: 160px; line-height: 34px; color:#444; text-align: center; float: left; display: inline;}
.lanrenzhijia .title-list li:hover{cursor:pointer};
.lanrenzhijia .title-list li.on{  color:#008fd5;}
.lanrenzhijia .title-list p{position:absolute;top:26px;left:0px;width:160px;height:7px;border-bottom: 3px solid #048FDF; overflow: hidden; text-align: center;}
.lanrenzhijia .title-list b{transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);display:inline-block;width:0;height:0;margin-top:-9px;overflow: hidden;zoom: 1;font-size: 0;}
.product{ height:auto; position: relative; overflow: hidden; display: none; margin-top: 28px; line-height:24px; color:#444; text-align: left;}
.product strong{color:#222;}
.product p img,.read_detail p img{max-width: 100%; height: auto !important;}
.product ul{ position:relative; left: 0px;}
.product-wrap .show{ display: block;}
.product-wrap .product li{ display: inline; margin-left: 13px;}
.product-wrap .product li.ml0{margin-left:0px;}
.product-wrap .product li a.imgwrap{ display: block; width: 226px; height: 200px; background: #fff; text-align:center;}
.product-wrap .product li p{padding-left:14px;color: #333;line-height: 28px;}
.product-wrap .product li p a{ color: #666666; text-decoration: none;}
.product-wrap .product li p a:hover{ color: #ff6600; text-decoration: none;}


.video_box .video_img{ width: 235px; height: 160px; float: left;}
.video_box .video_img img{ width: 235px; height: 160px;}
.video_box .video_info{ float: right; width: 320px;  }

.video_box , .research_box{ width: 580px; height: 186px; border-bottom: 1px #ddd solid; padding:20px 0;}
.research_box .research_img{ width: 156px; height: 186px; float: left;}
.research_box .research_img img{ width:156px; height: 186px;}
.research_box .research_info{ float: right; width: 370px;  }
.video_box .video_title , .research_box .research_title{  text-align: left; font-size: 16px; font-weight: bold; color: #008ED6; line-height: 26px; margin-bottom:20px;}
.video_box .video_summary, .research_box .research_summary{ text-align: left; height: 90px;}

.topmenu{ width: 652px; margin: auto}
.submenuhead{ width: 100%; overflow: hidden; background:url("../images/menu_bac.jpg") repeat-x; display: none;}
.submenuhead .list{ width: 160px; float: left; color: #fff; margin-top:10px; margin-bottom:18px;}
.submenuhead .list h3,.submenuhead .list h3 a{font-size:16px; font-weight:normal; width: 75%; margin-right:40px; text-align:left; text-indent:0; color:#008fd5; line-height: 40px; }
.submenuhead .list ul{ margin: 0; padding: 0;  width:75%;  height:auto; line-height: 24px;}
.submenuhead  li{list-style: none; text-align: left}
.submenuhead .list ul li a{font-size: 12px; line-height:1.2; color: #555}
.submenuhead .list ul li a:hover{color: #008fd5;}
.tooltips {
	border：2px solid #bbb;
	position: absolute;
	display: none;
	border-radius: 3px;
	opacity: 0;
	filter: alpha( opacity = 0);
	z-index: 999;
}
.tooltips p.content {
	padding: 5px;
}
.tooltips .triangle-front, .tooltips .triangle-back {
	width: 0;
	height: 0;
	overflow: hidden;
	border-width: 14px;
	border-style: solid;
	position: absolute;
	border-color: transparent;
	top: 100%;
	left: 50%;
	margin-left: -12px;
}
.tooltips .triangle-back {
	margin-top: -1px;
}
.yellow {
	border-color: #bbb;
	background-color: #bbb;
}
.yellow .triangle-front {
	border-top-color: #bbb;
}
.yellow .triangle-back {
	border-top-color: #bbb;
}
.case_detail fieldset{ margin:14px auto;}
.videobg{background:#222;);}
.videocon{position:relative;width: 800px;height:40px;margin:auto;top:50px;}
	li{
	list-style-type:none;
}