@charset "utf-8";

.inbanner{ width: 100%; height: 246px; position: relative; overflow: hidden;}

.inbanner>img{ position: absolute; left:50%; margin-left: -960px; top:0; height: 100%; z-index: 1;}





.seemore{ display: block; width: 160px; height: 40px; border: 1px solid #d0252e; margin: 0 auto;

	line-height: 40px; color: #d0252e; text-align: center;

	-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius:20px;}

.seemore:hover{ background-color: #d0252e; color: #fff;}



.erji{ font-size: 0; white-space: nowrap;}

.erji a{ display: inline-block; width: 100px; height: 40px; position: relative;

	 color: #666; text-align: center; font-size: 14px; line-height: 40px;}

.erji a.on{ color: #d0252e;}

.erji a:hover{ color: #d0252e;}



.lefthalf{ float: left; width: 50%; height: 100%; position: relative; overflow: hidden;}

.righthalf{ float: right; width: 50%; height: 100%; position: relative; overflow: hidden;}

.js-qiecon{ display: none;}.js-qiecon.on{ display: block;}











.mainleft{ float: left; width: 250px;}

.mainright{ float: right; width: 900px; padding-top: 13px;}





.cate{ color: #fefefe; font-weight: bold; margin-top: -70px; position: relative; z-index: 2;

	width: 200px; height: 100px; padding: 15px 25px; background: url(sdnav.jpg) center no-repeat;}

.cate .cn{ font-size: 28px; line-height: 56px; height: 56px;}

.cate .en{ font-size: 20px; line-height: 26px; text-transform: uppercase;

	width: 200px; height: 26px; background-color: #0b57a0;}



.sdnav{ width: 100%; margin-top: 10px; margin-bottom: 20px;}

.sdnav dd{ position: relative; margin-bottom: 10px; line-height: 38px; border: 1px solid #e1e1e1;}

.sdnav dd>a{ display: block; font-size: 16px; color: #666; position: relative;

	height: 38px; overflow: hidden; padding-right: 38px; padding-left: 42px;

	background: #f5f5f5 url(fang1.png) 26px center no-repeat;}

.sdnav dd.on>a,.sdnav dd.ac>a,.sdnav dd:hover>a{

	background-image: url(fang1h.png); color: #0dabfb; font-weight: bold;}



.sdnav dd i{ position: absolute; right: 9px; top:9px; z-index: 2; width: 20px; height: 20px;

	 display: block; cursor: pointer; background-color: #e1e1e1;}

.sdnav dd s{ position: absolute; z-index: 1; left:4px; top:9px; width:12px; height: 2px;

	background-color: #fff; opacity: 1;}

.sdnav dd s:first-child{-moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); 

	-ms-transform: rotate(90deg); transform: rotate(90deg);}

.sdnav dd.ac s:first-child{-moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); 

	-ms-transform: rotate(0deg); transform: rotate(0deg);}

.sdnav dd s{-moz-transition: 0.3s; -ms-transition: 0.3s;

	-webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}



.leifour{ width: 100%; display: none;}

.leifour li{ padding: 0 38px 0 42px; height: 38px; line-height: 38px; border-top: 1px solid #e1e1e1; overflow: hidden;} 

.leifour li a{ font-size: 12px; color: #999;}

.leifour li:hover a{ color: #0dabfb;}





.sdbox{ width: 100%; margin-bottom:100px;}

.sdbox .title{ height: 36px; background-color: #0093dd;

	line-height: 36px; color: #fff; font-weight: bold; text-indent: 15px;}

.sdbox .con{ border: 1px solid #ccc;}



.sdtxtlist{ padding: 0 14px; overflow: hidden; margin-bottom: -1px;}

.sdtxtlist li{ padding: 0 0 0 30px; height: 40px; border-bottom: 1px solid #e3e3e3;

	background: #fff url(play1.png) 10px center no-repeat;}

.sdtxtlist li a{ display: block; color: #666; line-height: 39px;}

.sdtxtlist li a:hover{ color: #300d76;}



.sdlx{ padding: 23px 19px 20px;}

.sdlxcon{ color: #333; line-height: 24px; margin-top: 20px;}







.btl{ overflow: hidden; height: 46px; line-height: 46px; border-bottom: 1px solid #e4e4e4;}

.btl h4{ float: left; padding-left: 40px; font-size: 16px; color: #333; font-weight: bold;

	background: url(tian.png) left no-repeat;}

.tree{ float: right; color: #666;}

.tree a{ color: #666; padding: 0 5px;}

.tree a.leaf,.tree a:hover{ color: #0093dd;}











.aboutcon{ font-size: 14px; line-height: 28px; color: #333; padding: 30px 0; min-height:350px; padding-bottom:150px; text-align:justify;}


.rylist{ width: 960px; padding: 30px 0 30px;}

.rylist li{ float: left; width: 33.33%; margin-bottom: 12px;}

.rylist li .lin{ padding-right: 60px;}

.rylist li a{display: block; background-color: #eee;}



.rylist li .pic{ height:348px; overflow: hidden;

	line-height: 348px; text-align: center; font-size: 0;}

.rylist li img{ max-width: 90%; max-height: 90%;}



.rylist li h3{ font-size: 16px; color: #333; line-height: 30px; text-align: center; 

	width: 100%; height: 60px; overflow: hidden; display: table;}

.rylist li h3 span{ display: table-cell; vertical-align: middle; color: #333; padding: 0 20px;}

.rylist li h3 span{ -webkit-transition: .6s; -moz-transition: .6s;

	-ms-transition: .6s; -o-transition: .6s; transition: .6s;}

.rylist li:hover h3 span{ color: #0573c6;}

.rylist li:hover a{ box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);}







.dashilist{ margin: 30px 0 0; height: 0; overflow: hidden; -webkit-transition: .6s; -moz-transition: .6s;

	-ms-transition: .6s; -o-transition: .6s; transition: .6s;}

.dashilist li{ height: 94px; padding-left: 132px; padding-right: 20px; color: #333; position: relative;}

.dashilist li label{ float: left; margin-left: -132px; width: 130px; height: 34px; font-size: 18px; line-height: 34px;

	background: url(fz-dot.png) 83px center no-repeat;}

.dashilist li p{ line-height: 34px;}

.dashilist li:after{ content: ''; position: absolute; left:90px; bottom: 0;

	z-index: 1; width: 1px; height: 60px; background-color: #a5deff;}

.chengbtn{ display: block; height: 22px; margin-left: 80px; padding-left: 30px; line-height: 22px;

	background: url(fz-jtd.png) left center no-repeat; color: #0093dd;}







.zplist{ padding: 30px 0;}

.zplist li{ border: 1px solid #dedede; margin-bottom: 20px;}

.zplist .zpone{ height: 80px; cursor: pointer; position: relative; background-color: #fff;

	padding-left: 40px; padding-right: 20px;}

.zplist .zpone:before{ content: ''; width: 4px; height: 30px; position: absolute; top:34px;

	left: 0; z-index: 0; background-color: #dedede;}

.zplist .zpone h3{ font-size: 16px; color: #333; line-height: 30px; height: 30px; overflow: hidden; padding-top: 11px;}

.zplist .zpone p.info{ font-size: 14px; color: #666; line-height: 28px; height: 28px; overflow: hidden;}

.zplist .zpone p.info span{ margin-right: 2em;}

.zplist .zpone i{ position: absolute; right: 20px; top:20px; z-index: 1; width: 40px; height: 40px;

	background: url(zp-jtr.png) center no-repeat;}



.zplist li:hover .zpone{ background-color: #eeeaf3;}

.zplist li.on .zpone{ background-color: #eeeaf3;}

.zplist li.on .zpone i,.zplist li:hover .zpone i{ -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg);

	 -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}

.zplist li .zpone,.zplist .zpone i{ transition: 0.6s;

	 -ms-transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; -o-transition: 0.6s;}



.zpcon{ display: none; padding: 30px 40px; border-top: 1px solid #dedede;

	 font-size: 14px; color: #666; line-height: 24px;}





.kehulist{ width: 1220px; padding: 30px 0 35px; max-width: 100%; overflow: hidden; margin: 0 auto;}

.kehulist li{ float: left; width: 20%; margin-bottom: 25px;}

.kehulist li .lin{ padding: 0 12px;}



.kehulist li a{ display: block; background-color: #fff; border: 1px solid #ccc; overflow: hidden;}

.kehulist .pic{ width: 100%; height: 0; padding-bottom: 36.5%; overflow: hidden; position: relative;}

.kehulist img{ position: absolute; z-index: 1; left:0; top:0; width: 100%; height: 100%;}

.kehulist li:hover a{ box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);}







.prolist{ width: 100%; padding-bottom: 40px;}

.prolist li{ padding: 40px 0; height: 240px; background-color: #fff; border-bottom: 1px dashed #bbb;}

.prolist li a{ display: block; position: relative; padding-left: 480px; height: 100%;}



.prolist li .pic{ position: absolute; left: 0; top:0; z-index: 1; width: 434px; height: 100%; overflow: hidden;}

.prolist li .pic img{ width: 100%; height: 100%;}



.prolist li h3{ font-size: 24px; color: #333; line-height: 34px; height: 34px; overflow: hidden;}

.prolist li .hx{ width: 100%; height: 4px; background-color: #ddd; margin: 15px 0 20px;}

.prolist li p{ font-size: 14px; color: #333; line-height: 24px; overflow: hidden; height: 96px;}

.prolist li label{ display: block; width: 160px; height: 40px; margin-top: 31px; background-color: #eee;

	text-align: center; line-height: 40px; font-size: 16px; color: #333; cursor: pointer;}

.prolist li:hover label{ background-color: #009ae8; color: #fff;}

.prolist li:hover .hx{ background-color: #009ae8;}

.prolist label,.prolist .hx{ -webkit-transition: 0.3s; 

	-moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}







.caselist{ width: 100%; padding-bottom: 60px;}

.caselist li{ padding: 40px 0; height: 260px; background-color: #fff; border-bottom: 1px dashed #bbb;}

.caselist li a{ display: block; position: relative; padding-left: 460px; height: 100%;}



.caselist li .pic{ position: absolute; left: 0; top:0; z-index: 1; width: 410px; height: 100%; overflow: hidden;}

.caselist li .pic img{ width: 100%; height: 100%;}



.caselist li h3{ font-size: 24px; color: #333; line-height: 34px; height: 34px; overflow: hidden;}

.caselist li .hx{ width: 100%; height: 4px; background-color: #ddd; margin: 15px 0 12px;}

.caselist li .txt{ font-size: 14px; color: #333; line-height: 24px; overflow: hidden; height: 192px;}

 

.caselist li:hover .hx{ background-color: #009ae8;}

.caselist .hx{ -webkit-transition: 0.3s; 

	-moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}







.newslist{ width: 100%; padding: 40px 0 20px; overflow: hidden;}

.newslist li{ width: 100%; margin-bottom: 40px;}

.newslist li a{ display: block; position: relative; padding-left: 0;

	height: 104px; overflow: hidden; }



.newslist li .pic{ position: absolute; left: 0; top:0; z-index: 1; display: none;

	width: 184px; height: 104px; overflow: hidden;}

.newslist li .pic img{ width: 100%; height: 100%;}



.newslist li .title{ line-height: 26px; height: 26px; position: relative; overflow: hidden; padding: 0 90px 0 0;}

.newslist li h3{ font-size: 16px; color: #333;}

.newslist li .date{ color: #999; position: absolute; top:0; right: 0; z-index: 1;}

.newslist li .txt{ color: #999; line-height: 20px; overflow: hidden; height: 60px;

	border-bottom: 1px solid #e4e4e4; margin-top: 16px;}



.newslist .txt,.newslist h3{ 

	-webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}







.hot{ position: relative; padding-left: 0; height: 225px; margin-top: 30px;}

.hot .pic{ position: absolute; left: 0; top:0; z-index: 1; width: 400px; height: 100%; overflow: hidden; display: none;}

.hot .pic img{ width: 100%; height: 100%;}



.hot h3{ font-size: 16px; color: #004c99; line-height: 26px; font-weight: bold; height: 52px; overflow: hidden;}

.hot .date{ color: #999; line-height: 22px; height: 22px; margin: 10px 0;}

.hot p{ color: #666; line-height: 24px; overflow: hidden; height: 72px;}

.hot label{ display: block; width: 110px; height: 30px; margin-bottom: 30px; background-color: #009cd8;

	text-align: center; line-height: 30px; color: #fff; cursor: pointer;}









.atc{ padding: 30px 0 10px;}

.atc-h{ padding-bottom: 20px; border-bottom: 1px solid #dcdcdc; text-align: center;}

.atc-h h2{ font-size: 24px; color: #333; line-height: 44px;}

.atc-h2{ border-bottom: 4px solid #009ae8; padding: 10px 0;}

.atc-h2 h2{ font-size: 24px; color: #333; line-height: 44px;}

.atc-date{ color: #999; line-height: 20px; margin-top: 5px;}

.atc-date span{ margin: 0 10px;}

.atc-con{padding: 25px 0 35px; line-height: 24px; color: #333; border-bottom: 1px solid #dcdcdc; *zoom:1;}
.atc-con:after{ content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size:0;}
.atc-con2{text-indent: 2em;}

.atc-con2 p{margin-bottom: 24px;}

.atc-con img{ max-width: 100%;}

.pagecon{ line-height: 2em; color: #333; margin-top: 30px;}



.atc-pn{ position: relative; margin-top: 20px; padding-right: 100px;}

.atc-pn a{ display: block; overflow: hidden; color: #333; line-height: 20px; margin-bottom: 4px;}

.atc-pn a span{ display: inline-block; width: 54px; background-color: #eee; color: #333; text-align: center;}

.atc-pn a:hover{ color: #009cd8;}

.atc-pn a:hover span{ color: #009cd8;}

.atc-pn a.ret{ color: #fff; text-align: center; line-height: 38px; border: 1px solid #4ab6f4; background-color: #009cd8;

	position: absolute; right:0; top:3px; z-index: 1; width: 88px; height: 38px;}

.atc-pn a.ret:hover{ box-shadow: 0 0 10px 0 #4ab6f4;}



.videowrap{ width: 100%; position: relative; text-align: center; padding: 45px 0 65px;}

.video { width: 800px; max-width: 100%; height: 500px;}







.vdlist{ width: 930px; padding: 30px 0 24px; overflow: hidden;}

.vdlist li{ float: left; width: 33.3%; margin-bottom: 36px;}

.vdlist li .lin{ padding-right: 30px;}

.vdlist li a{ display: block; border-bottom: 2px solid #bbb;text-align: center;}

.vdlist .pic{ width: 100%; height: 0; padding-bottom: 75%; overflow: hidden; position: relative;}

.vdlist i.play{ position: absolute; z-index: 2; left:0; top:0; width: 100%; height: 100%;

	 background: url(play.png) center no-repeat;}

 

.vdlist img{ position: absolute; top:0; left:0; z-index: 0; width: 100%; height: 100%;}

.vdlist li h3{ color: #666; line-height: 40px; height: 40px; overflow: hidden;}



.vdlist li:hover h3{ color: #0dabfb;}

.vdlist li:hover a{ border-color: #0dabfb;}

.vdlist li h3{-webkit-transition: .6s; -moz-transition: .6s;

	-ms-transition: .6s; -o-transition: .6s; transition:  .6s;}







.youshi{ width: 100%; height: 490px; overflow: hidden; position: relative;

	background: url(net.png) center no-repeat; margin-top: 60px;}

.youshi h2{ font-size: 24px; color: #0093dd; line-height: 36px; font-weight: bold; text-align: center;

	width: 200px; height: 72px; position: absolute; left:50%; top:210px; z-index: 2; margin-left: -100px;

	text-shadow:0 2px 1px rgba(0,0,0,0.2);}

.youshi dd{ padding: 25px 0 25px 60px; width: 200px;}

.youshi dd label{ float: left; width: 44px; height: 44px; margin-left: -60px;

	background: url(sun.png) center no-repeat; margin-top: 2px; font-style: italic;

	font-family: 'arial'; font-size: 20px; color: #fff; line-height: 44px; text-align: center;}

.youshi dd div{ color: #333; line-height: 24px; height: 48px; overflow: hidden;}

.youshi dd div span{ color: #f0ff00;}







.lx{ overflow: hidden; margin: 25px 0;}

.lxway{ float: left;}

.lxway p{ font-size: 14px; color: #333; line-height: 28px; padding-left: 34px;}

.lxway p.lx01{ background: url(lx1.png) 3px 6px no-repeat;}

.lxway p.lx02{ background: url(lx2.png) 3px 8px no-repeat;}

.lxway p.lx03{ background: url(lx3.png) 4px 8px no-repeat;}

.lxway p.lx04{ background: url(lx4.png) 5px 6px no-repeat;}



.lxewm{ float: right; height: 100px; margin-top: 6px;}

.lxewm img{ width: 98px; height: 98px; border: 1px solid #ddd;}

.lxewm p{ font-size: 14px; line-height: 24px; color: #333; font-family: 'simsun';

	margin-left: 18px; margin-top: 25px; float: right;}



#map{ width: 100%; height: 420px;}







.formout{ padding: 0 0 70px 40px; margin-top: 70px; background: #fff url(liuyanbg.jpg) right top no-repeat;}

.liuyan{ color: #333; font-size: 0; width: 530px;}



.liuyan .intro{ font-size: 14px; line-height: 38px; color: #666; margin-bottom: 20px;}



.liuyan .hang{ height: 40px; line-height: 40px; margin-bottom: 25px; position: relative;}

.liuyan .hang.short{ float: left; width: 224px; margin-right: 36px;}

.liuyan .hang.short2{ float: left; width: 270px;}



.liuyan input[type=text]{ width: 100%; height: 26px; border: 0 none; border-bottom: 1px solid #bfbfbf;

	 line-height: 26px; font-size: 14px; padding-bottom: 13px;}

.liuyan p { height: 100%;}



.liuyan input[type=text]:focus{ border-color: #00a0e3;}

.liuyan input[type=text]{ transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; 

	-webkit-transition: 0.3s; -o-transition: 0.3s;}



.liuyan i.v{ display: block; width: 100%; height: 100%; vertical-align: top;}

.liuyan .hang2{ margin-bottom: 44px;}

.liuyan .hang2 i.v{ display: inline-block; width: 224px; margin-right: 36px;}



.liuyan img#verifyImg{ width: 100px; height: 40px; cursor: pointer; vertical-align: top;}

.liuyan .yzmchange{ display: inline-block; vertical-align: top;

	font-size: 12px; color: #29b1de; margin-left: 30px;}



.liuyan .btnarea input{ width: 140px; height: 38px; font-size: 16px; line-height: 36px; color: #fff; text-align: center; }

.liuyan .btnarea input:hover{ opacity: 0.9; filter:alpha(opacity=90);}



.liuyan input#tj{ background-color: #00a0e3; border: 1px solid #00a0e3; margin-right: 20px;}

.liuyan input#cz{ background-color: #bbb; border: 1px solid #bbb;}

.liuyan input#tj:hover{ background-color: #fff; color: #00a0e3;}

.liuyan input#cz:hover{ background-color: #fff; color: #bbb;}









.rlcaselist{ width: 930px; margin-top: 34px; overflow: hidden;}

.rlcaselist li{ float: left; width: 33.3%;}

.rlcaselist li .lin{ padding-right: 30px;}

.rlcaselist li a{ display: block; text-align: center; border-bottom: 1px solid #c6c6c6;}



.rlcaselist img{ display: block; width: 100%; height: 158px;}

.rlcaselist h3{ font-size: 16px; color: #333; height: 50px; line-height: 50px;

	background-color: #e4e5e8; overflow: hidden; margin-top: 4px; padding: 0 10px;

	-webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}

.rlcaselist li:hover h3{ color:#fff; background-color: #009ae8}





.btl2{ width: 100%; height: 46px; position: relative;}

.btl2:after{ content: ''; position: absolute; left: 0; bottom:1px; z-index: 0;

	width: 100%; height: 1px; background-color: #dfdfdf;}

.btl2 h3{ width: 72px; font-size: 18px; color: #333; font-weight: bold; line-height: 46px;

	border-bottom: 3px solid #009ae8; height: 43px; position: relative; z-index: 1;}





.txtlist{ width: 970px; padding: 26px 0 35px; overflow: hidden;}

.txtlist li{ float: left; width: 387px; margin-right: 70px; padding-left: 28px; height: 32px; 

	background: #fff url(fang1h.png) 4px center no-repeat; border-bottom: 1px dotted #c1c1c1;}

.txtlist li a{ display: block; padding-right: 90px; position: relative; height: 100%;

	color: #333; line-height: 32px; overflow: hidden;}

.txtlist li a:hover{ color: #009ae8;}

.txtlist li span.date{ position: absolute; width: 90px; right: 0; top:0; z-index: 1; text-align: right;}





.shebei-h{ margin-top: 30px; height: 40px; background: url(dao.png) left no-repeat;

	font-weight: bold; font-size: 18px; color: #fff; line-height: 40px; text-indent: 26px;}

.shebeicon{ line-height: 24px; color: #000; padding: 25px 0 30px;}

.shebeicon img{ max-width: 100%;}







.smap{ margin: 60px 0;}

.smap dl{ margin-bottom: 30px;}

.smap a.index{ display: block; background-color: #0093dd; height: 60px;

	font-size: 18px; color: #fff; line-height: 60px; text-align: center;}

.smap a.index:hover{ opacity: 0.8; filter:alpha(opacity= 90);}



.smap dl.i1{ min-height: 50px; padding-left: 225px; overflow: hidden;}

.smap dl.i1 dt{ float: left; width: 160px; margin-left: -225px;}

.smap dl.i1 dt a{ display: block; background-color: #004e95; height: 50px;

	font-size: 18px; color: #fff; line-height: 50px; font-weight: bold; text-align: center;}



.smap dl.i1 dt a:hover{ opacity: 0.8; filter:alpha(opacity= 90);}

.smap dl.i1 dd{ font-size: 16px; color: #333; line-height: 50px;}

.smap dl.i1 dd a{ display: inline-block; color: #333;}

.smap dl.i1 dd a:hover{ color: #004e95; text-decoration: underline;}

.smap dl.i1 i{ margin: 0 30px;}





.smap dl.i2{ min-height: 50px; padding-bottom: 20px; overflow: hidden; background-color: #eee;}

.smap dl.i2 dt{ width: 160px; margin-bottom: 20px;}

.smap dl.i2 dt a{ display: block; background-color: #004e95; height: 50px;

	font-size: 18px; color: #fff; line-height: 50px; font-weight: bold; text-align: center;}

.smap dl.i2 dt a:hover{ opacity: 0.8; filter:alpha(opacity= 90);}



.smap dl.i2 dd{ padding-left: 185px; font-size: 16px; color: #333; line-height: 36px; min-height: 36px;}

.smap dl.i2 dd div{ float: left; width: 160px; margin-left: -185px; text-align: right; overflow: hidden;}

.smap dl.i2 a.two{ color: #333;}

.smap dl.i2 a.two:hover{ color: #004e95;}

.smap dl.i2 a.three{ display: inline-block; color: #333;}

.smap dl.i2 a.three:hover{ color: #0093dd; text-decoration: underline;}

.smap dl.i2 i{ margin: 0 50px;}









.pianyi{ padding-top: 120px; margin-top: -120px;}

.procon{ line-height: 26px; color: #666; padding: 30px 0 30px;}

.procon img{ max-width: 100%;}

.procon h3{ font-size: 16px; color: #333; font-weight: bold;}



.anchor{ height: 50px; overflow: hidden; margin-bottom: 30px; background-color: #ececec;}

.anchor a{ float: left; width: 300px; height: 50px; background-color: #ececec;

	font-size: 16px; color: #333; line-height: 50px; text-align: center;}

.anchor a:hover,.anchor a.on{ color: #fff; background-color: #009ae8;}







.proinfo{ margin-top: 32px; margin-bottom: 40px;}

.proinfo .proname{ font-size: 24px; line-height: 50px; color: #333; padding: 0 20px;

	background-color: #f5f5f5;}

.proinfo .xiangxi{ line-height: 24px; color: #333; padding: 25px 0 30px;}





.prolink{ overflow: hidden; height: 40px; margin-bottom: 25px;

	border-bottom: 1px dashed #aaa; padding-bottom: 20px;}

.protel{ float: left; padding-left: 55px; background: url(htel.png) left no-repeat;}

.protel dt{ color: #333; line-height: 22px;}

.protel dd{ font-size: 16px; color: #0067ae; line-height: 18px; font-weight: bold;}



.probtns{ float: right; height: 40px; overflow: hidden;}

.probtns a{ float: left; width: 160px; height: 40px; background-color: #ececec; margin-left: 1px;

	font-size: 16px; color: #fff; line-height: 40px; text-align: center;}

.probtns a.i1{ background-color: #009ae8;}

.probtns a.i2{ background-color: #0067ae;}

.probtns a.i3{ background-color: #486c97;}

.probtns a:hover{ opacity: 0.8; filter:alpha(opacity= 80);}







.propic { width: 100%; height: 420px; margin-top: 30px; overflow: hidden;}



.propic .bigpic{ width: 720px; height: 420px; float: left; position: relative;

	 text-align: center; line-height: 420px; font-size: 0; overflow: hidden;}

.propic .bigpic .glass2{ position: absolute; right: 0; bottom: 0;z-index: 1; cursor: pointer;

	width: 40px; height: 40px; background: rgba(0,0,0,0.3) url(glass2.png) center no-repeat;}

.propic .bigpic img{ width: 100%; height: 100%; cursor: pointer;}

.propic .smallpic-out{ float: right; width: 132px; height: 420px; overflow: hidden; position: relative;}

.propic .smallpic{ font-size: 0; border: 1px solid #e1e1e1; background-color: #f5f5f5; padding: 4px 0;}

.propic .smallpic li{ width: 110px; height: 62px; padding: 10px; position: relative;

	 line-height: 62px; cursor: pointer; overflow: hidden;}

.propic .smallpic li:before{ content: ''; position: absolute; left: 10px; right: 10px; top:10px; bottom: 10px; z-index: 1;

	border: 2px solid transparent;}

.propic .smallpic li.on:before{ border-color: #0dabfb;}

.propic .smallpic li img{  width: 100%; height: 100%;}



div.zoomDiv{z-index:19;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#fff;

	outline:1px solid #CCC;display:none;text-align:center;overflow:hidden;}

div.zoomMask{position:absolute;background:url(mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}







#outerdiv{ position:fixed;top:0;left:0;background:rgba(0,0,0,0.7);z-index:30;width:100%;height:100%;display:none;}

#innerdiv{ position: absolute;}

#superbigimg{ border:5px solid #fff;}











/* 首页解决方案 */



.fcate{ text-align: center;}

.fcate .cn{ font-size: 28px; line-height: 46px; color: #333;

	background: url(line1.png) center no-repeat;}

.fcate .en{ font-size: 34px; line-height: 38px; color: #333; text-transform: uppercase;

	font-family: 'arial'; font-weight: bold;}





.ffangan{ padding: 50px 0 30px;}

.fcaselist{ width: 1224px; margin-top: 46px; margin-left: -13px; overflow: hidden;}

.fcaselist li{ float: left; width: 280px; margin:0 13px 28px;}

.fcaselist li a{ display: block; text-align: center; border-bottom: 1px solid #c6c6c6;}



.fcaselist img{ display: block; width: 100%; height: 150px;}

.fcaselist h3{ font-size: 16px; color: #333; height: 50px; line-height: 50px;

	background-color: #e4e5e8; overflow: hidden; margin-top: 4px; padding: 0 10px;

	-webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}

.fcaselist li:hover h3{ color:#fff; background-color: #009ae8}







.fcate3{ position: relative;}

.fcate3 .cn{ font-size: 28px; line-height: 46px; color: #333;}

.fcate3 .en{ font-size: 34px; line-height: 48px; color: #333; text-transform: uppercase;

	font-family: 'arial'; font-weight: bold;}



.fcate3 .more{ font-size: 14px; color: #333; line-height: 36px;

	position: absolute; right:0; bottom: 0; z-index: 1;}

.fcate3 .more label{ font-size: 16px; display: inline-block; width: 104px;}

.fcate3 .more a{ display: inline-block; color: #333;}

.fcate3 .more a:hover{ color: #0093dd; text-decoration: underline;}

.fcate3 .more i{ display: inline-block; margin: 0 20px;}





.fpro{ padding: 50px 0 30px;}

.fprolist{ width: 1224px; margin-top: 30px; margin-left: -13px; overflow: hidden;}

.fprolist li{ float: left; width: 280px; margin:0 13px 30px;}

.fprolist li a{ display: block; text-align: center; border: 2px solid #e5e5e5;}



.fprolist img{ display: block; width: 100%; height: 200px;}

.fprolist h3{ font-size: 16px; color: #333; height: 42px; line-height: 42px;

	background-color: #e5e5e5; overflow: hidden; padding: 0 10px;

	-webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}

.fprolist li:hover h3{ color:#fff; background-color: #009ae8}

.fprolist li:hover a{ border-color: #009ae8;}







.fabout{ padding: 55px 0 60px;}



.faboutcon{ margin-top: 45px; min-height: 380px; overflow: hidden;}

.faboutl{ float: left; width: 630px;}



.faboutl .txt{ overflow: hidden; height: 308px; padding: 7px 0 17px;

	line-height: 28px; color: #333; text-indent: 2em;}

.faboutl .more{ display: block; width: 240px; height: 46px; border: 1px solid #0093dd; 

	color: #fff; line-height: 46px; text-align: center; background-color: #0093dd;}

.faboutl .more:hover{ background-color: #fff; color: #0093dd;}



.faboutr{ float: right; width: 506px;}

.faboutr img{ width: 100%;}











.fnews{ padding: 52px 0 54px; background: url(fnewsbg.jpg) top no-repeat;

	background-size: 100% 100%;}

.fcate2{ text-align: center;}

.fcate2 .cn{ font-size: 28px; line-height: 46px; color: #fff;

	background: url(line2.png) center no-repeat;}

.fcate2 .en{ font-size: 34px; line-height: 38px; color: #fff; text-transform: uppercase;

	font-family: 'arial'; font-weight: bold;}







.fnewslist{ width: 1200px; margin: 30px auto 0; overflow: hidden;}

.fnewslist li{ float: left; width: 350px; margin: 0 25px;}

.fnewslist dt{ width: 100%; height: 175px; position: relative; margin-bottom: 20px;}

.fnewslist dt img{ width: 100%; height: 100%;}

.fnewslist dt h3{ position: absolute; top:50%; left:50%; z-index: 1; overflow: hidden;

	width: 150px; height: 58px; border-bottom: 2px solid #f0ff00; background-color: rgba(18,151,219,0.9);

	font-size: 20px; color: #fff; text-align: center; line-height: 58px; margin-left: -75px; margin-top: -30px;}

.fnewslist dd{ padding-left: 12px; height: 26px; 

	background: url(dot1.png) 5px center no-repeat;}

.fnewslist dd a{ display: block; padding-right: 50px; position: relative; height: 100%;

	color: #fff; line-height: 26px; overflow: hidden;}

.fnewslist dd a:hover{ text-decoration: underline;}

.fnewslist dd span.date{ position: absolute; width: 50px; right: 0; top:0; z-index: 1; text-align: right;}











.fcore{ padding: 54px 0; background: url(fyoushibg.jpg) top no-repeat;

	background-size: 100% 100%;}



.fyoushi{ width: 1200px; height: 490px; overflow: hidden; position: relative;

	background: url(fnet.png) center no-repeat;}

.fyoushi h2{ font-size: 24px; color: #0093dd; line-height: 36px; font-weight: bold; text-align: center;

	width: 200px; height: 72px; position: absolute; left:50%; top:210px; z-index: 2; margin-left: -100px;

	text-shadow:0 2px 1px rgba(0,0,0,0.2);}

.fyoushi dd{ padding: 25px 0 25px 60px; width: 200px;}

.fyoushi dd label{ float: left; width: 44px; height: 44px; margin-left: -60px;

	background: url(sun.png) center no-repeat; margin-top: 2px; font-style: italic;

	font-family: 'arial'; font-size: 20px; color: #fff; line-height: 44px; text-align: center;}

.fyoushi dd div{ color: #fff; line-height: 24px; height: 48px; overflow: hidden;}

.fyoushi dd div span{ color: #f0ff00;}





.picScroll-left2{ position:relative; width: 1200px; height: 490px; margin: 8px auto 0;}

.picScroll-left2 .hd{ overflow:hidden; position: absolute; z-index: 3; right: 0; bottom: 0; width: 100%;}

.picScroll-left2 .hd ul{ height:12px; overflow:hidden; zoom:1; text-align: center; font-size: 0;}

.picScroll-left2 .hd ul li{ display: inline-block; width:12px; height:12px; overflow:hidden; margin:0 9px;

 	cursor:pointer; background: url(dot2.png) center no-repeat;}

.picScroll-left2 .hd ul li.on{ background-image: url(dot2h.png);}





.fyoushi2{ background: url(fnet2.png) center 32px no-repeat;}

.fyoushi2 dl{ padding-top: 32px;}

.fyoushi2 dl.big{ padding-top: 24px;}

.fyoushi2 dl.big dd{ padding: 44px 0 44px 60px;}



.fyoushi-out{ position:relative; width: 1200px; height: 490px; margin: 8px auto;}



.youshibtn{ height:40px; overflow:hidden; text-align: center; font-size: 0;}

.youshibtn li{ display: inline-block; width:160px; height:40px; overflow:hidden; margin:0 10px;}

.youshibtn li a{ display: block; font-size: 16px; color: #0093dd; line-height: 40px; background-color: #fff;}

.youshibtn li.on a{ background-color: #0093dd; color: #fff;}