ul#topnav {
	margin: 0; padding: 0;
	float: left;
	width: 730px;
	list-style: none;
	position: relative;
	font-size: 14px;
	font-weight:bold;

}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
}
ul#topnav li a {
	padding: 10px 15px;
	display: block;
	color: #333;
	text-decoration: none;
}
ul#topnav li:hover {color:#f00;}
ul#topnav li span {
	float: left;
	padding: 15px 0;
	position: absolute;
	left: 0; top:35px;
	display: none;
	width: 730px;
	color: #333;
	font-size:12px;
	font-weight:100;
}
ul#topnav li:hover span { display: block;font-size:12px; font-weight:100;}
ul#topnav li span a { display: inline; font-size:12px;font-weight:100;}
ul#topnav li span a:hover {text-decoration: underline;font-size:12px;font-weight:100;}/*footer*/
.hr2{
	margin-top:1px;
	height:1px;

	 filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#B3B3B3,endcolorstr=#F9F9F9,gradientType=1);	
    -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#B3B3B3,endcolorstr=#F9F9F9,gradientType=1);	
	background:#fff; /* 一些不支持背景渐变的浏览器 */  
    background:-moz-linear-gradient(left, #B3B3B3, #F9F9F9);  
    background:-webkit-gradient(linear, left top, right top, from(#B3B3B3), to(#F9F9F9)); 
}

.copy {margin:0px auto; max-width:1000px; background:#F9F9F9 url(../images/footerb.png) bottom no-repeat; padding:0px; height:60px;}
.copy  ul{ width:100%;}
.copy  ul li{ float:left; padding:0px 0px 0px 20px; line-height:39px;}
.copy  ul li.biao{ float:right; padding-right:20px;background:url(../images/link.png)  no-repeat left; line-height:39px;}
.copy  ul li a{color:#333;}
.copy  ul li a:hover{color:#2b4c9f;}			

	
.sssznr { margin:0px auto; width:1000px; background:#F9F9F9}
.sssznr .lt { float:left; width:260px; margin-top:20px;}
.sssznr .lt .ltbt {
    width: 150px;
	margin:0px auto;
    font-size: 30px;
    font-weight: bold;
    height: 50px;
	color:#2C4C9F;
	font-family: 黑体,STHeiti;
}
.sssznr .lt .ltmenu {
    width: 150px;
	margin:0px auto;
    border-bottom: solid 1px #c3c3c3;
    height: 40px;
    line-height: 40px;
    color: #515151;
    font-family: "微软雅黑" ,黑体,STHeiti;
	font-size:16px;
}
.sssznr .lt .ltmenuon {
    width: 150px;
    margin:0px auto;
    border-bottom: solid 1px #c3c3c3;
    overflow: hidden;
    height: 40px;
    line-height: 40px;
    color: #DB6E00;
    font-family: "微软雅黑" ,黑体,STHeiti;
	display:inherit;
	font-size:16px;
}
.sssznr .lt .ltmenuon a{
    color: #DB6E00;
}
.sssznr .rt { float:left; width:740px; background:#fff; margin-top:20px; min-height: 535px;}
.sssznr .rt .biaoti{ margin:0px auto;color:#db6e00; height: 40px; line-height: 40px;  font-size:18px; font-weight:bold; width:96%;text-align: center; border-bottom:#dddddd 1px solid;}

.sssznr .rt .bt {
    font-size: 16px;
    height: 45px;
    line-height: 45px;
    font-weight: bold;
    text-align: center;
    overflow: hidden;
}
.sssznr .rt .info{
	height:20px;
	line-height:20px;
	text-align:center;
	overflow:hidden;
	color:#666;
}
.sssznr .rt .info small{
	margin-left:8px;
	margin-right:3px;
	color:#999;
	font-size:12px;
}
.sssznr .rt .info a{
	color:#999;
}
.sssznr .rt .fh{
	margin:0px auto;
    line-height: 25px;
    text-align: right;
    width: 90%;}
.sssznr .page{
	margin:10px auto;
	width:90%;
	font-size:12px;

	line-height:25px;
	color:#333;
	border-top:#e5e5e5 solid 0px;
	background:#fff;
}
.sssznr .page img{
	max-width: 100%;
}
.sssznr .pagelink{
	margin:10px auto;
	width:90%;
	font-size:12px;

	line-height:25px;
	color:#333;
	border-top:#e5e5e5 solid 0px;
	background:#fff;
}
.sssznr .pagelink h3{
	margin:10px auto;
	width:100%;
	font-size:16px;
	line-height:35px;
	color:#333;
	border-top:#e5e5e5 solid 0px;
	display: table;
}

.sssznr .pagelink ul{
	margin:0px auto;
	width:100%;
	display: table;
}
.sssznr .pagelink ul li{
	float: left; width: 20%; text-align: center; font-size: 14px;
}



.sssznr .pagehh{
	margin:10px auto;
	width:94%;
	font-size:12px;
	line-height:25px;
	color:#333;
	border-top:#e5e5e5 solid 0px;
	background:#fff;
}
.sssznr .pagehh h3{
	margin:10px auto;
	width:100%;
	clear:both;
}
.sssznr .pagehh ul{
	margin:10px auto;
	width:100%;

}

.sssznr .pagehh li{
	float:left;
	width:115px;
	margin:10px 12px;
}

.sssznr .pagehh li img{
	width:115px; height:50px; border:#e5e5e5 1px solid;
}


.sssznr .sssznews {margin:10px auto; width:100%;}
.sssznr .sssznews ul{margin:0px auto; width:88%;}
.sssznr .sssznews ul li{width:100%; line-height:30px;}
.sssznr .sssznews ul li a{ float:left;width:80%;}
.sssznr .sssznews ul li span{ float:right;width:20%;}

.sssznr .ssszhk {margin:10px auto; width:100%;}
.sssznr .ssszhk ul{margin:0px auto; width:710px;}
.sssznr .ssszhk ul li{width:710px; line-height:30px; height:140px; border-bottom:#ddd 1px solid; margin:10px auto;}
.sssznr .ssszhk ul li img { float:left; margin:0px 10px; width:90px; height:120px; border:#ddd 1px solid;}
.sssznr .ssszhk ul li div{float:left;  width:580px;}
.sssznr .ssszhk ul li div a{ text-decoration:underline; line-height:25px;}
.sssznr .ssszhk ul li div h2{font-weight: bold; }

.sssznr .gltd {margin:10px auto; width:100%;}
.sssznr .gltd ul{margin:0px auto; width:710px;}
.sssznr .gltd ul li{width:710px; line-height:22px;   margin:10px auto; background:#f1f1f1; max-height:250px; height:150px; clear:both;}
.sssznr .gltd ul li img { float:left; margin:0px auto; width:113px; height:150px;}
.sssznr .gltd ul li div{float:left;  width:570px; padding-left:20px;}
.sssznr .gltd ul li div a{ text-decoration:underline; line-height:25px;}
.sssznr .gltd ul li div h2{font-weight: bold; line-height:40px; }

.inside_banner{margin:10px auto; max-width:650px; height:120px;}

.joblist { margin:0px auto;width:100%;background:#fff; }
.joblist ul{ margin:0px auto; width:100%; }
.joblist ul li{ float:left; width:210px; height:158px; margin:10px 15px;  background:#fff; border:#c0c0c0 1px solid;  border-radius:0px; }
.joblist ul li img{}

.gwwyh { margin:0px auto;width:100%;background:#fff; }
.gwwyh ul{ margin:0px auto; width:100%; }
.gwwyh ul li{ float:left; width:340px; height:160px; margin:10px 15px;  background:#f1f1f1;  border-radius:0px;  line-height:30px;}
.gwwyh ul li img{ float:left;}
.gwwyh ul li p{ float:left; width:200px; padding:5px 0px;}
.gwwyh ul li p h2{font-weight:bold; font-size:15px;}


.theme-buy{margin-top:-25px;text-align: center; position:relative; z-index:1; background:#FFF;filter:Alpha(opacity=80); -moz-opacity:0.8;opacity:0.8;height:25px; line-height:25px; overflow:hidden;}
.theme-gobuy,.theme-signin{font-size: 15px;}
.theme-price{position: relative;bottom: -6px;font-family: microsoft yahei,Arial, Helvetica, sans-serif;margin-right: 20px;font-weight: bold;color: #f60;line-height: 32px;font-size: 24px;display: inline-block;}
.theme-price dfn{font-style: normal;font-size: 18px;margin-right: 2px;}
.theme-desc{padding: 30px;}
.theme-version{padding: 30px;}
.theme-popover-mask{z-index: 9998;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.4;filter:alpha(opacity=40);display:none}
.theme-popover{z-index:9999;position:fixed;top:50%;left:50%;width:860px; min-height:400px;margin:-180px 0 0 -330px;border-radius:5px;border:solid 2px #666;background-color:#fff;display:none;box-shadow: 0 0 10px #666;}
.theme-poptit{border-bottom:0px solid #ddd;padding:12px;position: relative; text-align:center;}
.theme-popbod{padding:10px 15px;color:#444; text-align:left; line-height:25px;}
.theme-popbod img{ float:left; margin:5px 20px; width:278px; height:200px;}
.theme-popbom{padding:15px;background-color:#f6f6f6;border-top:1px solid #ddd;border-radius:0 0 5px 5px;color:#666}
.theme-popbom a{margin-left:8px}
.theme-poptit .close{float:right;color:#999;padding:5px;margin:-2px -5px -5px;font:bold 14px/14px simsun;text-shadow:0 1px 0 #ddd}
.theme-poptit .close:hover{color:#444;}
.dform{padding:20px 60px 20px; text-align:left;}
.dform .ipt_error{background-color:#FFFFCC;border-color:#FFCC66}
.dform-tip{display:none;background-color:#080;color:#fff;line-height:42px;margin-top:10px;display:;font-size: 14px;}
.dform-tip-errer{background-color: #CF301A;}
.dform-tip a{display: inline-block;padding: 0 20px;margin-left:10px;background-color: #FFE924;color: #0076ca;}
.dform-login{padding:0;height: 270px;overflow: hidden;}
.dform-login iframe{height: 470px;margin-top: -180px;}
.theme-signin{margin: -50px -20px -50px 90px;text-align:left;font-size: 14px;}
.theme-signin h4{color:#999;font-weight:100;margin-bottom: 20px;font-size: 12px;}
.theme-signin li{padding-left: 80px;margin-bottom: 15px;}
.theme-signin li strong{float: left;margin-left: -80px;width: 80px;text-align: right;line-height: 32px;}
.theme-signin .btn{margin-bottom: 10px;}
.theme-signin p{font-size: 12px;color: #0076ca;}
.theme-desc,.theme-version{padding-top: 0}


.public{
	margin:0px auto;
	width:1000px;
	}
	


.about{overflow: hidden;}
.about_tab{width: 1000px;margin: 0 auto;position: relative;height: 100%;}
.about_tab ul{position: absolute;bottom: 0;left: 0;font-size: 0;}
.about_tab li{display:inline-block;width: 100px;text-align: center;vertical-align: bottom;*display: inline;zoom: 1;}
.about_tab li a{font-size: 14px;color: #fff;line-height: 40px;}
.about_tab li.on a{line-height: 100px;}
.about_tab .blue{background: #43bcc7;}
.about_tab .green{background: #a6d250;}
.about_tab .yellow{background: #eab055;}
.about_tab .orange{background: #e9d356;}
.about_title{text-align: center;padding-top: 60px;padding-bottom: 32px;}
.about_main{width: 600px;position: relative;}
.about_pic{position: relative;width: 490px;}
.about_pic img{position: absolute;}
.about_cont{padding-bottom: 30px;margin-bottom: 30px;position: relative;}
.about_main .about_cont:first-child{border-bottom: 1px dashed #d3d3d3; }
.about_cont h2{font-size: 26px;color: #333;font-weight: normal;margin-bottom: 5px;}
.about_cont h4{font-size: 16px;color: #333;font-weight: normal;background: url("../images/a03.jpg") no-repeat left bottom;padding-bottom: 8px;margin-bottom: 30px;white-space: nowrap;}
.about_cont .text{font-size: 14px;color: #333;line-height: 28px;}
.about_cont li{margin-bottom: 14px;width:300px;float:left;}
.about_cont li span{background: #4bcdd9;color: #fff;font-size: 10px;padding:0 4px;margin-right: 8px;line-height: 12px;*padding: 2px 4px;}
.culture{background: url("../images/a04.jpg") no-repeat center;min-height: 540px; }
.culture  .about_cont:first-child{border: 0;}
.zhizi{background: #f7f7f7;text-align: center;padding-bottom: 74px;}
.zhizi ul{display: inline-block;*display: inline;zoom: 1;}
.zhizi li{float: left;margin: 0 13px;}
.jion{background: url("../images/a14.jpg") no-repeat center;min-height: 720px;}
.jion .test{border-width: 78px 0;border-style: solid;border-color: #5d5d58 transparent transparent transparent;width: 0;height: 0;  }
.jion .about_title{position: relative;z-index: 3;}
.jion_box{width: 1000px;margin: 0 auto;position: relative;}
.jion_img{position: absolute;top:15px;left: 0;}
.jion_img>img:first-child{position: relative;top:151px;margin-right:-3px;    }
.jion_img img{}
.jion_tab{position: absolute;top:151px;left: 75px;}
.jion_tab li{float: left;width: 150px;height:150px;line-height:150px;text-align:center;font-size: 20px;color: #fff;text-align: center;background: url("../images/a19.png") no-repeat;cursor: pointer;}
.jion_tab .post{display: none;}
.jion_tab li:hover{background: url("../images/a18.png") no-repeat;}
.jion_tab li:hover .post{display: block;}
.jion_tab li:hover .icon{display: none;}
.jion_tab li.on{background: url("../images/a18.png") no-repeat;}
.jion_tab li.on .post{display: block;}
.jion_tab li.on .icon{display: none;}
.jion_info{margin-left: 250px;margin-top: 260px;}
.jion_info dl{display: none;}

.job_tab{display: none;width: 540px;}
.job_tab li{float:left;font-size:20px;color:#333;border-left:2px solid #d9d9d9;margin-right: 16px;padding-left:16px;line-height:20px;}
.job_tab li:first-child{border:0;padding-left: 0;cursor: auto;}
.job_tab .on{color: #5d5d58;}
.job_tab .intro{font-size: 14px;color: #333;line-height: 28px;margin-top: 16px;display: none;}

.jion .send{font-size: 16px;color: #fff;display: inline-block;width: 160px;line-height: 160px;text-align: center;background: url("../images/a17.png") no-repeat;position: absolute;right: 222px;top: 444px;}
.case_demo{position: absolute;bottom: -384px;}
.case_demo li{float:left;width:384px;position:relative;padding:0px;}
.case_info{position: absolute;bottom: 0;left:0;color: #fff;padding: 10px 20px;}
.case_info h3{font-size:16px;color:#fff;position:relative;z-index:1;font-weight:normal;padding-bottom:6px;}
.case_info .text{font-size:12px;color:#ccc;position:relative;z-index:1;line-height:20px;}
.case_shade_top{position:absolute;top:0;left:0;width:384px;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50); }
.case_info .case_icon{display:none;padding:12px 0;}
.case_info .case_icon img{position:relative;}
.case_shade{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50); }
.case_type{position:absolute;right: 0;top:100px;width: 200px;}
.case_type li{float: right;width: 100px;height: 100px;opacity: 0;}
.case_type li a{text-align: center;font-size: 18px;display: block;line-height: 100px;color: #fff;}
.case_type .green{background: #43bcc7;}
.case_type .red{background: #de6764;}
.case_type .blue{background: #31a0e1;}
.case_type .purple{background: #6a8bd2;}
.case_type .orange{background: #9ac047;}
.case_type .gray{background: #c7a643;}

.case_more{text-align: center;margin-top: 40px;}
.case_more a{display: inline-block;font-size: 14px;color: #5d5d58;line-height: 38px;border: 1px solid #5d5d58;display: inline-block;width: 1000px;}

.crumbs{border-bottom:1px solid #f7f7f7;line-height:40px;color:#999999; margin:0px auto; width:1000px;}
.crumbs .icon{display:inline-block;width:14px;height:14px;background: url("../images/sprite.png") -80px 4px no-repeat;margin-right:4px;}
.crumbs a{color:#999;}
.crumbs a:hover{color:#666;}
.crumbs .on{color:#666;}
.case_top{margin-top:40px;}
.case_top h2{margin-bottom:8px;}
.case_top h2 a{font-size:16px;color:#5d5d58;font-weight:normal;display:inline-block;margin-right:12px;}
.case_top h3{font-size:20px;color:#333333;font-weight:normal;margin-bottom:8px;}
.case_top .date{color:#999;}
.case_top .intro{width:440px;line-height:26px;color:#999;}
.case_sign{margin-top:30px;}
.case_sign .info{line-height:26px;color:#999;margin-top:10px;}
.case_sign .info a{color:#999;margin-top:10px;display:inline-block;text-decoration:underline;}
.case_phone{background:url(../images/case_phone_bg.jpg) no-repeat center;width:100%;height:882px;padding-top:78px;margin-top:40px;}
.case_phone_bg{background:url(../images/phone_bg2.png) no-repeat center;width:405px;height:723px;margin:0px auto;position:relative;}
.phone_slider{padding-top:69px;margin-left:28px;width:350px;height:560px;}
.case_erweima{width:200px;margin:60px auto;border:1px solid #e3e3e3;}
.case_erweima_btn{background-color:#5d5d58;text-align:center;padding:0px 10px;height:40px;line-height:40px;width:140px;margin:0px auto;}
.case_erweima_btn a{color:#e3e3e3;}

.case_erweima2{width:480px;margin:60px auto;}
.case_erweima2 dl{float:left;margin:0 20px;text-align:center;width:200px;}
.case_erweima2 dd{line-height:30px;height:30px;width:188px;background-color:#5d5d58;color:#fff;margin:10px auto;}

a.btn_case_see{width:100%;height:32px;line-height:32px;color:#5d5d58;font-size:14px;background-color:#fff;border:1px solid #5d5d58;text-align:center;display:block;margin:30px auto;}
.c_back{text-align: center;margin-top: 60px;}
.c_back img{cursor: pointer;}
.ser_project ul{margin:40px auto;width:1000px;}
.ser_project li{float:left;margin-left:40px;position:relative;overflow:hidden;}
.ser_project li:first-child{margin:0;}
.blur{filter: blur(4px); -webkit-filter: blur(4px);  -moz-filter: blur(4px);-ms-filter: blur(4px);
      filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=4, MakeShadow=false); /* IE6~IE9 */}
.blur_shade{background:url("../images/blur.png") no-repeat;position: absolute;top:-600px;left: 0;width: 100%;height: 100%;text-align: center;z-index: 2;opacity: 0;}
.blur_shade h4{font-size: 20px;color: #333;font-weight: normal;padding-top: 100px;}
.blur_shade .text{background: url("../images/s13.jpg") no-repeat center top ;font-size: 14px;color: #333;margin-top: 8px;padding: 8px 10px 0;}

.ser_scope{background:#f7f7f7;padding-bottom:70px;}
.picBox{width:1000px;margin:40px auto;}
.picBox li{float:left;position:relative;width:400px;display:table;}
.picBox .ser_info{position:absolute;font-size:16px;color:#333;line-height:40px;text-align:center;width:100%;left:0;}
.picBox .s1 .ser_info{bottom:0;}
.picBox .s3 .ser_info{top:0;}
.picBox .s5 .ser_info{bottom:0;}
.picBox .ser_shade{background:#fff;opacity:0.6;filter:alhpa(opacity=60);width:100%;height:100%;position:absolute;top:0;left:0;}
.picBox h2{font-size:16px;color:#333;font-weight:normal;position:relative;z-index:2;}
.picBox .s2:after{height: 0; width:0;content: "";position: absolute;left:-20px;top:50%;
                  border-width:10px;
                  border-style: dashed solid   dashed dashed ;
                  border-color:transparent #5d5d58   transparent transparent;
}
.picBox .s4:after{height: 0; width:0;content:"";position: absolute;right:-20px;top:50%;z-index: 2;
                  border-width:10px;
                  border-style:  dashed dashed  dashed solid;
                  border-color:  transparent  transparent  transparent #5d5d58;
}
.picBox .s6:after{height: 0; width:0;content: "";position: absolute;left:50%;top:-20px;
                  border-width:10px;
                  border-style: dashed    dashed solid dashed ;
                  border-color:transparent  transparent #5d5d58 transparent;
}
.picBox .intro{position:absolute;left:0;top:0;font-size:14px;line-height:26px;color:#fff;margin:auto 28px;padding-top:36px; }
.picBox dl{position:absolute;left:0;top:0;font-size:14px;line-height:26px;color:#fff;margin:auto 38px;padding-top:36px; }
.picBox dt{font-size:18px;margin-bottom: 8px;}
.picBox dd{display:list-item;list-style-type: circle;white-space: nowrap;}
.picBox li img{width:400px;height:220px;}
.sp_box{margin-top:40px;}

.picScroll-left{ width:1000px;margin: 0 auto;  overflow:hidden; position:relative; padding-bottom: 40px;}
.picScroll-left .hd{ overflow:hidden; position: absolute;bottom: 0;width: 100%;text-align: center;z-index: 2;}
.picScroll-left .hd a{display: inline-block;font-size: 20px;font-weight: 200;color: #999;line-height: 38px;border: 1px solid #999;width: 38px;text-align: center;margin: 0 5px;cursor: pointer;}
.picScroll-left .hd a:hover{color: #333;border-color: #333;}
.mobile_column{}
.mobile_column ul{width: 1000px;margin: 40px auto;}
.mobile_column li{width: 360px;text-align: center;float: left;margin-left: 40px;}
.mobile_column li:first-child{margin-left: 0;}
.mobile_column .title{font-size: 16px;color: #222;margin: 10px auto;line-height: 26px;}
.mobile_column .intro{color: #999;line-height: 22px;width: 320px;margin: 0 auto;}
.wechat{background: url("../images/m06.jpg") no-repeat center top;position:relative;}
.wechat dl{margin-left:140px;margin-top:300px;float:left;}
.wechat dt{font-size: 36px;color: #333;margin-bottom: 30px;}
.wechat dd{font-size: 16px;color: #333;line-height: 30px;}
.wechat_intro{margin-top: 60px;position: relative;top:40px;overflow: hidden;}
.wechat_img{width: 540px;float:right;min-height: 680px;overflow: hidden;position: relative;left: 86px;}
.wechat_img img{position: absolute;right: 0;bottom: 0;}
.wi_left{width: 460px;margin-left: 78px;position: relative;}
.wi_left img{position: relative;}
.wi_right{width: 540px;background: url("../images/m10.jpg") no-repeat left top;padding-left: 115px;padding-top: 92px;}
.wi_right h2{font-size: 36px;font-weight: normal;color: #333;margin-bottom: 30px;}
.wi_right h3{font-size: 20px;font-weight: normal;color: #333;margin-bottom: 28px;}
.wi_right .text{font-size: 16px;font-weight: normal;color: #333;line-height: 30px;}
.solution_list{width: 1000px;margin: 40px auto;}
.solution_list ul{margin-right: -48px;}
.solution_list li{float: left;width: 370px;margin-right: 46px;margin-bottom: 38px;position: relative;}
.solution_list h2{font-size: 20px;color: #333;font-weight: normal;line-height: 48px;border-bottom: 1px solid #5d5d58;}
.solution_list h2 a{color: #333;}
.solution_list h2 a:hover{color:#5d5d58;}
.solution_list .intro{line-height:22px;color: #999;margin-top: 4px;}
.solution_list .intro a:hover{color:#5d5d58;}
.solution_list .shade{display: block;width: 370px;height: 120px;}
.solution_list .solu_img{width: 370px;height: 120px;overflow: hidden;position: relative;cursor: pointer;}

.solu_img .shade{position: absolute;z-index:3;top:100%;left: 0;width:100%;height: 120px;background:#fff;opacity:0.6;filter:alpha(opacity=60); transition:0.5s all;}
.solu_img:hover .shade{top: 0;transition:0.6s ease-in-out;}
.solu_img .img_icon{transform:rotate(360deg);transition:0.6s ease-in-out;position: absolute;top:50%;left: -100%;margin-left: -20px;margin-top: -20px;display: inline-block;z-index: 3; }
.solu_img:hover .img_icon{left:50%;transform:rotate(3600deg);-webkit-transform:rotate(3600deg);-moz-transform:rotate(3600deg);-o-transform:rotate(3600deg);-ms-transform:rotate(3600deg);transition: .6s ease-in-out;-webkit-transition: .6s ease-in-out;-moz-transition: .6s ease-in-out;-o-transition: .6s ease-in-out;-ms-transition: .6s ease-in-out;}
.solu_img img{
    transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);
    transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out;-ms-transition:All .6s ease-in-out;
}
.solu_img:hover>img{
    transform:scale(1.4);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);
    transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out;-ms-transition:All .6s ease-in-out;
}

.news_tab{width: 1000px;margin: 60px auto 0;}
.news_tab ul{margin-right: -40px;}
.news_tab li{float:left;width:205px;height:70px;overflow:hidden;padding-left:20px;margin-right:20px;margin-bottom:20px;}
.news_tab h2{font-size:20px;color:#fff;font-weight:normal;padding-top:12px;}
.news_tab .eg{font-size:14px;color:#fff;text-transform: uppercase;padding-bottom:12px;font-family:Arial;}
.news_tab li:hover{opacity:1;filter:alpha(opacity=100)}
.news_tab li.sel{opacity:0.8;filter:alpha(opacity=80)}
.news_tab .cyan{background: #43bcc7;opacity:0.8;filter:alpha(opacity=80)}
.news_tab .red{background: #de6764;opacity:0.8;filter:alpha(opacity=80)}
.news_tab .blue{background: #31a0e1;opacity:0.8;filter:alpha(opacity=80)}
.news_tab .purple{background: #6a8bd2;opacity:0.8;filter:alpha(opacity=80)}
.news_tab .green{background: #9ac047;opacity:0.8;filter:alpha(opacity=80)}
.news_tab .black{background: #000000;}
.news_tab .cyansel{background: #43bcc7;opacity:1;filter:alpha(opacity=100)}
.news_tab .redsel{background: #de6764;opacity:1;filter:alpha(opacity=100)}
.news_tab .bluesel{background: #31a0e1;opacity:1;filter:alpha(opacity=100)}
.news_tab .purplesel{background: #6a8bd2;opacity:1;filter:alpha(opacity=100)}
.news_tab .greensel{background: #9ac047;opacity:1;filter:alpha(opacity=100)}

.news_list{width: 1000px;margin: 0 auto;overflow:hidden;}
.news_list li{background: #f7f7f7;zoom:1;margin-top: 40px;position: relative;}
.news_list .line{display: block;position: absolute;background: #5d5d58;}
.news_list li:after{content: "";clear: both;display: table;}
.news_time{background: #5d5d58;width: 120px;height: 100%;padding: 18px 20px 40px 0;}
.news_time .day{display: block;font-size: 70px;color: #fff;font-family: "Impact";text-align: right;}
.news_time .year{display: block;color: #eee;text-align: right;line-height: 22px;}
.news_time .author{display: block;color: #eee;text-align: right;line-height: 22px;}
.news_time .type{display: block;text-align: right;background: url("../images/n01.jpg") no-repeat right top;padding-top: 6px;margin-top: 4px;}
.news_time .type a{color: #fff;font-family: '宋体', Arial;}
.news_cont{width: 980px;margin-right: 40px;}
.news_cont h2{font-size: 20px;font-weight: normal;padding-top: 26px;}
.news_cont h2 a{color: #333;}
.news_cont a:hover{color: #5d5d58;}
.news_cont .demo{line-height: 24px;margin-top: 14px;}
.news_cont .vis{color: #999;line-height: 38px;margin-top: 12px;}
.news_cont .more{float: right;color: #5d5d58;display: inline-block;border: 1px solid #5d5d58;line-height: 38px;padding: 0 24px;}
.news_more{width: 1000px;margin: 40px auto 80px;text-align: center;}
.news_more a{display: block;font-size: 14px;color: #5d5d58;border: 1px solid #5d5d58;line-height: 38px;}

.newslist {margin:0px auto;width:1000px;}
.newslist ul{margin:0px auto;width:100%;}
.newslist ul li{ border-left:#e85513 5px solid; height:82px; width:98%; clear:both; margin:20px auto; padding-left:2%;}
.newslist ul li p{width:100%; line-height:25px; font-size:12px;}
.newslist ul li h2{width:100%; line-height:30px; font-size:16px; color:#676767;}
.newslist ul li h2 a{color:#676767;}
.newslist ul li h2 a:hover{color:#676767;}
.newslist ul li span{width:100%; line-height:25px; font-size:12px; color:#e85513;}
.newslist ul li span a{color:#e85513;}
.newslist ul li span a:hover{color:#e85513;}

.experimenttitle {margin:0px auto; width:1000px; height:46px;}
.experimenttitle .lt{ float:left;width:1000px; line-height:46px; font-size:18px; font-weight:bold; text-align:center;}
.experimenttitle .rt{line-height:46px; font-size:18px; font-weight:bold; text-align:right; float:right; color:#B5D67F; width:100px;}
.experimenttitle .rt a{color:#B5D67F;}
.experimenttitle .rt a:hover{color:#ff0000;}
.experiment { margin:0px auto; width:1000px;}
.experiment ul { margin:0px auto; width:100%;}
.experiment ul li{ line-height:25px; border-bottom:#e5e5e5 1px dashed; height:120px;}
.experiment ul li img{ float:left; margin:10px; width:120px; height:90px;}
.experiment ul li div{ float:right; width:960px; margin:5px auto;}
.experiment ul li  font { float:right;}
.experiment ul li  font a{color:#e85513;}
.experiment ul li  font a:hover{color:#e85513;}

.backg_new{background: #f7f7f7;padding: 1px 0 40px;margin-bottom: -40px;}
.news_info{width: 1000px;margin: 0 auto;}
.news_box{width: 840px;}
.news_title{border-bottom: 1px solid #eeeeee;margin-top: 40px;padding-bottom: 18px;}
.news_title h2{font-size: 20px;color: #333;font-weight: normal;}
.news_title .sign{color: #999;margin-top: 12px;}
.news_title .label{color: #5d5d58;}
.news_title .mark{padding-right: 20px;}
.news_page{text-align:center;margin-top:16px;}
.news_page a{display:inline-block;font-size:20px;font-weight:200;line-height:38px;width:38px;text-align:center;margin:0 0px 0 10px;color:#999;border:1px solid #999;}
.news_page a:hover{color:#333;border-color:#333;}
.news_box .demo{font-size: 14px;color: #333;line-height: 30px;margin-top: 30px;}
.news_box .notice{font-size: 12px;color: #999;padding-top:20px;clear:both;}
.page_list{border-top: 1px dashed #d3d3d3;margin-top: 16px;padding-top: 10px;margin-bottom: 30px;}
.page_list li{line-height: 24px;color: #999;}
.page_list li a{color: #999;}
.page_list li a:hover{color: #5d5d58;}
.page_list .return{float: right;font-size: 14px;color: #5d5d58;border: 1px solid #5d5d58;line-height: 38px;padding: 0 20px;margin-top: 6px;}
.news_menu{width: 240px;background: #f7f7f7;padding: 30px;margin-top: 40px;}
.news_menu dt{font-size: 20px;color: #333;margin-bottom: 24px;}
.news_menu dd{border-bottom: 1px dashed #cccccc;margin-bottom: 20px;}
.news_menu dd h3{color: #333;font-size: 16px;font-weight: normal;margin-bottom: 10px;}
.news_menu a:hover{color:#5d5d58;}
.news_menu .text{color: #666;line-height: 24px;margin-bottom: 14px;}
.news_menu .time{color: #999999;line-height: 24px;margin-bottom: 6px;}
.news_seek{border:1px solid #fff;display:inline-block;*display:inline;zoom:1;background:none;position:absolute;left:0;top:280px;}
.news_seek input{border: 0;background: none;color:#fff;width: 0;text-indent: 10px;}
.news_seek img{padding: 10px;cursor:pointer;}
.news_img{position: absolute;right: 0;top:76px;}
.form_msg{height: 400px;width: 420px;position: relative;padding-left: 40px;}
.form_msg dl{position: relative;z-index: 3;}
.form_msg dt{font-size: 18px;color: #fff;padding-top: 40px;}
.form_msg dd{margin-top: 10px;}
.form_msg .text{border:1px solid #cccccc;background:transparent;color:#ccc;height:32px;width:182px;line-height:32px;text-indent:12px;margin-right:14px;}
.form_msg .text:focus{border-color:#fff;color:#fff;}
.form_msg .textarea{color:#ccc;line-height:32px;padding-left:12px;}
.form_msg .sub_btn{font-size:14px;border:1px solid #fff;background:transparent;color:#fff;height:38px;width:118px;line-height:36px;margin-right:14px;*margin-left:12px;filter:chroma(color=#000000);cursor:pointer;}
.form_msg textarea{width:371px;border:1px solid #ccc;background:transparent;height:100px;color: #ccc;resize: none;*margin-left: 12px;overflow:auto;}
.form_msg textarea:focus{color: #fff;border-color: #fff;outline: none;}
.c_shade{position:absolute;top:0;left:0;background: #fff;opacity: 0.3;filter:alpha(opacity=30);width: 100%;height: 100%;}
.connect{background: url("../images/cn01.jpg") no-repeat center;min-height: 500px;}
.connect_column{margin-top: 40px;}
.connect_column li{float: left;text-align: center;width: 285px;height: 218px;margin-left: 20px;position: relative;padding-top: 42px;font-size: 16px;color: #333;line-height: 32px;}
.connect_column li:first-child{margin-left: 0;}
.connect_column h2{font-size: 18px;color: #333;font-weight: normal;margin-top: 10px;margin-bottom: 10px;}
.connect_column .info{position: relative;z-index: 2;}
.connect_column .text{margin: 0 20px;}
.connect_column .s1{position:absolute;top:0;left:0;width:100%;height:100%;background: #de6764;opacity: 0.2;filter:alpha(opacity=20);}
.connect_column .s2{position:absolute;top:0;left:0;width:100%;height:100%;background: #58bec8;opacity: 0.2;filter:alpha(opacity=20);}
.connect_column .s3{position:absolute;top:0;left:0;width:100%;height:100%;background: #9ac047;opacity: 0.2;filter:alpha(opacity=20);}
.connect_column .s4{position:absolute;top:0;left:0;width:100%;height:100%;background: #31a0e1;opacity: 0.2;filter:alpha(opacity=20);}
.connect_column .i1{display: inline-block;width: 36px;height: 46px; background: url("../images/sprite2.png") no-repeat 0 0;}
.connect_column .i2{display: inline-block;width: 42px;height: 46px; background: url("../images/sprite2.png") no-repeat -38px 0;}
.connect_column .i3{display: inline-block;width: 40px;height: 46px; background: url("../images/sprite2.png") no-repeat -83px 0;}
.connect_column .i4{display: inline-block;width: 40px;height: 46px; background: url("../images/sprite2.png") no-repeat -125px 0;}
.connect_column a{ color: #333;}
.connect_share{border-top: 2px solid #43bcc7;width: 120px;margin: 46px auto 0;text-align: center;padding-top: 46px;}
.connect_share .sh1{display: inline-block;width: 40px;height: 40px;background: url("../images/sprite2.png") 0 -48px;margin-right: 9px;}
.connect_share .sh2{display: inline-block;width: 40px;height: 40px;background: url("../images/sprite2.png") -41px -48px;}
.arrive{background: #f7f7f7;padding-bottom: 40px;margin-bottom:-40px;}
.arrive_column_con{width:1150px;overflow:hidden;}
.arrive_column{margin-left:50px;width:1300px;}
.arrive_column dl{float:left;width:318px;margin:40px 90px 0 0px;}
.arrive_column dt{margin-bottom: 20px;}
.arrive_column dd{font-size: 16px;color: #333;line-height: 32px;}
.bus{font-size: 18px;color: #31a0e1;}
.bus dt{margin-left: -50px;}
.bus .icon{display: inline-block;width: 32px;height: 32px;background: url("../images/sprite2.png") 0 -90px;vertical-align: middle;margin-right: 18px;}
.taxi{font-size: 18px;color: #de6764;}
.taxi dt{margin-left: -50px;}
.taxi .icon{display: inline-block;width: 32px;height: 34px;background: url("../images/sprite2.png") -34px -90px;vertical-align: middle;margin-right: 18px;}
.metro{font-size: 18px;color: #9ac047;}
.metro dt{margin-left: -50px;}
.metro .icon{display: inline-block;width: 34px;height: 34px;background: url("../images/sprite2.png") -66px -90px;vertical-align: middle;margin-right: 16px;}
/*case*/
.containercase{width:100%;overflow:hidden;*width:100%;overflow:hidden;}
.da-thumbs {width:100%;position:relative;font-size:0;margin:0 auto;}
.da-thumbs li{float:left;width:20%;position:relative;overflow:hidden;*width:19.97%;}
.da-thumbs li a img{display:block;margin:0 auto;position:relative;border:0;}
.da-thumbs li a>img{width:100%;max-width:100%;transform:scale(1);transition:all 0.6s ease-in-out;}
.da-thumbs li a:hover>img{transform: scale(1.1);transition: all 0.4s ease-in-out;}
.da-thumbs li a{overflow:hidden;display:block;}
.da-thumbs li a div{position:absolute;width:100%;height:100%;left:0;top:0;padding-top:10%;display:none;}
.da-thumbs li a:hover div{*display: block;}
.da-thumbs li a div img{position:relative;z-index:2;top:0px;}

.da-shade{background:#5d5d58;opacity:0.8;position:absolute;width:100%;height:100%;}
.da-thumbs h2{position:absolute;bottom:0;left:0;width:100%;font-size:16px;color:#fff;font-family:"微软雅黑";font-weight:normal;text-align:center;line-height:40px;z-index:4;}
.da-thumbs .title_shade{background:#000;opacity:0.5;filter:alpha(opacity=50);position:absolute;z-index:2;bottom:0;left:0;height:40px;width:100%;}
.da-thumbs li a:hover h2{display:none;}
.da-thumbs li a:hover .title_shade{display:none;}

/* case201601 */
.case_t{text-align:center;padding-top:60px;background:url(../images/case_t_line.jpg) repeat-x 0 128px;}
.case_t_title{color:#000000;font-size:20px;height:56px;line-height:56px;width:100px;text-align:center;background-color:#fff;margin:0px auto;}
.case_t_line{width:60px;height:1px;line-height:1px;background-color:#5d5d58;margin:0px auto;}
.case_type201601{margin-top:60px;position:relative;z-index:1;}
.case_type201601 ul{width:1040px;margin:0px auto;padding-bottom:20px;}
.case_type201601 li{float:left;width:104px;height:38px;line-height:38px;border:1px solid #fff;text-align:center;margin-right:20px;}
.case_type201601 li a{font-size:14px;color:#000;}
.case_type201601 li:hover{border:1px solid #5d5d58;}
.case_type201601 li:hover a{color:#5d5d58;}
.case_type201601 li.sel{border:1px solid #5d5d58;}
.case_type201601 li.sel a{color:#5d5d58;}

.case_search{width:240px;position:absolute;right:0;top:0px;z-index:1;text-align:right;}
.case_seek{border:1px solid #4bcdd9;display:inline-block;*display:inline;zoom:1;}
.case_seek input{border:0;background:none;color:#666;width:0;text-indent:10px;}
.case_seek img{padding:10px;cursor:pointer;}

.case_list_201601{width:1600px;overflow:hidden;margin-top:20px;margin-left:auto;margin-right:auto;}
.portfolio-grid{width:1660px;}

.thumbnail{overflow:hidden;position:relative;display:inline-block;float:left;width:385px;margin-right:20px;margin-top:20px;}

.thumbnail a.thumbnail_a:hover{cursor:url('../images/more.cur'),crosshair;cursor:url('../images/cases_shi.png') 40 40, crosshair;}
.projectinfo{position:absolute;z-index:2;top:-60px;left:0;width:100%;height:100%;background:rgb(126,127,115);background:rgba(126,127,115,.4);height:0\9;}
.thumbnail .meta{width:100%;height:60px;line-height:60px;text-align:left;overflow:hidden;}
.thumbnail .meta h4{font-size:18px;padding-left:10px;font-weight:normal;width:285px; }
.thumbnail .meta h4 a{color:#000;}
.thumbnail .meta .fr{width:80px;text-align:right;padding-right:10px;}
.thumbnail .meta .fr a{display:inline-block;padding:0px 2px;padding-right:12px;width:20px;height:60px;}
.thumbnail .meta .fr a.cases_a_pc{background:url(../images/cases_ico_pc_b.png) no-repeat center;}
.thumbnail .meta .fr a.cases_a_phone{background:url(../images/cases_ico_phone_b.png) no-repeat center;}
.thumbnail:hover .meta{background-color:#5d5d58;}
.thumbnail:hover .meta h4 a{color:#fff;}
.thumbnail:hover .meta .fr a.cases_a_pc{background:url(../images/cases_ico_pc_w.png) no-repeat center;}
.thumbnail:hover .meta .fr a.cases_a_phone{background:url(../images/cases_ico_phone_w.png) no-repeat center;}

/* contact_pay */
.pay_t{margin:48px auto 30px auto;width:223px;}
.pay_list{width:1000px;margin:0px auto;}
.pay_list table{border-collapse:collapse;border:1px solid #ddd;padding:0px;margin:0px;width:100%;}
.pay_list table td{padding:12px 0px 20px 10px;margin:0px;border:1px solid #ddd;font-family:"微软雅黑";font-size:14px;color:#333;line-height:31px;}
.pay_list dt{height:80px;}
.pay_list dt.dt2{padding-left:12px;}
.pay_list dd{padding-left:10px;}
.pay_spec{font-family:"微软雅黑";font-size:14px;color:#333;line-height:31px;width:1000px;margin:30px auto;}

#superContainer {
    height: 100%;
    position: relative;
    /* Touch detection for Windows 8 */
    -ms-touch-action: none;
    /* IE 11 on Windows Phone 8.1*/
    touch-action: none;
}
.section{overflow: hidden;}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: scroll;

}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
.page_next{width:63px;height:63px;position:absolute;bottom:0px;left:50%;margin-left:-40px;z-index:999;opacity:0.6;filter:alpha(opacity=60);
    animation: 3s linear 0s normal none infinite running fade;}

/* Product */

.product {
	margin:0px auto;
	width:1000px;
}
.m10 {
	margin:10px auto;
}

.listty {
	width:1000px;
	margin:0px auto;
}

.listleft {
	width:980px;
	float:right;
}

.listright {
	width:200px;
	float:left;
}
.list002{
	margin:20px auto;
	width:100%;
}

.list002 li{
    width:17%;
	overflow:hidden;
	border:1px solid #EEE;
	color:#0564b4;
	float:left;
	text-align:center;
	margin:10px 1%;
	}

.list002 li img{
	width:220px;
	height:165px;
	max-height:165px;
	display:block;
}
.list002 li p{
	line-height:25px;
}

.list02 {margin:20px auto; width:278px; height:210px; border:#bebdbd 1px solid; border-bottom:#0564b4 3px solid; border-radius:5px;}
.list02 .bt{ width:94%; height:30px; margin:0px auto; border-bottom:#bebdbd 1px solid; }
.list02 .bt h1{ float:left; width:30%; line-height:30px; font-size:16px; color:#0564b4; border-bottom:#0564b4 1px solid; text-align:center; }
.list02 .bt span{ float:right; width:20%; line-height:30px; background:url(../images/zfdx_06.jpg) no-repeat right; text-align:center;}
.list02 ul{margin:15px auto; width:93%; }
.list02 ul li{ background:url(../images/zfdx_11.jpg) no-repeat left; line-height:25px; padding-left:16px;}

.subNavBox{width:198px;border:solid 1px #e5e3da;margin:0px auto;}
.subbt {
	color:#f00;
	font-size:14px;
	line-height:35px;
	padding-left:10px;
	font-weight:bold;
	background:#5d5d58;
	border-bottom:solid 1px #e5e3da;
}
.subbt a{
	color:#fff;
}
.subbt a:hover{
	color:#ff0;
}
.subNav{border-bottom:solid 1px #e5e3da;cursor:pointer; font-family: '微软雅黑',Arial;font-size:12px;color:#333;line-height:35px;padding-left:10px;background:url(../images/jiantou1.jpg) no-repeat;background-position:95% 50%}
.subNav:hover{color:#5d5d58;}
.currentDd{color:#5d5d58}
.currentDt{background-image:url(../images/jiantou.jpg);}
.navContent{display: none;border-bottom:solid 1px #e5e3da;}
.navContent li a{display:block;width:198px;heighr:28px;text-align:center;font-size:12px;line-height:35px;color:#333}
.navContent li a:hover{color:#fff;background-color:#5d5d58}

.e2{
	
}
.e2 li{
	width:25%;
	overflow:hidden;
	padding:12px 0px;
	border-bottom:0px solid #EEE;
	color:#5d5d58;
	float:left;
	text-align:center;
}
.e2 li b a{
	color:#ec6c02;
}
.e2 li a.preview{
	width:230px;
	float:left;
	margin-right:7px;
	margin-left:7px;
	display:inline;
	border:1px solid #EEE;
}
.e2 li a.preview img{
	width:220px;
	/*height:150px;*/
	display:block;
	padding:5px;
	
}
.e2 li a.preview span{
	line-height:30px;
}
.e2 li a:hover{
	border:1px solid #5d5d58;
	color:#ec6c02;
	font-size:14px;
}


.e2 li a.title{
	overflow:hidden;
	line-height:25px;
	font-weight:bold;
	font-size:14px;
	text-align:center;
}
.e2 span.info{
	display:block;
	line-height:23px;
	color:#555;
	padding-left:12px;
}
.e2 span.info small{
	color:#AAA;
	font-size:12px;
	margin-left:3px;
}
.e2 span.info a{
	color:#690;
}
.e2 p.intro{
	color:#776955;
	line-height:20px;
	margin-left:5px;
	padding-left:10px;
	padding-right:10px;
}
/* webdesign begin */
.webdesign1{width:100%;height:100%;background:#4bcdda;}
.wd_1{width:1000px;height:480px;margin:0px auto;position:relative;}
.wd_1_text{position:absolute;top:-3000px;left:432px;}
.wd_1_text2{position:absolute;top:166px;left:2202px;}
.wd_1_2{position:absolute;top:300px;left:356px;opacity:0.1;filter:alpha(opacity=10);}
.wd_1_left{position:absolute;bottom:-300px;left:-1000px;}
.wd_1_right{position:absolute;top:-400px;right:-1000px;}

.webdesign2{ background:url(../images/webdesign2.jpg) no-repeat center; height:100%; width:100%;position:relative;}
.webdesign3{ background:url(../images/webdesign3.jpg) no-repeat center; height:100%; width:100%;position:relative;}
.webdesign4{ background:url(../images/webdesign4.jpg) no-repeat center; height:100%; width:100%;position:relative;}
.webdesign5{ background:url(../images/webdesign5.jpg) no-repeat center; height:100%; width:100%;position:relative;}
.webdesign6{ background:url(../images/webdesign6.jpg) no-repeat center; height:100%; width:100%;position:relative;}
.webdesign7{ background:url(../images/webdesign7.jpg) no-repeat center; height:100%; width:100%;position:relative;}

/* right contact */
.right_contact{position:fixed;bottom:60px;right:0px;width:40px;display:none;z-index:100000;}
.right_contact .r_qq{background:url(../images/contact_qq.png) no-repeat center #ececec;width:40px;height:40px;cursor:pointer;}
.right_contact .r_tel{background:url(../images/contact_tel.png) no-repeat center #ececec;width:40px;height:40px;cursor:pointer;}
.right_contact .r_close{background:url(../images/contact_close.png) no-repeat center #f9f9f9;width:40px;height:40px;cursor:pointer;}
.right_contact .r_close:hover{background:url(../images/contact_close2.png) no-repeat center #43bcc7;cursor:pointer;}
.right_contact .r_show{background:url(../images/contact_h.jpg) no-repeat center;width:40px;height:40px;cursor:pointer;}
.right_contact .right_hide{display:none;}
.right_contact .sel .r_qq{background:url(../images/contact_qq2.png) no-repeat center #43bcc7;}
.right_contact .sel .r_tel{background:url(../images/contact_tel2.png) no-repeat center #43bcc7;}
.right_contact .r_sub{display:none;position:absolute;right:40px;top:0px;background-color:#43bcc7;padding:20px;line-height:34px;z-index:100000;}
.right_contact .r_sub_tel{width:110px;top:40px;}
.right_contact .r_sub_tel span{display:block;font-size:14px;color:#fff;font-family:"微软雅黑";}
.right_contact .r_top{background:url(../images/contact_top.png) no-repeat center #f9f9f9;width:40px;height:40px;cursor:pointer;display:none;}
.right_contact .r_top:hover{background:url(../images/contact_top2.png) no-repeat center #43bcc7;}

/* right_contact_201601 */
.right_contact_201601{position:fixed;bottom:300px;right:0px;width:60px;height:240px;z-index:100000;background:url(../images/right_bg.png) no-repeat;}
.right_contact_201601 li{position:relative;cursor:pointer;width:60px;height:60px;}
.right_contact_201601 li .hover{display:none;}
.right_contact_201601 .li_top{width:60px;height:60px;background:url(../images/right_1.png) no-repeat;}
.right_contact_201601 .li_tel{width:238px;height:60px;background:url(../images/right_2_h.png) no-repeat;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.right_contact_201601 .li_tel .text{color:#fff;font-size:24px;line-height:60px;padding-left:60px;}
.right_contact_201601 .li_qq{width:238px;height:60px;background:url(../images/right_3_h.png) no-repeat;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.right_contact_201601 .li_qq .text{color:#fff;font-size:24px;line-height:60px;padding-left:60px;}
.right_contact_201601 .li_qq .text a{color:#fff;}
.right_contact_201601 .li_close{width:60px;height:60px;background:url(../images/right_4.png) no-repeat;}

.right_contact_201601 .li_tel:hover{margin-left:-178px;width:238px;height:60px;background:url(../images/right_2_h.png) no-repeat;}
.right_contact_201601 .li_qq:hover{margin-left:-178px;width:238px;height:60px;background:url(../images/right_3_h.png) no-repeat;}
.right_contact_201601 li:hover .hover{display:block;}

/* right nav */
#fp-nav{position:fixed;z-index:100000;top:50%;opacity:1;}
#fp-nav.right{right:17px;}
#fp-nav.left{left:17px;}
#fp-nav ul li,.fp-slidesNav ul li{display:block;width:14px;height:13px;margin:7px;position:relative;}
.fp-slidesNav ul li{display: inline-block;}
#fp-nav ul li a,.fp-slidesNav ul li a{display: block;position:relative;z-index:1;width:100%;height: 100%;cursor: pointer;text-decoration: none;}
#fp-nav ul li a.active span,.fp-slidesNav ul li a.active span {background: #ccc;}
#fp-nav ul li a span,.fp-slidesNav ul li a span{top:2px;left:2px;width:8px;height:8px;border:1px solid #ccc;background:rgba(0, 0, 0, 0);border-radius:50%;position:absolute;z-index:1;}

/* 员工天地 */
.news_list_yuangong{width:100%;background:url(../images/news_yuangong_bg.jpg) no-repeat center top;height:800px;margin-top:40px;}
.news_list_yuangong ul{width:1000px;margin:0px auto;}
.news_list_yuangong li{width:200px;height:200px;float:left;position:relative;cursor:pointer;overflow:hidden;}
.news_list_yuangong li .li_caption{position:absolute;left:0;display:none;width:200px;height:200px;overflow:hidden;z-index:2;}
.news_list_yuangong li.li .li_caption a{font-size:18px;line-height:30px;color:#fff;display:block;padding-top:56px;padding-left:6px;padding-right:6px;}
.news_list_yuangong li.li .li_t{position:absolute;left:0;z-index:3;text-align:center;width:200px;}
.news_list_yuangong li.li2 .li2_t{position:absolute;left:0;z-index:3;text-align:center;width:200px;}
.news_list_yuangong li.li2 .t{font-size:18px;line-height:30px;color:#fff;display:block;padding-top:56px;padding-left:6px;padding-right:6px;}
.news_list_yuangong li.li2 .date{font-size:14px;line-height:30px;color:#fff;font-family:Arial;}
.news_list_yuangong li .li2_caption{position:absolute;left:0;display:none;width:200px;height:200px;overflow:hidden;z-index:2;opacity:0.2;filter:alpha(opacity=20);}

/* kehu info */
.kehu_info_logo{text-align:center;margin:40px auto;}
.kehu_spec{font-size:14px;color:#333;line-height:1.8;width:70%;text-align:center;margin:40px auto;}
.kehu_text_1{background:url(../images/kehu_text1.jpg) no-repeat top center;height:23px;width:100%;}
.kehu_text_2{background:url(../images/kehu_text2.jpg) no-repeat top center;height:26px;width:100%;}
.kehu_text_3{background:url(../images/kehu_text3.jpg) no-repeat top center;height:25px;width:100%;}
.kehu_info_list{margin:30px auto;}
.kehu_info_list dl{float:left;width:300px;text-align:center;margin:30px 0;}
.kehu_info_list dt{padding-bottom:18px;}
.kehu_info_list dd{line-height:2;font-size:14px;color:#444444;}
.kehu_info_list dd a{line-height:2;font-size:14px;color:#5d5d58;}
.kehu_piclist{margin:60px auto;}
.kehu_piclist li{border:5px solid #ddd;width:290px;position:relative;z-index:1;cursor:pointer;float:left;margin:30px 50px;}
.kehu_piclist li .preview{display:none;}
.kehu_piclist li:hover{ alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
.kehu_piclist li:hover .preview{display:block;background:url(../images/kehu_ico_fangda.png) no-repeat center center; width:50px;height:50px;position:absolute;top:36%;left:120px;}


.viewbox{
	width:100%;
	overflow:hidden;
	padding-bottom:8px;
}
.viewbox .title{
	height:56px;
	line-height:56px;
	text-align:center;
	overflow:hidden;
	padding-top:10px;
}
.viewbox .title h2{
	font-size:24px;
	color:#2b2b2b;
}
.viewbox .info{
	height:24px;
	line-height:17px;
	text-align:center;
	overflow:hidden;
	color:#666;
}
.viewbox .info small{
	margin-left:8px;
	margin-right:3px;
	color:#999;
	font-size:12px;
}
.viewbox .info a{
	color:#690;
}
.viewbox .intro{
	width:95%;
	padding:8px 16px;
	line-height:24px;
	background:#f5fcee;
	border:1px solid #DCDDDD;
	font-size:14px;
	color:#706A6A;
	margin:8px auto 0 auto;
}
.viewbox .infolist{
	width:368px;
	float:left;
}
.viewbox .infolist small{
	width:100px;
	text-align:right;
	display:block;
	float:left;
	font-size:12px;
	line-height:31px;
	color:#999;
	clear:left;
	height:31px;
	overflow:hidden;
}
.viewbox .infolist span{
	width:200px;
	line-height:30px;
	float:left;
	height:31px;
	overflow:hidden;
}
.viewbox .picview{
	width:320px;
	float:right;
	padding-right:24px;
	padding-top:16px;
}
.viewbox .labeltitle{
	height:23px;
	background:url(../images/view-labeltitle-bg.gif) left 10px repeat-x;
	clear:both;
	overflow:hidden;
	margin:0px auto 0px;
	padding-top:10px;
}
.viewbox .labeltitle strong{
	width:80px;
	height:23px;
	line-height:23px;
	text-align:center;
	color:#FFF;
	letter-spacing:1px;
	display:block;
	float:left;
	background:url(../images/view-labeltitle-bg.gif) left -44px no-repeat;
	overflow:hidden;
}

.viewbox .content{
	margin:10px auto;
	font-size:14px;
	padding:10px 10px;
	line-height:25px;
	color:#333;
	border-top:#e5e5e5 solid 1px;
}
.viewbox .page{
	margin:10px auto;
	font-size:12px;
	padding:10px 10px;
	line-height:25px;
	color:#333;
	border-top:#e5e5e5 solid 0px;
	background:#fff;
}

.viewbox .page img{
	margin:0px 10px;
	padding:5px;
	border:#f1f1f1 solid 1px;
}
.xq {
	margin:0px 0px 10px auto;
	width:98%;
	height:40px;
	background:#f7f2f2;
	line-height:40px;
	padding-left:20px;
	font-weight:bold;
}
.picc {
	
	width:100%;
	height:280px;
	border-bottom:#e5e5e5 solid 1px;
}
.picc1 {
	float:left;
}
.picc1 img{
	width:300px;
	height:225px;
	padding:10px;
	margin:10px auto 20px auto;
	border:#e5e5e5 solid 1px;
}
.picc ul {
	float:left;
	padding:10px;
	margin:10px;
	height:240px;
}
.picc ul li{
	line-height:30px;
}
.picc ul li b{
	color:#f00;
}
.picc ul li span{
	float:left;
	width:120px;
	height:40px;
	text-align:center;
	margin:20px 10px;
	line-height:40px;
	background:#5d5d58;
	color:#fff;
	border-radius:5px;
}
.picc ul li span a{
	color:#fff;
}

.viewbox .boxoff{
	height:10px;
	overflow:hidden;
	clear:both;
	background:url(../images/boxoff.gif) left 15px repeat-x;
	margin:4px auto;
	padding-top:10px;
}
.viewbox .boxoff strong{
	display:block;
	width:8px;
	height:10px;
	overflow:hidden;
	font-size:0px;
	line-height:100px;
	background:url(../images/boxoff.gif) right -10px no-repeat;
	float:left;
}
.viewbox .newdigg{
	width:406px;
	height:51px;
	margin:8px auto;
	clear:both;
	overflow:hidden;
	padding-left:8px;
}
.viewbox .diggbox{
	width:195px;
	height:51px;
	float:left;
	margin-right:8px;
	overflow:hidden;
	cursor:pointer;
}
.viewbox .diggbox .digg_act{
	font-size:14px;
	float:left;
	line-height:31px;
	text-indent:32px;
	height:29px;
	overflow:hidden;
	font-weight:bold;
}
.viewbox .diggbox .digg_num{
	float:left;
	line-height:29px;
	text-indent:5px;
}
.viewbox .diggbox .digg_percent{
	width:180px;
	clear:both;
	padding-left:10px;
	overflow:hidden;
}
.viewbox .diggbox .digg_percent .digg_percent_bar{
	width:100px;
	height:7px;
	background:#E8E8E8;
	border-right:1px solid #CCC;
	float:left;
	overflow:hidden;
	margin-top:3px;
}
.viewbox .diggbox .digg_percent .digg_percent_num{
	font-size:10px;
	float:left;
	padding-left:10px;
}
.viewbox .diggbox .digg_percent .digg_percent_bar span{
	display:block;
	height:5px;
	overflow:hidden;
	background:#000;
}
.viewbox .newdigg .digg_good{
	background:url(../images/newdigg-bg.png) left top no-repeat;
}
.viewbox .newdigg .digg_bad{
	background:url(../images/newdigg-bg.png) right top no-repeat;
}
.viewbox .newdigg .digg_good .digg_act{
	color:#C30;	
}
.viewbox .newdigg .digg_good .digg_num{
	color:#C63;
}
.viewbox .newdigg .digg_bad .digg_act{
	color:#36C;	
}
.viewbox .newdigg .digg_bad .digg_num{
	color:#39C;
}
.viewbox .newdigg .digg_good .digg_percent .digg_percent_bar span{
	border:1px solid #E37F24;
	background:#FFC535;
}
.viewbox .newdigg .digg_bad .digg_percent .digg_percent_bar span{
	border:1px solid #689ACC;
	background:#94C0E4;
}
.viewbox .handle{
	height:59px;
	padding-top:12px;
	overflow:hidden;
	clear:both;
}
.viewbox .handle .digg{
	width:59px;
	height:59px;
	float:left;
	background:url(../images/digg-bg.gif) no-repeat;
	margin-right:12px;
}
.viewbox .handle .digg .digg_num{
	width:56px;
	height:34px;
	font-size:20px;
	text-align:center;
	line-height:34px;
	overflow:hidden;
	color:#6B9169;
}
.viewbox .handle .digg .digg_act{
	width:56px;
	height:22px;
	line-height:23px;
	overflow:hidden;
}
.viewbox .handle .digg .digg_act a{
	margin-left:11px;
	color:#666;
	float:left;
}
.viewbox .handle .context{
	float:left;
}
.viewbox .handle .context ul li{
	line-height:29px;
	color:#888;
}
.viewbox .actbox{
	width:260px;
	text-align:center;
	float:right;
	padding-top:20px;
	padding-right:10px;
}
.viewbox .actbox ul li{
	display:inline;
	padding-left:22px;
	background-image:url(../images/actbox-ico.gif);
	background-repeat:no-repeat;
	margin-right:10px;
}
.viewbox .actbox ul li a{
	color:#666;
}
.viewbox .actbox ul li#act-fav{
	background-position:4px 0px;
}
.viewbox .actbox ul li#act-err{
	background-position:4px -37px;
}
.viewbox .actbox ul li#act-pus{
	background-position:4px -73px;
}
.viewbox .actbox ul li#act-pnt{
	background-position:4px -109px;
}
.viewbox .downurllist{
	width:100%;
	clear:both;
	overflow:hidden;
	
}
.viewbox .downurllist li{
	height:27px;
	background:url(../images/downurl-bg.gif) right top no-repeat;
	padding-right:4px;
	float:left;
	margin-right:10px;
	overflow:hidden;
	margin-top:10px;
}
.viewbox .downurllist li a{
	height:27px;
	background:url(../images/downurl-bg.gif) left top no-repeat;
	display:block;
	font-size:12px;
	color:#555;
	text-indent:30px;
	line-height:27px;
	float:left;
	padding-right:5px;
}
.viewbox .downurllist li a:hover{
	color:#F63;
	text-decoration:none;
}
.viewbox .picbox{
	width:100%;
	text-align:center;
	padding-top:10px;
	font-size:14px;
	line-height:31px;
	overflow:hidden;
}
.viewbox .picbox img{
	display:block;
	margin:16px auto 6px;
}
.viewbox .picbox ul.e8{
	font-size:12px;
	line-height:normal;
}
.viewbox .picbox ul.e8 li .pic{
	background:none;
	border:1px solid #EEE;
	overflow:hidden;
}
.viewbox .picbox ul.e8 img{
	margin:3px;
	border:none;
}
.viewbox .picbox ul.e8 li .title{
	padding-top:0px;
}

/*滚动*/
div.indexmaindiv{height:270px;margin:0px auto;width:1000px;}
div.indexmaindiv div.playerstyles{width:280px;height:44px;background:url('../images/playstyles.png') no-repeat;}
div.indexmaindiv1{margin-top:25px;}
div.indexmaindiv1 div.stylesgoleft{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left top;margin:86px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoleft:hover{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -28px;margin:86px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.playerdetail{width:260px;height:245px;background:#FFF;font-family:'微软雅黑';}
div.indexmaindiv1 div.playerdetail div.detailimg{width:260px;height:195px;}
div.indexmaindiv1 div.playerdetail div.detailimg img{width:260px;height:195px;}
div.indexmaindiv1 div.playerdetail div.teanames{text-align:center;font-size:14px;margin-top:5px;color:#404040;}
div.indexmaindiv1 div.playerdetail div.teadetail{width:260px;height:27px;margin:5px 8px;color:#666;}
div.indexmaindiv1 div.playerdetail .checkdetail{width:260px;height:27px;display:block;background:url('../images/checkdetail.png') no-repeat;margin:18px;}
div.indexmaindiv1 div.stylesgoright{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -56px;margin:86px 0px 0px 15px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoright:hover{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -84px;margin:86px 0px 0px 15px;cursor:pointer;}
/*滚动*/
div.maindiv1{float:left;width:1000px;height:220px;overflow:hidden;position:relative;}
div.maindiv1 ul{position:absolute;left:0;top:0;}
div.maindiv1 ul li{float:left;width:260px;height:195px;margin-left:13px;}

#leftsead{width:131px;height:143px;position:fixed;top:258px;right:0px;z-index:999;}
*html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
#leftsead li{width:131px;height:53px;}
#leftsead li img{float:right;border-bottom-left-radius:5px;border-top-left-radius:5px;}
#leftsead li a{height:49px;float:right;display:block;min-width:47px;max-width:131px;}
#leftsead li a .shows{display:block;}
#leftsead li a .hides{margin-right:-166px;cursor:pointer;cursor:hand;}
#leftsead li a.youhui .hides{display:none;position:absolute;right:216px;top:2px;}

/* Easy Slider */
/* 成功案例 */
#slider ul, #slider li,
#slider2 ul, #slider2 li{
    margin:0;
    padding:0;
    list-style:none;
}
#slider2{margin-top:1em;}
#slider li, #slider2 li{
    width:350px;
    height:560px;
    overflow:hidden; 
}	
#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
    display:block;
    width:30px;
    height:77px;
    position:absolute;
    left:-380px;
    top:350px;
    z-index:1000;
    font-size:0px;
}	
#nextBtn, #slider1next{ 
    left:730px;
}														
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
    display:block;
    position:relative;
    width:43px;
    height:85px;
    background:url(../images/btn_prev.png) no-repeat 0 0;	
}	
#nextBtn a, #slider1next a{ 
    background:url(../images/btn_next.png) no-repeat 0 0;	
}	

/* numeric controls */	
ol#controls{
    margin:156px auto 0px auto;
    padding:0;
    height:28px;
    padding-left:42%;
}
ol#controls li{
    margin:0 10px 0 0; 
    padding:0;
    float:left;
    list-style:none;
    height:12px;
    line-height:12px;
    width:12px;
}
ol#controls li a{
    display:block;
    height:12px;
    width:12px;
    line-height:12px;
    padding:0px;
    text-decoration:none;
    font-size:0px;
    background:url(../images/case_ico.png) no-repeat 0px -12px;
}
ol#controls li.current a{
    background:url(../images/case_ico.png) no-repeat 0px 0px;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

@media all and (min-width:1000px) and (max-width:1610px) {
    /* case */
    .case_list_201601{width:1195px;}
    .portfolio-grid{width:1300px;}
}
@media all and (max-width:1199px) {
    .wrap{width:968px;}
    /*index */
    .header .logo_text{display:none;}
    //home service*/

    .serve_column ul{width:824px;margin:0px auto;}
    .serve_column li{float:left;width:272px;height:390px;background:#ffffff;margin:10px 95px 20px 45px;}


    /*home_news*/
    .hn_main{width:450px;position:relative;padding-bottom:28px;margin-top:40px;}
    .hn_column{width:480px;margin-top:30px;}
    .top_news_img{width:450px;height:194px;}
    .hn_column .text{padding:15px 20px;line-height:24px;height:110px;color:#fff;display:none;border-top:1px solid #7c9bad;}
    .home_service{display:none;}

    /* case */
    .case_list_201601{width:790px;}
    .portfolio-grid{width:850px;}

    /*about*/
    .about{width:100%;overflow:hidden;}
    .about .points{height:500px;}
    .about_tab{width:860px;}
    .about_main{width:400px;}
    .about_cont2{display:none;}
    .about_cont li{margin-bottom:14px;width:200px;float:left;}
    .about_main .about_cont:first-child{border-bottom:0px none;}
    .zhizi li:first-child{display:none;}
    .job_tab{display: none;width:440px;}
    .jion_box{width:960px;margin: 0 auto;position: relative;}
    .jion .send{position:absolute;right:22px;top:444px;}
    .jion_img{top:135px;left: 0;}
    .jion_info{margin-left: 250px;margin-top:360px;}

    /* contact */
    .connect_column li{margin-left:40px;}
    .connect_column li:first-child{margin-left:10px;}
    .arrive_column_con{width:950px;overflow:hidden;}
    .arrive_column{margin-left:50px;width:950px;}
    .arrive_column dl{width:260px;margin:30px 25px;}
    .arrive_column dd{font-size:15px;color:#333;line-height:32px;}
    .connect_column li:last-child{display:none;}
    .bus{padding-left:10px;}

    /* service */
    .ser_project ul{width:750px;}
    .ser_project li{margin-left:40px;margin-right:60px;margin-top:40px;}
    .ser_project li:first-child{margin:40px 60px 0px 40px;}
    .picScroll-left{width:960px;}
    .picBox li img{width:334px;height:184px;}
    .picBox li{float:left;position:relative;width:334px;}
    .picBox .intro{font-size:13px;}
    .sp_box img{width:100%;}

    /* mobile */
    .mobile_column ul{width:960px;}
    .mobile_column li{width:300px;margin-left:20px;}
    .wechat dl{margin-left:30px;margin-top:300px;float:left;}
    .wechat_intro{margin-top:60px;}
    .wi_left{margin-left:10px;width:350px;}
    .wi_right{width:400px;}

    /* solution */
    .solution_list{width:960px;}
    .solution_list li{margin-left:60px;}
    .solution_list ul{margin-right:0px;}
    .news_info{width:960px;}
    .news_menu{display:none;}
    .news_box{width:940px;padding-left:20px;}

    /* news */
    .news_tab{width:960px;overflow:hidden;}
    .news_list{width:960px;}
    .news_cont{width:780px;margin-right:20px;}
    .news_list_yuangong{width:100%;background:url(../images/news_yuangong_bg.jpg) no-repeat center top  #95c9bc;height:1000px;margin-top:40px;}
    .news_list_yuangong ul{width:800px;margin:0px auto;}
    /* contact_pay */
    .pay_list{width:960px;}
    .pay_list table{width:auto;}
    .pay_list table td{font-size:13px;line-height:28px;width:240px;overflow:hidden;vertical-align: top;}
    .pay_list dt{height:80px;width:228px;overflow:hidden;}
    .pay_spec{font-size:13px;width:960px;}
    .pay_list dt.dt2{padding-left:6px;}
    .pay_list dd{padding-left:4px;}
}