@charset "utf-8";
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;margin:0;padding:0;font-size:100%;font-weight:100;}html,body{height:100%;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}b,strong{font-weight:bold;}li{display:list-item;list-style:none;}table{border-collapse:collapse;border-spacing:0;}th,td,caption{font-weight:normal;vertical-align:top;}q{quotes:none;}q:before,q:after{content:'';content:none;}sub,sup,small{font-size:75%;}sub,sup{line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}svg{overflow:hidden;}

body{ margin:0; padding:0; font-size:12px; font-family: "微软雅黑",Arial, Helvetica, sans-serif; color:#333; min-width:1200px;}
a{ font-size:12px; font-family:"微软雅黑",Arial, Helvetica, sans-serif; text-decoration:none; color:#333;}
a:hover{ text-decoration: none; color:red;}
a:link { 
font-size: 12px; 
color: #000000; 
text-decoration: none; 
} 
a:visited { 
font-size: 12px; 
color: #000000; 
text-decoration: none; 
} 
.clear{ clear:both;}
h3{margin-top: 40px;
	margin-bottom: 10px}
	
a.l-link{ width:110px; float:left;}
.fleft{ float:left;}
.fright{ float:right;}
.top10{ margin-top:10px;}
.bot10{ margin-bottom:10px;}
.left10{ margin-left:10px;}
.right10{ margin-right:10px;}
.bot05{ margin-bottom:5px;}
.l{ float:left}
.r{ float:right}
.time1{transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s}
.time2{transition:all ease-out .2s 0s;-webkit-transition:all ease-out .2s 0s;-moz-transition:all ease-out .2s 0s;-o-transition:all ease-out .2s 0s}
.m-dh{transition: All 0.8s ease-in-out; -webkit-transition: All 0.8s ease-in-out; -moz-transition: All 0.8s ease-in-out;-o-transition: All 0.8s ease-in-out}
.c_header{height: auto; padding:15px;width: 980px;margin: 0 auto;}
.c_header img.logo{float: left;margin:22px 0 0 0;}
.c_header span{display: inline-block;height: 40px;line-height: 40px;color: #0054b0;font-family: 'microsoft yahei';font-size: 22px;float: left;margin-top: 27px;}
.c_header span i{font-style: normal;padding: 0 15px 0 10px;}
.c_banner{background: url("../images/banner.jpg") no-repeat center 0;height: 351px;min-width: 980px;}
.c_banner .cont{width: 980px;height: 350px;margin: 0 auto;}
.c_container{width: 980px;margin: 30px auto 0;font-family: 'microsoft yahei';}
.c_titleModle{border-bottom: 1px solid #dbdbdb;height: 31px;}
.c_titleModle span{display: inline-block;height: 30px;line-height: 30px;border-bottom: 2px solid #0070c8;color: #0072ca;font-size: 18px;padding: 0 20px;position: relative;_top: 1px;}
.c_tryAdvantage{margin: 20px 0;padding-left: 25px;}
.c_tryAdvantage li{height: 36px;line-height:36px;font-size: 16px;color: #666;}
.c_tryFlow{height: 180px;margin-top: 30px;}
.c_tryFlow h3.c_tit{background: url("../images/c_icon01.jpg") no-repeat;width: 948px;height: 52px;margin: 0 auto;}
.c_tryFlow ul{width: 948px;margin: 0 auto;height:48px;margin-top: 24px;}
.c_tryFlow ul li{line-height: 24px;color: #00105f;font-size: 16px;float: left;height: 48px;}
.c_tryFlow ul li.one{padding-left: 43px;width:194px;}
.c_tryFlow ul li.two{padding-left: 30px;width:207px;}
.c_tryFlow ul li.thr{padding-left: 52px;width:185px;}
.c_tryFlow ul li.fou{padding-left: 25px;width:212px;}
.c_tryWarn{background: url("../images/c_icon02.jpg") no-repeat;height: 125px;margin: 12px 0 24px;}
.c_tryWarn div.lt{width: 340px;float:left;margin: 32px 0 0 55px;display: inline;line-height: 38px;height: 76px;color: #666;font-size: 20px;font-style:italic;}
.c_tryWarn div.rt{width: 465px;float:right;margin:28px 25px 0 0;display: inline;line-height: 38px;height: 76px;color: #666;font-size: 20px;font-style:italic;}
.c_tryWarn div.rt .fn30{font-size: 30px;font-weight: bold;}
.r_tryFreeSW{width: 978px;border: 1px solid #838383;margin-top: 30px;}
.r_tryFreeSW th{border-top: 1px solid #b0b0b0;border-left: 1px solid #b0b0b0;}
.r_tryFreeSW .one th{height: 33px;color: #666;font-weight: bold;font-size: 14px;border-top: 0;}
.r_tryFreeSW th.fs{border-left: 0;}
.r_tryFreeSW .two th{height: 100px;color: #494949;font-size: 14px;line-height: 26px;}
.r_tryFreeSW .two th .said{padding: 0 20px;}
.r_tryFreeSW .two th .btn{display: inline-block;background: url("../images/c_icon03.jpg") no-repeat;width: 131px;height: 36px;text-align: center;line-height: 36px;color: #222;font-size: 16px;}
.r_tryFreeSW .two th .btn:hover{text-decoration: none;}
.c_footer{height: 37px;background-color: #005cb7;min-width: 980px;margin-top: 50px;}
.c_footer .cont{width: 980px;margin: 0 auto;height: 37px;text-align: center;line-height: 37px;color: #fff;}
.c_footer .cont a{color: #fff;margin: 0 15px;}
/*头部导航*/
.top{ width:100%; min-width:1200px; height:85px; background:#3985de;position:fixed;float:left; display:block; z-index:100000;}
.t_main{ width:1200px; margin:0px auto;}
.top .logo{ width:250px;position:absolute;top:13.5px;display:inline}
.top_r{ width:78%}
.menu{ height:85px; width:100%}
.menu li{ height:85px; width:12%; text-align:center;display:inline-block;float:left; position:relative}
.menu li .mz{ height:85px;width:100%; display:inline; text-align:center; font:16px/85px "微软雅黑"; color:#fff}
.menu li .t-rx{display:inline; margin-top:33px;}
.menu li:hover .mz,.menu li dl dd .mz_s:hover{background:#085bbc}
.menu li .zx{height:33px; width:100px;margin-top:27px; text-align:center; line-height:30px; color:#fff; font-size:16px;}
.menu li .zx:hover{ color:red;}
.Hot-icon{
    width: 22px;
    height: 10px;
    display: block;
    background: url(hot.gif) no-repeat center;
    position: relative;
    top: 20px;
    left: 80px;
}
.menu li dl{ width:1270px; height:0; padding:10px 5px; display:inline; background:#fff; border-radius:5px; position:absolute; right:-750px; top:85px;z-index:999; overflow:hidden; opacity:0; filter(alpha=0)}
.menu li:hover dl{ height:300px; opacity:1; filter(alpha=100)}
.menu li dl dd{ width:100%; height:40px; float:left}
.menu li dl dd .mz_s{width:100%; height:40px; font:14px/40px "微软雅黑"; color:#fff; text-indent:18px; overflow:hidden}

.nav{ width:100%; background:#3985de; padding:15px 0;position:fixed; left:0; z-index:10;top:0; display:none}
.nav .logo{ height:50px; margin-left:3%}
.nav .logo img{ width:auto; height:50px}
.nav .nav_icon{ height:40px; margin:5px 3% 0 0}
.nav .nav_icon img{ width:auto; height:40px}

.nav_menu{ width:100%;height:100%; position:fixed; right:0; top:0; z-index:999}
.nav_menu .left{ width:50%; min-height:100%; float:left; background:#000; opacity:0.5; filter:alpha(opacity=40); margin:0;}
.nav_menu .right{ width:50%; max-height:100%; min-height:100%; float:right; background:#3985de; overflow:scroll}
.nav_menu .right .list{ width:100%; margin-top:20px; padding-bottom:50px; display:inline}
.nav_menu .right .list li{ width:92%; margin:0 4%; float:left; position:relative}
.nav_menu .right .list li .mz{ width:100%; font:14px/40px "微软雅黑"; color:#fff; text-indent:10px}


.nav_menu .right .list li dl{ display: block; width:96%; float:right}
/*.nav_menu .right .list li:hover dl{display: block; width:96%; float:right}*/
.nav_menu .right .list li .pic{ float:right; margin-top:15px; display:block}
.nav_menu .right .list li dl dd{ width:100%; float:left; border-bottom:solid 1px #fff}
.nav_menu .right .list li dl dd a{ width:100%; font:12px/40px "微软雅黑"; color:#fff; text-indent:8px}


.menudiv{width:130px; height:300px; text-align:left; margin-left:10px;display:inline; float:left; }
.menudiv h1{width:100%; font:16px/40px '微软雅黑'; color:#000; padding-right:4px;}
.menudiv h1 img{ width:20px; height:20px; float:left; display:inline-block; margin:10px 6px 0 0;}
.menudiv a{width:100%; height:40px; float:left; text-indent:10px; font:14px/40px '微软雅黑'; color:#666; overflow:hidden}
.menudiv a:hover{ color:#3985de; text-decoration:underline;}

.m-menudiv{width:100%;min-height:20px; text-align:left; margin-left:10px;display:inline; float:left; }
.m-menudiv h1{width:100%; font:14px/40px '微软雅黑'; color:#fff;}
.m-menudiv h1 .pic{float:right; width:19px; height:9px; padding-right:5px margin-top:15px; display:block}
.m-menudiv h1 img{ width:20px; height:20px; float:left; display:inline-block; margin:10px 6px 0 0;}
.m-menudiv a{ display:none;width:100%; height:40px; float:left; text-indent:10px; font:14px/40px '微软雅黑'; color:#fff; overflow:hidden}
.m-menudiv a:hover{ color:#3985de; text-decoration:underline;}
.m-menudiv:hover a{ display:block;width:100%; height:40px; float:left; text-indent:10px; font:14px/40px '微软雅黑'; color:#fff; overflow:hidden}*/

.kong{ width:100%; height:30px; display:none; clear:both; float:left}



/*云管家软件为您提供*/
.tgbt{height: auto; width:100%;text-align:center;font:24px/75px "微软雅黑" ; font-weight:bold; color:#000; border-bottom:1px solid #ebebeb; position:relative; }
.tgbt span{ display: inline-block; height:5px; width:30px; margin:0px auto;background:#3985de;box-sizing: border-box; border:1px solid #267add; position:absolute; bottom:0; }
.tgbt b{ color:red}
.tgbt img{ width:100%;}
.tgdiv{height:auto; width:16.6%; float:left; margin-left:-1px; margin-top:-1px; padding-top:40px; padding-bottom:40px;box-sizing: border-box; border:2px solid #f2f2f2; background:#f9fafc; text-align:center}
.tgdiv img{ display: inline;block; text-align:center; margin-bottom:27px;  height:77px;transition: All 0.8s ease-in-out; -webkit-transition: All 0.8s ease-in-out; -moz-transition: All 0.8s ease-in-out;-o-transition: All 0.8s ease-in-out}
.tgdiv img:hover{transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            -ms-transform: rotate(360deg);}
.tgdiv p{ font-size:14px; font-weight:bold; margin-top:20px;}


/*案例中心*/
.aldiv{height: auto; width:100%; background:#edeef3; margin-top:50px; padding-top:35px; padding-bottom:40px;}

.albt{height: auto; width:100%;text-align:center;font:24px/55px "微软雅黑" ; font-weight:bold; color:#000; border-bottom:1px solid #fff;  position:relative; padding-bottom:10px;}
.jz{ display:table; height:5px; width:30px; background:#3985de;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; border:1px solid #267add;  margin:0 auto;margin-bottom:35px; margin-top:-3px;z-index:10; position:relative;}
.albt .al_line{}
.albt font{ width:100%;font:18px/18px "Aparajita" ; text-transform: uppercase; color:#333;}
.fenge{height: auto; margin-top:30px; margin-bottom:15px;}
.fenge-ul{ width:100%; height:100%; overflow:hidden;}
.fenge-ul li{ width:23%; height: auto; overflow:hidden; float:left; margin-left:10px; margin-right:10px; margin-bottom:20px;}
.fenge-ul li .divk{ width:100%; height:100%; margin:0px auto; position:relative;}
.fenge-ul li .divk .divimg{ width:100%; height:auto;  position:relative;  z-index:2;transition: All 0.4s ease-in-out;  behavior:url(pie.htc);overflow:hidden;text-align:center;}
.fenge-ul li .divk .divimg img{ width:100%; height:auto; position:relative; z-index:2; behavior:url(pie.htc); }
.fenge-ul li .divk .divimg .divimg-text{ width:100%; height:auto;  padding:5px; color:#000; background-image:url(toum.png); background-repeat:repeat; text-align:center; overflow:hidden; position:relative; display:none; z-index:20;behavior:url(pie.htc)}
.fenge-ul li .divk .divimg .divimg-text .divimg-p{  width:100%; height:auto;  display:none;text-align:center; padding-top:90px; padding-bottom:78px; line-height:25px;color:#fff; font-size:16px; font-weight:bold;}
.fenge-ul li .divk .divimg:hover .divimg-text{ display:inline-block; margin-top:-203px;}
.fenge-ul li .divk .divimg:hover .divimg-text .divimg-p{ display:inline-block;}
.fenge-ul li .divk p{ text-align:center;}
.fenge-ul li .divk p a{ font-size:18px; line-height:20px; color:#fff; font-family:'微软雅黑'; font-weight:bold;}
.fenge-ul li .divk font{ color:#fff; font-size:12px; margin-top:30px; font-weight:normal;}
.almore{height:30px; width:110px; margin:0px auto; text-align:center; border:1px solid #dddddd; color:#333; line-height:30px;}
.almore:hover{ background:#3985de; color:#fff;}

/*超过1000000家企业正在使用*/
.qybt{height:51px; width:100%;margin-top:35px; margin-bottom:40px;}

/*新闻中心*/
.xwbt{height: auto; width:100%;text-align:center;font:24px/55px "微软雅黑" ; font-weight:bold; color:#000; border-bottom:1px solid #ebebeb;position:relative; padding:30px 0px 15px 0px; }
.xwbt span{ display: inline-block; height:5px; width:30px; margin:0px auto;background:#3985de;box-sizing: border-box; border:1px solid #267add; position:absolute; bottom:0; }
.xwbt font{ width:100%;font:18px/18px "Aparajita" ; text-transform: uppercase; color:#333;}
.mainnew{height: auto; width:100%; margin-top:40px; margin-bottom:50px; float:left;}
.mainnew-gs{height: auto; width:20%; float:left; margin-left:22px; margin-right:22px;}
.mainnew-gs img{height: auto; width:100%;}
.newslist-cls{ width:100%; height:99%;}
.newslist-cls li{ width:100%; height:30px;border:0px;}
.newslist-cls li a{ display:inline-block; float:left; height:30px; line-height:30px; color:#5a5a5a; }
.newslist-cls li a strong{ font-weight: normal}
.newslist-cls li a:hover{ color:red;}
.newslist-cls li span{ display:inline-block; float:right; line-height:30px;color:#5a5a5a;}

/*foot*/
.footerd{height:auto; width:100%; background:#3985de;  float:left;}
.footerdiv{height:auto; width:100%;}
.footl{ height:auto; width:30%; float:left;}
.footl img{ display:block; float:left;}
.footl div{height:auto; width:100%; color:#fff; line-height:25px; display:inherit; margin-bottom:10px; margin-top:5px;}
.footl font{float:left; width:75px; display:block; margin-top:30px; color:#fff; line-height:22px; margin-left:15px;}
.footerdiv ul{ display:block;}
.footerdiv ul li{ width:33%; height:auto; float:left;}
.footerdiv ul li.f-logo{ width:35.75%; float:left; }
.footerdiv ul li.f-tel{ width:21.5%; float:left;}
.footerdiv ul li.f-ewm{ width:21.3%; float:left; padding-top:10px;}
.footerdiv ul li font{float:left; width:75px; display:block; margin-top:30px; color:#fff; line-height:22px; margin-left:15px;}
.footerdiv ul li img{ float:left; margin-top:5px; padding-bottom:10px; padding-top:10px;}
.footerdiv ul li dt{ height:45px; width:100%;font-size:16px; color:#fff; line-height:45px;}
.footerdiv ul li div{height:auto; width:100%; color:#fff; line-height:25px; display:inherit; margin-bottom:10px; margin-top:5px;}
.footerdiv ul li div .pic{ float:left; margin-top:15px; padding-bottom:0px; }
.footerdiv ul li div .title{height:auto; width:80%; float:right;  font-size:14px;}
.footerdiv ul li div .title span{ font-size:16px; margin-top:0px;}
.footerdiv ul li div img{ display:inline; width:30px; height:30px; float:left; margin-right:10px; margin-top:13px;}
.footerdiv ul li span{ height:auto; width:95%; line-height:24px;display:block; margin-top:0px; float:left; color:#fff; text-transform: uppercase}
.footewm{height: auto; width:100%; float: left; }


.footer-links-section {
    border-top: 1px solid #fff;
    padding-top: 26px;
}

.footer-links-line {
    margin-bottom: 10px;
    font-size: 12px;
    color: #999;
}
.footer-links-line strong{ font-weight:normal;}
.footer-links-line span:first-child {
    font-weight: bold;
    color: white;
    margin-right: 1.2em;
}

.footer-links-line a, .footer-links-line span {
    display: inline-block;
    text-decoration: none;
    margin-right: 0.5em;
    color: #fff;
}

.footer-links-line a:hover {
    color:#ddd;
}

.footer-links-line a:after, .footer-links-line span:after {
    content: '|';
    margin-left: 0.8em;
}

.footer-links-line span:first-child:after {
    content: '';
    margin-left: 0;
}

.footer-links-line a:hover:after {
    color: #ddd;
}

.footer-links-line a:last-child:after, span:last-child:after {
    content: '';
}

.footer-add-line-bg {
    background: #3d4040;
}

.footer-add-line {
    height: 110px;
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    font-size: 12px;
}

.footer-add-line .footer-links-line {
    padding-top: 18px;
    margin-bottom: 10px;
}

.footer-add-line .footer-links-line a {
    color: #999;
}

.footer-add-line .footer-links-line a:hover {
    color: white;
}

.footer-copyright-line {
    margin-top: 10px;
    color: #ccc;
}

.footer-other-line {
    margin-top: 10px;
    color: #ccc;
}

.footer-other-line a:hover {
    color: white;
}

/*link*/
.linkdiv{height:auto; width:100%; background:#3985de; border-radius:10px; margin-top:15px;}


/*联系我们*/
.confs{width:850px; margin:0px auto;text-align: center; padding-top:25px;padding-bottom:35px;overflow:hidden;}
.confs ul{ width:860px}
.confs ul li{height:65px; width:420px;display: inline-block; float:left; margin-right:10px;padding:10px; text-align:left; margin-bottom:10px;}
.confs ul li font{ display: inline-block; width:88%; float:right; text-align:left; color:#555; font:bold 15px/32px "微软雅黑"; }
.confs ul li img{ display:inline-block; width:32px; height:32px; float:left;text-align:left; margin-right:10px;}
.confs ul li.qp{ width:90%; display:inline-block; margin:0px auto; text-align:center;}
.confs ul li.qp .pic{ width:30%;display:inline-block;  float: left  ;text-align: right; }
.confs ul li.qp .pic img{width:32px; height:32px;display:inline-block;text-align: right;margin-right:0px; float:right; margin-right:20px; }
.confs ul li.qp font{ width:70%;display:inline-block;float: right;text-align: left;}
.congs{ width:70%; margin:0px auto;text-align: center; padding-top:25px;padding-bottom:35px;}

.condiv{width:850px; margin:0px auto;text-align: center; padding-top:25px;padding-bottom:35px;overflow:hidden;}
.condiv ul{ width:860px}
.condiv ul li{height:auto; width:420px;display: inline-block; float:left; margin-right:10px;box-sizing: border-box;  border:2px solid #ddd; padding:15px; text-align:left; margin-bottom:10px;}
.condiv ul li font{ display: inline-block; width:100%; font-size:15px; color:#3985de; font-weight:bold; line-height:14px;}
.condiv ul li font img{ display:inline-block; float:left;text-align:left; margin-right:10px;}
.condiv ul li span{ width:100%; display: inline-block; margin-top:10px; line-height:25px; font-size:14px; color:#333} 
.condiv ul li strong{ font-weight:normal;font-style: normal;}

.con-title{
	text-align: center;
	padding: 60px 0
}
.part {
	width: 1000px;
	display: block;
	margin: 0 auto;
	position: relative
}

.part .t {
	font-weight: bold;
	color: #404040;
	font-size: 24px
}

.part .t1 {
	color: #909090;
	font-size: 14px;
	margin-top: 15px;
	line-height: 20px
}

.part .t1 .s1 {
	color: #3982d7
}

.part .advantage {
	display: block;
	margin: 65px auto
}

.contact {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	zoom: 1
}

.contact li {
	float: left;
	width: 33%;
	height: 115px
}

.contact .c1 {
	color: #3982d7;
	font-size: 20px
}

.contact .c2 {
	color: #404040;
	font-size: 14px;
	margin-top: 5px
}

.pic_box {
	width: 900px;
	overflow: hidden;
	zoom: 1;
	margin: 0 auto 80px;
	position: relative
}

.pic_box .list {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	zoom: 1;
	width: 1626px;
	height: 294px
}

.pic_box .list li {
	float: left;
	text-align: center;
	background-color: #efefef;
	padding: 10px;
	margin-left: 10px;
	margin-top: 64px
}

.pic_box .list li:first-child {
	margin-left: 0
}

.pic_box .list .img {
	width: 212px;
	height: 125px
}

.pic_box .list .p1 {
	font-size: 12px;
	color: #404040;
	width: 100%;
	word-break: break-all;
	word-wrap: break-word;
	height: 31px;
	margin-top: 5px
}

.part .after_btn,.part .before_btn {
	position: absolute;
	top: 50%;
	margin-top: -40px;
	width: 40px;
	height: 80px;
	cursor: pointer;
	background: url(mien_btn.png)no-repeat
}

.part .before_btn {
	left: 0
}

.part .after_btn {
	right: 0;
	background-position: -41px 0
}

.part .before_btn.dis {
	cursor: default;
	background-position: -82px 0
}

.part .after_btn.dis {
	cursor: default;
	background-position: -122px 0
}

.pic_box .list .cur {
	background-color: #eaf4ff
}



.wdiv{width:1200px;margin:0px auto;padding:0px auto;position:relative;}
.hdiv{height:100%;}
#container{width:100%;height:auto;}
#header{width:100%;height:85px; background:#3985de;transition:height 0.3s;}
#banner_i{width:100%;text-align:center;margin:0px auto; z-index:1; position:relative;}
#banner{width:100%;height:250px;text-align:center;}
/*内页新闻*/
#newslist { padding:0px 0 0; min-height:492px; height:auto !important; height:492px; overflow:visible; width:98%; margin:0px auto;}
#newslist ul {list-style:none}
#newslist li { width:98%; min-height:35px; border-bottom:dotted 1px #dddddd; line-height:25px;  overflow:hidden; font-size:0; margin-left:8px;margin-top:10px; padding-bottom:10px;}
#newslist li img{float:left;width:180px; max-height:130px; margin-right:20px;}
#newslist li a {font-size:16px; color:#222;  text-indent:10px;}
#newslist li a:hover{color:#3985de;}
#newslist li i{ display:inline-block;width:200px; height:19px; background-image:url(images/img_20.png); background-repeat:no-repeat; background-position:left; margin:0px auto; margin-top:20px; margin-bottom:20px; color:#fff; text-align:left; text-indent:30px;font-size:14px; font-style:normal; line-height:19px;}
#newslist li span {font-size:14px; margin-right:14px; color:#555;}
#positionDiv{width:100%; min-height:50px; margin:0px auto; border-bottom:1px solid #ddd; }
.positionDiv00{ width:100%;  min-height:50px;margin:0px auto; }

#positionDiv h2{width:100%;height:59px; margin:0px auto; margin-top:8px; background-color:#3985de;padding-top:15px;}
#positionDiv h2 div{ width:100%; height:36px;line-height:36px;font-family:"微软雅黑";font-size:20px; font-weight:bold; color:#fff; text-align:left; text-indent:20px;} 

#positionDiv ul{width:100%; margin:0px auto;}
#positionDiv ul li{height:50px;width:25%;text-align: center; ackground-repeat:no-repeat; background-position:left 25px; text-indent:15px; float:left;}
#positionDiv ul li a{font-size:18px;font-family:"微软雅黑";color:#000;line-height:50px;}
#positionDiv ul li:hover {transition:all 0.3s}
#positionDiv ul li:hover a{ color:#3985de; transition:all 0.3s}
.positionDivLi{border-bottom:solid 2px #3985de;}
.positionDivLi a{color:#3985de!important;}

/*内页新闻*/
.rightDiv{ width:100%; margin:0px auto;}
.rightDiv .rightTitle{ width:100%; height:35px; background-image:url(title.png); background-repeat:repeat-x; background-position:bottom; text-align:right; padding-right:10px; line-height:35px;margin-top: 30px;}
.rightDiv .rightTitle a{line-height:35px;}
.neirye_h1{ white-space:100%; padding-right:10px; ext-align:left;line-height:35px;font-family:"微软雅黑";color:#666666; font-size:26px; float:left;}
.rightDivText{ padding-top:20px; line-height:30px;}


.index-ctitle{width:100%;height:85px;line-height:40px;position:relative;margin-bottom:25px;}
.industryTitle{ text-align:left; margin-top:40px;}
.index-ctitle span{color:#020103;font-weight:bold;font-family:"微软雅黑";font-size:33px;}
.index-ctitle font{text-transform:uppercase;color:#ab0101;font-family:Arial,Helvetica,sans-serif;font-size:24px;font-weight:bold;}

/*内页案例*/
.advmain{height:auto; width:1210px;}
.caseleft{ min-height:250px;  overflow:hidden;}
.case-ctitle{ width:100%; height:40px; margin:0px auto; margin-bottom:20px;} 
.case-ctitle span{ display:inline-block; float:left; text-transform:uppercase;width:15.8%;height:40px; min-height:40px; margin-bottom:12px; overflow:hidden; background-color:#fff; margin-right:10px; font-size:14px; font-family:'微软雅黑'; color:#333;line-height:40px; text-align:center;   }
.case-ctitle span:hover{background-color:#0076ca;color:#fff;}
.case-ctitle span a{width:100%; height:100%; font-size:14px; font-family:'微软雅黑'; color:#333;line-height:40px; text-align:center;}
.case-ctitle span a:hover{ color:#fff;text-align:center;font-size:14px; }
.case-ctitle .spanHover{ color:#333;text-align:center;font-size:14px; }
.case-ctitle .spanHover a{color:#333;text-align:center;font-size:14px; }

.indexPicDiv{width:100%; height:100%; margin:0px auto; margin-bottom:5px; margin-top:15px; overflow:hidden; display:none}
.indexPicDivShow{ display:block}




.indexPicDiv li{ width:24.16%; height:220px; overflow:hidden; float:left; text-align:center; margin-right:10px; margin-bottom:20px;}
.indexPicDiv li .divk{ width:100%; height:220px; background-color:#fff; margin:0px auto; position:relative;}
.indexPicDiv .divk .divimg{ width:100%; height:220px; background-color:#fff;  position:relative; margin-bottom:18px; behavior:url(pie.htc);overflow:hidden;}
.indexPicDiv .divk .divimg img{ height:120px; position:relative; z-index:2; behavior:url(pie.htc); padding-top:30px; }
.indexPicDiv .divk .divimg img:hover{transform: scale(1.05);}
.indexPicDiv .divk .divimg .divimg-text{ width:235px; height:305px; text-align:center; color:#fff; font-size:16px;background-image:url(images/toum.png); text-align:center; overflow:hidden; position:relative; display:none; z-index:20;behavior:url(pie.htc)}
.indexPicDiv .divk .divimg .divimg-text .divimg-p{  width:235px; height:305px;  display:none; text-align:center; line-height:305px;}
.indexPicDiv .divk .divimg:hover .divimg-text{ display:inline-block; margin-top:-305px; font-size:16px;}
.indexPicDiv .divk .divimg:hover .divimg-text a{ color:#fff; font-size:16px; text-align:center;}
.indexPicDiv .divk .divimg:hover .divimg-text .divimg-p{ display:inline-block;}
.indexPicDiv .divk p{ text-align:center; margin-top:40px;}
.indexPicDiv .divk p a{ font-size:18px; line-height:20px; color:#fff; font-family:'微软雅黑';}


.indexPicDiv1 li{ width:29%; height:170px; overflow:hidden; float:left; text-align:center; margin-right:7px; margin-left:7px; margin-bottom:20px;}
.indexPicDiv1 li .divk{ width:100%; height:170px; background-color:#fff; margin:0px auto; position:relative;}
.indexPicDiv1 .divk .divimg{ width:100%; height:170px; background-color:#fff;  position:relative; margin-bottom:18px; behavior:url(pie.htc);overflow:hidden;}
.indexPicDiv1 .divk .divimg img{ height:90px; position:relative; z-index:2; behavior:url(pie.htc); padding-top:30px; }
.indexPicDiv1 .divk .divimg img:hover{transform: scale(1.05);}
.indexPicDiv1 .divk .divimg .divimg-text{ width:235px; height:305px; text-align:center; color:#fff; font-size:16px;background-image:url(images/toum.png); text-align:center; overflow:hidden; position:relative; display:none; z-index:20;behavior:url(pie.htc)}
.indexPicDiv1 .divk .divimg .divimg-text .divimg-p{  width:235px; height:305px;  display:none; text-align:center; line-height:305px;}
.indexPicDiv1 .divk .divimg:hover .divimg-text{ display:inline-block; margin-top:-305px; font-size:16px;}
.indexPicDiv1 .divk .divimg:hover .divimg-text a{ color:#fff; font-size:16px; text-align:center;}
.indexPicDiv1 .divk .divimg:hover .divimg-text .divimg-p{ display:inline-block;}
.indexPicDiv1 .divk p{ text-align:center; margin-top:20px;}
.indexPicDiv1 .divk p a{ font-size:18px; line-height:20px; color:#fff; font-family:'微软雅黑';}

/*内页案例*/





#main{margin:0 auto;height:auto;}
.oneDiv{padding-top:20px;}
.neiyeDiv{padding-top:20px; padding-bottom:30px;}
.neiyeDiv img{ max-width:100%;}
.neiyeDiv div,.neiyeDiv p,.neiyeDiv a,.neiyeDiv font,.neiyeDiv span{line-height:30px;font-family:"微软雅黑";}
#about,#news_list,#product_list,#product,#search,#case_list{line-height:26px;min-height:500px; margin-top:20px;}
#about h1{color:#585858;font-family:"微软雅黑";font-size:20px;line-height:35px;text-align:center;}
#about .time{border-bottom:1px dashed #D9D9D9;color:#878787;font-size:12px;line-height:30px;margin:10px 0 15px;text-align:center;}
#about .time a{}
#about .imgshow img{margin:10px auto;max-width:600px;}



.prew,.nextw{background:url("/images/ui_pre_info.gif") no-repeat scroll left 6px;color:#878787;float:left;font-size:12px;height:30px;line-height:30px;overflow:hidden;padding-left:15px;text-align:left;width:46%;}
.nextw{background:url("/images/ui_next_info.gif") no-repeat scroll right 6px;float:right;padding-right:15px;text-align:right;}
.prew a,.nextw a{color:#878787;}
.prew a:hover,.nextw a:hover,.about .time a:hover{color:#ffc001;}

div.page{height:30px;line-height:30px;width:100%;text-align:left;color:#ff0000;padding-top:10px; margin-bottom:20px;}
div.page span{padding:3px 5px 3px 5px;background-color:#08a9c4;color:#fff;border:solid 1px #08a9c4;}
div.page a{color:#444444;border:1px solid #ccc;padding:3px 5px 3px 5px;margin:0 2px;text-decoration:none;background-color:#ddd}
div.page a:hover{color:#fff;background-color:#08a9c4;}

@media screen and (max-width: 1023px)
{
.top,.b_mask,.foot,.n_list li .nk .nxq,.n_list li .nk .ndata{ display:none}
.kong,.nav,.footer{ display:block}
.fd,.news_bg,.main,.banner{ width:100%; min-width:auto}
.n_list,.in_right,.p_list{ width:100%}
.news_bg{ padding-bottom:30px}
.in_pro{ padding-top:30px}
.news_bg{ margin-top:25px}
.in_banner_bg{ height:auto; padding:80px 0}
.in_banner_bg .lwz1{ font-size:16px; margin:0}
.in_banner_bg .lwz2{ font-size:10px}

.ny_left{ display:none}
.ny_right{ width:92%; margin-right:4%; display:inline}

.ny_title{ height:40px}
.ny_title .wz{ line-height:40px; line-height:40px; font-size:16px}

}

@media screen and (max-width: 1024px)
{
.main,.t_main,.in_right,.banner{ width:100%}
.fd,.top,.b_mask,.b_posi,.b_mask,.news_bg,.in_banner_bg,.in_cbg,.in_pro,.ny_banner,.banner{ min-width:100%}


.in_cbg{ height:auto; padding:30px 0}
.in_cbg .c_block{ width:15%; margin:15px 0 0 8% }
.ny_position{ text-indent:15px}

.p_list{ width:100%}
.p_list li{ width:41%; margin:30px 0 0 6%}

.n_list{ width:100%; margin-top:20px}
.n_list li{ width:30%; height:auto; padding-bottom:15px; margin:0 0 0 2.5%}
.n_list li .pic,.n_list li .pic img{ width:100%; height:auto}
.n_list li .nk{ width:90%; margin:10px 5% 0}
.n_list li .nk .nbt{ height:40px; font:12px/20px "微软雅黑"}
.n_list li .nk .nmore { width:100%; text-align:center; background:#00856f; color:#fff; font-size:10px}

.contact{ margin-top:0}

.news_list li{ height:auto; padding-bottom:15px}
.news_list li .pic{ width:25%; float:left}
.news_list li .nrk{ width:65%}

.s_list,.t_list{ width:100%}
.s_list li,.t_list li{ width:44%; margin:30px 0 0 4%}
.s_list li .nr{ width:90%; margin:10px 5% 0}

.pro_pic{ width:60%; margin:25px 20% 0}
.ny_right{ min-height:inherit; padding-bottom:50px}
.news_title_s{ font-size:10px}
.ny_right .view_wz,.t_list li .t_mc,.pro_view{ font-size:12px}

.contact .map,.contact .cont_nr{ width:92%; margin:20px 4% 0; height:auto}

}



@media screen and (max-width: 480px)
{

.in_cbg .c_block .wz,.p_list li .p_mc{ font-size:10px}
.p_list li .p_mc{ height:30px; line-height:30px}
.in_banner_bg .lwz1{ font-size:12px; line-height:30px; margin:0}
.in_banner_bg .lwz2{ font-size:8px; line-height:20px;}	

.banner{ margin-top:62px}

.ny_banner{ height:200px}

}

@media (max-width: 1024px) and (min-width: 769px)
{
.main,.t_main{ width:100%}
.fd,.top,.b_mask,.b_posi,.b_mask,.news_bg,.in_banner_bg,.in_cbg,.in_pro,.ny_banner{ min-width:100%}
.top{ height:auto; padding:15px 0}
.top .logo{ width:20%;margin:0 0 0 2%}
.top_r{ width:70%}
.menu{ width:100%; height:76px}
.menu li{ margin-left:1%; height:auto}
.menu li .mz{ padding:0 15px; height:auto; line-height:76px}
.menu li dl{ display:none}
.b_mask{ height:100px; top:-100px}
.a_list .area{ width:25%; height:100px}
.a_list .area .icon{ width:22%; margin:20px 0 0 5%}
.a_list .area .awk{ width:65%; margin-top:20px}
.a_list .area .awk .w1{ font-size:18px; line-height:30px; height:30px}
.a_list .area .awk .w2{ font-size:14px}
.in_banner_bg{ height:400px}
.in_banner_bg .lwz1{ margin-top:154px}




}









/*------------------------------------------------------------begin  @media (max-width:375px)------------------------------------------*/












@media (max-width:375px)
{
	
body{ margin:0px auto; padding:0px; font-size:12px; font-family: "微软雅黑",Arial, Helvetica, sans-serif; color:#333; min-width:100%;}
.wdiv{width:100%;margin:0px auto;padding:0px auto;position:relative;}

.nav{ width:100%; background:#3985de; padding:9px 0;position:fixed; left:0; z-index:10;top:0;}
.nav .logo{ height:35px; margin-left:3%}
.nav .logo img{ width:auto; height:35px}
.nav .nav_icon{ height:35px; margin:5px 3% 0 0}
.nav .nav_icon img{ width:auto; height:40px}

/*云管家软件为您提供*/
.tgbt{height: auto; width:100%;text-align:center;font:22px/55px "微软雅黑" ; font-weight:bold; color:#000; border-bottom:1px solid #ebebeb; position:relative; }
.tgbt span{ display: inline-block; height:5px; width:30px; margin:0px auto;background:#3985de;box-sizing: border-box; border:1px solid #267add; position:absolute; bottom:0; }
.tgdiv{height:auto; width:25%; float:left; margin-left:-1px; margin-top:-1px; padding-top:20px; padding-bottom:20px;box-sizing: border-box; border:2px solid #f2f2f2; background:#f9fafc; text-align:center}
.tgdiv img{ display: inline;block; text-align:center; margin-bottom:17px;  height:50px;transition: All 0.8s ease-in-out; -webkit-transition: All 0.8s ease-in-out; -moz-transition: All 0.8s ease-in-out;-o-transition: All 0.8s ease-in-out}
.tgdiv p{ font-size:14px; font-weight:bold; height:20px; min-height:20px; margin-top:12px; overflow:hidden;}
/*案例中心*/
.aldiv{height: auto; width:100%; background:#edeef3; margin-top:10px; padding-top:10px; padding-bottom:25px;}
.albt{height: auto; width:100%;text-align:center;font:22px/55px "微软雅黑" ; font-weight:bold; color:#000; border-bottom:1px solid #fff;  position:relative; padding-bottom:10px;}
.jz{ display:table; height:5px; width:30px; background:#3985de;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; border:1px solid #267add;  margin:0 auto;margin-bottom:22px; margin-top:-3px;z-index:10; position:relative;}
.albt .al_line{}
.albt font{ width:100%;font:18px/18px "Aparajita" ; text-transform: uppercase; color:#333;}
.fenge{height: auto; margin-top:30px; margin-bottom:15px;}
.fenge-ul{ width:100%; height:100%; overflow:hidden;}
.fenge-ul li{ width:30%; height: auto; overflow:hidden; float:left; margin-left:4.5px; margin-right:4.5px; margin-bottom:9px;}
.fenge-ul li .divk{ width:100%; height:100%; margin:0px auto; position:relative;}
.fenge-ul li .divk .divimg{ width:100%; height:auto;  position:relative;  z-index:2;transition: All 0.4s ease-in-out;  behavior:url(pie.htc);overflow:hidden;text-align:center;}
.fenge-ul li .divk .divimg img{ width:100%; height:auto; position:relative; z-index:2; behavior:url(pie.htc); }
.fenge-ul li .divk .divimg .divimg-text{ width:100%; height:auto;  padding:5px; color:#000; background-image:url(toum.png); background-repeat:repeat; text-align:center; overflow:hidden; position:relative; display:none; z-index:20;behavior:url(pie.htc)}
.fenge-ul li .divk .divimg .divimg-text .divimg-p{  width:100%; height:auto;  display:none;text-align:center; padding-top:90px; padding-bottom:78px; line-height:25px;color:#fff; font-size:14px; font-weight:bold;}
.fenge-ul li .divk .divimg:hover .divimg-text{ display:inline-block; margin-top:-203px;}
.fenge-ul li .divk .divimg:hover .divimg-text .divimg-p{ display:inline-block;}
.fenge-ul li .divk p{ text-align:center;}
.fenge-ul li .divk p a{ font-size:18px; line-height:20px; color:#fff; font-family:'微软雅黑'; font-weight:bold;}
.fenge-ul li .divk font{ color:#fff; font-size:12px; margin-top:30px; font-weight:normal;}
.almore{height:30px; width:110px; margin:0px auto; text-align:center; border:1px solid #dddddd; color:#333; line-height:30px;}
.almore:hover{ background:#3985de; color:#fff;}

/*云管家软件为您提供*/
.tgdiv img{ display: inline;block; text-align:center; margin-bottom:27px;  height:50px;transition: All 0.8s ease-in-out; -webkit-transition: All 0.8s ease-in-out; -moz-transition: All 0.8s ease-in-out;-o-transition: All 0.8s ease-in-out}
/*新闻中心*/
.xwbt{height: auto; width:100%;text-align:center;font:24px/55px "微软雅黑" ; font-weight:bold; color:#000; border-bottom:1px solid #ebebeb;position:relative; padding:30px 0px 15px 0px; }
.xwbt span{ display: inline-block; height:5px; width:30px; margin:0px auto;background:#3985de;box-sizing: border-box; border:1px solid #267add; position:absolute; bottom:0; }
.xwbt font{ width:100%;font:18px/18px "Aparajita" ; text-transform: uppercase; color:#333;}
.mainnew{height: auto; width:100%; margin-top:20px;}
.mainnew-gs{height: auto; width:44%; float:left; margin-left:10px; margin-right:10px; margin-bottom:15px;}
.mainnew-gs img{height: auto; width:100%;}
.newslist-cls{ width:100%; height:99%;}
.newslist-cls li{ width:100%; height:30px;border:0px; min-height:30px; overflow:hidden;}
.newslist-cls li a{ display:inline-block; float:left; height:30px; line-height:30px; color:#5a5a5a; }
.newslist-cls li a strong{ font-weight:bold}
.newslist-cls li a:hover{ color:red;}
.newslist-cls li span{ display:inline-block; float:right; line-height:30px;color:#5a5a5a;}




/*foot*/

/*foot*/
.footer-links-line strong{ font-weight: bold;}
.footerd{height:auto; width:100%; background:#3985de; padding-top:25px; padding-bottom:25px; float:left;}
.footerdiv{height:auto; width:100%; padding-left:5px;}
.footerdiv ul li.f-logo{ display:none; width:100%; float:left; padding-bottom:20px; border-bottom:1px solid #fff; }
.footerdiv ul li.f-tel{ width:100%; float:left;}
.footerdiv ul li.f-ewm{ width:50%; float:left; margin-bottom:20px; display:none;}
.footerdiv ul li img{ display:none;}
.footerdiv ul li span {
    height: auto;
    width: 95%;
    line-height: 24px;
    display: block;
    margin-top:00px;
    float: left;
    color: #fff;
    text-transform: uppercase;}
.footerdiv ul li div{ margin-bottom:0px; margin-top:0px;}
.footerdiv ul li span.gs{ display:none;} 
.footerdiv ul li div.by{ display:none}

.footerdiv ul li div .td {
    height: auto;
    width: 30%;
    float: left;
    font-size: 12px;
}
.footerdiv ul li div .tc {
    height: auto;
    width: 40%;
    float: left;
    font-size: 12px;
}

.footerdiv ul li div .title span {
    font-size: 12px;
	font-weight:bold;
    margin-top: 0px;}

.footer-links-line a, .footer-links-line span {
    display: inline-block;
    text-decoration: none;
    margin-right: 0.5em;
    color: #fff;
	padding-left:15px;
}



/*link*/
.linkdiv{height:auto; width:100%; background:#3985de; border-radius:10px; margin-top:15px;}

/*联系我们*/


.confs{width:100%; margin:0px auto;text-align: center; padding-top:25px;padding-bottom:35px;overflow:hidden;}
.confs ul{ width:100%}
.confs ul li{height:auto; width:100%;display: inline-block; float:left; margin-right:10px;padding:10px; text-align:left; margin-bottom:10px;}
.confs ul li font{ display: inline-block; width:85%; float:right; text-align:left; color:#555; font:bold 15px/32px "微软雅黑"; }
.confs ul li font strong{font-weight:bold;  color:#3985de}
.confs ul li img{ display:inline-block; width:32px; height:32px; float:left;text-align:left; margin-right:10px;}


.condiv{width:100%; margin:0px auto;text-align: center; padding-top:25px;padding-bottom:35px;overflow:hidden;}
.condiv ul{ width:100%;}
.condiv ul li{height:auto; width:100%;display: inline-block; float:left; margin-right:10px;box-sizing: border-box;  border:2px solid #ddd; padding:15px; text-align:left; margin-bottom:10px;}
.condiv ul li font{ display: inline-block; width:100%; font-size:15px; color:#555; font-weight:bold; line-height:14px;}
.condiv ul li font img{ display:inline-block; float:left;text-align:left; margin-right:10px;}
.condiv ul li span{  float:left;width:100%; text-align:left; display: inline-block; margin-top:10px; line-height:25px; font-size:14px; color:#555; font-weight:bold;} 
.condiv ul li span strong{ font-weight:bold; color:#3985de;font-style: normal;}

.congs{ width:95%; margin:0px auto;text-align: center; padding-top:25px;padding-bottom:35px;}



/*新闻内页*/
#positionDiv{ display:none; }
#newslist { padding:0px 0 0; min-height:492px; height:auto !important; height:492px; overflow:visible; width:100%; margin:0px auto;}
#newslist ul {list-style:none}
#newslist li { width:100%; min-height:121px; border-bottom:dotted 1px #dddddd; overflow:hidden; font-size:0; margin-left:8px;margin-top:10px; padding-bottom:10px;}
#newslist li img{float:left;width:180px; max-height:130px; margin-right:20px;}
#newslist li a { display:block; padding-top:15px;font-size:14px; line-height:25px;color:#222;  text-indent:0px;}
#newslist li a:hover{color:#3985de;}
#newslist li i{ display:inline-block;width:200px; height:19px; background-image:url(images/img_20.png); background-repeat:no-repeat; background-position:left; margin:0px auto; margin-top:20px; margin-bottom:20px; color:#fff; text-align:left; text-indent:30px;font-size:14px; font-style:normal; line-height:10px;}
#newslist li span { display:none;}

/*案例内页*/
.advmain{height:auto; width:100%;}
.indexPicDiv li{ width:45%; height:220px; overflow:hidden; float:left; text-align:center; margin-right:7px; margin-left:7px; margin-bottom:20px;}
.indexPicDiv li .divk{ width:100%; height:220px; background-color:#fff; margin:0px auto; position:relative;}
.indexPicDiv .divk .divimg{ width:100%; height:220px; background-color:#fff;  position:relative; margin-bottom:18px; behavior:url(pie.htc);overflow:hidden;}
.indexPicDiv .divk .divimg img{ height:120px; position:relative; z-index:2; behavior:url(pie.htc); padding-top:30px; }
.indexPicDiv .divk .divimg img:hover{transform: scale(1.05);}
.indexPicDiv .divk .divimg .divimg-text{ width:235px; height:305px; text-align:center; color:#fff; font-size:16px;background-image:url(images/toum.png); text-align:center; overflow:hidden; position:relative; display:none; z-index:20;behavior:url(pie.htc)}
.indexPicDiv .divk .divimg .divimg-text .divimg-p{  width:235px; height:305px;  display:none; text-align:center; line-height:305px;}
.indexPicDiv .divk .divimg:hover .divimg-text{ display:inline-block; margin-top:-305px; font-size:16px;}
.indexPicDiv .divk .divimg:hover .divimg-text a{ color:#fff; font-size:16px; text-align:center;}
.indexPicDiv .divk .divimg:hover .divimg-text .divimg-p{ display:inline-block;}
.indexPicDiv .divk p{ text-align:center; margin-top:40px;}
.indexPicDiv .divk p a{ font-size:18px; line-height:20px; color:#fff; font-family:'微软雅黑';}


#wrapper
{
	
	text-align:center;
}
.overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(0,0,0,0.5); /*dim the background*/
  text-align:center;
  display:none;
}

#overlay_pic {
    margin:200px auto;
    width:400px;
    box-shadow: 10px 10px 5px #000;
}

.jscarousal
{
	width:100%;
	height: 180px;
	margin-left:15px; 
	margin-right:15px;
	margin:0 auto;
	padding: 0;
	position: relative; /*overflow: hidden;*/
}
.jscarousal .jscarousal-left, .jscarousal .jscarousal-right
{
	float: left;
	width: 30px;
	height:30px;
	margin-right:7.5px;
    margin-left:7.5px;
	color: White;
	position: relative;
	top: 75px;
	cursor: pointer;
}
.jscarousal .jscarousal-left
{
	background-image: url(../images/left_arrow.png);
	background-repeat: no-repeat;
	background-position: left;
}
.jscarousal .jscarousal-right
{
	background-image: url(../images/right_arrow.png);
	background-repeat: no-repeat;
	background-position: right;
}
.jscarousal-contents
{
	width: 75%;
	height: 180px;
	float: left;
	position: relative;
	overflow: hidden;
}
.jscarousal-contents > div
{
	position: absolute;
	width: 100%;
	height: 90px;
}
.jscarousal-contents > div > div
{
	width:50%;
	float: left;
	
}
.jscarousal-contents img
{
	width: 100%;

}
.hidden
{
	display: none;
}
.visible
{
	display: block;
}
.thumbnail-active
{
	filter: alpha(opacity=100);
	opacity: 1.0;
	cursor: pointer;
}
.thumbnail-inactive
{
	filter: alpha(opacity=90);
	opacity: 0.9;
	cursor: pointer;
}
.thumbnail-text
{
	color: #7A7677;
	font-weight: bold;
	text-align: left;
	display: block;
	padding: 10px 2px 2px 0px;
}







}
/*------------------------------------------------------------end  @media (max-width:375px)------------------------------------------*/


/*------------------------------------------------------------begin  @media (min-width:376px) and (max-width:480px)------------------------------------------*/
@media (min-width:376px) and (max-width:480px)
{
	
body{ margin:0px auto; padding:0px; font-size:12px; font-family: "微软雅黑",Arial, Helvetica, sans-serif; color:#333; min-width:100%;}
.wdiv{width:100%;margin:0px auto;padding:0px auto;position:relative;}

.nav{ width:100%; background:#3985de; padding:9px 0;position:fixed; left:0; z-index:10;top:0;}
.nav .logo{ height:35px; margin-left:3%}
.nav .logo img{ width:auto; height:35px}
.nav .nav_icon{ height:35px; margin:5px 3% 0 0}
.nav .nav_icon img{ width:auto; height:40px}

/*云管家软件为您提供*/
.tgbt{height: auto; width:100%;text-align:center;font:22px/55px "微软雅黑" ; font-weight:bold; color:#000; border-bottom:1px solid #ebebeb; position:relative; }
.tgbt span{ display: inline-block; height:5px; width:30px; margin:0px auto;background:#3985de;box-sizing: border-box; border:1px solid #267add; position:absolute; bottom:0; }
.tgdiv{height:auto; width:25%; float:left; margin-left:-1px; margin-top:-1px; padding-top:20px; padding-bottom:20px;box-sizing: border-box; border:2px solid #f2f2f2; background:#f9fafc; text-align:center}
.tgdiv img{ display: inline;block; text-align:center; margin-bottom:17px;  height:50px;transition: All 0.8s ease-in-out; -webkit-transition: All 0.8s ease-in-out; -moz-transition: All 0.8s ease-in-out;-o-transition: All 0.8s ease-in-out}
.tgdiv p{ font-size:14px; font-weight:bold; height:20px; min-height:20px; margin-top:10px;overflow:hidden;}
/*案例中心*/
.aldiv{height: auto; width:100%; background:#edeef3; margin-top:10px; padding-top:10px; padding-bottom:25px;}
.albt{height: auto; width:100%;text-align:center;font:22px/55px "微软雅黑" ; font-weight:bold; color:#000; border-bottom:1px solid #fff;  position:relative; padding-bottom:10px;}
.jz{ display:table; height:5px; width:30px; background:#3985de;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; border:1px solid #267add;  margin:0 auto;margin-bottom:22px; margin-top:-3px;z-index:10; position:relative;}
.albt .al_line{}
.albt font{ width:100%;font:18px/18px "Aparajita" ; text-transform: uppercase; color:#333;}
.fenge{height: auto; margin-top:30px; margin-bottom:15px;}
.fenge-ul{ width:100%; height:100%; overflow:hidden;}
.fenge-ul li{ width:30%; height: auto; overflow:hidden; float:left; margin-left:4.5px; margin-right:4.5px; margin-bottom:9px;}
.fenge-ul li .divk{ width:100%; height:100%; margin:0px auto; position:relative;}
.fenge-ul li .divk .divimg{ width:100%; height:auto;  position:relative;  z-index:2;transition: All 0.4s ease-in-out;  behavior:url(pie.htc);overflow:hidden;text-align:center;}
.fenge-ul li .divk .divimg img{ width:100%; height:auto; position:relative; z-index:2; behavior:url(pie.htc); }
.fenge-ul li .divk .divimg .divimg-text{ width:100%; height:auto;  padding:5px; color:#000; background-image:url(toum.png); background-repeat:repeat; text-align:center; overflow:hidden; position:relative; display:none; z-index:20;behavior:url(pie.htc)}
.fenge-ul li .divk .divimg .divimg-text .divimg-p{  width:100%; height:auto;  display:none;text-align:center; padding-top:90px; padding-bottom:78px; line-height:25px;color:#fff; font-size:14px; font-weight:bold;}
.fenge-ul li .divk .divimg:hover .divimg-text{ display:inline-block; margin-top:-203px;}
.fenge-ul li .divk .divimg:hover .divimg-text .divimg-p{ display:inline-block;}
.fenge-ul li .divk p{ text-align:center;}
.fenge-ul li .divk p a{ font-size:18px; line-height:20px; color:#fff; font-family:'微软雅黑'; font-weight:bold;}
.fenge-ul li .divk font{ color:#fff; font-size:12px; margin-top:30px; font-weight:normal;}
.almore{height:30px; width:110px; margin:0px auto; text-align:center; border:1px solid #dddddd; color:#333; line-height:30px;}
.almore:hover{ background:#3985de; color:#fff;}

/*云管家软件为您提供*/
.tgdiv img{ display: inline;block; text-align:center; margin-bottom:27px;  height:50px;transition: All 0.8s ease-in-out; -webkit-transition: All 0.8s ease-in-out; -moz-transition: All 0.8s ease-in-out;-o-transition: All 0.8s ease-in-out}
/*新闻中心*/
.xwbt{height: auto; width:100%;text-align:center;font:24px/55px "微软雅黑" ; font-weight:bold; color:#000; border-bottom:1px solid #ebebeb;position:relative; padding:30px 0px 15px 0px; }
.xwbt span{ display: inline-block; height:5px; width:30px; margin:0px auto;background:#3985de;box-sizing: border-box; border:1px solid #267add; position:absolute; bottom:0; }
.xwbt font{ width:100%;font:18px/18px "Aparajita" ; text-transform: uppercase; color:#333;}
.mainnew{height: auto; width:100%; margin-top:20px;}
.mainnew-gs{height: auto; width:45%; float:left; margin-left:10px; margin-right:10px; margin-bottom:15px;}
.mainnew-gs img{height: auto; width:100%;}
.newslist-cls{ width:100%; height:99%;}
.newslist-cls li{ width:100%; height:30px; min-height:30px; overflow:hidden;border:0px;}
.newslist-cls li a{ display:inline-block; float:left; height:30px; line-height:30px; color:#5a5a5a; }
.newslist-cls li a strong{ font-weight:bold}
.newslist-cls li a:hover{ color:red;}
.newslist-cls li span{ display:inline-block; float:right; line-height:30px;color:#5a5a5a;}


/*联系我们*/


.confs{width:100%; margin:0px auto;text-align: center; padding-top:25px;padding-bottom:35px;overflow:hidden;}
.confs ul{ width:100%}
.confs ul li{height:auto; width:100%;display: inline-block; float:left; margin-right:10px;padding:10px; text-align:left; margin-bottom:10px;}
.confs ul li font{ display: inline-block; width:85%; float:right; text-align:left; color:#555; font:bold 15px/32px "微软雅黑"; }
.confs ul li font strong{ font-weight:bold; color:#3985de}
.confs ul li img{ display:inline-block; width:32px; height:32px; float:left;text-align:left; margin-right:10px;}


.condiv{width:100%; margin:0px auto;text-align: center; padding-top:25px;padding-bottom:35px;overflow:hidden;}
.condiv ul{ width:100%;}
.condiv ul li{height:auto; width:100%;display: inline-block; float:left; margin-right:10px;box-sizing: border-box;  border:2px solid #ddd; padding:15px; text-align:left; margin-bottom:10px;}
.condiv ul li font{ display: inline-block; width:100%; font-size:15px; color:#555; font-weight:bold; line-height:14px;}
.condiv ul li font img{ display:inline-block; float:left;text-align:left; margin-right:10px;}
.condiv ul li span{ width:100%; display: inline-block; margin-top:10px; line-height:25px; font-size:14px; color:#555;font-weight:bold;} 
.condiv ul li span strong{ font-weight:bold; color:#3985de;font-style: normal;}
.congs{ width:95%; margin:0px auto;text-align: center; padding-top:25px;padding-bottom:35px;}

/*foot*/
.footer-links-line strong{ font-weight: bold;}
.footerd{height:auto; width:100%; background:#3985de; padding-top:25px; padding-bottom:25px; float:left;}
.footerdiv{height:auto; width:100%; padding-left:5px;}
.footerdiv ul li.f-logo{ display:none; width:100%; float:left; padding-bottom:20px; border-bottom:1px solid #fff; }
.footerdiv ul li div{ margin-bottom:0px; margin-top:0px;}
.footerdiv ul li.f-tel{ width:100%; float:left;}
.footerdiv ul li.f-ewm{ width:50%; float:left; margin-bottom:20px; display:none;}
.footerdiv ul li img{ display:none;}
.footerdiv ul li span {
    height: auto;
    width: 95%;
    line-height: 24px;
    display: block;
    margin-top:00px;
    float: left;
    color: #fff;
    text-transform: uppercase;}
.footerdiv ul li span.gs{ display:none;} 
.footerdiv ul li div.by{ display:none}

.footerdiv ul li div .td {
    height: auto;
    width: 30%;
    float: left;
    ont-size: 14px;
}
.footerdiv ul li div .tc {
    height: auto;
    width: 50%;
    float: left;
    ont-size: 14px;
}

.footer-links-line a, .footer-links-line span {
    display: inline-block;
    text-decoration: none;
    margin-right: 0.5em;
    color: #fff;
	padding-left:15px;
}


/*link*/
.linkdiv{height:auto; width:100%; background:#3985de; border-radius:10px; margin-top:15px;}

/*新闻内页*/
#positionDiv{ display:none; }
#newslist { padding:0px 0 0; min-height:492px; height:auto !important; height:492px; overflow:visible; width:100%; margin:0px auto;}
#newslist ul {list-style:none}
#newslist li { width:100%; min-height:121px; border-bottom:dotted 1px #dddddd; overflow:hidden; font-size:0; margin-left:8px;margin-top:10px; padding-bottom:10px;}
#newslist li img{float:left;width:180px; max-height:130px; margin-right:20px;}
#newslist li a { display:block; padding-top:15px;font-size:14px; line-height:25px;color:#222;  text-indent:0px;}
#newslist li a:hover{color:#3985de;}
#newslist li i{ display:inline-block;width:200px; height:19px; background-image:url(images/img_20.png); background-repeat:no-repeat; background-position:left; margin:0px auto; margin-top:20px; margin-bottom:20px; color:#fff; text-align:left; text-indent:30px;font-size:14px; font-style:normal; line-height:10px;}
#newslist li span { display:none;}

/*案例内页*/
.advmain{height:auto; width:100%;}
.indexPicDiv li{ width:45%; height:220px; overflow:hidden; float:left; text-align:center; margin-right:7px; margin-left:7px; margin-bottom:20px;}
.indexPicDiv li .divk{ width:100%; height:220px; background-color:#fff; margin:0px auto; position:relative;}
.indexPicDiv .divk .divimg{ width:100%; height:220px; background-color:#fff;  position:relative; margin-bottom:18px; behavior:url(pie.htc);overflow:hidden;}
.indexPicDiv .divk .divimg img{ height:120px; position:relative; z-index:2; behavior:url(pie.htc); padding-top:30px; }
.indexPicDiv .divk .divimg img:hover{transform: scale(1.05);}
.indexPicDiv .divk .divimg .divimg-text{ width:235px; height:305px; text-align:center; color:#fff; font-size:16px;background-image:url(images/toum.png); text-align:center; overflow:hidden; position:relative; display:none; z-index:20;behavior:url(pie.htc)}
.indexPicDiv .divk .divimg .divimg-text .divimg-p{  width:235px; height:305px;  display:none; text-align:center; line-height:305px;}
.indexPicDiv .divk .divimg:hover .divimg-text{ display:inline-block; margin-top:-305px; font-size:16px;}
.indexPicDiv .divk .divimg:hover .divimg-text a{ color:#fff; font-size:16px; text-align:center;}
.indexPicDiv .divk .divimg:hover .divimg-text .divimg-p{ display:inline-block;}
.indexPicDiv .divk p{ text-align:center; margin-top:40px;}
.indexPicDiv .divk p a{ font-size:18px; line-height:20px; color:#fff; font-family:'微软雅黑';}

#wrapper
{
	
	text-align:center;
}
.overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(0,0,0,0.5); /*dim the background*/
  text-align:center;
  display:none;
}

#overlay_pic {
    margin:200px auto;
    width:400px;
    box-shadow: 10px 10px 5px #000;
}

.jscarousal
{
	width:100%;
	height: 180px;
	margin-left:15px; 
	margin-right:15px;
	margin:0 auto;
	padding: 0;
	position: relative; /*overflow: hidden;*/
}
.jscarousal .jscarousal-left, .jscarousal .jscarousal-right
{
	float: left;
	width: 30px;
	height:30px;
	margin-right:7.5px;
    margin-left:7.5px;
	color: White;
	position: relative;
	top: 75px;
	cursor: pointer;
}
.jscarousal .jscarousal-left
{
	background-image: url(../images/left_arrow.png);
	background-repeat: no-repeat;
	background-position: left;
}
.jscarousal .jscarousal-right
{
	background-image: url(../images/right_arrow.png);
	background-repeat: no-repeat;
	background-position: right;
}
.jscarousal-contents
{
	width: 75%;
	height: 180px;
	float: left;
	position: relative;
	overflow: hidden;
}
.jscarousal-contents > div
{
	position: absolute;
	width: 100%;
	height: 90px;
}
.jscarousal-contents > div > div
{
	width:50%;
	float: left;
	
}
.jscarousal-contents img
{
	width: 100%;

}
.hidden
{
	display: none;
}
.visible
{
	display: block;
}
.thumbnail-active
{
	filter: alpha(opacity=100);
	opacity: 1.0;
	cursor: pointer;
}
.thumbnail-inactive
{
	filter: alpha(opacity=90);
	opacity: 0.9;
	cursor: pointer;
}
.thumbnail-text
{
	color: #7A7677;
	font-weight: bold;
	text-align: left;
	display: block;
	padding: 10px 2px 2px 0px;
}


}  

}
/*------------------------------------------------------------end  @media (min-width:376px) and (max-width:480px)------------------------------------------*/



/*------------------------------------------------------------begin  @media (min-width:481px) and (max-width:767px)------------------------------------------*/
 
 @media(min-width:481px) and (max-width:767px) 
{
body{ margin:0px auto; padding:0px; font-size:12px; font-family:"微软雅黑",Arial, Helvetica, sans-serif; color:#333; min-width:100%;}
.wdiv{width:100%;margin:0px auto;padding:0px auto;position:relative;}  
/*案例中心*/
.aldiv{height: auto; width:100%; background:#edeef3; margin-top:50px; padding-top:35px; padding-bottom:40px;}
.albt{height: auto; width:100%;text-align:center;font:24px/55px "微软雅黑" ; font-weight:bold; color:#000; border-bottom:1px solid #fff;  position:relative; padding-bottom:10px;}
.jz{ display:table; height:5px; width:30px; background:#3985de;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; border:1px solid #267add;  margin:0 auto;margin-bottom:35px; margin-top:-3px;z-index:10; position:relative;}
.albt .al_line{}
.albt font{ width:100%;font:18px/18px "Aparajita" ; text-transform: uppercase; color:#333;}
.fenge{height: auto; margin-top:30px; margin-bottom:15px;}
.fenge-ul{ width:100%; height:100%; overflow:hidden;}
.fenge-ul li{ width:23%; height: auto; overflow:hidden; float:left; margin-left:4.5px; margin-right:4.5px; margin-bottom:9px;}
.fenge-ul li .divk{ width:100%; height:100%; margin:0px auto; position:relative;}
.fenge-ul li .divk .divimg{ width:100%; height:auto;  position:relative;  z-index:2;transition: All 0.4s ease-in-out;  behavior:url(pie.htc);overflow:hidden;text-align:center;}
.fenge-ul li .divk .divimg img{ width:100%; height:auto; position:relative; z-index:2; behavior:url(pie.htc); }
.fenge-ul li .divk .divimg .divimg-text{ width:100%; height:auto;  padding:5px; color:#000; background-image:url(toum.png); background-repeat:repeat; text-align:center; overflow:hidden; position:relative; display:none; z-index:20;behavior:url(pie.htc)}
.fenge-ul li .divk .divimg .divimg-text .divimg-p{  width:100%; height:auto;  display:none;text-align:center; padding-top:90px; padding-bottom:78px; line-height:25px;color:#fff; font-size:14px; font-weight:bold;}
.fenge-ul li .divk .divimg:hover .divimg-text{ display:inline-block; margin-top:-203px;}
.fenge-ul li .divk .divimg:hover .divimg-text .divimg-p{ display:inline-block;}
.fenge-ul li .divk p{ text-align:center;}
.fenge-ul li .divk p a{ font-size:18px; line-height:20px; color:#fff; font-family:'微软雅黑'; font-weight:bold;}
.fenge-ul li .divk font{ color:#fff; font-size:12px; margin-top:30px; font-weight:normal;}
.almore{height:30px; width:110px; margin:0px auto; text-align:center; border:1px solid #dddddd; color:#333; line-height:30px;}
.almore:hover{ background:#3985de; color:#fff;}

/*云管家软件为您提供*/
.tgdiv img{ display: inline;block; text-align:center; margin-bottom:27px;  height:50px;transition: All 0.8s ease-in-out; -webkit-transition: All 0.8s ease-in-out; -moz-transition: All 0.8s ease-in-out;-o-transition: All 0.8s ease-in-out}
/*新闻中心*/
.xwbt{height: auto; width:100%;text-align:center;font:24px/55px "微软雅黑" ; font-weight:bold; color:#000; border-bottom:1px solid #ebebeb;position:relative; padding:30px 0px 15px 0px; }
.xwbt span{ display: inline-block; height:5px; width:30px; margin:0px auto;background:#3985de;box-sizing: border-box; border:1px solid #267add; position:absolute; bottom:0; }
.xwbt font{ width:100%;font:18px/18px "Aparajita" ; text-transform: uppercase; color:#333;}
.mainnew{height: auto; width:100%; margin-top:40px;}
.mainnew-gs{height: auto; width:44%; float:left; margin-left:10px; margin-right:10px; margin-bottom:15px;}
.mainnew-gs img{height:163px; width:100%;}
.newslist-cls{ width:100%; height:99%;}
.newslist-cls li{ width:100%; height:30px;border:0px;}
.newslist-cls li a{ display:inline-block; float:left; height:30px; line-height:30px; color:#5a5a5a; }
.newslist-cls li a:hover{ color:red;}
.newslist-cls li span{ display:inline-block; float:right; line-height:30px;color:#5a5a5a;}

/*foot*/
.footerd{height:auto; width:100%; background:#3985de; margin-top:50px; padding-top:45px; padding-bottom:25px; float:left;}
.footerdiv{height:auto; width:100%;}
.footerdiv ul{ display:block;}
.footerdiv ul li{ width:100%; height:auto; float:left;}
.footerdiv ul li font{float:left; width:75px; display:block; margin-top:30px; color:#fff; line-height:22px; margin-left:15px;}
.footerdiv ul li img{ float:left;}
.footerdiv ul li dt{ height:45px; width:100%;font-size:16px; color:#fff; line-height:45px;}
.footerdiv ul li div{height:auto; width:100%; color:#fff; line-height:25px; display:inherit; margin-bottom:10px; margin-top:5px;}
.footerdiv ul li div .title{height:auto; width:87%; float:right;  font-size:14px;}
.footerdiv ul li div .title span{ font-size:16px; margin-top:0px;font-weight:bold;}
.footerdiv ul li div img{ display:inline; width:30px; height:30px; float:left; margin-right:10px; margin-top:13px;}
.footerdiv ul li span{ height:auto; width:95%; line-height:30px;display:block; margin-top:30px; float:left; color:#fff; text-transform: uppercase}
.footewm{height: auto; width:100%; float: left; }
/*link*/
.linkdiv{height:auto; width:100%; background:#3985de; border-radius:10px; margin-top:15px;}
#wrapper
{
	
	text-align:center;
}
.overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(0,0,0,0.5); /*dim the background*/
  text-align:center;
  display:none;
}

#overlay_pic {
    margin:200px auto;
    width:400px;
    box-shadow: 10px 10px 5px #000;
}

.jscarousal
{
	width:100%;
	height: 180px;
	margin-left:15px; 
	margin-right:15px;
	margin:0 auto;
	padding: 0;
	position: relative; /*overflow: hidden;*/
}
.jscarousal .jscarousal-left, .jscarousal .jscarousal-right
{
	float: left;
	width: 30px;
	height:30px;
	margin-right:7.5px;
    margin-left:7.5px;
	color: White;
	position: relative;
	top: 75px;
	cursor: pointer;
}
.jscarousal .jscarousal-left
{
	background-image: url(../images/left_arrow.png);
	background-repeat: no-repeat;
	background-position: left;
}
.jscarousal .jscarousal-right
{
	background-image: url(../images/right_arrow.png);
	background-repeat: no-repeat;
	background-position: right;
}
.jscarousal-contents
{
	width: 85%;
	height: 180px;
	float: left;
	position: relative;
	overflow: hidden;
}
.jscarousal-contents > div
{
	position: absolute;
	width: 100%;
	height: 90px;
}
.jscarousal-contents > div > div
{
	width:20%;
	float: left;
	
}
.jscarousal-contents img
{
	width: 100%;
	

}
.hidden
{
	display: none;
}
.visible
{
	display: block;
}
.thumbnail-active
{
	filter: alpha(opacity=100);
	opacity: 1.0;
	cursor: pointer;
}
.thumbnail-inactive
{
	filter: alpha(opacity=90);
	opacity: 0.9;
	cursor: pointer;
}
.thumbnail-text
{
	color: #7A7677;
	font-weight: bold;
	text-align: left;
	display: block;
	padding: 10px 2px 2px 0px;
}


}


/*------------------------------------------------------------begin  @media (min-width:768px) and (max-width:1023px) ------------------------------------------*/
@media(min-width:768px) and (max-width:1024px) 
{

body{ margin:0px auto; padding:0px; font-size:12px; font-family: "微软雅黑",Arial, Helvetica, sans-serif; color:#333; min-width:100%;}
.wdiv{width:100%;margin:0px auto;padding:0px auto;position:relative;}  
/*案例中心*/
.aldiv{height: auto; width:100%; background:#edeef3; margin-top:50px; padding-top:35px; padding-bottom:40px;}
.albt{height: auto; width:100%;text-align:center;font:24px/55px "微软雅黑" ; font-weight:bold; color:#000; border-bottom:1px solid #fff;  position:relative; padding-bottom:10px;}
.jz{ display:table; height:5px; width:30px; background:#3985de;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; border:1px solid #267add;  margin:0 auto;margin-bottom:35px; margin-top:-3px;z-index:10; position:relative;}
.albt .al_line{}
.albt font{ width:100%;font:18px/18px "Aparajita" ; text-transform: uppercase; color:#333;}
.fenge{height: auto; margin-top:30px; margin-bottom:15px;}
.fenge-ul{ width:100%; height:100%; overflow:hidden;}
.fenge-ul li{ width:23%; height: auto; overflow:hidden; float:left; margin-left:7.5px; margin-right:7.5px; margin-bottom:15px;}
.fenge-ul li .divk{ width:100%; height:100%; margin:0px auto; position:relative;}
.fenge-ul li .divk .divimg{ width:100%; height:auto;  position:relative;  z-index:2;transition: All 0.4s ease-in-out;  behavior:url(pie.htc);overflow:hidden;text-align:center;}
.fenge-ul li .divk .divimg img{ width:100%; height:auto; position:relative; z-index:2; behavior:url(pie.htc); }
.fenge-ul li .divk .divimg .divimg-text{ width:100%; height:auto;  padding:5px; color:#000; background-image:url(toum.png); background-repeat:repeat; text-align:center; overflow:hidden; position:relative; display:none; z-index:20;behavior:url(pie.htc)}
.fenge-ul li .divk .divimg .divimg-text .divimg-p{  width:100%; height:auto;  display:none;text-align:center; padding-top:90px; padding-bottom:78px; line-height:25px;color:#fff; font-size:16px; font-weight:bold;}
.fenge-ul li .divk .divimg:hover .divimg-text{ display:inline-block; margin-top:-203px;}
.fenge-ul li .divk .divimg:hover .divimg-text .divimg-p{ display:inline-block;}
.fenge-ul li .divk p{ text-align:center;}
.fenge-ul li .divk p a{ font-size:18px; line-height:20px; color:#fff; font-family:'微软雅黑'; font-weight:bold;}
.fenge-ul li .divk font{ color:#fff; font-size:12px; margin-top:30px; font-weight:normal;}
.almore{height:30px; width:110px; margin:0px auto; text-align:center; border:1px solid #dddddd; color:#333; line-height:30px;}
.almore:hover{ background:#3985de; color:#fff;}

/*云管家软件为您提供*/
.tgdiv img{ display: inline;block; text-align:center; margin-bottom:27px;  height:50px;transition: All 0.8s ease-in-out; -webkit-transition: All 0.8s ease-in-out; -moz-transition: All 0.8s ease-in-out;-o-transition: All 0.8s ease-in-out}
/*新闻中心*/
.xwbt{height: auto; width:100%;text-align:center;font:24px/55px "微软雅黑" ; font-weight:bold; color:#000; border-bottom:1px solid #ebebeb;position:relative; padding:30px 0px 15px 0px; }
.xwbt span{ display: inline-block; height:5px; width:30px; margin:0px auto;background:#3985de;box-sizing: border-box; border:1px solid #267add; position:absolute; bottom:0; }
.xwbt font{ width:100%;font:18px/18px "Aparajita" ; text-transform: uppercase; color:#333;}
.mainnew{height: auto; width:100%; margin-top:40px;}
.mainnew-gs{height: auto; width:44%; float:left; margin-left:22px; margin-right:22px; margin-bottom:15px;}
.mainnew-gs img{height:163px; width:100%;}
.newslist-cls{ width:100%; height:99%;}
.newslist-cls li{ width:100%; height:30px;border:0px;}
.newslist-cls li a{ display:inline-block; float:left; height:30px; line-height:30px; color:#5a5a5a; }
.newslist-cls li a:hover{ color:red;}
.newslist-cls li span{ display:inline-block; float:right; line-height:30px;color:#5a5a5a;}

/*foot*/
.footerd{height:auto; width:100%; background:#3985de; margin-top:50px; padding-top:45px; padding-bottom:25px; float:left;}
.footerdiv{height:auto; width:100%;}
.footerdiv ul{ display:block;}
.footerdiv ul li{ width:100%; height:auto; float:left;}
.footerdiv ul li font{float:left; width:75px; display:block; margin-top:30px; color:#fff; line-height:22px; margin-left:15px;}
.footerdiv ul li img{ float:left;}
.footerdiv ul li dt{ height:45px; width:100%;font-size:16px; color:#fff; line-height:45px;}
.footerdiv ul li div{height:auto; width:100%; color:#fff; line-height:25px; display:inherit; margin-bottom:10px; margin-top:5px;}
.footerdiv ul li div .title{height:auto; width:87%; float:right;  font-size:14px;}
.footerdiv ul li div .title span{ font-size:16px; margin-top:0px;}
.footerdiv ul li div img{ display:inline; width:30px; height:30px; float:left; margin-right:10px; margin-top:13px;}
.footerdiv ul li span{ height:auto; width:95%; line-height:30px;display:block; margin-top:30px; float:left; color:#fff; text-transform: uppercase}
.footewm{height: auto; width:100%; float: left; }
/*link*/
.linkdiv{height:auto; width:100%; background:#3985de; border-radius:10px; margin-top:15px;}

#wrapper
{
	
	text-align:center;
}
.overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(0,0,0,0.5); /*dim the background*/
  text-align:center;
  display:none;
}

#overlay_pic {
    margin:200px auto;
    width:400px;
    box-shadow: 10px 10px 5px #000;
}

.jscarousal
{
	width:100%;
	height: 180px;
	margin-left:15px; 
	margin-right:15px;
	margin:0 auto;
	padding: 0;
	position: relative; /*overflow: hidden;*/
}
.jscarousal .jscarousal-left, .jscarousal .jscarousal-right
{
	float: left;
	width: 30px;
	height:30px;
	margin-right:7.5px;
    margin-left:7.5px;
	color: White;
	position: relative;
	top: 75px;
	cursor: pointer;
}
.jscarousal .jscarousal-left
{
	background-image: url(../images/left_arrow.png);
	background-repeat: no-repeat;
	background-position: left;
}
.jscarousal .jscarousal-right
{
	background-image: url(../images/right_arrow.png);
	background-repeat: no-repeat;
	background-position: right;
}
.jscarousal-contents
{
	width: 88%;
	height: 180px;
	float: left;
	position: relative;
	overflow: hidden;
}
.jscarousal-contents > div
{
	position: absolute;
	width: 100%;
	height: 90px;
}
.jscarousal-contents > div > div
{
	width:20%;
	float: left;
	
}
.jscarousal-contents img
{
	width: 100%;
	

}
.hidden
{
	display: none;
}
.visible
{
	display: block;
}
.thumbnail-active
{
	filter: alpha(opacity=100);
	opacity: 1.0;
	cursor: pointer;
}
.thumbnail-inactive
{
	filter: alpha(opacity=90);
	opacity: 0.9;
	cursor: pointer;
}
.thumbnail-text
{
	color: #7A7677;
	font-weight: bold;
	text-align: left;
	display: block;
	padding: 10px 2px 2px 0px;
}



}
/*------------------------------------------------------------end  @media (min-width:768px) and (max-width:1023px) ------------------------------------------*/

/* 平板电脑布局: 481px 至 768px。样式继承自: 移动设备布局。竖放*/
@media(min-width:1025px) and (max-width:1200px) 
{
	
}

