@font-face {font-family:"novecento"; src:url("../fonts/novecento_widebook.eot");}
@font-face {font-family:"novecento"; src:url("../fonts/novecento_widebook.ttf");}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;}
table,td,tr,th{font-size:12px;}
ol,ul,li{list-style:none;}
li{list-style-type:none;}
img{vertical-align:middle;border:0;}
h1,h2,h3,h4,h5,h6{font-size:12px; font-weight:normal;}
input,select,textarea {font-size:12px; color:#666; vertical-align:middle; font-family:Microsoft YaHei;}
button{cursor:pointer; border:none;}
em {font-style:normal;}

body, button, input, select, textarea { margin:0; padding:0; font:14px/1.5 "Microsoft YaHei", \5FAE\8F6F\96C5\9ED1, arial, tahoma, \5b8b\4f53; color:#666; }
body { margin:0 auto; min-width:1100px; width:100%; padding:0; background-color:#fff;}
a,a.visited {blr:expression(this.onFocus=this.blur());outline:none;text-decoration:none; color:#666;}
a:hover{ text-decoration:none; color:#00848b;}

a.hong:link,a.hong:visited {text-decoration:none;color:#da0000;}
a.hong:hover {text-decoration:underline;}
a.blue,a.blue:visited {color:#004a9d;text-decoration:none;}
a.blue:hover {color:#ff9000;text-decoration:underline;}
a.yellow,a.yellow:visited {color:#FE700C;text-decoration:none;}
a.yellow:hover {color:#FE700C;text-decoration:none;}

.clearfix:after {clear:both; content:"."; display:block; height:0pt; visibility:hidden; overflow:hidden;}
.clear{clear:both;} 
.fn-left { float:left;display:inline; }
.fn-right { float:right;display:inline;}
.w1100 {min-width:1100px; width:1100px; margin:0 auto; }
.w1000 {min-width:1000px;width:1000px; margin:0 auto; }
.w1440 { width:100%; max-width:1440px; margin:0 auto; background:url(../images/bg1440.png) repeat-y center center;}

.top_box{clear:both;border:0 solid #cccccc;width:100%;height:50px;background-:url(image/topdi.png) repeat-x top;background:#30333C;position:fixed;z-index:5;top:0px;left:0px;overflow-:hidden;}
.top_box_inner{width:1100px;margin:0px auto;}
.logo {float:left; width:250px; height:60px; background:url(../images/logo_bg.png) right top no-repeat;text-align:left; padding-top:6px; padding-left:10px;}

.navigation {float:right;width:770px; margin:0 auto; height:50px;}	
.navigation li {float:left;width:110px; height:50px;position:relative; line-height:50px;}
.navigation li a {color:#fff;display:block;text-decoration:none;text-align:center;font-size:15px;}
.navigation li a:hover {color:#fff;background:#00848b;}
.navigation li a.hover {color:#fff;background:#00848b;}
.navigation li ul {position:absolute; left:0; display:none;list-style:none;background-color:#000;opacity:0.7; filter:alpha(opacity=70);z-index:100;}
.navigation li ul li {width:180px;line-height:50px;float:left; height:50px; text-align:left; text-indent:1em; background:none;}
.navigation li ul li a {display:block;color:#fff;text-decoration:none;font-size:14px; font-weight:normal; text-align:left;}
.navigation li ul li a:hover {color:#fff; background:#333;}

/*main banner*/
.flexslider{position:relative;height:550px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; text-align:center; margin-top:50px;}
.slides{position:relative;z-index:1;text-align:center;}
.slides li{height:550px; text-align:center;}
.flex-control-nav{position:absolute;bottom:15px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:12px;height:12px;margin:5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:12px;height:12px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer; font-size:0;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:42%;}
.flex-direction-nav li a{display:none;width:32px;height:55px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;opacity:0.3; filter:alpha(opacity=30);}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;opacity:0.3; filter:alpha(opacity=30);}
.flex-direction-nav li a.flex-prev:hover{opacity:0.6; filter:alpha(opacity=60);}
.flex-direction-nav li a.flex-next:hover{opacity:0.6; filter:alpha(opacity=60);}

.main_con{ padding:25px 0; height:auto;}
.about_home{ width:450px; margin-bottom:10px;float:left;}
.about_home h2{ height:40px; line-height:40px; font-size:24px; color:#00848b; text-align:left; text-indent:15px;border-left:2px solid #00848b; color:#00848b;}
.about_home h2 .more{ float:right; width:80px; text-align:left; font-size:13px; border-bottom:1px solid #00848b;}
.about_home h2 .more a{ color:#333; text-decoration:none;}
.about_home h2 .more a:hover{ color:#00848b;}
.about_home .ademo{ width:450px; }
.about_home .ademo .pic{height:140px;margin:15px 0 5px 0;}
.about_home .ademo .pic img{width:450px; height:140px;}
.about_home .ademo .text{text-align:justify; line-height:26px; font-size:14px; color:#666;}
.about_home .ademo .text a{ color:#00848b; text-decoration:none;}
.about_home .ademo .text a:hover{ text-decoration:underline;}

.mclist{ width:610px; margin-bottom:10px;float:right;}
.mclist h2{ height:40px; line-height:40px; font-size:24px; color:#00848b; text-align:left; text-indent:15px;border-left:2px solid #00848b; color:#00848b;}
.mclist h2 .more{ float:right; width:80px; text-align:left; font-size:13px; border-bottom:1px solid #00848b;}
.mclist h2 .more a{ color:#333; text-decoration:none;}
.mclist h2 .more a:hover{ color:#00848b;}
.mclist .glist{ width:610px; overflow:hidden; margin-top:15px;}
.link-block {border-bottom:1px dotted #ccc;margin-bottom:10px; overflow:hidden; padding-bottom:10px;}
.date-block {float:left; padding:0 10px; width:60px; height:80px; font:bold 14px/15px 'novecento' !important; color:#444; background-color:#e1e1e1;}
.date-block .day {display:block; margin:10px 0 3px 0; font:bold 36px/36px 'novecento' !important; color:#00848b;}
.link-block a {display:block; padding:0; height:80px;-webkit-transition:background-color 400ms; transition:background-color 400ms; }
.link-block a:hover {background-color:#e1e1e1;}
.link-block a:last-child {border-bottom:0 none;}
.link-block a .summary {float:left; margin-left:15px; width:505px; height:100%; line-height:18px; color:#746969;}
.link-block a h1 {margin:8px 0 5px 0;line-height:20px; font-size:15px; font-weight:bold; color:#333;}
.link-block a p {height:40px; line-height:20px; color:#888; overflow:hidden; font-size:12px;}

.main_caselist{ width:1100px; margin:10px auto 40px auto;height:auto;}
.main_caselist h2{ line-height:40px; text-align:center; color:#00848b; font-size:24px;}
.main_caselist ul{ padding:0; margin:20px 0 0 0; overflow:hidden;}
.main_caselist ul .mr20{ margin-right:20px;}
.main_caselist ul li{ float:left;width:260px;}
.main_caselist ul li img {height:260px;width:260px;border:none;}
.main_caselist ul li p{ line-height:30px; background-color:#eee; font-size:20px; padding:15px; border-bottom:2px solid #00848b;}
.main_caselist ul li a { color:#333;}
.main_caselist ul li a:hover {color: #00848b;}


.mainpro{width:1100px; margin:20px auto;}
.proing_title{height:50px; line-height:50px; border-left:2px solid #00848b; color:#00848b; margin-bottom:20px;}
.proing_title .h3{ font-size:30px; padding-left:20px;}
.proing_title .h4{ font-size:20px; padding-left:10px; color:#333;}

.mainsearch{width:300px; height:40px; float:right; margin-top:10px;}
.mform-control{width:240px;height:40px;padding:0 5px;font-size:14px;color:#9e9e9e;background-color:#fff;border:1px solid #00848b; border-right:none; float:left;}
.mform-control:focus,.mform-control:active{border:1px solid #00848b;outline:0;border-right:none;}
.mbtn{cursor:pointer;user-select:none; height:40px; width:60px;background:url(../images/serch_ico.png) center #00848b no-repeat; float:right;}
.mbtn:focus,.mbtn:active,.mbtn:hover{ background-color:#3ab5bd;outline:0;}

.proing{width:1100px;height:300px;overflow:hidden; margin-bottom:20px;}
.proing-hd{width:1100px; background-color:#333;height:50px;position:relative;}
.proing-nav{float:left;}
.proing-more{ float:right; padding-right:20px; font-size:14px; line-height:50px;}
.proing-more a{ color:#fff;}
.proing-more a:hover{ color:#00848b;}
.proing-nav li{width:160px;font-size:14px;color:#fff;text-align:center;float:left;height:50px;cursor:pointer; line-height:50px;}
.proing-nav .bactive{background:#00848b;font-weight:bold;}
.proing-bd{width:1098px;height:230px;overflow:hidden;border:1px solid #b4b4b4; border-top:none;}
.proing-bd a{ font-size:14px;color:#2d2d2d; text-decoration:none; line-height:30px; font-weight:bold;}
.proing-bd a:hover{ text-decoration:underline;}
.proing-bd li{width:270px;padding:0 2px 0 2px;float:left;line-height:30px;display:inline;margin-top:15px;height:220px;}
.proing-bd li .pic{ float:left; width:270px; text-align:center; height:290px;position: relative;}
.proing-bd li .pic a img {height:180px;width:240px;border:none;}
.proing-bd li .pic a span {position: absolute; top:180px; left:0px;font-size:12px; color:#333; line-height:30px; width:270px; text-align:center; font-weight:normal;}
.proing-bd li .pic a:hover {background-color: #FFF;}
.proing-bd li .pic a:hover span {position: absolute; top:180px; left:0px;font-size:12px; color:#00848b; line-height:30px; width:270px; text-align:center; font-weight:normal;}

.main_nlist{ width:1100px; margin:0 auto;height:auto; margin-bottom:30px;}
.home_news{ float:left; width:450px;}
.home_news h2{ height:40px; line-height:40px; font-size:24px; color:#00848b; text-align:left; text-indent:15px;border-left:2px solid #00848b; color:#00848b;}
.home_news h2 .more{ float:right; width:80px; text-align:left; font-size:13px; border-bottom:1px solid #00848b;}
.home_news h2 .more a{ color:#333; text-decoration:none;}
.home_news h2 .more a:hover{ color:#00848b;}
.listnews{float:left; text-align:left; height:210px; margin-top:5px;}
.listnews li{font-size:14px; text-align:left; margin:10px 0 20px 0;}
.listnews li .title{ font-size:16px; color:#000; font-weight:bold; line-height:30px; height:30px; overflow:hidden;}
.listnews li .title a{ color:#333;}
.listnews li .title a:hover{ color:#00848b;}
.listnews li .time{ font-size:13px; color:#44b8c0; line-height:30px;}
.listnews li .txt{ font-size:13px; color:#666; line-height:24px; height:72px; overflow:hidden;}

.message{ float:left;width:320px; margin-left:40px;}
.message h3{height:40px; line-height:40px; font-size:24px; color:#00848b; text-align:left; text-indent:15px;border-left:2px solid #00848b; color:#00848b;}
.message_form{margin-top:20px;}
.message_name{width:320px; height:30px; line-height:30px; float:left; border:1px solid #ccc; color:#666; text-indent:8px; font-size:13px;}
.message_tel{width:320px; height:30px; line-height:30px; float:left; border:1px solid #ccc; color:#666; text-indent:8px; font-size:13px;}
.message_mail{width:320px; height:30px; line-height:30px; float:left; border:1px solid #ccc; color:#666; text-indent:8px; font-size:13px;}
.message_content{width:320px; overflow:hidden; height:100px; border:1px solid #ccc; color:#666;text-indent:8px; line-height:30px; font-size:13px;}
.message_btn{width:110px; height:34px; background:url(../images/go.png) 0px 0 no-repeat; border:0; cursor:pointer; blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */}
.message_btn:focus{-moz-outline-style: none; /* FF */}
.message_btnch{width:110px; height:34px; background:url(../images/go.png) 0px -50px no-repeat; border:0; cursor:pointer;}
.message_about{color:#00848b; font-size:13px; line-height:34px;}

.index_contact{ float:left;width:250px; margin-left:40px;}
.index_contact h3{height:40px; line-height:40px; font-size:24px; color:#00848b; text-align:left; text-indent:15px;border-left:2px solid #00848b; color:#00848b; margin-bottom:20px;}
.index_contact p{ font-size:14px; line-height:30px; border-bottom:1px solid #ccc; margin-bottom:6px; margin-top:5px;}

.obanner1 {background:url(../images/obanner.jpg?v=20181108) center; width:100%; height:350px; margin-top:50px;}

.con_con{margin:0px auto 40px auto;overflow:hidden; width:1100px;}
.con_title{height:60px; line-height:60px; color:#00848b; margin-bottom:0px; margin-top:20px;}
.con_title .h3{ float:left; font-size:20px; text-align:left; background-color:#00848b; color:#fff; width:240px; text-indent:25px;}
.con_title .h4{ float:left; font-size:20px; padding-left:10px; color:#333;}
.con_title .h5{ float:right; text-align:right; color:#666; font-size:12px;border-bottom:1px solid #00848b;height:40px;margin-top:20px;line-height:40px;width:800px;}
.con_title .h5 dd{ float:left; font-size:18px; font-weight:100; color:#00848b;}
.leftmenu{ float:left; width:240px;}
.leftmenu p{ padding:0; margin:20px 0;}
.leftmenu ul{padding:0px 0px 45px 0px;border:0px solid #00848b; background-color:#f3f3f3;}
.leftmenu ul li{ line-height:45px;text-indent:13px; font-size:15px; text-align:left; border-bottom:1px solid #ddd;}
.leftmenu ul li a{color:#666; display:block;}
.leftmenu ul li a:hover,.leftmenu ul li .current{color:#00848b; font-weight:bold;}

.leftmenu dl{padding:0px 0px 50px 0px;}
.leftmenu dt{padding:0;}
.leftmenu dl span{ margin-bottom:10px;border:1px solid #00848b; border-top:none; padding:5px 0; background-color:#f5f5f5;}
.list_on{width:228px; text-align:left; height:45px; line-height:45px;border:1px solid #00848b;color:#333; font-size:15px;text-indent:25px; margin-bottom:10px;}
.list_on a{display:block;width:230px;text-decoration:none; color:#333;}
.list_on a:hover{width:230px;background-color:#00848b; color:#fff;}
.list_in{width:230px; text-align:left;height:45px; line-height:45px;background-color:#00848b; color:#fff;font-size:15px;text-indent:25px;}
.list_in a{display:block;width:230px;color:#fff;text-decoration:none}
.list_in a:hover{color:#fff;}
.list_son{width:228px;color:#333;font-size:13px; line-height:35px; text-align:left; text-indent:25px;}
.list_son a{display:block;text-decoration:none; color:#333;}
.list_son a:hover{color:#00848b;}
.list_sin{width:228px;color:#00848b;font-size:13px; line-height:35px; text-align:left;text-indent:25px;}
.list_sin a{display:block;color:#00848b;text-decoration:none; font-weight:bold;}
.list_sin a:hover{color:#00848b;}

.comIntro{ float:right; width:800px; margin-top:15px;}
.comIntro h1 {font-size:22px; height:40px; line-height:40px; border-bottom:1px solid #ccc; color:#0d99e9; margin-top:45px;}
.comIntro h1 span{ float:right; text-align:right; color:#999; font-size:12px;background:url(../images/home.png) left 10px no-repeat; text-indent:20px;}
.comIntro .demo { margin:0 0 30px 0; line-height:30px; color:#666;font-size:14px;}
.comIntro .demo p {text-indent:0em; padding-bottom:15px; display:block;}
.comIntro .demo td {text-indent:0em; padding:8px; line-height:24px; font-size:14px; color:#666;}

.retitle1{ font-size:20px; line-height:40px;text-align:left; margin:10px 0;background:url(../images/line2.png) left bottom no-repeat; color:#0093d2;}
.retitle2{ font-size:20px; line-height:40px;text-align:left; margin:10px 0;background:url(../images/line3.png) left bottom no-repeat; color:#e87c1e;}
.retext{ line-height:24px; margin-bottom:30px;}
.retextb{ line-height:24px; margin-bottom:30px; background-color:#e2f6e6; padding:15px;}
.retextb p{ padding-bottom:0px;}
.retext span{ color:#0093d2; font-size:16px;}

.clademo{width:100%;line-height:30px; font-size:14px; text-align:left; color:#666; background-color:#f2f2f2; margin:5px 0; overflow:hidden;}
.clademo p{ padding:10px 15px;border:1px solid #ddd;text-align:justify;}

.clalist{width:800px;}
.clalist ul {margin:10px 0 0 0;}
.clalist ul li{ width:100%; display:block; margin-bottom:25px;overflow:hidden;}
.clalist ul li .img{ float:left; width:200px; height:200px; overflow:hidden;}
.clalist ul li .img img{ width:200px;}
.clalist ul li .txt{ float:right; width:580px; height:200px; overflow: hidden;}
.clalist ul li .txt .ctitle{ padding:15px 0 5px 0; line-height:20px; font-size:16px; font-weight:bold; color:#333;}
.clalist ul li .txt .cdemo{ padding:0 15px 0 0; line-height:22px; font-size:12px; color:#555;text-align:justify;}
.clalist ul li a{color:#333;display:block; width:100%; background-color:#f2f2f2; height:200px;}
.clalist ul li a:hover{ background-color:#d8edf0;}

.newslist {width:800px;}
.newslist ul {margin:0;}
.newslist ul li{ line-height:49px; font-size:15px; text-align:left;border-bottom:1px solid #ededed;}
.newslist ul li span{ float:right; font-size:14px; color:#999; width:100px; text-align:right;}
.newslist ul li a{color:#333; text-decoration:none; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; width:600px; display:block;}
.newslist ul li a:hover{ color:#00848b;}
.pagelist { width:800px; height:50px; margin-top:50px; text-align:right;}
.pagelist a{ padding:3px 8px; border:1px solid #ccc; background-color:#f2f2f2; margin-left:10px; color:#666;}
.pagelist a:hover{ background-color:#fff; color:#00848b;}
.pagelist span{ padding:3px 8px; border:1px solid #ccc; background-color:#f2f2f2; margin-left:10px; color:#999;}

.newsdemo{width:800px;}
.newsdemo .gdtitle{padding:10px 0 15px 0;text-align:left; border-bottom:1px solid #ddd;}
.newsdemo .gdtitle .newstitle{font-size:18px; font-weight:bold; line-height:36px; color:#333; text-align:center;}
.newsdemo .gdtitle .newsother{font-size:12px; font-family:Verdana, Arial; color:#999999; font-weight:normal; line-height:28px; text-align:center;}
.newsdemo .gdtitle .newsshare{padding:10px 0 0 0; text-align:center;}
.newsdemo .demotext{ width:100%; font-size:14px; color:#666; line-height:26px;margin-top:20px;text-align:justify;}
.newsdemo .demotext .demo_casepic{ width:100%; overflow:hidden;}
.newsdemo .demotext .demo_casepic img{ width:800px;}
.newsdemo .demotext p{line-height:26px;width:auto;font-size:14px;margin-bottom:15px; }
.newsdemo .demotext div{line-height:26px;width:auto;font-size:14px;margin-bottom:0px;}
.newsdemo .demotext img{width:expression(this.width > 680 && this.width > this.height ? 680 : auto); max-width:680px;}
.newsdemo .demotext span{line-height:25px;width:auto;font-size:14px;font-weight: normal;}
.newsdemo .newsgoback{ width:100%; font-size:14px; color:#999; height:40px; line-height:40px;margin-top:20px;border-top:1px solid #e3e3e3; text-align:right;}
.newsdemo .newsgoback a{color:#666; text-decoration:none}
.newsdemo .newsgoback a:hover{color:#00848b}

.downlist {width:800px;}
.downlist ul {margin:0;}
.downlist ul li{ line-height:50px; font-size:15px; text-align:left;border-bottom:1px solid #ededed;}
.downlist ul li span{ float:right; font-size:14px; color:#999; width:100px; text-align:right;}
.downlist ul li .togo{ float:right; width:210px; text-align:left; height:20px; padding:15px 0px;}
.downlist ul li a{color:#666; text-decoration:none; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; width:600px; display:block;}
.downlist ul li a:hover{ color:#00848b;}

.caselist {width:800px;}
.caselist ul{margin:10px 0 0 0;}
.caselist li {display:block; float:left; width:250px; height:180px; overflow:hidden; margin-bottom:25px; overflow:hidden;}
.caselist li p {font-size:14px;text-align:center;display:block; height:40px; line-height:40px; overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.caselist li img {width:250px; height:140px;display:block;}
.caselist li a{ color:#666; text-decoration:none;}
.caselist li a:hover{ color:#00848b;}

.goback{ width:100%; font-size:12px; color:#666; height:30px; line-height:30px;margin-top:20px;border-top:1px solid #e3e3e3; text-align:right;}
.goback a{color:#666; text-decoration:none}
.goback a:hover{color:#00848b}

/*pro*/
.comIntro .pro_cla{ width:830px; margin:0 0 25px 0;}
.comIntro .pro_cla h3{ height:40px; line-height:40px;background:url(../images/pro_cla_bgt.gif) no-repeat #eee; color:#0093e8; font-size:16px; text-align:left; text-indent:15px; border:1px solid #e1e1e1; border-bottom:none;}
.comIntro .pro_cla h3 .more{ float:right; width:80px; text-align: center; font-size:14px;}
.comIntro .pro_cla h3 .more a{ color:#666; text-decoration:none;}
.comIntro .pro_cla h3 .more a:hover{color:#0093e8;}
.comIntro .pro_cla p{ padding:10px 15px; border:1px solid #e1e1e1; font-size:12px; color:#0093e8; line-height:28px; margin-bottom:25px; background-color:#fff;}
.comIntro .pro_cla p a{ color:#666;margin-right:10px; font-size:14px;}
.comIntro .pro_cla p a:hover,.comIntro .pro_cla p .hover{ color:#0093e8;}
.comIntro .pro_cla dt{ padding:10px 15px; border:1px solid #e1e1e1; font-size:14px; color:#666; line-height:28px; margin-bottom:25px; background-color:#fff; display:block;}

.comIntro2 .pro_cla{ width:750px; margin:25px 0;}
.comIntro2 .pro_cla dt{ padding:10px 15px; border:1px solid #e1e1e1; font-size:14px; color:#666; line-height:28px; margin-bottom:25px; background-color:#fff; display:block;}

.comIntro .pro_list{ width:830px; margin:0;}
.comIntro .pro_list li{ width:830px; height:130px; overflow:hidden; margin-bottom:30px;}
.comIntro .pro_list li .pic{ float:left; width:170px; height:126px; border:1px solid #e1e1e1; padding:1px; background-color:#fff;}
.comIntro .pro_list li .pic img{ width:170px; height:126px;}
.comIntro .pro_list li .pic:hover{border:1px solid #00848b;}
.comIntro .pro_list li .text{ float:right; text-align:left; width:630px; height:130px; overflow:hidden;}
.comIntro .pro_list li .text .title{ font-size:18px; color:#00848b; line-height:20px; margin-bottom:5px;}
.comIntro .pro_list li .text .title a{ color:#00848b;}
.comIntro .pro_list li .text .title a:hover{ text-decoration:underline;}
.comIntro .pro_list li .text .other{ font-size:14px; color:#666; line-height:24px; height:72px; overflow:hidden;}
.comIntro .pro_list li .text .todemo{ width:100px; height:25px; font-size:14px; line-height:25px; text-align:center; margin-top:5px;}
.comIntro .pro_list li .text .todemo a{ width:100px; height:25px; text-align:center; line-height:25px; background-color:#00848b; color:#fff; display:block;}
.comIntro .pro_list li .text .todemo a:hover{ background-color:#3ab5bd; color:#fff;}

.proview{ width:830px; margin:0;text-align:left;}
.proview .pic{ float:left; width:396px; height:290px; border:1px solid #e1e1e1; padding:1px; background-color:#fff;}
.proview .pic img{ width:396px; height:290px;}
.proview .text{ float:right; text-align:left; width:400px; height:290px; overflow:hidden;}
.proview .text .title{ font-size:18px; color:#00848b; line-height:30px; margin-bottom:10px;}
.proview .text .other{ font-size:14px; color:#666; line-height:28px;}

.proviewdemo {width:830px; margin:0;}
.Hots {width:830px;}
.sw {display:block;padding:15px 0px; overflow:hidden; width:830px; text-align:left;font-size:15px; line-height:28px; color:#666;}
.hd {display:none; padding:15px 0px; overflow:hidden; width:830px; text-align:left;font-size:15px; line-height:28px; color:#666;}
#protextli    {width:830px;height:40px;line-height:40px;font-size:16px; border-bottom:1px solid #dedede;}
#protextli li {height:40px;cursor:pointer;text-align:center;width:140px;float:left;margin-right:10px; background-color:#dedede;}
#protextli a  {font-size:16px;text-decoration:none;color:#333; display:block;}
#protextli a:hover  {color:#00848b; text-decoration: none;}
#protextli #current {}
#protextli #current a {height:40px;overflow:hidden;color:#fff;text-align:center;cursor :pointer;width:140px;float:left;text-decoration:none; background-color:#00848b;}
.progoback{ width:100%; font-size:14px; color:#999; height:30px; line-height:30px;margin-top:10px; margin-bottom:30px;border-top:1px solid #e3e3e3; text-align:right;}

.pro_other {width:830px;}
.pro_other ul {margin:0;}
.pro_other ul li{ line-height:50px; font-size:15px; text-align:left;background:url(../images/p_ico.png) left no-repeat; text-indent:20px; border-bottom:1px solid #ededed;}
.pro_other ul li span{ float:right; font-size:14px; color:#999; width:100px;}
.pro_other ul li a{color:#666; text-decoration:none; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; width:700px; display:block;}
.pro_other ul li a:hover{ color:#00848b;}

.black_overlay{display:none; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; z-index:10001; -moz-opacity:0.7; opacity:.70; filter:alpha(opacity=70);} 
.white_content{display:none; position:absolute; width:830px; height:50%; padding:20px; border:0px solid #58b6eb; background-color:#fff; z-index:10002;}
.white_content .dtitle{text-align:left;}
.white_content .title{font-size:18px; font-weight:bold; line-height:30px; color:#00848b;}
.white_content .other{font-size:12px; color:#999999; font-weight:normal; line-height:20px;}
.white_content .demotext{ width:820px; font-size:14px; color:#6666;line-height:26px;margin:10px auto 0 auto;overflow-y:auto;overflow-x:hidden; height:350px; padding:15px; border:1px solid #00848b;}
.white_content .close{ position:fixed; width:30px; height:30px;z-index:10003;cursor:pointer; font-size:0px; color:#333;}
.white_content .close a{ color:#333; display:block;background:url(../images/close.png) no-repeat;width:30px; height:30px;}
.white_content .close a:hover{ color:#FF0000;background:url(../images/close_on.png) no-repeat;}

/* m_map */
.m_map{width:830px;height:450px;margin:0 auto;position:relative; background:url(../images/diru.png) no-repeat 0 0 ;}
.tait{font-size:36px;font-weight:bold;color:#666666;text-align:center; left:100px;}
.tait span{color:#ff6d3b;}
.tait2{font-size:36px;font-weight:bold;color:#666666;text-align:center;padding:50px 0px;}
.mp{position:absolute;cursor:pointer;background:url(../images/fi1.png) no-repeat 4px 20px;width:24px;height:63px;-webkit-transition:all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;}
.mp:hover{background:url(../images/fi2.png) no-repeat 4px 20px;-webkit-transition:all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;}
.hover_tu{background:url(../images/fi2.png) no-repeat 4px 20px;}
.mp .mito{position:absolute;left:0px;bottom:0px;font-size:12px;color:#666666;}
.mp .find_mi1{left:-12px;width:55px;}
.mp .find_mi2{left:-5px;width:55px;}
.feng{position:absolute;display:none;width:400px;height:128px;left:-230px;top:-108px;background:url(../images/vf1.png) no-repeat 0 top;z-index:10;}
.feng .sang{position:absolute;left:235px;bottom:0px;background:url(../images/vf2.png) no-repeat 0 0;width:14px;height:8px;}
.feng .tree{height:100px;width:380px;margin:10px;}
.feng .tree .du_size{height:100px;width:380px;} 
.feng .tree .du_size .title{font-size:14px;color:#FFF;line-height:20px; font-weight:bold;}
.feng .tree .du_size div,.feng .tree .du_size p{font-size:12px;color:#FFF;line-height:20px;}
.mp1{left:510px;top:370px;}
.mp2{left:472px;top:340px;}
.mp3{left:505px;top:160px;}
.mp4{left:560px;top:260px;}
.mp5{left:575px;top:135px;}
.mp6{left:515px;top:250px;}
.mp7{left:430px;top:230px;}
.mp8{left:375px;top:265px;}
.mp9{left:465px;top:260px;}
.mp10{left:505px;top:335px;}
.mp11{left:525px;top:305px;}
.mp12{left:520px;top:200px;}

.contact_title{ font-size:18px; color:#0069b1; line-height:40px; text-align:left;}
.contact_tab{ border-bottom:2px solid #6b6b67;border-top:2px solid #6b6b67; width:830px; overflow:hidden;}
.contact_tab .line{ width:830px; height:120px;border-bottom:1px solid #dfdfdf;}
.contact_tab .line .leftname{ float:left; width:209px; height:120px; line-height:120px; background-color:#eff8ff; text-align:center; font-size:16px; border-right:1px solid #dfdfdf; color:#333;}
.contact_tab .line .righttext{ float:right; width:590px; text-align:left; font-size:14px; color:#666; padding:8px 15px; line-height:26px; height:104px;}

/*foot部分*/
.foot {width:100%;background:#333333;}
.foot p{ padding:25px 0px; line-height:28px; font-size:13px; color:#fff; text-align: center;}
.foot p a{ color:#ccc;}
.foot p a:hover{ color:#fff;text-decoration:underline;}

#mask{ position:absolute; top:0; left:0; background:url(../images/mask.png) repeat 0 0;/*fliter:alpha(opacity:30);-moz-opacity:0.3;opacity:0.3;*/}
.radius_box{ position:absolute; display:none;z-index:40; width:850px;}
.radius_box .radius_t,.radius_box .radius_b{ height:15px; overflow:hidden; position:relative;}
.radius_box .radius_t .tc,.radius_box .radius_b .bc{ height:15px; margin:0 14px; background:#fff;}
.radius_box .radius_t span,.radius_box .radius_b span{ height:15px; width:15px; overflow:hidden; background-image:url(../images/radius.png); display:block; position:absolute;}
.tl{top:0; left:0; background-position:0 0;}
.tr{ top:0; right:0; background-position:100% 0;}
.br{ top:0; right:0; background-position:100% 100%;}
.bl{ top:0; left:0; background-position:0 100%;}
.radius_cont{ padding:0 20px; background:#fff;}
.radius_close{ position:absolute; top:-10px; right:-10px; background:url(../images/close.png) no-repeat; width:30px; height:30px; z-index:3;cursor:pointer;}
.radius_close:hover{background:url(../images/close_on.png) no-repeat;}
.radius_title{ border-bottom: 1px solid #dadada; line-height: 30px;}
.radius_title h3{ color:#333; line-height:30px; font-size:16px;font-family:"微软雅黑";}