h4, h5, h6,
h1, h2, h3{margin: 0;}
ul, ol,li{margin: 0;}
p{margin: 0;}
html, body{font-family:"微软雅黑",'Roboto-Regular'; font-size:100%; background:#878787; color:#666666; margin:0 auto; padding:0;}
a{text-decoration: none;}
a:hover{text-decoration: none; color:#00538e; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all;}
ul,li{ list-style:none; display:block;  margin:0; padding:0;}
.fl{ float:left;}
.fr{ float:right;}
.m-t-20{ margin-top:20px;}
.m-t-30{ margin-top:30px;}
.m-t-50{ margin-top:50px;}
.m-t-60{ margin-top:60px;}
.c-orange{ color:#e9791a;}


.wrap{ width:1080px; margin:0 auto; min-height:1920px; background:#fafafa; font-size:38px; position:relative; overflow:hidden; }
.wp{ width:100%; float:left; clear:both;}
.content{width:100%; min-height:1595px; margin:auto; padding-bottom:50px;}
/*--top--*/
.top{ height:165px; background:#FFF;}
.gr_top{ border-bottom:5px solid #e9791a;}
.logo{background:url(../images/logo.png) no-repeat;  width:344px; height:150px; margin:5px 0 10px 10px; float:left; display:block;}


/*--banner--*/
.banner{ background:url(../images/banner/banner01.jpg) top no-repeat; width:100%; height:585px;}


/*--媒体宣传--*/
.pingpai_title{ background:url(../images/xq_title.png) top center no-repeat; padding:70px 0 0 0; width:100%; margin:80px 0; text-align:center;}
.pingpai ul{ margin:0 0 0 50px;}
.pingpai ul li{width:330px; height:110px; float:left; border-top:1px solid #dedede; border-left:1px solid #dedede;}
.pingpai ul li:last-child{border-right:1px solid #dedede; }
.pingpai ul:last-child li{border-bottom:1px solid #dedede; }


.title{ background:#fff; line-height:100px; width:100%; font-size:50px; float:left;}
.title span{ margin:20px 0 20px 50px; width:92%; color:#666; display:block; float:left; background:url(../images/right.png) right center no-repeat;}

/*--联系我们--*/
.contact p{ width:100%; float:left;}
.contact p span{ display:inline-block; float:left;}
.con_title{ background:url(../images/contact_title.png) center no-repeat; height:57px; width:100%; float:left; margin:80px 0;}
.con_main{ margin:50px 60px; font-size:38px; line-height:70px; float:left;}
.con_main .fl{ display:block; width:120px; color:#333333;}
.con_main .fr{ display:block; width:780px; color:#666666;}


/*--服务--*/
.service_list{ width:100%; display:block; float:left;}
.service_list li{ background:#fff; width:90%; height:120px; line-height:80px; margin:3% 5%;}
.service_list li a{ background:url(../images/icon.png); background-repeat:repeat-y; display:block; color:#666; height:80px; margin:20px 0 0 40px; float:left;padding:0 0 0 110px;}
.service_list li a.se_1{ background-position:0 0;}
.service_list li a.se_2{ background-position:0 80px;}
.service_list li a.se_3{ background-position:0 160px;}
.service_list li a.se_4{ background-position:0 240px;}
.service_list li a.se_5{ background-position:0 320px;}
.service_list li a.se_6{ background-position:0 400px;}
.service_list li a.se_7{ background-position:0 480px;}

/*--新闻--*/
.news_title{ background:url(../images/news_title.png) top center no-repeat; width:100%; padding:70px 0 0 0; float:left; margin:80px 0 50px 0; text-align:center;}
.news ul{ margin:0 40px;}
.news_list li{ margin:20px 0; display:block; float:left; width:100%;}
.news_list span.fl{color:#f2c0a4; width:400px;}
.news_list span.fr{ width:590px;}
.news_list a{ font-size:40px;color:#333; margin-bottom:10px; width:100%; float:left;}
.news_list p{ font-size:30px;}
.n_title{width:100%;height:auto; float:left; font-size:40px; text-align:center; border-bottom:1px solid #c1c1c1; padding-bottom:20px; margin:20px 0 60px 0; }
.news_p{ width:100%; padding-top:5px; clear:both;}


/*--案例--*/
.case_title{ background:url(../images/case_title.png) top center no-repeat; width:100%; padding:70px 0 0 0; float:left; margin:80px 0; text-align:center;}
.case_list li{ display:block; float:left; width:540px; height:328px;}
.case_list li:last-child{ display:block; float:left; background:#0090ff; color:#fff;}
.case_list li:last-child a{ color:#fff; display:block; padding:140px 0 0 190px; float:left;}

.case_list_1 li{ width:100%; background:#fff; padding:20px 28px 30px 28px; float:left; margin:30px 0 0 0;}
.case_list_1 li span{ width:100%; float:left;}
.case_list_1 li span a{ font-size:44px; color:#333333; margin:15px 0; width:100%; float:left; overflow:hidden;}


.hidden{ display: none;}
.lanren{width:100%; height:auto; margin:0 auto; overflow:hidden; text-align:left; padding:5px;}
.lanren ul.list{overflow: hidden;}
.lanren ul.list li{ width:100%; background:#fff; padding:20px 28px 30px 28px; float:left; margin:30px 0 0 0;}
.lanren ul.list li span{ width:100%; float:left;}
.lanren ul.list li span .date{ float:right; margin:18px 0 0 0; width:250px; display:block; color:#cfcfcf;}
.lanren ul.list li span p{ font-size:36px;}
.lanren ul.list li span a{ font-size:44px; color:#333333; margin:15px 0; width:100%; display:block; float:left; overflow:hidden;}
.lanren ul.list li span a.ntext{ width:700px;}
.lanren ul.list span.xq a{ display:block; background:#2dba6c; color:#fff; width:200px; height:60px; text-align:center; font-size:30px; line-height:60px;  border-radius:10px;}
.lanren .more{overflow: hidden;padding:10px;text-align: center; margin:50px 0 0 0;}
.lanren .more a{display:block; width:400px; padding:15px 0; color:#878787; margin:0 auto; background:#ebebeb; text-align:center; border-radius:10px;}
.lanren .more a:hover{text-decoration: none;background:#dcdcdc;color: #878787;}




/*--套餐--*/
.tc_title{ background:url(../images/tc_title.png) top center no-repeat; width:100%; height:57px; float:left; margin:60px 0; text-align:center;}
.tc_list{ background:#fff url(../images/tc_bg.png) center no-repeat; width:100%; float:left; padding:30px 0;}
.tc_list li{ width:50%; float:left; text-align:center; height:400px;}
.tc_list li span{ width:100%; float:left; margin:10px 0;}
.tc_list li span.jiage{ font-size:60px; color:#e9791a; margin:80px 0 0 0;}
.tc_list li p{ font-size:40px;}
.tc_list li a{ background:#13a221; color:#fff; padding:6px 30px; font-size:30px;}


/*--定制开发--*/
.custom_title{ background:url(../images/custom_title.png) top center no-repeat; width:100%;  padding:70px 0 0 0; float:left; margin:80px 0; text-align:center;}
.custom_list a{ width:253px; display:block; float:left; color:#666666; text-align:center; background:url(../images/icon-2.png) repeat-x; padding-top:270px; margin-left:80px; margin-bottom:80px;}
.custom_list a.c-1{ background-position:0 0;}
.custom_list a.c-2{ background-position:590px 0;}
.custom_list a.c-3{ background-position:252px 0;}





/*--footer--*/
.footer{color:#888888; width:100%;  font-size:0.93em; text-align:center; float:left; }
.footer p{ width:100%; float:left; height:160px; line-height:160px; border-top:1px solid #d4d4d4;}
.bottom{ background:#fff; border-top:1px solid #d4d4d4; width:100%; height:170px; float:left;}
.bottom a{ width:100px; height:170px; padding:75px 0 0 0; display:block; float:left; text-align:center; color:#c4c4c4; background:url(../images/icon-3.png) center repeat-x; margin:25px 85px 0 85px;}
.bottom a:hover,.bottom a.now{color:#fc940f;  background:url(../images/icon-3-h.png) center repeat-x; }
.bottom a.a-1{ background-position:0 0;}
.bottom a.a-2{ background-position:100px 0;}
.bottom a.a-3{ background-position:200px 0;}
.bottom a.a-4{ background-position:300px 0;}


/*--二级/网站建设--*/
.web_list{ width:100%; display:block; float:left;}
.web_list li{ background:#fff; width:100%; min-height:120px; padding:20px 40px; display:block; float:left; line-height:80px; margin:30px 0px 0 0px; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; }
.web_list li p{ width:100%; float:left; border-top:1px solid #e6e6e6; margin-top:20px; padding-top:10px; line-height:70px;}
.web_list li p span.fl{ width:190px;}
.web_list li p span.fr{ width:800px;}
.web_list .ft{ margin:20px 0; width:100%; float:left; display:none; }
.web_list .ft font{ font-size:64px; color:#ff0000; }
.accordion { width:100%; margin:30px auto 20px; border-radius:4px;}
.accordion .link { cursor:pointer;	display:block; position:relative;display:block; color:#e9791a; height:80px; font-size:46px; float:left; width:100%; background:url(../images/right.png) right center no-repeat;	}
.accordion li i { position: absolute; top:16px;	left:12px;	font-size:18px;	color:#595959;}
.accordion li i.fa-chevron-down {right:12px; left:auto; font-size:16px;}
.accordion li.open .link {color:#e9791a;}



.ym_list{ width:100%; display:block; float:left;}
.ym_list li{ background:#fff; width:100%; min-height:120px; display:block; float:left; line-height:80px; margin:30px 0px 0 0px; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; }
.link-1{ cursor:pointer; display:block; font-size:50px; float:left; width:100%; border-bottom:1px solid #d8d8d8; padding:20px 0 20px 0; text-indent:50px;}
.ym_list table{ font-size:38px; line-height:90px; width:980px; float:left; margin:40px 50px;}
.ym_list table a{ color:#e9791a; text-decoration:underline;}
.table-2 { background-color:#ddd; }
.table-2 tr{ border-bottom:2px solid #fff;}
.ym_list dl{ margin:40px;}
.ym_list dl dt{ font-size:40px; margin-bottom:20px;}
.ym_list dl dd{ line-height:60px; font-size:34px;}


/*--解决方案--*/
.plan_title{ width:100%; height:150px; float:left; background:#a3a3a3; line-height:150px; color:#fff; text-align:center; font-size:44px;}
.plan_title li{ width:50%; display:block; float:left; height:150px; cursor:pointer;  background:#a3a3a3;}
.tabs-basic ul.plan_title{ line-height:150px;}
.tabs-basic ul.plan_title a{ color:#fff;}
.plan_list{ width:100%; float:left; display:block;}
.plan_list li{ width:503px; display:block; float:left; background:#FFF; margin:30px 0 0 25px; padding-bottom:10px;}
.plan_list li span{ padding:20px 20px; width:100%; float:left;}
.plan_list li p{ font-size:30px; padding:0 20px 20px; width:100%; float:left;}
.tabs-basic ul.plan_title li:first-child{ border-right:0;}
.tabs-basic .plan_title a.tab-active {color:#fff; border-bottom:0; height:150px;  background:#e9791a;}
.tabs-basic #plan_list{background:#fafafa; width:100%; padding:0; border:0; text-align:left;}
.tabs-basic #plan_list{ overflow:hidden; font-weight:normal; background-color:#fff; padding:15px 15px 30px; margin:0 auto; text-align:center;}
.tabs-basic #plan_list div{ display:none;}
.tabs-basic #plan_list div.tab-content-active{ display:block;}
.tabs-basic #plan_list div p{ text-align:left;  margin:0 0 0 0;}
.tabs-basic #plan_list div img{ max-width:100%; }



.zzsc-container{ margin: 0 auto; }
.tabs-basic{ width:100%; margin:30px auto; text-align:center;}
/* The tabs */
.tabs-basic ul.tab_oa{ height:120px; line-height:120px; width:100%; float:left; background:#fff; margin-top:50px;  border-top:1px solid #d2d2d2; border-bottom:1px solid #dddddd;  font-size:44px; padding-bottom:5px; }
.tabs-basic ul.tab_oa li{ display:inline-block; width:50%; float:left; text-align:center;}
.tabs-basic ul.tab_oa  li:first-child{ border-right:1px solid #d2d2d2;}
.tabs-basic a{ display:block;  text-decoration:none;  color:#5e5e5e; }
.tabs-basic .tab-active {color:#0163d2; border-bottom:6px solid #0163d2; height:116px;}
/* The content */
.tabs-basic .tabs-content-placeholder{ overflow:hidden; font-weight:normal; background-color:#fff; padding:15px 15px 30px; margin:0 auto; text-align:center;}
.tabs-basic .tabs-content-placeholder .oa{ display:none;}
.tabs-basic .tabs-content-placeholder div.tab-content-active{ display:block;}
.tabs-basic .tabs-content-placeholder .oa p{ text-align:left;  margin:5px 0 20px;}
.tabs-basic .tabs-content-placeholder .oa img{ max-width:100%; }
.oa{ padding:50px 60px;  width:100%; float:left; font-size:38px; line-height:70px; float:left; background:#FFF;}
.plan_title{ width:100%; height:150px; float:left; background:#a3a3a3; line-height:150px; color:#fff; text-align:center; font-size:44px;}
.plan_title li{ width:50%; display:block; float:left; height:150px; cursor:pointer;  background:#a3a3a3;}



/*--个人中心--*/
.pe_bg{ background:url(../images/pr_bg.jpg) no-repeat; background-size:cover;}
.pe_top{ background:url(../images/pe_bg.jpg) no-repeat; height:578px; text-align:center; color:#fff;}
.pe_top img{ margin:130px 0 0 0;}
.pe_top p{ margin:30px 0 0 0; font-size:46px;}
.row {width:100%; height:130px; background:#fff; float:left;  border-top:1px solid #d6d6d6; padding:40px 0 0 0;}
.row:first-child{ margin-top:100px;}
.bo_line{border-bottom:1px solid #d6d6d6;}
.row .ft {display: inline-block; float: left;  margin-left:80px; min-width:160px;}
.row input { border:none; float: left; height: 60px;   width: 520px;}
.row span.fr{ margin-right:50px; color:#ababab; background:url(../images/right.png) right center no-repeat; padding-right:50px;}
.row span.qd,.row span.dh{ background:none; padding-right:0;}
.row span.dh a{ color:#fc940f; font-size:44px; margin-right:10px;}
.row span.qd a{ background:#fc940f; color:#fff; text-decoration:none; width:180px; height:70px; border-radius:10px; display:block; text-align:center; line-height:65px; letter-spacing:5px;}
.row-2 {width:100%; height:230px;  float:left; margin:200px 0 0 0; text-align:center;}
.row-2 input { border:none;  height:120px;color:#fff;  width:900px; border-radius:10px; font-size:54px;background:#fc940f none repeat scroll 0 0;}
.row a{ margin-left:50px; text-decoration:underline;}
.row-3{ padding:30px 0 0 0;}
.row-3 .ft{ background:url(../images/icon-1.png) repeat-y; padding-left:85px; height:68px; line-height:60px; margin-left:50px; letter-spacing:2px;}
.row-3 .ft-1{ background-position:0 0;}
.row-3 .ft-2{ background-position:0 70px;}
.row-3 .ft-3{ background-position:0 140px;}
.row-3 .ft-4{ background-position:0 210px;}
.row-qiandao{width:100%; height:auto; float:left;  padding:20px 60px; margin:80px 0 0 0;}
.row-qiandao p{ padding:8px 10px;font-size:44px;}
.row-qiandao p span{ font-size:38px; color:#c0c0c0; }
.row-qiandao input{height:110px;  width:100%; border-radius:10px; padding:20px; border: 1px solid #ddd; margin:20px 0 50px 0;}
.text_con{border: 1px solid #ddd; border-radius:10px; width:100%; padding:20px; height:400px; margin:20px 0; }
.row-qiandao input.btn-1{ border:none;   height:120px;color: #fff; margin-top:50px;width:100%; border-radius:10px; font-size:54px;background:#fc940f none repeat scroll 0 0;}
.row-login{width:100%; height:auto; float:left;  padding:20px 110px; margin:80px 0 0 0;}
.head{ text-align:center; margin:50px;}
.row-login input{height:110px;  width:100%; border-radius:10px; padding:20px; border: 3px solid #ddd; margin:20px 0 30px 0;}
.row-login input:hover{ border:3px solid #e9791a;}
.row-login input.user{ background:#fff url(../images/user.png) 20px center no-repeat; padding-left:110px; color:#bababa; font-size:46px;}
.row-login input.password{ background:#fff url(../images/password.png) 30px center no-repeat; padding-left:110px; color:#bababa; font-size:46px;}
.row-login input.email{ background:#fff url(../images/email.png) 30px center no-repeat; padding-left:110px; color:#bababa; font-size:46px;}
.row-login input.btn-1{ border:none; height:120px;color: #fff; width:100%; margin-top:50px; border-radius:10px; font-size:54px;background:#fc940f none repeat scroll 0 0;}
.row-login a{ color:#666666; padding-left:10px; font-size:40px;}
.fl .check{ width:50px; height:60px; margin-top:0; float:left;}
.row-jfsc{ height:400px; background:#fff; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; margin-top:50px; width:100%; float:left; font-size:34px;}
.row-jfsc .goods-photo { float:left; width: 320px; height:320px; margin:40px 0 0 40px;}
.row-jfsc .goods-photo img{ width:315px; height:315px; border:1px solid #ddd;}
.row-jfsc .info {float: left; height: 320px; width:600px; margin:40px 0 0 30px;}
.row-jfsc h1 { color: #333; }
.row-jfsc .address { line-height: 24px; margin-top: 20px; width: 60px;}
.row-jfsc .btn1 { background:#fc940f;  border-radius:5px; color:#fff; display:inline-block; height:60px; line-height:55px; font-size:34px; text-align:center; width: 210px;}




/*--导航菜单--*/
.dl-menuwrapper {width:100%; float:right; position:absolute; top:0;	right:0; padding-top:45px;	z-index:999; -webkit-perspective:1000px; -moz-perspective:1000px;	perspective:1000px;	-webkit-perspective-origin: 50% 200%;	-moz-perspective-origin: 50% 200%;	perspective-origin: 50% 200%;}
.dl-menuwrapper button {border:none; width:88px; height:64px; text-indent:-900em;	overflow:hidden; position:absolute;	top:0;	right:0; cursor:pointer; outline:none;
	background:url(../images/menu.png) no-repeat; float:right; margin:45px 50px 0 0;}
.dl-menuwrapper ul {background:#2a2a2a; padding:0;	list-style:none; -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d;	transform-style:preserve-3d;}
.dl-menuwrapper li {position:relative;	border-top:1px solid #0e0e0e;	border-bottom:1px solid #343434;}
.dl-menuwrapper li a {display:block; position:relative;	padding:15px 100px;	line-height:70px; font-size:50px; font-weight:300; color:#fff; outline:none;}
.no-touch .dl-menuwrapper li a:hover {background:rgba(255,248,213,0.1);}
.dl-menuwrapper li.dl-back > a {padding-left:50px;	background:rgba(0,0,0,0.1);}
.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {position:absolute; top:0; line-height:50px;	font-family:'icomoon';	speak:none; -webkit-font-smoothing:antialiased;}
.item-has-children{ background:url(../images/jia.png) 960px 50px no-repeat;}
.dl-menuwrapper li.dl-back:after {left:10px; color:rgba(255,255,255,0.8); -webkit-transform:rotate(180deg);	-moz-transform:rotate(180deg); transform: rotate(180deg);}
.dl-menuwrapper li > a:after {right:10px; color:rgba(255,255,255,0.8);}
.dl-menuwrapper .dl-menu {
	margin:120px 0 0 0;
	position: absolute;
	padding:0 0 50px 0;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}
.dl-menuwrapper .dl-menu.dl-menu-toggle {-webkit-transition: all 0.3s ease;	-moz-transition:all 0.3s ease;	transition:all 0.3s ease;}
.dl-menuwrapper .dl-menu.dl-menuopen { opacity:1; pointer-events:auto; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); transform:translateY(0px);}
#cd-lateral-nav .sub-menu { display:none; text-indent:80px;}
#cd-lateral-nav .sub-menu a{ font-size:40px;}
#cd-lateral-nav a {display:block; line-height:2em;  padding:20px 80px; }
#cd-lateral-nav .gr{ width:100%; float:left; padding:100px 0; border-top:1px solid #0e0e0e;}
#cd-lateral-nav .gr span{ float:left; width:50%;}
#cd-lateral-nav .gr a{ height:100px; padding:0; height:100px; line-height:100px; font-size:46px; }
#cd-lateral-nav .gr a.gr_zc{ width:400px; display:block; float:right; margin-right:40px; text-align:center; background:#2975d4; color:#fff; border-radius:10px; }
#cd-lateral-nav .gr a.gr_dl{ width:400px; display:block; float:left; margin-left:40px; text-align:center; background:#e9791a; color:#fff; border-radius:10px; }



.swipslider {  position: relative;   display: block; height:585px; overflow: hidden; top:-63px; }
.swipslider .sw-slides { display:block; padding:0; list-style:none; width:100%; height:585px; margin:0; white-space: nowrap; font-size:0; position:absolute; bottom: 0; }
.swipslider .sw-slide {width:100%;  height: 100%; padding-top:0;  margin: auto; display: inline-block;   position: relative; }
.swipslider .sw-slide > img {  position: absolute;  top: 50%;  left: 50%;  -webkit-transform: translate(-50%, -50%); ransform: translate(-50%, -50%);
      max-height: 100%;   max-width: 100%;
      margin-left: auto;
      margin-right: auto;
}
.swipslider .sw-slide .sw-content { width: 100%; height: 100%; margin-left:0; margin-right:0;}
.sw-bullet {  position:absolute;  bottom:50px;  list-style:none;  display:block;  width:100%;  text-align:center;  padding:0;  margin:0; }
.sw-bullet li { width:20px; height:20px; margin:0 10px; background-color:rgba(160, 160, 160, 0.53); border-radius:50%; display:inline-block; cursor:pointer; transition: all .2s ease-out; }
.sw-bullet li:hover { background-color: rgba(255, 255, 255, 0.74); }
.sw-bullet li.active { background-color: rgba(255, 255, 255, 0.5); box-shadow: 0 0 2px rgba(160, 160, 160, 0.53); }
.sw-bullet li:not(:last-child) { margin-right: 5px; }





