*{padding:0px; margin:0px;}
img{border:0px; padding:0px; margin:0px; display:inline; max-width:100%;}
body{ font-size:14px; line-height:22px; padding-top:50px;color:#333;font-family:Arial,microsoft yahei,simsum; max-width:768px; margin:0px auto;}
ul,li,p{ list-style:none; padding:0px; margin:0px;}
a{ color: #4667aa; text-decoration: none; }
a:hover {color:#4667aa;}
input, button{border:0px; vertical-align:middle;}
img{max-width: 100%;}
video{width:100%;height:auto;}
.main{ width:100%; margin:0px auto; clear:both; overflow:hidden; color:#555;}
.container{ width: 95%; margin:0px auto; clear:both; overflow:hidden; color:#555;}
.margintop5{ margin-top: 5px;}
.margintop10{ margin-top: 10px;}
.clear{clear: both; width:100%; margin:0px auto; overflow:hidden;}
.path{ width:98%; margin:0 auto; line-height:2em; padding:5px 1%; color:#555; font-size:14px; background-color:#f2f2f2;}
.path a{ color:#555; margin:0px 5px;}
header{width:100%;overflow:hidden;margin:0px auto;background-color: #3557aa;height:50px;clear:both;overflow:hidden;top:0px;position: fixed;z-index: 3;max-width:768px;}
/*header{background-color:#d00;}*/
header .locicon{ position:absolute; top:13px; left:5px;width:32px; height:32px; background:none; background-image:url(/images/v3/icon/toolbar.png); background-size:32px; background-position:left -450px; background-repeat:no-repeat; display:block;}
header .logo{height:41px; width:210px; display:block; margin:9px auto 0px auto; clear:both; overflow:hidden; color:#fbebc8;}
header .logo i{ display:block; float:left;}
header .logo span{display:block;float:left;font-size:12px;margin-left:10px;line-height:18px;color: #fff;}
header .logo span b{display:block;font-size:14px;font-weight:normal;color: #fff;}
header .menuicon{ position:absolute; top:12px; right:10px;width:32px; height:32px; background:none; background-image:url(/images/v3/icon/toolbar.png); background-position:center -295px; display:block; background-size:32px; text-indent:52px; font-size:0px; overflow:hidden;}
header .menuicon a{ width:32px; height:32px; background-image:url(/images/v3/icon/toolbar.png); background-position:center -295px; display:block; background-size:32px; text-indent:52px; font-size:0px; overflow:hidden;}
.nav{ width:100%; background-color:#015a92;height:35px; line-height:35px; margin-top:5px; color:#fff; text-align:center; margin-bottom:5px; overflow:hidden;}
.nav a{color:#fff; padding:0px 3px; text-align:justify; font-size:16px;}
.nav a:hover{color:#cc0;}
#newBridge .nb-icon-wrap,#newBridge #nb_icon_wrap{ display:none;}
.embed-icon{display:none;}
.menubg{width: 100%;height: 100%;background-color: #333;opacity: 0.6;position:fixed;display: none;z-index: 99;bottom: 0;}
.rightNav{width: 50%;max-width: 400px;height: 100%;background-color: #234182;color:#fff;position: fixed;z-index: 999;top: 0;right: -50%;}
.rightNav dl{width:80%;line-height:45px;margin:0px auto;}
.rightNav dl dt{border-bottom: 1px solid #365496;}
.rightNav dl dt.menuclose{height:45px;border-bottom: 1px solid #365496;background-image:url(/images/v3/icon/toolbar.png);background-size:20px;background-position:left -215px;background-repeat:no-repeat;}
.rightNav dl dt i{ width:3px; height:3px; display:block; overflow:hidden; border-radius:3px; background-color:#fbebc8; float:left; margin-right:8px; margin-top:19px;}
.rightNav dl a{ display:block; height:45px; width:100%;color:#eee; /*color:#fbebc8;*/}
/*.rightNav{background-color: #a00;color:#fff;}
.rightNav dl dt{border-bottom:1px solid #b00;}
.rightNav dl dt.menuclose{border-bottom:1px solid #b00;}*/

footer{ border-top:1px solid #333; padding-top:5px; background-color:#444; color:#888; font-size:12px; padding-bottom:55px;}
.foot{margin:0 auto 40px auto; border-top:2px solid #ccc; padding-top:10px;}
.foot_nav{height:26px; text-align:center; line-height:26px; overflow:hidden;}
.foot_nav a{padding:0 5px; color:#888;}
.foot_nr{ padding:5px 10px; padding-bottom:10px; text-align:center;}
.w95{ width: 95%;}

.columnnobg{ width:100%; padding:10px 0px 10px 0px;}
.columntitle{ font-size:14px; color:#555; text-align:center; width:100%; margin:0px auto; margin-top:10px; padding:10px 0px; clear:both; /*background-image:url(/images/v3/index/titlebg.png);*/ background-position:center bottom; background-repeat:no-repeat;}
.columntitle h2{ font-weight:normal;}
.columntitle span{ color:#c3c3c3; font-size:18px; display:block; font-family:Arial; padding-bottom:5px; clear:both;}
.columntitle i{ height:2px; width:50px; background-color:#008ee9; margin:5px auto 10px auto; display:block; clear:both;}

/*Slideshow*/
.slideshow{background:#ccc; width:100%; height:150px;overflow: hidden;}
.slideshowBg{height:150px;background:#fff;}
.tempWrap{margin:0 auto; width:100%;}
.focusImg { width:100%; height:150px;position: relative;text-align:center;}
.focusImg .hd{height:22px;position:absolute;z-index:1;bottom:15px;right:10px;overflow:hidden;text-align: center; display:none;}
.focusImg .hd ul{float:right;overflow:hidden;}
.focusImg .hd li{width:32px;height:6px;line-height:32px;text-align:center;background:#444;color:#fff;float:left;margin:0 1px;display:inline;}
.focusImg .hd li.on{background:#4667aa;}
.focusImg .bd li{vertical-align:middle; background-position:top center; width:100%; height:150px; background-size:100% 150px; background-repeat:no-repeat;}
.focusImg .bd li a{ display:block; height:150px; width:100%;}
.focusImg .bd li img{width:100%;height:150px;display:block;background:url(../images/loading.gif) center center no-repeat; margin:0px auto;}

.focusImg .prev, .focusImg .next {position: absolute;z-index: 30;display: block;}
.focusImg .prev {top: 40%;left: 10px;}
.focusImg .next {top: 40%;right: 10px;}
.focusImg .prev a, .focusImg .next a {display: block;width: 25px;height: 32px;overflow: hidden;background: url(/code/images/ico_prevnext.png) no-repeat scroll 0 0;_background-image: url(../images/ico_prevnext_ie6.png);}
.focusImg .prev a {background-position: 0 0;}
.focusImg .prev a:hover {background-position: 0 -40px;}
.focusImg .next a {background-position: 0 -80px;}
.focusImg .next a:hover {background-position: 0 -120px;}

.otherproject{width: 97%; margin: 10px auto 0px auto; clear: both;}
.otherproject ol li{ width: 31.33%; margin: 0px 1%; line-height: 40px; box-sizing: border-box; float: left; text-align: center;}
.otherproject ol li.cur{  background: #f5f5f5;}
.otherproject ul li{ width: 98%; margin: 0px 1%; padding: 3%; box-sizing: border-box; background: #f5f5f5; overflow: hidden; display: none;}
.otherproject ul li .img{ width: 30%; float: left; display: block;}
.otherproject ul li .desc{ width: 65%; float: right; display: block;}
.otherproject ul li .desc i{ font-style: normal; display: block; background-color: #008efc; color: #fff; margin-top: 5px; width: 50%; padding: 2px 10px;}
.otherproject ul li .desc i a{color: #fff; display: block; width: 100%; text-align: center;}
.otherproject ul li .desc em{ font-style: normal; padding-top: 5px; display: block;}

.columntitle{font-size:18px;font-weight:bold;text-align:center;width:100%;margin:0px auto;padding:10px 0px;clear:both;}
.tedian{ width:95%; margin:0px auto;}
.tedian .img{ width:100%; margin:0px auto;}
.tedian .img span{ display:block; margin-bottom:8px; clear:both;}
.tedian .info{ width:95%;}
.tedian .info h3{ font-size:18px; font-weight:normal; margin-bottom:30px; width:100%; text-align:center;}
.tedian .info .item{ width:100%; margin-bottom:25px; clear:both;}
.tedian .info .item .tit{ width:100%; height:30px; line-height:30px; font-size:18px; font-weight:bold; clear:both;}
.tedian .info .item p{ line-height:25px; padding-top:5px;}

.tedian .tnews{ width:100%; clear:both;}
.tedian .tnews a{color:#666;}
.tedian .tnews h2{ font-size:14px; font-weight:bold; padding-bottom:10px;}
.tedian .tnews p{ font-size:14px; border-bottom:1px solid #e7e7e7; line-height:25px; padding-bottom:20px; margin-bottom:20px;}
.tedian .tnews ul{line-height:30px; font-size:14px; overflow:hidden;}
.tedian .tnews ul li{ width:100%; font-size:14px; height:30px;  line-height:30px; overflow:hidden; font-size:14px;}
.tedian .jianjie{ width:100%; margin:0px auto; clear:both;}
.tedian .jianjie p{ text-indent:2em; padding:10px 0px; line-height:25px;}

.serviceline{ width:97%; margin:0px auto; clear:both; padding-top:5px;}
.serviceline li{ width:23%; margin:1%; border-radius:5px; overflow:hidden; float:left;}
.serviceline li a{ width:100%; text-align:center; font-size:12px; padding-top:48px; height:28px; display:block; background-image:url(/images/v3/icon/serviceicon.png); background-size:50px; background-repeat:no-repeat; color:#fff;}
.serviceline li a:hover{ color:#fff; text-decoration:none;}

.serviceline li.epc a{ background-position:center 10px; background-color:#68d17d;}
.serviceline li.line a{ background-position:center -65px; background-color:#ffc933;}
.serviceline li.channeng a{ background-position:center -135px; background-color:#fa9449;}
.serviceline li.huanbao a{ background-position:center -208px; background-color:#6e4589;}
.serviceline li.zhineng a{ background-position:center -290px; background-color:#e1556f;}
.serviceline li.yunying a{ background-position:center -365px; background-color:#d637c5;}
.serviceline li.weixiu a{ background-position:center -435px; background-color:#6fa1ea;}
.serviceline li.tourongzi a{ background-position:center -512px; background-color:#65c5f5;}

.serviceline li.epc a:hover{background-color:#60cb75;}
.serviceline li.line a:hover{background-color:#f8c22d;}
.serviceline li.channeng a:hover{ background-color:#f48b3e;}
.serviceline li.huanbao a:hover{ background-color:#653d7f;}
.serviceline li.zhineng a:hover{ background-color:#d64c66;}
.serviceline li.yunying a:hover{ background-color:#cd31bd;}
.serviceline li.weixiu a:hover{ background-color:#6596dd;}
.serviceline li.tourongzi a:hover{ background-color:#5dbcec;}

.srcline{ width:97%; margin:0px auto; clear:both;}
.srcline li{ width:23%; margin:1%; float:left; border-radius:5px; overflow:hidden; background-color:#f2f2f2;}
.srcline li a{ width:100%; text-align:center; font-size:12px; padding-top:48px; height:28px; overflow:hidden; display:block; background-image:url(/images/v3/index/sericon.png); background-repeat:no-repeat; color:#333; background-size:40px;}
.srcline li a:hover{ color:#333; text-decoration:none;}

.srcline li.products a{ background-position:center 10px; background-color:#eee;}
.srcline li.case a{ background-position:center -85px; background-color:#eee;}
.srcline li.brand a{ background-position:center -185px; background-color:#eee;}
.srcline li.service a{ background-position:center -285px; background-color:#eee;}

.anli h2{ text-align:center;}
.anli dl{ width:50%; float:left; padding-top:10px;}
.anli dl .chat{ width:98%; text-align:center; padding:5px 0px; color:#333; background-color:#f5f5f5; display:block;}
.anli .more{ display:block; font-style:normal; padding:20px 0px 20px 0px; text-align:center; clear:both;}
.anli .more a{ background-color:#333; padding:5px 8px; color:#fff;}

/*.srcline li.products a{ background-position:center 10px; background-color:#0173bc;}
.srcline li.case a{ background-position:center -85px; background-color:#01aaad;}
.srcline li.brand a{ background-position:center -185px; background-color:#23b14b;}
.srcline li.service a{ background-position:center -285px; background-color:#a8ce3b;}*/

.indeximganli{ width:97%; margin:0px auto; line-height:25px; clear:both; overflow:hidden;}
.indeximganli ul{ width: 100%; overflow: hidden;}
.indeximganli li{ width:48%; float:left; margin:1% 1%; position:relative;-webkit-box-sizing: border-box; box-sizing: border-box; vertical-align:middle; border-radius:5px; overflow:hidden; z-index: 1;}
.indeximganli li .img{ display:block; color:#fff; width:100%; float:left;}
.indeximganli li .img img{ float:left; width:100%;}
.indeximganli li .desc{ display:block; position:absolute; bottom:0px; width:100%; height:100%; line-height:152px; text-align:center; font-size:18px; background-color:#0097f8;filter: alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8; display:none; color:#fff;}
.indeximganli li:hover .desc{ display:block;}
.indeximganli li:hover .desc a{ display:block; width:100%; height:100%; color:#fff; text-decoration:none;}
.indeximganli li.wide{ width:33%;}
.indeximganli li.hide{ display:none;}
.indeximganli li b{ font-weight:normal; display:block; width:100%; text-align:center; background-color:#444; font-size:12px; color:#fff;}
.indeximganli li.tit .bg{ display:block; position:absolute; z-index:2; left:0px; top:0px; bottom:0px; width:100%; background-color:#444;}
.indeximganli.anli li.tit .bg{ background-color:#5a88cc;}
.indeximganli.anli li b{ background-color:#5a88cc;}
.indeximganli.anli li.tit i{ color:#fff;}
.indeximganli li.tit i{ position:absolute; z-index:3; display:block; width:100%; margin:0px auto; top:25%; color:#fbebc8; text-align:center; font-style:normal; font-size:18px; vertical-align:middle; background-image:url(/images/v3/icon/indexareaicon.png); background-size:36px; padding-top:40px; background-repeat:no-repeat;}
.indeximganli li.tit i.anli{ background-position:center -75px;}
.indeximganli li.tit i.network{ background-position:center top;}
.indeximganli .info{width:97%; margin:0px auto; margin-top: 1%; padding: 8% 10% 5% 10%; box-sizing: border-box; background-color: #f2f2f2; border-radius: 5px; color: #333; font-size: 1.2em; line-height: 1.5em; text-align: center; clear:both; overflow:hidden;}
.indeximganli .info .moreinfo{ border:1px solid #999; border-radius:5px; font-size:0.8em; color:#333; width:130px; text-align:center; margin:20px auto; padding:5px 0px;}
.indeximganli .info .moreinfo a{ color:#333;}
.indeximganli.anli .info{ color: #3b95d3;}
.indeximganli.anli .info .moreinfo{ border:1px solid #3b95d3; color:#3b95d3;}
.indeximganli.anli .info .moreinfo a{ color:#3b95d3;}


.partner{width:95%; margin:0px auto; overflow:hidden;}
.partner ul{ border-bottom:1px solid #eee; border-left:1px solid #eee; border-radius:5px; overflow:hidden;}
.partner li{ width:50%; float:left; border:1px solid #eee; border-left:none; border-bottom:none; position:relative;-webkit-box-sizing: border-box; box-sizing: border-box; text-align:center; padding:10px 0px 5px 0px;}
.partner li img{ width:80%; margin:0px auto;}
.partner li.tit{background-color:#f9f9f9;}
.partner li.tit img{margin:0px auto;}

.aboutus{ width:95%; margin:0px auto; margin-bottom:10px; border-radius:5px; overflow:hidden; clear:both;}
.aboutus .leftimg{ width:100%; float:left; overflow:hidden;}
.aboutus .leftimg img{ float:left; width:100%;}
.aboutus .rightinfo{ width:100%; background-color:#444; color:#fff; float:left;}
.aboutus .rightinfo .info{ width:90%; margin:0px auto;}
.aboutus .rightinfo .info h2{ font-size:22px; font-weight:normal; display:block; clear:both; padding:15px 0px 10px 0px;}
.aboutus .rightinfo .info p{line-height:26px; height:52px; overflow:hidden;}
.aboutus .rightinfo .info .moreinfo{ border:1px solid #999; border-radius:5px; font-size:14px; color:#fff; width:130px; text-align:center; margin:20px auto; padding:5px 0px;}
.aboutus .rightinfo .info .moreinfo a{ color:#fff;}
.aboutus .rightinfo .info .moreinfo.none{ display:none;}
.aboutus .rightinfo .info .botinfo{ margin-top:40px; padding-bottom:20px; overflow:hidden; clear:both;}
.aboutus .rightinfo .info .botinfo .kctel{ width:120px; height:60px; padding:10px 0px 10px 15px; line-height:30px; font-size:18px; background-color:#6fa1ea; color:#fff; float:left;}
.aboutus .rightinfo .info .botinfo .slo{height:60px; line-height:30px; font-size:20px; padding:10px 0px 10px 10px; color:#4687e7; float:left; font-weight:bold;}
.aboutus .rightinfo .info .botinfo .slo b{ display:block; padding-left:30px;}
.aboutus.ab2 .rightinfo{ background-color:#5a88cc;}
.aboutus.ab3 .rightinfo{ background-color:#4667aa;}
.aboutus.ab4 .rightinfo{ background-color:#54ab68;}
.aboutus.ab2 .rightinfo .moreinfo,.aboutus.ab3 .rightinfo .moreinfo,.aboutus.ab4 .rightinfo .moreinfo{ border:1px solid #fff;}

.toptitle{ font-size:16px; width:98%; margin:0px auto; text-align: center; font-weight:bold; border-bottom:1px solid #e7e7e7; padding:10px 0px; margin-bottom:10px; clear:both;}
.showimg{ width:98%; border-bottom:1px solid #e7e7e7; padding-bottom:10px; margin:0px auto; text-align:center; clear:both;}
.showimg ul li{ padding:10px 0px;}
.showimg .img{ display:block; clear:both; text-align:center;}
.showimg .text{ display:block; padding:10px 0px; text-align:center;}
.showimg img{ max-width:98%; text-align:center;}
.block_home_slider .slide{ border-bottom: 1px solid #e7e7e7; padding: 20px 0px;}

.linemenu{ width:100%; margin:0px auto; padding-top:10px; clear:both; overflow:hidden;}
.linemenu li{ width:28%; margin:5px 2%; background-color:#f5f5f5; border-radius:5px; float:left; text-align:center; padding:5px 0px;}
.linemenu li a{ display:block; width:100%; padding:5px 0px; color:#555;}

.imggrid{ width:98%; overflow:hidden; clear:both;}
.imggrid ul li{ width:50%; text-align:center; padding:10px 0px; float:left;}
.imggrid ul li .img{ width:90%; margin:0px auto; text-align:center; display:block; clear:both; overflow:hidden;}
.imggrid ul li .img a{ display:block; overflow:hidden;}
.imggrid ul li .img img{ width:100%;}
.imggrid ul li .txt,.imggrid ul li .info{ width:90%; margin:0px auto; text-align:center; height:2em; line-height:2em; overflow:hidden; display:block; clear:both;}
.imggrid ul li .txt b,.imggrid ul li .info b{ font-weight:normal;}
.imggrid ul li .txt a,.imggrid ul li .info a{ color:#555;}
.imggrid ul li .info{ text-align:left;}

.newsarticle{ width:95%; margin:10px auto; clear:both;}
.newsarticle h1{ text-align:center; font-size:22px;}
.newsarticle .title{ border-bottom:1px solid #e7e7e7; text-align:center; padding-bottom:10px; margin-bottom:10px;}
.newsarticle .title h1{ font-size:16px;}
.newsarticle .title span{font-size: 0.875rem;color:#666;padding:5px 0px;display:block;}
.newsarticle .content{ line-height:2rem;}
.newsarticle .content iframe{ width: 100%; height: 250px;}
.newsarticle .content a{ color: #4667aa; text-decoration: underline;}

@media screen and (max-width: 768px){.newsarticle .content iframe{height: 450px;}}
@media screen and (max-width: 414px){.newsarticle .content iframe{height: 250px;}}
@media screen and (max-width: 375px){.newsarticle .content iframe{height: 230px;}}
.newsarticle p{ text-indent:2em; padding:10px 0px; line-height:25px;}
.newsarticle img{ max-width:98%; max-height:auto; margin:0px auto; display:block;width: auto !important;height: auto !important;}
.newsarticle .subtit{ font-size:16px; font-weight:bold; border-bottom:1px solid #e7e7e7; padding:10px 0px;}
.noindent p{ text-indent:0px;}
.newsarticle h1{ padding:10px 0px;}
.newsarticle h2{ padding:10px 0px;}
.newsarticle h3{ padding:10px 0px; font-size:14px;}
.newsarticle .infocon ol{list-style-type:demical; padding-left:25px;}
.newsarticle .infocon ol li{ list-style-position:outside; list-style:decimal;}
.newsarticle .info h2{ text-align:center;}

.newsarticle .arcticlerecpro{ margin:10px auto; width:100%; text-align:center; overflow:hidden;}
.newsarticle .arcticlerecpro img{ width:100%;}

.newsarticle .imglist{ width:100%;}
.newsarticle .imglist li{ border-bottom:1px solid #eee; padding-bottom:10px; padding-top:10px;}
.newsarticle .imglist .img{ width:100%; display:block; text-align:center;}
.newsarticle .imglist .img img{ width:100%;}
.newsarticle .imglist .name{ display:block; text-align:center;}
.newsarticle .arclist li{ border-bottom:1px solid #eee; line-height:35px;}
.newsarticle .arclist li a{ color:#333;}
.newsarticle .arclist lia:hover {color:#4667aa;}
.newsarticle .arctab{ border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:10px; width:100%; overflow:hidden;}
.newsarticle .arctab li{ width:30%; margin-right:1%; margin-left:2%; margin-bottom:10px; height:35px; line-height:35px; text-align:center; background:#333; color:#fff; float:left; }
.newsarticle .arctab li a{ color:#fff; display:block; width:100%;}

.newsarticle .p_table{width:100%;margin:0 auto; border-collapse:collapse;}
.newsarticle .p_table tr{color:#888888;}
.newsarticle .p_table,.newsarticle .p_table tr,.newsarticle .p_table tr td,.newsarticle .p_table tr th{border:#ccc solid 1px;}
.newsarticle .p_table tr td{padding: 5px; margin:0px; border:1px solid #ccc; text-align:center;}
.newsarticle .p_table{margin:0 auto;}
.newsarticle .p_table{border-collapse:collapse;}
.newsarticle .p_table tr.tit{background-color:#f9f9f9; height:20px; font-weight:700;}
.newsarticle .p_table tr.tit td{padding:10px 5px;}
.newsarticle .p_table td{border:1px solid #f4f4f4; padding:3px 5px; text-align:center; }
.newsarticle .p_table td img{ margin:0 auto;}
.newsarticle .p_table tr{color:#777777;}
.newsarticle .img{ text-align:center;}
.newsarticle .img img{ margin:0px auto;}

.newsarticle address{ display:block; font-style:normal; padding:20px 0px 20px 0px; text-align:center;}
.newsarticle address a{ background-color:#333; padding:10px 25px; color:#fff;}

.newsarticle .leftdesc{ border-bottom:1px solid #e7e7e7; padding:30px 0px;}
.newsarticle .rightdesc{ border-bottom:1px solid #e7e7e7; padding:30px 0px;}

table.comm{border-collapse:collapse; border:1px solid #ddd;margin:0 auto;}
table.comm tr.tit{background-color:#f9f9f9;height:20px;font-weight:700;}
table.comm tr.tit td{padding:10px 5px;}
table.comm td,table.comm th{border:1px solid #ddd;padding:3px 5px;text-align:center;}
table.comm td img{margin:0 auto;}
table.comm tr{color:#777777;}
table.comm tr:hover{background-color:#4667aa;color:#fff;}
table.comm tr:hover td:hover,table.comm tr:hover td a:hover{background-color:#4667aa;color:#fff;}
table.comm tr:hover td a{color:#fff;}
table.comm td.hide,table.comm th.hide{display: none;}
table.tdp td{padding:10px;}

.rightdesc .info .item .tit {
    width: 100%;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    font-weight: bold;
    clear: both;
    background-image: url(http://www.zydlks.com/images/v3/spe/icon/arrow.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
	background-size: 14px;
	}

.canshu h2{ text-align:center;}
.sendmes{ width:100%; overflow:hidden; clear:both;}
.sendmes h2{ text-align:center;}
.sendmes p{ text-align:center;}
.sendmes ul li{ width:29%; margin:2%; float:left;}
.sendmes ul li a{ width:100%; background-color:#f5f5f5; text-align:center; color:#333; display:block; padding:5px 0px;}
.sendmes h3{ color:#dd0000; font-size:16px; text-align:center; display:block; clear:both;}

.nextpage{width:95%; margin:10px auto; border-top:1px solid #e7e7e7; padding-top:10px; margin-top:10px; line-height: 30px; clear:both;}
.nextpage a{ color:#333;}
.nextpage a:hover{ color:#4667aa;}

.pager{ width:98%; padding:20px 0px; overflow:hidden; margin:0px auto; clear:both;}
.pager li a{ border:1px solid #ddd; padding:1px 10px; display:block;}
.pager li.thisclass{ background-color:#4667aa; color:#fff; border:1px solid #4667aa; padding:0px 10px;}
/* Page */
#pages {padding:40px 0px; text-align: center; overflow: hidden; clear: both;}
#pages li{display:inline;}
#pages a,#pages .thisclass{display:inline-block;height:28px;line-height:28px;border:1px solid #e3e3e3;text-align:center;color:#888;padding:0 13px;margin:0 2px;}
#pages td a{padding:1px;}
#pages td b{width:100px;display: block;}
#pages td input{border:#4667aa solid 1px;margin:1px 3px;}
#pages a.a1 {width:56px;padding:0 }
#pages a:hover,#pages .thisclass {border:1px solid #4667aa; background:#4667aa; color:#fff; text-decoration: none;}
.page{text-align:left;position:relative;}
.page td a{display:table}
.page .noPage {display:inline-block;width:56px;height:22px;line-height:22px;background:#ddd;border:1px solid #e3e3e3;text-align:center;color:#a4a4a4;}

.aboutlink{width:95%; margin:10px auto; line-height:25px; border-top:1px solid #e7e7e7; padding-top:10px; margin-top:10px; line-height: 30px; clear:both;}
.aboutlink h3{ margin-bottom:5px;}
.aboutlink a{ color:#333;}
.aboutlink a:hover{ color:#4667aa;}

#div{position:absolute; top:42px; right:10px; border: solid 1px #268dc3; background-color: #fff; }
#div li{border-bottom:dashed 1px #ddd; padding:3px 10px;}



.jiaodiantu{ background:url(/images/jiaodian.jpg) repeat-x; width:98%; margin:0px auto;overflow: hidden;}
#zzsc {margin:0px auto; position:relative; font-size:12px; overflow:hidden;height:143px; width:380px;}
#img li {opacity:1; filter:alpha(opacity=100); cursor:pointer; float:left; }
#img li img{width:380px; height:143px; max-width:100%;}
#img {list-style:none; position:absolute; top:0px; left:0px;}
#num {list-style:none; position:absolute; bottom:5px; right:10px; z-index:999; }
#num li {display:block; height:3px; width:20px; margin-left:5px; background:#FFFFFF; float:left; color:#3b95d3; text-align:center; line-height:20px; border-radius:20px; opacity:0.5; filter:alpha(opacity=70); cursor:pointer;}
#num .hover {background:#3b95d3; color:#FFFFFF; font-weight:bold }

.service{margin:0 auto;}
.service_top,.product_top,.news_top{background:#eee; height:28px; margin:5px auto; line-height:28px;}
.service_top h2,.product_top h2,.news_top h2{text-indent:1em; float:left; font-size:14px}
.service span,.product_top span,.news_top span{float:right; padding:0 15px;background:url(/images/lb.jpg) no-repeat 5px center; font-size:12px}
.service h2 a,.product_top h2 a,.news_top h2 a{color:#4667aa;}
.service h2 a:hover,.product_top h2 a:hover,.news_top h2 a:hover{color:#ccc;}
.service span a,.product_top span a,.news_top span a{color:#888;}
.service_nr{height:70px;}
.service_nr li{float:left; padding:0 20px; height:70px;}
.service_nr li.none{background:none;}

.product_top{ width:98%; margin-bottom:10px;}
.productlist{width:98%; margin:0 auto; padding-bottom:5px; border-bottom:dashed 1px #eee;}
.productlist .item{width:100%; margin:20px 0px 0px 0px; padding-bottom:10px; overflow:hidden; border-bottom:1px solid #eee; clear:both;}
.productlist h2{font-size:14px;}
.productlist .pic{ width:140px; height:100px; padding:2px; border:#ccc solid 1px; float:left; margin:0 10px 10px 0px;}
.productlist .pic img{ width:140px; height:100px;}
.productlist .info{line-height:22px; display:block; overflow:hidden; text-align:left; color:#666;}
.productlist .info a{font-size:14px;}

/* product trait */
.producttrait{ width:100%; overflow:hidden; margin-top:10px;}
.producttrait h2{ text-align:center;}
.producttrait dl{ width:100%; overflow:hidden; padding:15px 0px; clear:both;}
.producttrait dl dt{ width:100%; display:block; margin:0px auto;}
.producttrait dl dt i{ width:200px; height:200px; border-radius:50%; display:block; overflow:hidden; margin:0px auto; margin-bottom:20px;}
.producttrait dl dt i img{ width:200px; height:200px; max-width:100%; max-height:100%;}
.producttrait dl dt span{ height:30px; line-height:60px; width:100%; font-size:18px; font-weight:bold; text-align:center; border-bottom:1px solid #e7e7e7; display:block;}
.producttrait dl dt span b{ background-color:#fff; padding:0px 8px;}
.producttrait dl dd{ display:block; height:100px; line-height:25px; width:100%; margin:20px auto 0px auto; color:#666;}

.news{margin:0 auto; padding-bottom:5px;}
.news_nr li{background:url(/images/lb.jpg) no-repeat 5px center; line-height:24px; border-bottom:dashed 1px #ddd; padding:3px 0;}
.news_nr li.none{ border-bottom:none;}
.news_nr li a{ line-height:24px; height:24px; width:310px; display:block; overflow:hidden; text-indent:15px;}

.n_news{margin:0px auto; margin-bottom:10px;}
.n_news .n_news_nav{ height:24px; background:#eee; border-bottom:solid 1px #bbb;}
.n_news .n_news_nav a{ width: auto; padding:0 5px; line-height:24px; float:none; margin:0;}
.n_news li{width: 300px; margin-left: 10px; background-image: url(/images/lb.jpg); background-position: 5px center; background-repeat: no-repeat; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCCCCC; height: 30px; line-height: 30px;}
.n_news a{float: left; display: inline; width: 280px; height:30px; overflow: hidden; margin-left: 20px;}

.n_news_show{margin:0 auto 5px auto;}
.n_news_show h2{font-size:16px; padding:5px; border-bottom:dashed 1px #ddd; display:block; line-height:24px; margin-bottom:5px;}
#LRfloater0,#swtColse{display:none; text-align:center}

.product{margin:0 auto; padding-bottom:5px; border-bottom:dashed 1px #ddd;}
.product_nr li{width:100%; float:left; margin:5px 5px 0px 0px;}
.product_nr li h2{font-size:14px;}
.product_nr li img{ width:100px; height:100px; padding:2px; border:#ccc solid 1px; float:left; margin:0 10px 10px 0px;}
.product_nr li span{line-height:22px; display:block; overflow:hidden; text-align:left; color:#666; float:left;}
.product_nr li a{font-size:14px; display:block; float:left;}

.botsms{ width:100%; font-size: 14px; padding:5%; box-sizing:border-box; margin: 0px 0px 30px 0px; background-color: #fff;}
.botsms .tit{ width: 100%; border-bottom: 1px solid #ddd; height: 10px; text-align: center; margin: 20px auto 30px auto; line-height: 22px; font-size: 16px;}
.botsms .tit i{padding: 5px 10px;background-color: #fff;font-style: normal;color: #3557aa;font-weight: bold;font-size: 16px;}
.botsms p{ width: 100%;text-align: center; padding-bottom: 20px;}
.botsms ul li{ width:100%; overflow:hidden; padding:5px 0px;}
.botsms span{ width:20%; height:35px; line-height:35px; font-size: 14px; text-align:right; display:block; float:left;}
.botsms .textbox{ width:75%; float:left; border:1px solid #ddd; box-sizing:border-box; padding-left:3px; height:33px; line-height:33px;-webkit-appearance: none;}
.botsms .select{ width:75%; float:left; border:1px solid #ddd; box-sizing:border-box; padding-left:3px; height:33px; line-height:33px; background: none;}
.botsms .bssubmit{width:100%;color:#fff;background-color: #4667aa;padding:10px 0px;border: none;-webkit-appearance: none;}
.botsms p.tips{ padding-top: 20px; color: #dd0000; font-size: 1.2em}

.toolbar {position:fixed !important;bottom:0px;z-index:999999999;height:55px;line-height: 22px;width:100%;margin:0 auto;text-align:center;overflow:hidden;background-color: #3557aa;max-width:768px;}
/*.toolbar {background-color:#d00;}*/
.toolbar span{margin-top:5px; width:25%; display:block; float:left;}
.toolbar span a{width:100%;display:block;background:url(/images/v3/icon/toolbar.png);background-repeat:no-repeat;background-size:25px;padding-top:25px;color: #fff;font-size:12px;}
.toolItem{height:100%;float:left;margin-top:0; width:25%;*width:24%;}
.toolWrapper{ height:100%;border-right:1px solid #292929;border-left:1px solid #515151;padding-top:1px;}
.toolTel,.toolMsg,.toolChat,.toolMap{background-position:center top;background-repeat:no-repeat;margin-top:6px;width:100%;height:30px;}
.toolbar .toolhome a{ background-position:center top; }
.toolbar .tooltel a{ background-position:center -60px; }
.toolbar .toolmsg a{ background-position:center -117px; }
.toolbar .toolmap a{ background-position:center -175px; }
#comp_tel_span{float:right;color:#fff;font-size:13px;padding:26px 0 0 0;width:100%}
#comp_sms_span{float:right;color:#fff;font-size:13px;padding:26px 0 0 0;width:100%}
#comp_chat_span{float:right;color:#fff;font-size:13px;padding:26px 0 0 0;width:100%}
#comp_map_span{float:right;color:#fff;font-size:13px;padding:26px 0 0 0;width:100%}

.code{width:100%;height:auto;margin:0 auto;}
.foot, .service, .product, .news, .n_news, .n_news_show, .path{width:98%; margin:0px auto;}
.top{width:100%}